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

package/esm/common/use-filter/use-filter.js

@@ -0,0 +1,153 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.filter.js");
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _utils = require("../../utils");
+var useFilter = function useFilter(props) {
+  var data = props.data,
+    groupKey = props.groupKey,
+    keygen = props.keygen,
+    hideCreateOption = props.hideCreateOption,
+    expandedProp = props.expanded,
+    treeData = props.treeData,
+    childrenKey = props.childrenKey,
+    showHitDescendants = props.showHitDescendants,
+    onFilter = props.onFilter,
+    onCreate = props.onCreate,
+    onFilterWidthCreate = props.onFilterWidthCreate,
+    onAdvancedFilter = props.onAdvancedFilter;
+  var _useState = (0, _react.useState)(data),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    filterData = _useState2[0],
+    setFilterData = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    filterText = _useState4[0],
+    setFilterText = _useState4[1];
+  var _useState5 = (0, _react.useState)(undefined),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    filterFunc = _useState6[0],
+    setFilterFunc = _useState6[1];
+  var _useState7 = (0, _react.useState)(''),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    inputText = _useState8[0],
+    setInputText = _useState8[1];
+  var _useState9 = (0, _react.useState)(),
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    createdData = _useState10[0],
+    setCreatedData = _useState10[1];
+  var filterFn = onFilterWidthCreate || function (item, createdData, key) {
+    return (0, _utils.getKey)(keygen, item) === key;
+  };
+  var getData = function getData() {
+    var newData = filterData || [];
+    if (createdData && !hideCreateOption) {
+      var newKey = (0, _utils.getKey)(keygen, createdData);
+      var sameItem = newData.find(function (item) {
+        return filterFn(item, createdData, newKey);
+      });
+      if (!sameItem) return [createdData].concat((0, _toConsumableArray2.default)(newData));
+    }
+    return newData;
+  };
+  var getTreeData = function getTreeData() {
+    var filterExpandedKeys = expandedProp || [];
+    var newData = treeData;
+    var nextFilter = onFilter === null || onFilter === void 0 ? void 0 : onFilter(filterText);
+    if (filterText) {
+      newData = (0, _utils.getFilterTree)(treeData, nextFilter, filterExpandedKeys, function (node) {
+        return (0, _utils.getKey)(keygen, node);
+      }, childrenKey, showHitDescendants, undefined, {
+        advanced: !!onAdvancedFilter
+      });
+    }
+    return {
+      newData: newData,
+      filterExpandedKeys: filterExpandedKeys
+    };
+  };
+  var handleClearCreatedData = function handleClearCreatedData() {
+    setCreatedData(undefined);
+  };
+  var handleCreate = function handleCreate(text) {
+    var createFn = typeof onCreate === 'boolean' ? function (t) {
+      return t;
+    } : onCreate;
+    return createFn === null || createFn === void 0 ? void 0 : createFn(text);
+  };
+  var handleFilter = function handleFilter(text) {
+    setInputText(text);
+    if (!text) {
+      if (data) {
+        setFilterData(data);
+      }
+      if (treeData) {
+        setFilterData(treeData);
+      }
+      setFilterText('');
+      setFilterFunc(undefined);
+      handleClearCreatedData();
+      // 没有 text 时触发一次 onFilter 以便外部重置数据
+      if (onFilter) onFilter(text);
+      return;
+    }
+    if (onCreate) {
+      var innerData = handleCreate(text);
+      setCreatedData(innerData);
+    }
+    if (!onFilter || !(0, _utils.isFunc)(onFilter)) return;
+    setFilterText(text);
+    var next = onFilter(text);
+    if (!(0, _utils.isFunc)(next)) return;
+    setFilterFunc(next);
+    var nextData = data === null || data === void 0 ? void 0 : data.filter(function (item) {
+      if (!groupKey) return next(item);
+      // 剔除分组项
+      if (item[groupKey]) return item;
+      return next(item);
+    });
+    setFilterData(nextData);
+  };
+  var handleResetData = function handleResetData() {
+    setFilterData(data);
+  };
+  (0, _react.useEffect)(function () {
+    if (data) setFilterData(data);
+  }, [data]);
+  var nextData;
+  var nextExpanded;
+  if (treeData) {
+    var _getTreeData = getTreeData(),
+      newData = _getTreeData.newData,
+      filterExpandedKeys = _getTreeData.filterExpandedKeys;
+    nextData = newData;
+    nextExpanded = filterExpandedKeys;
+  }
+  if (data) {
+    nextData = getData();
+  }
+  return {
+    inputText: inputText,
+    filterText: filterText,
+    expanded: nextExpanded,
+    rawData: data || treeData,
+    filterData: nextData,
+    createdData: createdData,
+    setInputText: setInputText,
+    setFilterText: setFilterText,
+    onCreate: onCreate ? handleCreate : undefined,
+    onFilter: onFilter || onCreate ? handleFilter : undefined,
+    onResetFilter: handleResetData,
+    onClearCreatedData: handleClearCreatedData
+  };
+};
+var _default = useFilter;
+exports.default = _default;

package/esm/common/use-filter/use-filter.type.d.ts

@@ -0,0 +1,17 @@
+import { KeygenType, KeygenResult } from '../type';
+export interface UseFilterProps<DataItem> {
+    data?: DataItem[];
+    treeData?: DataItem[];
+    delay?: number;
+    childrenKey?: keyof DataItem & string;
+    keygen: KeygenType<DataItem>;
+    showHitDescendants?: boolean;
+    expanded?: KeygenResult[];
+    groupKey?: string;
+    hideCreateOption?: boolean;
+    onAdvancedFilter: boolean;
+    onFilter?: (text: string) => void | ((data: DataItem) => boolean);
+    onFilterWidthCreate?: (data: DataItem, createdData: DataItem, key: string | number) => boolean;
+    onCreate?: ((input: string | DataItem) => DataItem | string) | boolean;
+}
+//# sourceMappingURL=use-filter.type.d.ts.map

package/esm/common/use-filter/use-filter.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-filter.type.d.ts","sourceRoot":"","sources":["use-filter.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,WAAW,cAAc,CAAC,QAAQ;IACtC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,QAAQ,GAAG,MAAM,CAAC;IACtC,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IAClE,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC;IAC/F,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,QAAQ,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC;CACxE"}

package/esm/common/use-filter/use-filter.type.js

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

package/esm/common/use-position-style/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,oBAAY,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,oBAAY,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAYb,aAAK,YAAY,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;AACpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,YAAY,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB,wBAoN3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,oBAAY,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,oBAAY,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAYb,aAAK,YAAY,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;AACpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,YAAY,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB,wBAwN3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/components/use-cascader/use-cascader.type.js

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

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/components/use-collapse/use-collapse-item.type.js

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

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/components/use-collapse/use-collapse.type.js

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

package/esm/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/esm/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"}