fan-standard-comp 4.1.13 → 4.1.15

package/es/ButtonGroup/index.d.ts

@@ -26,7 +26,7 @@ interface CodesProps {
     [key: string]: any;
 }
 interface ButtonGroupProps {
-    type?: 'button' | 'text';
+    type?: 'button' | 'text' | 'action';
     rowParams?: ButtonGroupRowParamsProps;
     codes?: CodesProps[];
     permissionCodes?: string[];

package/es/ButtonGroup/index.js

@@ -100,15 +100,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.createElement(IconNode, {
           icon: icon
         }) : null,
         // exName为null时，将不显示名称
         label: /*#__PURE__*/React.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
@@ -181,8 +185,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, {
@@ -299,10 +305,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: btnIsDisabled(others.disabled, rowParams),
-        key: code ? code + i : i,
+        key: code ? code + i + uniqueId : i + uniqueId,
         icon: icon && showTextIcon ? /*#__PURE__*/React.createElement(IconNode, {
           icon: icon,
           style: {
@@ -311,7 +318,7 @@ var ButtonGroup = function ButtonGroup(props) {
         }) : null,
         // 不显示图标
         label: /*#__PURE__*/React.createElement("a", {
-          onClick: function onClick() {
+          onClick: function onClick(event) {
             // 配置二次确认
             if (vItem.hasOwnProperty('confirmText') || vItem.hasOwnProperty('confirmConfig')) {
               // @ts-ignore
@@ -319,7 +326,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)),
@@ -351,24 +360,42 @@ var ButtonGroup = function ButtonGroup(props) {
       title: /*#__PURE__*/React.createElement(PopConfirmTitle, _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.createElement("a", {
@@ -385,10 +412,19 @@ var ButtonGroup = function ButtonGroup(props) {
       // @ts-ignore
       ,
       disabled: 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)));
   };
@@ -421,7 +457,8 @@ var ButtonGroup = function ButtonGroup(props) {
         rowParams: rowParams
       }));
     }
-    /*渲染文本形式*/
+
+    /*渲染文本形式(包含表格操作列的按钮）type='text' 或 type='action'*/
     return /*#__PURE__*/React.createElement(RenderTextList, _extends({
       key: index
     }, item));
@@ -463,28 +500,55 @@ var ButtonGroup = function ButtonGroup(props) {
         title: /*#__PURE__*/React.createElement(PopConfirmTitle, _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.createElement(Dropdown, _extends({

package/es/FormComp/RenderItemGroup/index.js

@@ -24,6 +24,23 @@ var FormItem = Form.Item;
 
 // 单个控件配置参数
 
+var DescriptionTooltip = function DescriptionTooltip(props) {
+  var label = props.label,
+    description = props.description;
+  return /*#__PURE__*/React.createElement("span", {
+    className: 'spec-item-group-label',
+    style: {
+      display: 'inline-flex'
+    }
+  }, label, description && /*#__PURE__*/React.createElement(Tooltip, {
+    title: description
+  }, /*#__PURE__*/React.createElement(SpecIcon, {
+    name: "info",
+    style: {
+      marginLeft: label ? '4px' : 0
+    }
+  })));
+};
 var RenderItemGroup = function RenderItemGroup(props) {
   var itemGroup = props.itemGroup,
     _props$size = props.size,
@@ -231,11 +248,10 @@ var RenderItemGroup = function RenderItemGroup(props) {
       }, item.protoCol), /*#__PURE__*/React.createElement(FormItem, _extends({
         name: type !== 'custom' && (filedName || fieldName),
         className: classNames(fieldStatus === 'viewOnly' ? 'form-item-view-only' : '', 'spec-item-group-form-item'),
-        label: description ? /*#__PURE__*/React.createElement("span", null, label, /*#__PURE__*/React.createElement(Tooltip, {
-          title: description
-        }, /*#__PURE__*/React.createElement(SpecIcon, {
-          name: "info"
-        }))) : label,
+        label: description ? /*#__PURE__*/React.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;
@@ -248,11 +264,10 @@ var RenderItemGroup = function RenderItemGroup(props) {
         key: index,
         name: type !== 'custom' && (filedName || fieldName),
         className: classNames(fieldStatus === 'viewOnly' ? 'form-item-view-only' : '', 'spec-item-group-form-item'),
-        label: description ? /*#__PURE__*/React.createElement("span", null, label, /*#__PURE__*/React.createElement(Tooltip, {
-          title: description
-        }, /*#__PURE__*/React.createElement(SpecIcon, {
-          name: "info"
-        }))) : label,
+        label: description ? /*#__PURE__*/React.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/es/FormComp/VarTemplate/index.js

@@ -32,7 +32,8 @@ var VarTemplate = function VarTemplate(props) {
       value: 'value'
     } : _props$tagsOptionName,
     showCountTip = props.showCountTip,
-    onChange = props.onChange;
+    onChange = props.onChange,
+    maxLength = props.maxLength;
   var lang = useLanguageObject(); // 当前使用的语言包
   var contentRef = useRef();
   var _useState = useState({
@@ -65,19 +66,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]);
 
   /**
    * 指定位置插入标签占位符字符串，当光标有选中一段字符时，会将直接将其替换
@@ -266,13 +273,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.createElement("div", {
     className: "spec-vart-desc",
     style: {
       marginTop: '4px',
       fontSize: '12px'
     }
-  }, (lang === null || lang === void 0 ? void 0 : lang['filed.varTemplate.enter']) || '您已录入', " ", /*#__PURE__*/React.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.createElement("b", null, vartData.wordCount, maxLength ? "/".concat(maxLength) : ''), " ", (lang === null || lang === void 0 ? void 0 : lang['filed.varTemplate.words']) || '个字'));
 };
 export default VarTemplate;

package/es/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/es/Navigation/index.js

@@ -0,0 +1,182 @@
+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 React, { useState, useEffect, useRef } from 'react';
+import useStyle from "./style";
+import classNames from 'classnames';
+import _ from 'lodash';
+//
+// 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 = useStyle(componentName),
+    _useStyle2 = _slicedToArray(_useStyle, 2),
+    wrapSSR = _useStyle2[0],
+    hashId = _useStyle2[1];
+  var items = props.items;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    visibleItems = _useState2[0],
+    setVisibleItems = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hiddenItems = _useState4[0],
+    setHiddenItems = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showMore = _useState6[0],
+    setShowMore = _useState6[1];
+  var listRef = useRef(null);
+  var containerRef = useRef(null);
+  var itemsRef = useRef([]);
+  var moreButtonRef = useRef(null);
+  var _useState7 = useState(0),
+    _useState8 = _slicedToArray(_useState7, 2),
+    containerWidth = _useState8[0],
+    setContainerWidth = _useState8[1];
+  var _useState9 = useState(0),
+    _useState10 = _slicedToArray(_useState9, 2),
+    moreButtonWidth = _useState10[0],
+    setMoreButtonWidth = _useState10[1];
+  // 使用lodash的debounce函数
+  var debouncedHandleChange = _.debounce(function (_ref) {
+    var visible = _ref.visible,
+      hidden = _ref.hidden;
+    // console.log(event.target.value);
+    setVisibleItems(visible);
+    setHiddenItems(hidden);
+  }, 100); // 延迟500毫秒执行
+
+  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]);
+  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.createElement("div", {
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: listRef,
+    style: {
+      width: '100%',
+      height: '20px',
+      backgroundColor: '#ff1133'
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    className: classNames(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.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.createElement("div", {
+    className: 'spec-navigation-item more-item',
+    style: {
+      position: 'relative',
+      flexShrink: 0,
+      display: hiddenItems.length > 0 ? 'block' : 'none'
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    ref: moreButtonRef,
+    onClick: function onClick() {
+      return setShowMore(!showMore);
+    },
+    style: {
+      marginLeft: '8px'
+    }
+  }, "\u66F4\u591A"), showMore && /*#__PURE__*/React.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.createElement("div", {
+      key: item.id,
+      style: {
+        padding: '8px 16px',
+        whiteSpace: 'nowrap'
+      }
+    }, item.label);
+  }))))));
+};
+export default Navigation;

package/es/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/es/Navigation/style/index.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 _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 { createStyleHook } from "../../theme/utils/genStyleHook";
+var NavLeafScrollStyleFunc = function NavLeafScrollStyleFunc(prefix) {
+  var prepareComponentToken = function prepareComponentToken(token) {
+    return {
+      fontWeight: 400
+    };
+  };
+  return 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 // 当前组件扩展的变量
+  );
+};
+export default NavLeafScrollStyleFunc;

package/es/StandardContent/WrapperContent.js

@@ -59,7 +59,7 @@ var WrapperContent = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   });
   return wrapSSR( /*#__PURE__*/React.createElement("div", {
-    className: classNames(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: classNames(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.createElement(ContentHeader

package/es/StandardContent/styles/Wrapper.js

@@ -14,7 +14,7 @@ var WrapperContentStyleFunc = function WrapperContentStyleFunc(prefix) {
   };
   return 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,
@@ -51,6 +51,8 @@ var WrapperContentStyleFunc = function WrapperContentStyleFunc(prefix) {
           height: '100%'
         }
       }
+    }), '&.has-no-margin', {
+      margin: 0
     }), '.spec-wrapper-content-spinning', {
       // width: '100%',
       // height: '100%'

package/es/StandardTable/index.js

@@ -83,8 +83,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) {
@@ -115,7 +117,7 @@ var StandardTable = function StandardTable(props) {
               var _colItem4, _colItem5, _colItem6;
               if (recombinationGroup.length === 0) return '-';
               return /*#__PURE__*/React.createElement(ButtonGroup, _extends({
-                type: "text",
+                type: "action",
                 min: colItem.min || 2 // 配置按钮展示最少数量，其他的将会被折叠
                 ,
                 options: recombinationGroup,
@@ -195,7 +197,7 @@ var StandardTable = function StandardTable(props) {
   var notShowHead = !extra && !placeButtonGroup && !placeTitle; // 不显示ant-card-head
   return wrapSSR( /*#__PURE__*/React.createElement(Card, {
     className: classNames(componentName, 'standard-table', className, hashId),
-    bordered: false,
+    variant: 'borderless',
     title: notShowHead ? null : buttonGroupPlacement === 'left' ? /*#__PURE__*/React.createElement(React.Fragment, null, placeTitle, placeButtonGroup) : placeTitle,
     extra: notShowHead ? null : buttonGroupPlacement === 'left' ? extra : /*#__PURE__*/React.createElement(React.Fragment, null, placeButtonGroup, extra)
   }, /*#__PURE__*/React.createElement(Table, _extends({

package/es/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[];