@arim-aisdc/public-components 2.0.25 → 2.1.1

package/dist/assets/iconfont/index.css

@@ -2,3 +2,5 @@
 @import url('./theme-dark/four/iconfont.css');
 @import url('./menu-gray/iconfont.css');
 @import url('./table/iconfont.css');
+@import url('./public/iconfont.css');
+

package/dist/assets/iconfont/public/iconfont.css

@@ -0,0 +1,69 @@
+@font-face {
+  font-family: "iconfont-public"; /* Project id 4386651 */
+  src: url('./iconfont.ttf?t=1730099749830') format('truetype');
+}
+
+.iconfont-public {
+  font-family: "iconfont-public" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-public-guanbiqita:before {
+  content: "\e6db";
+}
+
+.icon-public-shuaxinbiaoqian:before {
+  content: "\e6dc";
+}
+
+.icon-public-guanbibiaoqian:before {
+  content: "\e6dd";
+}
+
+.icon-public-upload:before {
+  content: "\e877";
+}
+
+.icon-public-download:before {
+  content: "\e878";
+}
+
+.icon-public-refresh:before {
+  content: "\e7c1";
+}
+
+.icon-public-edit:before {
+  content: "\e7c2";
+}
+
+.icon-public-calendar:before {
+  content: "\e7c3";
+}
+
+.icon-public-reduce:before {
+  content: "\e7c4";
+}
+
+.icon-public-setting:before {
+  content: "\e7bc";
+}
+
+.icon-public-delete:before {
+  content: "\e7bd";
+}
+
+.icon-public-drag:before {
+  content: "\e7be";
+}
+
+.icon-public-down:before {
+  content: "\e7bf";
+}
+
+.icon-public-pin:before {
+  content: "\e7c0";
+}
+

package/dist/assets/iconfont/table/iconfont.css

@@ -1,45 +1,61 @@
-@font-face {
-  font-family: iconfont-table; /* Project id 4453758 */
-  src: url('iconfont.ttf?t=1728885230733') format('truetype');
-}
-
-.iconfont-table {
-  font-family: iconfont-table !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-table-midu::before {
-  content: "\e87d";
-}
-
-.icon-table-delete::before {
-  content: "\e87c";
-}
-
-.icon-table-shuaxin::before {
-  content: "\e87b";
-}
-
-.icon-table-upload::before {
-  content: "\e878";
-}
-
-.icon-table-download::before {
-  content: "\e87a";
-}
-
-.icon-table-shezhi::before {
-  content: "\e643";
-}
-
-.icon-table-zhexian::before {
-  content: "\e644";
-}
-
-.icon-table-biaoge::before {
-  content: "\e645";
-}
-
+@font-face {
+  font-family: "iconfont-table"; /* Project id 4453758 */
+  src: url('./iconfont.ttf?t=1730099737796') format('truetype');
+}
+
+.iconfont-table {
+  font-family: "iconfont-table" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-table-a-xinzeng21:before {
+  content: "\e62e";
+}
+
+.icon-table-a-download11:before {
+  content: "\e62f";
+}
+
+.icon-table-tight:before {
+  content: "\e87e";
+}
+
+.icon-table-normal:before {
+  content: "\e87f";
+}
+
+.icon-table-shenglvehao:before {
+  content: "\e62d";
+}
+
+.icon-table-delete:before {
+  content: "\e87c";
+}
+
+.icon-table-shuaxin:before {
+  content: "\e87b";
+}
+
+.icon-table-upload:before {
+  content: "\e878";
+}
+
+.icon-table-download:before {
+  content: "\e87a";
+}
+
+.icon-table-shezhi:before {
+  content: "\e643";
+}
+
+.icon-table-zhexian:before {
+  content: "\e644";
+}
+
+.icon-table-biaoge:before {
+  content: "\e645";
+}
+

package/dist/components/CacheTabs/CacheTabs.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './index.less';
+export type CacheTabsProps = {
+    useAliveController: any;
+    pathname: string;
+    history: any;
+    nodeList?: any;
+    shouldCache: boolean;
+};
+declare const _default: ({ useAliveController, pathname, history, nodeList, shouldCache }: CacheTabsProps) => React.ReactElement;
+export default _default;

package/dist/components/CacheTabs/CacheTabs.js

@@ -0,0 +1,273 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Dropdown, Tabs, Tooltip } from 'antd';
+import React, { useState, useMemo, useRef, useEffect } from 'react';
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function (_ref) {
+  var useAliveController = _ref.useAliveController,
+    pathname = _ref.pathname,
+    history = _ref.history,
+    nodeList = _ref.nodeList,
+    shouldCache = _ref.shouldCache;
+  // 获取缓存列表
+  var _ref2 = (useAliveController === null || useAliveController === void 0 ? void 0 : useAliveController()) || {},
+    getCachingNodes = _ref2.getCachingNodes,
+    dropScope = _ref2.dropScope,
+    clear = _ref2.clear,
+    refreshScope = _ref2.refreshScope;
+  var cachingNodes = ((getCachingNodes === null || getCachingNodes === void 0 ? void 0 : getCachingNodes()) || nodeList).filter(function (item) {
+    return item === null || item === void 0 ? void 0 : item.tabName;
+  });
+  var _useState = useState({
+      path: '',
+      open: false
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+
+  // 阻止右键事件冒泡
+  var _onRightClick = function onRightClick(e, name) {
+    return open.open && open.path === name && e.stopPropagation();
+  };
+
+  // 点击tab，跳转页面
+  var clickTab = function clickTab(path) {
+    history === null || history === void 0 || history.push(path);
+  };
+
+  // 关闭tab，销毁缓存
+  var editTab = function editTab(path) {
+    dropScope === null || dropScope === void 0 || dropScope(path);
+    // 关闭当前页面，需跳转到其他页签
+    if (path === pathname) {
+      var index = cachingNodes.findIndex(function (item) {
+        return item.name === path;
+      });
+      if (index > 0) {
+        history === null || history === void 0 || history.push(cachingNodes[index - 1].name);
+      } else {
+        history === null || history === void 0 || history.push(cachingNodes[1].name);
+      }
+    }
+  };
+
+  // 关闭当前页
+  var onCurrent = function onCurrent(e) {
+    var targetKey = JSON.parse(e === null || e === void 0 ? void 0 : e.key).name;
+    dropScope === null || dropScope === void 0 || dropScope(targetKey);
+    // 关闭当前页面，需跳转到其他页签
+    if (targetKey === pathname) {
+      var index = cachingNodes.findIndex(function (item) {
+        return item.name === targetKey;
+      });
+      if (index > 0) {
+        history === null || history === void 0 || history.push(cachingNodes[index - 1].name);
+      } else {
+        history === null || history === void 0 || history.push(cachingNodes[1].name);
+      }
+    }
+  };
+
+  // 关闭其他
+  var onOther = function onOther(e) {
+    var targetKey = JSON.parse(e === null || e === void 0 ? void 0 : e.key).name;
+    history === null || history === void 0 || history.push(targetKey);
+    clear === null || clear === void 0 || clear();
+  };
+
+  //关闭左侧
+  var onLeft = function onLeft(e) {
+    var targetKey = JSON.parse(e === null || e === void 0 ? void 0 : e.key).name;
+    var lastIndex = cachingNodes.findIndex(function (item) {
+      return item.name === pathname;
+    });
+    var currIndex = cachingNodes.findIndex(function (item) {
+      return item.name === targetKey;
+    });
+    if (currIndex > lastIndex) history === null || history === void 0 || history.push(targetKey);
+    cachingNodes.forEach(function (item, index) {
+      if (index < currIndex) {
+        dropScope === null || dropScope === void 0 || dropScope((item === null || item === void 0 ? void 0 : item.name) || '');
+      }
+    });
+  };
+
+  // 关闭右侧
+  var onRight = function onRight(e) {
+    var targetKey = JSON.parse(e === null || e === void 0 ? void 0 : e.key).name;
+    var lastIndex = cachingNodes.findIndex(function (item) {
+      return item.name === pathname;
+    });
+    var currIndex = cachingNodes.findIndex(function (item) {
+      return item.name === targetKey;
+    });
+    if (currIndex < lastIndex) history === null || history === void 0 || history.push(targetKey);
+    cachingNodes.forEach(function (item, index) {
+      if (index > currIndex) {
+        dropScope === null || dropScope === void 0 || dropScope((item === null || item === void 0 ? void 0 : item.name) || '');
+      }
+    });
+  };
+
+  // 关闭全部
+  var onAll = function onAll() {
+    history === null || history === void 0 || history.push('/home');
+    clear === null || clear === void 0 || clear();
+  };
+
+  // 重新加载
+  var onRefresh = function onRefresh(e) {
+    var targetKey = JSON.parse(e === null || e === void 0 ? void 0 : e.key).name;
+    refreshScope === null || refreshScope === void 0 || refreshScope(targetKey);
+  };
+  var menuItems = useMemo(function () {
+    return [{
+      icon: /*#__PURE__*/_jsx("i", {
+        className: "iconfont-public icon-public-shuaxinbiaoqian"
+      }),
+      label: '刷新标签',
+      key: 'refresh',
+      onClick: onRefresh
+    }, {
+      icon: /*#__PURE__*/_jsx("i", {
+        className: "iconfont-public icon-public-guanbibiaoqian"
+      }),
+      label: '关闭标签',
+      key: 'current',
+      disabled: cachingNodes.length <= 1,
+      onClick: onCurrent
+    }, {
+      icon: /*#__PURE__*/_jsx("i", {
+        className: "iconfont-public icon-public-guanbiqita"
+      }),
+      label: '关闭其他标签页',
+      key: 'other',
+      disabled: cachingNodes.length <= 1,
+      onClick: onOther
+    }
+    // ... other menu items ...
+    ];
+  }, [cachingNodes.length, onRefresh, onCurrent, onOther]);
+  var tabItems = useMemo(function () {
+    return cachingNodes.map(function (item) {
+      return {
+        label: /*#__PURE__*/_jsx(LabelDropdown, {
+          name: item.name,
+          label: item.tabName,
+          onRightClick: function onRightClick(e) {
+            return _onRightClick(e, item.name);
+          },
+          cachingNodes: cachingNodes,
+          setOpen: setOpen,
+          menuItems: menuItems.map(function (menuItem) {
+            return _objectSpread(_objectSpread({}, menuItem), {}, {
+              key: JSON.stringify({
+                name: item.name,
+                key: menuItem.key
+              })
+            });
+          })
+        }),
+        key: item.name,
+        closable: cachingNodes.length > 1
+      };
+    });
+  }, [cachingNodes, _onRightClick, menuItems]);
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      display: shouldCache ? 'block' : 'none'
+    },
+    children: /*#__PURE__*/_jsx(Tabs, {
+      hideAdd: true,
+      size: "middle",
+      type: "editable-card",
+      className: "cache-tabs",
+      activeKey: pathname,
+      onTabClick: clickTab,
+      onEdit: editTab,
+      items: tabItems,
+      tabBarGutter: 0
+    })
+  });
+});
+var LabelDropdown = /*#__PURE__*/React.memo(function (_ref3) {
+  var name = _ref3.name,
+    label = _ref3.label,
+    onRightClick = _ref3.onRightClick,
+    cachingNodes = _ref3.cachingNodes,
+    setOpen = _ref3.setOpen,
+    menuItems = _ref3.menuItems;
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isOverflowing = _useState4[0],
+    setIsOverflowing = _useState4[1];
+  var labelRef = useRef(null);
+  useEffect(function () {
+    var checkOverflow = function checkOverflow() {
+      if (labelRef.current) {
+        setIsOverflowing(labelRef.current.offsetWidth < labelRef.current.scrollWidth);
+      }
+    };
+    checkOverflow();
+    window.addEventListener('resize', checkOverflow);
+    return function () {
+      return window.removeEventListener('resize', checkOverflow);
+    };
+  }, [label]);
+  return /*#__PURE__*/_jsx("div", {
+    onClick: function onClick(e) {
+      return onRightClick(e, name);
+    },
+    children: /*#__PURE__*/_jsx(Dropdown, {
+      overlayClassName: "cache-tabs-dropdown",
+      trigger: ['contextMenu'],
+      onOpenChange: function onOpenChange(e) {
+        return setOpen({
+          path: name,
+          open: e
+        });
+      },
+      menu: {
+        items: menuItems
+      },
+      children: /*#__PURE__*/_jsx(Tooltip, {
+        title: isOverflowing ? label : '',
+        color: "var(--globalColor7)",
+        overlayStyle: {
+          border: '1px solid var(--tableColor2)',
+          borderRadius: '6px'
+        },
+        overlayInnerStyle: {
+          padding: '6px 16px',
+          borderRadius: '6px',
+          color: 'var(--globalColor1)',
+          background: 'var(--globalColor1)',
+          fontSize: '14px',
+          lineHeight: '28px'
+        },
+        children: /*#__PURE__*/_jsx("div", {
+          ref: labelRef,
+          className: cachingNodes.length > 1 ? 'dropdown-label' : '',
+          style: {
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+          },
+          children: label
+        })
+      }, name)
+    })
+  });
+});

package/dist/components/CacheTabs/index.d.ts

@@ -0,0 +1,3 @@
+import CacheTabs from './CacheTabs';
+export default CacheTabs;
+export type { CacheTabsProps } from './CacheTabs';

package/dist/components/CacheTabs/index.js

@@ -0,0 +1,2 @@
+import CacheTabs from "./CacheTabs";
+export default CacheTabs;

package/dist/components/CacheTabs/index.less

@@ -0,0 +1,116 @@
+// index.less
+ 
+.cache-tabs { 
+  height: 40px;
+  padding-top: 4px;
+  background: @globalColor8;
+
+  .ant-tabs-nav {
+    margin-bottom: 0;
+    height: 100%;
+  }
+
+  &>.ant-tabs-nav .ant-tabs-tab {
+    background: @globalColor8 !important;
+    border: 0 !important;
+    position: relative !important;
+    display: flex;
+    justify-items: center;
+    align-items: center;
+    color: @globalColor2;
+    height: 100% !important;
+    padding: 0 12px !important;
+    pointer-events: auto;
+  }
+  &>.ant-tabs-nav .ant-tabs-tab-active {
+    background: @globalColor7 !important;
+    border-radius: 6px 6px 0 0 !important;
+    border: 0 !important;
+    .ant-tabs-tab-btn {
+      color: @globalColor1 !important;
+    }
+  }
+  &>.ant-tabs-nav .ant-tabs-tab:hover {
+    background: @globalColor7 !important;
+    border-radius: 6px 6px 0 0 !important;
+    border: 0 !important;
+  }
+  &>.ant-tabs-nav::before {
+    z-index: 1;
+    border-bottom: 1px solid @tableColor7;
+  }
+  &>.ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-active)::before{
+    position: absolute !important;
+    left: 0;
+    top: 10px;
+    bottom: 6px;
+    border-left: 1px solid @tableColor7;
+    content: '';
+  }
+  .ant-tabs-tab-active + .ant-tabs-tab::before, .ant-tabs-tab:nth-child(1):before{
+    position: absolute !important;
+    left: 0;
+    top: 10px;
+    bottom: 6px;
+    border-left: none !important;
+    content: '';
+  }
+  .ant-dropdown-trigger,.dropdown-label {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    max-width: 96px;
+  }
+  &>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
+    padding: 0 !important;
+    margin: 0 0 0 4px;
+  }
+  &>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    border-radius: 8px;
+    color: @global-icon-color;
+    font-size: 10px;
+    &:hover {
+      background: @globalColor_14;
+    }
+    svg {
+      margin-top: 3px;
+    }
+  }
+}
+
+.cache-tabs-dropdown {
+  z-index: 9999;
+  .ant-dropdown-menu {
+    padding: 0 !important;
+    border-radius: 6px !important;
+    background: @global-hover-background-color;
+    box-shadow: 0px 5px 12px -4px @global-hover-box-shadow-color;
+    border-radius: 6px 6px 6px 6px;
+    border: 1px solid @tableColor7;
+   
+  }
+  .ant-dropdown-menu-item {
+    padding: 7px 12px !important;
+    display: flex;
+    align-items: center;
+    line-height: 22px !important;
+    border-radius: 0 !important;
+    color: @globalColor1 !important;
+  }
+  .ant-dropdown-menu-item-active, .ant-dropdown-menu-item:hover {
+    background: @globalColor_14 !important;
+  }
+  .ant-dropdown-menu-item-disabled, .ant-dropdown-menu-item-disabled:hover {
+    background: @global-disabled-background-color !important;
+  }
+  .iconfont-table {
+    font-size: 16px !important;
+    line-height: 22px !important;
+    color: @global-icon-color !important;
+    margin-right: 4px;
+    margin-top: 2px;
+  }
+}

package/dist/components/TableMax/TableMax.js

@@ -1244,7 +1244,7 @@ var TableMax = function TableMax(_ref) {
             },
             placement: "bottomRight",
             children: /*#__PURE__*/_jsx("i", {
-              className: "iconfont-table icon-table-midu handleRightItem",
+              className: "iconfont-table icon-table-normal handleRightItem",
               style: {
                 fontSize: '16px',
                 marginRight: 0

package/dist/components/TableMax/components/CustomDragerLayer/index.less

@@ -4,6 +4,7 @@
   opacity: 0.5;
   left: 0;
   top: 0;
+  z-index: 9999;
 
   .tbody-tr,
   .tbody-tr-selected {

package/dist/index.d.ts

@@ -32,6 +32,8 @@ export { default as SchemaForm } from './components/SchemaForm';
 export * from './components/Icon';
 export { default as Icon } from './components/Icon';
 export { default as Empty } from './components/Empty';
+export { default as CacheTabs } from './components/CacheTabs';
+export * from './components/CacheTabs';
 export { default as useCenterModalState } from './hooks/useCenterModalState';
 export * from './hooks/useEventBus';
 export { default as useEventBus } from './hooks/useEventBus';

package/dist/index.js

@@ -33,6 +33,8 @@ export { default as SchemaForm } from "./components/SchemaForm";
 export * from "./components/Icon";
 export { default as Icon } from "./components/Icon";
 export { default as Empty } from "./components/Empty";
+export { default as CacheTabs } from "./components/CacheTabs";
+export * from "./components/CacheTabs";
 
 // hooks
 export { default as useCenterModalState } from "./hooks/useCenterModalState";

package/dist/themes/variables.less

@@ -45,3 +45,7 @@
 @tableTooltipBgc: var(--tableTooltipBgc, #f5f6f7); // 表格tooltip背景色
 @tableSettingModalBgc: var(--tableSettingModalBgc, #ffffff); // 表格的body的背景底色
 @global-tip-text-color: var(--global-tip-text-color, rgba(255,255,255,0.45)); //提醒色/暂无数据颜色/placeholder颜色
+@global-icon-color: var(--global-icon-color, #ffffff); //图标色
+@global-hover-background-color: var(--global-hover-background-color, #010C31f2); // 表格行hover背景色
+@global-hover-box-shadow-color: var(--global-hover-box-shadow-color, #03062173); // hover/右键框投影颜色
+@global-disabled-background-color: var(--global-disabled-background-color, #0F2347); // 禁用背景色

package/dist/themes/variablesConfig.js

@@ -63,7 +63,11 @@ export var PublicThemeVariablesConfig = {
     // 全局默认 禁用/选中 字体颜色
     '--tableSettingModalBgc': '#FFFFFF',
     // 表格的body的背景底色
-    '--global-tip-text-color': "rgba(36,42,48,0.45)"
+    '--global-tip-text-color': "rgba(36,42,48,0.45)",
+    '--global-icon-color': "#455169",
+    '--global-hover-background-color': "#ebebebf2",
+    '--global-hover-box-shadow-color': "#0306211a",
+    '--global-disabled-background-color': "#F2F2F2"
   },
   dark: {
     '--global-curd-input-background-color': '#494c5dff',
@@ -130,6 +134,11 @@ export var PublicThemeVariablesConfig = {
     // 全局默认 禁用/选中 字体颜色
     '--tableSettingModalBgc': '#05081A',
     // 表格的body的背景底色
-    '--global-tip-text-color': "rgba(255,255,255,0.45)" // 提醒色/暂无数据颜色/placeholder颜
+    '--global-tip-text-color': "rgba(255,255,255,0.45)",
+    // 提醒色/暂无数据颜色/placeholder颜
+    '--global-icon-color': "#fff",
+    '--global-hover-background-color': "#010C31f2",
+    '--global-hover-box-shadow-color': "#03062173",
+    '--global-disabled-background-color': "#0F2347"
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arim-aisdc/public-components",
-  "version": "2.0.25",
+  "version": "2.1.1",
   "description": "前端组件库",
   "license": "MIT",
   "main": "dist/index.js",
@@ -61,6 +61,7 @@
     "jsep": "^1.3.8",
     "lodash": "^4.17.21",
     "path": "^0.12.7",
+    "react-activation": "^0.12.4",
     "react-color": "^2.19.3",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",