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

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-group.d.ts","sourceRoot":"","sources":["use-select-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAG9D,QAAA,MAAM,cAAc;;;CAoCnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.array.reduce.js");
+require("core-js/modules/es.array.concat.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _utils = require("../../utils");
+var UseSelectGroup = function UseSelectGroup(props) {
+  var _props$data = props.data,
+    dataProp = _props$data === void 0 ? [] : _props$data,
+    groupBy = props.groupBy;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  var groupKey = (0, _react.useRef)('');
+  var initGroupData = function initGroupData() {
+    if (typeof groupBy !== 'function') {
+      setData(dataProp);
+      return;
+    }
+    var groupData = {};
+    dataProp.forEach(function (item, index) {
+      var group = groupBy(item, index, dataProp);
+      if (!groupData[group]) groupData[group || ''] = group ? [(0, _defineProperty2.default)({}, groupKey.current, group)] : [];
+      groupData[group].push(item);
+    });
+    var newData = Object.keys(groupData).reduce(function (p, v) {
+      return v ? p.concat(groupData[v]) : groupData[v].concat(p);
+    }, []);
+    setData(newData);
+  };
+  (0, _react.useEffect)(function () {
+    if (!groupBy) return;
+    groupKey.current = (0, _utils.getUidStr)();
+    initGroupData();
+  }, [dataProp]);
+  return {
+    data: data,
+    groupKey: groupKey.current
+  };
+};
+var _default = UseSelectGroup;
+exports.default = _default;

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

@@ -0,0 +1,5 @@
+export interface UseSelectGroupProps<DataItem> {
+    data?: DataItem[];
+    groupBy?: (item: DataItem, index?: number, data?: DataItem[]) => string;
+}
+//# sourceMappingURL=use-select-group.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-group.type.d.ts","sourceRoot":"","sources":["use-select-group.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB,CAAC,QAAQ;IAC3C,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAK,MAAM,CAAC;CACzE"}

package/cjs/components/use-select/use-select-group.type.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["use-select.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["use-select.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCd,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -6,11 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _useInputAble2 = require("../../common/use-input-able");
 var _useListSelect = require("../../common/use-list-select");
-// import { getKey } from '../../utils';
-// import { KeygenResult } from '../../common/type';
-
 var useSelect = function useSelect(props) {
   var data = props.data,
+    treeData = props.treeData,
+    separator = props.separator,
     control = props.control,
     defaultValue = props.defaultValue,
     beforeChange = props.beforeChange,
@@ -30,7 +29,8 @@ var useSelect = function useSelect(props) {
     value = _useInputAble.value,
     onChange = _useInputAble.onChange;
   var datum = (0, _useListSelect.useListSelect)({
-    data: data,
+    data: data || treeData,
+    separator: separator,
     format: format,
     value: value,
     multiple: multiple,

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

@@ -1,14 +1,18 @@
 import { ObjectKey } from '../../common/type';
 export interface BaseSelectProps<DataItem, Value> {
     value?: Value;
-    data: DataItem[];
+    data?: DataItem[];
+    treeData?: DataItem[];
     defaultValue?: Value;
     control: boolean;
+    separator?: string;
     multiple?: boolean;
+    childrenKey?: keyof DataItem;
     disabled?: boolean | ((data: DataItem) => boolean);
     prediction?: (value: Value, Data: DataItem) => boolean;
     format?: ((data: DataItem) => Value extends (infer U)[] ? U : Value) | ObjectKey<DataItem>;
     beforeChange?: (value: Value) => any;
     onChange?: (value: Value, data?: DataItem | DataItem[], checked?: boolean) => void;
+    groupBy?: (item: DataItem, index?: number, data?: DataItem[]) => string;
 }
 //# sourceMappingURL=use-select.type.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-select.type.d.ts","sourceRoot":"","sources":["use-select.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,WAAW,eAAe,CAAC,QAAQ,EAAE,KAAK;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IACnD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IACvD,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3F,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACpF"}
+{"version":3,"file":"use-select.type.d.ts","sourceRoot":"","sources":["use-select.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,WAAW,eAAe,CAAC,QAAQ,EAAE,KAAK;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,QAAQ,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IACnD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IACvD,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3F,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnF,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAK,MAAM,CAAC;CACzE"}

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

@@ -13,15 +13,15 @@ export declare const useSlider: <Value extends number | number[]>(props: UseSlid
     startValue: number;
     endValue: number;
     innerStyle: {
-        top: string;
         bottom: string;
+        top: string;
         left?: undefined;
         right?: undefined;
     } | {
         left: string;
         right: string;
-        top?: undefined;
         bottom?: undefined;
+        top?: undefined;
     };
 };
 export default useSlider;

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

@@ -93,7 +93,7 @@ var useSlider = function useSlider(props) {
       var newRate = (0, _toConsumableArray2.default)(r);
       var v = context.dragIndex === 0 ? r[0] : r[1];
       var max = props.vertical ? target.clientHeight : target.clientWidth;
-      var delta = props.vertical ? deltaY : deltaX;
+      var delta = props.vertical ? deltaY * -1 : deltaX;
       var rate = Math.max(v + delta / max, 0);
       if (rate > 1) {
         rate = 1;
@@ -126,7 +126,7 @@ var useSlider = function useSlider(props) {
     if (context.clickLock) return;
     var target = e.currentTarget;
     var rect = target.getBoundingClientRect();
-    var rate = !props.vertical ? (e.clientX - rect.left) / rect.width : (e.clientY - rect.top) / rect.height;
+    var rate = !props.vertical ? (e.clientX - rect.left) / rect.width : (rect.bottom - e.clientY) / rect.height;
     var value = getValueFromRate(rate, scale, step);
     if (props.range) {
       var _start = startValue;
@@ -145,8 +145,8 @@ var useSlider = function useSlider(props) {
   });
   var getTrackInnerStyle = function getTrackInnerStyle(start, end) {
     if (props.vertical) return {
-      top: start * 100 + '%',
-      bottom: (1 - end) * 100 + '%'
+      bottom: start * 100 + '%',
+      top: (1 - end) * 100 + '%'
     };
     return {
       left: start * 100 + '%',

package/cjs/components/use-tree/use-tree-node.d.ts

@@ -1,12 +1,13 @@
 /// <reference types="react" />
 import { BaseTreeNodeProps } from './use-tree-node.type';
-declare const useTreeNode: <DataItem>(props: BaseTreeNodeProps<DataItem>) => {
+declare const useTreeNode: <DataItem, Value>(props: BaseTreeNodeProps<DataItem, Value>) => {
     update: (key: string, value: boolean) => void;
     active: boolean;
     expanded: boolean;
     fetching: boolean;
     isLeaf: () => boolean;
     setFetching: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setExpanded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     onToggle: () => void;
 };
 export default useTreeNode;

package/cjs/components/use-tree/use-tree-node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-tree-node.d.ts","sourceRoot":"","sources":["use-tree-node.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,QAAA,MAAM,WAAW;kBAMmB,MAAM,SAAS,OAAO;;;;;;;CAkDzD,CAAC;AACF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"use-tree-node.d.ts","sourceRoot":"","sources":["use-tree-node.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,QAAA,MAAM,WAAW;kBAMmB,MAAM,SAAS,OAAO;;;;;;;;CAmDzD,CAAC;AACF,eAAe,WAAW,CAAC"}

package/cjs/components/use-tree/use-tree-node.js

@@ -13,8 +13,7 @@ var useTreeNode = function useTreeNode(props) {
     data = props.data,
     bindNode = props.bindNode,
     childrenKey = props.childrenKey,
-    loader = props.loader,
-    onToggle = props.onToggle;
+    loader = props.loader;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     active = _useState2[0],
@@ -45,9 +44,9 @@ var useTreeNode = function useTreeNode(props) {
     }
   });
   var handleToggle = function handleToggle() {
-    var newExpand = !expanded;
-    setExpanded(newExpand);
-    if (onToggle) onToggle(id, newExpand);
+    // const newExpand = !expanded;
+    // setExpanded(newExpand);
+    // if (onToggle) onToggle(id, newExpand);
   };
   var isLeaf = function isLeaf() {
     var children = data[childrenKey];
@@ -60,9 +59,9 @@ var useTreeNode = function useTreeNode(props) {
   (0, _react.useEffect)(function () {
     var _bindNode = bindNode(id, update),
       active = _bindNode.active,
-      expanded = _bindNode.expanded;
+      nextExpanded = _bindNode.expanded;
     setActive(active);
-    setExpanded(expanded);
+    setExpanded(nextExpanded);
   }, []);
   return {
     update: update,
@@ -71,6 +70,7 @@ var useTreeNode = function useTreeNode(props) {
     fetching: fetching,
     isLeaf: isLeaf,
     setFetching: setFetching,
+    setExpanded: setExpanded,
     onToggle: handleToggle
   };
 };

package/cjs/components/use-tree/use-tree-node.type.d.ts

@@ -7,7 +7,7 @@ export interface NodeState {
     expanded: boolean;
     fetching: boolean;
 }
-export interface BaseTreeNodeProps<DataItem> {
+export interface BaseTreeNodeProps<DataItem, Value> {
     id: KeygenResult;
     data: DataItem;
     childrenKey: keyof DataItem;
@@ -20,7 +20,7 @@ export interface BaseTreeNodeProps<DataItem> {
     };
     content: HTMLDivElement | null;
     loader?: (key: KeygenResult, data: DataItem) => void;
-    onToggle?: (id: KeygenResult, expanded: boolean) => void;
+    onToggle?: (id: Value, expanded: boolean) => void;
     onDrop?: (data: DataItem[], key: KeygenResult, targetKey: KeygenResult, position: number) => void;
 }
 //# sourceMappingURL=use-tree-node.type.d.ts.map

package/cjs/components/use-tree/use-tree-node.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-tree-node.type.d.ts","sourceRoot":"","sources":["use-tree-node.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,oBAAY,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;AAE5D,oBAAY,UAAU,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;AAEjE,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB,CAAC,QAAQ;IACzC,EAAE,EAAE,YAAY,CAAC;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,MAAM,QAAQ,CAAC;IAC5B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,iBAAiB,EAAE,CAAC,IAAI,CAAC,EAAE,QAAQ,KAAK,MAAM,GAAG,SAAS,CAAC;IAC3D,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,QAAQ,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,KAAK;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC;IAC3F,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACnG"}
+{"version":3,"file":"use-tree-node.type.d.ts","sourceRoot":"","sources":["use-tree-node.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,oBAAY,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;AAE5D,oBAAY,UAAU,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;AAEjE,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB,CAAC,QAAQ,EAAE,KAAK;IAChD,EAAE,EAAE,YAAY,CAAC;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,MAAM,QAAQ,CAAC;IAC5B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,iBAAiB,EAAE,CAAC,IAAI,CAAC,EAAE,QAAQ,KAAK,MAAM,GAAG,SAAS,CAAC;IAC3D,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,QAAQ,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,KAAK;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC;IAC3F,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACnG"}

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

@@ -22,22 +22,45 @@ export declare const MODE: {
      */
     MODE_4: number;
 };
-declare const useTree: <DataItem>(props: BaseTreeProps<DataItem>) => {
-    func: {
-        get: (id: KeygenResult) => CheckedStatusType | undefined;
-        set: (id: KeygenResult, checked: CheckedStatusType, direction?: 'asc' | 'desc') => CheckedStatusType;
-        getPath: (id: KeygenResult) => TreePathType | undefined;
-        getValue: () => KeygenResult[];
-        getChecked: (id: KeygenResult) => boolean | "indeterminate";
-        isDisabled: (id: KeygenResult) => boolean;
+declare const useTree: <DataItem, Value extends KeygenResult>(props: BaseTreeProps<DataItem, Value>) => {
+    datum: {
+        get: (id: Value) => CheckedStatusType | undefined;
+        set: (id: Value, checked: CheckedStatusType, direction?: 'asc' | 'desc') => CheckedStatusType;
+        childrenKey: keyof DataItem & string;
+        data: DataItem[];
+        getPath: (id: Value) => TreePathType<Value> | undefined;
+        getValue: () => Value[];
+        getChecked: (id: Value) => boolean | "indeterminate";
+        getKey: (item: DataItem, id?: KeygenResult, index?: number) => Value;
+        getDataByValues: (values: Value | Value[]) => NonNullable<DataItem> | {
+            IS_NOT_MATCHED_VALUE: boolean;
+            value: KeygenResult;
+        } | (NonNullable<DataItem> | {
+            IS_NOT_MATCHED_VALUE: boolean;
+            value: KeygenResult;
+        } | null)[] | null;
+        setValue: (value?: Value[] | undefined) => void;
+        setData: (data?: DataItem[] | undefined) => void;
+        isDisabled: (id: Value) => boolean;
         bindNode: (id: KeygenResult, update: UpdateFunc) => {
             active: boolean;
             expanded: boolean;
         };
+        getDataById: (id: KeygenResult) => NonNullable<DataItem> | {
+            IS_NOT_MATCHED_VALUE: boolean;
+            value: KeygenResult;
+        } | null;
     };
-    pathMap: Map<KeygenResult, TreePathType>;
+    getKey: (item: DataItem, id?: KeygenResult, index?: number) => Value;
+    getDataById: (id: KeygenResult) => NonNullable<DataItem> | {
+        IS_NOT_MATCHED_VALUE: boolean;
+        value: KeygenResult;
+    } | null;
+    expanded: KeygenResult[] | undefined;
+    onExpand: (value: KeygenResult[]) => void;
+    pathMap: Map<Value, TreePathType<Value>>;
     dataMap: Map<KeygenResult, DataItem>;
-    valueMap: Map<KeygenResult, CheckedStatusType>;
+    valueMap: Map<Value, CheckedStatusType>;
     updateMap: Map<KeygenResult, UpdateFunc>;
 };
 export default useTree;

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

@@ -1 +1 @@
-{"version":3,"file":"use-tree.d.ts","sourceRoot":"","sources":["use-tree.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,aAAa,EACb,YAAY,EACZ,iBAAiB,EAEjB,UAAU,EACX,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,eAAO,MAAM,IAAI;IACf;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;CAEJ,CAAC;AAEF,QAAA,MAAM,OAAO;;kBAyCM,YAAY;kBAsOZ,YAAY,WAAW,iBAAiB,cAAc,KAAK,GAAG,MAAM;sBAjLhE,YAAY;;yBAYT,YAAY;yBAmIZ,YAAY;uBA9Md,YAAY,UAAU,UAAU;;;;;;;;;CAgUvD,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"use-tree.d.ts","sourceRoot":"","sources":["use-tree.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,aAAa,EACb,YAAY,EACZ,iBAAiB,EAEjB,UAAU,EACX,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,eAAO,MAAM,IAAI;IACf;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;CAEJ,CAAC;AAEF,QAAA,MAAM,OAAO;;;kCA8SsB,iBAAiB,cAAc,KAAK,GAAG,MAAM;;;;;;sCA9O1C,YAAY,UAAe,MAAM;;;;;;;;;;;uBAf/C,YAAY,UAAU,UAAU;;;;0BAoF7B,YAAY;;;;;kCArED,YAAY,UAAe,MAAM;sBAqE5C,YAAY;;;;;;;;;;CAiQtC,CAAC;AAEF,eAAe,OAAO,CAAC"}

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,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/cjs/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/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,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/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"}