@pointcloud/pcloud-components 0.0.1 → 0.1.2

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

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

package/dist/esm/DCascader/index.js

@@ -0,0 +1,196 @@
+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", "fieldNames", "options", "onChange", "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-18 13:35:38
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-05-26 16:18:55
+ * @Description  : 基于antd的Cascader组件
+ */
+import React, { useRef, forwardRef, useState, useEffect, useMemo, useContext } from 'react';
+import { Cascader } from 'antd';
+import { ConfigContext } from "../ConfigProvider";
+import "./index.less";
+
+/**
+ *
+ * 如何只显示选中的子节点
+ */
+
+function InternalCascader(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,
+    initOptions = props.options,
+    onChange = props.onChange,
+    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),
+    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 loadingParamsRef = useRef(null); // 数据加载同步处理引用
+  var loadingRef = useRef({
+    timer: null,
+    status: 'done'
+  }); // options加载状态引用
+  var timestamp = new Date().getTime();
+  var _className = "".concat(getPrefixCls('cascader'), " d-cascader-").concat(timestamp, " ").concat(className);
+  var _popupClassName = "".concat(getPrefixCls('cascader-dropdown'), " d-cascader-dropdown-").concat(timestamp, " ").concat(popupClassName);
+  var _fieldNames = _objectSpread({
+    label: 'label',
+    value: 'value',
+    children: 'children'
+  }, fieldNames);
+  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 () {
+      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) {
+        setOptions(response);
+        setLoading(false);
+        loadingRef.current.status = 'done';
+      }
+    }).catch(function () {
+      if (loadingParamsRef.current === value) {
+        setLoading(false);
+        loadingRef.current.status = 'done';
+      }
+    });
+  };
+  var _loadData = function _loadData(selectedOptions) {
+    var targetOption = selectedOptions[selectedOptions.length - 1];
+    onLoadData && onLoadData(targetOption[_fieldNames.value], targetOption, selectedOptions);
+    var _getOptions = typeof initOptions === 'function' ? initOptions : null;
+    var loadFn = loadData === null ? loadData : loadData || _getOptions;
+    if (typeof loadFn === 'function') {
+      loadFn === null || loadFn === void 0 ? void 0 : loadFn(targetOption[_fieldNames.value], targetOption, selectedOptions).then(function (response) {
+        targetOption[_fieldNames.children] = response;
+        targetOption.loading = false;
+        setOptions(_toConsumableArray(options));
+      }).catch(function () {
+        targetOption.loading = false;
+        setOptions(_toConsumableArray(options));
+      });
+    }
+  };
+  var _onChange = function _onChange(value, selectedOptions) {
+    return onChange === null || onChange === void 0 ? void 0 : onChange(value, selectedOptions);
+  };
+
+  // 初始加载数据
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useEffect(function () {
+    return updateOptions(getOptionsFun);
+  }, [getOptionsFun]);
+
+  // 操作dom设置下拉菜单样式,使下拉菜单宽度与选择框保持一致
+  useEffect(function () {
+    var dSelectDropDom = document.querySelector(".d-cascader-dropdown-".concat(timestamp));
+    if (dSelectDropDom) {
+      updateDropDom(dSelectDropDom, timestamp);
+    } else {
+      var observer = new MutationObserver(function (mutations) {
+        var _ref = mutations[0] || {},
+          addedNodes = _ref.addedNodes;
+        for (var i = 0; i < addedNodes.length; i++) {
+          if (typeof addedNodes[i]['querySelector'] === 'function') {
+            var _dSelectDropDom = addedNodes[i]['querySelector'](".d-cascader-dropdown-".concat(timestamp));
+            if (_dSelectDropDom) {
+              observer.disconnect();
+              updateDropDom(_dSelectDropDom, timestamp);
+            }
+          }
+        }
+      });
+      observer.observe(document.body, {
+        childList: true
+      });
+      return function () {
+        return observer === null || observer === void 0 ? void 0 : observer.disconnect();
+      };
+    }
+  }, [timestamp]);
+  return /*#__PURE__*/React.createElement(Cascader, _extends({}, otherProps, {
+    ref: ref,
+    fieldNames: _fieldNames,
+    loadData: _loadData,
+    className: _className,
+    popupClassName: _popupClassName,
+    options: options,
+    loading: _loading,
+    onChange: _onChange
+  }));
+}
+
+// 获取延时时间，默认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 updateDropDom(dSelectDropDom, timestamp) {
+  var dSelectDom = document.querySelector(".d-cascader-".concat(timestamp));
+  var dSelectDropFirstMenu = dSelectDropDom.querySelector('ul.ant-cascader-menu');
+  if (dSelectDom) {
+    // 获取选择框宽度并恢复其初始样式
+    dSelectDropDom.style.minWidth = "".concat(dSelectDom.clientWidth, "px");
+    dSelectDropFirstMenu.style.minWidth = "".concat(dSelectDom.clientWidth, "px");
+    // className && dSelectDom.setAttribute('class', className.replace(`d-cascader-${timestamp}`, ''));
+    // dSelectDropDom.setAttribute('class', dSelectDropDom.className.replace(`d-cascader-dropdown-${timestamp}`, ''));
+  }
+}
+
+var DCascader = /*#__PURE__*/forwardRef(InternalCascader);
+export default DCascader;

package/dist/esm/DCascader/index.less

@@ -0,0 +1,20 @@
+@import '../commonStyle/index.less';
+.@{prefix}-cascader-dropdown .ant-cascader-menu {
+  &::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+  // 轨道拖动部分的背景颜色
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.5);
+    border-radius: 8px;
+  }
+  // 轨道背景颜色
+  &::-webkit-scrollbar-track {
+    border-radius: 2px;
+  }
+  // x、y两条轨道的交叉处
+  &::-webkit-scrollbar-corner {
+    background-color: #f1f1f1;
+  }
+}

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

@@ -0,0 +1,19 @@
+import React, { ChangeEvent } from 'react';
+import { InputProps, InputRef } from 'antd';
+export declare type DInputProps = Omit<InputProps, 'onChange'> & {
+    /** 输入框内容变化时的回调 */
+    onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
+    /** 是否启用合成输入 */
+    enableCompose?: boolean;
+    /** 是否开启防抖： true表示800毫秒，false或0表示不开启 */
+    debounce?: boolean | number;
+};
+declare const DInput: React.ForwardRefExoticComponent<Omit<InputProps, "onChange"> & {
+    /** 输入框内容变化时的回调 */
+    onChange?: ((value: string, event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+    /** 是否启用合成输入 */
+    enableCompose?: boolean | undefined;
+    /** 是否开启防抖： true表示800毫秒，false或0表示不开启 */
+    debounce?: number | boolean | undefined;
+} & React.RefAttributes<InputRef>>;
+export default DInput;

package/dist/esm/DInput/index.js

@@ -0,0 +1,102 @@
+var _excluded = ["className", "onChange", "onCompositionStart", "onCompositionEnd", "value", "debounce", "enableCompose"];
+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 _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-16 10:08:26
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-05-26 09:44:03
+ * @Description  : 基于antd的Input组件
+ */
+import React, { useRef, forwardRef, useState, useContext } from 'react';
+import { Input } from 'antd';
+import { ConfigContext } from "../ConfigProvider";
+function InternalInput(props, ref) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    onChange = props.onChange,
+    onCompositionStart = props.onCompositionStart,
+    onCompositionEnd = props.onCompositionEnd,
+    initValue = props.value,
+    _props$debounce = props.debounce,
+    debounce = _props$debounce === void 0 ? false : _props$debounce,
+    _props$enableCompose = props.enableCompose,
+    enableCompose = _props$enableCompose === void 0 ? true : _props$enableCompose,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var _useState = useState(initValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    composeFlag = _useState4[0],
+    setComposeFlag = _useState4[1];
+  var debounceRef = useRef();
+  var _className = "".concat(getPrefixCls('input'), " ").concat(className);
+
+  // debounce: 默认800ms，false或0表示不开启
+  var _debounce = getDebounceTime(debounce);
+  var emitChange = function emitChange(_value, e) {
+    if (_debounce > 0) {
+      clearTimeout(debounceRef.current);
+      debounceRef.current = setTimeout(function () {
+        onChange === null || onChange === void 0 ? void 0 : onChange(_value, e);
+      }, _debounce);
+    } else {
+      onChange === null || onChange === void 0 ? void 0 : onChange(_value, e);
+    }
+  };
+
+  // 监听用户onChange事件（如果正在进行合成输入，则不响应用户事件）
+  var _onChange = function _onChange(e) {
+    var _value = e.target.value;
+    setValue(_value);
+    if (!composeFlag) emitChange(_value, e);
+  };
+
+  // 监听合成输入开始事件(执行用户事件并置合成标记为true)
+  var _onCompositionStart = function _onCompositionStart(e) {
+    onCompositionStart === null || onCompositionStart === void 0 ? void 0 : onCompositionStart(e);
+    enableCompose && setComposeFlag(true);
+  };
+
+  // 监听合成输入结束事件(执行用户事件并置合成标记为false,同时触发用户onChange事件)
+  var _onCompositionEnd = function _onCompositionEnd(e) {
+    onCompositionEnd === null || onCompositionEnd === void 0 ? void 0 : onCompositionEnd(e);
+    if (enableCompose) {
+      setComposeFlag(false);
+      emitChange(e.target.value, e);
+    }
+  };
+  return /*#__PURE__*/React.createElement(Input, _extends({}, otherProps, {
+    className: _className,
+    ref: ref,
+    value: value,
+    onChange: _onChange,
+    onCompositionStart: _onCompositionStart,
+    onCompositionEnd: _onCompositionEnd
+  }));
+}
+
+// 获取防抖超时时间，debounce: 默认800ms，false或0表示不开启
+function getDebounceTime(debounce) {
+  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 800;
+  if (debounce === true) {
+    return defaultValue;
+  } else if (debounce === false) {
+    return 0;
+  } else {
+    return typeof debounce === 'number' ? debounce : defaultValue;
+  }
+}
+var DInput = /*#__PURE__*/forwardRef(InternalInput);
+export default DInput;

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { SelectProps } from 'antd';
+import { DefaultOptionType } from 'antd/lib/select';
+import { BaseSelectRef } from 'rc-select/lib/BaseSelect';
+export declare type DSelectProps = Omit<SelectProps, 'options' | 'onSearch' | 'loading'> & {
+    /** antd的onSearch属性，onSearch有效时showSearch自动为true */
+    onSearch?: (params?: any) => Promise<DefaultOptionType[] | any[]>;
+    /** antd的options属性，可以是一个options数组，或一个返回等价options数组的promise */
+    options?: DefaultOptionType[] | DSelectProps['onSearch'];
+    /** antd的loading属性，是否显示加载中：传入数字表示延迟加载,单位毫秒，0等同于false */
+    loading?: boolean | number;
+    /** 是否开启防抖： true表示800毫秒，true表示默认值，false或0表示不开启 */
+    debounce?: boolean | number;
+};
+declare const DSelect: React.ForwardRefExoticComponent<Omit<SelectProps<any, DefaultOptionType>, "onSearch" | "options" | "loading"> & {
+    /** antd的onSearch属性，onSearch有效时showSearch自动为true */
+    onSearch?: ((params?: any) => Promise<DefaultOptionType[] | any[]>) | undefined;
+    /** antd的options属性，可以是一个options数组，或一个返回等价options数组的promise */
+    options?: DefaultOptionType[] | DSelectProps['onSearch'];
+    /** antd的loading属性，是否显示加载中：传入数字表示延迟加载,单位毫秒，0等同于false */
+    loading?: number | boolean | undefined;
+    /** 是否开启防抖： true表示800毫秒，true表示默认值，false或0表示不开启 */
+    debounce?: number | boolean | undefined;
+} & React.RefAttributes<BaseSelectRef>>;
+export default DSelect;

package/dist/esm/DSelect/index.js

@@ -0,0 +1,160 @@
+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", "fieldNames", "searchValue", "filterOption", "options", "onSearch", "loading", "debounce"];
+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-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";
+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__*/React.createElement(Select, _extends({
+    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;