@pointcloud/pcloud-components 0.0.1 → 0.1.1

package/dist/esm/DSelect/index.js

@@ -0,0 +1,187 @@
+var _excluded = ["className", "popupClassName", "fieldNames", "searchValue", "filterOption", "options", "onSearch", "loading", "debounce"];
+
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["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-17 08:41:25
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-05-26 14:44:38
+ * @Description  : 基于antd的Select组件
+ */
+import React, { forwardRef, useEffect, useRef, useState, useMemo, useContext } from 'react';
+import { Select } from 'antd';
+import { ConfigContext } from "../ConfigProvider";
+import { jsx as _jsx } from "react/jsx-runtime";
+
+function InternalSelect(props, ref) {
+  var _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$popupClassName = props.popupClassName,
+      popupClassName = _props$popupClassName === void 0 ? '' : _props$popupClassName,
+      fieldNames = props.fieldNames,
+      searchValue = props.searchValue,
+      filterOption = props.filterOption,
+      initOptions = props.options,
+      onSearch = props.onSearch,
+      initLoading = props.loading,
+      _props$debounce = props.debounce,
+      debounce = _props$debounce === void 0 ? false : _props$debounce,
+      otherProps = _objectWithoutProperties(props, _excluded);
+
+  var _useContext = useContext(ConfigContext),
+      getPrefixCls = _useContext.getPrefixCls;
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      options = _useState2[0],
+      setOptions = _useState2[1];
+
+  var _useState3 = useState(typeof initLoading === 'boolean' ? initLoading : true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      loading = _useState4[0],
+      setLoading = _useState4[1];
+
+  var _className = "".concat(getPrefixCls('select'), " ").concat(className);
+
+  var _popupClassName = "".concat(getPrefixCls('select-dropdown'), " ").concat(popupClassName);
+
+  var debounceRef = useRef(null); // 防抖处理引用
+
+  var loadingRef = useRef({
+    timer: null,
+    status: 'done'
+  });
+  var loadingParamsRef = useRef(null); // 数据加载同步处理引用
+
+  var _fieldNames = _objectSpread({
+    label: 'label',
+    value: 'value',
+    children: 'children'
+  }, fieldNames);
+
+  var _showSearch = !!onSearch;
+
+  var _debounce = getDelayTime(debounce);
+
+  var _loadingState = getDelayTime(initLoading, 600);
+
+  var _loading = typeof initLoading === 'boolean' ? initLoading : loading;
+
+  var _filterOption = getFilterOption(!_showSearch, filterOption, _fieldNames);
+
+  var getOptions = useMemo(function () {
+    return typeof initOptions === 'function' ? initOptions : function (params) {
+      return Promise.resolve(initOptions || []);
+    };
+  }, [initOptions]);
+
+  var _onSearch = function _onSearch(value) {
+    if (onSearch) {
+      if (_debounce > 0) {
+        clearTimeout(debounceRef.current);
+        debounceRef.current = setTimeout(function () {
+          updateOptions(onSearch, value);
+        }, _debounce);
+      } else {
+        updateOptions(onSearch, value);
+      }
+    }
+  };
+
+  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);
+    } // 记录请求参数,清空options
+
+
+    loadingParamsRef.current = value;
+    setOptions([]); // 发起请求
+
+    fun === null || fun === void 0 ? void 0 : fun(value).then(function (response) {
+      if (loadingParamsRef.current === value) {
+        setOptions(response);
+        setLoading(false);
+        loadingRef.current.status = 'done';
+      }
+    }).catch(function () {
+      if (loadingParamsRef.current === value) {
+        setLoading(false);
+        loadingRef.current.status = 'done';
+      }
+    });
+  }; // eslint-disable-next-line react-hooks/exhaustive-deps
+
+
+  useEffect(function () {
+    return updateOptions(getOptions, searchValue);
+  }, [getOptions, searchValue]);
+  return /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({
+    allowClear: true,
+    filterOption: _filterOption,
+    showSearch: _showSearch,
+    searchValue: searchValue
+  }, otherProps), {}, {
+    ref: ref,
+    className: _className,
+    popupClassName: _popupClassName,
+    fieldNames: _fieldNames,
+    onSearch: _showSearch ? _onSearch : undefined,
+    loading: _loading,
+    options: options
+  }));
+} // 获取延时时间，默认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 getFilterOption(showSearch, filterOption, fieldNames) {
+  if (filterOption) {
+    return filterOption;
+  } else {
+    return showSearch && function (value, option) {
+      var _option$fieldNames$la;
+
+      return (_option$fieldNames$la = option[fieldNames.label]) === null || _option$fieldNames$la === void 0 ? void 0 : _option$fieldNames$la.includes(value);
+    };
+  }
+}
+
+var DSelect = /*#__PURE__*/forwardRef(InternalSelect);
+export default DSelect;

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

@@ -0,0 +1,39 @@
+import React from 'react';
+import { TableProps } from 'antd';
+import { ColumnType } from 'antd/lib/table';
+import './index.less';
+export declare type DTableSourceProps = {
+    records: TableProps<any>['dataSource'];
+    total: number;
+    loading?: boolean;
+};
+export declare type TableParamsProps = {
+    current?: number;
+    size?: number;
+    [key: string]: any;
+};
+export declare type DTableProps = TableProps<any> & {
+    /** 表格列的基础默认配置,默认所有列居中，表头文字超出显示省略号，详见 antd columns */
+    columnsProp?: ColumnType<any>;
+    /** 操作列配置,可以是一个普通列配置对象，也可以是一个columns的 render 函数 */
+    actionColumn?: ColumnType<any> | ColumnType<any>['render'];
+    /** 表格数据的加载函数,在表格创建、分页变化、额外参数变化时自动运行，如果设置该属性，则 dataSource 失效 */
+    loadMore?: (params?: TableParamsProps) => Promise<DTableSourceProps>;
+    /** 加载数据失败时是否显示错误信息（仅loadMore可用时生效） */
+    showErrorMsg?: boolean | ((err: any) => string);
+    /** 额外的请求参数,（仅loadMore可用时生效） */
+    extraParams?: TableParamsProps;
+};
+declare const DTable: React.ForwardRefExoticComponent<TableProps<any> & {
+    /** 表格列的基础默认配置,默认所有列居中，表头文字超出显示省略号，详见 antd columns */
+    columnsProp?: ColumnType<any> | undefined;
+    /** 操作列配置,可以是一个普通列配置对象，也可以是一个columns的 render 函数 */
+    actionColumn?: ColumnType<any> | ColumnType<any>['render'];
+    /** 表格数据的加载函数,在表格创建、分页变化、额外参数变化时自动运行，如果设置该属性，则 dataSource 失效 */
+    loadMore?: ((params?: TableParamsProps) => Promise<DTableSourceProps>) | undefined;
+    /** 加载数据失败时是否显示错误信息（仅loadMore可用时生效） */
+    showErrorMsg?: boolean | ((err: any) => string) | undefined;
+    /** 额外的请求参数,（仅loadMore可用时生效） */
+    extraParams?: TableParamsProps | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default DTable;

package/dist/esm/DTable/index.js

@@ -0,0 +1,246 @@
+var _excluded = ["loadMore", "columnsProp", "actionColumn", "showErrorMsg", "extraParams", "dataSource", "rowKey", "scroll", "className", "pagination", "columns", "loading"];
+
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["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";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+// 分页器配置项
+var defaultPagination = {
+  hideOnSinglePage: false,
+  size: 'small',
+  showSizeChanger: true,
+  showQuickJumper: true,
+  showTotal: function showTotal(total) {
+    return /*#__PURE__*/_jsxs("div", {
+      className: "d-pagination-total",
+      children: ["\u5171", /*#__PURE__*/_jsxs("span", {
+        children: [" ", 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__*/_jsx(Table, _objectSpread(_objectSpread({}, 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;