@flatbiz/antd 4.5.25 → 5.0.0

package/dist/tree-wrapper/index.js

@@ -0,0 +1,946 @@
+/* eslint-disable */
+import './../button-operate/index.css';
+import './../dialog-confirm/index.css';
+import './../dropdown-menu-wrapper/index.css';
+import './../fba-hooks/index.css';
+import './../fba-utils/index.css';
+import './../input-search-wrapper/index.css';
+import './../request-status/index.css';
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { treeToArray, treeToTiledArray, treeLeafParentsArray, isUndefinedOrNull, treeFilter, attachPropertiesToComponent } from '@flatbiz/utils';
+import { isArray } from '@dimjs/lang/is-array';
+import { Model } from '@dimjs/model-react';
+import _CaretDownFilled from '@ant-design/icons/es/icons/CaretDownFilled.js';
+import _MoreOutlined from '@ant-design/icons/es/icons/MoreOutlined.js';
+import { classNames } from '@dimjs/utils/class-names/class-names';
+import { i as _defineProperty, _ as _objectWithoutProperties, a as _slicedToArray, b as _objectSpread2 } from '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import { extend } from '@dimjs/utils/extend/extend';
+import { hooks } from '@wove/react/hooks';
+import { get } from '@dimjs/utils/get/get';
+import { forwardRef, useState, useMemo, useRef, useImperativeHandle, Fragment, isValidElement } from 'react';
+import { Spin, Tree, Button, message } from 'antd';
+import { cloneState } from '@dimjs/model';
+import { a as ButtonOperate } from '../button-operate-CWu3PARq.js';
+import { D as DropdownMenuWrapper } from '../dropdown-menu-wrapper-F5A3o-Jt.js';
+import { fbaHooks } from '../fba-hooks/index.js';
+import { I as InputSearchWrapper } from '../input-search-wrapper-wVYGWi2O.js';
+import { R as RequestStatus } from '../request-status-DQsSHUSx.js';
+import { walkThroughTree } from '@dimjs/utils/tree/walk-through-tree';
+import { isObject } from '@dimjs/lang/is-object';
+import 'dequal';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@dimjs/lang/is-undefined';
+import '@dimjs/lang/is-plain-object';
+import '@dimjs/lang/is-string';
+import '@dimjs/lang/is-promise';
+import '../button-wrapper-l9FUsrWl.js';
+import '@ant-design/icons/es/icons/LoadingOutlined.js';
+import '../config-provider-wrapper-DDa_64Ce.js';
+import 'antd/es/locale/en_US.js';
+import 'antd/es/locale/zh_CN.js';
+import 'dayjs';
+import 'dayjs/plugin/advancedFormat.js';
+import 'dayjs/plugin/customParseFormat.js';
+import 'dayjs/plugin/localeData.js';
+import 'dayjs/plugin/utc.js';
+import 'dayjs/plugin/weekday.js';
+import 'dayjs/plugin/weekOfYear.js';
+import 'dayjs/plugin/weekYear.js';
+import 'dayjs/locale/en.js';
+import 'dayjs/locale/zh-cn.js';
+import '../fba-utils-Dfbczn1S.js';
+import '@ant-design/icons/es/icons/ExclamationCircleFilled.js';
+import '../dialog-confirm-DQdfsMXv.js';
+import '../dialog-modal-DbTrsUc2.js';
+import 'react-dom/client';
+import 'ahooks';
+import '../flex-layout-BaDncU_Z.js';
+import '@wove/react/create-ctx';
+import '../use-responsive-point-Bp3D3lZT.js';
+
+var defaultState = {
+  treeList: [],
+  treeTiledArray: [],
+  queryIsEmpty: false
+};
+var TreeWrapperModel = {
+  actions: {
+    setTreeList: function setTreeList(params) {
+      return function (state) {
+        state.treeList = params.treeList || [];
+        state.treeTiledArray = treeToArray(state.treeList, params.childrenName);
+        state.requestStatus = 'request-success';
+      };
+    },
+    resetTreeList: function resetTreeList() {
+      return function (state) {
+        state.treeList = [];
+        state.treeTiledArray = [];
+      };
+    },
+    changeRequestStatus: function changeRequestStatus(params) {
+      return function (state) {
+        state.requestStatus = params.status;
+        if (params.status === 'request-error') {
+          state.treeList = [];
+          state.treeTiledArray = [];
+          state.requestErrorMessage = params.errorMessage || '数据查询异常';
+        } else {
+          state.requestErrorMessage = undefined;
+        }
+      };
+    },
+    treeListAppendChildren: function treeListAppendChildren(params) {
+      return function (state) {
+        var array = treeToArray(state.treeList, params.childrenName);
+        var target = array.find(function (item) {
+          return item[params.valueName] === params.value;
+        });
+        if (target) {
+          if (isArray(params.appendList) && params.appendList.length > 0) {
+            target[params.childrenName] = params.appendList;
+          } else {
+            target.isLeaf = true;
+          }
+        }
+        state.treeTiledArray = treeToArray(state.treeList, params.childrenName);
+      };
+    }
+  },
+  state: defaultState
+};
+var treeWrapperModels = {};
+
+/**
+ * ```
+ * 使用方式
+ * const [state, actions] = useTreeWrapperModel('key值').useStore();
+ * ```
+ */
+var treeWrapperModel = function treeWrapperModel(key) {
+  if (!treeWrapperModels[key]) {
+    treeWrapperModels[key] = Model(TreeWrapperModel);
+  }
+  return treeWrapperModels[key];
+};
+
+var getTreeDataList = function getTreeDataList(modelKey) {
+  var state = treeWrapperModel(modelKey).getState();
+  return state.treeList;
+};
+
+var getDefaultExpandAllKeys = function getDefaultExpandAllKeys(treeList, fieldNames) {
+  var allValues = treeToArray(treeList, fieldNames.children).filter(function (item) {
+    var childrenValue = item[fieldNames.children];
+    return childrenValue && childrenValue.length > 0;
+  }).map(function (item) {
+    return item[fieldNames.value];
+  });
+  return allValues;
+};
+var getExpandedKeys = function getExpandedKeys(value, treeList, fieldNames) {
+  var tiledArray = treeToTiledArray(treeList, fieldNames);
+  return treeLeafParentsArray(value, tiledArray, true, {
+    value: 'value',
+    parentValue: 'parentValue'
+  }).filter(function (item) {
+    var childrenValue = item[fieldNames.children];
+    return childrenValue && childrenValue.length > 0;
+  }).map(function (item) {
+    return item.value;
+  });
+};
+var getVauleList = function getVauleList(data, labelInValueFieldNames) {
+  var tempList = isUndefinedOrNull(data) ? [] : data;
+  tempList = isArray(tempList) ? tempList : [tempList];
+  tempList = tempList.map(function (item) {
+    if (isObject(item)) return item[labelInValueFieldNames.value];
+    return item;
+  });
+  return tempList;
+};
+var onTreeDrop = function onTreeDrop(dataList, fieldNames, 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]);
+  var treeKeyName = fieldNames.value;
+  var treeChildrenName = fieldNames.children;
+  var _loop = function loop(data, key, callback) {
+    for (var i = 0; i < data.length; i++) {
+      if (data[i][treeKeyName] === key) {
+        return callback(data[i], i, data);
+      }
+      if (data[i][treeChildrenName]) {
+        _loop(data[i][treeChildrenName], key, callback);
+      }
+    }
+  };
+  var data = cloneState(dataList);
+
+  // 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[treeChildrenName] = item[treeChildrenName] || [];
+      // where to insert 示例添加到头部，可以是随意位置
+      item[treeChildrenName].unshift(dragObj);
+    });
+  } else if ((info.node.props.children || []).length > 0 &&
+  // Has children
+  info.node.props.expanded &&
+  // Is expanded
+  dropPosition === 1 // On the bottom gap
+  ) {
+    _loop(data, dropKey, function (item) {
+      item[treeChildrenName] = item[treeChildrenName] || [];
+      // where to insert 示例添加到头部，可以是随意位置
+      item[treeChildrenName].unshift(dragObj);
+      // in previous version, we use item.children.push(dragObj) to insert the
+      // item to the tail of the children
+    });
+  } else {
+    var ar = [];
+    var i;
+    _loop(data, dropKey, function (_item, index, arr) {
+      ar = arr;
+      i = index;
+    });
+    if (dropPosition === -1) {
+      ar.splice(i, 0, dragObj);
+    } else {
+      ar.splice(i + 1, 0, dragObj);
+    }
+  }
+  return {
+    dataList: data,
+    dragNodeData: dragNodeData(dragKey, data, fieldNames)
+  };
+};
+var dragNodeData = function dragNodeData(dorpNodeId, dataList, fieldNames) {
+  var id = fieldNames.value;
+  var children = fieldNames.children;
+  walkThroughTree(_defineProperty(_defineProperty({}, id, undefined), children, dataList), function (node, index, _parent) {
+    node['__index'] = index;
+    node['__parentId'] = _parent === null || _parent === void 0 ? void 0 : _parent[id];
+  }, children);
+  var tileList = treeToArray(dataList, children);
+  var target = tileList.find(function (item) {
+    return item[id] === dorpNodeId;
+  });
+  return {
+    parentId: target === null || target === void 0 ? void 0 : target['__parentId'],
+    id: target === null || target === void 0 ? void 0 : target[id],
+    index: target === null || target === void 0 ? void 0 : target['__index']
+  };
+};
+
+var _excluded = ["style", "serviceConfig", "effectDependencyList", "selectorTreeList", "value", "onChange", "modelKey", "checkableResponseParentNode", "checkable", "onSelectorTreeListChange", "onRequestResponseChange", "treeItemDataAdapter", "searchValue", "showSearch", "searchPlaceholder", "requestMessageConfig", "labelInValueFieldNames", "labelInValue", "disabledCanUse", "menuLayoutType", "menuTriggerType", "initRootExpand", "searchResultType", "onDropNodeHandle", "onDropPrev", "labelRender", "searchStyle", "className", "defaultExpandAll", "menus", "customSearchRule"];
+/**
+ * Tree包装组件，默认返回父节点，可配置不返回
+ * @param props
+ * @returns
+ * ```
+ * 1. treeNode内置字段说明（如需要相关功能，可在接口中添加固定字段）
+ *    a. disabled 禁掉响应
+ *    b. isLeaf  设置为叶子节点 (设置了 loadData 时有效)。为 false 时会强制将其作为父节点
+ *    c. disableCheckbox  checkable模式下，treeNode复选框是否可选
+ * 2. 当设置selectorTreeList属性后，serviceConfig将失效
+ * 3. checkable=true，为多选模式
+ * 4. 设置value后，组件显示受控
+ * 5. 设置loadDataFlag=true，会动态获取children，当treeNode中包含isLeaf=true字段，表示为叶子节点，没有children了
+ * 6. 内置 onDrop 事件已处理数组排序，通过 onDropNodeHandle 事件可获取操作节点排序数据；自定义onDrop后，内置onDrop失效
+ * ```
+ */
+var TreeWrapper$1 = /*#__PURE__*/forwardRef(function (props, ref) {
+  var style = props.style,
+    serviceConfig = props.serviceConfig,
+    effectDependencyList = props.effectDependencyList,
+    selectorTreeList = props.selectorTreeList,
+    value = props.value,
+    onChange = props.onChange,
+    modelKey = props.modelKey,
+    _props$checkableRespo = props.checkableResponseParentNode,
+    checkableResponseParentNode = _props$checkableRespo === void 0 ? true : _props$checkableRespo,
+    checkable = props.checkable,
+    onSelectorTreeListChange = props.onSelectorTreeListChange,
+    onRequestResponseChange = props.onRequestResponseChange,
+    treeItemDataAdapter = props.treeItemDataAdapter,
+    searchValue = props.searchValue,
+    showSearch = props.showSearch,
+    searchPlaceholder = props.searchPlaceholder,
+    requestMessageConfig = props.requestMessageConfig,
+    labelInValueFieldNames = props.labelInValueFieldNames,
+    labelInValue = props.labelInValue,
+    disabledCanUse = props.disabledCanUse,
+    menuLayoutType = props.menuLayoutType,
+    menuTriggerType = props.menuTriggerType,
+    initRootExpand = props.initRootExpand,
+    searchResultType = props.searchResultType,
+    onDropNodeHandle = props.onDropNodeHandle,
+    onDropPrev = props.onDropPrev,
+    labelRender = props.labelRender,
+    searchStyle = props.searchStyle,
+    className = props.className,
+    defaultExpandAll = props.defaultExpandAll,
+    menus = props.menus,
+    customSearchRule = props.customSearchRule,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  // eslint-disable-next-line no-prototype-builtins
+  var hasSelectorTreeList = props.hasOwnProperty('selectorTreeList');
+  var newServiceConfig = serviceConfig || {};
+  var newEffectDependencyList = effectDependencyList || [];
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    treeExpandedKeys = _useState2[0],
+    setTreeExpandedKeys = _useState2[1];
+  var _treeWrapperModel$use = treeWrapperModel(modelKey).useStore(),
+    _treeWrapperModel$use2 = _slicedToArray(_treeWrapperModel$use, 2),
+    state = _treeWrapperModel$use2[0],
+    actions = _treeWrapperModel$use2[1];
+  var _fbaHooks$useSafeStat = fbaHooks.useSafeState(false),
+    _fbaHooks$useSafeStat2 = _slicedToArray(_fbaHooks$useSafeStat, 2),
+    loading = _fbaHooks$useSafeStat2[0],
+    setLoading = _fbaHooks$useSafeStat2[1];
+  var requestPreKey = "request-progress-".concat(props.modelKey);
+  var fieldNames = useMemo(function () {
+    return _objectSpread2({
+      label: 'label',
+      value: 'value',
+      children: 'children'
+    }, props.fieldNames);
+  }, [props.fieldNames]);
+  var menuLayoutTypeNew = menuLayoutType === undefined ? 'fold' : menuLayoutType;
+  var menuTriggerTypeNew = menuTriggerType === undefined ? 'click' : menuTriggerType;
+  var responseFirstRef = useRef(true);
+  var labelInValueFieldNamesMerge = useMemo(function () {
+    return _objectSpread2({
+      label: 'label',
+      value: 'value'
+    }, labelInValueFieldNames);
+  }, [labelInValueFieldNames]);
+  // tree 搜索值
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    treeSearchValue = _useState4[0],
+    setTreeSearchValue = _useState4[1];
+  var innerOperateValueRef = useRef();
+  var valueList = useMemo(function () {
+    return getVauleList(value, labelInValueFieldNamesMerge);
+  }, [labelInValueFieldNamesMerge, value]);
+  fbaHooks.useEffectCustom(function () {
+    if (state.treeList.length > 0) {
+      if (responseFirstRef.current) {
+        responseFirstRef.current = false;
+        if (defaultExpandAll) {
+          setTreeExpandedKeys(getDefaultExpandAllKeys(state.treeList, fieldNames));
+          return;
+        } else if (initRootExpand && state.treeList.length) {
+          setTreeExpandedKeys([state.treeList[0][fieldNames.value]]);
+          return;
+        }
+      }
+      if (!isUndefinedOrNull(value)) {
+        var expandedKeys = getTreeExpandedKeys(valueList, true);
+        setTreeExpandedKeys(Array.from(new Set(treeExpandedKeys === null || treeExpandedKeys === void 0 ? void 0 : treeExpandedKeys.concat(expandedKeys))));
+      }
+    }
+  }, [value, state.treeList, valueList]);
+  var valueIsEmpty = function valueIsEmpty(data) {
+    return data === '' || isUndefinedOrNull(data);
+  };
+  var serviceResponseHandle = function serviceResponseHandle(respData) {
+    if (newServiceConfig.onRequestResultAdapter) {
+      return newServiceConfig.onRequestResultAdapter(respData);
+    }
+    if (fieldNames.list) {
+      return get(respData, fieldNames.list, []) || [];
+    }
+    if (!isArray(respData)) {
+      console.warn('接口返回数据为非数组结构，确认是否需要配置fieldNames.list进行解析');
+      return [];
+    }
+    return respData;
+  };
+  fbaHooks.useEffectCustom(function () {
+    setTreeSearchValue(searchValue);
+  }, [searchValue]);
+  var startDataSourceRequest = hooks.useCallbackRef(function () {
+    return new Promise(function ($return, $error) {
+      var requiredParamsKeys, params, isEmpty, _newServiceConfig$onR, _respData, respData, respDataListNew;
+      var $Try_1_Post = function () {
+        try {
+          return $return();
+        } catch ($boundEx) {
+          return $error($boundEx);
+        }
+      };
+      var $Try_1_Catch = function (error) {
+        try {
+          responseFirstRef.current = false;
+          setLoading(false);
+          void message.error(error.message || '数据查询异常...');
+          return $Try_1_Post();
+        } catch ($boundEx) {
+          return $error($boundEx);
+        }
+      };
+      try {
+        if (!newServiceConfig.onRequest) {
+          throw new Error('onRequest 调用接口服务不能为空');
+        }
+        requiredParamsKeys = newServiceConfig.requiredParamsKeys;
+        params = extend({}, newServiceConfig.params);
+        if (requiredParamsKeys) {
+          isEmpty = requiredParamsKeys.find(function (key) {
+            return valueIsEmpty(params[key]);
+          });
+          if (isEmpty) {
+            void actions.changeRequestStatus({
+              status: 'no-dependencies-params'
+            });
+            console.warn("TreeWrapper\u7EC4\u4EF6\uFF1A\u53C2\u6570\uFF1A".concat(requiredParamsKeys.join('、'), "\u4E0D\u80FD\u4E3A\u7A7A"));
+            return $return();
+          }
+        }
+        var $Try_2_Post = function () {
+          try {
+            return $Try_1_Post();
+          } catch ($boundEx) {
+            return $Try_1_Catch($boundEx);
+          }
+        };
+        var $Try_2_Catch = function (error) {
+          try {
+            window[requestPreKey] = false;
+            setLoading(false);
+            void actions.changeRequestStatus({
+              status: 'request-error',
+              errorMessage: error.message
+            });
+            return $Try_2_Post();
+          } catch ($boundEx) {
+            return $Try_1_Catch($boundEx);
+          }
+        };
+        try {
+          setLoading(true);
+          return Promise.resolve(actions.changeRequestStatus({
+            status: 'request-progress'
+          })).then(function ($await_4) {
+            try {
+              window[requestPreKey] = true;
+              return Promise.resolve((_newServiceConfig$onR = newServiceConfig.onRequest) === null || _newServiceConfig$onR === void 0 ? void 0 : _newServiceConfig$onR.call(newServiceConfig, params)).then(function ($await_5) {
+                try {
+                  _respData = $await_5;
+                  onRequestResponseChange === null || onRequestResponseChange === void 0 || onRequestResponseChange(_respData);
+                  respData = serviceResponseHandle(_respData);
+                  respDataListNew = respData || [];
+                  if (respDataListNew.length === 0) {
+                    responseFirstRef.current = false;
+                  }
+                  onChangeSelectorList(respDataListNew);
+                  setLoading(false);
+                  window[requestPreKey] = false;
+                  return $Try_2_Post();
+                } catch ($boundEx) {
+                  return $Try_2_Catch($boundEx);
+                }
+              }, $Try_2_Catch);
+            } catch ($boundEx) {
+              return $Try_2_Catch($boundEx);
+            }
+          }, $Try_2_Catch);
+        } catch (error) {
+          $Try_2_Catch(error);
+        }
+      } catch (error) {
+        $Try_1_Catch(error);
+      }
+    });
+  });
+  fbaHooks.useEffectCustom(function () {
+    if (hasSelectorTreeList) return;
+    // 当无依赖项时，如果存在缓存数据，就不在调用接口
+    if (newEffectDependencyList.length) {
+      void startDataSourceRequest();
+      return;
+    }
+    var allState = treeWrapperModel(modelKey).getState();
+    if (allState.requestStatus === 'request-success') {
+      onSelectorTreeListChange === null || onSelectorTreeListChange === void 0 || onSelectorTreeListChange(allState.treeList);
+      return;
+    }
+    // 判断相同的modelKey是否已经在请求数据中，避免重复请求
+    if (!window[requestPreKey]) {
+      void startDataSourceRequest();
+    } else {
+      onSelectorTreeListChange === null || onSelectorTreeListChange === void 0 || onSelectorTreeListChange(allState.treeList);
+    }
+  }, newEffectDependencyList);
+  fbaHooks.useEffectCustom(function () {
+    if (hasSelectorTreeList) {
+      onChangeSelectorList(selectorTreeList || []);
+    }
+  }, [selectorTreeList]);
+  var onChangeSelectorList = hooks.useCallbackRef(function (dataList) {
+    if ((dataList === null || dataList === void 0 ? void 0 : dataList.length) === 0 && state.treeList.length === 0) {
+      void actions.changeRequestStatus({
+        status: 'request-success'
+      });
+      return;
+    }
+    void actions.setTreeList({
+      treeList: dataList || [],
+      childrenName: fieldNames.children
+    });
+    onSelectorTreeListChange === null || onSelectorTreeListChange === void 0 || onSelectorTreeListChange(dataList);
+  });
+  var getTreeExpandedKeys = function getTreeExpandedKeys(valueList, refresh) {
+    var newTreeExpandedKeys = [];
+    valueList.forEach(function (value) {
+      if (!refresh && treeExpandedKeys !== null && treeExpandedKeys !== void 0 && treeExpandedKeys.includes(value)) return;
+      var targetKeys = getExpandedKeys(value, state.treeList, fieldNames);
+      newTreeExpandedKeys = newTreeExpandedKeys.concat(targetKeys);
+    });
+    return newTreeExpandedKeys;
+  };
+  hooks.useUpdateEffect(function () {
+    if (treeSearchValue) {
+      var targetList = state.treeTiledArray.filter(function (item) {
+        var labelValue = item[fieldNames.label] || '';
+        if (customSearchRule) {
+          return customSearchRule(item, treeSearchValue);
+        }
+        return String(labelValue).toLowerCase().includes(treeSearchValue.toLowerCase());
+      });
+      var treeExpandedKeysNew = getTreeExpandedKeys(targetList.map(function (item) {
+        return item[fieldNames.value];
+      }), true);
+      setTreeExpandedKeys(Array.from(new Set(treeExpandedKeysNew)));
+    } else {
+      setTreeExpandedKeys([]);
+    }
+  }, [treeSearchValue]);
+  useImperativeHandle(ref, function () {
+    return {
+      onClearSelectorList: function onClearSelectorList() {
+        void actions.resetTreeList();
+      },
+      getTreeDataList: function getTreeDataList() {
+        return state.treeList;
+      },
+      onChangeExpandedKeys: function onChangeExpandedKeys(dataList) {
+        setTreeExpandedKeys(dataList);
+      },
+      onSelectAll: function onSelectAll() {
+        var targetList = state.treeTiledArray.map(function (temp) {
+          return temp[fieldNames.value];
+        });
+        setTreeExpandedKeys(targetList);
+        onChange === null || onChange === void 0 || onChange(targetList, undefined, state.treeList, undefined);
+      },
+      onCancelSelectAll: function onCancelSelectAll() {
+        setTreeExpandedKeys([]);
+        onChange === null || onChange === void 0 || onChange(undefined);
+      },
+      onExpandedAll: function onExpandedAll() {
+        var targetList = state.treeTiledArray.map(function (temp) {
+          return temp[fieldNames.value];
+        });
+        setTreeExpandedKeys(targetList);
+      },
+      onCancelExpandedAll: function onCancelExpandedAll() {
+        setTreeExpandedKeys([]);
+      }
+    };
+  });
+  var onExpand = hooks.useCallbackRef(function (expandedKeys) {
+    setTreeExpandedKeys(expandedKeys);
+  });
+  var onRespChange = hooks.useCallbackRef(function (selectedKey, selectInfo, selectAllList, operateInfo) {
+    innerOperateValueRef.current = selectedKey;
+    var selectList = isUndefinedOrNull(selectInfo) ? [] : isArray(selectInfo) ? selectInfo : [selectInfo];
+    if (isUndefinedOrNull(selectedKey)) {
+      onChange === null || onChange === void 0 || onChange(selectedKey, selectInfo, selectAllList);
+      return;
+    }
+    if (labelInValue) {
+      var lvLabel = labelInValueFieldNamesMerge.label;
+      var lvValue = labelInValueFieldNamesMerge.value;
+      var labelInValueList = selectList.map(function (item) {
+        return _defineProperty(_defineProperty({}, lvLabel, item[fieldNames.label]), lvValue, item[fieldNames.value]);
+      });
+      if (isArray(selectedKey)) {
+        onChange === null || onChange === void 0 || onChange(labelInValueList, selectList, selectAllList, operateInfo);
+      } else {
+        onChange === null || onChange === void 0 || onChange(labelInValueList[0], selectList[0], selectAllList, operateInfo);
+      }
+    } else {
+      if (isArray(selectedKey)) {
+        onChange === null || onChange === void 0 || onChange(selectedKey, selectList, selectAllList, operateInfo);
+      } else {
+        onChange === null || onChange === void 0 || onChange(selectedKey, selectList[0], selectAllList, operateInfo);
+      }
+    }
+  });
+  var onTreeChangeHandle = hooks.useCallbackRef(function (checkedData, operateInfo) {
+    var checkedValueList = isUndefinedOrNull(checkedData) ? [] : checkedData;
+    checkedValueList = props.checkStrictly ? checkedData.checked : checkedData;
+    checkedValueList = isArray(checkedValueList) ? checkedValueList : [checkedValueList];
+    var selectedLeafList = [];
+    var selectedLeafValueList = [];
+    var selectedAllList = [];
+    var selectedAllValueList = [];
+    checkedValueList.forEach(function (item) {
+      var target = state.treeTiledArray.find(function (temp) {
+        return temp[fieldNames.value] === item;
+      });
+      if (!target) return;
+      var children = target === null || target === void 0 ? void 0 : target[fieldNames.children];
+      if (!isArray(children) || children.length === 0) {
+        selectedLeafList.push(target);
+        selectedLeafValueList.push(target[fieldNames.value]);
+      }
+      selectedAllList.push(target);
+      selectedAllValueList.push(target[fieldNames.value]);
+    });
+    if (checkable) {
+      setTreeExpandedKeys(function (prev) {
+        var mergeList = getTreeExpandedKeys(selectedLeafValueList).concat(prev || []);
+        return Array.from(new Set(mergeList));
+      });
+      if (!checkableResponseParentNode && !props.checkStrictly) {
+        onRespChange(selectedLeafValueList, selectedLeafList, selectedAllList, operateInfo);
+      } else {
+        onRespChange(selectedAllValueList, selectedAllList, selectedAllList, operateInfo);
+      }
+    } else {
+      if (checkedValueList[0]) {
+        var currentNode = selectedAllList.find(function (item) {
+          return item[fieldNames.value] === checkedValueList[0];
+        });
+        onRespChange(checkedValueList[0], currentNode, [currentNode], operateInfo);
+      } else {
+        var nodeValue = operateInfo.node[fieldNames.value];
+        var target = state.treeTiledArray.find(function (temp) {
+          return temp[fieldNames.value] === nodeValue;
+        });
+        onRespChange(undefined, target, [target], operateInfo);
+      }
+    }
+  });
+  var treeItemDataAdapterHandle = hooks.useCallbackRef(function (dataItem) {
+    return treeItemDataAdapter === null || treeItemDataAdapter === void 0 ? void 0 : treeItemDataAdapter(dataItem);
+  });
+  var originalDataList = useMemo(function () {
+    var list = cloneState(state.treeList || []);
+    if (treeSearchValue && searchResultType !== 'highlight') {
+      return treeFilter(cloneState(state.treeList || []), function (node) {
+        var _node$fieldNames$labe;
+        if (customSearchRule) {
+          return customSearchRule(node, treeSearchValue);
+        }
+        var value = (_node$fieldNames$labe = node[fieldNames.label]) === null || _node$fieldNames$labe === void 0 ? void 0 : _node$fieldNames$labe.toLowerCase();
+        return value.indexOf(treeSearchValue.toLowerCase()) >= 0;
+      }, {
+        childrenName: fieldNames.children
+      });
+    }
+    return list;
+  }, [fieldNames.children, fieldNames.label, searchResultType, state.treeList, treeSearchValue]);
+  var treeData = useMemo(function () {
+    var _loop = function loop(data) {
+      return data === null || data === void 0 ? void 0 : data.map(function (item) {
+        var adapterItem = (treeItemDataAdapterHandle === null || treeItemDataAdapterHandle === void 0 ? void 0 : treeItemDataAdapterHandle(item)) || item;
+        var disabled = disabledCanUse ? undefined : adapterItem.disabled;
+        var strTitle = adapterItem[fieldNames.label];
+        var titleDom;
+        if (treeSearchValue) {
+          var strTitleNew = strTitle === null || strTitle === void 0 ? void 0 : strTitle.toLowerCase();
+          var index = strTitleNew.indexOf(treeSearchValue.toLowerCase());
+          var beforeStr = strTitleNew.substring(0, index);
+          var afterStr = strTitleNew.slice(index + treeSearchValue.length);
+          var centerStr = strTitleNew.slice(index, index + treeSearchValue.length);
+          titleDom = index > -1 ? /*#__PURE__*/jsxs("span", {
+            className: classNames({
+              'v-tree-item-disabled': adapterItem.disabled
+            }),
+            children: [beforeStr, /*#__PURE__*/jsx("span", {
+              className: "site-tree-search-value",
+              children: centerStr
+            }), afterStr]
+          }) : null;
+        }
+        if (!titleDom && adapterItem.disabled) {
+          titleDom = /*#__PURE__*/jsx("span", {
+            className: classNames({
+              'v-tree-item-disabled': adapterItem.disabled
+            }),
+            children: strTitle
+          });
+        }
+        var children = adapterItem[fieldNames.children];
+        return _objectSpread2(_objectSpread2({}, adapterItem), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+          disabled: disabled
+        }, fieldNames.label, titleDom || strTitle), "_treeItemName", strTitle), "_disabled", adapterItem.disabled), fieldNames.children, isArray(children) && children.length > 0 ? _loop(children) : undefined));
+      });
+    };
+    return _loop(originalDataList);
+  }, [originalDataList, treeItemDataAdapterHandle, disabledCanUse, fieldNames.label, fieldNames.children, treeSearchValue]);
+  var loadData = hooks.useCallbackRef(function (dataItem) {
+    // eslint-disable-next-line no-async-promise-executor
+    return new Promise(function (resolve, reject) {
+      return new Promise(function ($return, $error) {
+        var _props$loadDataServic, _props$loadDataServic2, _props$loadDataServic3, _props$loadDataServic4, _props$loadDataServic5, respData, respDataList;
+        if (dataItem[fieldNames.children]) {
+          resolve();
+          return $return();
+        }
+        var $Try_3_Post = function () {
+          try {
+            return $return();
+          } catch ($boundEx) {
+            return $error($boundEx);
+          }
+        };
+        var $Try_3_Catch = function (error) {
+          try {
+            void message.error(error.message || '数据加载异常...');
+            // 此处失败后，会重试“loadData”请求多次
+            reject();
+            return $Try_3_Post();
+          } catch ($boundEx) {
+            return $error($boundEx);
+          }
+        };
+        try {
+          return Promise.resolve((_props$loadDataServic = props.loadDataServiceConfig) === null || _props$loadDataServic === void 0 || (_props$loadDataServic2 = _props$loadDataServic.onRequest) === null || _props$loadDataServic2 === void 0 ? void 0 : _props$loadDataServic2.call(_props$loadDataServic, ((_props$loadDataServic3 = props.loadDataServiceConfig) === null || _props$loadDataServic3 === void 0 || (_props$loadDataServic4 = _props$loadDataServic3.getParams) === null || _props$loadDataServic4 === void 0 ? void 0 : _props$loadDataServic4.call(_props$loadDataServic3, dataItem)) || {})).then(function ($await_6) {
+            try {
+              respData = $await_6;
+              respDataList = (_props$loadDataServic5 = props.loadDataServiceConfig) !== null && _props$loadDataServic5 !== void 0 && _props$loadDataServic5.onRequestResultAdapter ? props.loadDataServiceConfig.onRequestResultAdapter(respData) : respData;
+              void actions.treeListAppendChildren({
+                value: dataItem[fieldNames.value],
+                appendList: respDataList,
+                childrenName: fieldNames.children,
+                valueName: fieldNames.value
+              }).then(function (allState) {
+                onChangeSelectorList(allState.treeList);
+                resolve();
+              });
+              return $Try_3_Post();
+            } catch ($boundEx) {
+              return $Try_3_Catch($boundEx);
+            }
+          }, $Try_3_Catch);
+        } catch (error) {
+          $Try_3_Catch(error);
+        }
+      });
+    });
+  });
+  var isLeafNode = hooks.useCallbackRef(function (nodeData) {
+    var children = nodeData === null || nodeData === void 0 ? void 0 : nodeData[fieldNames.children];
+    // 当loadDataFlag=true，考虑叶子节点显示问题
+    var loadDataFlag = props.loadDataFlag;
+    var loadHasChildren = loadDataFlag ? !nodeData.isLeaf : false;
+    var hasChildren = children && children.length > 0 || loadHasChildren;
+    return !hasChildren;
+  });
+  var titleRender = hooks.useCallbackRef(function (nodeData) {
+    var _props$menuOptions3, _props$menuOptions3$t;
+    var stringLabel = nodeData._treeItemName || nodeData[fieldNames.label];
+    var buttonOperateConfig = menus === null || menus === void 0 ? void 0 : menus(_objectSpread2(_objectSpread2({}, nodeData), {}, _defineProperty({}, fieldNames.label, stringLabel)));
+    if (buttonOperateConfig !== null && buttonOperateConfig !== void 0 && buttonOperateConfig.operateList.length) {
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("span", {
+          className: "tree-item-title",
+          children: (labelRender === null || labelRender === void 0 ? void 0 : labelRender(nodeData)) || (nodeData === null || nodeData === void 0 ? void 0 : nodeData[fieldNames.label])
+        }), /*#__PURE__*/jsx(ButtonOperate, _objectSpread2(_objectSpread2({
+          gap: 5
+        }, buttonOperateConfig), {}, {
+          dropdownMenuProps: _objectSpread2({
+            placement: 'bottomRight',
+            isFixed: true
+          }, buttonOperateConfig === null || buttonOperateConfig === void 0 ? void 0 : buttonOperateConfig.dropdownMenuProps),
+          className: classNames('tree-item-title-operate', buttonOperateConfig.className)
+        }))]
+      });
+    }
+    if (menuLayoutTypeNew === 'fold') {
+      var _props$menuOptions;
+      var _menuOptions = [];
+      if ((_props$menuOptions = props.menuOptions) !== null && _props$menuOptions !== void 0 && _props$menuOptions.fold) {
+        var _props$menuOptions2, _props$menuOptions2$m;
+        _menuOptions = ((_props$menuOptions2 = props.menuOptions) === null || _props$menuOptions2 === void 0 || (_props$menuOptions2$m = _props$menuOptions2[menuLayoutTypeNew]) === null || _props$menuOptions2$m === void 0 ? void 0 : _props$menuOptions2$m.call(_props$menuOptions2, _objectSpread2(_objectSpread2({}, nodeData), {}, _defineProperty({}, fieldNames.label, stringLabel)))) || [];
+      } else {
+        var _props$getMenuOptions;
+        _menuOptions = ((_props$getMenuOptions = props.getMenuOptions) === null || _props$getMenuOptions === void 0 ? void 0 : _props$getMenuOptions.call(props, _objectSpread2(_objectSpread2({}, nodeData), {}, _defineProperty({}, fieldNames.label, stringLabel)))) || [];
+      }
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("span", {
+          className: "tree-item-title",
+          children: (labelRender === null || labelRender === void 0 ? void 0 : labelRender(nodeData)) || (nodeData === null || nodeData === void 0 ? void 0 : nodeData[fieldNames.label])
+        }), _menuOptions.length > 0 && /*#__PURE__*/jsx(DropdownMenuWrapper, {
+          menuList: _menuOptions,
+          placement: "bottomRight",
+          children: /*#__PURE__*/jsx(_MoreOutlined, {})
+        })]
+      });
+    }
+    var menuOptions = (_props$menuOptions3 = props.menuOptions) === null || _props$menuOptions3 === void 0 || (_props$menuOptions3$t = _props$menuOptions3.tile) === null || _props$menuOptions3$t === void 0 ? void 0 : _props$menuOptions3$t.call(_props$menuOptions3, _objectSpread2(_objectSpread2({}, nodeData), {}, _defineProperty({}, fieldNames.label, stringLabel)));
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx("span", {
+        className: "tree-item-title",
+        children: (labelRender === null || labelRender === void 0 ? void 0 : labelRender(nodeData)) || (nodeData === null || nodeData === void 0 ? void 0 : nodeData[fieldNames.label])
+      }), menuOptions ? /*#__PURE__*/jsx(ButtonOperate, _objectSpread2(_objectSpread2({
+        gap: 5
+      }, menuOptions), {}, {
+        className: classNames('tree-item-title-operate', menuOptions.className)
+      })) : null]
+    });
+  });
+  var onChangeDebounce = hooks.useDebounceCallback(function (value) {
+    var _props$onSearchValueC;
+    setTreeSearchValue(value);
+    (_props$onSearchValueC = props.onSearchValueChange) === null || _props$onSearchValueC === void 0 || _props$onSearchValueC.call(props, value);
+  }, 300);
+  var onSearchChange = hooks.useCallbackRef(function (e) {
+    onChangeDebounce(e.target.value);
+  });
+  var iconHandle = hooks.useCallbackRef(function (treeData) {
+    if (!props.icon) return null;
+    if (/*#__PURE__*/isValidElement(props.icon)) return props.icon;
+    var isLeafFlag = isLeafNode(treeData.data);
+    return props.icon(_objectSpread2(_objectSpread2({}, treeData), {}, {
+      isParent: !isLeafFlag,
+      isLeaf: isLeafFlag
+    }));
+  });
+  var treeFieldNames = useMemo(function () {
+    return {
+      title: fieldNames.label,
+      key: fieldNames.value,
+      children: fieldNames.children
+    };
+  }, [fieldNames]);
+  var showTree = treeData.length > 0 && state.requestStatus !== 'request-error';
+  var commonProps = _objectSpread2(_objectSpread2({
+    showLine: {
+      showLeafIcon: false
+    },
+    titleRender: titleRender,
+    blockNode: true,
+    switcherIcon: /*#__PURE__*/jsx(_CaretDownFilled, {}),
+    onDrop: function onDrop(info) {
+      if (onDropPrev) {
+        var boo = onDropPrev(info);
+        if (!boo) return;
+      }
+      var _onTreeDrop = onTreeDrop(originalDataList, fieldNames, info),
+        dataList = _onTreeDrop.dataList,
+        dragNodeData = _onTreeDrop.dragNodeData;
+      onDropNodeHandle === null || onDropNodeHandle === void 0 || onDropNodeHandle(dragNodeData);
+      onChangeSelectorList(dataList);
+    },
+    expandedKeys: treeExpandedKeys
+  }, otherProps), {}, {
+    fieldNames: treeFieldNames,
+    treeData: treeData,
+    onExpand: onExpand,
+    loadData: props.loadDataFlag ? loadData : undefined,
+    style: {
+      width: '100%'
+    },
+    icon: iconHandle
+  });
+  var checkedProps = {
+    onCheck: onTreeChangeHandle,
+    checkable: checkable,
+    checkedKeys: valueList
+  };
+  var selectedProps = {
+    onSelect: onTreeChangeHandle,
+    multiple: false,
+    selectedKeys: valueList
+  };
+  var sceneProps = checkable ? checkedProps : selectedProps;
+  var cName = classNames('v-tree-wrapper', "v-tree-wrapper-menu-".concat(menuTriggerTypeNew), className);
+  var isSearchEmpty = state.treeList.length > 0 && !showTree && treeSearchValue;
+  return /*#__PURE__*/jsxs("div", {
+    className: cName,
+    style: style,
+    children: [!!showSearch && /*#__PURE__*/jsxs("div", {
+      className: "v-tree-wrapper-search-area",
+      style: searchStyle,
+      children: [/*#__PURE__*/jsx(InputSearchWrapper, {
+        className: "v-tree-wrapper-search",
+        placeholder: isUndefinedOrNull(searchPlaceholder) ? '搜索' : searchPlaceholder,
+        onChange: onSearchChange,
+        value: searchValue,
+        allowClear: true
+      }), !!props.searchExtraElement && /*#__PURE__*/jsx("span", {
+        className: "v-tree-wrapper-search-extra",
+        children: props.searchExtraElement
+      })]
+    }), showTree ? /*#__PURE__*/jsxs("div", {
+      className: "v-tree-wrapper-tree-wrapper",
+      children: [/*#__PURE__*/jsx(Spin, {
+        spinning: state.requestStatus === 'request-progress'
+      }), /*#__PURE__*/jsx(Tree, _objectSpread2(_objectSpread2(_objectSpread2({}, sceneProps), commonProps), {}, {
+        className: "v-tree-wrapper-tree"
+      }))]
+    }) : /*#__PURE__*/jsx(RequestStatus, {
+      status: state.requestStatus,
+      loading: loading,
+      messageConfig: _objectSpread2({
+        'request-success': isSearchEmpty ? '搜索结果为空' : '暂无数据',
+        'request-error': state.requestErrorMessage
+      }, requestMessageConfig),
+      errorButton: /*#__PURE__*/jsx(Button, {
+        type: "primary",
+        onClick: startDataSourceRequest,
+        children: "\u91CD\u65B0\u83B7\u53D6\u6570\u636E"
+      })
+    })]
+  });
+});
+TreeWrapper$1.defaultProps = {
+  disabledCanUse: true
+};
+
+/**
+ * Tree包装组件，默认返回父节点，可配置不返回
+ * @param props
+ * @returns
+ * ```
+ * 1. treeNode内置字段说明（如需要相关功能，可在接口中添加固定字段）
+ *    a. disabled 禁掉响应
+ *    b. isLeaf  设置为叶子节点 (设置了 loadData 时有效)。为 false 时会强制将其作为父节点
+ *    c. disableCheckbox  checkable模式下，treeNode复选框是否可选
+ * 2. 当设置selectorTreeList属性后，serviceConfig将失效
+ * 3. checkable=true，为多选模式
+ * 4. 设置value后，组件显示受控
+ * 5. 设置loadDataFlag=true，会动态获取children，当treeNode中包含isLeaf=true字段，表示为叶子节点，没有children了
+ * 6. 内置 onDrop 事件已处理数组排序，通过 onDropNodeHandle 事件可获取操作节点排序数据；自定义onDrop后，内置onDrop失效
+ * ```
+ */
+var TreeWrapper = attachPropertiesToComponent(TreeWrapper$1, {
+  /**
+   * 获取树形原数据
+   * ```
+   * 参数 modelKey 与 TreeWrapper属性 modelKey相同，才能获取数据
+   * ```
+   */
+  getTreeDataList: getTreeDataList
+});
+
+export { TreeWrapper };
+//# sourceMappingURL=index.js.map