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

package/esm/components/use-tree/use-tree.js

@@ -11,11 +11,12 @@ require("core-js/modules/es.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.array.index-of.js");
 require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.set.js");
 var _react = require("react");
 var _useLatestObj = _interopRequireDefault(require("../../common/use-latest-obj"));
+var _useInputAble2 = require("../../common/use-input-able");
 var _is = require("../../utils/is");
 var MODE = {
   /**
@@ -51,17 +52,39 @@ var useTree = function useTree(props) {
     keygen = props.keygen,
     mode = props.mode,
     activeProp = props.active,
-    expanded = props.expanded,
-    defaultExpanded = props.defaultExpanded,
+    expandedProp = props.expanded,
+    _props$defaultExpande = props.defaultExpanded,
+    defaultExpanded = _props$defaultExpande === void 0 ? [] : _props$defaultExpande,
     defaultExpandAll = props.defaultExpandAll,
-    disabledProps = props.disabled;
+    disabledProps = props.disabled,
+    unmatch = props.unmatch,
+    isControlled = props.isControlled,
+    onExpandProp = props.onExpand;
+
+  // const {} = useInputAble({
+  //   value: props.value,
+  //   defaultValue: props.defaultValue,
+  //   control: props.control,
+  //   onChange: props.onChange,
+  //   beforeChange: props.beforeChange,
+  // });
+
+  var _useInputAble = (0, _useInputAble2.useInputAble)({
+      value: expandedProp,
+      defaultValue: defaultExpanded,
+      control: isControlled,
+      onChange: onExpandProp,
+      beforeChange: undefined
+    }),
+    expanded = _useInputAble.value,
+    onExpand = _useInputAble.onChange;
   var _useRef = (0, _react.useRef)({
       pathMap: new Map(),
       dataMap: new Map(),
       valueMap: new Map(),
       updateMap: new Map(),
       disabled: false,
-      value: [],
+      value: undefined,
       data: [],
       cachedValue: []
     }),
@@ -84,9 +107,9 @@ var useTree = function useTree(props) {
       expanded: !!(expandeds && expandeds.indexOf(id) >= 0)
     };
   };
-  function get(id) {
+  var get = function get(id) {
     return context.valueMap.get(id);
-  }
+  };
   var getKey = function getKey(item) {
     var id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
     var index = arguments.length > 2 ? arguments[2] : undefined;
@@ -133,6 +156,7 @@ var useTree = function useTree(props) {
         default:
       }
     });
+    context.cachedValue = values;
     return values;
   };
   var getPath = function getPath(id) {
@@ -152,12 +176,21 @@ var useTree = function useTree(props) {
     if (value === 2) checked = 'indeterminate';
     return checked;
   };
-
-  // const getDataById = (id: KeygenResult) => {
-  //   const oroginData = context.dataMap.get(id);
-  //   if (oroginData) return oroginData;
-  // };
-
+  var getDataById = function getDataById(id) {
+    var oroginData = context.dataMap.get(id);
+    if (oroginData) return oroginData;
+    if (!unmatch) return null;
+    return {
+      IS_NOT_MATCHED_VALUE: true,
+      value: id
+    };
+  };
+  var getDataByValues = function getDataByValues(values) {
+    if ((0, _is.isArray)(values)) {
+      return values.map(getDataById);
+    }
+    return getDataById(values);
+  };
   var setValueMap = function setValueMap(id, checked) {
     context.valueMap.set(id, checked);
   };
@@ -169,6 +202,7 @@ var useTree = function useTree(props) {
       var id = getKey(item, path[path.length - 1], i);
       // 重复 id 警告
       if (context.dataMap.get(id)) {
+        console.error("There is already a key \"".concat(id, "\" exists. The key must be unique."));
         return;
       }
       // 制作 data mapping
@@ -177,32 +211,32 @@ var useTree = function useTree(props) {
       if (_isDisabled === false && (0, _is.isFunc)(context.disabled)) {
         _isDisabled = context.disabled(item);
       }
-      ids.push(id);
       var indexPath = [].concat((0, _toConsumableArray2.default)(index), [i]);
+      ids.push(id);
       var children = [];
       if (Array.isArray(item[childrenKey])) {
         var _children = initData(item[childrenKey], [].concat((0, _toConsumableArray2.default)(path), [id]), mode === MODE.MODE_4 ? disabled : _isDisabled, indexPath);
         if (_children) children = _children;
       }
       context.pathMap.set(id, {
-        index: i,
-        path: path,
         children: children,
+        path: path,
         isDisabled: _isDisabled,
-        indexPath: indexPath
+        indexPath: indexPath,
+        index: i
       });
     }
     return ids;
   };
   var initValue = function initValue(ids_outer, forceCheck) {
     var ids = ids_outer;
-    if (!data || !value) {
+    if (!context.data || !context.value) {
       return undefined;
     }
     if (!ids) {
       ids = [];
-      context.pathMap.forEach(function (path, index) {
-        if (path.path.length === 0) {
+      context.pathMap.forEach(function (item, index) {
+        if (item.path.length === 0) {
           ids.push(index);
         }
       });
@@ -219,13 +253,13 @@ var useTree = function useTree(props) {
       if (forceCheck) {
         setValueMap(item, 1);
         initValue(children, forceCheck);
-        return;
+        continue;
       }
-      var childChecked = value.indexOf(item) >= 0 ? 1 : 0;
+      var childChecked = context.value.indexOf(item) >= 0 ? 1 : 0;
 
       // 选中且非 mode 1 和 mode 4，则需要将其子选项统统强制选中
       if (childChecked === 1 && mode !== MODE.MODE_1 && mode !== MODE.MODE_4) {
-        // initValue(children, true);
+        initValue(children, true);
       }
       // mode 2 mode 3 mode 的情况下，需要根据 children 内容来决定是否选中
       else if (children.length > 0) {
@@ -234,7 +268,7 @@ var useTree = function useTree(props) {
       }
       // 没有子节点的情况下，需要根据 value 来决定是否选中
       else {
-        childChecked = value.indexOf(item) >= 0 ? 1 : 0;
+        childChecked = context.value.indexOf(item) >= 0 ? 1 : 0;
       }
 
       // 同步状态至 map 中
@@ -289,7 +323,7 @@ var useTree = function useTree(props) {
       setValueMap(id, checked);
     }
 
-    // // const data = getDataById(id);
+    // const data = getDataById(id);
 
     if (mode === MODE.MODE_4) {
       return 0;
@@ -322,34 +356,44 @@ var useTree = function useTree(props) {
     }
     return current;
   };
-  var handleExpanded = function handleExpanded(expanded) {
-    var temp = new Set(expanded);
-    context.updateMap.forEach(function (update, id) {
-      update('expanded', temp.has(id));
-    });
-  };
-  (0, _react.useEffect)(function () {
+  if (firstRender.current) {
     setValue(value);
     setData(data);
-    setTimeout(function () {
-      firstRender.current = false;
-    });
-  }, [data]);
+    firstRender.current = false;
+  }
   (0, _react.useEffect)(function () {
-    if (firstRender.current) return;
-    handleExpanded(expanded);
-  }, [expanded]);
-  var func = (0, _useLatestObj.default)({
+    if (defaultExpandAll) {
+      var nextExpanded = [];
+      context.dataMap.forEach(function (item, k) {
+        if (item[childrenKey]) {
+          nextExpanded.push(k);
+        }
+      });
+      onExpand(nextExpanded);
+    }
+  }, []);
+  var datum = (0, _useLatestObj.default)({
     get: get,
     set: set,
+    childrenKey: childrenKey,
+    data: data,
     getPath: getPath,
     getValue: getValue,
     getChecked: getChecked,
+    getKey: getKey,
+    getDataByValues: getDataByValues,
+    setValue: setValue,
+    setData: setData,
     isDisabled: isDisabled,
-    bindNode: bindNode
+    bindNode: bindNode,
+    getDataById: getDataById
   });
   return {
-    func: func,
+    datum: datum,
+    getKey: getKey,
+    getDataById: getDataById,
+    expanded: expanded,
+    onExpand: onExpand,
     pathMap: context.pathMap,
     dataMap: context.dataMap,
     valueMap: context.valueMap,

package/esm/components/use-tree/use-tree.type.d.ts

@@ -1,36 +1,39 @@
-import { ObjectType, StructKeygenStringType, KeygenResult } from '../../common/type';
+import { StructKeygenStringType, KeygenResult } from '../../common/type';
 export declare type CheckedStatusType = 0 | 1 | 2;
 export declare type TreeModeType = 0 | 1 | 2 | 3 | 4;
 export declare type UpdateFunc = (name: string, active: boolean) => void;
-export interface TreeContext<DataItem> {
-    pathMap: Map<KeygenResult, TreePathType>;
+export interface TreeContext<DataItem, Value> {
+    pathMap: Map<Value, TreePathType<Value>>;
     dataMap: Map<KeygenResult, DataItem>;
-    valueMap: Map<KeygenResult, CheckedStatusType>;
+    valueMap: Map<Value, CheckedStatusType>;
     updateMap: Map<KeygenResult, UpdateFunc>;
     disabled: boolean | ((item: DataItem) => boolean);
-    value?: KeygenResult[];
-    cachedValue: KeygenResult[];
+    value?: Value[];
+    cachedValue: Value[];
     data?: DataItem[];
 }
-export interface TreePathType {
-    children: KeygenResult[];
-    path: (number | string)[];
+export interface TreePathType<Value> {
+    children: Value[];
+    path: Value[];
     isDisabled: boolean;
     indexPath: number[];
     index: number;
 }
-export interface BaseTreeProps<DataItem = ObjectType> {
+export interface BaseTreeProps<DataItem, Value extends KeygenResult> {
+    isControlled: boolean;
     active?: KeygenResult;
-    value?: KeygenResult[];
-    defaultValue?: KeygenResult[];
+    value?: Value[];
+    defaultValue?: Value[];
     data: DataItem[];
     expanded?: KeygenResult[];
     defaultExpanded?: KeygenResult[];
     defaultExpandAll?: boolean;
     disabled?: boolean | ((item: DataItem) => boolean);
     keygen: StructKeygenStringType<DataItem>;
-    childrenKey?: keyof DataItem;
+    childrenKey?: keyof DataItem & string;
     mode?: TreeModeType;
     dataUpdate?: boolean;
+    unmatch?: boolean;
+    onExpand?: (value: KeygenResult[]) => void;
 }
 //# sourceMappingURL=use-tree.type.d.ts.map

package/esm/components/use-tree/use-tree.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-tree.type.d.ts","sourceRoot":"","sources":["use-tree.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAErF,oBAAY,iBAAiB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE1C,oBAAY,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE7C,oBAAY,UAAU,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;AAEjE,MAAM,WAAW,WAAW,CAAC,QAAQ;IACnC,OAAO,EAAE,GAAG,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IACzC,OAAO,EAAE,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IACrC,QAAQ,EAAE,GAAG,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;IAC/C,SAAS,EAAE,GAAG,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IACzC,QAAQ,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IAClD,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,WAAW,EAAE,YAAY,EAAE,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa,CAAC,QAAQ,GAAG,UAAU;IAClD,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IACnD,MAAM,EAAE,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,QAAQ,CAAC;IAC7B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}
+{"version":3,"file":"use-tree.type.d.ts","sourceRoot":"","sources":["use-tree.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEzE,oBAAY,iBAAiB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE1C,oBAAY,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE7C,oBAAY,UAAU,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;AAEjE,MAAM,WAAW,WAAW,CAAC,QAAQ,EAAE,KAAK;IAC1C,OAAO,EAAE,GAAG,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IACzC,OAAO,EAAE,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IACrC,QAAQ,EAAE,GAAG,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;IACxC,SAAS,EAAE,GAAG,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IACzC,QAAQ,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IAClD,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC;IAChB,WAAW,EAAE,KAAK,EAAE,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,YAAY,CAAC,KAAK;IACjC,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClB,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY;IACjE,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC;IAChB,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC;IACvB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IACnD,MAAM,EAAE,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,QAAQ,GAAG,MAAM,CAAC;IACtC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CAC5C"}

package/esm/components/use-treeselect/index.d.ts

@@ -0,0 +1,4 @@
+export { default, default as useTreeSelect } from './use-treeselect';
+export { default as useTiled } from './use-tiled';
+export type { BaseTreeSelectProps } from './use-treeselect.type';
+//# sourceMappingURL=index.d.ts.map

package/esm/components/use-treeselect/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,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/esm/components/use-treeselect/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 _useTreeselect.default;
+  }
+});
+Object.defineProperty(exports, "useTiled", {
+  enumerable: true,
+  get: function get() {
+    return _useTiled.default;
+  }
+});
+Object.defineProperty(exports, "useTreeSelect", {
+  enumerable: true,
+  get: function get() {
+    return _useTreeselect.default;
+  }
+});
+var _useTreeselect = _interopRequireDefault(require("./use-treeselect"));
+var _useTiled = _interopRequireDefault(require("./use-tiled"));

package/esm/components/use-treeselect/use-tiled.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { UseTiledProps } from './use-tiled.type';
+declare const useTiled: <DataItem>(props: UseTiledProps<DataItem>) => {
+    data: DataItem[];
+    onFilter: ((text: string) => void) | undefined;
+    expandIcons?: undefined;
+} | {
+    data: any[];
+    onFilter: (text: string) => void;
+    expandIcons: ((item: DataItem) => string | number | boolean | import("react").ReactFragment | JSX.Element | null | undefined)[];
+};
+export default useTiled;
+//# sourceMappingURL=use-tiled.d.ts.map

package/esm/components/use-treeselect/use-tiled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tiled.d.ts","sourceRoot":"","sources":["use-tiled.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,QAAA,MAAM,QAAQ;;;;;;qBAiCgB,MAAM;;CAoDnC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/components/use-treeselect/use-tiled.js

@@ -0,0 +1,99 @@
+"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.index-of.js");
+require("core-js/modules/es.array.splice.js");
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _useTree3 = require("../use-tree");
+var _tree = require("../../utils/tree");
+var _jsxRuntime = require("react/jsx-runtime");
+var useTiled = function useTiled(props) {
+  var data = props.data,
+    keygen = props.keygen,
+    _props$childrenKey = props.childrenKey,
+    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
+    _props$expanded = props.expanded,
+    expanded = _props$expanded === void 0 ? [] : _props$expanded,
+    rawData = props.rawData,
+    onFilter = props.onFilter,
+    filterText = props.filterText,
+    originIcon = props.originIcon,
+    moreIcon = props.moreIcon,
+    onAdvancedFilter = props.onAdvancedFilter;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    tileds = _useState2[0],
+    setTileds = _useState2[1];
+  var _useTree = (0, _useTree3.useTree)({
+      data: data,
+      childrenKey: childrenKey,
+      keygen: keygen,
+      isControlled: false
+    }),
+    datum = _useTree.datum;
+  var _useTree2 = (0, _useTree3.useTree)({
+      data: rawData,
+      childrenKey: childrenKey,
+      keygen: keygen,
+      isControlled: false
+    }),
+    rawDatum = _useTree2.datum,
+    getRawKey = _useTree2.getKey,
+    getRawDataById = _useTree2.getDataById;
+  var handleToggle = function handleToggle(e, key) {
+    e.stopPropagation();
+    var nextTileds = (0, _toConsumableArray2.default)(tileds);
+    var index = nextTileds.indexOf(key);
+    if (index >= 0) nextTileds.splice(index, 1);else nextTileds.push(key);
+    setTileds(nextTileds);
+  };
+  var handleFilter = function handleFilter(text) {
+    if (!text) setTileds([]);
+    if (onFilter) onFilter(text);
+  };
+  var getIcon = function getIcon(item) {
+    var key = getRawKey(item);
+    var rawDataItem = getRawDataById(key);
+    if (!item || !rawDataItem) return originIcon;
+
+    // const sameCount =
+    //   item[childrenKey] &&
+    //   rawDataItem[childrenKey] &&
+    //   (item[childrenKey] as DataItem[]).length === (rawDataItem[childrenKey] as DataItem[]).length;
+    if (expanded.indexOf(key) === -1) return originIcon;
+    var handleClick = function handleClick(e) {
+      handleToggle(e, key);
+    };
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      style: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '100%',
+        height: '100%'
+      },
+      onClick: handleClick,
+      children: moreIcon()
+    });
+  };
+  if (!filterText || !onAdvancedFilter) {
+    return {
+      data: data,
+      onFilter: onFilter
+    };
+  }
+  var nextData = (0, _tree.mergeFilteredTree)(datum, rawDatum, tileds);
+  return {
+    data: nextData,
+    onFilter: handleFilter,
+    expandIcons: [getIcon, getIcon]
+  };
+};
+var _default = useTiled;
+exports.default = _default;

package/esm/components/use-treeselect/use-tiled.type.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TreeKeygenType, KeygenResult } from '../../common/type';
+export interface UseTiledProps<DataItem> {
+    data: DataItem[];
+    rawData: DataItem[];
+    onFilter?: (text: string) => void;
+    keygen: TreeKeygenType<DataItem>;
+    childrenKey?: keyof DataItem & string;
+    expanded?: KeygenResult[];
+    filterText?: string;
+    originIcon: React.ReactNode;
+    moreIcon: () => React.ReactNode;
+    onAdvancedFilter?: (text: string) => (data: DataItem) => boolean;
+}
+//# sourceMappingURL=use-tiled.type.d.ts.map

package/esm/components/use-treeselect/use-tiled.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tiled.type.d.ts","sourceRoot":"","sources":["use-tiled.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjE,MAAM,WAAW,aAAa,CAAC,QAAQ;IACrC,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,QAAQ,GAAG,MAAM,CAAC;IACtC,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAChC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;CAClE"}

package/esm/components/use-treeselect/use-tiled.type.js

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

package/esm/components/use-treeselect/use-treeselect.d.ts

@@ -0,0 +1,7 @@
+import { BaseTreeSelectProps } from './use-treeselect.type';
+declare const useTreeSelect: <DataItem, Value>(props: BaseTreeSelectProps<DataItem, Value>) => {
+    value: Value | undefined;
+    onChange: (value: Value | Value[], selected?: DataItem | undefined, path?: (string | number)[] | undefined) => void;
+};
+export default useTreeSelect;
+//# sourceMappingURL=use-treeselect.d.ts.map

package/esm/components/use-treeselect/use-treeselect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-treeselect.d.ts","sourceRoot":"","sources":["use-treeselect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,aAAa;;;CAelB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/components/use-treeselect/use-treeselect.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _useInputAble2 = require("../../common/use-input-able");
+var useTreeSelect = function useTreeSelect(props) {
+  var valueProp = props.value,
+    defaultValue = props.defaultValue,
+    control = props.control,
+    beforeChange = props.beforeChange,
+    onChangeProp = props.onChange;
+  var _useInputAble = (0, _useInputAble2.useInputAble)({
+      value: valueProp,
+      control: control,
+      defaultValue: defaultValue,
+      beforeChange: beforeChange,
+      onChange: onChangeProp
+    }),
+    value = _useInputAble.value,
+    onChange = _useInputAble.onChange;
+  return {
+    value: value,
+    onChange: onChange
+  };
+};
+var _default = useTreeSelect;
+exports.default = _default;

package/esm/components/use-treeselect/use-treeselect.type.d.ts

@@ -0,0 +1,9 @@
+export interface BaseTreeSelectProps<DataItem, Value> {
+    data?: DataItem[];
+    value?: Value;
+    defaultValue?: Value;
+    control: boolean;
+    beforeChange?: (value: Value) => any;
+    onChange?: (value: Value | Value[], selected?: DataItem, path?: (string | number)[]) => void;
+}
+//# sourceMappingURL=use-treeselect.type.d.ts.map

package/esm/components/use-treeselect/use-treeselect.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-treeselect.type.d.ts","sourceRoot":"","sources":["use-treeselect.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB,CAAC,QAAQ,EAAE,KAAK;IAClD,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,EAAE,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;CAC9F"}

package/esm/components/use-treeselect/use-treeselect.type.js

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

package/esm/index.d.ts

@@ -20,6 +20,7 @@ export * from './common/use-resize';
 export * from './common/use-transform';
 export * from './common/use-drag-mock';
 export * from './common/use-pagination-list';
+export * from './common/use-filter';
 export * from './components/use-input';
 export * from './components/use-textarea';
 export * from './components/use-form';
@@ -39,6 +40,10 @@ export * from './components/use-tree';
 export * from './components/use-select';
 export * from './components/use-slider';
 export * from './components/use-menu';
+export * from './components/use-descriptions';
+export * from './components/use-treeselect';
+export * from './components/use-collapse';
+export * from './components/use-cascader';
 declare const _default: {};
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,UAAU,CAAC;AAEjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,IAAI,EAAE,CAAC;AAGhB,cAAc,eAAe,CAAC;AAE9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAG7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;;AAEtC,wBAAkB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,UAAU,CAAC;AAEjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,IAAI,EAAE,CAAC;AAGhB,cAAc,eAAe,CAAC;AAE9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AAGpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;;AAE1C,wBAAkB"}

package/esm/index.js

@@ -254,6 +254,18 @@ Object.keys(_usePaginationList).forEach(function (key) {
     }
   });
 });
+var _useFilter = require("./common/use-filter");
+Object.keys(_useFilter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useFilter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useFilter[key];
+    }
+  });
+});
 var _useInput = require("./components/use-input");
 Object.keys(_useInput).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -482,6 +494,54 @@ Object.keys(_useMenu).forEach(function (key) {
     }
   });
 });
+var _useDescriptions = require("./components/use-descriptions");
+Object.keys(_useDescriptions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useDescriptions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useDescriptions[key];
+    }
+  });
+});
+var _useTreeselect = require("./components/use-treeselect");
+Object.keys(_useTreeselect).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useTreeselect[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useTreeselect[key];
+    }
+  });
+});
+var _useCollapse = require("./components/use-collapse");
+Object.keys(_useCollapse).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useCollapse[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useCollapse[key];
+    }
+  });
+});
+var _useCascader = require("./components/use-cascader");
+Object.keys(_useCascader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useCascader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useCascader[key];
+    }
+  });
+});
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 //common