venus-design 1.0.1 → 1.0.2

package/dist/Approval/index.js

@@ -335,8 +335,11 @@ export default /*#__PURE__*/React.forwardRef(function (props, ref) {
               console.log("是退回的流程");
               setisReturn(true);
             }
+            if (process.env.DUMI_APP_BUILD_ENV === 'development') {
+              setVisible(true);
+            }
             findByOption(record, code, name);
-          case 4:
+          case 5:
           case "end":
             return _context3.stop();
         }

package/dist/ExcelCom/demo.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ExcelCom } from '..';
+import { ExcelCom } from "./..";
 var Demo = function Demo() {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ExcelCom, null));
 };

package/dist/VenusTable/staticAttr.d.ts

@@ -15,6 +15,7 @@ export declare const VENUS_TABLE_ONCELL_TYPE: any;
  * 表格列的格式化
  */
 export declare const VENUS_TABLE_COLUMNRENDER_TYPE: any;
+export declare const VENUS_COLOR: any;
 /**
  * 定义一个方法，用于动态添加渲染函数
  * @param name render名称

package/dist/VenusTable/staticAttr.js

@@ -1,3 +1,5 @@
+import "antd/es/tag/style";
+import _Tag from "antd/es/tag";
 import "antd/es/badge/style";
 import _Badge from "antd/es/badge";
 import "antd/es/rate/style";
@@ -453,9 +455,29 @@ export var VENUS_TABLE_COLUMNRENDER_TYPE = {
         }
       }, text))];
     };
+  },
+  "renderABCD": function renderABCD(column, actions) {
+    return function (text, record, _, action) {
+      return [/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Tag, {
+        bordered: false,
+        color: VENUS_COLOR[text || "A"] || "cyan"
+      }, text))];
+    };
   }
 };
-
+export var VENUS_COLOR = {
+  "A": "success",
+  "B": "processing",
+  "C": "error",
+  "D": "warning",
+  "E": "magenta",
+  "F": "red",
+  "J": "volcano",
+  "H": "orange",
+  "I": "gold",
+  "G": "lime",
+  "K": "green"
+};
 /**
  * 定义一个方法，用于动态添加渲染函数
  * @param name render名称

package/dist/VirtTable/index.js

@@ -41,6 +41,7 @@ var RangePicker = _DatePicker.RangePicker;
 import useDeepCompareEffect from 'use-deep-compare-effect';
 import { groupFields } from "./src/util";
 import { SelectBysceneIdAndCreateBy } from "../Config/api";
+import { addData } from "../DataView/service";
 export default function VirtTable(props) {
   var columns = props.columns,
     data = props.data,
@@ -88,45 +89,48 @@ export default function VirtTable(props) {
     selectMode = _useState12[0],
     setSelectMode = _useState12[1];
   var pathname = window.location.pathname;
-
-  /* 各编辑器值 */
   var _useState13 = useState(),
     _useState14 = _slicedToArray(_useState13, 2),
-    selectValue = _useState14[0],
-    setSelectValue = _useState14[1];
+    columnsCustomMap = _useState14[0],
+    setColumnsCustomMap = _useState14[1];
+  /* 各编辑器值 */
   var _useState15 = useState(),
     _useState16 = _slicedToArray(_useState15, 2),
-    numberValue = _useState16[0],
-    setNumberValue = _useState16[1];
+    selectValue = _useState16[0],
+    setSelectValue = _useState16[1];
   var _useState17 = useState(),
     _useState18 = _slicedToArray(_useState17, 2),
-    dateValue = _useState18[0],
-    setDateValue = _useState18[1];
-  var _useState19 = useState(''),
+    numberValue = _useState18[0],
+    setNumberValue = _useState18[1];
+  var _useState19 = useState(),
     _useState20 = _slicedToArray(_useState19, 2),
-    selevelValue = _useState20[0],
-    setSelevelValue = _useState20[1];
-  var _useState21 = useState([]),
+    dateValue = _useState20[0],
+    setDateValue = _useState20[1];
+  var _useState21 = useState(''),
     _useState22 = _slicedToArray(_useState21, 2),
-    userValue = _useState22[0],
-    setUserValue = _useState22[1];
+    selevelValue = _useState22[0],
+    setSelevelValue = _useState22[1];
   var _useState23 = useState([]),
     _useState24 = _slicedToArray(_useState23, 2),
-    deptValue = _useState24[0],
-    setDeptValue = _useState24[1];
+    userValue = _useState24[0],
+    setUserValue = _useState24[1];
+  var _useState25 = useState([]),
+    _useState26 = _slicedToArray(_useState25, 2),
+    deptValue = _useState26[0],
+    setDeptValue = _useState26[1];
 
   // 新增状态：保存所有列的过滤条件
-  var _useState25 = useState(new Map()),
-    _useState26 = _slicedToArray(_useState25, 2),
-    filterMap = _useState26[0],
-    setFilterMap = _useState26[1];
+  var _useState27 = useState(new Map()),
+    _useState28 = _slicedToArray(_useState27, 2),
+    filterMap = _useState28[0],
+    setFilterMap = _useState28[1];
   /* overlayer 渲染用 */
-  var _useState27 = useState({
+  var _useState29 = useState({
       views: []
     }),
-    _useState28 = _slicedToArray(_useState27, 2),
-    overlayerViews = _useState28[0],
-    setOverlayerViews = _useState28[1];
+    _useState30 = _slicedToArray(_useState29, 2),
+    overlayerViews = _useState30[0],
+    setOverlayerViews = _useState30[1];
   /* 0. 永远保留完整树 */
   var fullForestRef = useRef(data);
   useDeepCompareEffect(function () {
@@ -405,7 +409,7 @@ export default function VirtTable(props) {
       show: false
     },
     name: {
-      fixed: 'left'
+      show: false
     },
     secLevel: {
       fixed: 'right',
@@ -434,13 +438,14 @@ export default function VirtTable(props) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             if (!(process.env.DUMI_APP_BUILD_ENV === 'development')) {
-              _context2.next = 7;
+              _context2.next = 8;
               break;
             }
             //@ts-ignore
             _groupFields = groupFields(costumColumnMap, columns), leftKeys = _groupFields.leftKeys, rightKeys = _groupFields.rightKeys, unfixedKeys = _groupFields.unfixedKeys, left = _groupFields.left, right = _groupFields.right, unfixed = _groupFields.unfixed;
             /* 按当前勾选值生成完整列并回写 */
-            fullColumns = [].concat(_toConsumableArray(createColumns(left, [])), _toConsumableArray(createColumns(right, [])), _toConsumableArray(createColumns(unfixed, [])));
+            fullColumns = [].concat(_toConsumableArray(createColumns(left, leftKeys)), _toConsumableArray(createColumns(right, rightKeys)), _toConsumableArray(createColumns(unfixed, unfixedKeys)));
+            setColumnsCustomMap(costumColumnMap);
             grid === null || grid === void 0 || grid.loadColumns(fullColumns);
             setColumnStatus({
               leftKeys: leftKeys,
@@ -450,19 +455,20 @@ export default function VirtTable(props) {
               right: right,
               unfixed: unfixed
             });
-            _context2.next = 11;
+            _context2.next = 12;
             break;
-          case 7:
-            _context2.next = 9;
+          case 8:
+            _context2.next = 10;
             return SelectBysceneIdAndCreateBy(pathname);
-          case 9:
+          case 10:
             res = _context2.sent;
             if (res && res.success) {
               _data3 = res.data || {};
               /* ****** 2. 分组 + showKeys ****** */
               _groupFields2 = groupFields(_data3.costumColumnMap, columns), _leftKeys = _groupFields2.leftKeys, _rightKeys = _groupFields2.rightKeys, _unfixedKeys = _groupFields2.unfixedKeys, _left = _groupFields2.left, _right = _groupFields2.right, _unfixed = _groupFields2.unfixed;
               /* 按当前勾选值生成完整列并回写 */
-              _fullColumns = [].concat(_toConsumableArray(createColumns(_left, [])), _toConsumableArray(createColumns(_right, [])), _toConsumableArray(createColumns(_unfixed, [])));
+              _fullColumns = [].concat(_toConsumableArray(createColumns(_left, _leftKeys)), _toConsumableArray(createColumns(_right, _rightKeys)), _toConsumableArray(createColumns(_unfixed, _unfixedKeys)));
+              setColumnsCustomMap(costumColumnMap);
               grid === null || grid === void 0 || grid.loadColumns(_fullColumns);
               setColumnStatus({
                 leftKeys: _leftKeys,
@@ -473,7 +479,7 @@ export default function VirtTable(props) {
                 unfixed: _unfixed
               });
             }
-          case 11:
+          case 12:
           case "end":
             return _context2.stop();
         }
@@ -484,8 +490,39 @@ export default function VirtTable(props) {
     };
   }();
   useEffect(function () {
-    getColumnStatus();
-  }, [pathname]);
+    if (grid) {
+      getColumnStatus();
+    }
+  }, [pathname, grid]);
+
+  /**
+   * 更新配置列
+   * @param ucolumnStatus 
+   * @param columns 
+   */
+  var updateColumnStatus = function updateColumnStatus(ucolumnStatus, columns) {
+    var _groupFields3 = groupFields(ucolumnStatus, columns),
+      leftKeys = _groupFields3.leftKeys,
+      rightKeys = _groupFields3.rightKeys,
+      unfixedKeys = _groupFields3.unfixedKeys,
+      left = _groupFields3.left,
+      right = _groupFields3.right,
+      unfixed = _groupFields3.unfixed;
+    setColumnStatus({
+      leftKeys: leftKeys,
+      rightKeys: rightKeys,
+      unfixedKeys: unfixedKeys,
+      left: left,
+      right: right,
+      unfixed: unfixed
+    });
+
+    //保存显示列
+    addData({
+      pathName: pathname,
+      costumColumnMap: ucolumnStatus
+    });
+  };
 
   /* 编辑器节点 */
   var editorNode = useMemo(function () {
@@ -621,7 +658,9 @@ export default function VirtTable(props) {
     className: "virt-table-header-title"
   }, props.headerTitle), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tools, _extends({}, props, {
     //@ts-ignore
-    gridRef: grid
+    gridRef: grid,
+    columnsCustomMap: columnsCustomMap,
+    updateColumnStatus: updateColumnStatus
     //@ts-ignore
     ,
     columnStatus: columnStatus

package/dist/VirtTable/src/ColumnSet.js

@@ -20,8 +20,8 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useMemo, useState } from 'react';
 import { VerticalAlignTopOutlined, VerticalAlignBottomOutlined, VerticalAlignMiddleOutlined } from '@ant-design/icons';
+import { buildColumnProps, upsertColumnProps } from "../utils";
 var ColumnSet = function ColumnSet(props) {
-  console.log(props);
   var _props$columnStatus = props.columnStatus,
     left = _props$columnStatus.left,
     right = _props$columnStatus.right,
@@ -30,7 +30,20 @@ var ColumnSet = function ColumnSet(props) {
     rightKeys = _props$columnStatus.rightKeys,
     unfixedKeys = _props$columnStatus.unfixedKeys,
     columns = props.columns,
-    gridRef = props.gridRef;
+    gridRef = props.gridRef,
+    columnsCustomMap = props.columnsCustomMap;
+  var _useState = useState(columnsCustomMap),
+    _useState2 = _slicedToArray(_useState, 2),
+    columnsCustomMapState = _useState2[0],
+    setColumnsCustomMapState = _useState2[1];
+  var _useState3 = useState(columns),
+    _useState4 = _slicedToArray(_useState3, 2),
+    columnList = _useState4[0],
+    setColumnList = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    firstUpdate = _useState6[0],
+    setFirstUpdate = _useState6[1];
   var pathname = window.location.pathname;
   /* ****** 1. 静态配置（仅用于首次分组） ****** */
 
@@ -57,24 +70,23 @@ var ColumnSet = function ColumnSet(props) {
   }, [unfixed]);
 
   /* ****** 4. 勾选受控值 = 当前未隐藏的列 ****** */
-  var _useState = useState(leftKeys),
-    _useState2 = _slicedToArray(_useState, 2),
-    checkedLeft = _useState2[0],
-    setCheckedLeft = _useState2[1];
-  var _useState3 = useState(rightKeys),
-    _useState4 = _slicedToArray(_useState3, 2),
-    checkedRight = _useState4[0],
-    setCheckedRight = _useState4[1];
-  var _useState5 = useState(unfixedKeys),
-    _useState6 = _slicedToArray(_useState5, 2),
-    checkedUnfixed = _useState6[0],
-    setCheckedUnfixed = _useState6[1];
+  var _useState7 = useState(leftKeys),
+    _useState8 = _slicedToArray(_useState7, 2),
+    checkedLeft = _useState8[0],
+    setCheckedLeft = _useState8[1];
+  var _useState9 = useState(rightKeys),
+    _useState10 = _slicedToArray(_useState9, 2),
+    checkedRight = _useState10[0],
+    setCheckedRight = _useState10[1];
+  var _useState11 = useState(unfixedKeys),
+    _useState12 = _slicedToArray(_useState11, 2),
+    checkedUnfixed = _useState12[0],
+    setCheckedUnfixed = _useState12[1];
   /* ****** 7. 首次/依赖变化后主动回写 ****** */
   useEffect(function () {
     var _props$gridRef;
     /* 按当前勾选值生成完整列并回写 */
     var fullColumns = [].concat(_toConsumableArray(createColumns(left, checkedLeft)), _toConsumableArray(createColumns(right, checkedRight)), _toConsumableArray(createColumns(unfixed, checkedUnfixed)));
-    console.log(fullColumns);
     (_props$gridRef = props.gridRef) === null || _props$gridRef === void 0 || _props$gridRef.loadColumns(fullColumns);
     // 只在分组依赖变化时执行；checkedXXX 已在 state 初始化，这里直接用即可
   }, [left, right, unfixed, checkedLeft, checkedRight, checkedUnfixed]);
@@ -102,7 +114,78 @@ var ColumnSet = function ColumnSet(props) {
     /* ****** 回写父级（用你真实的回调名） ****** */
     (_props$gridRef2 = props.gridRef) === null || _props$gridRef2 === void 0 || _props$gridRef2.loadColumns(newCols);
   };
+  var onDragEnter = function onDragEnter(info) {
+    console.log(info);
+    // expandedKeys, set it when controlled is needed
+    // setExpandedKeys(info.expandedKeys)
+  };
+  var onDrop = function onDrop(info) {
+    var _props$gridRef3;
+    console.log(info);
+    var dropKey = info.node.key;
+    var dragKey = info.dragNode.key;
+    var dropPos = info.node.pos.split('-');
+    var dropPosition = info.dropPosition - Number(dropPos[dropPos.length - 1]); // the drop position relative to the drop node, inside 0, top -1, bottom 1
+
+    var loop = function loop(data, key, callback) {
+      for (var _i = 0; _i < data.length; _i++) {
+        if (data[_i].key === key) {
+          return callback(data[_i], _i, data);
+        }
+        if (data[_i].children) {
+          loop(data[_i].children, key, callback);
+        }
+      }
+    };
+    var data = _toConsumableArray(columns);
 
+    // Find dragObject
+    var dragObj;
+    loop(data, dragKey, function (item, index, arr) {
+      arr.splice(index, 1);
+      dragObj = item;
+    });
+    if (!info.dropToGap) {
+      // Drop on the content
+      loop(data, dropKey, function (item) {
+        item.children = item.children || [];
+        // where to insert. New item was inserted to the start of the array in this example, but can be anywhere
+        item.children.unshift(dragObj);
+      });
+    } else {
+      var ar = [];
+      var _i2;
+      loop(data, dropKey, function (_item, index, arr) {
+        ar = arr;
+        _i2 = index;
+      });
+      if (dropPosition === -1) {
+        // Drop on the top of the drop node
+        ar.splice(_i2, 0, dragObj);
+      } else {
+        // Drop on the bottom of the drop node
+        ar.splice(_i2 + 1, 0, dragObj);
+      }
+    }
+    var finalMap = buildColumnProps(columns, columnsCustomMapState);
+    setColumnsCustomMapState(finalMap);
+    setColumnList(data);
+    (_props$gridRef3 = props.gridRef) === null || _props$gridRef3 === void 0 || _props$gridRef3.loadColumns(data);
+  };
+  var onFixed = function onFixed(key, fixed) {
+    //@ts-ignore
+    var newMap = upsertColumnProps(columnsCustomMapState, _defineProperty({}, key, {
+      fixed: fixed
+    }));
+    setColumnsCustomMapState(newMap);
+  };
+  useEffect(function () {
+    if (firstUpdate) {
+      props.updateColumnStatus(columnsCustomMapState, columnList);
+    } else {
+      setFirstUpdate(true);
+    }
+  }, [columnsCustomMapState]);
   /* ****** 6. 统一渲染 ****** */
   var renderTree = function renderTree(title, data, checked, setChecked, group) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
@@ -111,11 +194,19 @@ var ColumnSet = function ColumnSet(props) {
       className: "draggable-tree",
       checkable: true,
       blockNode: true,
+      draggable: true,
       treeData: data,
       checkedKeys: checked,
-      onCheck: function onCheck(keys) {
-        setChecked(keys);
-        emitChange(keys, group);
+      onDragEnter: onDragEnter,
+      onDrop: onDrop
+      //@ts-ignore
+      ,
+      onCheck: function onCheck(checkedKeys, e) {
+        setChecked(checkedKeys);
+        var newMap = upsertColumnProps(columnsCustomMapState, _defineProperty({}, e.node.key, {
+          show: e.checked
+        }));
+        setColumnsCustomMapState(newMap);
       },
       titleRender: function titleRender(node) {
         return /*#__PURE__*/React.createElement("div", {
@@ -124,17 +215,41 @@ var ColumnSet = function ColumnSet(props) {
           className: "virt-table-header-setting-icon-tree-node-icon"
         }, group == "unfixed" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Tooltip, {
           title: "\u56FA\u5B9A\u5728\u5217\u9996"
-        }, /*#__PURE__*/React.createElement(VerticalAlignTopOutlined, null)), /*#__PURE__*/React.createElement(_Tooltip, {
+        }, /*#__PURE__*/React.createElement(VerticalAlignTopOutlined, {
+          onClick: function onClick() {
+            return onFixed(node.key, 'left');
+          }
+        })), /*#__PURE__*/React.createElement(_Tooltip, {
           title: "\u56FA\u5B9A\u5728\u5217\u5C3E"
-        }, /*#__PURE__*/React.createElement(VerticalAlignBottomOutlined, null))) : group == "right" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Tooltip, {
+        }, /*#__PURE__*/React.createElement(VerticalAlignBottomOutlined, {
+          onClick: function onClick() {
+            return onFixed(node.key, 'right');
+          }
+        }))) : group == "right" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Tooltip, {
           title: "\u56FA\u5B9A\u5728\u5217\u9996"
-        }, /*#__PURE__*/React.createElement(VerticalAlignTopOutlined, null)), /*#__PURE__*/React.createElement(_Tooltip, {
+        }, /*#__PURE__*/React.createElement(VerticalAlignTopOutlined, {
+          onClick: function onClick() {
+            return onFixed(node.key, 'left');
+          }
+        })), /*#__PURE__*/React.createElement(_Tooltip, {
           title: "\u4E0D\u56FA\u5B9A"
-        }, /*#__PURE__*/React.createElement(VerticalAlignMiddleOutlined, null))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Tooltip, {
+        }, /*#__PURE__*/React.createElement(VerticalAlignMiddleOutlined, {
+          onClick: function onClick() {
+            return onFixed(node.key, undefined);
+          }
+        }))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Tooltip, {
           title: "\u4E0D\u56FA\u5B9A"
-        }, /*#__PURE__*/React.createElement(VerticalAlignMiddleOutlined, null)), /*#__PURE__*/React.createElement(_Tooltip, {
+        }, /*#__PURE__*/React.createElement(VerticalAlignMiddleOutlined, {
+          onClick: function onClick() {
+            return onFixed(node.key, undefined);
+          }
+        })), /*#__PURE__*/React.createElement(_Tooltip, {
           title: "\u56FA\u5B9A\u5728\u5217\u5C3E"
-        }, /*#__PURE__*/React.createElement(VerticalAlignBottomOutlined, null)))));
+        }, /*#__PURE__*/React.createElement(VerticalAlignBottomOutlined, {
+          onClick: function onClick() {
+            return onFixed(node.key, 'right');
+          }
+        })))));
       }
     }));
   };

package/dist/VirtTable/src/Tools.js

@@ -1,22 +1,60 @@
 import "antd/es/popover/style";
 import _Popover from "antd/es/popover";
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
 import "antd/es/checkbox/style";
 import _Checkbox from "antd/es/checkbox";
+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 { SettingOutlined } from '@ant-design/icons';
-import React from 'react';
+import React, { useState, useEffect } from 'react';
 import ColumnSet from "./ColumnSet";
+import { hasHiddenColumn, setShowForAllColumns } from "../utils";
 var Tools = function Tools(props) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    allStatus = _useState2[0],
+    setAllStatus = _useState2[1];
+  var checkAll = function checkAll(show) {
+    var newMap = setShowForAllColumns(props.columnsCustomMap, props.columns, show);
+    props.updateColumnStatus(newMap, props.columns);
+  };
+  useEffect(function () {
+    if (props.columnsCustomMap) {
+      setAllStatus(!hasHiddenColumn(props.columnsCustomMap));
+    }
+  }, [props.columnsCustomMap]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Popover, {
     trigger: "click",
     placement: "bottom",
     content: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColumnSet, props)),
     title: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Checkbox, {
-      onChange: function onChange() {}
+      indeterminate: allStatus,
+      onChange: function onChange(e) {
+        if (e.target.checked) {
+          checkAll(true);
+        } else {
+          checkAll(false);
+          setAllStatus(false);
+        }
+      }
     }, "\u5217\u5C55\u793A"), "   ", /*#__PURE__*/React.createElement("a", {
-      className: "virt-table-header-setting-icon-reset"
+      className: "virt-table-header-setting-icon-reset",
+      onClick: function onClick() {
+        checkAll(true);
+      }
     }, "\u91CD\u7F6E"))
+  }, /*#__PURE__*/React.createElement(_Tooltip, {
+    title: "\u5217\u8BBE\u7F6E"
   }, /*#__PURE__*/React.createElement(SettingOutlined, {
+    style: {
+      color: "#777575ff"
+    },
     className: "virt-table-header-setting-icon"
-  })));
+  }))));
 };
 export default Tools;

package/dist/VirtTable/src/types.d.ts

@@ -41,6 +41,8 @@ export interface ToolsProps {
     columns: Column[];
     columnStatus: ColumnStatus;
     gridRef: EVirtTable;
+    updateColumnStatus: (ucolumnStatus: any, columns: Column[]) => void;
+    columnsCustomMap: any;
 }
 export type TypeCheckbox = 'checkbox-uncheck' | 'checkbox-check' | 'checkbox-check-disabled' | 'checkbox-disabled' | 'checkbox-indeterminate';
 export type CellType = 'header' | 'body' | 'footer';

package/dist/VirtTable/utils.d.ts

@@ -1,2 +1,40 @@
 export declare function flattenSnap(nodes: any[], flat?: any[]): any[];
 export declare function pruneTree(nodes: any[], keepSet: Set<any>): any[];
+/**
+ * 1. 为每个字段生成 orderBy
+ * 2. 用 costumColumnMap 里的配置合并（同名字段出现冲突时，costumColumnMap 优先级高）
+ */
+export declare function buildColumnProps(columns: Array<Record<string, any>>, costumColumnMap?: Record<string, Record<string, any>>): Record<string, {
+    orderBy: number;
+    [k: string]: any;
+}>;
+/**
+ * 批量更新或新增 column-map 中的任意属性
+ * @param map       原 column-map
+ * @param updates   key -> 要合并（或新增）的属性对象
+ * @returns         新的 column-map（原 map 不变）
+ */
+export declare function upsertColumnProps<T extends Record<string, Record<string, any>>>(map: T, updates: Partial<Record<keyof T, Partial<T[keyof T]>>>): T;
+/**
+ * 根据传入的 columns 集合，一键给 column-map 统一设置/新增 show 属性
+ * 规则：
+ * 1. 遍历 columns 里每一项的 key
+ * 2. 如果 key 已存在于 map，则合并 show 值
+ * 3. 如果 key 不存在，则新增该 key，并把 show 值写进去（其余字段先留空，后续可再 patch）
+ * @param map     原 column-map
+ * @param columns 列配置数组
+ * @param show    要写入的 show 值
+ * @returns       新的 column-map（原 map 不变）
+ */
+export declare function setShowForAllColumns<T extends Record<string, Record<string, any>>>(map: T, columns: Array<{
+    key?: string;
+    [k: string]: any;
+}>, show: boolean): T;
+/**
+ * 判断 column-map 中是否存在任一列 show === false
+ * @param map 列映射表
+ * @returns 存在 false 返回 true，否则返回 false
+ */
+export declare function hasHiddenColumn(map: Record<string, {
+    show?: boolean;
+}>): boolean;

package/dist/VirtTable/utils.js

@@ -32,4 +32,91 @@ export function pruneTree(nodes, keepSet) {
     }
     return acc;
   }, []);
+}
+
+/**
+ * 1. 为每个字段生成 orderBy
+ * 2. 用 costumColumnMap 里的配置合并（同名字段出现冲突时，costumColumnMap 优先级高）
+ */
+export function buildColumnProps(columns) {
+  var costumColumnMap = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var res = {};
+  columns.forEach(function (col, idx) {
+    var key = col.key;
+    if (!key) return; // 跳过无 key 的列
+
+    // 先写入 orderBy
+    res[key] = {
+      orderBy: idx
+    };
+
+    // 再合并用户自定义配置（同名属性会覆盖 orderBy 以外的字段）
+    if (costumColumnMap[key]) {
+      Object.assign(res[key], costumColumnMap[key]);
+    }
+  });
+  return res;
+}
+
+/**
+ * 批量更新或新增 column-map 中的任意属性
+ * @param map       原 column-map
+ * @param updates   key -> 要合并（或新增）的属性对象
+ * @returns         新的 column-map（原 map 不变）
+ */
+export function upsertColumnProps(map, updates) {
+  var clone = _objectSpread({}, map);
+  Object.keys(updates).forEach(function (key) {
+    var patch = updates[key];
+    if (!patch) return;
+
+    // 已存在 -> 合并；不存在 -> 新增
+    clone[key] = clone[key] ? _objectSpread(_objectSpread({}, clone[key]), patch) : _objectSpread({}, patch);
+  });
+  return clone;
+}
+
+/**
+ * 根据传入的 columns 集合，一键给 column-map 统一设置/新增 show 属性
+ * 规则：
+ * 1. 遍历 columns 里每一项的 key
+ * 2. 如果 key 已存在于 map，则合并 show 值
+ * 3. 如果 key 不存在，则新增该 key，并把 show 值写进去（其余字段先留空，后续可再 patch）
+ * @param map     原 column-map
+ * @param columns 列配置数组
+ * @param show    要写入的 show 值
+ * @returns       新的 column-map（原 map 不变）
+ */
+export function setShowForAllColumns(map, columns, show) {
+  var clone = _objectSpread({}, map);
+  columns.forEach(function (col) {
+    var key = col.key;
+    if (!key) return; // 跳过无 key 的列
+
+    if (clone[key]) {
+      // 已存在 -> 合并 show
+      //@ts-ignore
+      clone[key] = _objectSpread(_objectSpread({}, clone[key]), {}, {
+        show: show
+      });
+    } else {
+      // 不存在 -> 新增，只写 show（后续可再 patch 其它字段）
+      //@ts-ignore
+      clone[key] = {
+        show: show
+      };
+    }
+  });
+  return clone;
+}
+
+/**
+ * 判断 column-map 中是否存在任一列 show === false
+ * @param map 列映射表
+ * @returns 存在 false 返回 true，否则返回 false
+ */
+export function hasHiddenColumn(map) {
+  return Object.values(map).some(function (col) {
+    return col.show != undefined && col.show === false;
+  });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "venus-design",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "venus all compoments",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",