@pointcloud/pcloud-components 0.0.1 → 0.1.1

package/README.md

@@ -1,47 +1,47 @@
-# pui-components
-
-pui-components 是一套基于 Antd v4.19.3 + React v17.0.0 开发的业务组件库。
-
-## 开始
-
-安装依赖
-
-```bash
-$ npm i
-```
-
-启动服务
-
-```bash
-$ npm start
-```
-
-构建文档
-
-```bash
-$ npm run docs:build
-```
-
-构建库
-
-```bash
-$ npm run build
-```
-
-发布文档站点
-
-```bash
-$ npm run deploy
-```
-
-构建 Docker 镜像
-
-```bash
-$ npm run docker:build
-```
-
-推送 Docker 镜像
-
-```bash
-$ npm run docker:push
-```
+# pui-components
+
+pui-components 是一套基于 Antd v4.19.3 + React v17.0.0 开发的业务组件库。
+
+## 开始
+
+安装依赖
+
+```bash
+$ npm i
+```
+
+启动服务
+
+```bash
+$ npm start
+```
+
+构建文档
+
+```bash
+$ npm run docs:build
+```
+
+构建库
+
+```bash
+$ npm run build
+```
+
+发布文档站点
+
+```bash
+$ npm run deploy
+```
+
+构建 Docker 镜像
+
+```bash
+$ npm run docker:build
+```
+
+推送 Docker 镜像
+
+```bash
+$ npm run docker:push
+```

package/dist/esm/AdvancedFilter/FormFilter.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FProps } from './interface';
 import './styles/index.less';
 declare const _default: (props: FProps) => JSX.Element;

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

@@ -1,4 +1,5 @@
-.pui-search-filter {
+@import '../../commonStyle/index.less';
+.@{prefix}-search-filter {
   align-items: center;
   width: 100%;
   margin-top: 10px;

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,231 @@
+var _excluded = ["className", "popupClassName", "fieldNames", "options", "onChange", "loadData", "onLoadData", "loading"];
+
+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) { 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-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";
+/**
+ *
+ * 如何只显示选中的子节点
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+
+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__*/_jsx(Cascader, _objectSpread(_objectSpread({}, 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,128 @@
+var _excluded = ["className", "onChange", "onCompositionStart", "onCompositionEnd", "value", "debounce", "enableCompose"];
+
+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-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";
+import { jsx as _jsx } from "react/jsx-runtime";
+
+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__*/_jsx(Input, _objectSpread(_objectSpread({}, 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;