@flatbiz/antd 5.0.11 → 5.0.12

package/dist/{selector-HbymPXNd.js → selector-CxZacuxg.js}

@@ -1,11 +1,12 @@
 /*! @flatjs/forge MIT @flatbiz/antd */
 
 import { _ as _objectWithoutProperties, a as _slicedToArray, b as _objectSpread2 } from './_rollupPluginBabelHelpers-BYm17lo8.js';
+import { hooks } from '@wove/react/hooks';
 import { isObject } from '@dimjs/lang/is-object';
-import { useState } from 'react';
+import { useRef, useState } from 'react';
 import { Select } from 'antd';
 import { isUndefinedOrNull, toArray } from '@flatbiz/utils';
-import { T as TreeModal } from './select-modal-Dt4YHH8a.js';
+import { TreeModal } from './tree-modal/index.js';
 import { jsx } from 'react/jsx-runtime';
 
 var _excluded = ["placeholder", "maxTagCount", "labelInValue"];
@@ -17,18 +18,27 @@ var _excluded = ["placeholder", "maxTagCount", "labelInValue"];
  * ```
  */
 var TreeModalSelector = function TreeModalSelector(props) {
+  var _otherProps$fieldName, _otherProps$fieldName2;
   var placeholder = props.placeholder,
     maxTagCount = props.maxTagCount,
     labelInValue = props.labelInValue,
     otherProps = _objectWithoutProperties(props, _excluded);
   var placeholderFt = isUndefinedOrNull(placeholder) ? '请选择' : placeholder;
+  var dataSourceMapRef = useRef({});
+  var labelKey = ((_otherProps$fieldName = otherProps.fieldNames) === null || _otherProps$fieldName === void 0 ? void 0 : _otherProps$fieldName.label) || 'label';
+  var valueKey = ((_otherProps$fieldName2 = otherProps.fieldNames) === null || _otherProps$fieldName2 === void 0 ? void 0 : _otherProps$fieldName2.value) || 'value';
   var _useState = useState(function () {
       var _toArray;
       return ((_toArray = toArray(props.value)) === null || _toArray === void 0 ? void 0 : _toArray.map(function (item) {
-        return isObject(item) ? item : {
+        var _dataSourceMapRef$cur;
+        var objItems = isObject(item) ? item : {
           label: item,
           value: item
         };
+        return {
+          value: objItems.value,
+          label: ((_dataSourceMapRef$cur = dataSourceMapRef.current[objItems.value]) === null || _dataSourceMapRef$cur === void 0 ? void 0 : _dataSourceMapRef$cur[labelKey]) || objItems.value
+        };
       })) || [];
     }),
     _useState2 = _slicedToArray(_useState, 2),
@@ -62,14 +72,21 @@ var TreeModalSelector = function TreeModalSelector(props) {
       return item.value;
     }));
   };
+  var onDataSourceChange = hooks.useCallbackRef(function (_treeDataList, mapData) {
+    dataSourceMapRef.current = mapData;
+    var result = showValues === null || showValues === void 0 ? void 0 : showValues.map(function (item) {
+      var target = mapData[item.value];
+      return target ? {
+        label: target[labelKey],
+        value: target[valueKey]
+      } : undefined;
+    }).filter(Boolean);
+    setShowValues(result);
+  });
   return /*#__PURE__*/jsx(TreeModal, _objectSpread2(_objectSpread2({}, otherProps), {}, {
     forceRender: true,
     onChange: treeModalChange,
-    onSelectChange: function onSelectChange(values) {
-      var _props$onSelectChange;
-      setShowValues(values || []);
-      (_props$onSelectChange = props.onSelectChange) === null || _props$onSelectChange === void 0 || _props$onSelectChange.call(props, values || []);
-    },
+    onDataSourceChange: onDataSourceChange,
     children: /*#__PURE__*/jsx(Select, {
       labelInValue: true,
       style: {
@@ -86,4 +103,4 @@ var TreeModalSelector = function TreeModalSelector(props) {
 };
 
 export { TreeModalSelector as T };
-//# sourceMappingURL=selector-HbymPXNd.js.map
+//# sourceMappingURL=selector-CxZacuxg.js.map

package/dist/selector-CxZacuxg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selector-CxZacuxg.js","sources":["@flatbiz/antd/src/tree-modal-selector/selector.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { Select } from 'antd';\nimport { isObject } from '@dimjs/lang';\nimport { isUndefinedOrNull, toArray, type TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { TreeModal } from '../tree-modal/index.js';\nimport type {\n  TreeModalProps,\n  TreeModelSelectItem,\n} from '../tree-modal/types.js';\nexport type TreeModalSelectorProps = Omit<\n  TreeModalProps,\n  'children' | 'forceRender' | 'onChange'\n> & {\n  placeholder?: string;\n  /**\n   * 1. 可指定数量\n   * 2. 可设置 responsive，一行自适应显示\n   */\n  maxTagCount?: number | 'responsive';\n  /** 是否返回label+value模式 */\n  labelInValue?: boolean;\n  onChange?: (values?: TreeModelSelectItem[] | TreeModelSelectItem) => void;\n};\n\n/**\n * 树弹框选择器\n * ```\n * 1. 可通过 treeProps.checkableType 配置多选节点模式（包括返回所有节点、只返回叶子节点、叶子节点&父节点全选只返回父节点），默认只返回叶子节点\n * 2. demo: https://fex.qa.tcshuke.com/docs/admin/main/selector/tree\n * ```\n */\nexport const TreeModalSelector = (props: TreeModalSelectorProps) => {\n  const { placeholder, maxTagCount, labelInValue, ...otherProps } = props;\n  const placeholderFt = isUndefinedOrNull(placeholder) ? '请选择' : placeholder;\n\n  const dataSourceMapRef = useRef<TPlainObject>({});\n\n  const labelKey = otherProps.fieldNames?.label || 'label';\n  const valueKey = otherProps.fieldNames?.value || 'value';\n\n  const [showValues, setShowValues] = useState<TreeModelSelectItem[]>(() => {\n    return (\n      toArray(props.value)?.map((item) => {\n        const objItems = (\n          isObject(item) ? item : { label: item, value: item }\n        ) as TreeModelSelectItem;\n        return {\n          value: objItems.value,\n          label:\n            dataSourceMapRef.current[objItems.value]?.[labelKey] ||\n            objItems.value,\n        } as TreeModelSelectItem;\n      }) || []\n    );\n  });\n\n  const onInnerChange = (value: TreeModelSelectItem[]) => {\n    const valueFt = toArray(value).length ? value : undefined;\n    if (otherProps.isMultiple == false) {\n      props.onChange?.(valueFt?.[0]);\n    } else {\n      props.onChange?.(valueFt);\n    }\n  };\n\n  const onSelectChange = (value) => {\n    if (labelInValue) {\n      onInnerChange(value);\n      return;\n    }\n\n    onInnerChange(value?.map((item) => item.value));\n  };\n  const treeModalChange = (value) => {\n    if (labelInValue) {\n      onInnerChange(value);\n      return;\n    }\n\n    onInnerChange(value?.map((item) => item.value));\n  };\n\n  const onDataSourceChange = hooks.useCallbackRef(\n    (_treeDataList: TPlainObject[], mapData: TPlainObject) => {\n      dataSourceMapRef.current = mapData;\n      const result = showValues\n        ?.map((item) => {\n          const target = mapData[item.value];\n          return target\n            ? { label: target[labelKey], value: target[valueKey] }\n            : undefined;\n        })\n        .filter(Boolean) as TreeModelSelectItem[];\n      setShowValues(result);\n    }\n  );\n\n  return (\n    <TreeModal\n      {...otherProps}\n      forceRender={true}\n      onChange={treeModalChange}\n      onDataSourceChange={onDataSourceChange}\n    >\n      <Select\n        labelInValue\n        style={{ width: '100%' }}\n        placeholder={placeholderFt}\n        maxTagCount={maxTagCount}\n        mode=\"multiple\"\n        open={false}\n        value={showValues}\n        onChange={onSelectChange}\n      />\n    </TreeModal>\n  );\n};\n"],"names":["TreeModalSelector","props","_otherProps$fieldName","_otherProps$fieldName2","placeholder","maxTagCount","labelInValue","otherProps","_objectWithoutProperties","_excluded","placeholderFt","isUndefinedOrNull","dataSourceMapRef","useRef","labelKey","fieldNames","label","valueKey","value","_useState","useState","_toArray","toArray","map","item","_dataSourceMapRef$cur","objItems","_isObject","current","_useState2","_slicedToArray","showValues","setShowValues","onInnerChange","valueFt","length","undefined","isMultiple","_props$onChange","onChange","call","_props$onChange2","onSelectChange","treeModalChange","onDataSourceChange","_hooks","useCallbackRef","_treeDataList","mapData","result","target","filter","Boolean","_jsx","TreeModal","_objectSpread","forceRender","children","Select","style","width","mode","open"],"mappings":"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"}

package/dist/table-cell-render/index.js

@@ -7,7 +7,7 @@ import './../tag-list-render/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
 
-export { t as tableCellRender } from '../cell-render-iOsnjpak.js';
+export { t as tableCellRender } from '../cell-render-D4e6I9eI.js';
 import '@dimjs/lang/is-string';
 import '@dimjs/lang/is-object';
 import '@dimjs/utils/get/get';
@@ -17,7 +17,7 @@ import '@dimjs/lang/is-empty';
 import 'react';
 import 'antd';
 import '@flatbiz/utils';
-import '../button-operate-BRkW26Up.js';
+import '../button-operate-C7NGikli.js';
 import '@ant-design/icons/es/icons/MoreOutlined.js';
 import '@dimjs/lang/is-undefined';
 import '@dimjs/utils/class-names/class-names';

package/dist/tree-modal/index.d.ts

@@ -367,13 +367,10 @@ export type TreeModelSelectItem = {
 	value: string | number;
 };
 export type TreeModelSelectValue = TreeModelSelectItem[] | Array<TreeModelSelectItem["value"]> | TreeModelSelectItem["value"];
-export type TreeModalProps = {
+export type TreeModalContentProps = {
 	/** 是否多选，默认值：true */
 	isMultiple?: boolean;
 	forceRender?: boolean;
-	children: ReactElement & {
-		onClick?: (e: any) => void | Promise<void>;
-	};
 	/**
 	 * 内置尺寸，根据比例固定高度、宽度，默认：large
 	 */
@@ -395,21 +392,19 @@ export type TreeModalProps = {
 		/** 选择数量提示，例如：已选择{total}位用户 */
 		selectQuantityPrompt?: string;
 	};
-	/** 选中值变更change，包括入参value、操作选中等 */
-	onSelectChange?: (values?: TreeModelSelectItem[]) => void;
-	onChangeDataSource?: (treeDataList: TPlainObject[], mapData: TPlainObject) => void;
+	onDataSourceChange?: (treeDataList: TPlainObject[], mapData: TPlainObject) => void;
+	treeProps?: Pick<TreeWrapperProps, "showSearch" | "searchResultType" | "searchPlaceholder" | "searchValue" | "loadDataFlag" | "loadDataServiceConfig" | "icon" | "disabledCanUse" | "treeItemDataAdapter" | "searchExtraElement" | "initRootExpand" | "searchResultType" | "labelRender" | "customSearchRule" | "checkableType" | "checkStrictly" | "defaultExpandAll">;
+};
+export type TreeModalProps = TreeModalContentProps & {
+	children: ReactElement & {
+		onClick?: (e: any) => void | Promise<void>;
+	};
 	modalClassName?: string;
 	modalWidth?: number;
 	modalBodyHeight?: number;
-	treeProps?: Pick<TreeWrapperProps, "showSearch" | "searchResultType" | "searchPlaceholder" | "searchValue" | "loadDataFlag" | "loadDataServiceConfig" | "icon" | "disabledCanUse" | "treeItemDataAdapter" | "searchExtraElement" | "initRootExpand" | "searchResultType" | "labelRender" | "customSearchRule" | "checkableType">;
 };
-/**
- * 树节点数据选择，一般用于选择员工等
- * ```
- * 1. 可通过 treeProps.checkableType 配置多选节点模式（包括返回所有节点、只返回叶子节点、叶子节点&父节点全选只返回父节点），默认只返回叶子节点
- * 2. demo: https://fex.qa.tcshuke.com/docs/admin/main/selector/tree
- * ```
- */
-export declare const TreeModal: (props: TreeModalProps) => import("react").JSX.Element;
+export declare const TreeModal: ((props: TreeModalProps) => import("react").JSX.Element) & {
+	Content: (props: TreeModalContentProps) => import("react").JSX.Element;
+};
 
 export {};

package/dist/tree-modal/index.js

@@ -14,26 +14,25 @@ import './../tree-wrapper/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
 
-export { T as TreeModal } from '../select-modal-Dt4YHH8a.js';
-import '../_rollupPluginBabelHelpers-BYm17lo8.js';
-import '@dimjs/lang/is-object';
-import '@wove/react/hooks';
-import 'react';
-import 'ahooks';
-import 'antd';
-import '@flatbiz/utils';
-import '../fba-hooks/index.js';
+import { toArray, treeToTiledMap, isUndefinedOrNull, attachPropertiesToComponent } from '@flatbiz/utils';
+import { b as _objectSpread2, a as _slicedToArray } from '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import { hooks } from '@wove/react/hooks';
+import { Fragment, useRef, useState, useMemo } from 'react';
+import { useSize } from 'ahooks';
+import { Modal } from 'antd';
+import { fbaHooks } from '../fba-hooks/index.js';
+import { isObject } from '@dimjs/lang/is-object';
+import { F as FlexLayout } from '../flex-layout-BaDncU_Z.js';
+import _CloseOutlined from '@ant-design/icons/es/icons/CloseOutlined.js';
+import { C as CssNodeHover } from '../css-node-hover-CsHQgf77.js';
+import { I as IconWrapper } from '../icon-wrapper-CR3akisG.js';
+import { T as TextOverflow } from '../text-overflow-Bk9MC6Cg.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { TreeWrapper } from '../tree-wrapper/index.js';
 import '../use-responsive-point-Bp3D3lZT.js';
-import '../flex-layout-BaDncU_Z.js';
 import '@dimjs/utils/class-names/class-names';
-import 'react/jsx-runtime';
-import '@ant-design/icons/es/icons/CloseOutlined.js';
-import '../css-node-hover-CsHQgf77.js';
-import '../icon-wrapper-CR3akisG.js';
 import '@dimjs/lang/is-undefined';
-import '../text-overflow-Bk9MC6Cg.js';
 import '@dimjs/lang/is-string';
-import '../tree-wrapper/index.js';
 import '@dimjs/lang/is-array';
 import '@dimjs/model-react';
 import '@ant-design/icons/es/icons/CaretDownFilled.js';
@@ -41,7 +40,7 @@ import '@ant-design/icons/es/icons/MoreOutlined.js';
 import '@dimjs/utils/extend/extend';
 import '@dimjs/utils/get/get';
 import '@dimjs/model';
-import '../button-operate-BRkW26Up.js';
+import '../button-operate-C7NGikli.js';
 import '@dimjs/lang/is-plain-object';
 import '@dimjs/lang/is-promise';
 import '../button-wrapper-l9FUsrWl.js';
@@ -70,4 +69,391 @@ import '../input-search-wrapper-wVYGWi2O.js';
 import '../request-status-DQsSHUSx.js';
 import '@dimjs/utils/tree/walk-through-tree';
 import 'dequal';
+
+var SelectItemList = function SelectItemList(props) {
+  var chenkedIdList = props.chenkedIdList;
+  return /*#__PURE__*/jsx(Fragment, {
+    children: chenkedIdList === null || chenkedIdList === void 0 ? void 0 : chenkedIdList.map(function (item) {
+      var value = item.value;
+      var label = item.label || value;
+      return /*#__PURE__*/jsx(CssNodeHover, {
+        style: {
+          paddingLeft: 5,
+          paddingRight: 0
+        },
+        children: /*#__PURE__*/jsxs(FlexLayout, {
+          fullIndex: 1,
+          direction: "horizontal",
+          style: {
+            alignItems: 'center',
+            fontSize: 14,
+            marginBottom: 0,
+            color: '#505050'
+          },
+          children: [/*#__PURE__*/jsx(TextOverflow, {
+            text: label
+          }), /*#__PURE__*/jsx("div", {
+            style: {
+              position: 'relative',
+              zIndex: 9,
+              color: '#a1a1a1'
+            },
+            children: /*#__PURE__*/jsx(IconWrapper, {
+              text: /*#__PURE__*/jsx(_CloseOutlined, {}),
+              onClick: props.onDeleteItem.bind(null, value),
+              size: "small",
+              style: {
+                paddingRight: 5,
+                margin: '2px'
+              }
+            })
+          })]
+        })
+      }, value);
+    })
+  });
+};
+
+var SelectContent = function SelectContent(props) {
+  var _props$treeProps, _props$value;
+  var modelKey = hooks.useId(undefined, 'tree-select-modal');
+  return /*#__PURE__*/jsx(TreeWrapper, _objectSpread2(_objectSpread2({
+    initRootExpand: true,
+    showSearch: true,
+    searchPlaceholder: "\u641C\u7D22",
+    checkable: true,
+    checkableType: "2"
+  }, props.treeProps), {}, {
+    showIcon: (_props$treeProps = props.treeProps) !== null && _props$treeProps !== void 0 && _props$treeProps.icon ? true : false,
+    value: (_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.map(function (item) {
+      return item.value;
+    }),
+    modelKey: modelKey,
+    fieldNames: props.fieldNames,
+    labelInValue: true,
+    serviceConfig: props.serviceConfig,
+    onChange: function onChange(values) {
+      var _props$onChange;
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, toArray(values));
+    }
+  }));
+};
+
+var HorizontalLayout = function HorizontalLayout(props) {
+  var _props$fieldNames, _props$fieldNames2;
+  var chenkedIdList = props.value || [];
+  var valueKey = ((_props$fieldNames = props.fieldNames) === null || _props$fieldNames === void 0 ? void 0 : _props$fieldNames.value) || 'value';
+  var childrenKey = ((_props$fieldNames2 = props.fieldNames) === null || _props$fieldNames2 === void 0 ? void 0 : _props$fieldNames2.children) || 'children';
+  var _props$textConfig = props.textConfig,
+    selectQuantityPrompt = _props$textConfig.selectQuantityPrompt,
+    placeholder = _props$textConfig.placeholder;
+  return /*#__PURE__*/jsxs(FlexLayout, {
+    fullIndex: 0,
+    direction: "horizontal",
+    gap: 10,
+    style: {
+      height: '100%',
+      overflow: 'hidden'
+    },
+    children: [/*#__PURE__*/jsx("div", {
+      style: {
+        backgroundColor: '#f4f4f4',
+        padding: 10,
+        borderRadius: 5
+      },
+      children: /*#__PURE__*/jsx(SelectContent, {
+        treeProps: props.treeProps,
+        value: chenkedIdList,
+        onChange: props.onChange,
+        fieldNames: props.fieldNames,
+        serviceConfig: {
+          onRequest: props.onRequest,
+          onRequestResultAdapter: function onRequestResultAdapter(respData) {
+            var _props$onChangeDataSo;
+            var listMap = treeToTiledMap(respData, {
+              value: valueKey,
+              children: childrenKey
+            });
+            (_props$onChangeDataSo = props.onChangeDataSource) === null || _props$onChangeDataSo === void 0 || _props$onChangeDataSo.call(props, respData, listMap);
+            return respData;
+          }
+        }
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      style: {
+        width: '40%',
+        overflow: 'hidden',
+        height: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        flexShrink: 0
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        style: {
+          fontSize: 15,
+          fontWeight: '500',
+          marginBottom: 10
+        },
+        children: chenkedIdList.length > 0 ? /*#__PURE__*/jsx(Fragment, {
+          children: selectQuantityPrompt ? selectQuantityPrompt.replace('{total}', "".concat((chenkedIdList === null || chenkedIdList === void 0 ? void 0 : chenkedIdList.length) || '')) : "\u5DF2\u9009\u62E9".concat(chenkedIdList === null || chenkedIdList === void 0 ? void 0 : chenkedIdList.length)
+        }) : placeholder || '请选择'
+      }), /*#__PURE__*/jsx("div", {
+        style: {
+          overflow: 'auto',
+          flex: 1,
+          paddingRight: 15
+        },
+        children: /*#__PURE__*/jsx(SelectItemList, {
+          chenkedIdList: chenkedIdList,
+          fieldNames: props.fieldNames,
+          onDeleteItem: props.onDeleteItem
+        })
+      })]
+    })]
+  });
+};
+
+var VerticalLayout = function VerticalLayout(props) {
+  var _props$fieldNames, _props$fieldNames2;
+  var _props$textConfig = props.textConfig,
+    selectQuantityPrompt = _props$textConfig.selectQuantityPrompt,
+    placeholder = _props$textConfig.placeholder;
+  var valueKey = ((_props$fieldNames = props.fieldNames) === null || _props$fieldNames === void 0 ? void 0 : _props$fieldNames.value) || 'value';
+  var childrenKey = ((_props$fieldNames2 = props.fieldNames) === null || _props$fieldNames2 === void 0 ? void 0 : _props$fieldNames2.children) || 'children';
+  var chenkedIdList = props.value || [];
+  return /*#__PURE__*/jsxs("div", {
+    style: {
+      height: '100%',
+      overflow: 'auto'
+    },
+    children: [/*#__PURE__*/jsx("div", {
+      style: {
+        backgroundColor: '#f4f4f4',
+        padding: 10,
+        borderRadius: 5
+      },
+      children: /*#__PURE__*/jsx(SelectContent, {
+        treeProps: props.treeProps,
+        value: chenkedIdList,
+        onChange: props.onChange,
+        fieldNames: props.fieldNames,
+        serviceConfig: {
+          onRequest: props.onRequest,
+          onRequestResultAdapter: function onRequestResultAdapter(respData) {
+            var _props$onChangeDataSo;
+            var listMap = treeToTiledMap(respData, {
+              value: valueKey,
+              children: childrenKey
+            });
+            (_props$onChangeDataSo = props.onChangeDataSource) === null || _props$onChangeDataSo === void 0 || _props$onChangeDataSo.call(props, respData, listMap);
+            return respData;
+          }
+        }
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      style: {
+        marginTop: 20
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        style: {
+          fontSize: 15,
+          fontWeight: '500',
+          marginBottom: 10
+        },
+        children: chenkedIdList.length > 0 ? /*#__PURE__*/jsx(Fragment, {
+          children: selectQuantityPrompt ? selectQuantityPrompt.replace('{total}', "".concat((chenkedIdList === null || chenkedIdList === void 0 ? void 0 : chenkedIdList.length) || '')) : "\u5DF2\u9009\u62E9".concat(chenkedIdList === null || chenkedIdList === void 0 ? void 0 : chenkedIdList.length)
+        }) : placeholder
+      }), /*#__PURE__*/jsx(SelectItemList, {
+        chenkedIdList: chenkedIdList,
+        fieldNames: props.fieldNames,
+        onDeleteItem: props.onDeleteItem
+      })]
+    })]
+  });
+};
+
+var TreeModalContent = function TreeModalContent(props) {
+  var _props$fieldNames, _props$fieldNames2;
+  var isMultiple = props.isMultiple;
+  var labelKey = ((_props$fieldNames = props.fieldNames) === null || _props$fieldNames === void 0 ? void 0 : _props$fieldNames.label) || 'label';
+  var valueKey = ((_props$fieldNames2 = props.fieldNames) === null || _props$fieldNames2 === void 0 ? void 0 : _props$fieldNames2.value) || 'value';
+  var dataSourceMapRef = useRef({});
+  var screenType = fbaHooks.useResponsivePoint() || '';
+  var direction = screenType === 'xs' ? 'vertical' : 'horizontal';
+  var isMultipleFt = isUndefinedOrNull(isMultiple) ? true : isMultiple;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    values = _useState2[0],
+    setValues = _useState2[1];
+  var onDeleteItem = function onDeleteItem(value) {
+    var targetList = values === null || values === void 0 ? void 0 : values.filter(function (item) {
+      return item.value !== value;
+    });
+    setValues(targetList);
+  };
+  fbaHooks.useEffectCustom(function () {
+    var values = toArray(props.value).map(function (item) {
+      var _dataSourceMapRef$cur;
+      var target = isObject(item) ? item : {
+        label: item,
+        value: item
+      };
+      var value = target.value;
+      return {
+        value: value,
+        label: ((_dataSourceMapRef$cur = dataSourceMapRef.current[value]) === null || _dataSourceMapRef$cur === void 0 ? void 0 : _dataSourceMapRef$cur[labelKey]) || ''
+      };
+    });
+    setValues(values);
+  }, [props.value]);
+  var treePropsFt = _objectSpread2(_objectSpread2({}, props.treeProps), {}, {
+    checkable: isMultipleFt ? true : false
+  });
+  var onChange = function onChange(values) {
+    var _props$onChange;
+    setValues(values);
+    (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, values);
+  };
+  var onChangeDataSource = hooks.useCallbackRef(function (treeDataList, mapData) {
+    var _props$onDataSourceCh;
+    dataSourceMapRef.current = mapData;
+    var result = values === null || values === void 0 ? void 0 : values.map(function (item) {
+      var target = mapData[item.value];
+      return target ? {
+        label: target[labelKey],
+        value: target[valueKey]
+      } : undefined;
+    }).filter(Boolean);
+    setValues(result);
+    (_props$onDataSourceCh = props.onDataSourceChange) === null || _props$onDataSourceCh === void 0 || _props$onDataSourceCh.call(props, treeDataList, mapData);
+  });
+  return /*#__PURE__*/jsx(Fragment, {
+    children: direction === 'vertical' ? /*#__PURE__*/jsx(VerticalLayout, {
+      value: values,
+      onDeleteItem: onDeleteItem,
+      fieldNames: props.fieldNames,
+      onRequest: props.onRequest,
+      textConfig: props.textConfig,
+      onChange: onChange,
+      onChangeDataSource: onChangeDataSource,
+      treeProps: treePropsFt
+    }) : /*#__PURE__*/jsx(HorizontalLayout, {
+      value: values,
+      onDeleteItem: onDeleteItem,
+      fieldNames: props.fieldNames,
+      onRequest: props.onRequest,
+      textConfig: props.textConfig,
+      onChange: onChange,
+      onChangeDataSource: onChangeDataSource,
+      treeProps: treePropsFt
+    })
+  });
+};
+
+/**
+ * 树节点数据选择，一般用于选择员工等
+ * ```
+ * 1. 可通过 treeProps.checkableType 配置多选节点模式（包括返回所有节点、只返回叶子节点、叶子节点&父节点全选只返回父节点），默认只返回叶子节点
+ * 2. demo: https://fex.qa.tcshuke.com/docs/admin/main/selector/tree
+ * ```
+ */
+var TreeModal$1 = function TreeModal(props) {
+  var _props$size = props.size,
+    size = _props$size === void 0 ? 'large' : _props$size;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var htmlSize = useSize(document.querySelector('html'));
+  var screenType = fbaHooks.useResponsivePoint() || '';
+  var direction = screenType === 'xs' ? 'vertical' : 'horizontal';
+  var handleOnClick = hooks.useCallbackRef(function () {
+    setIsOpen(true);
+  });
+  var Action = props.children.type;
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    values = _useState4[0],
+    setValues = _useState4[1];
+  var originalValuesRef = useRef([]);
+  var customSize = useMemo(function () {
+    if (!(htmlSize !== null && htmlSize !== void 0 && htmlSize.height) || !screenType) return undefined;
+    var isXsSm = ['xs', 'sm'].includes(screenType);
+    var sizeCalculate = {};
+    if (size == 'large') {
+      sizeCalculate = {
+        height: (htmlSize === null || htmlSize === void 0 ? void 0 : htmlSize.height) * 0.65,
+        width: 800
+      };
+    } else if (size == 'small') {
+      sizeCalculate = {
+        height: (htmlSize === null || htmlSize === void 0 ? void 0 : htmlSize.height) * 0.45,
+        width: 450
+      };
+    } else if (size == 'middle') {
+      sizeCalculate = {
+        height: (htmlSize === null || htmlSize === void 0 ? void 0 : htmlSize.height) * 0.55,
+        width: 600
+      };
+    }
+    return {
+      height: props.modalBodyHeight || sizeCalculate.height,
+      width: isXsSm ? '90%' : props.modalWidth || sizeCalculate.width
+    };
+  }, [htmlSize === null || htmlSize === void 0 ? void 0 : htmlSize.height, screenType, size, props.modalBodyHeight, props.modalWidth]);
+  var onSubmit = function onSubmit() {
+    var _props$onChange;
+    (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, values);
+    setIsOpen(false);
+  };
+  var onCancel = function onCancel() {
+    setIsOpen(false);
+    setValues(originalValuesRef.current);
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Action, _objectSpread2(_objectSpread2({}, props.children.props), {}, {
+      onClick: handleOnClick
+    })), /*#__PURE__*/jsx(Modal, {
+      className: props.modalClassName,
+      title: props.textConfig.title || '选择',
+      open: isOpen,
+      onCancel: onCancel,
+      forceRender: props.forceRender,
+      centered: true,
+      width: customSize === null || customSize === void 0 ? void 0 : customSize.width,
+      onOk: onSubmit,
+      styles: direction === 'horizontal' ? {
+        body: {
+          height: customSize === null || customSize === void 0 ? void 0 : customSize.height,
+          maxHeight: 'calc(100vh - 200px)',
+          padding: '0px 0 0 20px'
+        },
+        content: {
+          padding: 0
+        },
+        header: {
+          padding: '20px 24px 0 20px'
+        },
+        footer: {
+          padding: '0 24px 20px 24px'
+        }
+      } : {
+        body: {
+          height: customSize === null || customSize === void 0 ? void 0 : customSize.height
+        }
+      },
+      children: /*#__PURE__*/jsx(TreeModalContent, _objectSpread2(_objectSpread2({}, props), {}, {
+        onChange: function onChange(values) {
+          setValues(values);
+        }
+      }))
+    })]
+  });
+};
+
+var TreeModal = attachPropertiesToComponent(TreeModal$1, {
+  Content: TreeModalContent
+});
+
+export { TreeModal };
 //# sourceMappingURL=index.js.map