@ccs-ui/rc-pro 2.4.6 → 2.4.7-beta.2

package/es/{pro-table/head.js → atom/filter.js}

@@ -1,12 +1,12 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["onFormat"];
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -15,26 +15,28 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { DownOutlined, UpOutlined } from '@ant-design/icons';
 import { Button, Form, theme } from 'antd';
-import _debounce from 'lodash.debounce';
-import React, { useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { CcsForm, CcsResizeObserver } from '..';
-import { getShowDpends } from "./_utils";
-import { classPrefix } from "./table";
+import React, { useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { classAtomPrefix } from '.';
+import { CcsAtom, CcsForm } from '..';
+import ProBaseItem from "./item";
+
+/** 操作按钮、查询，重置、列筛选、 */
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-/** 操作按钮、查询，重置、列筛选、 */
-function HeadComponent(_ref) {
-  var toolbar = _ref.toolbar,
-    _ref$expandForm = _ref.expandForm,
-    expandForm = _ref$expandForm === void 0 ? false : _ref$expandForm,
-    _ref$formItems = _ref.formItems,
-    formItems = _ref$formItems === void 0 ? [] : _ref$formItems,
-    formInitValues = _ref.formInitValues,
-    formItemLabelWidth = _ref.formItemLabelWidth,
-    tableOperation = _ref.tableOperation,
-    formRef = _ref.formRef,
-    onSearch = _ref.onSearch;
+function AtomFilter(props, ref) {
+  var extra = props.extra,
+    style = props.style,
+    className = props.className,
+    _props$expandForm = props.expandForm,
+    expandForm = _props$expandForm === void 0 ? false : _props$expandForm,
+    _props$formItems = props.formItems,
+    formItems = _props$formItems === void 0 ? [] : _props$formItems,
+    formInitValues = props.formInitValues,
+    formItemLabelWidth = props.formItemLabelWidth,
+    requestParam = props.requestParam,
+    onSearch = props.onSearch;
+  var classPrefix = "".concat(classAtomPrefix, "-filter");
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
@@ -52,30 +54,74 @@ function HeadComponent(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     hasMore = _useState4[0],
     onToggle = _useState4[1];
+  var token = theme.useToken().token;
+  function getDefaultHeight() {
+    // 计算input高度作为默认高度
+    var controlHeight = token.rootValue ? "".concat((token.controlHeight / token.rootValue).toFixed(3), "rem") : token.controlHeight;
+    return controlHeight;
+  }
+  var _useState5 = useState(getDefaultHeight),
+    _useState6 = _slicedToArray(_useState5, 2),
+    controlHeight = _useState6[0],
+    setControlHeight = _useState6[1];
   useEffect(function () {
     if (hasMore && expandForm) {
       setIsExpand(true);
     }
   }, [hasMore]);
-  useImperativeHandle(formRef, function () {
-    return form;
-  });
 
-  // 处理form item 依赖
-  var allFormItems = useMemo(function () {
-    formItems.forEach(function (item) {
-      var depend = item.showDepends || [];
-      if (depend && depend.length > 0) {
-        getShowDpends(formItems, item, depend);
+  // 构建查询条件:表单数据、请求额外参数、分页参数、其他参数
+  var getFormValues = function getFormValues() {
+    // 表单值
+    var formValues = form.getFieldsValue();
+
+    // 删除无意义字段
+    if (formValues) {
+      var _delField = Object.keys(formValues).filter(function (k) {
+        return k.startsWith('_') && k.endsWith('_');
+      });
+      if (_delField.length > 0) {
+        _delField.forEach(function (d) {
+          return delete formValues[d];
+        });
+      }
+    }
+
+    // 格式化条件，格式化结果数据
+    Object.keys(formValues).forEach(function (k) {
+      if (formValues[k] !== undefined) {
+        var s = formItems.find(function (f) {
+          return f.name === k;
+        });
+        if (s !== null && s !== void 0 && s.onFormat) formValues[k] = s.onFormat(formValues[k]);
       }
     });
-    return formItems;
-  }, [formItems]);
+    return _objectSpread(_objectSpread(_objectSpread({}, requestParam), formInitValues), formValues);
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      getFormValues: getFormValues,
+      form: form
+    };
+  });
 
   // 判断是否有更多条件无法一行显示
   var onEventMore = function onEventMore() {
     var _endItemRef$current, _formItemsRef$current, _searchBtnRef$current, _endItemRef$current2, _formItemsRef$current2;
     if (!endItemRef.current || !formItemsRef.current) return;
+
+    // 计算行高
+    var rowHeight = controlHeight;
+    formItemsRef.current.childNodes.forEach(function (c) {
+      if (rowHeight < c.clientHeight) {
+        rowHeight = c.clientHeight;
+      }
+    });
+
+    // 行高变更
+    if (rowHeight !== controlHeight) {
+      setControlHeight(rowHeight);
+    }
     var endTop = (_endItemRef$current = endItemRef.current) === null || _endItemRef$current === void 0 || (_endItemRef$current = _endItemRef$current.getClientRects()[0]) === null || _endItemRef$current === void 0 ? void 0 : _endItemRef$current.top;
     var formTop = (_formItemsRef$current = formItemsRef.current) === null || _formItemsRef$current === void 0 || (_formItemsRef$current = _formItemsRef$current.getClientRects()[0]) === null || _formItemsRef$current === void 0 ? void 0 : _formItemsRef$current.top;
     var searchtTop = (_searchBtnRef$current = searchBtnRef.current) === null || _searchBtnRef$current === void 0 || (_searchBtnRef$current = _searchBtnRef$current.getClientRects()[0]) === null || _searchBtnRef$current === void 0 ? void 0 : _searchBtnRef$current.top;
@@ -89,6 +135,10 @@ function HeadComponent(_ref) {
     var hasMore = ((_endItemRef$current2 = endItemRef.current) === null || _endItemRef$current2 === void 0 || (_endItemRef$current2 = _endItemRef$current2.getClientRects()[0]) === null || _endItemRef$current2 === void 0 ? void 0 : _endItemRef$current2.top) !== ((_formItemsRef$current2 = formItemsRef.current) === null || _formItemsRef$current2 === void 0 || (_formItemsRef$current2 = _formItemsRef$current2.getClientRects()[0]) === null || _formItemsRef$current2 === void 0 ? void 0 : _formItemsRef$current2.top);
     onToggle(hasMore);
   };
+  useEffect(function () {
+    onEventMore();
+  }, []);
+  if (formItems.length === 0) return null;
 
   // 监听dom尺寸变化
   var resizeFn = function resizeFn(e) {
@@ -96,12 +146,6 @@ function HeadComponent(_ref) {
     onEventMore();
   };
 
-  // 监听容器尺寸变化
-  var onResize = _debounce(resizeFn, 500);
-  useEffect(function () {
-    onEventMore();
-  }, []);
-
   // 操作按钮
   var renderSearchBtn = /*#__PURE__*/_jsxs("div", {
     style: {
@@ -123,39 +167,38 @@ function HeadComponent(_ref) {
       type: "primary",
       htmlType: "submit",
       children: "\u67E5\u8BE2"
-    }), toolbar ? null : tableOperation]
+    }), extra]
   });
   var formStyles = {
     flexWrap: isExpand ? 'wrap' : 'nowrap'
   };
-
-  // 获取Input的高度
-  var token = theme.useToken().token;
-  var controlHeight = token.rootValue ? "".concat((token.controlHeight / token.rootValue).toFixed(3), "rem") : token.controlHeight;
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: allFormItems.length > 0 && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(CcsResizeObserver.Target, {
+  return /*#__PURE__*/_jsx(ProBaseItem, {
+    style: style,
+    className: className,
+    children: (formItems.length > 0 || onSearch) && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(CcsAtom.Resize, {
         targetRef: formItemsRef,
-        onResize: onResize
+        onResize: resizeFn
       }), /*#__PURE__*/_jsxs(Form, {
         initialValues: formInitValues,
         form: form,
         onFinish: onSearch,
         layout: "inline",
         style: formStyles,
+        preserve: false,
         children: [/*#__PURE__*/_jsx("div", {
           style: {
             height: isExpand ? 'auto' : controlHeight
           },
-          className: "ccs-pl-adaptation-form",
+          className: "".concat(classPrefix, "-adaptation"),
           children: /*#__PURE__*/_jsxs("div", {
-            className: "ccs-pl-form-".concat(isExpand && hasMore ? 'expand' : 'collapse'),
+            className: "".concat(classPrefix, "-").concat(isExpand && hasMore ? 'expand' : 'collapse'),
             ref: formItemsRef,
             children: [
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            formItems.map(function (_ref2) {
-              var onFormat = _ref2.onFormat,
-                item = _objectWithoutProperties(_ref2, _excluded);
+            formItems.map(function (_ref) {
+              var onFormat = _ref.onFormat,
+                item = _objectWithoutProperties(_ref, _excluded);
               return /*#__PURE__*/_jsx(CcsForm.Item, _objectSpread(_objectSpread(_objectSpread({}, item), formItemLabelWidth ? {
                 label: /*#__PURE__*/_jsx("div", {
                   style: {
@@ -174,14 +217,12 @@ function HeadComponent(_ref) {
               ref: endItemRef
             }), isExpand && renderSearchBtn]
           })
-        }), !isExpand && /*#__PURE__*/_jsx("div", {
-          style: {
-            flex: '0 0 auto'
-          },
-          children: renderSearchBtn
-        })]
+        }), !isExpand && renderSearchBtn]
       })]
     })
   });
 }
-export default HeadComponent;
+if (process.env.NODE_ENV !== 'production') {
+  AtomFilter.displayName = 'AtomOperation';
+}
+export default /*#__PURE__*/React.forwardRef(AtomFilter);

package/es/atom/full-screen.d.ts

@@ -0,0 +1,6 @@
+import { AtomFullScreenProps } from './_api';
+declare function AtomFullScreen({ btnProps, parentHtmlId }: AtomFullScreenProps): import("react/jsx-runtime").JSX.Element;
+declare namespace AtomFullScreen {
+    var displayName: string;
+}
+export default AtomFullScreen;

package/es/atom/full-screen.js

@@ -0,0 +1,74 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons';
+import { Button, theme, Tooltip } from 'antd';
+import { useEffect, useRef, useState } from 'react';
+import { classAtomPrefix } from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+function AtomFullScreen(_ref) {
+  var btnProps = _ref.btnProps,
+    parentHtmlId = _ref.parentHtmlId;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isFull = _useState2[0],
+    setIsFull = _useState2[1];
+  var ref = useRef(null);
+  var rootRef = useRef(undefined);
+  var _theme$useToken = theme.useToken(),
+    token = _theme$useToken.token;
+  useEffect(function () {
+    if (!parentHtmlId) return;
+    rootRef.current = ref.current.closest("#".concat(parentHtmlId)) || undefined;
+  }, []);
+  var handleOnFullScreen = function handleOnFullScreen() {
+    if (rootRef.current) {
+      var _ref2 = rootRef.current || {},
+        classList = _ref2.classList,
+        style = _ref2.style;
+      if (isFull) {
+        classList === null || classList === void 0 || classList.remove("".concat(classAtomPrefix, "-fullscreen"));
+        style.backgroundColor = 'transparent';
+      } else {
+        classList === null || classList === void 0 || classList.add("".concat(classAtomPrefix, "-fullscreen"));
+        style.backgroundColor = token.colorBgContainer;
+      }
+    }
+    setIsFull(!isFull);
+  };
+
+  // 全屏状态Tooltip 无法显示，destroyOnHidden避免返回非全屏状态，Tooltip 未消失
+  return /*#__PURE__*/_jsx("span", {
+    ref: ref,
+    children: isFull ? /*#__PURE__*/_jsx(Button, _objectSpread({
+      onClick: function onClick() {
+        return handleOnFullScreen();
+      },
+      icon: /*#__PURE__*/_jsx(FullscreenExitOutlined, {}),
+      type: "text"
+    }, btnProps)) : /*#__PURE__*/_jsx(Tooltip, {
+      title: "\u5168\u5C4F",
+      destroyOnHidden: true,
+      children: /*#__PURE__*/_jsx(Button, _objectSpread({
+        onClick: function onClick() {
+          return handleOnFullScreen();
+        },
+        icon: /*#__PURE__*/_jsx(FullscreenOutlined, {}),
+        type: "text"
+      }, btnProps))
+    })
+  });
+}
+if (process.env.NODE_ENV !== 'production') {
+  AtomFullScreen.displayName = 'AtomFullScreen';
+}
+export default AtomFullScreen;

package/es/atom/index.d.ts

@@ -0,0 +1,53 @@
+/// <reference types="react" />
+import AtomCheckbox from './check';
+import AtomCountdown from './count-down';
+import AtomFullScreen from './full-screen';
+import './index.less';
+import AtomOperation from './operation';
+import AtomTitle from './title';
+import useComplexState from './useComplexState';
+import usePageRequest from './usePageRequest';
+export declare const classAtomPrefix = "ccs-atom";
+/**
+ * 原子组件
+ */
+declare const Atom: {
+    (): import("react/jsx-runtime").JSX.Element;
+    /** 数据过滤 */
+    Filter: import("react").ForwardRefExoticComponent<import("../ccs").PropsWithCss & {
+        onSearch?: (() => void) | undefined;
+        filterRef?: import("react").RefObject<import("../ccs").AtomFilterInstance> | undefined;
+        expandForm?: boolean | undefined;
+        formInitValues?: import("antd/es/form/interface").Store | undefined;
+        formItems?: import("../ccs").AtomFormItems | undefined;
+        formItemLabelWidth?: string | number | undefined;
+        extra?: import("react").ReactNode;
+        requestParam?: Record<string, any> | undefined;
+    } & import("react").RefAttributes<import("../ccs").AtomFilterInstance>>;
+    /** 操作栏 */
+    Operation: typeof AtomOperation;
+    /** Checkbox */
+    Checkbox: typeof AtomCheckbox;
+    /** 全屏 */
+    FullScreen: typeof AtomFullScreen;
+    /** 标题 */
+    Title: typeof AtomTitle;
+    /** 尺寸变更监听 */
+    Resize: import("react").MemoExoticComponent<{
+        (props: import("../ccs").AtomResizeProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    }>;
+    /** 尺寸变更监听 */
+    Countdown: typeof AtomCountdown;
+    /** 文本缩略 */
+    Ellipsis: import("react").MemoExoticComponent<{
+        ({ content, rows, direction, showTooltip, }: import("../ccs").AtomEllipsisProps): string | import("react/jsx-runtime").JSX.Element | undefined;
+        displayName: string;
+    }>;
+    /** 分页请求hooks */
+    usePageRequest: typeof usePageRequest;
+    /** 多状态管理 */
+    useComplexState: typeof useComplexState;
+    displayName: string;
+};
+export default Atom;

package/es/atom/index.js

@@ -0,0 +1,55 @@
+import AtomCheckbox from "./check";
+import AtomCountdown from "./count-down";
+import AtomEllipsis from "./ellipsis";
+import AtomFilter from "./filter";
+import AtomFullScreen from "./full-screen";
+import "./index.less";
+import AtomOperation from "./operation";
+import AtomResize from "./resize-observer";
+import AtomTitle from "./title";
+import useComplexState from "./useComplexState";
+import usePageRequest from "./usePageRequest";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var classAtomPrefix = 'ccs-atom';
+
+/**
+ * 原子组件
+ */
+var Atom = function Atom() {
+  return /*#__PURE__*/_jsx(_Fragment, {});
+};
+
+/** 数据过滤 */
+Atom.Filter = AtomFilter;
+
+/** 操作栏 */
+Atom.Operation = AtomOperation;
+
+/** Checkbox */
+Atom.Checkbox = AtomCheckbox;
+
+/** 全屏 */
+Atom.FullScreen = AtomFullScreen;
+
+/** 标题 */
+Atom.Title = AtomTitle;
+
+/** 尺寸变更监听 */
+Atom.Resize = AtomResize;
+
+/** 尺寸变更监听 */
+Atom.Countdown = AtomCountdown;
+
+/** 文本缩略 */
+Atom.Ellipsis = AtomEllipsis;
+
+/** 分页请求hooks */
+Atom.usePageRequest = usePageRequest;
+
+/** 多状态管理 */
+Atom.useComplexState = useComplexState;
+if (process.env.NODE_ENV !== 'production') {
+  Atom.displayName = 'CcsAtom';
+}
+export default Atom;

package/es/atom/index.less

@@ -0,0 +1,91 @@
+.ccs-atom-filter {
+  &-collapse {
+    display: flex;
+    justify-content: flex-end;
+    flex-wrap: wrap;
+    gap: 10px;
+  }
+
+  &-expand {
+    display: flex;
+    justify-content: flex-start;
+    flex-wrap: wrap;
+    gap: 10px;
+  }
+
+  &-adaptation {
+    flex: 1 1 auto;
+    overflow: hidden;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+
+  &-form-item {
+    margin-bottom: 0 !important;
+    margin-inline-end: 0 !important;
+  }
+}
+
+.ccs-atom-operation {
+  display: flex;
+  justify-content: space-between;
+  align-content: center;
+
+  &-left {
+    flex: 1 1 auto;
+    overflow: hidden;
+  }
+
+  &-right {
+    flex: 0 0 auto;
+  }
+
+  &-right button {
+    width: 26px !important;
+  }
+}
+
+.ccs-atom-fullscreen {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 9999;
+}
+
+.ccs-atom-check {
+  display: flex;
+  max-height: 300px;
+  overflow: auto;
+  flex-flow: column nowrap;
+}
+
+.ccs-ellipsis {
+  overflow: hidden;
+  line-height: 1.5;
+  word-break: break-word;
+}
+
+.ccs-ellipsis-scroll {
+  /* 允许滚动（核心：不能用 overflow: hidden） */
+  overflow: auto; /* 或 overflow-y: auto / overflow-x: auto，根据方向选择 */
+
+  /* 1. 针对 Firefox 浏览器 */
+  scrollbar-width: none; /* 隐藏滚动条（仅 Firefox 支持） */
+
+  /* 2. 针对 IE 和 Edge 旧版本（非 Chromium 内核） */
+  -ms-overflow-style: none; /* 隐藏滚动条（仅 IE/Edge 旧版支持） */
+  visibility: hidden;
+}
+
+/* 3. 针对 WebKit 内核浏览器（Chrome、Safari、Edge 新版等） */
+.ccs-ellipsis-scroll::-webkit-scrollbar {
+  display: none; /* 隐藏滚动条（WebKit 浏览器通过伪元素控制） */
+}
+
+.ccs-ellipsis-tootip {
+  max-width: 50%;
+}

package/es/atom/item.d.ts

@@ -0,0 +1,5 @@
+import { SizeType } from 'antd/es/config-provider/SizeContext';
+import { PropsWithChildren, PropsWithCss } from '../ccs';
+export default function AtomItem({ style, size, className, children, }: {
+    size?: SizeType;
+} & PropsWithChildren<any> & PropsWithCss): import("react/jsx-runtime").JSX.Element;

package/es/atom/item.js

@@ -0,0 +1,34 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { theme as antTheme } from 'antd';
+import classNames from 'classnames';
+import { useInsertCss } from "../hooks/use-insert-css";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function AtomItem(_ref) {
+  var style = _ref.style,
+    size = _ref.size,
+    className = _ref.className,
+    children = _ref.children;
+  var _antTheme$useToken = antTheme.useToken(),
+    token = _antTheme$useToken.token;
+
+  // 添加额外样式,ccs-atom-item 兄弟元素之间添加分割线
+  useInsertCss('atom-item', function () {
+    return [".ccs-atom-item ~ .ccs-atom-item { border-top: 1px solid ".concat(token.colorBorderSecondary, "; }")];
+  });
+
+  // 头部间距
+  var tokenPadding = size === 'small' ? token.paddingSM : token.paddingMD;
+  return /*#__PURE__*/_jsx("div", {
+    className: classNames('ccs-atom-item', className),
+    style: _objectSpread({
+      background: token.colorBgContainer,
+      padding: "".concat(token.paddingSM, "px ").concat(tokenPadding, "px")
+    }, style),
+    children: children
+  });
+}

package/es/atom/operation.d.ts

@@ -0,0 +1,6 @@
+import { AtomOperationProps } from './_api';
+declare function AtomOperation<T>(props: AtomOperationProps<T>): import("react/jsx-runtime").JSX.Element | null;
+declare namespace AtomOperation {
+    var displayName: string;
+}
+export default AtomOperation;

package/es/atom/operation.js

@@ -0,0 +1,79 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { ColumnHeightOutlined, RedoOutlined } from '@ant-design/icons';
+import { Button, Dropdown, Tooltip } from 'antd';
+import classNames from 'classnames';
+import { classAtomPrefix } from '.';
+import { CcsFullScreenButton } from '..';
+import ProBaseItem from "./item";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function AtomOperation(props) {
+  var classPrefix = "".concat(classAtomPrefix, "-operation");
+  var extraRight = props.extraRight,
+    extraLeft = props.extraLeft,
+    size = props.size,
+    parentHtmlId = props.parentHtmlId,
+    style = props.style,
+    className = props.className,
+    onReset = props.onReset,
+    onChangeSize = props.onChangeSize;
+  if (Object.values(props).filter(function (f) {
+    return f;
+  }).length === 0) return null;
+  var styles = _objectSpread({}, style);
+  if (!extraLeft) {
+    styles.display = 'inline-block';
+    styles.padding = 0;
+  }
+  return /*#__PURE__*/_jsxs(ProBaseItem, {
+    className: classNames(classPrefix, className),
+    style: styles,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "".concat(classPrefix, "-left"),
+      children: extraLeft
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "".concat(classPrefix, "-right"),
+      children: [extraRight, size && /*#__PURE__*/_jsx(Dropdown, {
+        placement: "bottomRight",
+        menu: {
+          activeKey: size,
+          items: [{
+            key: 'large',
+            label: '默认'
+          }, {
+            key: 'middle',
+            label: '中等'
+          }, {
+            key: 'small',
+            label: '紧凑'
+          }],
+          onClick: function onClick(e) {
+            onChangeSize === null || onChangeSize === void 0 || onChangeSize(e.key);
+          }
+        },
+        children: /*#__PURE__*/_jsx(Button, {
+          icon: /*#__PURE__*/_jsx(ColumnHeightOutlined, {}),
+          type: "text"
+        })
+      }), onReset && /*#__PURE__*/_jsx(Tooltip, {
+        title: "\u91CD\u7F6E",
+        children: /*#__PURE__*/_jsx(Button, {
+          onClick: onReset,
+          icon: /*#__PURE__*/_jsx(RedoOutlined, {}),
+          type: "text"
+        })
+      }), parentHtmlId !== undefined && /*#__PURE__*/_jsx(CcsFullScreenButton, {
+        parentHtmlId: "ccs-pro-table"
+      })]
+    })]
+  });
+}
+if (process.env.NODE_ENV !== 'production') {
+  AtomOperation.displayName = 'AtomOperation';
+}
+export default AtomOperation;