zmdms-webui 0.0.55 → 0.0.56

package/dist/es/tree/hooks.js

@@ -1,4 +1,5 @@
-import { useState, useCallback, useEffect, useMemo } from 'react';
+import { __assign } from '../_virtual/_tslib.js';
+import { useState, useCallback, useEffect, useMemo, useRef } from 'react';
 import { useDebounce } from 'ahooks';
 
 /**
@@ -206,6 +207,41 @@ function flatTreeData(data, options) {
         }
     }
     return flatData;
+}
+/**
+ * 获取当前选中项得全部值
+ */
+function useAllCheckData(props) {
+    // 记录选中项得全部内容
+    var allCompleteData = useRef({});
+    var onCheck = props.onCheck, onSelect = props.onSelect, valueKey = props.valueKey;
+    var onCheckHandle = useCallback(function (keys, e) {
+        var compData = arrToObj(e.checkedNodes, valueKey);
+        allCompleteData.current = __assign(__assign({}, allCompleteData.current), compData);
+        onCheck && onCheck(keys, e);
+    }, [onCheck, valueKey]);
+    var onSelectHandle = useCallback(function (keys, e) {
+        var compData = arrToObj(e.selectedNodes, valueKey);
+        allCompleteData.current = __assign(__assign({}, allCompleteData.current), compData);
+        onSelect && onSelect(keys, e);
+    }, [onSelect, valueKey]);
+    return {
+        onCheckHandle: onCheckHandle,
+        onSelectHandle: onSelectHandle,
+        allCompleteData: allCompleteData,
+    };
+}
+function arrToObj(arr, key) {
+    var obj = {};
+    if (Array.isArray(arr)) {
+        arr.forEach(function (i) {
+            var k = i[key];
+            if (k) {
+                obj[k] = i;
+            }
+        });
+    }
+    return obj;
 }
 
-export { useAllDataHandle, useBasicInfo, useLazySearchExpands, useSearchHandle };
+export { useAllCheckData, useAllDataHandle, useBasicInfo, useLazySearchExpands, useSearchHandle };

package/dist/es/tree/tree.js

@@ -1,20 +1,25 @@
 import { __rest, __assign } from '../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { memo, forwardRef } from 'react';
+import { memo, forwardRef, useImperativeHandle } from 'react';
 import { Tree as Tree$1 } from 'antd';
 import MemoInput from '../input/input.js';
 import classNames from '../node_modules/classnames/index.js';
-import { useBasicInfo, useAllDataHandle, useSearchHandle, useLazySearchExpands } from './hooks.js';
+import { useBasicInfo, useAllCheckData, useAllDataHandle, useSearchHandle, useLazySearchExpands } from './hooks.js';
 
 var Tree = function (props, ref) {
     var _a;
-    var searchType = props.searchType, onSearch = props.onSearch, className = props.className, style = props.style, treeStyle = props.treeStyle, cssTreeHeight = props.cssTreeHeight, _b = props.searchMode, searchMode = _b === void 0 ? "change" : _b, treeData = props.treeData, lazySearchTreeData = props.lazySearchTreeData, loadData = props.loadData, resetProps = __rest(props, ["searchType", "onSearch", "className", "style", "treeStyle", "cssTreeHeight", "searchMode", "treeData", "lazySearchTreeData", "loadData"]);
+    var searchType = props.searchType, onSearch = props.onSearch, className = props.className, style = props.style, treeStyle = props.treeStyle, cssTreeHeight = props.cssTreeHeight, _b = props.searchMode, searchMode = _b === void 0 ? "change" : _b, treeData = props.treeData, lazySearchTreeData = props.lazySearchTreeData, loadData = props.loadData, onCheck = props.onCheck, onSelect = props.onSelect, resetProps = __rest(props, ["searchType", "onSearch", "className", "style", "treeStyle", "cssTreeHeight", "searchMode", "treeData", "lazySearchTreeData", "loadData", "onCheck", "onSelect"]);
     var fieldNames = resetProps.fieldNames, checkedKeys = resetProps.checkedKeys;
     var classes = classNames("ztxk-tree", className, {
         "ztxk-tree--height": cssTreeHeight,
     });
     // 获取基础数据的key值
     var _c = useBasicInfo({ fieldNames: fieldNames }), valueKey = _c.valueKey, titleKey = _c.titleKey, childrenKey = _c.childrenKey;
+    var _d = useAllCheckData({
+        onCheck: onCheck,
+        onSelect: onSelect,
+        valueKey: valueKey,
+    }), onCheckHandle = _d.onCheckHandle, onSelectHandle = _d.onSelectHandle, allCompleteData = _d.allCompleteData;
     // 获取拉平数据
     var flatDataList = useAllDataHandle({
         searchType: searchType,
@@ -23,7 +28,7 @@ var Tree = function (props, ref) {
         childrenKey: childrenKey,
         titleKey: titleKey,
     }).flatDataList;
-    var _d = useSearchHandle({
+    var _e = useSearchHandle({
         treeData: treeData,
         flatDataList: flatDataList,
         titleKey: titleKey,
@@ -31,14 +36,22 @@ var Tree = function (props, ref) {
         searchType: searchType,
         onSearch: onSearch,
         searchMode: searchMode,
-    }), onSearchHandle = _d.onSearchHandle, onChangeHandle = _d.onChangeHandle, searchValue = _d.searchValue, expandedKeys = _d.expandedKeys, autoExpandParent = _d.autoExpandParent, onExpand = _d.onExpand;
-    var _e = useLazySearchExpands(lazySearchTreeData), lazySearchExpandedKeys = _e.expandedKeys, lazySearchAutoExpandParent = _e.autoExpandParent, lazySearchOnExpand = _e.onExpand;
+    }), onSearchHandle = _e.onSearchHandle, onChangeHandle = _e.onChangeHandle, searchValue = _e.searchValue, expandedKeys = _e.expandedKeys, autoExpandParent = _e.autoExpandParent, onExpand = _e.onExpand;
+    var _f = useLazySearchExpands(lazySearchTreeData), lazySearchExpandedKeys = _f.expandedKeys, lazySearchAutoExpandParent = _f.autoExpandParent, lazySearchOnExpand = _f.onExpand;
     var showLazySearchTreeData = !!(searchType === "lazy" && searchValue);
+    useImperativeHandle(ref, function () {
+        return {
+            /** 可以根据keys来匹配 */
+            getAllCompleteData: function () {
+                return allCompleteData.current;
+            },
+        };
+    });
     return (jsxs("div", __assign({ className: classes, style: __assign({ height: cssTreeHeight }, style) }, { children: [searchType ? (jsx(MemoInput.Search, { value: searchValue, onChange: onChangeHandle, onSearch: onSearchHandle })) : null, (props.checkable || props.multiple) && checkedKeys ? (jsxs("div", { children: ["\u5DF2\u9009\u4E2D\uFF1A", checkedKeys
                         ? Array.isArray(checkedKeys)
                             ? checkedKeys.length
                             : (_a = checkedKeys.checked) === null || _a === void 0 ? void 0 : _a.length
-                        : 0, "\u9879"] })) : null, searchType === "lazy" && (jsx(Tree$1, __assign({ treeData: lazySearchTreeData, className: showLazySearchTreeData ? "" : "ztxk-tree--hidden", defaultExpandAll: true, expandedKeys: lazySearchExpandedKeys, autoExpandParent: lazySearchAutoExpandParent, onExpand: lazySearchOnExpand }, resetProps))), jsx(Tree$1, __assign({ expandedKeys: expandedKeys, autoExpandParent: autoExpandParent, onExpand: onExpand, treeData: treeData, loadData: loadData, className: showLazySearchTreeData ? "ztxk-tree--hidden" : "", style: treeStyle }, resetProps))] })));
+                        : 0, "\u9879"] })) : null, searchType === "lazy" && (jsx(Tree$1, __assign({ treeData: lazySearchTreeData, className: showLazySearchTreeData ? "" : "ztxk-tree--hidden", defaultExpandAll: true, expandedKeys: lazySearchExpandedKeys, autoExpandParent: lazySearchAutoExpandParent, onExpand: lazySearchOnExpand, onCheck: onCheckHandle, onSelect: onSelectHandle }, resetProps))), jsx(Tree$1, __assign({ expandedKeys: expandedKeys, autoExpandParent: autoExpandParent, onExpand: onExpand, treeData: treeData, loadData: loadData, className: showLazySearchTreeData ? "ztxk-tree--hidden" : "", style: treeStyle, onCheck: onCheckHandle, onSelect: onSelectHandle }, resetProps))] })));
 };
 var MemoTree = memo(forwardRef(Tree));
 MemoTree.displayName = "ZTXK_WEBUI_Tree";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zmdms-webui",
-  "version": "0.0.55",
+  "version": "0.0.56",
   "private": false,
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",