@sheinx/base 3.0.0-alpha.1

package/esm/select/select.type.d.ts

@@ -0,0 +1,137 @@
+/// <reference types="react" />
+import { BaseSelectProps, KeygenType, useListSelect } 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 { InnerTitleClasses } from '../common/use-inner-title';
+import { VirtualScrollClasses } from '../virtual-scroll/virtual-scroll-list.type';
+export declare type JssStyleType = {
+    tag: () => TagClasses;
+    select: () => SelectClasses;
+    innerTitle?: () => InnerTitleClasses;
+    virtualScroll: () => VirtualScrollClasses;
+};
+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'> {
+    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>;
+    treeData?: DataItem[];
+    value?: Value;
+    /**
+     * @en Allow enter something into DatePicker
+     * @cn 可输入
+     * @default false
+     */
+    inputable?: boolean;
+    /**
+     * @en If clearable is true, show clear value icon
+     * @cn  是否显示清除数据图标
+     * @default true
+     */
+    clearable?: boolean;
+    /**
+     * @en placeholder text
+     * @cn 占位文字
+     */
+    placeholder?: string;
+    /**
+     * @en When it is true, a default [Spin](/components/Spin) component will be displayed, a custom loading icon can be passed in to replace.
+     * @cn 数据加载中，为true时会展示一个默认的 [Spin](/components/Spin) 组件，可以传入一个自定义的Spin代替
+     * @override boolean | ReactNode
+     * @default false
+     */
+    loading?: boolean | React.ReactNode;
+    /**
+     * @en Custom render option list header
+     * @cn 自定义渲染列表头部内容
+     */
+    header?: React.ReactNode;
+    /**
+     * @deprecated
+     */
+    border?: boolean;
+    /**
+     * @en only display border bottom
+     * @cn 是否只展示下边框
+     * @default false
+     */
+    underline?: boolean;
+    /**
+     * @en Set visible of datepicker popup
+     * @cn 控制浮层显隐
+     */
+    open?: boolean;
+    /**
+     * @cn 选择框的宽度
+     * @en custom width
+     */
+    width?: number | string;
+    /**
+     * @cn 下拉列表的高度
+     * @en custom width
+     */
+    height?: number | string;
+    /**
+     * @cn 下拉列表的宽度
+     * @en custom width
+     * @default 100%
+     */
+    optionWidth?: number | string;
+    /**
+     * @en The maximum number of rows for a single render. Select uses lazy render to optimize performance under large amounts of data. If your table displays more than 10 rows, you can change the value of itemsInView.
+     * @cn 单次 render 的最大行数。Select 采用了lazy render 的方式来优化在大量数据下的性能，如果你的表格显示的高度超出了 10 条，可以调整 itemsInView
+     * @default 10
+     */
+    itemsInView?: number;
+    /**
+     * @en Option height. List items are rendered using virtual lists, and when the option height changes, the correct height should be specified via lineHeight
+     * @cn 选项高度。列表项使用虚拟列表渲染，当选项高度改变时，应该通过 lineHeight 来指定正确高度
+     * @default 32
+     */
+    lineHeight?: number;
+    /**
+     * @en Set Position can control the different position of DatePicker
+     * @cn 弹出框位置
+     */
+    position?: 'auto' | 'bottom-left' | 'top-left';
+    /**
+     * @en Option columns.
+     * @cn columns 大于 1 时，选项展示为多列布局模式
+     * @default 1
+     */
+    columns?: number;
+    noCache?: boolean;
+    trim?: boolean;
+    maxLength?: number;
+    separator?: string;
+    compressed?: boolean;
+    compressedBound?: number;
+    resultClassName?: ((value: DataItem) => string) | string;
+    renderItem: (data: DataItem, index?: number) => React.ReactNode;
+    renderResult?: (data: DataItem, index?: number) => React.ReactNode;
+    renderUnmatched?: (value: Value extends (infer U)[] ? U : Value) => React.ReactNode;
+    /**
+     * @en blur event callback
+     * @cn blur 事件回调
+     */
+    onBlur?: (e: any) => void;
+    /**
+     * @en focus event callback
+     * @cn focus 事件回调
+     */
+    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.
+     * @cn onFilter 不为空时，可以输入过滤数据。onFilter 如果返回一个函数，使用这个函数做前端过滤。如果不返回，可以自行做后端过滤
+     */
+    onFilter?: (text: string, from?: string) => ((data: DataItem) => boolean) | void | undefined;
+    onCreate?: boolean | ((input: Value) => Value);
+}
+//# sourceMappingURL=select.type.d.ts.map

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

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

package/esm/select/select.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/slider/__example__/01-base.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;
+//# sourceMappingURL=01-base.d.ts.map

package/esm/slider/__example__/01-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AAcA,wBAME"}

package/esm/slider/__example__/01-base.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    --
+ * en - Basic
+ *    --
+ */
+
+var jssStyle = {
+  slider: _shineoutStyle.useSliderStyle
+};
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Slider, {
+      jssStyle: jssStyle
+    })
+  });
+};
+exports.default = _default;

package/esm/slider/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as Slider } from './slider';
+export type { SliderProps } from './slider.type';
+//# sourceMappingURL=index.d.ts.map

package/esm/slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/esm/slider/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Slider", {
+  enumerable: true,
+  get: function get() {
+    return _slider.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _slider.default;
+  }
+});
+var _slider = _interopRequireDefault(require("./slider"));

package/esm/slider/slider.d.ts

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

package/esm/slider/slider.d.ts.map

@@ -0,0 +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"}

package/esm/slider/slider.js

@@ -0,0 +1,113 @@
+"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
+});
+exports.default = void 0;
+require("core-js/modules/es.array.map.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _hooks = require("@sheinx/hooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+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 _props$jssStyle, _props$jssStyle$slide;
+  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,
+    _props$step = props.step,
+    step = _props$step === void 0 ? 1 : _props$step,
+    _props$height = props.height,
+    height = _props$height === void 0 ? 200 : _props$height,
+    _props$valueTipType = props.valueTipType,
+    tipType = _props$valueTipType === void 0 ? 'always' : _props$valueTipType;
+  var inputAbleInfo = (0, _hooks.useInputAble)({
+    value: props.value,
+    onChange: props.onChange,
+    defaultValue: props.defaultValue,
+    beforeChange: props.beforeChange,
+    control: 'value' in props
+  });
+  var _useSlider = (0, _hooks.useSlider)({
+      range: !!props.range,
+      value: inputAbleInfo.value,
+      onChange: inputAbleInfo.onChange,
+      scale: scale,
+      step: step,
+      vertical: !!props.vertical,
+      onIncrease: props.onIncrease
+    }),
+    func = _useSlider.func,
+    trackRef = _useSlider.trackRef,
+    innerStyle = _useSlider.innerStyle,
+    dragIndex = _useSlider.dragIndex,
+    startValue = _useSlider.startValue,
+    endValue = _useSlider.endValue;
+  var renderIndicatorValue = function renderIndicatorValue(position) {
+    if (props.formatValue === false) return null;
+    var value = position === 0 ? startValue : endValue;
+    var formated = value;
+    if (typeof props.formatValue === 'function') {
+      formated = props.formatValue(value);
+    }
+    var c = position === 0 ? sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.startValue : sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.endValue;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(c, sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.value, tipType === 'hover' && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.valueHover)),
+      children: formated
+    });
+  };
+  var renderIndicator = function renderIndicator(position) {
+    if (!props.range && position === 0) return null;
+    var handleEndMouseDown = position === 0 ? func.handleStartMouseDown : func.handleEndMouseDown;
+    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))
+      }), renderIndicatorValue(position)]
+    });
+  };
+  var renderScale = function renderScale(value) {
+    if (props.formatScale === false) return null;
+    if (typeof props.formatScale === 'function') {
+      return props.formatScale(value);
+    }
+    return value;
+  };
+  var verticalStyle = props.vertical ? {
+    height: height
+  } : {};
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)(sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.wrapper, props.autoHide && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.autoHide), props.disabled && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.disabled), props.vertical && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.vertical), props.className),
+    style: _objectSpread(_objectSpread({}, verticalStyle), props.style),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.track,
+      ref: trackRef,
+      onClick: props.disabled ? undefined : func.handleTrackClick,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.trackInner,
+        style: innerStyle,
+        children: [renderIndicator(0), renderIndicator(1)]
+      })
+    }), props.formatScale === false ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.scaleWrapper,
+      children: scale === null || scale === void 0 ? void 0 : scale.map(function (item, index) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames.default)(sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.scale),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: (0, _classnames.default)(sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.label),
+            children: renderScale(item)
+          }, index)
+        }, index);
+      })
+    })]
+  });
+};
+var _default = Slider;
+exports.default = _default;

package/esm/slider/slider.type.d.ts

@@ -0,0 +1,108 @@
+import { CommonType, CommonChangeType } from '../common/type';
+export interface SliderClasses {
+    wrapper: string;
+    track: string;
+    trackInner: string;
+    indicator: string;
+    indicatorStart: string;
+    indicatorEnd: string;
+    indicatorActive: string;
+    scaleWrapper: string;
+    scale: string;
+    label: string;
+    value: string;
+    valueHover: string;
+    startValue: string;
+    endValue: string;
+    autoHide: string;
+    disabled: string;
+    vertical: string;
+}
+export interface SliderJssStyle {
+    slider?: () => SliderClasses;
+}
+export interface SliderProps<Value> extends Pick<CommonType, 'className' | 'style'>, CommonChangeType<Value> {
+    /**
+     * @cn 展示当前值的方式,默认为常驻展示
+     * @en The way to show the current value, the default is always displayed
+     * @default 'always'
+     */
+    valueTipType?: 'always' | 'hover';
+    jssStyle?: SliderJssStyle;
+    /**
+     * @en Automatically hides the current value and scale
+     * @cn 是否自动隐藏当前值和刻度
+     * @default false
+     */
+    autoHide?: boolean;
+    /**
+     * @en Format displayed scale. When it is false, the scale is not displayed.
+     * @cn 格式化显示刻度，为 false 时，不显示刻度
+     * @default v => v
+     */
+    formatScale?: ((value: number, index?: number) => string | number) | false;
+    /**
+     * @en Format displayed current value. When it is false, the current value is not displayed.
+     * @cn 格式化显示当前值，为 false 时，不显示当前值
+     * @default v => v
+     */
+    formatValue?: ((value: number) => string) | false;
+    /**
+     * @en height. Only effect when vertical is true
+     * @cn 高度，仅在 vertical 为 true 情况下有效
+     * @default 200
+     */
+    height?: number;
+    /**
+     * @en The callback function when the value is changing.
+     * @cn 值改变时回调函数
+     */
+    onChange?: (value: Value) => void;
+    /**
+     * @en Value range. An array whose length is greater than 2.
+     * @cn 取值范围，长度 >= 2 的数组
+     * @default [0, 100]
+     */
+    scale?: number[];
+    /**
+     * @en Step size. Must be greater than or equal to 0; When it is 0, only the value specified by scale can be selected.
+     * @cn 步长，必须大于等于0；为0时，只能选取 scale 指定的值
+     * @default 1
+     */
+    step?: number;
+    /**
+     * @en current value
+     * @cn 当前值
+     * @override number | number[]
+     */
+    value?: Value;
+    /**
+     * @en default value
+     * @cn 默认值
+     */
+    defaultValue?: Value;
+    /**
+     * @en Whether to be vertical
+     * @cn 是否垂直
+     * @default false
+     */
+    vertical?: boolean;
+    /**
+     * @en Whether to display double slider
+     * @cn 是否显示双滑块
+     * @default false
+     */
+    range?: boolean;
+    /**
+     * @en Disable component
+     * @cn 是否禁用组件
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * @en Drag over the maximum event
+     * @cn 拖动超过最大值事件
+     */
+    onIncrease?: () => void;
+}
+//# sourceMappingURL=slider.type.d.ts.map

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

@@ -0,0 +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"}

package/esm/slider/slider.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/spin/__example__/01-base.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;
+//# sourceMappingURL=01-base.d.ts.map

package/esm/spin/__example__/01-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AAUA,wBAkBE"}

package/esm/spin/__example__/01-base.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    --
+ * en - Basic
+ *    --
+ */
+var _default = function _default() {
+  var spinStyle = (0, _shineoutStyle.useSpinStyle)();
+  var jssStyle = {
+    spin: spinStyle
+  };
+  var renderTip = function renderTip() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: "hhhh"
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Spin, {
+      jssStyle: jssStyle,
+      name: "ring",
+      tip: renderTip(),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          width: 200,
+          height: 200,
+          background: '#000'
+        }
+      })
+    })
+  });
+};
+exports.default = _default;

package/esm/spin/base.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BaseSpinProps } from './spin.type';
+declare const Spin: (props: BaseSpinProps) => JSX.Element;
+export default Spin;
+//# sourceMappingURL=base.d.ts.map

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

@@ -0,0 +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"}

package/esm/spin/base.js

@@ -0,0 +1,50 @@
+"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
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.map.js");
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("@sheinx/hooks");
+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 range = _hooks.util.range;
+var Spin = function Spin(props) {
+  var _jssStyle$spin;
+  var _props$count = props.count,
+    count = _props$count === void 0 ? 0 : _props$count,
+    render = props.render,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 40 : _props$size,
+    className = props.className,
+    jssStyle = props.jssStyle;
+  var style = Object.assign({
+    width: size,
+    height: size
+  }, props.style);
+  if (count < 1 || !render) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: style,
+      className: className
+    });
+  }
+  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),
+    children: range(count + 1, 1).map(function (i) {
+      return render(_objectSpread(_objectSpread({}, props), {}, {
+        index: i
+      }));
+    })
+  });
+};
+var _default = Spin;
+exports.default = _default;

package/esm/spin/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as Spin } from './spin';
+export type { SpinProps } from './spin.type';
+//# sourceMappingURL=index.d.ts.map

package/esm/spin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/esm/spin/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Spin", {
+  enumerable: true,
+  get: function get() {
+    return _spin.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _spin.default;
+  }
+});
+var _spin = _interopRequireDefault(require("./spin"));

package/esm/spin/spin.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SpinProps } from './spin.type';
+declare const Spin: (props?: SpinProps) => JSX.Element | null;
+export default Spin;
+//# sourceMappingURL=spin.d.ts.map

package/esm/spin/spin.d.ts.map

@@ -0,0 +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"}