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

package/esm/components/use-descriptions/index.js

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

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

@@ -0,0 +1,6 @@
+import type { BaseDescriptionsProps, DescriptionsItemProps } from './use-descriptions.type';
+declare const useDescriptions: (props: BaseDescriptionsProps) => {
+    renderItem: DescriptionsItemProps[][];
+};
+export default useDescriptions;
+//# sourceMappingURL=use-descriptions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-descriptions.d.ts","sourceRoot":"","sources":["use-descriptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAW5F,QAAA,MAAM,eAAe,UAAW,qBAAqB;;CAwDpD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,77 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/web.dom-collections.for-each.js");
+var _react = require("react");
+var _ = require("../..");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var isObject = _.util.isObject,
+  isNumber = _.util.isNumber,
+  isArray = _.util.isArray;
+var responsiveArray = ['xxxl', 'xxl', 'xl', 'lg', 'md', 'sm', 'xs'];
+var getLengthByRow = function getLengthByRow(arr) {
+  return isArray(arr) ? arr.reduce(function (prev, now) {
+    return prev + (now.span || 1);
+  }, 0) : 0;
+};
+var useDescriptions = function useDescriptions(props) {
+  var items = props.items,
+    column = props.column,
+    valueStyle = props.valueStyle,
+    labelStyle = props.labelStyle;
+  var _useState = (0, _react.useState)(),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    screen = _useState2[0],
+    setScreen = _useState2[1];
+  var responsiveToken = (0, _react.useRef)();
+  var renderItem = [];
+  (0, _react.useEffect)(function () {
+    responsiveToken.current = _.ResponsiveObserve.subscribe(function (screens) {
+      for (var i = 0; i < responsiveArray.length; i++) {
+        var breakPoint = responsiveArray[i];
+        if (screens[breakPoint]) {
+          setScreen(breakPoint);
+          break;
+        }
+      }
+    });
+    return function () {
+      _.ResponsiveObserve.unsubscribe(responsiveToken.current);
+    };
+  }, []);
+  var currentColumn = 3;
+  if (column && isObject(column)) currentColumn = column[screen] || 3;
+  if (column && isNumber(column) && column > 0) currentColumn = column;
+  if (isArray(items) && items.length && currentColumn) {
+    items.forEach(function (d) {
+      var lastRenderItem = renderItem[renderItem.length - 1];
+      var lengthRow = getLengthByRow(lastRenderItem);
+      var span = d.span ? d.span > currentColumn ? currentColumn : d.span : 1;
+      var newItem = _objectSpread(_objectSpread({}, d), {}, {
+        span: span,
+        itemValueStyle: Object.assign({}, valueStyle, d === null || d === void 0 ? void 0 : d.itemValueStyle),
+        itemLabelStyle: Object.assign({}, labelStyle, d === null || d === void 0 ? void 0 : d.itemLabelStyle)
+      });
+      if (lengthRow === 0 || lengthRow === currentColumn) renderItem.push([newItem]);else lastRenderItem.push(_objectSpread(_objectSpread({}, newItem), {}, {
+        span: d.span ? d.span > currentColumn - lengthRow ? currentColumn - lengthRow : d.span : 1
+      }));
+    });
+    var lastRenderItem = renderItem[renderItem.length - 1];
+    var lengthRow = getLengthByRow(lastRenderItem);
+    if (lengthRow < currentColumn) lastRenderItem[lastRenderItem.length - 1].span += currentColumn - lengthRow;
+  }
+  return {
+    renderItem: renderItem
+  };
+};
+var _default = useDescriptions;
+exports.default = _default;

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

@@ -0,0 +1,24 @@
+import React from 'react';
+export interface DescriptionsItemProps {
+    key?: React.Key;
+    label?: React.ReactNode;
+    value?: React.ReactNode;
+    span?: number;
+    itemLabelStyle?: React.CSSProperties;
+    itemValueStyle?: React.CSSProperties;
+}
+export interface BaseDescriptionsProps {
+    items?: DescriptionsItemProps[];
+    labelStyle?: React.CSSProperties;
+    valueStyle?: React.CSSProperties;
+    column?: number | {
+        xs?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        xxl?: number;
+        xxxl?: number;
+    };
+}
+//# sourceMappingURL=use-descriptions.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-descriptions.type.d.ts","sourceRoot":"","sources":["use-descriptions.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,qBAAqB;IACpC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACtC;AACD,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,MAAM,CAAC,EACH,MAAM,GACN;QACE,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACP"}

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

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

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

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

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

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

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

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

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

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

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

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

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