@sheinx/hooks 3.0.0-alpha.1 → 3.0.0-alpha.11

package/cjs/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,31 @@ 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;
+  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(),
+      unmatchedValueMap: new Map(),
       disabled: false,
-      value: [],
+      value: undefined,
       data: [],
       cachedValue: []
     }),
@@ -84,9 +99,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 +148,10 @@ var useTree = function useTree(props) {
         default:
       }
     });
+    context.unmatchedValueMap.forEach(function (unmatch, id) {
+      if (unmatch) values.push(id);
+    });
+    context.cachedValue = values;
     return values;
   };
   var getPath = function getPath(id) {
@@ -152,15 +171,33 @@ 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);
   };
+  var setUnmatedValue = function setUnmatedValue() {
+    context.unmatchedValueMap = new Map();
+    if (!context.value || !context.data) return;
+    context.value.forEach(function (v) {
+      var data = getDataById(v);
+      var unmatched = (0, _is.isUnMatchedData)(data);
+      if (unmatched) context.unmatchedValueMap.set(v, true);else context.unmatchedValueMap.delete(v);
+    });
+  };
   var initData = function initData(data, path, disabled) {
     var index = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
     var ids = [];
@@ -169,6 +206,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 +215,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 +257,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 +272,7 @@ var useTree = function useTree(props) {
       }
       // 没有子节点的情况下，需要根据 value 来决定是否选中
       else {
-        childChecked = value.indexOf(item) >= 0 ? 1 : 0;
+        childChecked = context.value.indexOf(item) >= 0 ? 1 : 0;
       }
 
       // 同步状态至 map 中
@@ -254,6 +292,7 @@ var useTree = function useTree(props) {
     if (value && value !== context.cachedValue) {
       initValue();
     }
+    setUnmatedValue();
   };
   var isDisabled = function isDisabled(id) {
     var node = context.pathMap.get(id);
@@ -277,6 +316,7 @@ var useTree = function useTree(props) {
     context.pathMap = new Map();
     context.dataMap = new Map();
     context.valueMap = new Map();
+    context.unmatchedValueMap = new Map();
     context.disabled = getDisabled();
     context.data = data;
     if (!data) return;
@@ -288,9 +328,11 @@ var useTree = function useTree(props) {
     if (!isDisabled(id)) {
       setValueMap(id, checked);
     }
-
-    // // const data = getDataById(id);
-
+    var data = getDataById(id);
+    if (data && data['IS_NOT_MATCHED_VALUE']) {
+      if (checked) context.unmatchedValueMap.set(id, true);else context.unmatchedValueMap.delete(id);
+      return null;
+    }
     if (mode === MODE.MODE_4) {
       return 0;
     }
@@ -322,34 +364,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/cjs/components/use-tree/use-tree.type.d.ts

@@ -1,4 +1,4 @@
-import { ObjectType, StructKeygenStringType, KeygenResult } from '../../common/type';
+import { StructKeygenStringType, KeygenResult, ObjectKey } 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;
@@ -6,6 +6,7 @@ export interface TreeContext<DataItem> {
     pathMap: Map<KeygenResult, TreePathType>;
     dataMap: Map<KeygenResult, DataItem>;
     valueMap: Map<KeygenResult, CheckedStatusType>;
+    unmatchedValueMap: Map<any, any>;
     updateMap: Map<KeygenResult, UpdateFunc>;
     disabled: boolean | ((item: DataItem) => boolean);
     value?: KeygenResult[];
@@ -14,23 +15,87 @@ export interface TreeContext<DataItem> {
 }
 export interface TreePathType {
     children: KeygenResult[];
-    path: (number | string)[];
+    path: KeygenResult[];
     isDisabled: boolean;
     indexPath: number[];
     index: number;
 }
-export interface BaseTreeProps<DataItem = ObjectType> {
+export interface BaseTreeProps<DataItem> {
+    /**
+     * @private 内部属性
+     */
+    isControlled: boolean;
     active?: KeygenResult;
+    /**
+     * @en Selected key (controlled)
+     * @cn 选中的 key （受控）
+     */
     value?: KeygenResult[];
+    /**
+     * @en Default selected key (not controlled)
+     * @cn 默认选中的 key （非受控）
+     */
     defaultValue?: KeygenResult[];
+    /**
+     * @en Data, children is children, if children is null or length is 0, it is considered as a leaf node
+     * @cn 数据，子节点为 children，如果 children 值为 null 或 长度为 0 时，视为叶子节点
+     */
     data: DataItem[];
+    /**
+     * @en Expanded node
+     * @cn 展开的节点 key(受控)
+     */
     expanded?: KeygenResult[];
+    /**
+     * @en Default expanded nodes
+     * @cn 默认展开的节点 key（非受控）
+     */
     defaultExpanded?: KeygenResult[];
+    /**
+     * @en Expanded all nodes
+     * @cn 默认展开所有节点
+     * @default false
+     */
     defaultExpandAll?: boolean;
+    /**
+     * @en Control whether the node can be chosen
+     * @cn 显示选择框时有效，为 true 时，所有节点禁用选择，为函数时，根据函数返回结果确定是否禁用
+     * @default false
+     */
     disabled?: boolean | ((item: DataItem) => boolean);
+    /**
+     * @en Auxiliary method for generating key. When it is a function, use the return value of this function. When it is a string, use the data value corresponding to this string. For example, "id" is the same thing as (d) => d.id
+     * @cn 生成 key 的辅助方法, 为函数时，使用此函数返回值, 为 string 时，使用这个 string 对应的数据值。如 "id"，相当于 (d) => d.id
+     * @default index
+     */
     keygen: StructKeygenStringType<DataItem>;
-    childrenKey?: keyof DataItem;
+    /**
+     * @en Specify the name of the subdata
+     * @cn 指定子数据的属性名
+     * @default 'children'
+     */
+    childrenKey?: ObjectKey<DataItem>;
+    /**
+     * @en Mode 0: Returns only the fully selected node including the parent node. 1: Returns all selected nodes and semi-selected nodes. 2: Return only the selected child nodes. 3: If the parent node is full selected, only return the parent node. 4: What you choose is what you get
+     * @cn 选中值模式，未设置值为单选 0: 只返回完全选中的节点，包含父节点 1: 返回全部选中的节点和半选中的父节点 2: 只返回选中的子节点 3: 如果父节点选中，只返回父节点 4: 所选即所得
+     * @default 1
+     */
     mode?: TreeModeType;
+    /**
+     * @en Whether to monitor data changes to update data
+     * @cn 是否监听 data 变化更新数据
+     * @default true
+     */
     dataUpdate?: boolean;
+    /**
+     * @en Whether to enable unmatch mode
+     * @cn 是否开启不匹配模式
+     */
+    unmatch?: boolean;
+    /**
+     * @en Expand event
+     * @cn 节点展开回调，参数为当前展开节点 key 数组
+     */
+    onExpand?: (value: KeygenResult[]) => void;
 }
 //# sourceMappingURL=use-tree.type.d.ts.map

package/cjs/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,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEpF,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,iBAAiB,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IACjC,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,YAAY,EAAE,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa,CAAC,QAAQ;IACrC;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B;;;OAGG;IACH,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B;;;OAGG;IACH,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;IACjC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IACnD;;;;OAIG;IACH,MAAM,EAAE,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IACzC;;;;OAIG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAClC;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CAC5C"}

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/use-treeselect/use-tiled.type.js

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

package/cjs/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, selected?: DataItem | undefined, path?: (string | number)[] | undefined) => void;
+};
+export default useTreeSelect;
+//# sourceMappingURL=use-treeselect.d.ts.map

package/cjs/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;AAG5D,QAAA,MAAM,aAAa;;;CAelB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/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/cjs/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, selected?: DataItem, path?: (string | number)[]) => void;
+}
+//# sourceMappingURL=use-treeselect.type.d.ts.map

package/cjs/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,EAAE,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;CACpF"}

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

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