@arim-aisdc/public-components 2.1.0 → 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,69 +1,61 @@
-@font-face {
-  font-family: "iconfont-table"; /* Project id 4386651 */
-  src: url('./iconfont.ttf?t=1729650040389') 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-guanbiqita:before {
-  content: "\e6db";
-}
-
-.icon-table-shuaxinbiaoqian:before {
-  content: "\e6dc";
-}
-
-.icon-table-guanbibiaoqian:before {
-  content: "\e6dd";
-}
-
-.icon-table-upload:before {
-  content: "\e877";
-}
-
-.icon-table-download:before {
-  content: "\e878";
-}
-
-.icon-table-refresh:before {
-  content: "\e7c1";
-}
-
-.icon-table-edit:before {
-  content: "\e7c2";
-}
-
-.icon-table-calendar:before {
-  content: "\e7c3";
-}
-
-.icon-table-reduce:before {
-  content: "\e7c4";
-}
-
-.icon-table-setting:before {
-  content: "\e7bc";
-}
-
-.icon-table-delete:before {
-  content: "\e7bd";
-}
-
-.icon-table-drag:before {
-  content: "\e7be";
-}
-
-.icon-table-down:before {
-  content: "\e7bf";
-}
-
-.icon-table-pin:before {
-  content: "\e7c0";
-}
-
+@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

@@ -5,6 +5,7 @@ export type CacheTabsProps = {
     pathname: string;
     history: any;
     nodeList?: any;
+    shouldCache: boolean;
 };
-declare const _default: ({ useAliveController, pathname, history, nodeList }: CacheTabsProps) => React.ReactElement;
+declare const _default: ({ useAliveController, pathname, history, nodeList, shouldCache }: CacheTabsProps) => React.ReactElement;
 export default _default;

package/dist/components/CacheTabs/CacheTabs.js

@@ -1,3 +1,9 @@
+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); }
@@ -5,20 +11,21 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 } from 'react';
+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;
+    nodeList = _ref.nodeList,
+    shouldCache = _ref.shouldCache;
   // 获取缓存列表
-  var _useAliveController = useAliveController === null || useAliveController === void 0 ? void 0 : useAliveController(),
-    getCachingNodes = _useAliveController.getCachingNodes,
-    dropScope = _useAliveController.dropScope,
-    clear = _useAliveController.clear,
-    refreshScope = _useAliveController.refreshScope;
+  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;
   });
@@ -31,7 +38,7 @@ export default (function (_ref) {
     setOpen = _useState2[1];
 
   // 阻止右键事件冒泡
-  var onRightClick = function onRightClick(e, name) {
+  var _onRightClick = function onRightClick(e, name) {
     return open.open && open.path === name && e.stopPropagation();
   };
 
@@ -125,117 +132,142 @@ export default (function (_ref) {
     var targetKey = JSON.parse(e === null || e === void 0 ? void 0 : e.key).name;
     refreshScope === null || refreshScope === void 0 || refreshScope(targetKey);
   };
-  var labelDropdown = function labelDropdown(name, label) {
-    var lastIndex = cachingNodes.findIndex(function (item) {
-      return item.name === name;
+  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
+      };
     });
-    console.log(cachingNodes, lastIndex, 'cachingNodes');
-    return /*#__PURE__*/_jsx("div", {
-      onClick: function onClick(e) {
-        return onRightClick(e, name);
+  }, [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
+        });
       },
-      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'
         },
-        menu: {
-          items: [{
-            icon: /*#__PURE__*/_jsx("i", {
-              className: "iconfont-table icon-table-shuaxinbiaoqian"
-            }),
-            label: '刷新标签',
-            key: JSON.stringify({
-              name: name,
-              key: 'refresh'
-            }),
-            onClick: onRefresh
-          }, {
-            icon: /*#__PURE__*/_jsx("i", {
-              className: "iconfont-table icon-table-guanbibiaoqian"
-            }),
-            label: '关闭标签',
-            key: JSON.stringify({
-              name: name,
-              key: 'current'
-            }),
-            disabled: cachingNodes.length <= 1,
-            onClick: onCurrent
-          }, {
-            icon: /*#__PURE__*/_jsx("i", {
-              className: "iconfont-table icon-table-guanbiqita"
-            }),
-            label: '关闭其他标签页',
-            key: JSON.stringify({
-              name: name,
-              key: 'other'
-            }),
-            disabled: cachingNodes.length <= 1,
-            onClick: onOther
-          }
-          // {
-          //   icon: '',
-          //   label: '关闭左侧',
-          //   key: JSON.stringify({ name, key: 'left' }),
-          //   disabled: lastIndex === 0,
-          //   onClick: onLeft,
-          // },
-          // {
-          //   label: '关闭右侧',
-          //   key: JSON.stringify({ name, key: 'right' }),
-          //   disabled: lastIndex === cachingNodes.length - 1,
-          //   onClick: onRight,
-          // },
-          // {
-          //   label: '重新加载',
-          //   key: JSON.stringify({ name, key: 'refresh' }),
-          //   onClick: onRefresh,
-          // },
-          ]
+        overlayInnerStyle: {
+          padding: '6px 16px',
+          borderRadius: '6px',
+          color: 'var(--globalColor1)',
+          background: 'var(--globalColor1)',
+          fontSize: '14px',
+          lineHeight: '28px'
         },
-        children: /*#__PURE__*/_jsx(Tooltip, {
-          title: name,
-          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: /*#__PURE__*/_jsx("div", {
-            className: cachingNodes.length > 1 ? 'dropdown-label' : '',
-            children: label
-          })
-        }, name)
-      })
-    });
-  };
-  var tabItems = cachingNodes.map(function (item) {
-    return {
-      label: labelDropdown(item.name, item.tabName),
-      key: item.name,
-      closable: cachingNodes.length > 1
-    };
-  });
-  return /*#__PURE__*/_jsx(Tabs, {
-    hideAdd: true,
-    size: "middle",
-    type: "editable-card",
-    className: "cache-tabs",
-    activeKey: pathname,
-    onTabClick: clickTab,
-    onEdit: editTab,
-    items: tabItems,
-    tabBarGutter: 0
+          children: label
+        })
+      }, name)
+    })
   });
 });

package/dist/components/CacheTabs/index.less

@@ -20,6 +20,7 @@
     color: @globalColor2;
     height: 100% !important;
     padding: 0 12px !important;
+    pointer-events: auto;
   }
   &>.ant-tabs-nav .ant-tabs-tab-active {
     background: @globalColor7 !important;
@@ -29,6 +30,11 @@
       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;
@@ -49,11 +55,11 @@
     border-left: none !important;
     content: '';
   }
-  .dropdown-label {
+  .ant-dropdown-trigger,.dropdown-label {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
-    max-width: 84px;
+    max-width: 96px;
   }
   &>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
     padding: 0 !important;
@@ -80,7 +86,7 @@
   .ant-dropdown-menu {
     padding: 0 !important;
     border-radius: 6px !important;
-    background: @global-row-hover-background-color;
+    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;
@@ -97,6 +103,9 @@
   .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;

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/themes/variables.less

@@ -46,5 +46,6 @@
 @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-row-hover-background-color: var(--global-row-hover-background-color, #010C31f2); // 表格行hover背景色
+@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

@@ -65,8 +65,9 @@ export var PublicThemeVariablesConfig = {
     // 表格的body的背景底色
     '--global-tip-text-color': "rgba(36,42,48,0.45)",
     '--global-icon-color': "#455169",
-    '--global-row-hover-background-color': "#ebebebf2",
-    '--global-hover-box-shadow-color': "#0306211a"
+    '--global-hover-background-color': "#ebebebf2",
+    '--global-hover-box-shadow-color': "#0306211a",
+    '--global-disabled-background-color': "#F2F2F2"
   },
   dark: {
     '--global-curd-input-background-color': '#494c5dff',
@@ -136,7 +137,8 @@ export var PublicThemeVariablesConfig = {
     '--global-tip-text-color': "rgba(255,255,255,0.45)",
     // 提醒色/暂无数据颜色/placeholder颜
     '--global-icon-color': "#fff",
-    '--global-row-hover-background-color': "#010C31f2",
-    '--global-hover-box-shadow-color': "#03062173"
+    '--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.1.0",
+  "version": "2.1.1",
   "description": "前端组件库",
   "license": "MIT",
   "main": "dist/index.js",