@kdcloudjs/table 1.0.0

package/dist/kd-ui.less

@@ -0,0 +1,2 @@
+@import "../lib/style/index.less";
+@import "../lib/style/components.less";

package/dist/theme.js

@@ -0,0 +1,13 @@
+const defaultTheme = require('./default-theme.js');
+
+function getThemeVariables(options = {}) {
+  let themeVar = {
+    'hack': `true;@import "${require.resolve('kd-ui/lib/style/color/colorPalette.less')}";`,
+    ...defaultTheme
+  };
+  return themeVar;
+}
+
+module.exports = {
+  getThemeVariables
+}

package/es/_utils/arrayUtil.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 检查数组value的值是否唯一
+ * @param value 需要检查值是否唯一的数组
+ */
+export declare const isArrayValueRepeat: (value: any[]) => boolean;

package/es/_utils/arrayUtil.js

@@ -0,0 +1,17 @@
+/**
+ * 检查数组value的值是否唯一
+ * @param value 需要检查值是否唯一的数组
+ */
+export var isArrayValueRepeat = function isArrayValueRepeat(value) {
+  var hash = {};
+
+  for (var i in value) {
+    if (hash[value[i]]) {
+      return true;
+    }
+
+    hash[value[i]] = true;
+  }
+
+  return false;
+};

package/es/_utils/devwarning.d.ts

@@ -0,0 +1 @@
+export default function (valid: boolean, component: string, message: string): void;

package/es/_utils/devwarning.js

@@ -0,0 +1,10 @@
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+var warned = {};
+export default function (valid, component, message) {
+  if (process.env.NODE_ENV !== 'production' && valid && !warned[message]) {
+    var _context;
+
+    warned[message] = true;
+    console.warn(_concatInstanceProperty(_context = "Warning: [kd-ui]-".concat(component, ": ")).call(_context, message));
+  }
+}

package/es/_utils/formatUtil.d.ts

@@ -0,0 +1,46 @@
+export interface FormatParam {
+    mask?: string;
+    zeroShow?: boolean;
+    decimalLength?: number;
+    showDecimalTailZero?: boolean;
+    isRound?: boolean;
+    symbol?: string;
+    code?: string;
+}
+export interface EditFormatParam {
+    zeroShow?: boolean;
+    decimalLength?: number;
+    showDecimalTailZero?: boolean;
+    roundMethod?: string;
+    symbol?: string;
+}
+/**
+ * [数值类型格式化]
+ * @param  {[type]}  num                              [待格式化的数字]
+ * @param  {String}  mask                             [数值掩码
+ * 0：必须输入数字（0—9）
+ * 9：可选择输入数字（0—9）或空格
+ * #：可选择输入数字（0—9） 递归
+ * .: 小数点
+ * ,: 千位符
+ * %: 对最终值除以100处理
+ * %%: 对最终值不做处理
+ * //A: [a-zA-Z0-9]
+ * //S: [a-zA-Z]
+ * //&：必须输入任一字符或空格
+ * //C：可选择输入任一字符或空格
+ * $: 货币
+ * ]
+ * @param  {Boolean} zeroShow                         [为零显示]
+ * @param  {[type]}  decimalLength                    [小数精度的位数]
+ * @param  {Boolean} showDecimalTailZero              [是否显示尾部零]
+ * @return                                            [格式化后的数值]
+ */
+export declare function formatNumber(num: string | number, formatParams: FormatParam): string;
+/**
+ * 格式化数字字段编辑态的值
+ * 不支持掩码的格式化信息
+ * @param {*} num
+ * @param {*} param
+ */
+export declare function formatEditNumber(num: number | string, { zeroShow, decimalLength, showDecimalTailZero, roundMethod, symbol }: EditFormatParam): string;

package/es/_utils/formatUtil.js

@@ -0,0 +1,346 @@
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _Number$parseFloat from "@babel/runtime-corejs3/core-js-stable/number/parse-float";
+import _Number$isNaN from "@babel/runtime-corejs3/core-js-stable/number/is-nan";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import { toFixed, exponentToFloat, isExp } from './numberUtil';
+/**
+ * [数值类型格式化]
+ * @param  {[type]}  num                              [待格式化的数字]
+ * @param  {String}  mask                             [数值掩码
+ * 0：必须输入数字（0—9）
+ * 9：可选择输入数字（0—9）或空格
+ * #：可选择输入数字（0—9） 递归
+ * .: 小数点
+ * ,: 千位符
+ * %: 对最终值除以100处理
+ * %%: 对最终值不做处理
+ * //A: [a-zA-Z0-9]
+ * //S: [a-zA-Z]
+ * //&：必须输入任一字符或空格
+ * //C：可选择输入任一字符或空格
+ * $: 货币
+ * ]
+ * @param  {Boolean} zeroShow                         [为零显示]
+ * @param  {[type]}  decimalLength                    [小数精度的位数]
+ * @param  {Boolean} showDecimalTailZero              [是否显示尾部零]
+ * @return                                            [格式化后的数值]
+ */
+
+export function formatNumber(num, formatParams) {
+  var _context;
+
+  var _formatParams$mask = formatParams.mask,
+      mask = _formatParams$mask === void 0 ? '' : _formatParams$mask,
+      _formatParams$zeroSho = formatParams.zeroShow,
+      zeroShow = _formatParams$zeroSho === void 0 ? false : _formatParams$zeroSho,
+      decimalLength = formatParams.decimalLength,
+      _formatParams$showDec = formatParams.showDecimalTailZero,
+      showDecimalTailZero = _formatParams$showDec === void 0 ? false : _formatParams$showDec,
+      isRound = formatParams.isRound,
+      param = __rest(formatParams, ["mask", "zeroShow", "decimalLength", "showDecimalTailZero", "isRound"]);
+
+  if (decimalLength !== undefined && (decimalLength < 0 || decimalLength > 100)) return num + '';
+  if (num === undefined || num === null) num = '';
+  var numInfo = {
+    numStr: '',
+    intStr: '',
+    decimalStr: ''
+  };
+
+  if (typeof num === 'number') {
+    numInfo.numStr = num + '';
+  } else {
+    numInfo.numStr = num.replace(/,/g, '');
+
+    if (isExp(numInfo.numStr)) {
+      numInfo.numStr = exponentToFloat(numInfo.numStr);
+    }
+  }
+
+  var floatNum = _Number$parseFloat(numInfo.numStr); // 非纯数字不处理，直接返回''
+  // if (Number.isNaN(floatNum)) return ''
+
+
+  if (_Number$isNaN(Number(num))) {
+    // throw new Error('toFixed() number argument must be a valid number')
+    return num + '';
+  } // 为零不显示，且等于零,直接返回''
+
+
+  if (!zeroShow && Number(num) === 0) return '';
+  var maskInfo = analyzMask(mask);
+  if (maskInfo.errorMask) return numInfo.numStr;
+
+  var isIncludePercent = _includesInstanceProperty(_context = numInfo.numStr).call(_context, '%');
+
+  if (maskInfo.percent) {
+    if (!isIncludePercent) {
+      var _context2;
+
+      var point = numInfo.numStr.indexOf('.');
+      var length = numInfo.numStr.length;
+
+      if (point < 0) {
+        numInfo.numStr = numInfo.numStr + '00';
+      } else if (point === length - 1) {
+        numInfo.numStr = numInfo.numStr.replace('.', '') + '00';
+      } else if (point === length - 2) {
+        numInfo.numStr = numInfo.numStr.replace('.', '') + '0';
+      } else {
+        var numStr = numInfo.numStr.replace('.', '');
+        numInfo.numStr = numStr.substring(0, point + 2) + '.' + numStr.substring(point + 2);
+      } // 去掉数字前面的零
+
+
+      numInfo.numStr = numInfo.numStr.replace(/^0+/, '');
+      if (numInfo.numStr === '.') numInfo.numStr = '0';
+
+      if (_includesInstanceProperty(_context2 = numInfo.numStr).call(_context2, '-')) {
+        // 负数的情况 去掉前面的0
+        numInfo.numStr = numInfo.numStr.replace('-', '');
+        numInfo.numStr = numInfo.numStr.replace(/^0+/, '');
+        numInfo.numStr = '-' + numInfo.numStr;
+      }
+
+      floatNum = floatNum * 100;
+    }
+  }
+
+  var isNegativeNumber = floatNum < 0; // 是否是负数
+
+  if (isNegativeNumber) {
+    var _context3;
+
+    floatNum = Math.abs(floatNum);
+    numInfo.numStr = _sliceInstanceProperty(_context3 = numInfo.numStr).call(_context3, 1); // 去除第一个负号
+  }
+
+  var numStrArr = numInfo.numStr.split('.');
+  numInfo.intStr = numStrArr[0];
+  numInfo.decimalStr = numStrArr[1] || '';
+
+  if (!showDecimalTailZero) {
+    numInfo = cutTailZero(numInfo);
+  } // 小数部分处理。暂时不考虑其他。只校验位数和尾数补零问题,整数
+
+
+  if (decimalLength !== undefined && decimalLength >= 0) {
+    // floatNum = Number.parseFloat(numInfo.numStr) // 当整数位数大于16位时，parseFloat会丢掉末尾的值,有问题！！！
+    numInfo.numStr = toFixed(numInfo.numStr, decimalLength, isRound);
+    numStrArr = numInfo.numStr.split('.'); // 去除整数部分多余的 0
+
+    var intStr = numStrArr[0].replace(/^0+/, '');
+    numInfo.intStr = intStr === '' ? '0' : intStr;
+    numInfo.decimalStr = numStrArr[1] || '';
+
+    if (!showDecimalTailZero) {
+      numInfo = cutTailZero(numInfo);
+    }
+  } // 整数部分格式化
+
+
+  var formatValue = intFormatMask(maskInfo.intMask, numInfo.intStr);
+  var currencySign = maskInfo.currencySign ? '$' : '';
+
+  if (param.symbol) {
+    currencySign = param.symbol;
+  }
+
+  return currencySign + (isNegativeNumber ? '-' : '') + (formatValue || numInfo.intStr || '0') + (numInfo.decimalStr.length > 0 ? '.' : '') + numInfo.decimalStr + (maskInfo.percent ? '%' : '');
+}
+/**
+ * 格式化数字字段编辑态的值
+ * 不支持掩码的格式化信息
+ * @param {*} num
+ * @param {*} param
+ */
+
+export function formatEditNumber(num, _ref) {
+  var _ref$zeroShow = _ref.zeroShow,
+      zeroShow = _ref$zeroShow === void 0 ? false : _ref$zeroShow,
+      decimalLength = _ref.decimalLength,
+      _ref$showDecimalTailZ = _ref.showDecimalTailZero,
+      showDecimalTailZero = _ref$showDecimalTailZ === void 0 ? false : _ref$showDecimalTailZ,
+      _ref$roundMethod = _ref.roundMethod,
+      roundMethod = _ref$roundMethod === void 0 ? '0' : _ref$roundMethod,
+      symbol = _ref.symbol;
+  // 如果精度超过100，直接返回数值
+  if (decimalLength && (decimalLength < 0 || decimalLength > 100)) return num + '';
+  if (num === undefined || num === null) num = '';
+  var numInfo = {
+    numStr: '',
+    intStr: '',
+    decimalStr: ''
+  };
+
+  if (typeof num === 'number') {
+    numInfo.numStr = num + '';
+  } else {
+    numInfo.numStr = num.replace(/,/g, '');
+
+    if (isExp(numInfo.numStr)) {
+      numInfo.numStr = exponentToFloat(numInfo.numStr);
+    }
+
+    if (symbol && numInfo.numStr.indexOf(symbol) === 0) {
+      numInfo.numStr = numInfo.numStr.replace(symbol, '');
+    }
+  }
+
+  var floatNum = _Number$parseFloat(numInfo.numStr); // 非纯数字不处理，直接返回''
+
+
+  if (_Number$isNaN(floatNum)) return ''; // 为零不显示，且等于零,直接返回''
+
+  if (!zeroShow && floatNum === 0) return '';
+  var isNegativeNumber = floatNum < 0; // 是否是负数
+
+  if (isNegativeNumber) {
+    var _context4;
+
+    floatNum = Math.abs(floatNum);
+    numInfo.numStr = _sliceInstanceProperty(_context4 = numInfo.numStr).call(_context4, 1); // 去除第一个负号
+  }
+
+  var numStrArr = numInfo.numStr.split('.');
+  numInfo.intStr = numStrArr[0];
+  numInfo.decimalStr = numStrArr[1] || '';
+
+  if (!showDecimalTailZero) {
+    numInfo = cutTailZero(numInfo);
+  } // 小数部分处理。暂时不考虑其他。只校验位数和尾数补零问题,整数
+
+
+  if (decimalLength != null && decimalLength >= 0) {
+    // floatNum = Number.parseFloat(numInfo.numStr) // 当整数位数大于16位时，parseFloat会丢掉末尾的值
+    var isRound = roundMethod.toString() === '1'; // 是否四舍五入
+
+    numInfo.numStr = toFixed(numInfo.numStr, decimalLength, isRound);
+    numStrArr = numInfo.numStr.split('.');
+    numInfo.intStr = numStrArr[0];
+    numInfo.decimalStr = numStrArr[1] || '';
+
+    if (!showDecimalTailZero) {
+      numInfo = cutTailZero(numInfo);
+    }
+  }
+
+  return (isNegativeNumber ? '-' : '') + (numInfo.intStr || '0') + (numInfo.decimalStr.length > 0 ? '.' : '') + numInfo.decimalStr;
+}
+
+function analyzMask(mask) {
+  var maskInfo = {
+    errorMask: false,
+    currencySign: false,
+    percent: false,
+    intMask: '',
+    decimalMask: '',
+    formatMask: ''
+  };
+  mask = mask.replace(/%%/g, '');
+  maskInfo.currencySign = mask.indexOf('$') >= 0; // 是否显示货币标识
+
+  maskInfo.percent = mask.indexOf('%') >= 0; // 是否有百分号
+
+  mask = mask.replace(/%/g, '').replace(/\$/g, ''); // 清楚上面的特殊字符
+
+  var masks = mask.split('.'); // 以小数点为界切分掩码
+
+  if (masks.length > 2) {
+    maskInfo.errorMask = true;
+  }
+
+  maskInfo.intMask = masks[0];
+  maskInfo.decimalMask = masks[1];
+  maskInfo.formatMask = mask;
+  return maskInfo;
+}
+
+function cutTailZero(numInfo) {
+  var decimalStr = numInfo.decimalStr;
+  var len = decimalStr.length;
+
+  if (len > 0) {
+    for (var i = len - 1; i >= 0; i--) {
+      if (decimalStr[i] === '0') {
+        decimalStr = _sliceInstanceProperty(decimalStr).call(decimalStr, 0, i);
+      } else {
+        break;
+      }
+    }
+
+    numInfo.decimalStr = decimalStr;
+  }
+
+  return numInfo;
+}
+
+function intFormatMask(intMask, intValue) {
+  var numGroupFormat = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  var index = 0;
+  var firstHashIndex = intMask.indexOf('#');
+  var lastHashIndex = intMask.lastIndexOf('#');
+  var formatValue = '';
+
+  if (intMask.split(',').length > 1) {
+    // 如果包含多个分隔符，则认为是末尾分隔符为分组数
+    lastHashIndex = intMask.length - 1 - intMask.lastIndexOf(',');
+  }
+
+  for (var i = intMask.length - 1; i >= 0;) {
+    var char = intMask.charAt(i);
+
+    switch (char) {
+      case '0':
+        // 数字必录
+        formatValue = (intValue.charAt(intValue.length - 1 - index) || '0') + formatValue;
+        index++;
+        i--;
+        break;
+
+      case '9':
+        // 数字可选
+        formatValue = intValue.charAt(intValue.length - 1 - index) + formatValue;
+        index++;
+        i--;
+        break;
+
+      case '#':
+        // 递归
+        formatValue = intValue.charAt(intValue.length - 1 - index) + formatValue;
+        index++;
+        i = i === firstHashIndex ? lastHashIndex : i - 1;
+        break;
+
+      default:
+        if (numGroupFormat) char = numGroupFormat;
+        formatValue = char + formatValue;
+        i--;
+        break;
+    }
+
+    if (index >= intValue.length) break;
+  } // 如果第一个字符不是数字，去掉
+
+
+  if (formatValue && !/^[0-9]*$/.test(formatValue.charAt(0))) {
+    formatValue = formatValue.substring(1);
+  }
+
+  return formatValue;
+}

package/es/_utils/hooks.d.ts

@@ -0,0 +1,51 @@
+import { RefObject } from 'react';
+/**
+ * @description 点击指定区域外执行回调
+ *
+ * @export
+ * @param {RefObject<HTMLElement>[]} refs
+ * @param {(e: Event) => void} handler
+ */
+export declare function useOnClickOutside(refs: RefObject<HTMLElement>[], handler: (e: Event) => void): void;
+/**
+ * @description 合并状态
+ *
+ * @export
+ * @template T
+ * @template R
+ * @param {(T | (() => T))} defaultStateValue
+ * @param {({
+ *     defaultValue?: T | (() => T)
+ *     value?: T
+ *     onChange?: (value: T, prevValue: T) => void
+ *     postState?: (value: T) => T
+ *   })} [option]
+ * @returns {[R, (value: T) => void]}
+ */
+export declare function useMergedState<T, R = T>(defaultStateValue: T | (() => T), // 初始state
+option?: {
+    defaultValue?: T | (() => T);
+    value?: T;
+    onChange?: (value: T, prevValue: T) => void;
+    postState?: (value: T) => T;
+}): [R, (value: T) => void];
+/**
+ * @description 获取之前的值
+ *
+ * @export
+ * @param {P} value
+ */
+export declare function usePrevious<P>(value: P): P;
+interface ContentRectType {
+    hide: boolean;
+    bottom: number;
+    height: number;
+    left: number;
+    right: number;
+    top: number;
+    width: number;
+    x: number;
+    y: number;
+}
+export declare function useResizeObserver(element: HTMLElement | null, handler?: (react: ContentRectType) => void): void;
+export {};

package/es/_utils/hooks.js

@@ -0,0 +1,165 @@
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
+import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
+import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
+import _getIterator from "@babel/runtime-corejs3/core-js/get-iterator";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof _Symbol === "undefined" || _getIteratorMethod(o) == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = _getIterator(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { var _context; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context = Object.prototype.toString.call(o)).call(_context, 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; }
+
+import { useEffect, useState, useRef } from 'react';
+import ResizeObserver from 'resize-observer-polyfill';
+import devWarning from './devwarning';
+/**
+ * @description 点击指定区域外执行回调
+ *
+ * @export
+ * @param {RefObject<HTMLElement>[]} refs
+ * @param {(e: Event) => void} handler
+ */
+
+export function useOnClickOutside(refs, handler) {
+  useEffect(function () {
+    var listener = function listener(event) {
+      var _iterator = _createForOfIteratorHelper(refs),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var ref = _step.value;
+
+          if (!ref.current || ref.current.contains(event.target)) {
+            return;
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+
+      handler(event);
+    };
+
+    document.addEventListener('mousedown', listener);
+    document.addEventListener('touchstart', listener);
+    return function () {
+      document.removeEventListener('mousedown', listener);
+      document.removeEventListener('touchstart', listener);
+    };
+  }, [refs, handler]);
+}
+/**
+ * @description 合并状态
+ *
+ * @export
+ * @template T
+ * @template R
+ * @param {(T | (() => T))} defaultStateValue
+ * @param {({
+ *     defaultValue?: T | (() => T)
+ *     value?: T
+ *     onChange?: (value: T, prevValue: T) => void
+ *     postState?: (value: T) => T
+ *   })} [option]
+ * @returns {[R, (value: T) => void]}
+ */
+
+export function useMergedState(defaultStateValue, // 初始state
+option) {
+  var _ref = option || {},
+      defaultValue = _ref.defaultValue,
+      value = _ref.value,
+      onChange = _ref.onChange,
+      postState = _ref.postState;
+
+  var _useState = useState(function () {
+    if (value !== undefined) {
+      return value;
+    }
+
+    if (defaultValue !== undefined) {
+      return typeof defaultValue === 'function' ? defaultValue() : defaultValue;
+    }
+
+    return typeof defaultStateValue === 'function' ? defaultStateValue() : defaultStateValue;
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      innerValue = _useState2[0],
+      setInnerValue = _useState2[1];
+
+  var mergedValue = value !== undefined ? value : innerValue;
+
+  if (postState) {
+    mergedValue = postState(mergedValue);
+  }
+
+  function triggerChange(newValue) {
+    setInnerValue(newValue);
+
+    if (mergedValue !== newValue && onChange) {
+      onChange(newValue, mergedValue);
+    }
+  }
+
+  var firstRenderRef = useRef(true);
+  useEffect(function () {
+    if (firstRenderRef.current) {
+      firstRenderRef.current = false;
+      return;
+    }
+
+    if (value === undefined) {
+      setInnerValue(value);
+    }
+  }, [value]);
+  return [mergedValue, triggerChange];
+}
+/**
+ * @description 获取之前的值
+ *
+ * @export
+ * @param {P} value
+ */
+
+export function usePrevious(value) {
+  var ref = useRef(value);
+  useEffect(function () {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+}
+export function useResizeObserver(element, handler) {
+  useEffect(function () {
+    if (!element) {
+      devWarning(!element && element !== null, 'useResizeMeasure', 'useResizeMeasure指定的元素不存在');
+      return;
+    }
+
+    var measure = function measure(entries) {
+      if (!entries[0] || !entries[0].contentRect) {
+        return;
+      }
+
+      var contentRect = entries[0].contentRect;
+      var hide = contentRect.width === 0 && contentRect.height === 0; // 隐藏条件：高宽都为0
+
+      var rect = _extends({
+        hide: hide
+      }, contentRect);
+
+      handler && handler(rect);
+    };
+
+    var resizeObserver = new ResizeObserver(measure);
+    resizeObserver && resizeObserver.observe(element);
+    return function () {
+      resizeObserver && resizeObserver.disconnect();
+    };
+  }, [element, handler]);
+}

package/es/_utils/index.d.ts

@@ -0,0 +1,8 @@
+import compDefaultProps from '../config-provider/compDefaultProps';
+/**
+ * 结合compDefaultProps、用户自定义默认属性和组件当前属性获取组件实际应用属性
+ * @param {keyof typeof compDefaultProps} compName 组件名
+ * @param {any} userDefaultProps 用户自定义组件默认属性
+ * @param {any} compProps 组件接收到的属性
+ */
+export declare const getCompProps: (compName: keyof typeof compDefaultProps, userDefaultProps?: any, compProps?: any) => any;

package/es/_utils/index.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import compDefaultProps from '../config-provider/compDefaultProps'; // kd-ui提供组件默认属性
+
+/**
+ * 结合compDefaultProps、用户自定义默认属性和组件当前属性获取组件实际应用属性
+ * @param {keyof typeof compDefaultProps} compName 组件名
+ * @param {any} userDefaultProps 用户自定义组件默认属性
+ * @param {any} compProps 组件接收到的属性
+ */
+
+export var getCompProps = function getCompProps(compName, userDefaultProps, compProps) {
+  var defaultProps = compDefaultProps[compName];
+  var userProps = userDefaultProps && userDefaultProps[compName] || {};
+  return _extends({}, defaultProps, userProps, compProps || {});
+};