@zat-design/sisyphus-react 4.2.0-beta.2 → 4.2.0-beta.4

package/lib/ProTreeModal/index.js

@@ -1,837 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.CASCADER = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _ahooks = require("ahooks");
-var _antd = require("antd");
-var _lodash = require("lodash");
-var _reactSvg = require("react-svg");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _index = require("../index");
-var _components = require("./components");
-var _utils = require("./utils");
-var _index2 = require("../ProTable/components/RcTable/components/DraggableTable/components/DndWrapper/utils/index");
-var _inputSearch = _interopRequireDefault(require("../assets/input-search.svg"));
-var _locale = _interopRequireWildcard(require("../locale"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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; }
-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); }
-var LIST = 'LIST';
-var TREE = 'TREE';
-var CASCADER = exports.CASCADER = 'CASCADER';
-var ProTreeModal = props => {
-  var _locale$ProTreeModal, _props$otherProps, _props$otherProps2, _locale$ProTreeModal9, _locale$ProTreeModal10, _locale$ProTreeModal11, _locale$ProTreeModal12;
-  var _useProConfig = (0, _index.useProConfig)('ProEnum'),
-    _useProConfig$dics = _useProConfig.dics,
-    dics = _useProConfig$dics === void 0 ? {} : _useProConfig$dics;
-  var listRef = (0, _react.useRef)(null);
-  var open = props.open,
-    value = props.value,
-    onChange = props.onChange,
-    dataSource = props.dataSource,
-    trigger = props.trigger,
-    _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'tree' : _props$mode,
-    enumCode = props.code,
-    _props$title = props.title,
-    title = _props$title === void 0 ? _locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal = _locale.default.ProTreeModal) === null || _locale$ProTreeModal === void 0 ? void 0 : _locale$ProTreeModal.select : _props$title,
-    useRequest = props.useRequest,
-    _props$showCodeName = props.showCodeName,
-    showCodeName = _props$showCodeName === void 0 ? false : _props$showCodeName,
-    _props$checkStrictly = props.checkStrictly,
-    checkStrictly = _props$checkStrictly === void 0 ? false : _props$checkStrictly,
-    tags = props.tags,
-    placeholder = props.placeholder,
-    _props$labelInValue = props.labelInValue,
-    labelInValue = _props$labelInValue === void 0 ? false : _props$labelInValue,
-    _props$style = props.style,
-    style = _props$style === void 0 ? {} : _props$style,
-    min = props.min,
-    max = props.max,
-    draggable = props.draggable,
-    span = props.span,
-    appoint = props.appoint,
-    appointProps = props.appointProps,
-    _props$fieldNames = props.fieldNames,
-    fieldNames = _props$fieldNames === void 0 ? {
-      label: 'label',
-      value: 'value',
-      children: 'children'
-    } : _props$fieldNames,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? props.disabled || props.isView || (props === null || props === void 0 || (_props$otherProps = props.otherProps) === null || _props$otherProps === void 0 ? void 0 : _props$otherProps.isView) || false : _props$disabled,
-    _props$isView = props.isView,
-    isView = _props$isView === void 0 ? props.isView || (props === null || props === void 0 || (_props$otherProps2 = props.otherProps) === null || _props$otherProps2 === void 0 ? void 0 : _props$otherProps2.isView) || false : _props$isView,
-    transformResponse = props.transformResponse,
-    optionRender = props.optionRender,
-    openChange = props.openChange,
-    maxMessage = props.maxMessage;
-  var allValue = props.allValue;
-  var modeType = mode.toUpperCase();
-  var fieldNameLabel = fieldNames.label;
-  var fieldNameValue = fieldNames.value;
-  var fieldNameChildren = fieldNames.children;
-  var normalizeFixedDisabled = function normalizeFixedDisabled() {
-    var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    if (!Array.isArray(items)) {
-      return [];
-    }
-    return items.map(item => {
-      var nextItem = _objectSpread({}, item);
-      if (nextItem.fixed && !nextItem.disabled) {
-        nextItem.disabled = true;
-      }
-      var children = nextItem[fieldNameChildren];
-      if (Array.isArray(children) && children.length) {
-        nextItem[fieldNameChildren] = normalizeFixedDisabled(children);
-      }
-      return nextItem;
-    });
-  };
-  if (appoint && !allValue) {
-    console.error('allValue must be input');
-    allValue = 'all';
-  }
-  var _useSetState = (0, _ahooks.useSetState)({
-      open: false,
-      checkedValues: [],
-      beforeClearAllValues: [],
-      // 点击清空全部并点击关闭、此时数据回显示不正确
-      treeData: [],
-      treeViewData: [],
-      originalTreeData: [],
-      flatTreeData: [],
-      searchStr: '',
-      checkAll: false,
-      allKeys: [],
-      transformedTree: []
-    }),
-    _useSetState2 = _slicedToArray(_useSetState, 2),
-    state = _useSetState2[0],
-    setState = _useSetState2[1];
-  var fetchFunction = (0, _ahooks.useRequest)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, _objectSpread({
-    manual: true,
-    onSuccess: res => {
-      var _res$status = res.status,
-        status = _res$status === void 0 ? 200 : _res$status,
-        msg = res.message;
-      var responseData = res === null || res === void 0 ? void 0 : res.data;
-      if (transformResponse && typeof transformResponse === 'function') {
-        responseData = transformResponse(res);
-      }
-      if (status !== 200) {
-        _antd.message.error(msg);
-        return;
-      }
-      setState({
-        treeData: responseData,
-        originalTreeData: responseData,
-        flatTreeData: (0, _utils.getFlatTreeData)(responseData, fieldNames, modeType),
-        allKeys: (0, _utils.getAllKeys)(responseData, fieldNames)
-      });
-    },
-    debounceWait: 300
-  }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
-  (0, _ahooks.useDeepCompareEffect)(() => {
-    if (dataSource && dataSource.length) {
-      var normalizedDataSource = normalizeFixedDisabled(dataSource);
-      var flatTreeData = (0, _utils.getFlatTreeData)(normalizedDataSource, fieldNames);
-      setState({
-        treeData: normalizedDataSource,
-        originalTreeData: (0, _lodash.cloneDeep)(normalizedDataSource),
-        flatTreeData,
-        allKeys: (0, _utils.getAllKeys)(normalizedDataSource, fieldNames)
-      });
-    } else if (enumCode) {
-      var dictEnum = dics[enumCode] || [];
-      // transform dictEnum
-      if (transformResponse && (0, _lodash.isFunction)(transformResponse)) {
-        dictEnum = transformResponse(dictEnum);
-      }
-      // check dictEnum isArray
-      if (!dictEnum || !Array.isArray(dictEnum)) {
-        var _locale$ProTreeModal2;
-        console.error(_locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal2 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal2 === void 0 ? void 0 : _locale$ProTreeModal2.errorArrayMessage);
-        dictEnum = [];
-      }
-      var normalizedDictEnum = normalizeFixedDisabled(dictEnum);
-      setState({
-        treeData: normalizedDictEnum,
-        originalTreeData: (0, _lodash.cloneDeep)(normalizedDictEnum),
-        flatTreeData: (0, _utils.getFlatTreeData)(normalizedDictEnum, fieldNames),
-        allKeys: (0, _utils.getAllKeys)(normalizedDictEnum, fieldNames)
-      });
-    }
-  }, [dataSource, enumCode]);
-  (0, _ahooks.useDeepCompareEffect)(() => {
-    if (enumCode) {
-      return undefined;
-    }
-    if (dataSource) {
-      return undefined;
-    }
-    var _ref = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
-      defaultParams = _ref.defaultParams,
-      manual = _ref.manual;
-    var params = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
-    if (manual) {
-      return;
-    }
-    // 执行用户配置的枚举服务，拉取枚举数据进行更新
-    fetchFunction.run(params);
-  }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options]);
-  (0, _react.useEffect)(() => {
-    setState({
-      open
-    });
-  }, [open]);
-  (0, _react.useEffect)(() => {
-    if (value) {
-      var checkedValues = [];
-      var treeData = state.treeData,
-        allKeys = state.allKeys,
-        originalTreeData = state.originalTreeData;
-      var treeViewData = [];
-      if (allValue && typeof value === 'string' && allValue === value) {
-        if (modeType === LIST) {
-          checkedValues = treeData.map(item => item[fieldNameValue]) || [];
-        } else if (modeType === TREE) {
-          checkedValues = allKeys;
-        }
-      } else {
-        if (!Array.isArray(value)) {
-          console.error('Please pass in the array');
-          return;
-        }
-        // 开启 labelInValue [{ label:xx, value: ""}] 形式、需要取出来 value
-        if (labelInValue) {
-          var isObjectArray = value.every(element => typeof element === 'object' && element !== null);
-          if (!isObjectArray) {
-            console.error('Please enter an array object');
-            checkedValues = [];
-          }
-          checkedValues = value.map(item => item[fieldNameValue]);
-        } else {
-          checkedValues = value;
-        }
-      }
-      treeViewData = (0, _utils.filterCheckedNodes)(originalTreeData, checkedValues, '', fieldNames);
-      setState({
-        checkedValues,
-        checkAll: checkedValues.length === allKeys.length,
-        treeViewData,
-        beforeClearAllValues: checkedValues
-      });
-    } else if (modeType === LIST && state.flatTreeData && state.flatTreeData.length > 0) {
-      // mode: 'list' 下，如果没有 value prop，自动将 fixed 的项加入到 checkedValues
-      var fixedItems = state.flatTreeData.filter(item => item.fixed === 'right').map(item => item[fieldNameValue]);
-      if (fixedItems.length > 0 && state.checkedValues.length === 0) {
-        // 只有当 checkedValues 为空时才自动添加 fixed 项，避免覆盖已有的选中状态
-        var _treeViewData = (0, _utils.filterCheckedNodes)(state.originalTreeData, fixedItems, '', fieldNames);
-        setState({
-          checkedValues: fixedItems,
-          checkAll: fixedItems.length === state.allKeys.length,
-          treeViewData: _treeViewData,
-          beforeClearAllValues: fixedItems
-        });
-      }
-    }
-  }, [value, state.allKeys, state.open, state.flatTreeData, state.originalTreeData, modeType, fieldNameValue]);
-  (0, _ahooks.useDeepCompareEffect)(() => {
-    var transformedTree = (0, _utils.addLevelAndParentId)(state.treeData, fieldNames);
-    setState({
-      transformedTree
-    });
-  }, [state.treeData]);
-  var handleClick = () => {
-    setState({
-      open: true
-    });
-    openChange === null || openChange === void 0 || openChange(true);
-  };
-
-  /**
-   * close Drawer and onChange(values)
-   */
-  var handleFinish = () => {
-    // 全选的时候返回 allValue 标记即可
-    // 3.3.2 版本全选的时候返回所有值的合集 list
-    if (allValue !== undefined && state.checkAll && !draggable) {
-      if (labelInValue) {
-        onChange === null || onChange === void 0 || onChange(state.flatTreeData);
-      } else {
-        onChange === null || onChange === void 0 || onChange(state.flatTreeData.map(item => item[fieldNameValue]));
-      }
-    } else if (draggable && span) {
-      var _listRef$current;
-      // 开启 draggable 使用拖拽后的顺序
-      var checkedList = (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.onChange();
-      onChange(checkedList);
-    } else {
-      var values = [];
-      if (labelInValue) {
-        state.checkedValues.forEach(val => {
-          var option = state.flatTreeData.find(item => item[fieldNameValue] === val);
-          option && values.push(option);
-        });
-      } else {
-        values = state.checkedValues;
-      }
-      if (min) {
-        if (values.length < min) {
-          var _locale$ProTreeModal3;
-          _antd.message.error((0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal3 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.selectMin, {
-            min
-          }));
-          return;
-        }
-      }
-      onChange === null || onChange === void 0 || onChange(values);
-    }
-    // fix: 当有 openChange 时候、点击确定应该由关闭 openChange 控制
-    if (!openChange || open === undefined) {
-      setState({
-        open: false
-      });
-      openChange === null || openChange === void 0 || openChange(false);
-    }
-    if (openChange && open !== undefined) {
-      openChange === null || openChange === void 0 || openChange(true);
-    }
-  };
-
-  /**
-   * clear all checked
-   */
-  var handleClearAll = () => {
-    var _state$flatTreeData$f;
-    // 处理 ProTable 场景下 disabled 的不需要被清理
-    var _checkedValues = span ? (_state$flatTreeData$f = state.flatTreeData.filter(item => item.disabled)) === null || _state$flatTreeData$f === void 0 ? void 0 : _state$flatTreeData$f.map(item => item[fieldNameValue]) : [];
-    setState({
-      checkedValues: _checkedValues,
-      beforeClearAllValues: state.checkedValues,
-      // 把清空全部之前的数据记录下
-      treeViewData: [],
-      checkAll: false
-    });
-    // 通知父组件更新 value prop，确保清空操作被正确保存
-    if (labelInValue) {
-      onChange === null || onChange === void 0 || onChange([]);
-    } else {
-      onChange === null || onChange === void 0 || onChange(_checkedValues);
-    }
-  };
-
-  /**
-   * Drawer close
-   */
-  var handleClose = () => {
-    setState({
-      open: false,
-      checkedValues: state.beforeClearAllValues,
-      beforeClearAllValues: []
-    });
-    openChange === null || openChange === void 0 || openChange(false);
-  };
-
-  /**
-   * checkbox/list selected change values
-   * @param values
-   */
-  var handleListCheckChange = (e, code) => {
-    var checkedValues = [...state.checkedValues];
-    var checked = e.target.checked;
-    if (!checked) {
-      checkedValues = checkedValues.filter(value => value !== code);
-    } else if (draggable && span) {
-      // 固定在右侧的情况
-      var fixedOption = state.flatTreeData.find(item => item.fixed === 'right') || {};
-      var fixedIdx = checkedValues.findIndex(value => value === fixedOption[fieldNameValue]);
-      if (fixedIdx >= 0) {
-        checkedValues.splice(fixedIdx, 0, code);
-      } else {
-        checkedValues.push(code);
-      }
-    } else {
-      checkedValues.push(code);
-    }
-    if (max && checkedValues.length > max) {
-      var _locale$ProTreeModal4;
-      _antd.message.error(maxMessage ? (0, _utils.transformMessage)({
-        max
-      }, maxMessage) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal4 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal4 === void 0 ? void 0 : _locale$ProTreeModal4.selectMax, {
-        max
-      }));
-      return;
-    }
-    setState({
-      checkedValues,
-      checkAll: checkedValues.length === state.flatTreeData.length
-    });
-  };
-  var handleDragEndChange = checkedValues => {
-    setState({
-      checkedValues
-    });
-  };
-  var onCheck = (checkedKeys, info) => {
-    var checkedValues = [...state.checkedValues];
-    var originalTreeData = state.originalTreeData;
-
-    // 如果有检索则自管理
-    if (state.searchStr) {
-      var _transformTreeToArray;
-      var node = info.node;
-      // 从完整树中找到当前节点
-      var activeNode = (0, _index2.treeNodeFind)(state.transformedTree, t => t[fieldNameValue] === node[fieldNameValue], {
-        childrenKey: fieldNames.children
-      });
-      var allChildren = (_transformTreeToArray = (0, _index2.transformTreeToArray)([activeNode], {
-        childrenKey: fieldNames.children
-      })) === null || _transformTreeToArray === void 0 ? void 0 : _transformTreeToArray.map(item => item[fieldNameValue]);
-      // 子项合并勾选
-      checkedValues = checkedValues.concat(allChildren);
-      // 从完整树中拿到父节点 只要存在父节点，那么就判断当前children是否全被勾选 若全被勾选就合并当前key到勾选队列
-      var _recourse = findNode => {
-        if (findNode.parentId) {
-          var _transformTreeToArray2;
-          var parentNode = (0, _index2.treeNodeFind)(state.transformedTree, t => t[fieldNameValue] === findNode.parentId, {
-            childrenKey: fieldNames.children
-          });
-          var parentChildrenKeys = (_transformTreeToArray2 = (0, _index2.transformTreeToArray)([parentNode], {
-            childrenKey: fieldNames.children
-          })) === null || _transformTreeToArray2 === void 0 ? void 0 : _transformTreeToArray2.map(item => item[fieldNameValue]);
-          var parentChildrenAllChecked = parentChildrenKeys.every(key => {
-            return checkedValues.includes(key);
-          });
-          if (parentChildrenAllChecked) {
-            // 把当前父节点追加进来
-            checkedValues = checkedValues.concat([parentNode[fieldNameValue]]);
-            // 继续向上查找
-            if (parentNode.parentId) {
-              _recourse(parentNode);
-            }
-          }
-        }
-      };
-      _recourse(activeNode);
-    }
-    var _checkStrictly = state.searchStr ? true : checkStrictly;
-
-    // 此时应该取消掉自身并包含它所有的子集
-    if (!info.checked && !_checkStrictly) {
-      // 1. 取消自身
-      // 2. 把所有的子节点也要取消
-      var childrenkeys = [];
-      (0, _utils.getChildrenKeys)(info.node, childrenkeys, fieldNames, 'treeCheck');
-      checkedValues = checkedValues.filter(key => !childrenkeys.includes(key));
-
-      // 3. 取消父节点
-      var parentNodes = (0, _utils.findTreeNodeByKey)(originalTreeData, info.node.key, fieldNames);
-      var parentKeys = parentNodes.reduce((prev, curr) => prev.concat(curr[fieldNameValue]), []);
-      checkedValues = checkedValues.filter(key => !parentKeys.includes(key));
-    } else {
-      // _checkStrictly 模式下取 checkedKeys.checked 或者自身的 key
-      if (_checkStrictly) {
-        if (!info.checked) {
-          checkedValues = checkedValues.filter(key => key !== info.node.key);
-        }
-        checkedKeys = checkedKeys.checked || [];
-      }
-      checkedKeys.forEach(key => {
-        var exist = checkedValues.includes(key);
-        if (info.checked && !exist) {
-          checkedValues.push(key);
-        }
-      });
-    }
-
-    // 根据选中的筛选出 viewTreeData
-    var treeViewData = [];
-    if (!checkStrictly) {
-      treeViewData = (0, _utils.filterCheckedNodes)(originalTreeData, checkedValues, '', fieldNames);
-    } else {
-      treeViewData = state.flatTreeData.filter(item => {
-        return checkedValues.includes(item[fieldNameValue]);
-      });
-    }
-    if (max && checkedValues.length > max) {
-      var _locale$ProTreeModal5;
-      _antd.message.error(maxMessage ? (0, _utils.transformMessage)({
-        max
-      }, maxMessage) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal5 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal5 === void 0 ? void 0 : _locale$ProTreeModal5.selectMax, {
-        max
-      }));
-      return;
-    }
-    setState({
-      checkedValues,
-      treeViewData,
-      checkAll: state.allKeys.length === checkedValues.length
-    });
-  };
-
-  /**
-   * filter checkbox by fileNameValue
-   * @param fileNameValue
-   */
-  var handleFilterClose = fileNameValue => {
-    setState({
-      checkedValues: state.checkedValues.filter(value => value !== fileNameValue),
-      checkAll: false
-    });
-  };
-
-  /**
-   * tree close
-   * @param fileNamekey
-   * @param node
-   */
-  var treeFilterClose = (fileNamekey, node) => {
-    var checkedValues = [...state.checkedValues];
-    var treeViewData = [];
-    var originalTreeData = state.originalTreeData;
-    if (checkStrictly) {
-      checkedValues = checkedValues.filter(key => key !== fileNamekey);
-      // handleFilterClose
-      treeViewData = state.flatTreeData.filter(item => {
-        return checkedValues.includes(item[fieldNameValue]);
-      });
-    } else {
-      // 1. 取消自身
-      checkedValues = checkedValues.filter(key => key !== fileNamekey);
-      // 2. 把所有的子节点也要取消
-      var childrenkeys = [];
-      (0, _utils.getChildrenKeys)(node, childrenkeys, fieldNames, 'treeClose');
-      checkedValues = checkedValues.filter(key => !childrenkeys.includes(key));
-
-      // 3. 取消父节点
-      var parentNodes = (0, _utils.findTreeNodeByKey)(originalTreeData, fileNamekey, fieldNames);
-      var parentKeys = parentNodes.reduce((prev, curr) => prev.concat(curr[fieldNames.value]), []);
-      checkedValues = checkedValues.filter(key => !parentKeys.includes(key));
-
-      // 根据选中的筛选出 viewTreeData
-      treeViewData = (0, _utils.filterCheckedNodes)(originalTreeData, checkedValues, '', fieldNames);
-    }
-    setState({
-      checkedValues,
-      treeViewData,
-      checkAll: false
-    });
-  };
-  var _useDebounceFn = (0, _ahooks.useDebounceFn)(str => {
-      if (modeType === LIST || modeType === CASCADER) {
-        var isCASCADER = modeType === CASCADER;
-        var data = state.flatTreeData.filter(item => {
-          var title = isCASCADER ? item === null || item === void 0 ? void 0 : item.title : item[fieldNameLabel];
-          return title.includes(str);
-        });
-        setState({
-          treeData: !str ? state.originalTreeData : data
-        });
-      }
-    }, {
-      wait: 0
-    }),
-    onSearch = _useDebounceFn.run;
-  var handleSetSearchStr = str => {
-    setState({
-      searchStr: str
-    });
-    onSearch(str);
-  };
-
-  /**
-   * 指定模式下的操作
-   * @param appoint
-   */
-  var appointChange = appoint => {
-    if (appoint) {
-      onChange === null || onChange === void 0 || onChange(allValue);
-      setState({
-        checkAll: true
-      });
-    } else {
-      onChange === null || onChange === void 0 || onChange([]);
-      setState({
-        checkAll: false,
-        open: true
-      });
-      if (appoint) {
-        openChange === null || openChange === void 0 || openChange(true);
-      }
-    }
-  };
-
-  /**
-   * Trigger the container opened by Drawer
-   * default example and you can customize trigger={<Button>打开</Button>}
-   * @returns
-   */
-  var TriggerComponent = (0, _react.useMemo)(() => {
-    var _props$otherProps3;
-    if (trigger && /*#__PURE__*/_react.default.isValidElement(trigger)) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        onClick: handleClick,
-        children: trigger
-      });
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Trigger, {
-      checkedValues: state.checkedValues,
-      value: value,
-      checkAll: state.checkAll,
-      triggerStyle: style,
-      disabled: disabled,
-      isView: isView,
-      appoint: appoint,
-      allValue: allValue,
-      label: props === null || props === void 0 || (_props$otherProps3 = props.otherProps) === null || _props$otherProps3 === void 0 ? void 0 : _props$otherProps3.label,
-      handleClick: handleClick,
-      handleClearAll: handleClearAll,
-      appointChange: appointChange,
-      appointProps: appointProps
-    });
-  }, [state.checkedValues, state.checkAll, style, disabled, isView, value]);
-
-  /**
-   * 全选操作
-   */
-  var handleAllCheck = e => {
-    var checked = e.target.checked;
-    var checkedValues = [];
-    var treeViewData = [];
-    if (modeType === LIST || modeType === CASCADER) {
-      if (checked) {
-        checkedValues = state.flatTreeData.map(item => item[fieldNameValue]);
-      } else if (!checked && span) {
-        // ProTable 场景下 disabled 不取消掉
-        checkedValues = state.flatTreeData.filter(item => item.disabled).map(item => item[fieldNameValue]);
-      } else if (!checked) {
-        checkedValues = [];
-      }
-    } else if (modeType === TREE) {
-      checkedValues = checked ? state.allKeys : [];
-      if (checkStrictly) {
-        treeViewData = [...state.flatTreeData];
-      } else {
-        treeViewData = (0, _utils.filterCheckedNodes)(state.originalTreeData, checkedValues, '', fieldNames);
-      }
-    }
-    if (max && checkedValues.length > max) {
-      var _locale$ProTreeModal6;
-      _antd.message.error(maxMessage ? (0, _utils.transformMessage)({
-        max
-      }, maxMessage) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal6 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal6 === void 0 ? void 0 : _locale$ProTreeModal6.selectMax, {
-        max
-      }));
-      return;
-    }
-    setState({
-      checkedValues,
-      checkAll: checked,
-      treeViewData
-    });
-  };
-
-  /**
-   * 左侧容器、分为三种 list、tree、Cascader
-   * @returns
-   */
-  var renderContainer = () => {
-    if (state.treeData.length === 0 && state.searchStr) {
-      var _locale$ProTreeModal7;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "pro-tree-modal-no-checks",
-        children: _locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal7 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal7 === void 0 ? void 0 : _locale$ProTreeModal7.noFinal
-      });
-    }
-    switch (modeType) {
-      case LIST:
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ListView, {
-          treeData: state.treeData,
-          optionRender: optionRender,
-          checkedValues: state.checkedValues,
-          handleOnChange: handleListCheckChange,
-          searchStr: state.searchStr,
-          showCodeName: showCodeName,
-          disabled: disabled || isView,
-          fieldNames: fieldNames,
-          span: span
-        });
-      case TREE:
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TreeView, {
-          treeData: state.transformedTree,
-          originalTreeData: state.originalTreeData,
-          flatTreeData: state.flatTreeData,
-          checkedValues: state.checkedValues,
-          onCheck: onCheck,
-          optionRender: optionRender,
-          searchStr: state.searchStr,
-          showCodeName: showCodeName,
-          disabled: disabled || isView,
-          checkStrictly: checkStrictly,
-          tags: tags,
-          fieldNames: fieldNames
-        });
-      case CASCADER:
-        if (state.searchStr && state.treeData.length) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ListView, {
-            treeData: state.treeData,
-            modeType: CASCADER,
-            optionRender: optionRender,
-            checkedValues: state.checkedValues,
-            handleOnChange: handleListCheckChange,
-            searchStr: state.searchStr,
-            showCodeName: showCodeName,
-            disabled: disabled || isView,
-            fieldNames: fieldNames
-          });
-        }
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Cascader, {
-          dataSource: state.treeData,
-          fieldNames: fieldNames,
-          checkedValues: state.checkedValues,
-          searchStr: state.searchStr,
-          showCodeName: showCodeName,
-          handleOnChange: handleListCheckChange,
-          optionRender: optionRender
-        });
-      default:
-        break;
-    }
-  };
-  var listTreeData = (0, _react.useMemo)(() => {
-    var checkListOptions = [];
-    state.checkedValues.forEach(key => {
-      var option = state.flatTreeData.find(item => item[fieldNameValue] === key);
-      if (option) {
-        checkListOptions.push(option);
-      }
-    });
-    return checkListOptions;
-  }, [state.checkedValues, state.flatTreeData]);
-
-  /**
-   * 勾选后的右侧展示
-   * @returns
-   */
-  var renderView = () => {
-    if (state.checkedValues.length === 0) {
-      var _locale$ProTreeModal8;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "pro-tree-modal-no-checks",
-        children: _locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal8 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal8 === void 0 ? void 0 : _locale$ProTreeModal8.noCheck
-      });
-    }
-    switch (modeType) {
-      case LIST:
-      case CASCADER:
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ListView, {
-          mode: "view",
-          showCodeName: showCodeName,
-          treeData: listTreeData,
-          fieldNames: fieldNames,
-          disabled: disabled || isView,
-          draggable: draggable,
-          flatTreeData: state.flatTreeData,
-          span: span,
-          ref: listRef,
-          optionRender: optionRender,
-          handleFilterClose: handleFilterClose,
-          handleDragEndChange: handleDragEndChange
-        });
-      case TREE:
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TreeView, {
-          mode: "view",
-          checkStrictly: checkStrictly,
-          showCodeName: showCodeName,
-          treeData: checkStrictly ? listTreeData : state.treeViewData,
-          tags: tags,
-          fieldNames: fieldNames,
-          disabled: disabled || isView,
-          draggable: draggable,
-          min: min,
-          max: max,
-          ref: listRef,
-          handleFilterClose: treeFilterClose,
-          optionRender: optionRender,
-          handleDragEndChange: handleDragEndChange
-        });
-      default:
-        break;
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "pro-tree-modal",
-      children: [open === undefined && TriggerComponent, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProDrawerForm, {
-        onOk: handleFinish,
-        onCancel: handleClose,
-        okDisabled: disabled,
-        open: state.open,
-        title: title,
-        mode: "Modal",
-        className: "pro-tree-modal-container",
-        extraLeft: allValue !== undefined && !isView ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Checkbox, {
-          checked: state.checkAll,
-          disabled: disabled,
-          onChange: handleAllCheck,
-          children: _locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal9 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal9 === void 0 ? void 0 : _locale$ProTreeModal9.checkAll
-        }) : null,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "pro-tree-modal-content",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: (0, _classnames.default)('pro-tree-modal-box', modeType === CASCADER || modeType === LIST && span ? 'pro-tree-modal-cascader-box' : ''),
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input, {
-              disabled: disabled,
-              allowClear: true,
-              value: state.searchStr,
-              placeholder: placeholder || (_locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal10 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal10 === void 0 ? void 0 : _locale$ProTreeModal10.input),
-              className: "pro-tree-modal-search",
-              onChange: e => handleSetSearchStr(e.target.value),
-              prefix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
-                className: "pro-tree-modal-search-svg",
-                src: _inputSearch.default
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "pro-tree-modal-tree-warp",
-              children: renderContainer()
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: (0, _classnames.default)('pro-tree-modal-box', modeType === CASCADER || modeType === LIST && span ? 'pro-tree-modal-cascader-box-view' : ''),
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-              className: "pro-tree-modal-box-header",
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-                children: [_locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal11 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal11 === void 0 ? void 0 : _locale$ProTreeModal11.check, " (", state.checkedValues.length, "/", max || state.flatTreeData.length, ")"]
-              }), !isView ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
-                disabled: disabled,
-                type: "link",
-                onClick: handleClearAll,
-                children: _locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal12 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal12 === void 0 ? void 0 : _locale$ProTreeModal12.clearAll
-              }) : null]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "pro-tree-modal-tree-warp  pro-transfer-right",
-              children: renderView()
-            })]
-          })]
-        })
-      })]
-    })
-  });
-};
-var _default = exports.default = ProTreeModal;