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

package/cjs/date-picker/date-picker.js

@@ -25,6 +25,8 @@ var _config = require("../config");
 var _icons = _interopRequireDefault(require("../icons"));
 var _result = _interopRequireDefault(require("./result"));
 var _useInnerTitle = _interopRequireDefault(require("../common/use-inner-title"));
+var _useWithFormConfig = _interopRequireDefault(require("../common/use-with-form-config"));
+var _useTip = _interopRequireDefault(require("../common/use-tip"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -35,8 +37,9 @@ var horizontalPosition = ['left-top', 'left-bottom', 'right-top', 'right-bottom'
 var preventDefault = function preventDefault(e) {
   e.preventDefault();
 };
-var DatePicker = function DatePicker(props) {
-  var _jssStyle$datePicker;
+var DatePicker = function DatePicker(props0) {
+  var _jssStyle$datePicker, _util$getDataAttribut;
+  var props = (0, _useWithFormConfig.default)(props0);
   var _useConfig = (0, _config.useConfig)(),
     locale = _useConfig.locale;
   var jssStyle = props.jssStyle,
@@ -46,7 +49,9 @@ var DatePicker = function DatePicker(props) {
     _props$border = props.border,
     border = _props$border === void 0 ? true : _props$border,
     _props$clearable = props.clearable,
-    clearable = _props$clearable === void 0 ? true : _props$clearable;
+    clearable = _props$clearable === void 0 ? true : _props$clearable,
+    disabled = props.disabled,
+    size = props.size;
   var _React$useState = _react.default.useState(-1),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     activeIndex = _React$useState2[0],
@@ -81,7 +86,7 @@ var DatePicker = function DatePicker(props) {
       format: props.format,
       options: options,
       clearable: clearable,
-      disabled: props.disabled,
+      disabled: disabled,
       clearWithUndefined: props.clearWithUndefined,
       onClear: undefined,
       allowSingle: props.allowSingle,
@@ -120,12 +125,21 @@ var DatePicker = function DatePicker(props) {
     popupRef = _usePopup.popupRef,
     openPop = _usePopup.openPop,
     closePop = _usePopup.closePop;
+  var tipNode = (0, _useTip.default)({
+    popover: props.popover,
+    popoverProps: props.popoverProps,
+    error: props.error,
+    tip: props.tip,
+    focused: focused,
+    rootRef: targetRef,
+    jssStyle: props.jssStyle
+  });
   var hasValue = Array.isArray(inputAbleResult.value) ? inputAbleResult.value.filter(Boolean).length > 0 : !!inputAbleResult.value;
   var renderInnerTitle = (0, _useInnerTitle.default)({
     innerTitle: props.innerTitle,
     placeTitle: props.placeTitle,
     open: open || hasValue,
-    size: props.size,
+    size: size,
     jssStyle: jssStyle
   });
   var handleFocus = (0, _hooks.usePersistFn)(function (e) {
@@ -199,18 +213,14 @@ var DatePicker = function DatePicker(props) {
       console.warn('formatResult and inputable cannot be used at the same time');
     }
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
-    "data-soui-type": 'input',
-    className: (0, _classnames.default)(props.className, styles === null || styles === void 0 ? void 0 : styles.wrapper, props.innerTitle && (styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitle), props.size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.wrapperSmall), props.size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.wrapperLarge), focused && (styles === null || styles === void 0 ? void 0 : styles.wrapperFocus), disabledStatus === 'all' && (styles === null || styles === void 0 ? void 0 : styles.wrapperDisabled), props.status === 'error' && (styles === null || styles === void 0 ? void 0 : styles.wrapperError), range && (styles === null || styles === void 0 ? void 0 : styles.wrapperRange), !border && (styles === null || styles === void 0 ? void 0 : styles.wrapperNoBorder), !!props.underline && (styles === null || styles === void 0 ? void 0 : styles.wrapperUnderline))
-  }, _hooks.util.getDataAttribute({
-    type: type
-  })), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, _hooks.util.getDataAttribute((_util$getDataAttribut = {}, (0, _defineProperty2.default)(_util$getDataAttribut, 'input-border', 'true'), (0, _defineProperty2.default)(_util$getDataAttribut, "type", type), _util$getDataAttribut))), {}, {
+    className: (0, _classnames.default)(props.className, styles === null || styles === void 0 ? void 0 : styles.wrapper, props.innerTitle && (styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitle), size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.wrapperSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.wrapperLarge), focused && (styles === null || styles === void 0 ? void 0 : styles.wrapperFocus), disabledStatus === 'all' && (styles === null || styles === void 0 ? void 0 : styles.wrapperDisabled), (!!props.error || props.status === 'error') && (styles === null || styles === void 0 ? void 0 : styles.wrapperError), range && (styles === null || styles === void 0 ? void 0 : styles.wrapperRange), !border && (styles === null || styles === void 0 ? void 0 : styles.wrapperNoBorder), !!props.underline && (styles === null || styles === void 0 ? void 0 : styles.wrapperUnderline)),
     style: _objectSpread({
       width: props.width
     }, props.style),
-    children: [renderResult(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.AbsoluteList, {
-      parentElement: targetRef.current,
-      popupEl: popupRef.current,
+    children: [tipNode, renderResult(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.AbsoluteList, {
+      parentElRef: targetRef,
+      popupElRef: popupRef,
       absolute: props.absolute,
       zIndex: props.zIndex,
       position: position,
@@ -237,7 +247,7 @@ var DatePicker = function DatePicker(props) {
           setMode: func.setMode,
           type: type,
           options: options,
-          disabled: props.disabled,
+          disabled: disabled,
           jssStyle: jssStyle,
           closePop: closePop,
           defaultTime: props.defaultTime,

package/cjs/date-picker/date-picker.type.d.ts

@@ -1,7 +1,10 @@
+import React from 'react';
 import { CommonType } from '../common/type';
 import { AbsoluteListProps } from '../absolute-list/absolute-list.type';
 import { ButtonClasses } from '../button/button.type';
 import { InnerTitleClasses } from '../common/use-inner-title';
+import { BaseTipProps } from '../common/use-tip';
+import { PopoverClasses } from '../popover/popover.type';
 import type { DatePickerValueType, DateTimeType } from '@sheinx/hooks';
 export type { DateTimeType, DatePickerValueType, DatePickerModeType } from '@sheinx/hooks';
 export declare type AreaType = 'year' | 'month' | 'week' | 'day' | 'time' | 'quick' | 'quarter';
@@ -73,19 +76,20 @@ export interface DatePickerClasses {
     timeItem: string;
     timeItemActive: string;
     timeItemDisabled: string;
-    timeBase: string;
-    timeBaseItem: string;
+    timeItemBox: string;
     datetime: string;
     quickPicker: string;
     quickPickerItem: string;
 }
 export declare type DisabledType = 'start' | 'end';
-export interface DatePickerProps<Value extends DatePickerValueType> extends Pick<CommonType, 'className' | 'style' | 'size' | 'status' | 'innerTitle' | 'placeTitle'>, Pick<AbsoluteListProps, 'absolute' | 'zIndex'> {
-    jssStyle?: {
-        datePicker?: () => DatePickerClasses;
-        button?: () => ButtonClasses;
-        innerTitle?: () => InnerTitleClasses;
-    };
+interface DatePickerJssStyle {
+    datePicker?: () => DatePickerClasses;
+    button?: () => ButtonClasses;
+    innerTitle?: () => InnerTitleClasses;
+    popover?: () => PopoverClasses;
+}
+export interface DatePickerProps<Value extends DatePickerValueType> extends Pick<CommonType, 'className' | 'style' | 'size' | 'status' | 'innerTitle' | 'placeTitle'>, Pick<AbsoluteListProps, 'absolute' | 'zIndex'>, BaseTipProps {
+    jssStyle?: DatePickerJssStyle;
     /**
      * @en When the value is true, disabled all options; When the value is function, disable the options that this function returns true.
      * @cn 如果 disabled 为 true，禁用全部选项，如果 disabled 为函数，根据函数反回结果禁用选项
@@ -107,6 +111,11 @@ export interface DatePickerProps<Value extends DatePickerValueType> extends Pick
      * @cn 下拉列表展开/收起回调
      */
     onCollapse?: (collapse: boolean) => void;
+    /**
+     * @en Horizontal align of the value
+     * @cn 值水平排布方式
+     * @default 'center'
+     */
     align?: 'left' | 'right' | 'center';
     /**
      * @en Set the default time zone, the format is /^([+-]\\d{2})$/ Support '-12' to '+13'
@@ -135,10 +144,30 @@ export interface DatePickerProps<Value extends DatePickerValueType> extends Pick
      * @default props.format
      */
     formatResult?: string | ((date: Date) => string);
+    /**
+     * @en Range span，unit: second，When it is true, selection scope is not limited
+     * @cn 范围跨度，单位 秒，为 true 时表示不限制选择范围
+     */
     range?: boolean | number;
+    /**
+     * @en When the value is string, it needs to match the format attribute.When the range property is true, the value is an array of length 2
+     * @cn 值为 string 时，需要和 format 属性匹配。非 string 会格式化为 string。range 属性为 true 时，值为长度为2的数组
+     */
     value?: Value;
+    /**
+     * @en Default value
+     * @cn 默认值  和 value 类型相同
+     */
     defaultValue?: Value;
+    /**
+     * @en A callback when the value is changing
+     * @cn 值改变回调函数
+     */
     onChange?: (value: Value extends any[] ? string[] : string) => void;
+    /**
+     * @en The callback before the value is changed, when the return value is not empty, it will be used as the new value of the component
+     * @cn 值改变前的回调，当返回值不为空时将作为组件的新值
+     */
     beforeChange?: (value: Value extends any[] ? string[] : string) => (Value extends any[] ? string[] : string) | undefined | void;
     /**
      * @en If clearable is true, show clear value icon
@@ -159,7 +188,7 @@ export interface DatePickerProps<Value extends DatePickerValueType> extends Pick
      */
     allowSingle?: boolean;
     /**
-     * @deprecated
+     * @deprecated 废弃属性
      */
     border?: boolean;
     /**
@@ -253,7 +282,7 @@ export interface DatePickerProps<Value extends DatePickerValueType> extends Pick
     width?: number | string;
 }
 export interface QuickSelectType {
-    name: string;
+    name: React.ReactNode;
     value: DatePickerValueType | (() => DatePickerValueType);
 }
 //# sourceMappingURL=date-picker.type.d.ts.map

package/cjs/date-picker/date-picker.type.d.ts.map

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

package/cjs/date-picker/day.js

@@ -63,7 +63,7 @@ var Day = function Day(props) {
     var now = new Date();
     if (func.isDisabled(now)) return;
     props.setCurrent(new Date(), areaType);
-    props.onChange(new Date(), true);
+    props.onChange(new Date(), props.type === 'datetime');
   };
   var renderDay = function renderDay(item, index) {
     var isActive = func.isActive(item);

package/cjs/date-picker/index.js

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

package/cjs/date-picker/result.d.ts

@@ -4,6 +4,8 @@ export declare const Input: (props: {
     className?: string | undefined;
     value: string;
     placeholder?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    maxLength?: number | undefined;
     onChange: (v: string) => void;
     onRef?: ((ref: HTMLInputElement) => void) | undefined;
     onMouseDown?: ((e: React.MouseEvent) => void) | undefined;
@@ -11,6 +13,7 @@ export declare const Input: (props: {
     disabled?: boolean | undefined;
     onFocus?: ((e: React.FocusEvent) => void) | undefined;
     onBlur?: ((e: React.FocusEvent) => void) | undefined;
+    onClick?: ((e?: React.MouseEvent) => void) | undefined;
 }) => JSX.Element;
 interface ResultProps extends Pick<DatePickerProps<string>, 'jssStyle' | 'type' | 'inputable' | 'range' | 'placeholder'> {
     focused: boolean;
@@ -23,6 +26,7 @@ interface ResultProps extends Pick<DatePickerProps<string>, 'jssStyle' | 'type'
     activeIndex?: number;
     onFocus?: (e: React.FocusEvent) => void;
     onBlur?: (e: React.FocusEvent) => void;
+    onClick?: (e?: React.MouseEvent) => void;
 }
 declare const Result: (props: ResultProps) => JSX.Element;
 export default Result;

package/cjs/date-picker/result.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAwB,WAAqB;AACrE,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,eAAO,MAAM,KAAK;;WAET,MAAM;;kBAEC,MAAM,KAAK,IAAI;mBACf,gBAAgB,KAAK,IAAI;uBACrB,gBAAgB,KAAK,IAAI;;;mBAG7B,gBAAgB,KAAK,IAAI;kBAC1B,gBAAgB,KAAK,IAAI;iBA0BvC,CAAC;AACF,UAAU,WACR,SAAQ,IAAI,CACV,eAAe,CAAC,MAAM,CAAC,EACvB,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,CAC5D;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC3C,SAAS,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACxC;AACD,QAAA,MAAM,MAAM,UAAW,WAAW,gBAiJjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAwB,WAAqB;AACrE,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,eAAO,MAAM,KAAK;;WAET,MAAM;;;;kBAIC,MAAM,KAAK,IAAI;mBACf,gBAAgB,KAAK,IAAI;uBACrB,gBAAgB,KAAK,IAAI;;;mBAG7B,gBAAgB,KAAK,IAAI;kBAC1B,gBAAgB,KAAK,IAAI;oBACvB,gBAAgB,KAAK,IAAI;iBA6BzC,CAAC;AACF,UAAU,WACR,SAAQ,IAAI,CACV,eAAe,CAAC,MAAM,CAAC,EACvB,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,CAC5D;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC3C,SAAS,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC1C;AACD,QAAA,MAAM,MAAM,UAAW,WAAW,gBAmJjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/date-picker/result.js

@@ -26,15 +26,18 @@ var Input = function Input(props) {
   }, [props.value, props.open]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
     ref: props.onRef,
+    style: props.style,
     className: props.className,
     placeholder: props.placeholder,
     autoComplete: 'off',
     value: value,
+    maxLength: props.maxLength,
     disabled: props.disabled,
     onBlur: props.onBlur,
     onFocus: props.onFocus,
     onClick: function onClick(e) {
       e.currentTarget.focus();
+      if (props.onClick) props.onClick(e);
     },
     onChange: function onChange(e) {
       setValue(e.target.value);
@@ -59,7 +62,8 @@ var Result = function Result(props) {
     disabledLeft = props.disabledLeft,
     disabledRight = props.disabledRight,
     _props$activeIndex = props.activeIndex,
-    activeIndex = _props$activeIndex === void 0 ? -1 : _props$activeIndex;
+    activeIndex = _props$activeIndex === void 0 ? -1 : _props$activeIndex,
+    onClickProps = props.onClick;
   var _useConfig = (0, _.useConfig)(),
     locale = _useConfig.locale;
   var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
@@ -145,7 +149,8 @@ var Result = function Result(props) {
             e.stopPropagation();
             if (focused) return;
             (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 ? void 0 : _props$onFocus.call(props, e);
-          }
+          },
+          onClick: onClickProps
         }, info.index) : info.target || info.value || /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: styles === null || styles === void 0 ? void 0 : styles.placeholder,
           children: info.place

package/cjs/date-picker/time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["time.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAyFxC,QAAA,MAAM,IAAI,UAAW,SAAS,gBAgF7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["time.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAqGxC,QAAA,MAAM,IAAI,UAAW,SAAS,gBA2E7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/date-picker/time.js

@@ -29,21 +29,22 @@ var TimeScroll = function TimeScroll(props) {
   var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
   var elRef = (0, _react.useRef)(null);
   var _useRef = (0, _react.useRef)({
-      timer: null
+      timer: null,
+      changeTimer: null
     }),
     context = _useRef.current;
   var _useResize = (0, _hooks.useResize)({
       targetRef: elRef
     }),
     height = _useResize.height;
-  var scrollToIndex = function scrollToIndex(index) {
+  var scrollToIndex = function scrollToIndex(index, immudiate) {
     if (context.timer) clearTimeout(context.timer);
     context.timer = setTimeout(function () {
       var el = elRef.current;
       if (!el) return;
       var lineHeight = el.childNodes[0].clientHeight;
       el.scrollTop = lineHeight * index;
-    }, 30);
+    }, immudiate ? 0 : 30);
   };
   var changeToIndex = function changeToIndex(index) {
     if (!times[index] || times[index].disabled || index === currentIndex) {
@@ -52,16 +53,21 @@ var TimeScroll = function TimeScroll(props) {
     onChange(times[index].date);
   };
   var handleScroll = function handleScroll(e) {
+    if (context.changeTimer) clearTimeout(context.changeTimer);
     var el = e.currentTarget;
-    var lineHeight = el.childNodes[0].clientHeight;
-    var index = Math.round(el.scrollTop / lineHeight);
-    changeToIndex(index);
+    context.changeTimer = setTimeout(function () {
+      if (!el) return;
+      var lineHeight = el.childNodes[0].clientHeight;
+      var index = Math.round(el.scrollTop / lineHeight);
+      changeToIndex(index);
+      scrollToIndex(index);
+    }, 50);
   };
   (0, _react.useEffect)(function () {
-    scrollToIndex(currentIndex);
+    scrollToIndex(currentIndex, true);
   }, [currentIndex]);
   (0, _react.useEffect)(function () {
-    scrollToIndex(currentIndex);
+    scrollToIndex(currentIndex, true);
   }, [height]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: styles === null || styles === void 0 ? void 0 : styles.timeList,
@@ -69,17 +75,17 @@ var TimeScroll = function TimeScroll(props) {
     onScroll: function onScroll(e) {
       handleScroll(e);
     },
-    onMouseLeave: function onMouseLeave() {
-      scrollToIndex(currentIndex);
-    },
     children: times.map(function (item, index) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        onClick: function onClick() {
-          changeToIndex(index);
-        },
-        className: (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.timeItem, index === currentIndex && (styles === null || styles === void 0 ? void 0 : styles.timeItemActive), item.disabled && (styles === null || styles === void 0 ? void 0 : styles.timeItemDisabled)),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          children: item.str
+        className: styles === null || styles === void 0 ? void 0 : styles.timeItemBox,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          onClick: function onClick() {
+            changeToIndex(index);
+          },
+          className: (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.timeItem, index === currentIndex && (styles === null || styles === void 0 ? void 0 : styles.timeItemActive), item.disabled && (styles === null || styles === void 0 ? void 0 : styles.timeItemDisabled)),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: item.str
+          })
         })
       }, index);
     })
@@ -138,16 +144,9 @@ var Time = function Time(props) {
     children: [props.showTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_pickerTitle.default, {
       position: props.position,
       jssStyle: props.jssStyle
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: styles === null || styles === void 0 ? void 0 : styles.pickerBody,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: styles === null || styles === void 0 ? void 0 : styles.timeBase,
-        children: times.map(function (item) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: styles === null || styles === void 0 ? void 0 : styles.timeBaseItem
-          }, item.mode);
-        })
-      }), times.map(function (item) {
+      children: times.map(function (item) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimeScroll, {
           mode: item.mode,
           jssStyle: props.jssStyle,
@@ -155,7 +154,7 @@ var Time = function Time(props) {
           currentIndex: item.currentIndex,
           onChange: func.handleChange
         }, item.mode);
-      })]
+      })
     }), renderFooter()]
   });
 };

package/cjs/descriptions/descriptions.d.ts

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

package/cjs/descriptions/descriptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["descriptions.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAuB,MAAM,qBAAqB,CAAC;AAGlF,QAAA,MAAM,YAAY,UAAW,iBAAiB,gBA0H7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/descriptions/descriptions.js

@@ -0,0 +1,159 @@
+"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");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.map.js");
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("@sheinx/hooks");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 Descriptions = function Descriptions(props) {
+  var _jssStyleProps$descri;
+  var className = props.className,
+    jssStyleProps = props.jssStyle,
+    style = props.style,
+    title = props.title,
+    extra = props.extra,
+    _props$column = props.column,
+    column = _props$column === void 0 ? 3 : _props$column,
+    _props$items = props.items,
+    items = _props$items === void 0 ? [] : _props$items,
+    colon = props.colon,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? 'inlineHorizontal' : _props$layout,
+    _props$border = props.border,
+    border = _props$border === void 0 ? false : _props$border,
+    _props$tableLayout = props.tableLayout,
+    tableLayout = _props$tableLayout === void 0 ? 'auto' : _props$tableLayout,
+    valueStyle = props.valueStyle,
+    labelStyle = props.labelStyle,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'default' : _props$size;
+  var _useDescriptions = (0, _hooks.useDescriptions)({
+      items: items,
+      column: column,
+      valueStyle: valueStyle,
+      labelStyle: labelStyle
+    }),
+    renderItem = _useDescriptions.renderItem;
+  var jssStyle = (jssStyleProps === null || jssStyleProps === void 0 ? void 0 : (_jssStyleProps$descri = jssStyleProps.descriptions) === null || _jssStyleProps$descri === void 0 ? void 0 : _jssStyleProps$descri.call(jssStyleProps)) || {};
+  var Header = function Header() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.header,
+      children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.title,
+        children: title
+      }), extra && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.extra,
+        children: extra
+      })]
+    });
+  };
+  var getColSpan = (0, _hooks.usePersistFn)(function (d, isHorizontal) {
+    return d.span && d.span > 1 ? isHorizontal ? {
+      colSpan: d.span * 2 - 1
+    } : {
+      colSpan: d.span
+    } : {};
+  });
+  var renderTd = function renderTd(d, i, type, isHorizontal, isColSpan) {
+    var style = type === 'label' ? d.itemLabelStyle : d.itemValueStyle;
+    var content = type === 'label' ? d.label : d.value;
+    var className = type === 'label' ? jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.label : jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.value;
+    var colSpanProps = !isColSpan ? getColSpan(d, isHorizontal) : {};
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("td", _objectSpread(_objectSpread({
+      className: className,
+      style: style
+    }, colSpanProps), {}, {
+      children: [content, type === 'label' && colon]
+    }), "".concat(d.key || i, "_").concat(type));
+  };
+  var renderHorizontal = function renderHorizontal(d, i) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+      className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.row,
+      children: d.map(function (_d, _i) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+          children: [renderTd(_d, _i, 'label', false, true), renderTd(_d, _i, 'value', true)]
+        }, _d.key || _i);
+      })
+    }, i);
+  };
+  var renderVertical = function renderVertical(d, i) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+        className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.row,
+        children: d.map(function (_d, _i) {
+          return renderTd(_d, _i, 'label', false);
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+        className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.row,
+        children: d.map(function (_d, _i) {
+          return renderTd(_d, _i, 'value', false);
+        })
+      })]
+    }, i);
+  };
+  var renderInline = function renderInline(d, i) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+      className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.row,
+      children: d.map(function (_d, _i) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", _objectSpread(_objectSpread({}, getColSpan(_d)), {}, {
+          className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.inlineTable,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.item,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.labelInline,
+              style: _d.itemLabelStyle,
+              children: [_d === null || _d === void 0 ? void 0 : _d.label, colon]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.valueInline,
+              style: _d.itemValueStyle,
+              children: _d === null || _d === void 0 ? void 0 : _d.value
+            })]
+          })
+        }), _d.key || _i);
+      })
+    }, i);
+  };
+  var renderHandle = function renderHandle(d, i) {
+    if (layout === 'inlineHorizontal' || layout === 'inlineVertical') return renderInline(d, i);
+    return layout === 'horizontal' ? renderHorizontal(d, i) : renderVertical(d, i);
+  };
+  var rootClassName = (0, _classnames.default)(className, jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.wrapper);
+  var bodyClassName = (0, _classnames.default)(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.body, border && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.border), tableLayout === 'fixed' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tableLayoutFixed), layout === 'inlineHorizontal' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.inlineHorizontal), layout === 'horizontal' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.horizontal), size === 'small' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.small), size === 'large' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.large));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: rootClassName,
+    style: style,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Header, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: bodyClassName,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
+        className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.table,
+        cellPadding: 0,
+        cellSpacing: 0,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+          children: renderItem.map(function (d, i) {
+            return renderHandle(d, i);
+          })
+        })
+      })
+    })]
+  });
+};
+var _default = Descriptions;
+exports.default = _default;