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

package/cjs/components/use-cascader/use-cascader.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _useInputAble2 = require("../../common/use-input-able");
+var _useTree2 = _interopRequireDefault(require("../use-tree"));
+var useCascader = function useCascader(props) {
+  var data = props.data,
+    control = props.control,
+    keygen = props.keygen,
+    mode = props.mode,
+    unmatch = props.unmatch,
+    disabled = props.disabled,
+    defaultValue = props.defaultValue,
+    beforeChange = props.beforeChange,
+    valueProp = props.value,
+    onChangeProp = props.onChange;
+  var _useInputAble = (0, _useInputAble2.useInputAble)({
+      value: valueProp,
+      control: control,
+      defaultValue: defaultValue,
+      beforeChange: beforeChange,
+      onChange: onChangeProp
+    }),
+    value = _useInputAble.value,
+    onChange = _useInputAble.onChange;
+  var _useTree = (0, _useTree2.default)({
+      value: value,
+      data: data,
+      unmatch: unmatch,
+      keygen: keygen,
+      mode: mode,
+      disabled: disabled,
+      isControlled: control
+    }),
+    datum = _useTree.datum;
+  return {
+    datum: datum,
+    value: value,
+    onChange: onChange
+  };
+};
+var _default = useCascader;
+exports.default = _default;

package/cjs/components/use-cascader/use-cascader.type.d.ts

@@ -0,0 +1,16 @@
+import { KeygenResult, TreeKeygenType, ObjectKey } from '../../common/type';
+import { TreeModeType } from '../use-tree/use-tree.type';
+export interface BaseCascaderProps<DataItem, Value extends KeygenResult[]> {
+    value?: Value;
+    defaultValue?: Value;
+    data: DataItem[];
+    control: boolean;
+    unmatch: boolean;
+    childrenKey?: ObjectKey<DataItem>;
+    onChange?: (value: Value, selected?: DataItem) => void;
+    beforeChange?: (value: Value) => any;
+    mode?: TreeModeType;
+    keygen: TreeKeygenType<DataItem>;
+    disabled?: ((data: DataItem) => boolean) | boolean;
+}
+//# sourceMappingURL=use-cascader.type.d.ts.map

package/cjs/components/use-cascader/use-cascader.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-cascader.type.d.ts","sourceRoot":"","sources":["use-cascader.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,MAAM,WAAW,iBAAiB,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE;IACvE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC;IACrC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,GAAG,OAAO,CAAC;CACpD"}

package/cjs/components/use-check/index.js

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

package/cjs/components/use-check/use-check.type.d.ts

@@ -1,10 +1,35 @@
 import React from 'react';
 export interface BaseCheckProps {
+    /**
+     * @en Checked status，will in control when pass
+     * @cn 当前选中状态，checked 传入时为受控组件
+     */
     checked?: boolean;
+    /**
+     * @en Default checked status
+     * @cn 默认选中状态
+     */
     defaultChecked?: boolean;
+    /**
+     * @en Change callback, Checked means selected status
+     * @cn 改变回调,Checked 表示选中状态
+     */
     onChange?: (checked: boolean, event: React.ChangeEvent) => void;
+    /**
+     * @en Click callback
+     * @cn 勾选框点击回调
+     */
     onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
+    /**
+     * @en Disable checkbox
+     * @cn 是否禁用
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * @en Get input dom
+     * @cn 获取input dom
+     */
     inputRef?: React.Ref<HTMLInputElement>;
 }
 //# sourceMappingURL=use-check.type.d.ts.map

package/cjs/components/use-check/use-check.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-check.type.d.ts","sourceRoot":"","sources":["use-check.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACxC"}
+{"version":3,"file":"use-check.type.d.ts","sourceRoot":"","sources":["use-check.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,IAAI,CAAC;IAChE;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACxC"}

package/cjs/components/use-collapse/index.d.ts

@@ -0,0 +1,5 @@
+export { default, default as useCollapse } from './use-collapse';
+export type { BaseCollapseProps } from './use-collapse.type';
+export { default as useCollapseItem } from './use-collapse-item';
+export type { BaseCollapseType, BaseCollapseItemContext, BaseCollapseItemProps, } from './use-collapse-item.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/components/use-collapse/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,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,YAAY,EACV,gBAAgB,EAChB,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,0BAA0B,CAAC"}

package/cjs/components/use-collapse/index.js

@@ -0,0 +1,27 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useCollapse.default;
+  }
+});
+Object.defineProperty(exports, "useCollapse", {
+  enumerable: true,
+  get: function get() {
+    return _useCollapse.default;
+  }
+});
+Object.defineProperty(exports, "useCollapseItem", {
+  enumerable: true,
+  get: function get() {
+    return _useCollapseItem.default;
+  }
+});
+var _useCollapse = _interopRequireDefault(require("./use-collapse"));
+var _useCollapseItem = _interopRequireDefault(require("./use-collapse-item"));

package/cjs/components/use-collapse/use-collapse-item.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import type { ObjectType } from '../../common/type';
+import type { BaseCollapseType } from './use-collapse-item.type';
+declare const useCollapseItem: (props: BaseCollapseType) => {
+    judgeExpanded: boolean;
+    getItemContentProps: <TOther extends ObjectType<any>>(externalProps?: TOther) => TOther & {
+        'data-soui-disabled': boolean;
+        tabIndex: number;
+        onClick: (e: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    };
+    getHeaderIconProps: <TOther_1 extends ObjectType<any>>(externalProps?: TOther_1) => TOther_1 & {
+        onClick: (e: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    };
+    getTitleProps: <TOther_2 extends ObjectType<any>>(externalProps?: TOther_2) => TOther_2 & {
+        onClick: (e: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    };
+    getExtraProps: <TOther_3 extends ObjectType<any>>(externalProps?: TOther_3) => TOther_3 & {
+        onClick: (e: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    };
+};
+export default useCollapseItem;
+//# sourceMappingURL=use-collapse-item.d.ts.map

package/cjs/components/use-collapse/use-collapse-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-collapse-item.d.ts","sourceRoot":"","sources":["use-collapse-item.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,QAAA,MAAM,eAAe,UAAW,gBAAgB;;;;;;;;;;;;;;;;CA4C/C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/components/use-collapse/use-collapse-item.js

@@ -0,0 +1,72 @@
+"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.includes.js");
+var _usePersistFn = require("../../common/use-persist-fn");
+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 useCollapseItem = function useCollapseItem(props) {
+  var active = props.active,
+    keygen = props.keygen,
+    triggerRegion = props.triggerRegion,
+    disabled = props.disabled,
+    onChange = props.onChange;
+  var judgeExpanded = active.indexOf(keygen) > -1;
+  var currentDisabled = triggerRegion === 'disabled' || disabled;
+  var handleClickByRegion = (0, _usePersistFn.usePersistFn)(function (e, regionKey) {
+    if (currentDisabled) return;
+    var triggerKey = triggerRegion === 'icon' ? 0 : triggerRegion === 'header' ? 1 : 2;
+    if (regionKey === triggerKey || triggerRegion === 'header' && [0, 1].includes(regionKey)) onChange(keygen, e);
+  });
+  var getItemContentProps = function getItemContentProps() {
+    var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return _objectSpread(_objectSpread({}, externalProps), {}, {
+      'data-soui-disabled': !!currentDisabled,
+      tabIndex: currentDisabled ? -1 : 0,
+      onClick: function onClick(e) {
+        return handleClickByRegion(e, 2);
+      }
+    });
+  };
+  var getHeaderIconProps = function getHeaderIconProps() {
+    var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return _objectSpread(_objectSpread({}, externalProps), {}, {
+      onClick: function onClick(e) {
+        return handleClickByRegion(e, 0);
+      }
+    });
+  };
+  var getTitleProps = function getTitleProps() {
+    var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return _objectSpread(_objectSpread({}, externalProps), {}, {
+      onClick: function onClick(e) {
+        return handleClickByRegion(e, 1);
+      }
+    });
+  };
+  var getExtraProps = function getExtraProps() {
+    var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return _objectSpread(_objectSpread({}, externalProps), {}, {
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      }
+    });
+  };
+  return {
+    judgeExpanded: judgeExpanded,
+    getItemContentProps: getItemContentProps,
+    getHeaderIconProps: getHeaderIconProps,
+    getTitleProps: getTitleProps,
+    getExtraProps: getExtraProps
+  };
+};
+var _default = useCollapseItem;
+exports.default = _default;

package/cjs/components/use-collapse/use-collapse-item.type.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+export interface BaseCollapseItemContext {
+    /**
+     * @en The currently expanded panel, controlled
+     * @cn 当前展开的面板,受控
+     */
+    active: string | string[];
+    /**
+     * @en The region that triggers the collapse
+     * @cn 触发展开折叠的区域
+     */
+    triggerRegion?: 'icon' | 'header' | 'disabled';
+    onChange: (newActive: string, event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+}
+export interface BaseCollapseItemProps {
+    /**
+     * @en The key of the panel
+     * @cn 面板的key，唯一标识
+     */
+    keygen: string;
+    /**
+     * @en Whether to disable
+     * @cn 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+}
+export declare type BaseCollapseType = BaseCollapseItemContext & BaseCollapseItemProps;
+//# sourceMappingURL=use-collapse-item.type.d.ts.map

package/cjs/components/use-collapse/use-collapse-item.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-collapse-item.type.d.ts","sourceRoot":"","sources":["use-collapse-item.type.ts"],"names":[],"mappings":";AAAA,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC/C,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAC5F;AAED,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,oBAAY,gBAAgB,GAAG,uBAAuB,GAAG,qBAAqB,CAAC"}

package/cjs/components/use-collapse/use-collapse-item.type.js

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

package/cjs/components/use-collapse/use-collapse.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { BaseCollapseProps } from './use-collapse.type';
+declare const useCollapse: (props: BaseCollapseProps) => {
+    active: string[];
+    onChange: (newActive: string, event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+};
+export default useCollapse;
+//# sourceMappingURL=use-collapse.d.ts.map

package/cjs/components/use-collapse/use-collapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-collapse.d.ts","sourceRoot":"","sources":["use-collapse.ts"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAU7D,QAAA,MAAM,WAAW,UAAW,iBAAiB;;0BAWV,MAAM,SAAS,gBAAgB,CAAC,cAAc,EAAE,UAAU,CAAC;CAkB7F,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/components/use-collapse/use-collapse.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.array.filter.js");
+var _react = require("react");
+var _is = require("../../utils/is");
+var getCurrentActive = function getCurrentActive(active, accordion) {
+  // @ts-ignore
+  var res = [].concat(active);
+  if (accordion) return res.slice(0, 1);
+  return res;
+};
+var useCollapse = function useCollapse(props) {
+  var defaultActive = props.defaultActive,
+    active = props.active,
+    accordion = props.accordion,
+    onChange = props.onChange;
+  var _useState = (0, _react.useState)(getCurrentActive(defaultActive, accordion) || []),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    currentActive = _useState2[0],
+    setCurrentActive = _useState2[1];
+  var getCurrentValue = function getCurrentValue() {
+    if (active !== undefined) return getCurrentActive(active, accordion);
+    return currentActive;
+  };
+  var handleChange = function handleChange(newActive, event) {
+    var currentActive = getCurrentValue() || [];
+    var isActive = currentActive.includes(newActive);
+    var newCurrentActive = isActive ? currentActive.filter(function (item) {
+      return item !== newActive;
+    }) : accordion ? [newActive] : [].concat((0, _toConsumableArray2.default)(currentActive), [newActive]);
+    if (active === undefined) setCurrentActive(newCurrentActive);
+    if ((0, _is.isFunc)(onChange)) onChange === null || onChange === void 0 ? void 0 : onChange(newActive, newCurrentActive, event);
+  };
+  return {
+    active: getCurrentValue(),
+    onChange: handleChange
+  };
+};
+var _default = useCollapse;
+exports.default = _default;

package/cjs/components/use-collapse/use-collapse.type.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import type { BaseCollapseItemContext } from './use-collapse-item.type';
+export interface BaseCollapseProps extends Partial<Pick<BaseCollapseItemContext, 'active'>> {
+    /**
+     * @en The default expanded panel
+     * @cn 默认展开的面板
+     */
+    defaultActive?: string | string[];
+    /**
+     * @en Whether to enable accordion mode
+     * @cn 是否开启手风琴模式
+     * @default false
+     */
+    accordion?: boolean;
+    /**
+     * @en Callback triggered when the expanded panel changes
+     * @cn 展开面板改变时触发回调
+     */
+    onChange?: (active: string, actives: string[], e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+}
+//# sourceMappingURL=use-collapse.type.d.ts.map

package/cjs/components/use-collapse/use-collapse.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-collapse.type.d.ts","sourceRoot":"","sources":["use-collapse.type.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACxE,MAAM,WAAW,iBAAkB,SAAQ,OAAO,CAAC,IAAI,CAAC,uBAAuB,EAAE,QAAQ,CAAC,CAAC;IACzF;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAClC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CACT,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EAAE,EACjB,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAC5C,IAAI,CAAC;CACX"}

package/cjs/components/use-collapse/use-collapse.type.js

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

package/cjs/components/use-datepicker/index.js

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

package/cjs/components/use-datepicker/use-datepicker-format.js

@@ -31,7 +31,7 @@ var getFormat = function getFormat(format, type) {
     case 'time':
       return 'HH:mm:ss';
     case 'week':
-      return 'gggg ww';
+      return 'gggg-ww';
     case 'year':
       return 'YYYY';
     case 'quarter':

package/cjs/components/use-datepicker/use-time.js

@@ -106,7 +106,7 @@ var useTime = function useTime(props) {
       var date = getTargetDate(mode, index);
       var str = index < 10 ? "0".concat(index) : "".concat(index);
       if (mode === 'h' && str === '00') str = '12';
-      if (mode === 'ampm') str = index === 0 ? 'am' : 'pm';
+      if (mode === 'ampm') str = index === 0 ? 'AM' : 'PM';
       return {
         str: str,
         date: date,

package/cjs/components/use-descriptions/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as useDescriptions } from './use-descriptions';
+export type { DescriptionsItemProps, BaseDescriptionsProps } from './use-descriptions.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/components/use-descriptions/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,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACzE,YAAY,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

package/cjs/components/use-descriptions/index.js

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

package/cjs/components/use-descriptions/use-descriptions.d.ts

@@ -0,0 +1,6 @@
+import type { BaseDescriptionsProps, DescriptionsItemProps } from './use-descriptions.type';
+declare const useDescriptions: (props: BaseDescriptionsProps) => {
+    renderItem: DescriptionsItemProps[][];
+};
+export default useDescriptions;
+//# sourceMappingURL=use-descriptions.d.ts.map

package/cjs/components/use-descriptions/use-descriptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-descriptions.d.ts","sourceRoot":"","sources":["use-descriptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAW5F,QAAA,MAAM,eAAe,UAAW,qBAAqB;;CAwDpD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/components/use-descriptions/use-descriptions.js

@@ -0,0 +1,77 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.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"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/web.dom-collections.for-each.js");
+var _react = require("react");
+var _ = require("../..");
+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 isObject = _.util.isObject,
+  isNumber = _.util.isNumber,
+  isArray = _.util.isArray;
+var responsiveArray = ['xxxl', 'xxl', 'xl', 'lg', 'md', 'sm', 'xs'];
+var getLengthByRow = function getLengthByRow(arr) {
+  return isArray(arr) ? arr.reduce(function (prev, now) {
+    return prev + (now.span || 1);
+  }, 0) : 0;
+};
+var useDescriptions = function useDescriptions(props) {
+  var items = props.items,
+    column = props.column,
+    valueStyle = props.valueStyle,
+    labelStyle = props.labelStyle;
+  var _useState = (0, _react.useState)(),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    screen = _useState2[0],
+    setScreen = _useState2[1];
+  var responsiveToken = (0, _react.useRef)();
+  var renderItem = [];
+  (0, _react.useEffect)(function () {
+    responsiveToken.current = _.ResponsiveObserve.subscribe(function (screens) {
+      for (var i = 0; i < responsiveArray.length; i++) {
+        var breakPoint = responsiveArray[i];
+        if (screens[breakPoint]) {
+          setScreen(breakPoint);
+          break;
+        }
+      }
+    });
+    return function () {
+      _.ResponsiveObserve.unsubscribe(responsiveToken.current);
+    };
+  }, []);
+  var currentColumn = 3;
+  if (column && isObject(column)) currentColumn = column[screen] || 3;
+  if (column && isNumber(column) && column > 0) currentColumn = column;
+  if (isArray(items) && items.length && currentColumn) {
+    items.forEach(function (d) {
+      var lastRenderItem = renderItem[renderItem.length - 1];
+      var lengthRow = getLengthByRow(lastRenderItem);
+      var span = d.span ? d.span > currentColumn ? currentColumn : d.span : 1;
+      var newItem = _objectSpread(_objectSpread({}, d), {}, {
+        span: span,
+        itemValueStyle: Object.assign({}, valueStyle, d === null || d === void 0 ? void 0 : d.itemValueStyle),
+        itemLabelStyle: Object.assign({}, labelStyle, d === null || d === void 0 ? void 0 : d.itemLabelStyle)
+      });
+      if (lengthRow === 0 || lengthRow === currentColumn) renderItem.push([newItem]);else lastRenderItem.push(_objectSpread(_objectSpread({}, newItem), {}, {
+        span: d.span ? d.span > currentColumn - lengthRow ? currentColumn - lengthRow : d.span : 1
+      }));
+    });
+    var lastRenderItem = renderItem[renderItem.length - 1];
+    var lengthRow = getLengthByRow(lastRenderItem);
+    if (lengthRow < currentColumn) lastRenderItem[lastRenderItem.length - 1].span += currentColumn - lengthRow;
+  }
+  return {
+    renderItem: renderItem
+  };
+};
+var _default = useDescriptions;
+exports.default = _default;

package/cjs/components/use-descriptions/use-descriptions.type.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+export interface DescriptionsItemProps {
+    /**
+     * @private 内部属性
+     */
+    key?: React.Key;
+    /**
+     * @en Data label
+     * @cn 数据标签
+     */
+    label?: React.ReactNode;
+    /**
+     * @en Data value
+     * @cn 数据值
+     */
+    value?: React.ReactNode;
+    /**
+     * @en The number of columns occupied
+     * @cn 占据的列数
+     */
+    span?: number;
+    /**
+     * @en The style of the current data label
+     * @cn 当前数据标签样式
+     */
+    itemLabelStyle?: React.CSSProperties;
+    /**
+     * @en The style of the current data value
+     * @cn 当前数据值样式
+     */
+    itemValueStyle?: React.CSSProperties;
+}
+export interface BaseDescriptionsProps {
+    /**
+     * @en Descriptions array
+     * @cn 描述项数组,描述项对象结构见下
+     * @override ItemType[]
+     */
+    items?: DescriptionsItemProps[];
+    /**
+     * @en Label style
+     * @cn 标签样式
+     */
+    labelStyle?: React.CSSProperties;
+    /**
+     * @en Value style
+     * @cn 值样式
+     */
+    valueStyle?: React.CSSProperties;
+    /**
+     * @en The number of columns placed in each row, one data is one column, it can be configured as a number or an object, when configured as an object format, responsive arrangement is supported
+     * @cn 每行放置的列的数量，一个数据为一列，可配置为数字或对象，当配置为对象格式时，支持响应式排列
+     * @default 3
+     */
+    column?: number | {
+        xs?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        xxl?: number;
+        xxxl?: number;
+    };
+}
+//# sourceMappingURL=use-descriptions.type.d.ts.map

package/cjs/components/use-descriptions/use-descriptions.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-descriptions.type.d.ts","sourceRoot":"","sources":["use-descriptions.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACtC;AACD,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,KAAK,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAChC;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC;;;;OAIG;IACH,MAAM,CAAC,EACH,MAAM,GACN;QACE,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACP"}

package/cjs/components/use-descriptions/use-descriptions.type.js

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

package/cjs/components/use-form/form-bind-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-bind-context.d.ts","sourceRoot":"","sources":["form-bind-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,eAAO,MAAM,eAAe,qCAAgD,CAAC;AAE7E,eAAO,MAAM,WAAW,4BAA0C,CAAC"}
+{"version":3,"file":"form-bind-context.d.ts","sourceRoot":"","sources":["form-bind-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,eAAO,MAAM,eAAe,qCAAgD,CAAC;AAE7E,eAAO,MAAM,WAAW,4BAA0C,CAAC"}

package/cjs/components/use-form/form-bind-context.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.weak-map.js");

package/cjs/components/use-form/form-config-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-config-context.d.ts","sourceRoot":"","sources":["form-config-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,iBAAiB,iCAA4C,CAAC;AAC3E,eAAO,MAAM,aAAa,wBAA4C,CAAC"}
+{"version":3,"file":"form-config-context.d.ts","sourceRoot":"","sources":["form-config-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,iBAAiB,iCAA4C,CAAC;AAC3E,eAAO,MAAM,aAAa,wBAA4C,CAAC"}

package/cjs/components/use-form/form-config-context.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.weak-map.js");