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

package/cjs/common/use-position-style/index.js

@@ -13,6 +13,7 @@ require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.string.starts-with.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.replace.js");
+require("core-js/modules/es.array.index-of.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _getPositionStyle = require("./get-position-style");
@@ -228,6 +229,10 @@ var usePositionStyle = function usePositionStyle(config) {
     } else {
       newStyle = getAbsoluteStyle(realPosition);
     }
+    // for animation
+    if (realPosition.indexOf('top') === 0) {
+      newStyle.transformOrigin = 'center bottom';
+    }
     return newStyle;
   };
   var updateStyle = (0, _usePersistFn.default)(function () {

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

@@ -32,7 +32,7 @@ declare const useButton: (props?: BaseButtonProps) => {
         onRef: React.Ref<HTMLAnchorElement | HTMLButtonElement> | undefined;
         onClick: (event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLAnchorElement>) => void;
     };
-    getSpaceChildren: (children: React.ReactNode, space?: boolean) => React.ReactNode;
+    getSpaceChildren: (children: React.ReactNode, space?: boolean, className?: string) => React.ReactNode;
 };
 export default useButton;
 //# sourceMappingURL=use-button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-button.d.ts","sourceRoot":"","sources":["use-button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,SAAS,WAAW,eAAe;;;;;;;;;;;;;yBAmB7B,gBAAgB,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,CAAC,iBAAiB,CAAC;;;;;;;;;;;;;;;;yBAAzE,gBAAgB,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,CAAC,iBAAiB,CAAC;;iCAQ/C,MAAM,SAAS,UAAU,OAAO;CAqDrE,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"use-button.d.ts","sourceRoot":"","sources":["use-button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,SAAS,WAAW,eAAe;;;;;;;;;;;;;yBAmB7B,gBAAgB,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,CAAC,iBAAiB,CAAC;;;;;;;;;;;;;;;;yBAAzE,gBAAgB,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,CAAC,iBAAiB,CAAC;;iCAQ/C,MAAM,SAAS,UAAU,OAAO,cAAc,MAAM;CAqDzF,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -46,8 +46,8 @@ var useButton = function useButton() {
       otherHandlers === null || otherHandlers === void 0 ? void 0 : (_otherHandlers$onClic = otherHandlers.onClick) === null || _otherHandlers$onClic === void 0 ? void 0 : _otherHandlers$onClic.call(otherHandlers, event);
     };
   };
-  var getSpaceChildren = function getSpaceChildren(children, space) {
-    return (0, _element.wrapSpan)(children, space);
+  var getSpaceChildren = function getSpaceChildren(children, space, className) {
+    return (0, _element.wrapSpan)(children, space, className);
   };
   var getAnchorProps = function getAnchorProps() {
     var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

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

@@ -0,0 +1,3 @@
+export { default, default as useCascader } from './use-cascader';
+export type { BaseCascaderProps } from './use-cascader.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/components/use-cascader/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"}

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

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

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

@@ -0,0 +1,36 @@
+import { KeygenResult } from '../../common/type';
+import { BaseCascaderProps } from './use-cascader.type';
+declare const useCascader: <DataItem, Value extends KeygenResult[]>(props: BaseCascaderProps<DataItem, Value>) => {
+    datum: {
+        get: (id: KeygenResult) => import("../use-tree/use-tree.type").CheckedStatusType | undefined;
+        set: (id: KeygenResult, checked: import("../use-tree/use-tree.type").CheckedStatusType, direction?: "desc" | "asc" | undefined) => import("../use-tree/use-tree.type").CheckedStatusType;
+        childrenKey: keyof DataItem & string;
+        data: DataItem[];
+        getPath: (id: KeygenResult) => import("../use-tree").TreePathType<KeygenResult> | undefined;
+        getValue: () => KeygenResult[];
+        getChecked: (id: KeygenResult) => boolean | "indeterminate";
+        getKey: (item: DataItem, id?: KeygenResult, index?: number | undefined) => KeygenResult;
+        getDataByValues: (values: KeygenResult | KeygenResult[]) => NonNullable<DataItem> | {
+            IS_NOT_MATCHED_VALUE: boolean;
+            value: KeygenResult;
+        } | (NonNullable<DataItem> | {
+            IS_NOT_MATCHED_VALUE: boolean;
+            value: KeygenResult;
+        } | null)[] | null;
+        setValue: (value?: KeygenResult[] | undefined) => void;
+        setData: (data?: DataItem[] | undefined) => void;
+        isDisabled: (id: KeygenResult) => boolean;
+        bindNode: (id: KeygenResult, update: import("../use-tree").UpdateFunc) => {
+            active: boolean;
+            expanded: boolean;
+        };
+        getDataById: (id: KeygenResult) => NonNullable<DataItem> | {
+            IS_NOT_MATCHED_VALUE: boolean;
+            value: KeygenResult;
+        } | null;
+    };
+    value: Value | undefined;
+    onChange: (value: Value, selected?: DataItem | undefined) => void;
+};
+export default useCascader;
+//# sourceMappingURL=use-cascader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-cascader.d.ts","sourceRoot":"","sources":["use-cascader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqChB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,46 @@
+"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,
+    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: false,
+      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,14 @@
+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;
+    childrenKey?: ObjectKey<DataItem>;
+    onChange?: (value: Value, selected?: DataItem) => void;
+    beforeChange?: (value: Value) => any;
+    mode?: TreeModeType;
+    keygen: TreeKeygenType<DataItem>;
+}
+//# 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,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;CAClC"}

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

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

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,26 @@
+"use strict";
+
+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,12 @@
+/// <reference types="react" />
+export interface BaseCollapseItemContext {
+    active: string | string[];
+    triggerRegion?: 'icon' | 'header' | 'disabled';
+    onChange: (newActive: string, event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+}
+export interface BaseCollapseItemProps {
+    keygen: string;
+    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,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,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,MAAM,EAAE,MAAM,CAAC;IACf,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,8 @@
+/// <reference types="react" />
+import type { BaseCollapseItemContext } from './use-collapse-item.type';
+export interface BaseCollapseProps extends Partial<Pick<BaseCollapseItemContext, 'active'>> {
+    defaultActive?: string | string[];
+    accordion?: boolean;
+    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,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,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-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,19 @@
+"use strict";
+
+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,24 @@
+import React from 'react';
+export interface DescriptionsItemProps {
+    key?: React.Key;
+    label?: React.ReactNode;
+    value?: React.ReactNode;
+    span?: number;
+    itemLabelStyle?: React.CSSProperties;
+    itemValueStyle?: React.CSSProperties;
+}
+export interface BaseDescriptionsProps {
+    items?: DescriptionsItemProps[];
+    labelStyle?: React.CSSProperties;
+    valueStyle?: React.CSSProperties;
+    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,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACtC;AACD,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,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-select/index.d.ts

@@ -1,3 +1,4 @@
 export { default, default as useSelect } from './use-select';
+export { default as useGroup } from './use-select-group';
 export type { BaseSelectProps } from './use-select.type';
 //# sourceMappingURL=index.d.ts.map

package/cjs/components/use-select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,YAAY,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,YAAY,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -10,10 +10,17 @@ Object.defineProperty(exports, "default", {
     return _useSelect.default;
   }
 });
+Object.defineProperty(exports, "useGroup", {
+  enumerable: true,
+  get: function get() {
+    return _useSelectGroup.default;
+  }
+});
 Object.defineProperty(exports, "useSelect", {
   enumerable: true,
   get: function get() {
     return _useSelect.default;
   }
 });
-var _useSelect = _interopRequireDefault(require("./use-select"));
+var _useSelect = _interopRequireDefault(require("./use-select"));
+var _useSelectGroup = _interopRequireDefault(require("./use-select-group"));

package/cjs/components/use-select/use-select-group.d.ts

@@ -0,0 +1,7 @@
+import { UseSelectGroupProps } from './use-select-group.type';
+declare const UseSelectGroup: <DataItem>(props: UseSelectGroupProps<DataItem>) => {
+    data: DataItem[];
+    groupKey: string;
+};
+export default UseSelectGroup;
+//# sourceMappingURL=use-select-group.d.ts.map