tdesign-react 0.25.1 → 0.25.2

package/esm/select-input/useOverlayStyle.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TdSelectInputProps } from './type';
+import { PopupVisibleChangeContext } from '../popup';
+export default function useOverlayStyle(props: TdSelectInputProps): {
+    tOverlayStyle: React.CSSProperties | ((triggerElement: HTMLElement, popupElement: HTMLElement) => React.CSSProperties);
+    innerPopupVisible: boolean;
+    onInnerPopupVisibleChange: (visible: boolean, context: PopupVisibleChangeContext) => void;
+};

package/esm/select-input/useOverlayStyle.js

@@ -0,0 +1,72 @@
+/**
+ * tdesign v0.25.2
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../_chunks/dep-1dcd6f7a.js';
+import { _ as _typeof } from '../_chunks/dep-e4bd3f59.js';
+import { _ as _slicedToArray } from '../_chunks/dep-301db282.js';
+import { useState, useMemo } from 'react';
+import { i as isFunction_1, a as isObject_1 } from '../_chunks/dep-98412f1b.js';
+import '../_chunks/dep-5e33104a.js';
+import '../_chunks/dep-04a6c042.js';
+import '../_chunks/dep-8aee3ad0.js';
+
+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; }
+var MAX_POPUP_WIDTH = 1e3;
+function useOverlayStyle(props) {
+  var popupProps = props.popupProps,
+      borderless = props.borderless;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      innerPopupVisible = _useState2[0],
+      setInnerPopupVisible = _useState2[1];
+
+  var macthWidthFunc = function macthWidthFunc(triggerElement, popupElement) {
+    if (!triggerElement || !popupElement) return;
+    var SCROLLBAR_WIDTH = popupElement.scrollHeight > popupElement.offsetHeight ? 8 : 0;
+    var width = popupElement.offsetWidth + SCROLLBAR_WIDTH >= triggerElement.offsetWidth ? popupElement.offsetWidth : triggerElement.offsetWidth;
+    var otherOverlayStyle = {};
+
+    if (popupProps && _typeof(popupProps.overlayStyle) === "object" && !popupProps.overlayStyle.width) {
+      otherOverlayStyle = popupProps.overlayStyle;
+    }
+
+    return _objectSpread({
+      width: "".concat(Math.min(width, MAX_POPUP_WIDTH), "px")
+    }, otherOverlayStyle);
+  };
+
+  var onInnerPopupVisibleChange = function onInnerPopupVisibleChange(visible, context) {
+    var _props$onPopupVisible;
+
+    var newVisible = context.trigger === "trigger-element-click" ? true : visible;
+    setInnerPopupVisible(newVisible);
+    (_props$onPopupVisible = props.onPopupVisibleChange) === null || _props$onPopupVisible === void 0 ? void 0 : _props$onPopupVisible.call(props, newVisible, context);
+  };
+
+  var tOverlayStyle = useMemo(function () {
+    var result = {};
+    var overlayStyle = (popupProps === null || popupProps === void 0 ? void 0 : popupProps.overlayStyle) || {};
+
+    if (isFunction_1(overlayStyle) || isObject_1(overlayStyle) && overlayStyle.width) {
+      result = overlayStyle;
+    } else if (!borderless) {
+      result = macthWidthFunc;
+    }
+
+    return result;
+  }, [borderless, popupProps === null || popupProps === void 0 ? void 0 : popupProps.overlayStyle]);
+  return {
+    tOverlayStyle: tOverlayStyle,
+    innerPopupVisible: innerPopupVisible,
+    onInnerPopupVisibleChange: onInnerPopupVisibleChange
+  };
+}
+
+export { useOverlayStyle as default };
+//# sourceMappingURL=useOverlayStyle.js.map

package/esm/select-input/useOverlayStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayStyle.js","sources":["../../src/select-input/useOverlayStyle.ts"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport isObject from 'lodash/isObject';\nimport isFunction from 'lodash/isFunction';\nimport { TdSelectInputProps } from './type';\nimport { TdPopupProps, PopupVisibleChangeContext } from '../popup';\n\n// 单位：px\nconst MAX_POPUP_WIDTH = 1000;\n\nexport default function useOverlayStyle(props: TdSelectInputProps) {\n  const { popupProps, borderless } = props;\n  const [innerPopupVisible, setInnerPopupVisible] = useState(false);\n\n  const macthWidthFunc = (triggerElement: HTMLElement, popupElement: HTMLElement) => {\n    if (!triggerElement || !popupElement) return;\n    // 避免因滚动条出现文本省略，预留宽度 8\n    const SCROLLBAR_WIDTH = popupElement.scrollHeight > popupElement.offsetHeight ? 8 : 0;\n    const width =\n      popupElement.offsetWidth + SCROLLBAR_WIDTH >= triggerElement.offsetWidth\n        ? popupElement.offsetWidth\n        : triggerElement.offsetWidth;\n    let otherOverlayStyle: React.CSSProperties = {};\n    if (popupProps && typeof popupProps.overlayStyle === 'object' && !popupProps.overlayStyle.width) {\n      otherOverlayStyle = popupProps.overlayStyle;\n    }\n    return {\n      width: `${Math.min(width, MAX_POPUP_WIDTH)}px`,\n      ...otherOverlayStyle,\n    };\n  };\n\n  const onInnerPopupVisibleChange = (visible: boolean, context: PopupVisibleChangeContext) => {\n    // 如果点击触发元素（输入框），则永久显示下拉框\n    const newVisible = context.trigger === 'trigger-element-click' ? true : visible;\n    setInnerPopupVisible(newVisible);\n    props.onPopupVisibleChange?.(newVisible, context);\n  };\n\n  const tOverlayStyle = useMemo(() => {\n    let result: TdPopupProps['overlayStyle'] = {};\n    const overlayStyle = popupProps?.overlayStyle || {};\n    if (isFunction(overlayStyle) || (isObject(overlayStyle) && overlayStyle.width)) {\n      result = overlayStyle;\n    } else if (!borderless) {\n      result = macthWidthFunc;\n    }\n    return result;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [borderless, popupProps?.overlayStyle]);\n\n  return {\n    tOverlayStyle,\n    innerPopupVisible,\n    onInnerPopupVisibleChange,\n  };\n}\n"],"names":["MAX_POPUP_WIDTH","useOverlayStyle","props","popupProps","borderless","useState","innerPopupVisible","setInnerPopupVisible","macthWidthFunc","triggerElement","popupElement","SCROLLBAR_WIDTH","scrollHeight","offsetHeight","width","offsetWidth","otherOverlayStyle","overlayStyle","Math","min","onInnerPopupVisibleChange","visible","context","newVisible","trigger","onPopupVisibleChange","tOverlayStyle","useMemo","result","isFunction","isObject"],"mappings":";;;;;;;;;;;;;;;;;;AAGA,IAAMA,eAAe,GAAG,GAAxB;AACe,SAASC,eAAT,CAAyBC,KAAzB,EAAgC;AAC7C,MAAQC,UAAR,GAAmCD,KAAnC,CAAQC,UAAR;AAAA,MAAoBC,UAApB,GAAmCF,KAAnC,CAAoBE,UAApB;;AACA,kBAAkDC,QAAQ,CAAC,KAAD,CAA1D;AAAA;AAAA,MAAOC,iBAAP;AAAA,MAA0BC,oBAA1B;;AACA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,cAAD,EAAiBC,YAAjB,EAAkC;AACvD,QAAI,CAACD,cAAD,IAAmB,CAACC,YAAxB,EACE;AACF,QAAMC,eAAe,GAAGD,YAAY,CAACE,YAAb,GAA4BF,YAAY,CAACG,YAAzC,GAAwD,CAAxD,GAA4D,CAApF;AACA,QAAMC,KAAK,GAAGJ,YAAY,CAACK,WAAb,GAA2BJ,eAA3B,IAA8CF,cAAc,CAACM,WAA7D,GAA2EL,YAAY,CAACK,WAAxF,GAAsGN,cAAc,CAACM,WAAnI;AACA,QAAIC,iBAAiB,GAAG,EAAxB;;AACA,QAAIb,UAAU,IAAI,QAAOA,UAAU,CAACc,YAAlB,MAAmC,QAAjD,IAA6D,CAACd,UAAU,CAACc,YAAX,CAAwBH,KAA1F,EAAiG;AAC/FE,MAAAA,iBAAiB,GAAGb,UAAU,CAACc,YAA/B;AACD;;AACD;AACEH,MAAAA,KAAK,YAAKI,IAAI,CAACC,GAAL,CAASL,KAAT,EAAgBd,eAAhB,CAAL;AADP,OAEKgB,iBAFL;AAID,GAbD;;AAcA,MAAMI,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACC,OAAD,EAAUC,OAAV,EAAsB;AAAA;;AACtD,QAAMC,UAAU,GAAGD,OAAO,CAACE,OAAR,KAAoB,uBAApB,GAA8C,IAA9C,GAAqDH,OAAxE;AACAd,IAAAA,oBAAoB,CAACgB,UAAD,CAApB;AACA,6BAAArB,KAAK,CAACuB,oBAAN,qFAAAvB,KAAK,EAAwBqB,UAAxB,EAAoCD,OAApC,CAAL;AACD,GAJD;;AAKA,MAAMI,aAAa,GAAGC,OAAO,CAAC,YAAM;AAClC,QAAIC,MAAM,GAAG,EAAb;AACA,QAAMX,YAAY,GAAG,CAAAd,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEc,YAAZ,KAA4B,EAAjD;;AACA,QAAIY,YAAU,CAACZ,YAAD,CAAV,IAA4Ba,UAAQ,CAACb,YAAD,CAAR,IAA0BA,YAAY,CAACH,KAAvE,EAA8E;AAC5Ec,MAAAA,MAAM,GAAGX,YAAT;AACD,KAFD,MAEO,IAAI,CAACb,UAAL,EAAiB;AACtBwB,MAAAA,MAAM,GAAGpB,cAAT;AACD;;AACD,WAAOoB,MAAP;AACD,GAT4B,EAS1B,CAACxB,UAAD,EAAaD,UAAb,aAAaA,UAAb,uBAAaA,UAAU,CAAEc,YAAzB,CAT0B,CAA7B;AAUA,SAAO;AACLS,IAAAA,aAAa,EAAbA,aADK;AAELpB,IAAAA,iBAAiB,EAAjBA,iBAFK;AAGLc,IAAAA,yBAAyB,EAAzBA;AAHK,GAAP;AAKD;;;;"}

package/esm/select-input/useSingle.d.ts

@@ -0,0 +1,14 @@
+import React, { MouseEvent } from 'react';
+import { SelectInputCommonProperties } from './interface';
+import { TdSelectInputProps } from './type';
+export interface RenderSelectSingleInputParams {
+    tPlaceholder: string;
+}
+export default function useSingle(props: TdSelectInputProps): {
+    inputRef: React.MutableRefObject<undefined>;
+    commonInputProps: SelectInputCommonProperties;
+    onInnerClear: (context: {
+        e: MouseEvent<SVGElement>;
+    }) => void;
+    renderSelectSingle: () => JSX.Element;
+};

package/esm/select-input/useSingle.js

@@ -0,0 +1,137 @@
+/**
+ * tdesign v0.25.2
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../_chunks/dep-1dcd6f7a.js';
+import { _ as _slicedToArray } from '../_chunks/dep-301db282.js';
+import React, { useRef, useState, useEffect } from 'react';
+import { a as isObject_1 } from '../_chunks/dep-98412f1b.js';
+import { p as pick_1 } from '../_chunks/dep-fc73063f.js';
+import { Input } from '../input/index.js';
+import '../_chunks/dep-5e33104a.js';
+import '../_chunks/dep-04a6c042.js';
+import '../_chunks/dep-8aee3ad0.js';
+import '../_chunks/dep-e4bd3f59.js';
+import '../_chunks/dep-c323da2e.js';
+import '../_chunks/dep-8a07113f.js';
+import '../_chunks/dep-6fb8cfe3.js';
+import '../_chunks/dep-660f1c88.js';
+import '../_chunks/dep-75144258.js';
+import '../_chunks/dep-50c12e42.js';
+import '../_chunks/dep-70c9bb2d.js';
+import '../_chunks/dep-5a75ddfa.js';
+import '../_chunks/dep-aabdac78.js';
+import '../_chunks/dep-df7c3c40.js';
+import '../_chunks/dep-46cc1aa3.js';
+import '../_chunks/dep-7f022b70.js';
+import '../_chunks/dep-4e18f91a.js';
+import '../_chunks/dep-2837cbee.js';
+import '../_chunks/dep-8210af29.js';
+import '../input/Input.js';
+import '../_chunks/dep-4b07e198.js';
+import 'classnames';
+import 'tdesign-icons-react';
+import '../_util/forwardRefWithStatics.js';
+import 'hoist-non-react-statics';
+import '../_util/useConfig.js';
+import '../_chunks/dep-0c32a524.js';
+import '../_chunks/dep-a64706b5.js';
+import '../_chunks/dep-0529bc9f.js';
+import '../_chunks/dep-1aa31dc5.js';
+import '../_chunks/dep-10b8d252.js';
+import '../_chunks/dep-0c0fc89b.js';
+import '../_chunks/dep-3e5f80c6.js';
+import '../locale/zh_CN.js';
+import '../_common/js/locale/zh_CN.js';
+import '../config-provider/defaultConfig.js';
+import '../input/InputGroup.js';
+import '../_util/useDefaultValue.js';
+import '../_util/useDefault.js';
+import '../_util/noop.js';
+import '../input/style/index.js';
+import '../input/type.js';
+
+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; }
+var COMMON_PROPERTIES = ["status", "clearable", "disabled", "label", "placeholder", "readonly", "suffix", "suffixIcon", "onPaste", "onEnter", "onMouseenter", "onMouseleave"];
+var DEFAULT_KEYS = {
+  label: "label",
+  key: "key"
+};
+function useSingle(props) {
+  var value = props.value;
+  var inputRef = useRef();
+
+  var _useState = useState(""),
+      _useState2 = _slicedToArray(_useState, 2),
+      inputValue = _useState2[0],
+      setInputValue = _useState2[1];
+
+  var commonInputProps = pick_1(props, COMMON_PROPERTIES);
+
+  var onInnerClear = function onInnerClear(context) {
+    var _context$e, _props$onClear;
+
+    context === null || context === void 0 ? void 0 : (_context$e = context.e) === null || _context$e === void 0 ? void 0 : _context$e.stopPropagation();
+    (_props$onClear = props.onClear) === null || _props$onClear === void 0 ? void 0 : _props$onClear.call(props, context);
+    setInputValue("");
+  };
+
+  var onInnerInputChange = function onInnerInputChange(value2, context) {
+    if (props.allowInput) {
+      var _props$onInputChange;
+
+      setInputValue(value2);
+      (_props$onInputChange = props.onInputChange) === null || _props$onInputChange === void 0 ? void 0 : _props$onInputChange.call(props, value2, context);
+    }
+  };
+
+  useEffect(function () {
+    var iKeys = _objectSpread(_objectSpread({}, DEFAULT_KEYS), props.keys);
+
+    var val = isObject_1(value) ? value[iKeys.label] : value;
+    setInputValue(val);
+  }, [props.keys, value]);
+
+  var renderSelectSingle = function renderSelectSingle() {
+    var singleValueDisplay = !props.multiple ? props.valueDisplay : null;
+    return /* @__PURE__ */React.createElement(Input, _objectSpread(_objectSpread({
+      ref: inputRef
+    }, commonInputProps), {}, {
+      autoWidth: props.borderless || props.autoWidth,
+      placeholder: singleValueDisplay ? "" : props.placeholder,
+      value: singleValueDisplay ? void 0 : inputValue,
+      label: /* @__PURE__ */React.createElement(React.Fragment, null, props.label, singleValueDisplay),
+      onChange: onInnerInputChange,
+      readonly: !props.allowInput,
+      onClear: onInnerClear,
+      onBlur: function onBlur(val, context) {
+        var _props$onBlur;
+
+        (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 ? void 0 : _props$onBlur.call(props, value, _objectSpread(_objectSpread({}, context), {}, {
+          inputValue: val
+        }));
+      },
+      onFocus: function onFocus(val, context) {
+        var _props$onFocus;
+
+        (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 ? void 0 : _props$onFocus.call(props, value, _objectSpread(_objectSpread({}, context), {}, {
+          inputValue: val
+        }));
+      }
+    }, props.inputProps));
+  };
+
+  return {
+    inputRef: inputRef,
+    commonInputProps: commonInputProps,
+    onInnerClear: onInnerClear,
+    renderSelectSingle: renderSelectSingle
+  };
+}
+
+export { useSingle as default };
+//# sourceMappingURL=useSingle.js.map

package/esm/select-input/useSingle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSingle.js","sources":["../../src/select-input/useSingle.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect, MouseEvent, FormEvent } from 'react';\nimport isObject from 'lodash/isObject';\nimport pick from 'lodash/pick';\nimport { SelectInputCommonProperties } from './interface';\nimport Input, { InputValue } from '../input';\nimport { TdSelectInputProps } from './type';\n\nexport interface RenderSelectSingleInputParams {\n  tPlaceholder: string;\n}\n\n// single 和 multiple 共有特性\nconst COMMON_PROPERTIES = [\n  'status',\n  'clearable',\n  'disabled',\n  'label',\n  'placeholder',\n  'readonly',\n  'suffix',\n  'suffixIcon',\n  'onPaste',\n  'onEnter',\n  'onMouseenter',\n  'onMouseleave',\n];\n\nconst DEFAULT_KEYS = {\n  label: 'label',\n  key: 'key',\n};\n\nexport default function useSingle(props: TdSelectInputProps) {\n  const { value } = props;\n  const inputRef = useRef();\n  const [inputValue, setInputValue] = useState<string | number>('');\n\n  const commonInputProps: SelectInputCommonProperties = pick(props, COMMON_PROPERTIES);\n\n  const onInnerClear = (context: { e: MouseEvent<SVGElement> }) => {\n    context?.e?.stopPropagation();\n    props.onClear?.(context);\n    setInputValue('');\n  };\n\n  const onInnerInputChange = (\n    value: InputValue,\n    context: { e: FormEvent<HTMLDivElement> | MouseEvent<HTMLElement | SVGElement> },\n  ) => {\n    if (props.allowInput) {\n      setInputValue(value);\n      props.onInputChange?.(value, context);\n    }\n  };\n\n  useEffect(() => {\n    const iKeys = { ...DEFAULT_KEYS, ...props.keys };\n    const val = isObject(value) ? value[iKeys.label] : value;\n    setInputValue(val);\n  }, [props.keys, value]);\n\n  const renderSelectSingle = () => {\n    // 单选，值的呈现方式\n    const singleValueDisplay = !props.multiple ? props.valueDisplay : null;\n    return (\n      <Input\n        ref={inputRef}\n        {...commonInputProps}\n        autoWidth={props.borderless || props.autoWidth}\n        placeholder={singleValueDisplay ? '' : props.placeholder}\n        value={singleValueDisplay ? undefined : inputValue}\n        label={\n          <>\n            {props.label}\n            {singleValueDisplay}\n          </>\n        }\n        onChange={onInnerInputChange}\n        readonly={!props.allowInput}\n        onClear={onInnerClear}\n        onBlur={(val, context) => {\n          props.onBlur?.(value, { ...context, inputValue: val });\n        }}\n        onFocus={(val, context) => {\n          props.onFocus?.(value, { ...context, inputValue: val });\n        }}\n        {...props.inputProps}\n      />\n    );\n  };\n\n  return {\n    inputRef,\n    commonInputProps,\n    onInnerClear,\n    renderSelectSingle,\n  };\n}\n"],"names":["COMMON_PROPERTIES","DEFAULT_KEYS","label","key","useSingle","props","value","inputRef","useRef","useState","inputValue","setInputValue","commonInputProps","pick","onInnerClear","context","e","stopPropagation","onClear","onInnerInputChange","value2","allowInput","onInputChange","useEffect","iKeys","keys","val","isObject","renderSelectSingle","singleValueDisplay","multiple","valueDisplay","React","createElement","Input","ref","autoWidth","borderless","placeholder","Fragment","onChange","readonly","onBlur","onFocus","inputProps"],"mappings":"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"}

package/esm/skeleton/Skeleton.js

@@ -1,45 +1,45 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-7b5ee09e.js';
-import { _ as _toConsumableArray } from '../_chunks/dep-46120f73.js';
+import { _ as _defineProperty } from '../_chunks/dep-1dcd6f7a.js';
+import { _ as _toConsumableArray } from '../_chunks/dep-ed38fb3f.js';
 import React from 'react';
-import { i as isNumber_1 } from '../_chunks/dep-aa302200.js';
+import { i as isNumber_1 } from '../_chunks/dep-f6c4b0e3.js';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
 import { pxCompat } from '../_util/helper.js';
-import '../_chunks/dep-f7f44030.js';
-import '../_chunks/dep-f9242fec.js';
-import '../_chunks/dep-fd49ee45.js';
-import '../_chunks/dep-c869a7bd.js';
-import '../_chunks/dep-c50b5bb9.js';
-import '../_chunks/dep-b327e031.js';
-import '../_chunks/dep-e3baf9a5.js';
-import '../_chunks/dep-bb55dd2f.js';
-import '../_chunks/dep-8823a92e.js';
-import '../_chunks/dep-4979c2b8.js';
-import '../_chunks/dep-c008b410.js';
-import '../_chunks/dep-a7731315.js';
-import '../_chunks/dep-a180486a.js';
-import '../_chunks/dep-90eb9c48.js';
-import '../_chunks/dep-65c1d541.js';
-import '../_chunks/dep-ff79fb39.js';
-import '../_chunks/dep-3f70a0f5.js';
-import '../_chunks/dep-72e1bd13.js';
-import '../_chunks/dep-491ab1c7.js';
+import '../_chunks/dep-5e33104a.js';
+import '../_chunks/dep-04a6c042.js';
+import '../_chunks/dep-8aee3ad0.js';
+import '../_chunks/dep-e4bd3f59.js';
+import '../_chunks/dep-75144258.js';
+import '../_chunks/dep-0c32a524.js';
+import '../_chunks/dep-a64706b5.js';
+import '../_chunks/dep-50c12e42.js';
+import '../_chunks/dep-70c9bb2d.js';
+import '../_chunks/dep-98412f1b.js';
+import '../_chunks/dep-5a75ddfa.js';
+import '../_chunks/dep-aabdac78.js';
+import '../_chunks/dep-0529bc9f.js';
+import '../_chunks/dep-1aa31dc5.js';
+import '../_chunks/dep-10b8d252.js';
+import '../_chunks/dep-0c0fc89b.js';
+import '../_chunks/dep-8a07113f.js';
+import '../_chunks/dep-6fb8cfe3.js';
+import '../_chunks/dep-3e5f80c6.js';
 import '../locale/zh_CN.js';
 import '../_common/js/locale/zh_CN.js';
 import '../config-provider/defaultConfig.js';
-import '../_chunks/dep-c0b93c23.js';
-import '../_chunks/dep-bce0ce39.js';
-import '../_chunks/dep-0ff35b5e.js';
-import '../_chunks/dep-360d6135.js';
-import '../_chunks/dep-6d5c2511.js';
-import '../_chunks/dep-427158bb.js';
-import '../_chunks/dep-9b59ab07.js';
+import '../_chunks/dep-4b07e198.js';
+import '../_chunks/dep-301db282.js';
+import '../_chunks/dep-ddc8d78b.js';
+import '../_chunks/dep-df7c3c40.js';
+import '../_chunks/dep-660f1c88.js';
+import '../_chunks/dep-dceb9e91.js';
+import '../_chunks/dep-34ec8ef2.js';
 
 var ThemeMap = {
   text: [1],

package/esm/skeleton/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -7,42 +7,42 @@
 import Skeleton$1 from './Skeleton.js';
 import './style/index.js';
 import './type.js';
-import '../_chunks/dep-7b5ee09e.js';
-import '../_chunks/dep-46120f73.js';
-import '../_chunks/dep-f7f44030.js';
+import '../_chunks/dep-1dcd6f7a.js';
+import '../_chunks/dep-ed38fb3f.js';
+import '../_chunks/dep-5e33104a.js';
 import 'react';
-import '../_chunks/dep-aa302200.js';
-import '../_chunks/dep-f9242fec.js';
-import '../_chunks/dep-fd49ee45.js';
-import '../_chunks/dep-c869a7bd.js';
-import '../_chunks/dep-c50b5bb9.js';
+import '../_chunks/dep-f6c4b0e3.js';
+import '../_chunks/dep-04a6c042.js';
+import '../_chunks/dep-8aee3ad0.js';
+import '../_chunks/dep-e4bd3f59.js';
+import '../_chunks/dep-75144258.js';
 import 'classnames';
 import '../_util/useConfig.js';
-import '../_chunks/dep-b327e031.js';
-import '../_chunks/dep-e3baf9a5.js';
-import '../_chunks/dep-bb55dd2f.js';
-import '../_chunks/dep-8823a92e.js';
-import '../_chunks/dep-4979c2b8.js';
-import '../_chunks/dep-c008b410.js';
-import '../_chunks/dep-a7731315.js';
-import '../_chunks/dep-a180486a.js';
-import '../_chunks/dep-90eb9c48.js';
-import '../_chunks/dep-65c1d541.js';
-import '../_chunks/dep-ff79fb39.js';
-import '../_chunks/dep-3f70a0f5.js';
-import '../_chunks/dep-72e1bd13.js';
-import '../_chunks/dep-491ab1c7.js';
+import '../_chunks/dep-0c32a524.js';
+import '../_chunks/dep-a64706b5.js';
+import '../_chunks/dep-50c12e42.js';
+import '../_chunks/dep-70c9bb2d.js';
+import '../_chunks/dep-98412f1b.js';
+import '../_chunks/dep-5a75ddfa.js';
+import '../_chunks/dep-aabdac78.js';
+import '../_chunks/dep-0529bc9f.js';
+import '../_chunks/dep-1aa31dc5.js';
+import '../_chunks/dep-10b8d252.js';
+import '../_chunks/dep-0c0fc89b.js';
+import '../_chunks/dep-8a07113f.js';
+import '../_chunks/dep-6fb8cfe3.js';
+import '../_chunks/dep-3e5f80c6.js';
 import '../locale/zh_CN.js';
 import '../_common/js/locale/zh_CN.js';
 import '../config-provider/defaultConfig.js';
 import '../_util/helper.js';
-import '../_chunks/dep-c0b93c23.js';
-import '../_chunks/dep-bce0ce39.js';
-import '../_chunks/dep-0ff35b5e.js';
-import '../_chunks/dep-360d6135.js';
-import '../_chunks/dep-6d5c2511.js';
-import '../_chunks/dep-427158bb.js';
-import '../_chunks/dep-9b59ab07.js';
+import '../_chunks/dep-4b07e198.js';
+import '../_chunks/dep-301db282.js';
+import '../_chunks/dep-ddc8d78b.js';
+import '../_chunks/dep-df7c3c40.js';
+import '../_chunks/dep-660f1c88.js';
+import '../_chunks/dep-dceb9e91.js';
+import '../_chunks/dep-34ec8ef2.js';
 
 var Skeleton = Skeleton$1;
 

package/esm/skeleton/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/slider/Slider.js

@@ -1,12 +1,12 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-7b5ee09e.js';
-import { _ as _typeof } from '../_chunks/dep-c869a7bd.js';
-import { _ as _slicedToArray } from '../_chunks/dep-bce0ce39.js';
+import { _ as _defineProperty } from '../_chunks/dep-1dcd6f7a.js';
+import { _ as _typeof } from '../_chunks/dep-e4bd3f59.js';
+import { _ as _slicedToArray } from '../_chunks/dep-301db282.js';
 import React, { forwardRef, useRef, useMemo } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
@@ -15,35 +15,35 @@ import { numberToPercent } from './utils/handleNumber.js';
 import InputNumber from '../input-number/InputNumber.js';
 import SliderHandleButton from './SliderHandleButton.js';
 import { accAdd } from '../_util/number.js';
-import '../_chunks/dep-f7f44030.js';
-import '../_chunks/dep-b327e031.js';
-import '../_chunks/dep-f9242fec.js';
-import '../_chunks/dep-e3baf9a5.js';
-import '../_chunks/dep-bb55dd2f.js';
-import '../_chunks/dep-8823a92e.js';
-import '../_chunks/dep-4979c2b8.js';
-import '../_chunks/dep-fd49ee45.js';
-import '../_chunks/dep-c008b410.js';
-import '../_chunks/dep-c50b5bb9.js';
-import '../_chunks/dep-a7731315.js';
-import '../_chunks/dep-a180486a.js';
-import '../_chunks/dep-90eb9c48.js';
-import '../_chunks/dep-65c1d541.js';
-import '../_chunks/dep-ff79fb39.js';
-import '../_chunks/dep-3f70a0f5.js';
-import '../_chunks/dep-72e1bd13.js';
-import '../_chunks/dep-491ab1c7.js';
+import '../_chunks/dep-5e33104a.js';
+import '../_chunks/dep-0c32a524.js';
+import '../_chunks/dep-04a6c042.js';
+import '../_chunks/dep-a64706b5.js';
+import '../_chunks/dep-50c12e42.js';
+import '../_chunks/dep-70c9bb2d.js';
+import '../_chunks/dep-98412f1b.js';
+import '../_chunks/dep-8aee3ad0.js';
+import '../_chunks/dep-5a75ddfa.js';
+import '../_chunks/dep-75144258.js';
+import '../_chunks/dep-aabdac78.js';
+import '../_chunks/dep-0529bc9f.js';
+import '../_chunks/dep-1aa31dc5.js';
+import '../_chunks/dep-10b8d252.js';
+import '../_chunks/dep-0c0fc89b.js';
+import '../_chunks/dep-8a07113f.js';
+import '../_chunks/dep-6fb8cfe3.js';
+import '../_chunks/dep-3e5f80c6.js';
 import '../locale/zh_CN.js';
 import '../_common/js/locale/zh_CN.js';
 import '../config-provider/defaultConfig.js';
 import '../_util/noop.js';
-import '../_chunks/dep-c0b93c23.js';
+import '../_chunks/dep-4b07e198.js';
 import '../_util/useCommonClassName.js';
 import '../_util/useUpdateEffect.js';
 import '../_util/useLayoutEffect.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-35ecd49c.js';
+import '../_chunks/dep-ac5499d2.js';
 import '../_util/easing.js';
 import '../input-number/StepHandler.js';
 import 'tdesign-icons-react';
@@ -131,7 +131,7 @@ var Slider = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var end = start + width;
   var dots = useMemo(function () {
     if (Array.isArray(marks)) {
-      if (marks.find(function (mark) {
+      if (marks.some(function (mark) {
         return typeof mark !== "number";
       })) {
         console.warn('The props "marks" only support number!');
@@ -141,7 +141,7 @@ var Slider = /*#__PURE__*/forwardRef(function (_ref, ref) {
       return marks.map(function (mark) {
         return {
           value: mark,
-          position: (mark - min) / max,
+          position: (mark - min) / (max - min),
           label: mark
         };
       });
@@ -149,11 +149,10 @@ var Slider = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
     if (marks && _typeof(marks) === "object") {
       var result = [];
-
-      for (var key in marks) {
+      Object.keys(marks).forEach(function (key) {
         var numberKey = Number(key);
 
-        if (typeof numberKey !== "number" || !numberKey) {
+        if (typeof numberKey !== "number") {
           console.warn('The props "marks" key only support number!');
         } else {
           result.push({
@@ -162,8 +161,7 @@ var Slider = /*#__PURE__*/forwardRef(function (_ref, ref) {
             position: (numberKey - min) / max
           });
         }
-      }
-
+      });
       return result;
     }
 
@@ -208,8 +206,7 @@ var Slider = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var createInput = function createInput(nodeIndex) {
     var inputProps = _typeof(inputNumberProps) === "object" ? inputNumberProps : {};
     var currentValue = renderValue[nodeIndex];
-    return /* @__PURE__ */React.createElement(InputNumber, _objectSpread({
-      theme: "normal",
+    return /* @__PURE__ */React.createElement(InputNumber, _objectSpread(_objectSpread({
       value: currentValue,
       onChange: function onChange(value2) {
         return handleInputChange(Number(value2), nodeIndex);
@@ -218,7 +215,9 @@ var Slider = /*#__PURE__*/forwardRef(function (_ref, ref) {
         "is-vertical": isVertical
       }),
       disabled: disabled
-    }, inputProps));
+    }, inputProps), {}, {
+      theme: "column"
+    }));
   };
 
   var nearbyValueChange = function nearbyValueChange(value2) {
@@ -293,9 +292,7 @@ var Slider = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, /* @__PURE__ */React.createElement("div", {
     style: (_style = {}, _defineProperty(_style, startDirection, numberToPercent(start)), _defineProperty(_style, sizeKey, numberToPercent(width)), _style),
     className: classNames("".concat(classPrefix, "-slider__track"))
-  }), range ? createHandleButton(LEFT_NODE, _defineProperty({}, startDirection, numberToPercent(start))) : null, createHandleButton(RIGHT_NODE, _defineProperty({}, startDirection, numberToPercent(end))), /* @__PURE__ */React.createElement("div", {
-    className: classNames("".concat(classPrefix, "-slider__step"))
-  }, renderDots.map(function (_ref2) {
+  }), range ? createHandleButton(LEFT_NODE, _defineProperty({}, startDirection, numberToPercent(start))) : null, createHandleButton(RIGHT_NODE, _defineProperty({}, startDirection, numberToPercent(end))), /* @__PURE__ */React.createElement("div", null, renderDots.map(function (_ref2) {
     var position = _ref2.position,
         value2 = _ref2.value;
     return /* @__PURE__ */React.createElement("div", {
@@ -321,7 +318,9 @@ var Slider = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className: classNames("".concat(classPrefix, "-slider__input-container"), {
       "is-vertical": isVertical
     })
-  }, range && createInput(LEFT_NODE), createInput(RIGHT_NODE)) : null);
+  }, range && createInput(LEFT_NODE), range && /* @__PURE__ */React.createElement("div", {
+    className: "".concat(classPrefix, "-slider__center-line")
+  }), createInput(RIGHT_NODE)) : null);
 });
 Slider.displayName = "Slider";