@sheinx/base 3.0.0-alpha.2 → 3.0.0-alpha.20

package/cjs/select/select.type.d.ts

@@ -1,28 +1,85 @@
 /// <reference types="react" />
-import { BaseSelectProps, KeygenType, useListSelect } from '@sheinx/hooks';
+import { BaseSelectProps, KeygenType, useListSelect, KeygenResult, ObjectKey } from '@sheinx/hooks';
 import { CommonType } from '../common/type';
 import { AbsoluteListProps } from '../absolute-list/absolute-list.type';
 import { TagClasses } from '../tag/tag.type';
-import { SelectClasses } from '@sheinx/shineout-style';
+import { SelectClasses, VirtualScrollClasses } from '@sheinx/shineout-style';
 import { InnerTitleClasses } from '../common/use-inner-title';
-import { VirtualScrollClasses } from '../virtual-scroll/virtual-scroll-list.type';
+import { PopoverClasses } from '../popover/popover.type';
+import { CheckboxClasses } from '../checkbox/checkbox.type';
+import { TreeClasses } from '@sheinx/shineout-style';
+import { RadioClasses } from '../radio/radio.type';
+import { SpinClasses } from '../spin/spin.type';
+import { InputClasses } from '../input/input.type';
+import { BaseTipProps } from '../common/use-tip';
 export declare type JssStyleType = {
-    tag: () => TagClasses;
-    select: () => SelectClasses;
+    tag?: () => TagClasses;
+    select?: () => SelectClasses;
     innerTitle?: () => InnerTitleClasses;
-    virtualScroll: () => VirtualScrollClasses;
+    virtualScroll?: () => VirtualScrollClasses;
+    popover?: () => PopoverClasses;
+    checkbox?: () => CheckboxClasses;
+    radio?: () => RadioClasses;
+    tree?: () => TreeClasses;
+    spin?: () => SpinClasses;
+    input?: () => InputClasses;
 };
 export declare type DatumType<DataItem, Value> = ReturnType<typeof useListSelect<DataItem, Value>>;
-export interface BaseListProps<DataItem, Value> extends Pick<SelectProps<DataItem, Value>, 'jssStyle' | 'data' | 'width' | 'optionWidth' | 'header' | 'keygen' | 'loading' | 'lineHeight' | 'itemsInView' | 'renderItem' | 'multiple'> {
+export declare type OptionListRefType = {
+    hoverMove: (index: number, force?: boolean) => void;
+    hoverHover: (index: number) => void;
+    getHoverIndex: () => number;
+};
+export interface BaseListProps<DataItem, Value> extends Pick<SelectProps<DataItem, Value>, 'jssStyle' | 'size' | 'value' | 'width' | 'optionWidth' | 'header' | 'keygen' | 'loading' | 'lineHeight' | 'itemsInView' | 'multiple' | 'columns' | 'columnWidth' | 'columnsTitle' | 'hideCreateOption'> {
     customHeader?: React.ReactNode;
     height: number | string;
-    datum: DatumType<DataItem, Value>;
-}
-export interface SelectProps<DataItem, Value> extends Omit<BaseSelectProps<DataItem, Value>, 'control'>, Pick<CommonType, 'className' | 'style' | 'size' | 'status' | 'innerTitle'>, Pick<AbsoluteListProps, 'absolute' | 'zIndex'> {
-    jssStyle: JssStyleType;
     data: DataItem[];
-    keygen: KeygenType<DataItem>;
+    datum: any;
+    renderItem: (data: DataItem, index?: number) => React.ReactNode;
+    closePop: () => void;
+    originalData: any;
+    groupKey?: string;
+    controlType?: 'mouse' | 'keyboard';
+    optionListRef: React.MutableRefObject<OptionListRefType | undefined>;
+    onControlTypeChange: React.Dispatch<React.SetStateAction<'mouse' | 'keyboard'>>;
+    onOptionClick: (data: DataItem, index: number) => void;
+}
+export interface SelectPropsBase<DataItem, Value> extends Omit<BaseSelectProps<DataItem, Value>, 'control'>, Pick<CommonType, 'className' | 'style' | 'size' | 'status' | 'innerTitle'>, Pick<AbsoluteListProps, 'absolute' | 'zIndex'>, BaseTipProps {
+    jssStyle?: JssStyleType;
+    /**
+     * @en custom empty copy
+     * @cn 自定义 empty 文案
+     */
+    emptyText?: string;
+    /**
+     * @en Options data
+     * @cn 选项数据
+     * @override DataItem[]
+     */
+    data?: DataItem[];
+    /**
+     * @en Tree data, [{children: []}]
+     * @cn 树形结构数据项，[{children: []}]
+     * @override Object[]
+     */
     treeData?: DataItem[];
+    /**
+     * @en specify the name of the subdata
+     * @cn 指定子数据的属性名
+     * @default 'children'
+     */
+    childrenKey?: ObjectKey<DataItem>;
+    /**
+     * @en Auxiliary method for generating key. When it is a function, use the return value of this function. When it is a string, use the data value corresponding to this string. For example, "id" is the same thing as (d) => d.id
+     * @cn 生成 key 的辅助方法, 为函数时，使用此函数返回值, 为 string 时，使用这个 string 对应的数据值。如 "id"，相当于 (d) => d.id
+     * @default index
+     */
+    keygen: KeygenType<DataItem>;
+    /**
+     * @en In the Form, the value will be taken over by the form and the value will be invalid
+     * @cn 在 Form 中，value 会被表单接管，value 无效
+     * @override any
+     */
     value?: Value;
     /**
      * @en Allow enter something into DatePicker
@@ -32,12 +89,12 @@ export interface SelectProps<DataItem, Value> extends Omit<BaseSelectProps<DataI
     inputable?: boolean;
     /**
      * @en If clearable is true, show clear value icon
-     * @cn  是否显示清除数据图标
+     * @cn 是否显示清除数据图标
      * @default true
      */
     clearable?: boolean;
     /**
-     * @en placeholder text
+     * @en Placeholder text
      * @cn 占位文字
      */
     placeholder?: string;
@@ -54,11 +111,23 @@ export interface SelectProps<DataItem, Value> extends Omit<BaseSelectProps<DataI
      */
     header?: React.ReactNode;
     /**
-     * @deprecated
+     * @en Custom render option list header
+     * @cn 自定义渲染列表底部内容
+     */
+    footer?: React.ReactNode;
+    /**
+     * @cn 自定义渲染下拉列表
+     * @en Custom render dropdown
+     */
+    renderOptionList?: (list: React.ReactNode, info: {
+        loading?: boolean | React.ReactNode;
+    }) => React.ReactNode;
+    /**
+     * @deprecated 已弃用
      */
     border?: boolean;
     /**
-     * @en only display border bottom
+     * @en Only display border bottom
      * @cn 是否只展示下边框
      * @default false
      */
@@ -70,17 +139,17 @@ export interface SelectProps<DataItem, Value> extends Omit<BaseSelectProps<DataI
     open?: boolean;
     /**
      * @cn 选择框的宽度
-     * @en custom width
+     * @en Custom width
      */
     width?: number | string;
     /**
      * @cn 下拉列表的高度
-     * @en custom width
+     * @en Custom width
      */
     height?: number | string;
     /**
      * @cn 下拉列表的宽度
-     * @en custom width
+     * @en Custom width
      * @default 100%
      */
     optionWidth?: number | string;
@@ -107,15 +176,130 @@ export interface SelectProps<DataItem, Value> extends Omit<BaseSelectProps<DataI
      * @default 1
      */
     columns?: number;
+    /**
+     * @en Title of columns multiple select
+     * @cn 多列选项多选时的标题文字
+     */
+    columnsTitle?: React.ReactNode;
+    /**
+     * @en Data cache, if data change asynchronously, better set true
+     * @cn 是否开启数据缓存，如果数据存在动态更新的情况建议开启
+     * @default false
+     */
     noCache?: boolean;
+    /**
+     * @en Show dropdown arrow, only single select
+     * @cn 是否显示下拉箭头，仅针对单选情况
+     * @default true
+     */
+    showArrow?: boolean;
+    /**
+     * @en Selected value while click under onCreate or onFilter
+     * @cn onCreate 或 onFilter 在单选情况下单击值后是否选中值
+     * @default true
+     */
+    focusSelected?: boolean;
+    /**
+     * @en When trim is true, blank characters are automatically deleted when lose focus
+     * @cn trim 为 true 时，失去焦点时会自动删除空白字符
+     * @default false
+     */
     trim?: boolean;
+    /**
+     * @en Option column width, only effective when columns > 1
+     * @cn columns 大于 1 时，选项展示为多列布局模式
+     * @default 160
+     */
+    columnWidth?: number;
+    /**
+     * @en The maximum length of the input string in the Select input box
+     * @cn Select 输入框输入字符串最大长度
+     */
     maxLength?: number;
+    /**
+     * @en Set with multiple, value will separator by this
+     * @cn 多选情况下设置后，value 会处理为 separator 分隔的字符串
+     */
     separator?: string;
-    compressed?: boolean;
+    /**
+     * @en Option list is auto adapt
+     * @cn 下拉列表宽度根据内容自由展开
+     * @default false
+     */
+    autoAdapt?: boolean;
+    /**
+     * @en Merges selected values, valid only in multiselect mode；When it is "no-repeat", the value is not repeated in the pop-up box
+     * @cn 将选中值合并，只在多选模式下有效; 为 "no-repeat" 时弹出框中不重复展示值
+     * @default false
+     */
+    compressed?: boolean | 'no-repeat';
+    /**
+     * @en When compressed is True,the comptessedBound can limit the numbers of multiple selected item"s label
+     * @cn 开启多选后，指定允许展示标签数量，超过后将折叠
+     */
     compressedBound?: number;
+    /**
+     * @en Compressed popover classname
+     * @cn 多选合并展示弹出框的类名
+     */
+    compressedClassName?: string;
+    /**
+     * @en Hide the creat option while set onCreate
+     * @cn 在使用创建选项时，在选项列表中隐藏该选项，回车后直接选中
+     * @default false
+     */
+    hideCreateOption?: boolean;
+    /**
+     * @en Blur to select the data when filter data has only single. only work in filter
+     * @cn 当筛选数据仅为一条时，失焦后直接选中该条数据。仅在 Filter 下有效
+     * @default false
+     */
+    filterSingleSelect?: boolean;
+    /**
+     * @en default expanded nodes
+     * @cn 默认展开的节点 key（非受控）
+     * @override (string | number)[]
+     */
+    defaultExpanded?: KeygenResult[];
+    /**
+     * @en Expand all node, only in can be use in treeData
+     * @cn 默认展开全部子节点, 仅树形数据下有效
+     * @default false
+     */
+    defaultExpandAll?: boolean;
+    /**
+     * @en Expanded node
+     * @cn 展开的节点 key(受控)
+     * @override (string | number)[]
+     */
+    expanded?: KeygenResult[];
+    /**
+     * @en Whether to show the descendant nodes of the hit node after filtering
+     * @cn 筛选后是否展示命中节点的后代节点
+     * @default false
+     */
+    showHitDescendants?: boolean;
+    /**
+     * @en The className of the selected result content container
+     * @cn 选中结果内容容器的className
+     */
     resultClassName?: ((value: DataItem) => string) | string;
-    renderItem: (data: DataItem, index?: number) => React.ReactNode;
+    /**
+     * @en When it is a string, return d[string]. When it is a function, return the result of the function
+     * @cn 为 string 时，返回 d[string]。 为 function 时，返回函数结果
+     * @default d => d
+     */
+    renderItem?: ((data: DataItem, index?: number) => React.ReactNode) | ObjectKey<DataItem>;
+    /**
+     * @en The content displayed in the result after selecting, if not set, use renderItem
+     * @cn 为 选中后在结果中显示的内容，默认和 renderItem 相同
+     * @default renderItem
+     */
     renderResult?: (data: DataItem, index?: number) => React.ReactNode;
+    /**
+     * @en The way to render not matched data value
+     * @cn 渲染未匹配值的方式
+     */
     renderUnmatched?: (value: Value extends (infer U)[] ? U : Value) => React.ReactNode;
     /**
      * @en blur event callback
@@ -128,10 +312,55 @@ export interface SelectProps<DataItem, Value> extends Omit<BaseSelectProps<DataI
      */
     onFocus?: (e: any) => void;
     /**
-     * @en When the onFilter is not empty, you can filter data by input. If the onFilter returns a function, use this function as a front-end filter. If return undefined, you can do your own backend filtering.
+     * @en When the onFilter is not empty, you can filter data by input. If the onFilter returns a function, use this function as a front-end filter. If return undefined, you can do your own backend filtering
      * @cn onFilter 不为空时，可以输入过滤数据。onFilter 如果返回一个函数，使用这个函数做前端过滤。如果不返回，可以自行做后端过滤
      */
     onFilter?: (text: string, from?: string) => ((data: DataItem) => boolean) | void | undefined;
-    onCreate?: boolean | ((input: Value) => Value);
+    /**
+     * @en If the onCreate event is set, the component is inputable. When onCreate is a function, the return value of this function is diaplay at the top as a new option. When onCreate is true, use the built-in functuon text => text
+     * @cn 如果设置了 onCreate 事件，组件为可输入状态。onCreate 为函数时，将此函数返回值作为新的选项拆入最上方。onCreate 为 true 时，使用默认函数 text => text
+     */
+    onCreate?: ((input: string | DataItem) => DataItem | string) | boolean;
+    /**
+     * @en Expand option list while enter press
+     * @cn 回车触发下拉框展开的时候调用
+     */
+    onEnterExpand?: (e: React.KeyboardEvent<HTMLDivElement>) => boolean;
+    /**
+     * @en Option list collapse callback
+     * @cn 下拉列表展开/收起回调
+     */
+    onCollapse?: (collapse: boolean) => void;
+    /**
+     * @en Expand event
+     * @cn 节点展开回调，参数为当前展开节点 key 数组
+     */
+    onExpand?: (value: KeygenResult[]) => void;
+    /**
+     * @en Added a new API, which is used to compare whether the same data already exists when onFilter and onCreate are turned on. By default, the input value is compared with the keygen value
+     * @cn 新增 api ，开启 onFilter 和 onCreate 时，用于比对是否已经存在相同的数据，默认用输入的值和 keygen 值比对
+     */
+    onFilterWidthCreate?: (data: DataItem, createdData: DataItem, key: string | number) => boolean;
+}
+export interface SelectPropsA<DataItem, Value> extends Omit<SelectPropsBase<DataItem, Value>, 'treeData' | 'childrenKey'> {
+    /**
+     * @en Options data
+     * @cn 选项数据
+     * @override DataItem[]
+     */
+    data: DataItem[];
+}
+export interface SelectPropsB<DataItem, Value> extends Omit<SelectPropsBase<DataItem, Value>, 'data'> {
+    /**
+     * @en treeData
+     * @cn 树形数据
+     */
+    treeData: DataItem[];
+    /**
+     * @en Children key
+     * @cn 子节点的 key
+     */
+    childrenKey?: ObjectKey<DataItem>;
 }
+export declare type SelectProps<DataItem, Value> = SelectPropsA<DataItem, Value> | SelectPropsB<DataItem, Value>;
 //# sourceMappingURL=select.type.d.ts.map

package/cjs/select/select.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.type.d.ts","sourceRoot":"","sources":["select.type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"select.type.d.ts","sourceRoot":"","sources":["select.type.ts"],"names":[],"mappings":"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"}

package/cjs/slider/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/cjs/slider/slider.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { SliderProps } from './slider.type';
-declare const Slider: <Value extends number | number[]>(props: SliderProps<Value>) => JSX.Element;
+declare const Slider: <Value extends number | number[]>(props0: SliderProps<Value>) => JSX.Element;
 export default Slider;
 //# sourceMappingURL=slider.d.ts.map

package/cjs/slider/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,QAAA,MAAM,MAAM,6EA6GX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK5C,QAAA,MAAM,MAAM,8EA+GX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/slider/slider.js

@@ -13,12 +13,14 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _hooks = require("@sheinx/hooks");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
+var _useWithFormConfig = _interopRequireDefault(require("../common/use-with-form-config"));
 var _jsxRuntime = require("react/jsx-runtime");
 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) { (0, _defineProperty2.default)(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 defaultScale = [0, 100];
-var Slider = function Slider(props) {
+var Slider = function Slider(props0) {
   var _props$jssStyle, _props$jssStyle$slide;
+  var props = (0, _useWithFormConfig.default)(props0);
   var sliderClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$slide = _props$jssStyle.slider) === null || _props$jssStyle$slide === void 0 ? void 0 : _props$jssStyle$slide.call(_props$jssStyle);
   var _props$scale = props.scale,
     scale = _props$scale === void 0 ? defaultScale : _props$scale,
@@ -69,7 +71,7 @@ var Slider = function Slider(props) {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         onMouseDown: props.disabled ? undefined : handleEndMouseDown,
-        className: (0, _classnames.default)(sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicator, position === 0 ? sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicatorStart : sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicatorEnd, dragIndex === position && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicatorActive))
+        className: (0, _classnames.default)(sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicator, position === 0 ? sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicatorStart : sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicatorEnd, dragIndex === position && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicatorActive), tipType === 'hover' && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicatorHover))
       }), renderIndicatorValue(position)]
     });
   };

package/cjs/slider/slider.type.d.ts

@@ -7,6 +7,7 @@ export interface SliderClasses {
     indicatorStart: string;
     indicatorEnd: string;
     indicatorActive: string;
+    indicatorHover: string;
     scaleWrapper: string;
     scale: string;
     label: string;

package/cjs/slider/slider.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.type.d.ts","sourceRoot":"","sources":["slider.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE9D,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;CAC9B;AAED,MAAM,WAAW,WAAW,CAAC,KAAK,CAChC,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC7C,gBAAgB,CAAC,KAAK,CAAC;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC,GAAG,KAAK,CAAC;IAE3E;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,KAAK,CAAC;IAElD;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAElC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB"}
+{"version":3,"file":"slider.type.d.ts","sourceRoot":"","sources":["slider.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE9D,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;CAC9B;AAED,MAAM,WAAW,WAAW,CAAC,KAAK,CAChC,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC7C,gBAAgB,CAAC,KAAK,CAAC;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC,GAAG,KAAK,CAAC;IAE3E;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,KAAK,CAAC;IAElD;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAElC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB"}

package/cjs/spin/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["base.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAI5C,QAAA,MAAM,IAAI,UAAW,aAAa,gBAmBjC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["base.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAI5C,QAAA,MAAM,IAAI,UAAW,aAAa,gBAoBjC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/spin/base.js

@@ -26,6 +26,7 @@ var Spin = function Spin(props) {
     size = _props$size === void 0 ? 40 : _props$size,
     className = props.className,
     jssStyle = props.jssStyle;
+  var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin = jssStyle.spin) === null || _jssStyle$spin === void 0 ? void 0 : _jssStyle$spin.call(jssStyle);
   var style = Object.assign({
     width: size,
     height: size
@@ -38,7 +39,7 @@ var Spin = function Spin(props) {
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     style: style,
-    className: (0, _classnames.default)(className, jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin = jssStyle.spin) === null || _jssStyle$spin === void 0 ? void 0 : _jssStyle$spin.spin),
+    className: (0, _classnames.default)(className, styles === null || styles === void 0 ? void 0 : styles.spin),
     children: range(count + 1, 1).map(function (i) {
       return render(_objectSpread(_objectSpread({}, props), {}, {
         index: i

package/cjs/spin/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/cjs/spin/spin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,SAAS,EAAE,MAAM,aAAa,CAAC;AAGrD,QAAA,MAAM,IAAI,WAAW,SAAS,uBA8D7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,SAAS,EAAE,MAAM,aAAa,CAAC;AAIrD,QAAA,MAAM,IAAI,WAAW,SAAS,uBAoE7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/spin/spin.js

@@ -1,5 +1,8 @@
 "use strict";
 
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -8,26 +11,35 @@ exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _spins = _interopRequireDefault(require("./spins"));
+var _config = require("../config");
 var _jsxRuntime = require("react/jsx-runtime");
+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) { (0, _defineProperty2.default)(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 Spin = function Spin() {
-  var _jssStyle$spin, _classNames;
+  var _ref, _jssStyle$spin, _classNames;
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var jssStyle = props.jssStyle,
     className = props.className,
     children = props.children,
+    style = props.style,
     _props$loading = props.loading,
     loading = _props$loading === void 0 ? true : _props$loading,
-    _props$name = props.name,
-    name = _props$name === void 0 ? 'default' : _props$name,
+    nameProps = props.name,
     tip = props.tip,
     color = props.color,
     _props$mode = props.mode,
     mode = _props$mode === void 0 ? 'vertical' : _props$mode;
+  var config = (0, _config.useConfig)();
+  var name = (_ref = nameProps !== null && nameProps !== void 0 ? nameProps : config.spin) !== null && _ref !== void 0 ? _ref : 'default';
   var spinStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin = jssStyle.spin) === null || _jssStyle$spin === void 0 ? void 0 : _jssStyle$spin.call(jssStyle)) || {};
   var contentClass = (0, _classnames.default)(className, spinStyle.content, (_classNames = {}, (0, _defineProperty2.default)(_classNames, spinStyle.vertical, mode === 'vertical'), (0, _defineProperty2.default)(_classNames, spinStyle.horizontal, mode === 'horizontal'), _classNames));
   var renderSpin = function renderSpin() {
-    if (_spins.default[name]) {
-      return _spins.default[name](props);
+    var n = name;
+    if (_spins.default[n]) {
+      var Comp = _spins.default[n];
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, _objectSpread(_objectSpread({}, props), {}, {
+        style: style
+      }));
     }
     return null;
   };
@@ -53,7 +65,7 @@ var Spin = function Spin() {
   };
   var renderContainer = function renderContainer() {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: spinStyle.container,
+      className: (0, _classnames.default)(className, spinStyle.container),
       children: [children, loading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: spinStyle.loading,
         children: renderContent()

package/cjs/spin/spin.type.d.ts

@@ -56,12 +56,43 @@ export interface BaseSpinProps {
 }
 export interface SpinProps extends Pick<CommonType, 'className' | 'style'> {
     jssStyle?: SpinStyle;
+    /**
+     * @en Spin has children
+     * @cn 作为包裹元素使用
+     */
     children?: React.ReactNode;
+    /**
+     * @en Custom tip
+     * @cn 提示文案
+     */
     tip?: string | React.ReactNode;
+    /**
+     * @en Size
+     * @cn 尺寸
+     * @default 40
+     */
     size?: number | string;
+    /**
+     * @en Type
+     * @cn 类型
+     */
     name?: SpinNameType;
+    /**
+     * @en Color
+     * @cn 颜色
+     */
     color?: string;
+    /**
+     * @en Layout mode
+     * @cn 布局模式
+     * @default 'vertical'
+     */
     mode?: SpinModeType;
+    /**
+     * @en Loading
+     * @cn 是否为加载中
+     * @default true
+     */
     loading?: boolean;
 }
 export {};

package/cjs/spin/spin.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spin.type.d.ts","sourceRoot":"","sources":["spin.type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"spin.type.d.ts","sourceRoot":"","sources":["spin.type.ts"],"names":[],"mappings":"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"}

package/cjs/spin/spins.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spins.d.ts","sourceRoot":"","sources":["spins.tsx"],"names":[],"mappings":";AACA,OAAO,EAAgC,SAAS,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;AAuQtE,wBAcE"}
+{"version":3,"file":"spins.d.ts","sourceRoot":"","sources":["spins.tsx"],"names":[],"mappings":";AACA,OAAO,EAAgC,SAAS,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;AAyQtE,wBAcE"}

package/cjs/spin/spins.js

@@ -210,18 +210,20 @@ var Ring = function Ring(props) {
     size = _props$size4 === void 0 ? 40 : _props$size4,
     color = props.color,
     jssStyle = props.jssStyle,
-    className = props.className;
+    className = props.className,
+    _props$style = props.style,
+    styleProp = _props$style === void 0 ? {} : _props$style;
   var spinStyles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin13 = jssStyle.spin) === null || _jssStyle$spin13 === void 0 ? void 0 : _jssStyle$spin13.call(jssStyle)) || {};
   var _formatSize4 = (0, _utils.formatSize)(size),
     value = _formatSize4.value,
     unit = _formatSize4.unit;
-  var style = {
+  var style = _objectSpread(_objectSpread({}, styleProp), {}, {
     borderWidth: value / 10 + unit,
     borderLeftColor: color,
     borderRightColor: color,
     borderBottomColor: color,
     fontSize: value / 10 + unit
-  };
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
     count: 0,
     style: style,

package/cjs/steps/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/cjs/steps/step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["step.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAa,aAAa,EAAE,MAAM,aAAa,CAAC;AA4FvD,QAAA,MAAM,gBAAgB,UAAW,aAAa,gBAE7C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["step.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAa,aAAa,EAAE,MAAM,aAAa,CAAC;AAqGvD,QAAA,MAAM,gBAAgB,UAAW,aAAa,gBAE7C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}