fan-standard-comp 4.1.13 → 4.1.15

package/lib/ButtonGroup/index.js

@@ -108,15 +108,19 @@ var ButtonGroup = function ButtonGroup(props) {
         confirmConfig = vItem.confirmConfig,
         render = vItem.render,
         others = _objectWithoutProperties(vItem, _excluded);
+      var uniqueId = "".concat(Date.now(), "_").concat(Math.random().toString(36).substr(2, 9));
       return _objectSpread(_objectSpread({}, others), {}, {
-        key: code ? code + i : i,
+        key: code ? code + i + uniqueId : i + uniqueId,
+        //  // 使用 useRef 保持 ID 的稳定性（只在组件挂载时生成一次）
         icon: icon ? /*#__PURE__*/_react.default.createElement(_components.IconNode, {
           icon: icon
         }) : null,
         // exName为null时，将不显示名称
         label: /*#__PURE__*/_react.default.createElement("a", {
-          onClick: function onClick() {
-            return fn && fn(vItem);
+          onClick: function onClick(event) {
+            return fn && fn(_objectSpread(_objectSpread({}, vItem), {}, {
+              event: event
+            }));
           }
         }, exName || name),
         children: children && children.length > 0 ? deepTransButtonMenus(children) : undefined
@@ -189,8 +193,10 @@ var ButtonGroup = function ButtonGroup(props) {
       danger: danger,
       ghost: ghost,
       loading: loading,
-      onClick: fn ? function () {
-        return fn(item);
+      onClick: fn ? function (event) {
+        return fn(_objectSpread(_objectSpread({}, item), {}, {
+          event: event
+        }));
       } : null,
       size: size
     }, others, {
@@ -307,10 +313,11 @@ var ButtonGroup = function ButtonGroup(props) {
         confirmText = vItem.confirmText,
         confirmConfig = vItem.confirmConfig,
         others = _objectWithoutProperties(vItem, _excluded3);
+      var uniqueId = "".concat(Date.now(), "_").concat(Math.random().toString(36).substr(2, 9));
       return {
         danger: others.danger,
         disabled: (0, _filterPermission.btnIsDisabled)(others.disabled, rowParams),
-        key: code ? code + i : i,
+        key: code ? code + i + uniqueId : i + uniqueId,
         icon: icon && showTextIcon ? /*#__PURE__*/_react.default.createElement(_components.IconNode, {
           icon: icon,
           style: {
@@ -319,7 +326,7 @@ var ButtonGroup = function ButtonGroup(props) {
         }) : null,
         // 不显示图标
         label: /*#__PURE__*/_react.default.createElement("a", {
-          onClick: function onClick() {
+          onClick: function onClick(event) {
             // 配置二次确认
             if (vItem.hasOwnProperty('confirmText') || vItem.hasOwnProperty('confirmConfig')) {
               // @ts-ignore
@@ -327,7 +334,9 @@ var ButtonGroup = function ButtonGroup(props) {
             } else {
               fn && fn.apply(void 0, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
                 return rowParams[pItem];
-              })));
+              })).concat([_objectSpread(_objectSpread({}, vItem), {}, {
+                event: event
+              })]));
             }
           }
         }, renderCustomLabel(vItem, true)),
@@ -359,24 +368,42 @@ var ButtonGroup = function ButtonGroup(props) {
       title: /*#__PURE__*/_react.default.createElement(_PopConfirmTitle.default, _extends({}, item, {
         extraRow: rowParams
       })),
-      onCancel: function onCancel() {
+      onCancel: function onCancel(event) {
         if (item.hasOwnProperty('confirmConfig') && item.confirmConfig.onCancel) {
-          var _item$confirmConfig;
-          (_item$confirmConfig = item.confirmConfig).onCancel.apply(_item$confirmConfig, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
-            return rowParams[pItem];
-          })));
+          if (type === 'action') {
+            var _item$confirmConfig;
+            (_item$confirmConfig = item.confirmConfig).onCancel.apply(_item$confirmConfig, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+              return rowParams[pItem];
+            })).concat([_objectSpread(_objectSpread({}, item), {}, {
+              event: event
+            })]));
+          }
+          if (type === 'text') {
+            item.confirmConfig.onCancel(_objectSpread(_objectSpread({}, item), {}, {
+              event: event
+            }));
+          }
         }
       },
-      onConfirm: function onConfirm() {
+      onConfirm: function onConfirm(event) {
         if (item.hasOwnProperty('confirmConfig') && item.confirmConfig.onConfirm) {
           var _item$confirmConfig2;
           (_item$confirmConfig2 = item.confirmConfig).onConfirm.apply(_item$confirmConfig2, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
             return rowParams[pItem];
           })));
         } else if (item.fn) {
-          item.fn.apply(item, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
-            return rowParams[pItem];
-          })));
+          if (type === 'action') {
+            item.fn.apply(item, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+              return rowParams[pItem];
+            })).concat([_objectSpread(_objectSpread({}, item), {}, {
+              event: event
+            })]));
+          }
+          if (type === 'text') {
+            item.fn(_objectSpread(_objectSpread({}, item), {}, {
+              event: event
+            }));
+          }
         }
       }
     }), /*#__PURE__*/_react.default.createElement("a", {
@@ -393,10 +420,19 @@ var ButtonGroup = function ButtonGroup(props) {
       // @ts-ignore
       ,
       disabled: (0, _filterPermission.btnIsDisabled)(item.disabled, rowParams),
-      onClick: item.fn ? function () {
-        return item.fn.apply(item, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
-          return rowParams[pItem];
-        })));
+      onClick: item.fn ? function (event) {
+        if (type === 'action') {
+          item.fn.apply(item, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+            return rowParams[pItem];
+          })).concat([_objectSpread(_objectSpread({}, item), {}, {
+            event: event
+          })]));
+        }
+        if (type === 'text') {
+          item.fn(_objectSpread(_objectSpread({}, item), {}, {
+            event: event
+          }));
+        }
       } : undefined
     }, renderCustomLabel(item)));
   };
@@ -429,7 +465,8 @@ var ButtonGroup = function ButtonGroup(props) {
         rowParams: rowParams
       }));
     }
-    /*渲染文本形式*/
+
+    /*渲染文本形式(包含表格操作列的按钮）type='text' 或 type='action'*/
     return /*#__PURE__*/_react.default.createElement(RenderTextList, _extends({
       key: index
     }, item));
@@ -471,28 +508,55 @@ var ButtonGroup = function ButtonGroup(props) {
         title: /*#__PURE__*/_react.default.createElement(_PopConfirmTitle.default, _extends({}, popRow, {
           extraRow: rowParams
         })),
-        onCancel: function onCancel() {
+        onCancel: function onCancel(event) {
           setPopVisibleIndex(-1);
           // 优先调用其 confirmConfig 配置的 onCancel 事件
           if (popRow.hasOwnProperty('confirmConfig') && popRow.confirmConfig.onCancel) {
-            var _popRow$confirmConfig;
-            (_popRow$confirmConfig = popRow.confirmConfig).onCancel.apply(_popRow$confirmConfig, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
-              return rowParams[pItem];
-            })));
+            if (type === 'action') {
+              var _popRow$confirmConfig;
+              (_popRow$confirmConfig = popRow.confirmConfig).onCancel.apply(_popRow$confirmConfig, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+                return rowParams[pItem];
+              })).concat([_objectSpread(_objectSpread({}, popRow), {}, {
+                event: event
+              })]));
+            }
+            if (type === 'text') {
+              popRow.confirmConfig.onCancel(_objectSpread(_objectSpread({}, popRow), {}, {
+                event: event
+              }));
+            }
           }
         },
-        onConfirm: function onConfirm() {
+        onConfirm: function onConfirm(event) {
           setPopVisibleIndex(-1);
           // 优先调用其 confirmConfig 配置的 onConfirm 事件
           if (popRow.hasOwnProperty('confirmConfig') && popRow.confirmConfig.onConfirm) {
-            var _popRow$confirmConfig2;
-            (_popRow$confirmConfig2 = popRow.confirmConfig).onConfirm.apply(_popRow$confirmConfig2, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
-              return rowParams[pItem];
-            })));
+            if (type === 'action') {
+              var _popRow$confirmConfig2;
+              (_popRow$confirmConfig2 = popRow.confirmConfig).onConfirm.apply(_popRow$confirmConfig2, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+                return rowParams[pItem];
+              })).concat([_objectSpread(_objectSpread({}, popRow), {}, {
+                event: event
+              })]));
+            }
+            if (type === 'text') {
+              popRow.confirmConfig.onCancel(_objectSpread(_objectSpread({}, popRow), {}, {
+                event: event
+              }));
+            }
           } else if (popRow.fn) {
-            popRow.fn.apply(popRow, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
-              return rowParams[pItem];
-            })));
+            if (type === 'action') {
+              popRow.fn.apply(popRow, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+                return rowParams[pItem];
+              })).concat([_objectSpread(_objectSpread({}, popRow), {}, {
+                event: event
+              })]));
+            }
+            if (type === 'text') {
+              popRow.fn(_objectSpread(_objectSpread({}, popRow), {}, {
+                event: event
+              }));
+            }
           }
         }
       }), /*#__PURE__*/_react.default.createElement(_antd.Dropdown, _extends({

package/lib/FormComp/RenderItemGroup/index.js

@@ -31,6 +31,23 @@ var FormItem = _antd.Form.Item;
 
 // 单个控件配置参数
 
+var DescriptionTooltip = function DescriptionTooltip(props) {
+  var label = props.label,
+    description = props.description;
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: 'spec-item-group-label',
+    style: {
+      display: 'inline-flex'
+    }
+  }, label, description && /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: description
+  }, /*#__PURE__*/_react.default.createElement(_SpecIcon.default, {
+    name: "info",
+    style: {
+      marginLeft: label ? '4px' : 0
+    }
+  })));
+};
 var RenderItemGroup = function RenderItemGroup(props) {
   var itemGroup = props.itemGroup,
     _props$size = props.size,
@@ -238,11 +255,10 @@ var RenderItemGroup = function RenderItemGroup(props) {
       }, item.protoCol), /*#__PURE__*/_react.default.createElement(FormItem, _extends({
         name: type !== 'custom' && (filedName || fieldName),
         className: (0, _classnames.default)(fieldStatus === 'viewOnly' ? 'form-item-view-only' : '', 'spec-item-group-form-item'),
-        label: description ? /*#__PURE__*/_react.default.createElement("span", null, label, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-          title: description
-        }, /*#__PURE__*/_react.default.createElement(_SpecIcon.default, {
-          name: "info"
-        }))) : label,
+        label: description ? /*#__PURE__*/_react.default.createElement(DescriptionTooltip, {
+          label: label,
+          description: description
+        }) : label,
         rules: item.preExtra || item.extra ? [] : item.rules || (item.fieldOptions ? item.fieldOptions.rules : []),
         required: item.rules && item.rules.filter(function (rItem) {
           return rItem.required;
@@ -255,11 +271,10 @@ var RenderItemGroup = function RenderItemGroup(props) {
         key: index,
         name: type !== 'custom' && (filedName || fieldName),
         className: (0, _classnames.default)(fieldStatus === 'viewOnly' ? 'form-item-view-only' : '', 'spec-item-group-form-item'),
-        label: description ? /*#__PURE__*/_react.default.createElement("span", null, label, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-          title: description
-        }, /*#__PURE__*/_react.default.createElement(_SpecIcon.default, {
-          name: "info"
-        }))) : label,
+        label: description ? /*#__PURE__*/_react.default.createElement(DescriptionTooltip, {
+          label: label,
+          description: description
+        }) : label,
         rules: item.rules || (item.fieldOptions ? item.fieldOptions.rules : [])
       }, formLayout, item.protoFormItem),
       // type === 'custom' && customRender ? customRender(form, { ...item }, fieldStatus) : type === 'FormList' ? <CustomFormList name={filedName || fieldName} {...item}/>  : renderFormField({ ...item })

package/lib/FormComp/VarTemplate/index.js

@@ -39,7 +39,8 @@ var VarTemplate = function VarTemplate(props) {
       value: 'value'
     } : _props$tagsOptionName,
     showCountTip = props.showCountTip,
-    onChange = props.onChange;
+    onChange = props.onChange,
+    maxLength = props.maxLength;
   var lang = (0, _useLanguage.useLanguageObject)(); // 当前使用的语言包
   var contentRef = (0, _react.useRef)();
   var _useState = (0, _react.useState)({
@@ -72,19 +73,25 @@ var VarTemplate = function VarTemplate(props) {
     var currentContent = vartData.currentContent,
       startNum = vartData.startNum,
       endNum = vartData.endNum;
+    var insert = insertContent(currentContent, key, startNum, endNum);
+    var newContent = insert.length > maxLength ? insert.substring(0, maxLength) : insert;
+    // if (newContent.length > maxLength) {
+    //   console.log('字数超出了', newContent, newContent.substring(0, maxLength))
+    // }
+    // 数字超出需要截取
     setVartData({
-      currentContent: insertContent(currentContent, key, startNum, endNum),
+      currentContent: newContent,
       startNum: startNum + key.length,
       // 光标起始位置累加
       endNum: endNum + key.length,
       // 光标起始位置累加
-      wordCount: insertContent(currentContent, key, startNum, endNum).length
+      wordCount: newContent.length
     });
-    if (onChange) onChange(insertContent(currentContent, key, startNum, endNum));
+    if (onChange) onChange(newContent);
     setTimeout(function () {
       moveToCursor(key.length); // 重新定位光标
     });
-  }, [vartData]);
+  }, [vartData, maxLength]);
 
   /**
    * 指定位置插入标签占位符字符串，当光标有选中一段字符时，会将直接将其替换
@@ -273,13 +280,14 @@ var VarTemplate = function VarTemplate(props) {
     onChange: function onChange(e) {
       return handleInputChange(e);
     },
-    disabled: disabled || fieldStatus === 'disabled'
+    disabled: disabled || fieldStatus === 'disabled',
+    maxLength: maxLength
   })), showCountTip && /*#__PURE__*/_react.default.createElement("div", {
     className: "spec-vart-desc",
     style: {
       marginTop: '4px',
       fontSize: '12px'
     }
-  }, (lang === null || lang === void 0 ? void 0 : lang['filed.varTemplate.enter']) || '您已录入', " ", /*#__PURE__*/_react.default.createElement("b", null, vartData.wordCount), " ", (lang === null || lang === void 0 ? void 0 : lang['filed.varTemplate.words']) || '个字'));
+  }, (lang === null || lang === void 0 ? void 0 : lang['filed.varTemplate.enter']) || '您已录入', " ", /*#__PURE__*/_react.default.createElement("b", null, vartData.wordCount, maxLength ? "/".concat(maxLength) : ''), " ", (lang === null || lang === void 0 ? void 0 : lang['filed.varTemplate.words']) || '个字'));
 };
 var _default = exports.default = VarTemplate;

package/lib/Navigation/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface NavigationProps {
+    items: MenuItem[];
+}
+interface MenuItem {
+    id: number;
+    label: string;
+}
+declare const Navigation: React.FC<NavigationProps>;
+export default Navigation;

package/lib/Navigation/index.js

@@ -0,0 +1,192 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _style = _interopRequireDefault(require("./style"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _lodash = _interopRequireDefault(require("lodash"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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; }
+//
+// const useDebounce = (value, wait: number) => {
+//   const [debounceValue, setDebounceValue] = useState(value)
+//   useEffect(() => {
+//     const timer = setTimeout(() => setDebounceValue(value), wait)
+//     return () => clearTimeout(timer)
+//   }, [value, wait])
+//   return debounceValue
+// }
+
+var Navigation = function Navigation(props) {
+  var componentName = 'spec-navigation';
+  var _useStyle = (0, _style.default)(componentName),
+    _useStyle2 = _slicedToArray(_useStyle, 2),
+    wrapSSR = _useStyle2[0],
+    hashId = _useStyle2[1];
+  var items = props.items;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    visibleItems = _useState2[0],
+    setVisibleItems = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hiddenItems = _useState4[0],
+    setHiddenItems = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showMore = _useState6[0],
+    setShowMore = _useState6[1];
+  var listRef = (0, _react.useRef)(null);
+  var containerRef = (0, _react.useRef)(null);
+  var itemsRef = (0, _react.useRef)([]);
+  var moreButtonRef = (0, _react.useRef)(null);
+  var _useState7 = (0, _react.useState)(0),
+    _useState8 = _slicedToArray(_useState7, 2),
+    containerWidth = _useState8[0],
+    setContainerWidth = _useState8[1];
+  var _useState9 = (0, _react.useState)(0),
+    _useState10 = _slicedToArray(_useState9, 2),
+    moreButtonWidth = _useState10[0],
+    setMoreButtonWidth = _useState10[1];
+  // 使用lodash的debounce函数
+  var debouncedHandleChange = _lodash.default.debounce(function (_ref) {
+    var visible = _ref.visible,
+      hidden = _ref.hidden;
+    // console.log(event.target.value);
+    setVisibleItems(visible);
+    setHiddenItems(hidden);
+  }, 100); // 延迟500毫秒执行
+
+  (0, _react.useEffect)(function () {
+    var calculateLayout = function calculateLayout() {
+      if (!containerRef.current) return;
+
+      // const containerWidth = containerRef.current.offsetWidth;
+      // const moreButtonWidth = moreButtonRef.current?.offsetWidth || 0;
+      var totalWidth = 0;
+      var visible = []; // 显示的
+      var hidden = []; // 隐藏的
+
+      itemsRef.current.forEach(function (itemEl, index) {
+        if (!itemEl) return;
+        var itemWidth = itemEl.offsetWidth;
+        var remainingWidth = containerWidth - totalWidth - moreButtonWidth;
+        if (remainingWidth >= itemWidth && !hidden.length) {
+          totalWidth += itemWidth;
+          visible.push(items[index]);
+        } else {
+          hidden.push(items[index]);
+        }
+      });
+      debouncedHandleChange({
+        visible: visible,
+        hidden: hidden
+      });
+      // setVisibleItems(visible);
+      // setHiddenItems(hidden);
+    };
+
+    // 初始计算
+    calculateLayout();
+
+    // 添加窗口resize监听
+    var handleResize = function handleResize() {
+      calculateLayout();
+      setShowMore(false); // 窗口resize时关闭下拉菜单
+    };
+    window.addEventListener('resize', handleResize);
+    return function () {
+      return window.removeEventListener('resize', handleResize);
+    };
+  }, [items, containerWidth, moreButtonWidth]);
+  (0, _react.useEffect)(function () {
+    var container = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current; // ?.offsetWidth;
+    setContainerWidth((container === null || container === void 0 ? void 0 : container.clientWidth) || 0);
+    var button = moreButtonRef === null || moreButtonRef === void 0 ? void 0 : moreButtonRef.current; // ?.offsetWidth;
+    setMoreButtonWidth((button === null || button === void 0 ? void 0 : button.clientWidth) || 0);
+  }, [containerRef === null || containerRef === void 0 ? void 0 : containerRef.current, moreButtonRef === null || moreButtonRef === void 0 ? void 0 : moreButtonRef.current, hiddenItems]);
+  // useEffect(() => {
+  //   const button = moreButtonRef?.current // ?.offsetWidth;
+  //   setMoreButtonWidth(button?.clientWidth || 0)
+  // }, [moreButtonRef?.current, hiddenItems])
+  // console.log(containerWidth, moreButtonWidth)
+  return wrapSSR( /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: listRef,
+    style: {
+      width: '100%',
+      height: '20px',
+      backgroundColor: '#ff1133'
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    ref: containerRef,
+    className: (0, _classnames.default)(componentName, hashId, "spec-navigation-container"),
+    style: {
+      // display: 'flex',
+      width: '100%'
+      // // overflow: 'hidden',
+      // boxSizing: "border-box",
+      // position: 'relative',
+      // paddingRight: '80px', // 为更多按钮预留空间
+    }
+  }, items.map(function (item, index) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: 'spec-navigation-item',
+      key: item.id,
+      ref: function ref(el) {
+        return el && (itemsRef.current[index] = el);
+      },
+      style: {
+        opacity: visibleItems.includes(item) ? '1' : '0'
+      }
+    }, item.label);
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'spec-navigation-item more-item',
+    style: {
+      position: 'relative',
+      flexShrink: 0,
+      display: hiddenItems.length > 0 ? 'block' : 'none'
+    }
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    ref: moreButtonRef,
+    onClick: function onClick() {
+      return setShowMore(!showMore);
+    },
+    style: {
+      marginLeft: '8px'
+    }
+  }, "\u66F4\u591A"), showMore && /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      position: 'absolute',
+      top: '100%',
+      right: 0,
+      backgroundColor: 'white',
+      border: '1px solid #ccc',
+      boxShadow: '0 2px 4px rgba(0,0,0,0.1)',
+      zIndex: 100
+    }
+  }, hiddenItems.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: item.id,
+      style: {
+        padding: '8px 16px',
+        whiteSpace: 'nowrap'
+      }
+    }, item.label);
+  }))))));
+};
+var _default = exports.default = Navigation;

package/lib/Navigation/style/index.d.ts

@@ -0,0 +1,6 @@
+import { GlobalToken } from "antd";
+export interface NavLeafScrollTokenType extends GlobalToken {
+    [k: string]: any;
+}
+declare const NavLeafScrollStyleFunc: (prefix: string) => any;
+export default NavLeafScrollStyleFunc;

package/lib/Navigation/style/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _genStyleHook = require("../../theme/utils/genStyleHook");
+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 _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); }
+var NavLeafScrollStyleFunc = function NavLeafScrollStyleFunc(prefix) {
+  var prepareComponentToken = function prepareComponentToken(token) {
+    return {
+      fontWeight: 400
+    };
+  };
+  return (0, _genStyleHook.createStyleHook)(prefix, function (token) {
+    var prefixCls = ".".concat(prefix);
+    return [_defineProperty({}, prefixCls, {
+      display: 'flex',
+      width: '100%',
+      overflow: 'hidden',
+      boxSizing: "border-box",
+      // position: 'relative',
+      // paddingRight: '80px',
+
+      outline: 'none',
+      '.spec-navigation-item': {
+        position: 'relative',
+        display: 'inline-block',
+        flexShrink: 0,
+        padding: '0 16px',
+        whiteSpace: 'nowrap'
+      }
+    })];
+  }, prepareComponentToken // 当前组件扩展的变量
+  );
+};
+var _default = exports.default = NavLeafScrollStyleFunc;

package/lib/StandardContent/WrapperContent.js

@@ -68,7 +68,7 @@ var WrapperContent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
   });
   return wrapSSR( /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(componentName, className, noMargin ? 'has-margin' : '', proLayoutProps !== null && proLayoutProps !== void 0 && (_proLayoutProps$heade = proLayoutProps.header) !== null && _proLayoutProps$heade !== void 0 && _proLayoutProps$heade.fixed || header !== null && header !== void 0 && header.fixed ? componentName + '-fixed' : '', hashId),
+    className: (0, _classnames.default)(componentName, className, noMargin ? 'has-no-margin' : '', proLayoutProps !== null && proLayoutProps !== void 0 && (_proLayoutProps$heade = proLayoutProps.header) !== null && _proLayoutProps$heade !== void 0 && _proLayoutProps$heade.fixed || header !== null && header !== void 0 && header.fixed ? componentName + '-fixed' : '', hashId),
     style: style,
     ref: contentRef
   }, proLayoutProps !== null && proLayoutProps !== void 0 && proLayoutProps.header || header ? /*#__PURE__*/_react.default.createElement(_ContentHeader.default

package/lib/StandardContent/styles/Wrapper.js

@@ -20,7 +20,7 @@ var WrapperContentStyleFunc = function WrapperContentStyleFunc(prefix) {
   };
   return (0, _genStyleHook.createStyleHook)(prefix, function (token) {
     var prefixCls = ".".concat(prefix);
-    return [_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, prefixCls, _objectSpread(_objectSpread({
+    return [_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, prefixCls, _objectSpread(_objectSpread({
       position: 'relative',
       // padding: token.paddingMD,
       // margin: -token.marginMD,
@@ -57,6 +57,8 @@ var WrapperContentStyleFunc = function WrapperContentStyleFunc(prefix) {
           height: '100%'
         }
       }
+    }), '&.has-no-margin', {
+      margin: 0
     }), '.spec-wrapper-content-spinning', {
       // width: '100%',
       // height: '100%'

package/lib/StandardTable/index.js

@@ -92,8 +92,10 @@ var StandardTable = function StandardTable(props) {
     showSizeChanger: true,
     pageSizeOptions: ['5', '10', '15', '20', '30', '50'],
     showTotal: function showTotal(total, range) {
-      return "".concat(range[0], "-").concat(range[1], "\u6761 \u5171").concat(total, "\u6761");
+      var unitKey = "".concat((lang === null || lang === void 0 ? void 0 : lang['table.pagination.unit']) || '条');
+      return "".concat(range[0], "-").concat(range[1], " ").concat(unitKey, ",").concat((lang === null || lang === void 0 ? void 0 : lang['table.pagination.total']) || '共', " ").concat(total, " ").concat(unitKey);
     },
+    // Total ${total} items
     pageSize: (pagination === null || pagination === void 0 ? void 0 : pagination.pageSize) || (pagination === null || pagination === void 0 ? void 0 : pagination.size)
   }, paginationConfig), pagination);
   if (columns) {
@@ -124,7 +126,7 @@ var StandardTable = function StandardTable(props) {
               var _colItem4, _colItem5, _colItem6;
               if (recombinationGroup.length === 0) return '-';
               return /*#__PURE__*/_react.default.createElement(_index.default, _extends({
-                type: "text",
+                type: "action",
                 min: colItem.min || 2 // 配置按钮展示最少数量，其他的将会被折叠
                 ,
                 options: recombinationGroup,
@@ -204,7 +206,7 @@ var StandardTable = function StandardTable(props) {
   var notShowHead = !extra && !placeButtonGroup && !placeTitle; // 不显示ant-card-head
   return wrapSSR( /*#__PURE__*/_react.default.createElement(_antd.Card, {
     className: (0, _classnames.default)(componentName, 'standard-table', className, hashId),
-    bordered: false,
+    variant: 'borderless',
     title: notShowHead ? null : buttonGroupPlacement === 'left' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, placeTitle, placeButtonGroup) : placeTitle,
     extra: notShowHead ? null : buttonGroupPlacement === 'left' ? extra : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, placeButtonGroup, extra)
   }, /*#__PURE__*/_react.default.createElement(_antd.Table, _extends({

package/lib/StandardTable/types.d.ts

@@ -3,6 +3,7 @@ import type { ButtonGroupOptionsProps } from "../ButtonGroup";
 export interface StandardTableDataProps {
     list?: object[];
     pagination?: any;
+    [k: string]: any;
 }
 export interface ExButtonGroupProps {
     buttonGroup?: ButtonGroupOptionsProps[];