@pointcloud/pcloud-components 0.0.1 → 0.1.2

package/dist/esm/DTable/index.js

@@ -0,0 +1,217 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["loadMore", "columnsProp", "actionColumn", "showErrorMsg", "extraParams", "dataSource", "rowKey", "scroll", "className", "pagination", "columns", "loading"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-05-09 15:04:48
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-05-29 14:31:34
+ * @Description  : 基于antd的Table组件
+ */
+import React, { forwardRef, useEffect, useRef, useState, useContext } from 'react';
+import { message, Table } from 'antd';
+import { ConfigContext } from "../ConfigProvider";
+import "./index.less";
+// 分页器配置项
+var defaultPagination = {
+  hideOnSinglePage: false,
+  size: 'small',
+  showSizeChanger: true,
+  showQuickJumper: true,
+  showTotal: function showTotal(total) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "d-pagination-total"
+    }, "\u5171", /*#__PURE__*/React.createElement("span", null, " ", total, " "), "\u6761");
+  }
+};
+function InternalTable(props, ref) {
+  var loadMore = props.loadMore,
+    columnsProp = props.columnsProp,
+    actionColumn = props.actionColumn,
+    _props$showErrorMsg = props.showErrorMsg,
+    showErrorMsg = _props$showErrorMsg === void 0 ? true : _props$showErrorMsg,
+    extraParams = props.extraParams,
+    dataSource = props.dataSource,
+    _props$rowKey = props.rowKey,
+    rowKey = _props$rowKey === void 0 ? 'id' : _props$rowKey,
+    scroll = props.scroll,
+    className = props.className,
+    pagination = props.pagination,
+    columns = props.columns,
+    loading = props.loading,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var loadingParamsRef = useRef(null);
+  var _tableSource = loadMore ? [] : dataSource || [];
+  var _useState = useState({
+      total: _tableSource.length,
+      loading: false,
+      records: _tableSource
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    tableSource = _useState2[0],
+    setTableSource = _useState2[1];
+  var _pagination = pagination === false || pagination === null ? false : _objectSpread(_objectSpread({}, defaultPagination), pagination);
+  var _useState3 = useState(_objectSpread(_objectSpread({}, extraParams), getTablePage(_pagination))),
+    _useState4 = _slicedToArray(_useState3, 2),
+    tableParams = _useState4[0],
+    setTableParams = _useState4[1];
+
+  // 默认垂直滚动高度为 calc(100% - 56px),其中56px为表格header高度，如需修改，需要自行覆盖styles中的相关样式
+  var _scroll = scroll ? _objectSpread({
+    y: 'calc(100% - 56px)'
+  }, scroll) : {
+    y: 'calc(100% - 56px)'
+  };
+
+  // 修改列对齐方式为居中
+  var _columns = columns === null || columns === void 0 ? void 0 : columns.map(function (item) {
+    return _objectSpread(_objectSpread({
+      align: 'center',
+      ellipsis: true
+    }, columnsProp), item);
+  });
+
+  // 加入操作列
+  var _actionColumn = actionColumn ? getActionColumnProps(actionColumn, columnsProp) : undefined;
+  _actionColumn && ((_columns === null || _columns === void 0 ? void 0 : _columns.push(_actionColumn)) || []);
+
+  // pcf-table 样式中已经包含对_scroll的支持
+  var _className = "".concat(getPrefixCls('table'), " ").concat(className || '', " ").concat(_pagination ? 'height-on-page' : '');
+
+  // loading 默认延迟 600ms
+  var _loading = typeof loading === 'boolean' ? {
+    spinning: loading,
+    delay: 600
+  } : _objectSpread({
+    delay: 600,
+    spinning: false
+  }, loading);
+
+  // 监听分页大小变化,如果外部也监听了onChange，则不会触发loadMore，但如果外部onChange返回值为undefined则正常触loadMore
+  var onChange = function onChange(page, pageSize) {
+    if (_pagination && typeof (_pagination === null || _pagination === void 0 ? void 0 : _pagination.onChange) === 'function') {
+      var data = _pagination.onChange(page, pageSize);
+      if (data === undefined) loadData(_objectSpread(_objectSpread({}, tableParams), {}, {
+        current: page,
+        size: pageSize
+      }));
+    } else {
+      loadData(_objectSpread(_objectSpread({}, tableParams), {}, {
+        current: page,
+        size: pageSize
+      }));
+    }
+  };
+  // 加载数据
+  var loadData = function loadData(params) {
+    if (typeof loadMore === 'function') {
+      setTableSource(_objectSpread(_objectSpread({}, tableSource), {}, {
+        loading: true
+      }));
+      var _tableQuery = _objectSpread(_objectSpread({}, getTablePage(_pagination)), params);
+      var paramsString = JSON.stringify(_tableQuery);
+      loadingParamsRef.current = paramsString;
+      setTableParams(_tableQuery);
+      loadMore(_tableQuery).then(function (response) {
+        if (loadingParamsRef.current === paramsString) {
+          var _response$total = response.total,
+            total = _response$total === void 0 ? 0 : _response$total,
+            _response$records = response.records,
+            records = _response$records === void 0 ? [] : _response$records;
+          setTableSource({
+            total: total,
+            records: records,
+            loading: false
+          });
+        }
+      }).catch(function (err) {
+        setTableSource(_objectSpread(_objectSpread({}, tableSource), {}, {
+          loading: false
+        }));
+        if (showErrorMsg) {
+          var _err$response, _err$response$data;
+          var errMsg = (err === null || err === void 0 ? void 0 : (_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.msg) || (err === null || err === void 0 ? void 0 : err.msg) || (err === null || err === void 0 ? void 0 : err.message);
+          message.error(typeof showErrorMsg === 'function' ? showErrorMsg(err) : "\u6570\u636E\u52A0\u8F7D\u5F02\u5E38\uFF1A".concat(errMsg));
+        } else {
+          throw err;
+        }
+      });
+    } else if (dataSource) {
+      var total = _pagination && _pagination.total || dataSource.length;
+      setTableParams(_objectSpread(_objectSpread({}, getTablePage(_pagination)), params));
+      setTableSource({
+        total: total,
+        loading: false,
+        records: dataSource
+      });
+    }
+  };
+
+  // 数据初始加载
+  useEffect(function () {
+    return loadData(extraParams);
+  }, [dataSource, extraParams]);
+  return /*#__PURE__*/React.createElement(Table, _extends({}, otherProps, {
+    ref: ref,
+    rowKey: rowKey,
+    className: _className,
+    columns: _columns,
+    dataSource: tableSource.records,
+    pagination: _objectSpread(_objectSpread({}, _pagination), {}, {
+      total: tableSource.total,
+      current: tableParams.current,
+      pageSize: tableParams.size,
+      onChange: onChange
+    }),
+    scroll: _scroll,
+    loading: _objectSpread(_objectSpread({}, _loading), {}, {
+      spinning: tableSource.loading
+    })
+  }));
+}
+
+// 操作列
+function getActionColumnProps(props, columnsProp) {
+  var defaultProps = {
+    width: 140,
+    title: '操作',
+    dataIndex: 'action'
+  };
+  if (typeof props === 'function') {
+    return _objectSpread(_objectSpread(_objectSpread({}, columnsProp), defaultProps), {}, {
+      render: props
+    });
+  } else {
+    return _objectSpread(_objectSpread(_objectSpread({}, columnsProp), defaultProps), props);
+  }
+}
+
+// 分页配置
+function getTablePage(_pagination) {
+  var _ref = _pagination || {},
+    current = _ref.current,
+    defaultCurrent = _ref.defaultCurrent,
+    pageSize = _ref.pageSize,
+    defaultPageSize = _ref.defaultPageSize;
+  return {
+    current: current || defaultCurrent || 1,
+    size: pageSize || defaultPageSize || 10
+  };
+}
+var DTable = /*#__PURE__*/forwardRef(InternalTable);
+export default DTable;

package/dist/esm/DTable/index.less

@@ -0,0 +1,62 @@
+@import '../commonStyle/index.less';
+.@{prefix}-table {
+  .ant-spin-nested-loading,
+  .ant-spin-container,
+  .ant-table-container,
+  .ant-table {
+    width: 100%;
+    height: 100%;
+  }
+
+  // 隐藏表头最后一个滚动样式单元格
+  // .ant-table-thead .ant-table-cell-scrollbar {
+  //     position: absolute;
+  //     top: -1px;
+  //     border: none;
+  //     box-shadow: none;
+  //     background-color: #2e404d;
+  // }
+
+  .ant-table-body {
+    position: absolute;
+    min-width: 100%;
+    max-width: 100%;
+    min-height: calc(100% - 56px);
+    max-height: calc(100% - 56px);
+    // 表头显示省略号，但表内单元格不省略
+    .ant-table-tbody > tr > td.ant-table-cell.ant-table-cell-ellipsis {
+      white-space: initial;
+    }
+    // x轨道的宽度和y轨道的高度
+    &::-webkit-scrollbar {
+      width: 4px;
+      height: 8px;
+    }
+    // 轨道拖动部分的背景颜色
+    &::-webkit-scrollbar-thumb {
+      background-color: #0084ff;
+    }
+    // 轨道背景颜色
+    &::-webkit-scrollbar-track {
+      background-color: #f1f1f1;
+      border-radius: 2px;
+    }
+    // x、y两条轨道的交叉处
+    &::-webkit-scrollbar-corner {
+      background-color: #f1f1f1;
+    }
+  }
+  .ant-spin-nested-loading > div > .ant-spin {
+    max-height: initial;
+  }
+  .ant-pagination-total-text span {
+    color: #40a9ff;
+    font-weight: bold;
+  }
+
+  &.height-on-page {
+    .ant-table {
+      height: calc(100% - 56px);
+    }
+  }
+}

package/dist/esm/DTreeSelect/index.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { TreeSelectProps } from 'antd';
+import { DefaultOptionType } from 'antd/lib/select';
+import { BaseSelectRef } from 'rc-select/lib/BaseSelect';
+import './index.less';
+export declare type DTreeSelectProps = Omit<TreeSelectProps, 'treeData' | 'loadData' | 'loading'> & {
+    /** antd的treeData属性，可以是一个treeData数组，或一个返回等价treeData数组的promise */
+    treeData?: TreeSelectProps['treeData'] | ((node?: DefaultOptionType) => Promise<TreeSelectProps['treeData']>);
+    /** antd的loadData属性，动态加载子级列表数据,默认使用treeData所提供的方法，如果传入null，则表示不进行动态加载,该方法要求返回一个treeData数组或与其等价的Promise */
+    loadData?: ((node?: DefaultOptionType) => Promise<TreeSelectProps['treeData']>) | null;
+    /** 等同antd的loadData属性,用于监听loadData事件*/
+    onLoadData?: (node?: DefaultOptionType) => void;
+    /** antd的loading属性，是否显示加载中：传入数字表示延迟加载,单位毫秒，0等同于false */
+    loading?: boolean | number;
+};
+declare const DTreeSelect: React.ForwardRefExoticComponent<Omit<TreeSelectProps<any, import("rc-tree-select/lib/TreeSelect").DefaultOptionType>, "loading" | "treeData" | "loadData"> & {
+    /** antd的treeData属性，可以是一个treeData数组，或一个返回等价treeData数组的promise */
+    treeData?: import("rc-tree-select/lib/TreeSelect").DefaultOptionType[] | ((node?: DefaultOptionType) => Promise<TreeSelectProps['treeData']>) | undefined;
+    /** antd的loadData属性，动态加载子级列表数据,默认使用treeData所提供的方法，如果传入null，则表示不进行动态加载,该方法要求返回一个treeData数组或与其等价的Promise */
+    loadData?: ((node?: DefaultOptionType) => Promise<TreeSelectProps['treeData']>) | null | undefined;
+    /** 等同antd的loadData属性,用于监听loadData事件*/
+    onLoadData?: ((node?: DefaultOptionType) => void) | undefined;
+    /** antd的loading属性，是否显示加载中：传入数字表示延迟加载,单位毫秒，0等同于false */
+    loading?: number | boolean | undefined;
+} & React.RefAttributes<BaseSelectRef>>;
+export default DTreeSelect;

package/dist/esm/DTreeSelect/index.js

@@ -0,0 +1,174 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["className", "popupClassName", "treeData", "fieldNames", "treeNodeFilterProp", "loadData", "onLoadData", "loading"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-05-22 10:38:17
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-05-26 17:51:19
+ * @Description  : 基于antd的TreeSelect组件
+ */
+
+import React, { useRef, forwardRef, useState, useEffect, useMemo, useContext } from 'react';
+import { TreeSelect } from 'antd';
+import { ConfigContext } from "../ConfigProvider";
+import "./index.less";
+/**
+ *
+ * loading相关代码
+ */
+
+function InternalTreeSelect(props, ref) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    popupClassName = props.popupClassName,
+    initOptions = props.treeData,
+    fieldNames = props.fieldNames,
+    treeNodeFilterProp = props.treeNodeFilterProp,
+    loadData = props.loadData,
+    onLoadData = props.onLoadData,
+    initLoading = props.loading,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    treeData = _useState2[0],
+    setTreeData = _useState2[1];
+  var _useState3 = useState(typeof initLoading === 'boolean' ? initLoading : true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var loadingParamsRef = useRef(null); // 数据加载同步处理引用
+  var loadingRef = useRef({
+    timer: null,
+    status: 'done'
+  }); // treeData加载状态引用
+
+  var _className = "".concat(getPrefixCls('tree-select'), " ").concat(className);
+  var _popupClassName = "".concat(getPrefixCls('tree-select-dropdown'), " ").concat(popupClassName);
+  var _fieldNames = _objectSpread({
+    label: 'label',
+    value: 'value',
+    children: 'children'
+  }, fieldNames);
+  var _treeNodeFilterProp = _fieldNames.label;
+  var _loadingState = getDelayTime(loading, 600); // loading: 默认600ms，false或0表示不开启
+
+  var _loading = typeof initLoading === 'boolean' ? initLoading : loading;
+
+  // 将外部传入的options转化为统一的异步请求方法
+  var getOptionsFun = useMemo(function () {
+    return typeof initOptions === 'function' ? initOptions : function (params) {
+      return Promise.resolve(initOptions || []);
+    };
+  }, [initOptions]);
+  var updateOptions = function updateOptions(fun, value) {
+    // 设置加载中状态
+    if (_loadingState > 0) {
+      loadingRef.current.status = 'loading';
+      clearTimeout(loadingRef.current.timer);
+      loadingRef.current.timer = setTimeout(function () {
+        loadingRef.current.status === 'loading' && setLoading(true);
+      }, _loadingState);
+    }
+    // 发起请求
+    loadingParamsRef.current = value;
+    fun === null || fun === void 0 ? void 0 : fun(value).then(function (response) {
+      if (loadingParamsRef.current === value) {
+        setTreeData(response);
+        setLoading(false);
+        loadingRef.current.status = 'done';
+      }
+    }).catch(function () {
+      if (loadingParamsRef.current === value) {
+        setLoading(false);
+        loadingRef.current.status = 'done';
+      }
+    });
+  };
+  var _loadData = function _loadData(selectedOption) {
+    onLoadData && onLoadData(selectedOption);
+    var _getOptions = typeof initOptions === 'function' ? initOptions : null;
+    var loadFn = loadData === null ? loadData : loadData || _getOptions;
+    if (typeof loadFn === 'function') {
+      var loadFnPromise = loadFn === null || loadFn === void 0 ? void 0 : loadFn(selectedOption);
+      if (typeof loadFnPromise['then'] === 'function') {
+        loadFnPromise.then(function (response) {
+          var list = treeData || [];
+          var node = deepFind(list, function (item) {
+            return item[_fieldNames.value] === selectedOption[_fieldNames.value];
+          }, _fieldNames.children);
+          node && (node[_fieldNames.children] = response);
+          setTreeData(_toConsumableArray(list));
+        });
+      }
+      return loadFnPromise;
+    } else {
+      return Promise.resolve();
+    }
+  };
+
+  // 初始加载数据
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useEffect(function () {
+    return updateOptions(getOptionsFun);
+  }, [getOptionsFun]);
+  return /*#__PURE__*/React.createElement(TreeSelect, _extends({}, otherProps, {
+    ref: ref,
+    className: _className,
+    popupClassName: _popupClassName,
+    fieldNames: _fieldNames,
+    treeNodeFilterProp: _treeNodeFilterProp,
+    treeData: treeData,
+    loadData: _loadData,
+    loading: _loading
+  }));
+}
+
+// 获取延时时间，默认800ms，true代表默认时间,false代表0
+function getDelayTime(value) {
+  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 800;
+  if (value === true) {
+    return defaultValue;
+  } else if (value === false) {
+    return 0;
+  } else {
+    return typeof value === 'number' ? Number(value) || 0 : defaultValue;
+  }
+}
+function deepFind(node, fn) {
+  var childrenName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'children';
+  if (fn instanceof Function) {
+    var treelist = node instanceof Array ? node : [node];
+    for (var i = 0; i < treelist.length; i++) {
+      if (fn(treelist[i], i)) {
+        return treelist[i];
+      } else {
+        var target = deepFind(treelist[i][childrenName] || [], fn, childrenName);
+        if (target) return target;
+      }
+    }
+  } else {
+    return undefined;
+  }
+}
+var DTreeSelect = /*#__PURE__*/forwardRef(InternalTreeSelect);
+export default DTreeSelect;

package/dist/esm/DTreeSelect/index.less

@@ -0,0 +1,9 @@
+@import '../commonStyle/index.less';
+.@{prefix}-tree-select-dropdown .ant-select-tree-node-content-wrapper {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.@{prefix}-tree-select-dropdown .ant-select-tree-node-content-wrapper .ant-select-tree-title {
+  overflow: hidden;
+}

package/dist/esm/ErrorBoundary/index.d.ts

@@ -1,5 +1,6 @@
+import * as React from 'react';
 import './index.less';
 declare function ErrorBoundary<T>({ err }: {
     err?: T;
-}): JSX.Element;
+}): React.JSX.Element;
 export default ErrorBoundary;

package/dist/esm/ErrorBoundary/index.js

@@ -1,39 +1,28 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import * as React from 'react';
 import classNames from 'classnames';
 import "./index.less";
 import { ConfigContext } from "../ConfigProvider";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-
 function ErrorBoundary(_ref) {
   var err = _ref.err;
-
   var _React$useContext = React.useContext(ConfigContext),
-      prefixCls = _React$useContext.prefixCls,
-      getPrefixCls = _React$useContext.getPrefixCls;
-
+    prefixCls = _React$useContext.prefixCls,
+    getPrefixCls = _React$useContext.getPrefixCls;
   var classname = getPrefixCls('error-boundary');
   var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-error-boundary"), !!prefixCls), classname);
-
   function refreshPage() {
     window.location.reload();
   }
-
-  return /*#__PURE__*/_jsxs("div", {
-    className: wrapperClass,
-    children: [/*#__PURE__*/_jsx("h2", {
-      children: "\u62B1\u6B49,\u7CFB\u7EDF\u51FA\u73B0\u95EE\u9898."
-    }), /*#__PURE__*/_jsx("div", {
-      className: "error-text",
-      children: err && JSON.stringify(err)
-    }), /*#__PURE__*/_jsx("div", {
-      className: "error-refresh",
-      onClick: refreshPage,
-      children: "\u91CD\u65B0\u5237\u65B0\u6D4F\u89C8\u5668"
-    })]
-  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: wrapperClass
+  }, /*#__PURE__*/React.createElement("h2", null, "\u62B1\u6B49,\u7CFB\u7EDF\u51FA\u73B0\u95EE\u9898."), /*#__PURE__*/React.createElement("div", {
+    className: "error-text"
+  }, err && JSON.stringify(err)), /*#__PURE__*/React.createElement("div", {
+    className: "error-refresh",
+    onClick: refreshPage
+  }, "\u91CD\u65B0\u5237\u65B0\u6D4F\u89C8\u5668"));
 }
-
 export default ErrorBoundary;

package/dist/esm/ErrorBoundary/index.less

@@ -1,4 +1,5 @@
-.pui-error-boundary {
+@import '../commonStyle/index.less';
+.@{prefix}-error-boundary {
   display: flex;
   flex-direction: column;
   align-items: center;

package/dist/esm/LabelValue/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { LabelValueProps } from './interface';
 import './styles/index.less';
-declare function LabelValue({ label, value, emptyValue, className, noWrap, noColon }: LabelValueProps): JSX.Element;
+declare function LabelValue({ label, value, emptyValue, className, noWrap, noColon }: LabelValueProps): React.JSX.Element;
 declare namespace LabelValue {
     var defaultProps: {
         className: string;

package/dist/esm/LabelValue/index.js

@@ -1,39 +1,32 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React, { useContext } from 'react';
 import classNames from 'classnames';
 import { ConfigContext, defaultPrefixCls } from "../ConfigProvider";
 import "./styles/index.less";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-
 function LabelValue(_ref) {
   var label = _ref.label,
-      value = _ref.value,
-      emptyValue = _ref.emptyValue,
-      className = _ref.className,
-      noWrap = _ref.noWrap,
-      noColon = _ref.noColon;
-
+    value = _ref.value,
+    emptyValue = _ref.emptyValue,
+    className = _ref.className,
+    noWrap = _ref.noWrap,
+    noColon = _ref.noColon;
   var _useContext = useContext(ConfigContext),
-      prefixCls = _useContext.prefixCls,
-      getPrefixCls = _useContext.getPrefixCls;
-
+    prefixCls = _useContext.prefixCls,
+    getPrefixCls = _useContext.getPrefixCls;
   var classname = getPrefixCls('label-value');
   var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-label-value"), !!prefixCls), classname, className);
-  return /*#__PURE__*/_jsxs("div", {
-    className: wrapperClass,
-    children: [/*#__PURE__*/_jsxs("span", {
-      className: "".concat(defaultPrefixCls, "-label"),
-      children: [label, noColon ? '' : ':']
-    }), /*#__PURE__*/_jsx("span", {
-      title: value,
-      className: "".concat(noWrap ? "".concat(defaultPrefixCls, "-value no-wrap") : "".concat(defaultPrefixCls, "-value")),
-      children: value || emptyValue || '暂无'
-    })]
-  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: wrapperClass
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "".concat(defaultPrefixCls, "-label")
+  }, label, noColon ? '' : ':'), /*#__PURE__*/React.createElement("span", {
+    title: value,
+    className: "".concat(noWrap ? "".concat(defaultPrefixCls, "-value no-wrap") : "".concat(defaultPrefixCls, "-value"))
+  }, value || emptyValue || '暂无'));
 }
-
 LabelValue.defaultProps = {
   className: '',
   label: '',

package/dist/esm/LabelValue/styles/index.less

@@ -1,4 +1,5 @@
-.pui-label-value {
+@import '../../commonStyle/index.less';
+.@{prefix}-label-value {
   display: inline-flex;
   span {
     &:first-child {