@zykj2024/much-library 1.0.12-beta.5 → 1.0.12-beta.6

package/dist/McContainer/demo/actionBar.d.ts

@@ -1,6 +1,6 @@
 /**
  * title: 操作栏区域
- * description: 若未设置该项，则不显示。
+ * description: 若未设置该项，则不显示。`actionBarRender` 可自定义操作栏区域，提供批量操作按钮实例
  * transform: true
  * compact: true
  */

package/dist/McContainer/demo/actionBar.js

@@ -1,17 +1,21 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /**
  * title: 操作栏区域
- * description: 若未设置该项，则不显示。
+ * description: 若未设置该项，则不显示。`actionBarRender` 可自定义操作栏区域，提供批量操作按钮实例
  * transform: true
  * compact: true
  */
 
-import { Button } from 'antd';
+import { useToggle } from "../../../packages/hooks/src";
+import { Button, Space, Switch } from 'antd';
 import { AddOutlined } from 'much-icons';
 import { McContainer, McInput } from "../..";
+import { useState } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export default (function () {
+  var _selectedRows$length;
   var dataSource = Array.from({
     length: 5
   }, function (_, index) {
@@ -21,6 +25,14 @@ export default (function () {
       age: 18 + index
     };
   });
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedRows = _useState2[0],
+    setSelectedRows = _useState2[1];
+  var _useToggle = useToggle(false),
+    _useToggle2 = _slicedToArray(_useToggle, 2),
+    showCustomActionBar = _useToggle2[0],
+    toggle = _useToggle2[1].toggle;
   var columns = [{
     title: 'ID',
     dataIndex: 'id'
@@ -58,13 +70,49 @@ export default (function () {
       children: "\u4E0A\u4F20"
     })]
   });
-  return /*#__PURE__*/_jsx(McContainer, {
-    height: "100%",
-    queryItems: queryItems,
-    actionBar: actionBar,
-    tableProps: {
-      columns: columns,
-      dataSource: dataSource
-    }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      style: {
+        padding: '24px 24px 0'
+      },
+      children: ["\u662F\u5426\u81EA\u5B9A\u4E49\u6E32\u67D3\u64CD\u4F5C\u533A\uFF1A", /*#__PURE__*/_jsx(Switch, {
+        checked: showCustomActionBar,
+        onChange: toggle
+      })]
+    }), /*#__PURE__*/_jsx(McContainer, {
+      height: "100%",
+      queryItems: queryItems,
+      actionBar: actionBar,
+      actionBarRender: showCustomActionBar ? function (batchEl) {
+        return /*#__PURE__*/_jsxs(Space, {
+          size: 16,
+          style: {
+            marginBottom: 16
+          },
+          children: [/*#__PURE__*/_jsx(Button, {
+            type: "primary",
+            children: "\u4E0B\u8F7D"
+          }), batchEl]
+        });
+      } : undefined,
+      batchNum: (_selectedRows$length = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length) !== null && _selectedRows$length !== void 0 ? _selectedRows$length : 0,
+      onCancel: function onCancel() {
+        return setSelectedRows([]);
+      },
+      tableProps: {
+        columns: columns,
+        dataSource: dataSource,
+        rowKey: 'id',
+        rowSelection: {
+          selectedRowKeys: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.map(function (item) {
+            return item.id;
+          }),
+          preserveSelectedRowKeys: true,
+          onChange: function onChange(selectedRowKeys, selectedRows) {
+            return setSelectedRows(selectedRows);
+          }
+        }
+      }
+    })]
   });
 });

package/dist/McContainer/demo/batch.d.ts

@@ -1,6 +1,6 @@
 /**
  * title: 预设批量操作
- * description: 包括多选数据的处理、展示、批量操作区，开启多选功能时，在`tableProps`中进行多选的配置，`rowKey`必须设置且唯一。`batchNum`展示批量操作数、`batchBtns`配置批量操作区、`onCancel`取消批量选中，配合实现多选功能。
+ * description: 包括多选数据的处理、展示、批量操作区，开启多选功能时，在`tableProps`中进行多选的配置，`rowKey`必须设置且唯一。`batchNum`展示批量操作数、`batchBtns`配置批量操作区、`onCancel`取消批量选中，配合实现多选功能。设置`batch`参数时，注意`actionBar`要为合法的React节点，如`<Button>操作1</Button>`、`<>只需要字符串的场景</>`，设置`batch.show`为`true`显示批量操作按钮，设置`batch.order`可以调整批量操作按钮的位置
  * transform: true
  * compact: true
  */

package/dist/McContainer/demo/batch.js

@@ -1,13 +1,14 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /**
  * title: 预设批量操作
- * description: 包括多选数据的处理、展示、批量操作区，开启多选功能时，在`tableProps`中进行多选的配置，`rowKey`必须设置且唯一。`batchNum`展示批量操作数、`batchBtns`配置批量操作区、`onCancel`取消批量选中，配合实现多选功能。
+ * description: 包括多选数据的处理、展示、批量操作区，开启多选功能时，在`tableProps`中进行多选的配置，`rowKey`必须设置且唯一。`batchNum`展示批量操作数、`batchBtns`配置批量操作区、`onCancel`取消批量选中，配合实现多选功能。设置`batch`参数时，注意`actionBar`要为合法的React节点，如`<Button>操作1</Button>`、`<>只需要字符串的场景</>`，设置`batch.show`为`true`显示批量操作按钮，设置`batch.order`可以调整批量操作按钮的位置
  * transform: true
  * compact: true
  */
 
-import { Button } from 'antd';
-import { McContainer, McInput } from "../..";
+import { useToggle } from "../../../packages/hooks/src";
+import { Button, Switch } from 'antd';
+import { McContainer, McInput, McInputNumber } from "../..";
 import { useState } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -27,6 +28,14 @@ export default (function () {
       age: 18 + index
     };
   });
+  var _useToggle = useToggle(true),
+    _useToggle2 = _slicedToArray(_useToggle, 2),
+    showBatchBtn = _useToggle2[0],
+    toggle = _useToggle2[1].toggle;
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    batchBtnOrder = _useState4[0],
+    setBatchBtnOrder = _useState4[1];
   var columns = [{
     title: 'ID',
     dataIndex: 'id'
@@ -55,35 +64,66 @@ export default (function () {
       }
     })
   });
-  return /*#__PURE__*/_jsx(McContainer, {
-    height: "100%",
-    queryItems: queryItems,
-    batchNum: (_selectedRows$length = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length) !== null && _selectedRows$length !== void 0 ? _selectedRows$length : 0,
-    onCancel: function onCancel() {
-      return setSelectedRows([]);
-    },
-    batchBtns: /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Button, {
-        type: "primary",
-        children: "\u6279\u91CF\u64CD\u4F5C1"
-      }), /*#__PURE__*/_jsx(Button, {
-        type: "primary",
-        children: "\u6279\u91CF\u64CD\u4F5C2"
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      style: {
+        padding: 24
+      },
+      children: ["\u662F\u5426\u5C55\u793A\u6279\u91CF\u64CD\u4F5C\u6309\u94AE\uFF1A", /*#__PURE__*/_jsx(Switch, {
+        checked: showBatchBtn,
+        onChange: toggle
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      style: {
+        padding: '0 0 24px 24px'
+      },
+      children: ["\u6279\u91CF\u64CD\u4F5C\u6309\u94AE\u4F4D\u7F6E\uFF1A", /*#__PURE__*/_jsx(McInputNumber, {
+        value: batchBtnOrder,
+        onChange: setBatchBtnOrder
       })]
-    }),
-    tableProps: {
-      columns: columns,
-      dataSource: dataSource,
-      rowKey: 'id',
-      rowSelection: {
-        selectedRowKeys: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.map(function (item) {
-          return item.id;
-        }),
-        preserveSelectedRowKeys: true,
-        onChange: function onChange(selectedRowKeys, selectedRows) {
-          return setSelectedRows(selectedRows);
+    }), /*#__PURE__*/_jsx(McContainer, {
+      height: "100%",
+      queryItems: queryItems,
+      batchNum: (_selectedRows$length = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length) !== null && _selectedRows$length !== void 0 ? _selectedRows$length : 0,
+      onCancel: function onCancel() {
+        return setSelectedRows([]);
+      },
+      actionBar: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          children: "\u64CD\u4F5C1"
+        }), /*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          children: "\u64CD\u4F5C2"
+        })]
+      }),
+      batchBtns: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          children: "\u6279\u91CF\u64CD\u4F5C1"
+        }), /*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          children: "\u6279\u91CF\u64CD\u4F5C2"
+        })]
+      }),
+      batch: {
+        show: showBatchBtn,
+        order: batchBtnOrder
+      },
+      tableProps: {
+        columns: columns,
+        dataSource: dataSource,
+        rowKey: 'id',
+        rowSelection: {
+          selectedRowKeys: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.map(function (item) {
+            return item.id;
+          }),
+          preserveSelectedRowKeys: true,
+          onChange: function onChange(selectedRowKeys, selectedRows) {
+            return setSelectedRows(selectedRows);
+          }
         }
       }
-    }
+    })]
   });
 });

package/dist/McContainer/demo/standard.js

@@ -24,7 +24,6 @@ var tableData = Array.from({
   };
 });
 export default (function () {
-  var _selectedRows$length;
   var mcContainerRef = useRef();
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -138,7 +137,7 @@ export default (function () {
         icon: /*#__PURE__*/_jsx(AddOutlined, {}),
         children: "\u65B0\u589E"
       }),
-      batchNum: (_selectedRows$length = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length) !== null && _selectedRows$length !== void 0 ? _selectedRows$length : 0,
+      batchNum: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length,
       onCancel: function onCancel() {
         return setSelectedRows([]);
       },

package/dist/McContainer/index.d.ts

@@ -1,4 +1,4 @@
-import { TableProps } from 'antd';
+import { ButtonProps, TableProps } from 'antd';
 import { CSSProperties, FC, ReactElement, ReactNode } from 'react';
 import './index.less';
 export type McContainerPropsType = {
@@ -28,9 +28,28 @@ export type McContainerPropsType = {
         [key: string]: any;
     }) => void;
     queryRender?: ReactNode;
-    actionBar?: ReactNode;
+    actionBar?: ReactElement;
+    /**
+     * @description 操作栏自定义渲染
+     * @param batchEl - 批量操作按钮实例
+     * @returns 操作栏元素
+     */
+    actionBarRender?: (batchEl: ReactNode) => ReactNode;
     batchNum?: number;
     batchBtns?: ReactNode;
+    /**
+     * @description 批量操作按钮配置
+     * @param show - 是否显示批量操作按钮（默认不显示 false）
+     * @param buttonText - 批量操作按钮文字
+     * @param buttonProps - 批量操作按钮属性
+     * @param order - 批量操作按钮在操作栏中的位置（默认为最后一个）
+     */
+    batch?: {
+        show?: boolean;
+        buttonText?: string;
+        buttonProps?: ButtonProps;
+        order?: number;
+    };
     onCancel?: () => void;
     tableProps?: TableProps<any>;
     tableRender?: ReactNode;

package/dist/McContainer/index.js

@@ -2,10 +2,12 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Button, Spin, Table } from 'antd';
+import { isNumber } from 'lodash';
 import { CaretDownFilled, DoubleLeftOutlined } from 'much-icons';
-import { Children, cloneElement, forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { Children, cloneElement, forwardRef, isValidElement, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import "./index.css";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
   var _tableProps$dataSourc;
@@ -36,6 +38,8 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
     _props$batchNum = props.batchNum,
     batchNum = _props$batchNum === void 0 ? 0 : _props$batchNum,
     batchBtns = props.batchBtns,
+    batch = props.batch,
+    actionBarRender = props.actionBarRender,
     onCancel = props.onCancel,
     tableProps = props.tableProps,
     tableRender = props.tableRender,
@@ -53,12 +57,25 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
   var defaultQueryParamsRef = useRef({});
   var initializedRef = useRef(false);
 
+  /* 批量操作相关 */
+  var _ref = batch || {},
+    _ref$buttonText = _ref.buttonText,
+    buttonText = _ref$buttonText === void 0 ? '批量操作' : _ref$buttonText,
+    buttonProps = _ref.buttonProps,
+    _ref$show = _ref.show,
+    batchShow = _ref$show === void 0 ? false : _ref$show,
+    batchOrder = _ref.order;
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showBatchBar = _useState6[0],
+    setShowBatchBar = _useState6[1];
+
   /* 获取actionBar高度 */
   var actionBarRef = useRef();
-  var _useState5 = useState(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    actionBarHeight = _useState6[0],
-    setActionBarHeight = _useState6[1];
+  var _useState7 = useState(0),
+    _useState8 = _slicedToArray(_useState7, 2),
+    actionBarHeight = _useState8[0],
+    setActionBarHeight = _useState8[1];
   var actionBarResizeObserver = new ResizeObserver(function (entries) {
     setActionBarHeight(entries[0].contentRect.height + 40);
   });
@@ -108,6 +125,45 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
     return ELs;
   };
 
+  // 批量操作按钮
+  var handelBatchClick = function handelBatchClick() {
+    if (showBatchBar) {
+      onCancel === null || onCancel === void 0 || onCancel();
+    }
+    setShowBatchBar(!showBatchBar);
+  };
+
+  // 批量操作按钮
+  var batchEl = /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+    onClick: handelBatchClick
+  }, buttonProps), {}, {
+    children: buttonText
+  }));
+
+  // 生成 actionBar
+  var mapActionBar = function mapActionBar() {
+    var Els;
+    // 是否展示批量操作按钮
+    if (batchShow) {
+      // 是否配置actionBar
+      if (actionBar) {
+        var _actionBar$props;
+        // 判断是否为合法的React节点
+        var itemsCount = /*#__PURE__*/isValidElement(actionBar) ? Children.count(actionBar === null || actionBar === void 0 || (_actionBar$props = actionBar.props) === null || _actionBar$props === void 0 ? void 0 : _actionBar$props.children) : 1;
+        var newEls = Children.toArray(itemsCount > 1 ? actionBar.props.children : actionBar);
+        var _batchOrder = isNumber(batchOrder) && batchOrder >= 0 && batchOrder <= itemsCount ? batchOrder : itemsCount;
+        // 插入批量操作按钮，默认放在actionBar操作项后面
+        newEls.splice(_batchOrder, 0, batchEl);
+        Els = /*#__PURE__*/cloneElement(itemsCount > 1 ? actionBar : /*#__PURE__*/_jsx(_Fragment, {}), {}, newEls);
+      } else {
+        Els = batchEl;
+      }
+    } else {
+      Els = actionBar;
+    }
+    return Els;
+  };
+
   // 格式化查询参数（返回当前可见的查询项的参数集）
   var formatQueryParams = function formatQueryParams() {
     var _tableProps$paginatio;
@@ -138,10 +194,10 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
     if (params) {
       var _params = _objectSpread({}, queryParamsRef.current);
       // 仅支持设置过name属性的查询项（和current、pageSize）
-      Object.entries(params).forEach(function (_ref) {
-        var _ref2 = _slicedToArray(_ref, 2),
-          key = _ref2[0],
-          value = _ref2[1];
+      Object.entries(params).forEach(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+          key = _ref3[0],
+          value = _ref3[1];
         if (allNamesRef.current.includes(key)) {
           _params[key] = value;
         }
@@ -194,10 +250,10 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
       return !allNamesRef.current.includes(k) && allNamesRef.current.push(k);
     });
     // 仅支持设置过name属性的查询项（和current、pageSize）
-    Object.entries(params).forEach(function (_ref3) {
-      var _ref4 = _slicedToArray(_ref3, 2),
-        key = _ref4[0],
-        value = _ref4[1];
+    Object.entries(params).forEach(function (_ref4) {
+      var _ref5 = _slicedToArray(_ref4, 2),
+        key = _ref5[0],
+        value = _ref5[1];
       if (allNamesRef.current.includes(key)) {
         _params[key] = value;
       }
@@ -236,6 +292,9 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
     queryParamsRef.current = _params;
     setQueryParams(_params);
   };
+  useEffect(function () {
+    setShowBatchBar(batchNum > 0);
+  }, [batchNum]);
 
   // 监听immediateQuery，初始设置默认查询参数并判断是否触发首次查询
   useEffect(function () {
@@ -324,14 +383,14 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
           })]
         }), queryRender !== null && /*#__PURE__*/_jsx("div", {
           className: "mc-container__divider"
-        }), actionBar && /*#__PURE__*/_jsx("div", {
+        }), actionBarRender ? actionBarRender(batchEl) : (!!actionBar || !!batchShow) && /*#__PURE__*/_jsx("div", {
           ref: actionBarRef,
           className: "mc-container__action-bar",
           style: {
             backgroundColor: backgroundColor
           },
-          children: actionBar
-        }), batchNum > 0 && /*#__PURE__*/_jsx("div", {
+          children: mapActionBar()
+        }), showBatchBar && /*#__PURE__*/_jsx("div", {
           className: "mc-container__batch-bar",
           style: {
             backgroundColor: backgroundColor,
@@ -349,7 +408,10 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
               style: {
                 marginLeft: 'auto'
               },
-              onClick: onCancel,
+              onClick: function onClick() {
+                onCancel === null || onCancel === void 0 || onCancel();
+                setShowBatchBar(false);
+              },
               children: "\u53D6\u6D88"
             })]
           })
@@ -379,13 +441,13 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
             pageSize: queryParams.pageSize
           }, tableProps === null || tableProps === void 0 ? void 0 : tableProps.pagination),
           expandable: _objectSpread({
-            expandIcon: function expandIcon(_ref5) {
+            expandIcon: function expandIcon(_ref6) {
               var _tableProps$dataSourc2, _record$children;
-              var expanded = _ref5.expanded,
-                onExpand = _ref5.onExpand,
-                record = _ref5.record;
-              return tableProps !== null && tableProps !== void 0 && (_tableProps$dataSourc2 = tableProps.dataSource) !== null && _tableProps$dataSourc2 !== void 0 && _tableProps$dataSourc2.some(function (_ref6) {
-                var children = _ref6.children;
+              var expanded = _ref6.expanded,
+                onExpand = _ref6.onExpand,
+                record = _ref6.record;
+              return tableProps !== null && tableProps !== void 0 && (_tableProps$dataSourc2 = tableProps.dataSource) !== null && _tableProps$dataSourc2 !== void 0 && _tableProps$dataSourc2.some(function (_ref7) {
+                var children = _ref7.children;
                 return (children === null || children === void 0 ? void 0 : children.length) > 0;
               }) ? ((_record$children = record.children) === null || _record$children === void 0 ? void 0 : _record$children.length) > 0 ? /*#__PURE__*/_jsx(CaretDownFilled, {
                 className: "mc-container__table__expand-icon",

package/dist/McEllipsisMiddle/demo/base.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 基础用法
+ * description: 中间省略号，超出时展示省略号，并且移入会有tooltip
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McEllipsisMiddle/demo/base.js

@@ -0,0 +1,25 @@
+/**
+ * title: 基础用法
+ * description: 中间省略号，超出时展示省略号，并且移入会有tooltip
+ */
+
+import { McEllipsisMiddle } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx(McEllipsisMiddle, {
+      style: {
+        width: 250
+      },
+      text: "\u8FD9\u662F\u4E00\u6BB5\u6CA1\u6709\u6EA2\u51FA\u7684\u6587\u5B57",
+      suffixCount: 4
+    }), /*#__PURE__*/_jsx(McEllipsisMiddle, {
+      style: {
+        width: 250
+      },
+      text: "\u8FD9\u662F\u4E00\u6BB5\u6709\u6EA2\u51FA\u7684\u6587\u5B57\uFF0C\u8FD9\u662F\u4E00\u6BB5\u6709\u6EA2\u51FA\u7684\u6587\u5B57",
+      suffixCount: 4
+    })]
+  });
+});

package/dist/McEllipsisMiddle/index.css

@@ -0,0 +1,3 @@
+.mc-ellipsis-middle * {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+}

package/dist/McEllipsisMiddle/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { TextProps } from 'antd/es/typography/Text';
+import './index.less';
+export interface McEllipsisMiddleProps extends TextProps {
+    text: string;
+    /** 省略号结尾显示的字个数 */
+    suffixCount: number;
+    style?: React.CSSProperties;
+    className?: string;
+}
+export declare const McEllipsisMiddle: ({ text, suffixCount, style, className, ...rest }: McEllipsisMiddleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/McEllipsisMiddle/index.js

@@ -0,0 +1,32 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["text", "suffixCount", "style", "className"];
+import { Typography } from 'antd';
+import "./index.css";
+
+/** 中间省略 */
+import { jsx as _jsx } from "react/jsx-runtime";
+var Text = Typography.Text;
+export var McEllipsisMiddle = function McEllipsisMiddle(_ref) {
+  var text = _ref.text,
+    suffixCount = _ref.suffixCount,
+    style = _ref.style,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var labelStr = String(text || '').trim();
+  var isBeyond = labelStr.length > suffixCount;
+  var start = isBeyond ? labelStr.slice(0, labelStr.length - suffixCount) : labelStr;
+  var suffix = isBeyond ? labelStr.slice(-suffixCount).trim() : '';
+  return /*#__PURE__*/_jsx(Text, _objectSpread(_objectSpread({
+    className: ['mc-ellipsis-middle', className].filter(Boolean).join(''),
+    style: _objectSpread({
+      width: '100%'
+    }, style),
+    ellipsis: {
+      tooltip: labelStr,
+      suffix: suffix
+    }
+  }, rest), {}, {
+    children: start
+  }));
+};

package/dist/McThemeConfig/demo/modal.js

@@ -59,8 +59,8 @@ export default (function () {
       })]
     }), /*#__PURE__*/_jsx(Row, {
       gutter: [16, 20],
-      children: /*#__PURE__*/_jsxs(Col, {
-        children: [/*#__PURE__*/_jsx(Button, {
+      children: /*#__PURE__*/_jsx(Col, {
+        children: /*#__PURE__*/_jsx(Button, {
           onClick: function onClick() {
             McModalProvider.show(demoModal, {
               title: '编辑弹窗',
@@ -71,15 +71,7 @@ export default (function () {
             });
           },
           children: "Modal"
-        }), /*#__PURE__*/_jsx(Button, {
-          onClick: function onClick() {
-            Modal.info({
-              title: '信息弹窗',
-              content: '具体内容'
-            });
-          },
-          children: "Modal Info"
-        })]
+        })
       })
     })]
   });

package/dist/McThemeConfig/globalStyle.js

@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _templateObject;
 // @ts-nocheck
 import { createGlobalStyle } from 'antd-style';
-var globalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n// <====================== Layout ======================>\n\n", "\n\n// <====================== Font ======================>\n\n@font-face {\n   font-family: 'SourceHanSansCN';\n   src: url(", ");\n}\n\nbody * {\n  font-family: 'SourceHanSansCN';\n  box-sizing: border-box;\n}\n\n// <====================== Button ======================>\n\n// primary\n.ant-btn-primary[disabled]{\n  background: ", ";\n  color: ", ";\n  opacity: 0.3;\n}\n\n// default\n.ant-btn-default[disabled] {\n  border-color: ", " !important;\n}\n\n// danger\n.ant-btn-default.ant-btn-dangerous,.ant-btn-default[data-danger],\n.ant-btn-default.ant-btn-dangerous[disabled],.ant-btn-default[data-danger][disabled] {\n  color: ", ";\n  background:  ", ";\n  border-color:", ";\n\n  &:hover {\n    color: ", " !important;\n    background: ", " !important;\n    border-color:", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n  }\n}\n.ant-btn-default.ant-btn-dangerous[disabled],.ant-btn-default[data-danger][disabled] {\n  opacity: 0.4;\n}\n\n// secondary\n.ant-btn-default[data-secondary],\n// modal\u3001drawer\u3001popconfirm footer\n.ant-modal-footer .ant-btn-default:not([data-default]):not([data-danger]):not(.ant-btn-dangerous),\n.ant-drawer-footer .ant-btn-default:not([data-default]):not([data-danger]):not(.ant-btn-dangerous),\n.ant-popconfirm-buttons .ant-btn-default:not([data-default]):not([data-danger]):not(.ant-btn-dangerous){\n  background: ", ";\n  border-color: ", ";\n\n  &:hover {\n    background: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active {\n    border-color: ", " !important;\n    color: ", " !important;\n  }\n}\n\n.ant-btn-default[data-secondary][disabled] {\n  color: ", " ;\n  background: ", ";\n  border-color: ", " !important;\n\n  &:hover {\n    color: ", ";\n    background: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n}\n\n// add\n.ant-btn-default[data-add] {\n  background: ", " !important;\n  color: ", " !important;\n  border-color: ", " !important;\n\n  &:hover {\n    color: ", " !important;\n    background: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active{\n    color: ", " !important;\n  }\n}\n\n.ant-btn-default[data-add][disabled] {\n  opacity: 0.4;\n  color: ", ";\n\n  &:hover {\n    background: ", " !important;\n    color: ", " !important;\n  }\n\n  &:active{\n    background: ", " !important;\n    color: ", " !important;\n  }\n}\n\n//dashed\n.ant-btn-dashed {\n  background: ", " !important;\n  border-color: ", " !important;\n}\n\n.ant-btn-dashed:not([disabled]) {\n  &:hover {\n    background: ", " !important;\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active{\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n}\n\n// dashed danger\n.ant-btn-dashed.ant-btn-dangerous,\n.ant-btn-dashed.ant-btn-dangerous:disabled {\n  color: ", " !important;\n  border-color: ", " !important;\n\n  &:hover {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n  }\n}\n.ant-btn-dashed.ant-btn-dangerous:disabled {\n  opacity: 0.4;\n\n  &:hover {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n}\n\n// ghost\n.ant-btn-background-ghost:not([disabled]) {\n  &:hover {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n}\n\n// link\n.ant-btn-link:not([disabled]) {\n  &:hover {\n    color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n\n  }\n}\n\n.ant-btn-link[disabled] {\n  color: ", " !important;\n  opacity: 0.3;\n}\n\n// link danger\n.ant-btn-link.ant-btn-dangerous {\n\n  &:hover {\n    color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n  }\n}\n\n.ant-btn-link.ant-btn-dangerous:disabled {\n  color: ", " !important;\n  opacity: 0.3;\n}\n\n\n\n// <====================== Drawer ======================>\n\n.ant-drawer .ant-drawer-header{\n  border-bottom: none;\n  padding: 23px 24px;\n  .ant-drawer-header-title {\n    flex-direction: row-reverse;\n    .ant-drawer-close {\n      margin: -4px;\n    }\n  }\n}\n// Drawer \u5BBD\u9AD8 \u4E1A\u52A1\u65B9\u81EA\u884C\u5B9E\u73B0\n//.ant-drawer .ant-drawer-content-wrapper {\n//  min-width: 480px\n//}\n.ant-drawer .ant-drawer-body{\n  padding: 0 24px;\n}\n.ant-drawer .ant-drawer-footer{\n  border-top: none;\n  padding: 24px;\n}\n\n// <====================== Modal ======================>\n.ant-modal .ant-modal-content {\n  padding: 24px;\n}\n.ant-modal .ant-modal-header {\n  margin-bottom:24px;\n}\n.ant-modal .ant-modal-footer {\n  margin-top: 24px;\n}\n.ant-modal .ant-modal-content {\n  top: 16px;\n}\n.ant-modal-body {\n  overflow-y: auto\n}\n\n/*\u5F53\u9875\u9762\u5BBD\u5EA6\u5927\u4E8E1280px\u4E14\u5C0F\u4E8E1366px\u7684\u65F6\u5019\u6267\u884C,1280-1366*/\n@media screen and (min-width:1280px) and (max-width: 1366px){\n  .ant-modal-root[data-small] {\n    .ant-modal-body {\n      max-height: 150px;\n    }\n    .ant-modal {\n      top: 150px;\n    }\n  }\n\n  .ant-modal-root[data-medium] {\n    .ant-modal-body {\n      max-height: 300px;\n      min-height: 150px\n    }\n    .ant-modal {\n      top: 80px;\n    }\n  }\n\n  .ant-modal-root[data-large] {\n    .ant-modal-body {\n      max-height: 450px;\n      min-height: 300px\n    }\n    .ant-modal {\n      top: 40px;\n    }\n  }\n}\n\n/*\u5F53\u9875\u9762\u5BBD\u5EA6\u5927\u4E8E1440px\u4E14\u5C0F\u4E8E1600px\u7684\u65F6\u5019\u6267\u884C,1440-1600*/\n@media screen and (min-width:1440px) and (max-width:1600px){\n  .ant-modal-root[data-small] {\n    .ant-modal-body {\n      max-height: 150px;\n    }\n    .ant-modal {\n      top: 200px;\n    }\n  }\n\n  .ant-modal-root[data-medium] {\n    .ant-modal-body {\n      max-height: 300px;\n      min-height: 150px\n    }\n    .ant-modal {\n      top: 150px;\n    }\n  }\n\n  .ant-modal-root[data-large] {\n    .ant-modal-body {\n      max-height: 450px;\n      min-height: 300px\n    }\n    .ant-modal {\n      top: 80px;\n    }\n  }\n}\n/*\u5F53\u9875\u9762\u5BBD\u5EA6\u5927\u4E8E1680px\u4E14\u5C0F\u4E8E1920px\u7684\u65F6\u5019\u6267\u884C,1680-1920*/\n@media screen and (min-width:1680px) and (max-width:2560px){\n  .ant-modal-root[data-small] {\n    .ant-modal-body {\n      max-height: 150px;\n    }\n    .ant-modal {\n      top: 200px;\n    }\n  }\n\n  .ant-modal-root[data-medium] {\n    .ant-modal-body {\n      max-height: 300px;\n      min-height: 150px\n    }\n    .ant-modal {\n      top: 150px;\n    }\n  }\n\n  .ant-modal-root[data-large] {\n    .ant-modal-body {\n      max-height: 450px;\n      min-height: 300px\n    }\n    .ant-modal {\n      top: 150px;\n    }\n  }\n}\n\n// <====================== Tabs ======================>\n\n.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n  text-shadow: unset;\n}\n.ant-tabs-card {\n  .ant-tabs-nav {\n    margin: 0;\n    &::before {\n      border: none;\n    }\n    .ant-tabs-nav-wrap {\n      background: transparent;\n      .ant-tabs-nav-list {\n        background: ", ";\n        border-top-right-radius: ", "px;\n        .ant-tabs-tab {\n          position: relative;\n          border: ", ";\n          border-radius: ", "px ", "px 0px 0px;\n          &::after {\n            position: absolute;\n            top: 11px;\n            right: -1px;\n            width: 1px;\n            height: 24px;\n            background: ", ";\n            content: '';\n          }\n        }\n        .ant-tabs-nav-add {\n          position: relative;\n          border: none;\n          border-top-right-radius: ", "px;\n          &::before {\n            position: absolute;\n            top: 11px;\n            left: 1px;\n            width: 1px;\n            height: 24px;\n            background: ", ";\n            content: '';\n          }\n        }\n        .ant-tabs-tab-active {\n          border: ", ";\n          &::after {\n            display: none;\n          }\n        }\n        .ant-tabs-tab:nth-last-of-type(2) {\n          &::after {\n            display: none;\n          }\n        }\n        .ant-tabs-tab:has(+ .ant-tabs-tab-active) {\n          &::after {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n}\n\n// <====================== Pagination ======================>\n\n.ant-pagination {\n  display: flex;\n  align-items: center;\n\n  .ant-pagination-total-text {\n    margin-right: auto;\n    color: ", ";\n  }\n\n  .ant-pagination-item.ant-pagination-item-active {\n    &:hover {\n      border-color: ", ";\n    }\n\n    &>a {\n      color: ", ";\n    }\n  }\n\n  .ant-pagination-options {\n    .ant-pagination-options-quick-jumper {\n      input {\n        background: ", ";\n        border-color:  ", ";\n        padding: 12px;\n\n        &:hover {\n          border-color: ", ";\n        }\n\n        &:focus {\n          border-color: ", ";\n        }\n      }\n    }\n  }\n\n  &.ant-pagination-mini li:not(:first-of-type) {\n    margin-left: 2px;\n  }\n}\n\n// <====================== Radio ======================>\n  .ant-radio-group {\n  .ant-radio-button-wrapper {\n    position: relative;\n    border: 1px solid ", ";\n    &::before {\n      display: none;\n    }\n    &::after {\n      display: inline-block;\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 1px;\n      height: ", "px;\n      background: ", ";\n      right: -1px;\n      content: '';\n    }\n  }\n  .ant-radio-button-wrapper-checked {\n    border: 1px solid ", ";\n    &::after {\n      display: none;\n    }\n  }\n  .ant-radio-button-wrapper:nth-last-of-type(1) {\n    &::after {\n      display: none;\n    }\n  }\n  .ant-radio-button-wrapper:has(+ .ant-radio-button-wrapper-checked) {\n    &::after {\n      display: none;\n    }\n  }\n  .ant-radio-button-wrapper-disabled {\n    border: 1px solid ", " !important;\n  }\n  .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {\n    border-color: ", " !important;\n  }\n}\n// <====================== Collapse ======================>\n.ant-collapse .ant-collapse-content {\n  border-top-width: 0px;\n}\n\n// <====================== Card  ======================>\n.ant-card-type-inner .ant-card-head {\n  border-bottom-width: 0;\n  background: #FAFAFA;\n}\n\n.ant-table-sticky-scroll-bar {\n  opacity: 0.5;\n  height: 6px;\n}\n"])), function (props) {
+var globalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n// <====================== Layout ======================>\n\n", "\n\n// <====================== Font ======================>\n\n@font-face {\n   font-family: 'SourceHanSansCN';\n   src: url(", ");\n}\n\nbody * {\n  font-family: 'SourceHanSansCN';\n  box-sizing: border-box;\n}\n\n// <====================== Button ======================>\n\n// primary\n.ant-btn-primary[disabled]{\n  background: ", ";\n  color: ", ";\n  opacity: 0.3;\n}\n\n// default\n.ant-btn-default[disabled] {\n  border-color: ", " !important;\n}\n\n// danger\n.ant-btn-default.ant-btn-dangerous,.ant-btn-default[data-danger],\n.ant-btn-default.ant-btn-dangerous[disabled],.ant-btn-default[data-danger][disabled] {\n  color: ", ";\n  background:  ", ";\n  border-color:", ";\n\n  &:hover {\n    color: ", " !important;\n    background: ", " !important;\n    border-color:", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n  }\n}\n.ant-btn-default.ant-btn-dangerous[disabled],.ant-btn-default[data-danger][disabled] {\n  opacity: 0.4;\n}\n\n// secondary\n.ant-btn-default[data-secondary],\n// modal\u3001drawer\u3001popconfirm footer\n.ant-modal-footer .ant-btn-default:not([data-default]):not([data-danger]):not(.ant-btn-dangerous),\n.ant-drawer-footer .ant-btn-default:not([data-default]):not([data-danger]):not(.ant-btn-dangerous),\n.ant-popconfirm-buttons .ant-btn-default:not([data-default]):not([data-danger]):not(.ant-btn-dangerous){\n  background: ", ";\n  border-color: ", ";\n\n  &:hover {\n    background: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active {\n    border-color: ", " !important;\n    color: ", " !important;\n  }\n}\n\n.ant-btn-default[data-secondary][disabled] {\n  color: ", " ;\n  background: ", ";\n  border-color: ", " !important;\n\n  &:hover {\n    color: ", ";\n    background: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n}\n\n// add\n.ant-btn-default[data-add] {\n  background: ", " !important;\n  color: ", " !important;\n  border-color: ", " !important;\n\n  &:hover {\n    color: ", " !important;\n    background: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active{\n    color: ", " !important;\n  }\n}\n\n.ant-btn-default[data-add][disabled] {\n  opacity: 0.4;\n  color: ", ";\n\n  &:hover {\n    background: ", " !important;\n    color: ", " !important;\n  }\n\n  &:active{\n    background: ", " !important;\n    color: ", " !important;\n  }\n}\n\n//dashed\n.ant-btn-dashed {\n  background: ", " !important;\n  border-color: ", " !important;\n}\n\n.ant-btn-dashed:not([disabled]) {\n  &:hover {\n    background: ", " !important;\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active{\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n}\n\n// dashed danger\n.ant-btn-dashed.ant-btn-dangerous,\n.ant-btn-dashed.ant-btn-dangerous:disabled {\n  color: ", " !important;\n  border-color: ", " !important;\n\n  &:hover {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n  }\n}\n.ant-btn-dashed.ant-btn-dangerous:disabled {\n  opacity: 0.4;\n\n  &:hover {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n}\n\n// ghost\n.ant-btn-background-ghost:not([disabled]) {\n  &:hover {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n}\n\n// link\n.ant-btn-link:not([disabled]) {\n  &:hover {\n    color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n\n  }\n}\n\n.ant-btn-link[disabled] {\n  color: ", " !important;\n  opacity: 0.3;\n}\n\n// link danger\n.ant-btn-link.ant-btn-dangerous {\n\n  &:hover {\n    color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n  }\n}\n\n.ant-btn-link.ant-btn-dangerous:disabled {\n  color: ", " !important;\n  opacity: 0.3;\n}\n\n\n\n// <====================== Drawer ======================>\n\n.ant-drawer .ant-drawer-header{\n  border-bottom: none;\n  padding: 23px 24px;\n  .ant-drawer-header-title {\n    flex-direction: row-reverse;\n    .ant-drawer-close {\n      margin: -4px;\n    }\n  }\n}\n// Drawer \u5BBD\u9AD8 \u4E1A\u52A1\u65B9\u81EA\u884C\u5B9E\u73B0\n//.ant-drawer .ant-drawer-content-wrapper {\n//  min-width: 480px\n//}\n.ant-drawer .ant-drawer-body{\n  padding: 0 24px;\n}\n.ant-drawer .ant-drawer-footer{\n  border-top: none;\n  padding: 24px;\n}\n\n// <====================== Modal ======================>\n\n.ant-modal .ant-modal-header {\n  margin-bottom:24px;\n}\n.ant-modal-body {\n  overflow-y: auto\n}\n\n/*\u5F53\u9875\u9762\u5BBD\u5EA6\u5927\u4E8E1280px\u4E14\u5C0F\u4E8E1366px\u7684\u65F6\u5019\u6267\u884C,1280-1366*/\n@media screen and (min-width:1280px) and (max-width: 1366px){\n  .ant-modal-root[data-small] {\n    .ant-modal-body {\n      max-height: 150px;\n    }\n    .ant-modal {\n      top: 150px;\n    }\n  }\n\n  .ant-modal-root[data-medium] {\n    .ant-modal-body {\n      max-height: 300px;\n      min-height: 150px\n    }\n    .ant-modal {\n      top: 80px;\n    }\n  }\n\n  .ant-modal-root[data-large] {\n    .ant-modal-body {\n      max-height: 450px;\n      min-height: 300px\n    }\n    .ant-modal {\n      top: 40px;\n    }\n  }\n}\n\n/*\u5F53\u9875\u9762\u5BBD\u5EA6\u5927\u4E8E1440px\u4E14\u5C0F\u4E8E1600px\u7684\u65F6\u5019\u6267\u884C,1440-1600*/\n@media screen and (min-width:1440px) and (max-width:1600px){\n  .ant-modal-root[data-small] {\n    .ant-modal-body {\n      max-height: 150px;\n    }\n    .ant-modal {\n      top: 200px;\n    }\n  }\n\n  .ant-modal-root[data-medium] {\n    .ant-modal-body {\n      max-height: 300px;\n      min-height: 150px\n    }\n    .ant-modal {\n      top: 150px;\n    }\n  }\n\n  .ant-modal-root[data-large] {\n    .ant-modal-body {\n      max-height: 450px;\n      min-height: 300px\n    }\n    .ant-modal {\n      top: 80px;\n    }\n  }\n}\n/*\u5F53\u9875\u9762\u5BBD\u5EA6\u5927\u4E8E1680px\u4E14\u5C0F\u4E8E1920px\u7684\u65F6\u5019\u6267\u884C,1680-1920*/\n@media screen and (min-width:1680px) and (max-width:2560px){\n  .ant-modal-root[data-small] {\n    .ant-modal-body {\n      max-height: 150px;\n    }\n    .ant-modal {\n      top: 200px;\n    }\n  }\n\n  .ant-modal-root[data-medium] {\n    .ant-modal-body {\n      max-height: 300px;\n      min-height: 150px\n    }\n    .ant-modal {\n      top: 150px;\n    }\n  }\n\n  .ant-modal-root[data-large] {\n    .ant-modal-body {\n      max-height: 450px;\n      min-height: 300px\n    }\n    .ant-modal {\n      top: 150px;\n    }\n  }\n}\n\n// <====================== Tabs ======================>\n\n.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n  text-shadow: unset;\n}\n.ant-tabs-card {\n  .ant-tabs-nav {\n    margin: 0;\n    &::before {\n      border: none;\n    }\n    .ant-tabs-nav-wrap {\n      background: transparent;\n      .ant-tabs-nav-list {\n        background: ", ";\n        border-top-right-radius: ", "px;\n        .ant-tabs-tab {\n          position: relative;\n          border: ", ";\n          border-radius: ", "px ", "px 0px 0px;\n          &::after {\n            position: absolute;\n            top: 11px;\n            right: -1px;\n            width: 1px;\n            height: 24px;\n            background: ", ";\n            content: '';\n          }\n        }\n        .ant-tabs-nav-add {\n          position: relative;\n          border: none;\n          border-top-right-radius: ", "px;\n          &::before {\n            position: absolute;\n            top: 11px;\n            left: 1px;\n            width: 1px;\n            height: 24px;\n            background: ", ";\n            content: '';\n          }\n        }\n        .ant-tabs-tab-active {\n          border: ", ";\n          &::after {\n            display: none;\n          }\n        }\n        .ant-tabs-tab:nth-last-of-type(2) {\n          &::after {\n            display: none;\n          }\n        }\n        .ant-tabs-tab:has(+ .ant-tabs-tab-active) {\n          &::after {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n}\n\n// <====================== Pagination ======================>\n\n.ant-pagination {\n  display: flex;\n  align-items: center;\n\n  .ant-pagination-total-text {\n    margin-right: auto;\n    color: ", ";\n  }\n\n  .ant-pagination-item.ant-pagination-item-active {\n    &:hover {\n      border-color: ", ";\n    }\n\n    &>a {\n      color: ", ";\n    }\n  }\n\n  .ant-pagination-options {\n    .ant-pagination-options-quick-jumper {\n      input {\n        background: ", ";\n        border-color:  ", ";\n        padding: 12px;\n\n        &:hover {\n          border-color: ", ";\n        }\n\n        &:focus {\n          border-color: ", ";\n        }\n      }\n    }\n  }\n\n  &.ant-pagination-mini li:not(:first-of-type) {\n    margin-left: 2px;\n  }\n}\n\n// <====================== Radio ======================>\n  .ant-radio-group {\n  .ant-radio-button-wrapper {\n    position: relative;\n    border: 1px solid ", ";\n    &::before {\n      display: none;\n    }\n    &::after {\n      display: inline-block;\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 1px;\n      height: ", "px;\n      background: ", ";\n      right: -1px;\n      content: '';\n    }\n  }\n  .ant-radio-button-wrapper-checked {\n    border: 1px solid ", ";\n    &::after {\n      display: none;\n    }\n  }\n  .ant-radio-button-wrapper:nth-last-of-type(1) {\n    &::after {\n      display: none;\n    }\n  }\n  .ant-radio-button-wrapper:has(+ .ant-radio-button-wrapper-checked) {\n    &::after {\n      display: none;\n    }\n  }\n  .ant-radio-button-wrapper-disabled {\n    border: 1px solid ", " !important;\n  }\n  .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {\n    border-color: ", " !important;\n  }\n}\n// <====================== Collapse ======================>\n.ant-collapse .ant-collapse-content {\n  border-top-width: 0px;\n}\n\n// <====================== Card  ======================>\n.ant-card-type-inner .ant-card-head {\n  border-bottom-width: 0;\n  background: #FAFAFA;\n}\n\n.ant-table-wrapper .ant-table-sticky-scroll-bar {\n  opacity: 0.5;\n  height: 6px;\n}\n"])), function (props) {
   return props.layout;
 }, function (props) {
   return props.font.Regular;

package/dist/Styles/demo/basic.d.ts

@@ -0,0 +1,3 @@
+import '../index.less';
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/Styles/demo/basic.js

@@ -0,0 +1,44 @@
+import { Form, Radio } from 'antd';
+import "../index.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx(Form.Item, {
+      label: ".text-center",
+      children: /*#__PURE__*/_jsx("div", {
+        style: {
+          width: 100,
+          border: '1px solid grey'
+        },
+        className: "text-center",
+        children: "\u6587\u5B57\u5C45\u4E2D"
+      })
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      label: ".text-ellipsis",
+      children: /*#__PURE__*/_jsx("div", {
+        style: {
+          width: 100,
+          border: '1px solid grey'
+        },
+        className: "text-ellipsis",
+        children: "\u5C3E\u90E8\u8D85\u51FA\u7701\u7565\u5C3E\u90E8\u8D85\u51FA\u7701\u7565\u5C3E\u90E8\u8D85\u51FA\u7701\u7565\u5C3E\u90E8\u8D85\u51FA\u7701\u7565"
+      })
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      label: "\u7B49\u5BBDRadioButton .equal-radio-group",
+      children: /*#__PURE__*/_jsxs(Radio.Group, {
+        className: "equal-radio-group",
+        children: [/*#__PURE__*/_jsx(Radio.Button, {
+          value: "a",
+          children: "A"
+        }), /*#__PURE__*/_jsx(Radio.Button, {
+          value: "b",
+          children: "B"
+        }), /*#__PURE__*/_jsx(Radio.Button, {
+          value: "c",
+          children: "C\u5F88\u957F\u5F88\u957F"
+        })]
+      })
+    })]
+  });
+});

package/dist/Styles/demo/delete-icon.d.ts

@@ -0,0 +1,3 @@
+import '../index.less';
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/Styles/demo/delete-icon.js

@@ -0,0 +1,73 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["key", "name"];
+import { Button, Form, Input, Space } from 'antd';
+import { DeleteOutlined, PlusOutlined } from 'much-icons';
+import "../index.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx("div", {
+    children: /*#__PURE__*/_jsx(Form, {
+      layout: "vertical",
+      children: /*#__PURE__*/_jsx(Form.List, {
+        name: "items",
+        initialValue: [{
+          name: '',
+          description: ''
+        }] // 初始数据
+        ,
+        children: function children(fields, _ref) {
+          var add = _ref.add,
+            remove = _ref.remove;
+          return /*#__PURE__*/_jsxs(_Fragment, {
+            children: [fields.map(function (_ref2) {
+              var key = _ref2.key,
+                name = _ref2.name,
+                restField = _objectWithoutProperties(_ref2, _excluded);
+              return /*#__PURE__*/_jsxs(Space, {
+                style: {
+                  display: 'flex',
+                  marginBottom: 0
+                },
+                align: "baseline",
+                children: [/*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, restField), {}, {
+                  name: [name, 'name'],
+                  rules: [{
+                    required: true,
+                    message: '请输入名称'
+                  }],
+                  children: /*#__PURE__*/_jsx(Input, {
+                    placeholder: "\u540D\u79F0"
+                  })
+                })), /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, restField), {}, {
+                  name: [name, 'description'],
+                  rules: [{
+                    required: true,
+                    message: '请输入描述'
+                  }],
+                  children: /*#__PURE__*/_jsx(Input, {
+                    placeholder: "\u63CF\u8FF0"
+                  })
+                })), /*#__PURE__*/_jsx(DeleteOutlined, {
+                  className: "mc-delete-icon",
+                  onClick: function onClick() {
+                    return remove(name);
+                  }
+                })]
+              }, key);
+            }), /*#__PURE__*/_jsx(Button, {
+              type: "link",
+              onClick: function onClick() {
+                return add();
+              },
+              icon: /*#__PURE__*/_jsx(PlusOutlined, {}),
+              children: "\u6DFB\u52A0"
+            })]
+          });
+        }
+      })
+    })
+  });
+});

package/dist/Styles/demo/form-bottom-0.d.ts

@@ -0,0 +1,3 @@
+import '../index.less';
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/Styles/demo/form-bottom-0.js

@@ -0,0 +1,34 @@
+import { Card, Form, Input, Space } from 'antd';
+import "../index.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx("div", {
+    children: /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsxs(Space, {
+        children: [/*#__PURE__*/_jsxs(Card, {
+          type: "inner",
+          title: "\u9ED8\u8BA4\u72B6\u6001\uFF0C\u5E95\u90E8\u95F4\u8DDD\u8FC7\u5927",
+          children: [/*#__PURE__*/_jsx(Form.Item, {
+            label: "\u59D3\u540D",
+            children: /*#__PURE__*/_jsx(Input, {})
+          }), /*#__PURE__*/_jsx(Form.Item, {
+            label: "\u5E74\u9F84",
+            children: /*#__PURE__*/_jsx(Input, {})
+          })]
+        }), /*#__PURE__*/_jsxs(Card, {
+          type: "inner",
+          title: "\u6DFB\u52A0className='card-last-form-item-mb0',\u53BB\u6389\u5E95\u90E8\u95F4\u8DDD",
+          className: "card-last-form-item-mb0",
+          children: [/*#__PURE__*/_jsx(Form.Item, {
+            label: "\u59D3\u540D",
+            children: /*#__PURE__*/_jsx(Input, {})
+          }), /*#__PURE__*/_jsx(Form.Item, {
+            label: "\u5E74\u9F84",
+            children: /*#__PURE__*/_jsx(Input, {})
+          })]
+        })]
+      })
+    })
+  });
+});

package/dist/{styles → Styles}/index.css

@@ -14,7 +14,7 @@
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
 }
-/** 最后一个form item直接子元素，不展示底部空白 **/
+/** 最后一个form item"直接"子元素，不展示底部空白 **/
 .last-form-item-mb0 > .ant-form-item:last-child {
   margin-bottom: 0;
 }

package/dist/{styles → Styles}/utilities.css

@@ -14,7 +14,7 @@
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
 }
-/** 最后一个form item直接子元素，不展示底部空白 **/
+/** 最后一个form item"直接"子元素，不展示底部空白 **/
 .last-form-item-mb0 > .ant-form-item:last-child {
   margin-bottom: 0;
 }

package/dist/index.d.ts

@@ -19,6 +19,7 @@ export * from './McContainer';
 export { default as McContainer } from './McContainer';
 export * from './McDateRange';
 export { default as McDateRange } from './McDateRange';
+export * from './McEllipsisMiddle';
 export * from './McInput';
 export { default as McInput } from './McInput';
 export * from './McSelect';

package/dist/index.js

@@ -19,6 +19,7 @@ export * from "./McContainer";
 export { default as McContainer } from "./McContainer";
 export * from "./McDateRange";
 export { default as McDateRange } from "./McDateRange";
+export * from "./McEllipsisMiddle";
 export * from "./McInput";
 export { default as McInput } from "./McInput";
 export * from "./McSelect";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zykj2024/much-library",
-  "version": "1.0.12-beta.5",
+  "version": "1.0.12-beta.6",
   "description": "react library",
   "license": "MIT",
   "module": "dist/index.js",
@@ -47,6 +47,7 @@
     "@babel/runtime": "^7.25.6",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",
+    "@zykj2024/much-hooks": "^1.0.0",
     "antd": "^5.16.2",
     "antd-style": "^3.6.2",
     "dayjs": "^1.11.12",