@sheinx/hooks 3.0.0-alpha.1

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

@@ -0,0 +1,105 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("../../utils");
+var _useForkRef = _interopRequireDefault(require("../../common/use-fork-ref"));
+var _excluded = ["onClick", "onChange", "onBlur", "value", "disabled", "onFocus", "textareaRef", "rootRef"];
+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; }
+// 状态 focused height
+// 结构 wrapper textarea
+// 逻辑
+//  1. 点击聚焦
+var useTextarea = function useTextarea(props) {
+  var onClick = props.onClick,
+    onChange = props.onChange,
+    onBlur = props.onBlur,
+    value = props.value,
+    disabled = props.disabled,
+    onFocus = props.onFocus,
+    textareaRef = props.textareaRef,
+    rootRef = props.rootRef,
+    propsToForward = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _React$useState = _react.default.useState(false),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    focused = _React$useState2[0],
+    setFocused = _React$useState2[1];
+  var textRef = _react.default.useRef(null);
+  var handleClick = function handleClick(otherHandlers) {
+    return function (event) {
+      var _otherHandlers$onClic;
+      if (textRef.current) {
+        textRef.current.focus();
+      }
+      (_otherHandlers$onClic = otherHandlers.onClick) === null || _otherHandlers$onClic === void 0 ? void 0 : _otherHandlers$onClic.call(otherHandlers, event);
+    };
+  };
+  var getRootProps = function getRootProps() {
+    var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var externalEventHandlers = _objectSpread({
+      onClick: onClick
+    }, (0, _utils.extractEventHandlers)(externalProps));
+    return _objectSpread(_objectSpread(_objectSpread({}, externalProps), externalEventHandlers), {}, {
+      onClick: handleClick(externalEventHandlers),
+      ref: rootRef
+    });
+  };
+  var handleBlur = function handleBlur(otherHandlers) {
+    return function (event) {
+      var _otherHandlers$onBlur;
+      (_otherHandlers$onBlur = otherHandlers.onBlur) === null || _otherHandlers$onBlur === void 0 ? void 0 : _otherHandlers$onBlur.call(otherHandlers, event);
+      setFocused(false);
+    };
+  };
+  var handleFocus = function handleFocus(otherHandlers) {
+    return function (event) {
+      var _otherHandlers$onFocu;
+      (_otherHandlers$onFocu = otherHandlers.onFocus) === null || _otherHandlers$onFocu === void 0 ? void 0 : _otherHandlers$onFocu.call(otherHandlers, event);
+      setFocused(true);
+    };
+  };
+  var handleChange = function handleChange(otherHandlers) {
+    return function (event) {
+      var _otherHandlers$onChan;
+      (_otherHandlers$onChan = otherHandlers.onChange) === null || _otherHandlers$onChan === void 0 ? void 0 : _otherHandlers$onChan.call(otherHandlers, event);
+      onChange === null || onChange === void 0 ? void 0 : onChange(event.target.value);
+    };
+  };
+  var handleInputRef = (0, _useForkRef.default)(textRef, textareaRef);
+  var getTextAreaProps = function getTextAreaProps() {
+    var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var externalEventHandlers = _objectSpread({
+      onBlur: onBlur,
+      onFocus: onFocus
+    }, (0, _utils.extractEventHandlers)(externalProps));
+    var mergedEventHandlers = _objectSpread(_objectSpread(_objectSpread({}, propsToForward), externalProps), {}, {
+      disabled: disabled,
+      onFocus: handleFocus(externalEventHandlers),
+      onBlur: handleBlur(externalEventHandlers),
+      onChange: handleChange(externalEventHandlers)
+    });
+    return _objectSpread(_objectSpread({}, mergedEventHandlers), {}, {
+      ref: handleInputRef,
+      value: value
+    });
+  };
+  return {
+    focused: focused,
+    disabled: disabled,
+    getRootProps: getRootProps,
+    getTextAreaProps: getTextAreaProps
+  };
+};
+var _default = useTextarea;
+exports.default = _default;

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

@@ -0,0 +1,30 @@
+import React from 'react';
+export interface TextAreaPropsOwn {
+    /**
+     * The default value. Use when the component is not controlled.
+     */
+    value?: string;
+    onChange?: (value: string) => void;
+    onBlur?: React.FocusEventHandler;
+    onFocus?: React.FocusEventHandler;
+    onClick?: React.MouseEventHandler;
+    disabled?: boolean;
+    textareaRef?: React.Ref<HTMLTextAreaElement>;
+    rootRef?: React.Ref<HTMLElement>;
+}
+export interface BaseTextareaProps extends TextAreaPropsOwn, Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, keyof TextAreaPropsOwn | 'size' | 'prefix' | 'onError'> {
+}
+export interface UseTextareaRootSlotOwnProps {
+    onClick?: React.MouseEventHandler;
+}
+export declare type UseTextareaRootSlotProps<TOther = Record<string, unknown>> = Omit<TOther, keyof UseTextareaRootSlotOwnProps | 'onBlur' | 'onChange' | 'onFocus'> & UseTextareaRootSlotOwnProps;
+export declare type UseTextareaSlotOwnProps = {
+    onFocus: React.FocusEventHandler;
+    onBlur: React.FocusEventHandler;
+    onChange: React.ChangeEventHandler<HTMLTextAreaElement>;
+    disabled?: boolean;
+    ref: React.Ref<HTMLTextAreaElement>;
+    value: any;
+};
+export declare type UseTextareaSlotProps<TOther = Record<string, unknown>> = Omit<TOther, keyof UseTextareaSlotOwnProps> & UseTextareaSlotOwnProps;
+//# sourceMappingURL=use-textarea.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-textarea.type.d.ts","sourceRoot":"","sources":["use-textarea.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,iBACf,SAAQ,gBAAgB,EACtB,IAAI,CACF,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CACvD;CAAG;AAER,MAAM,WAAW,2BAA2B;IAC1C,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;CACnC;AAED,oBAAY,wBAAwB,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,IAAI,CAC3E,MAAM,EAEN,MAAM,2BAA2B,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CACtE,GACC,2BAA2B,CAAC;AAE9B,oBAAY,uBAAuB,GAAG;IACpC,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IACpC,KAAK,EAAE,GAAG,CAAC;CACZ,CAAC;AAEF,oBAAY,oBAAoB,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,IAAI,CACvE,MAAM,EACN,MAAM,uBAAuB,CAC9B,GACC,uBAAuB,CAAC"}

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

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

package/cjs/components/use-transfer/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as useTransfer } from './use-transfer';
+export type { BaseTransferProps, TransferListType } from './use-transfer.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/components/use-transfer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/cjs/components/use-transfer/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 _useTransfer.default;
+  }
+});
+Object.defineProperty(exports, "useTransfer", {
+  enumerable: true,
+  get: function get() {
+    return _useTransfer.default;
+  }
+});
+var _useTransfer = _interopRequireDefault(require("./use-transfer"));

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

@@ -0,0 +1,94 @@
+import { KeygenResult } from '../../common/type';
+import { BaseTransferProps, TransferListType } from './use-transfer.type';
+declare const useTransfer: <DataItem, Value extends KeygenResult[]>(props: BaseTransferProps<DataItem, Value>) => {
+    value: Value | undefined;
+    source: DataItem[];
+    target: DataItem[];
+    datum: {
+        add: (data: DataItem | DataItem[], config?: {
+            unshift?: boolean | undefined;
+            overwrite?: boolean | undefined;
+            childrenKey?: string | undefined;
+            ignoreChange?: boolean | undefined;
+        }) => void;
+        remove: (data: import("../../common/use-list-select").UnMatchedData | DataItem | (import("../../common/use-list-select").UnMatchedData | DataItem)[], config?: {
+            childrenKey?: string | undefined;
+        }) => void;
+        removeAll: () => void;
+        check: (raw: DataItem) => boolean;
+        format: (data: DataItem) => Value[number];
+        getVaildData: () => DataItem[];
+        getValueMap: () => Map<Value[number], boolean>;
+        getDataByValues: (values: Value[number][], info?: {
+            childrenKey?: string | undefined;
+        }) => (DataItem | {
+            IS_NOT_MATCHED_VALUE: boolean;
+            value: Value[number];
+        })[];
+        isUnMatchedData: (data: any) => data is import("../../common/use-list-select").UnMatchedData;
+        disabledCheck: (data: DataItem) => boolean;
+        getCheckedStatus: (childrenKey?: string | undefined) => boolean | "indeterminate";
+        data: DataItem[];
+    };
+    sourceDatum: {
+        add: (data: DataItem | DataItem[], config?: {
+            unshift?: boolean | undefined;
+            overwrite?: boolean | undefined;
+            childrenKey?: string | undefined;
+            ignoreChange?: boolean | undefined;
+        }) => void;
+        remove: (data: import("../../common/use-list-select").UnMatchedData | DataItem | (import("../../common/use-list-select").UnMatchedData | DataItem)[], config?: {
+            childrenKey?: string | undefined;
+        }) => void;
+        removeAll: () => void;
+        check: (raw: DataItem) => boolean;
+        format: (data: DataItem) => KeygenResult;
+        getVaildData: () => DataItem[];
+        getValueMap: () => Map<KeygenResult, boolean>;
+        getDataByValues: (values: KeygenResult[], info?: {
+            childrenKey?: string | undefined;
+        }) => (DataItem | {
+            IS_NOT_MATCHED_VALUE: boolean;
+            value: KeygenResult;
+        })[];
+        isUnMatchedData: (data: any) => data is import("../../common/use-list-select").UnMatchedData;
+        disabledCheck: (data: DataItem) => boolean;
+        getCheckedStatus: (childrenKey?: string | undefined) => boolean | "indeterminate";
+        data: DataItem[];
+    };
+    targetDatum: {
+        add: (data: DataItem | DataItem[], config?: {
+            unshift?: boolean | undefined;
+            overwrite?: boolean | undefined;
+            childrenKey?: string | undefined;
+            ignoreChange?: boolean | undefined;
+        }) => void;
+        remove: (data: import("../../common/use-list-select").UnMatchedData | DataItem | (import("../../common/use-list-select").UnMatchedData | DataItem)[], config?: {
+            childrenKey?: string | undefined;
+        }) => void;
+        removeAll: () => void;
+        check: (raw: DataItem) => boolean;
+        format: (data: DataItem) => KeygenResult;
+        getVaildData: () => DataItem[];
+        getValueMap: () => Map<KeygenResult, boolean>;
+        getDataByValues: (values: KeygenResult[], info?: {
+            childrenKey?: string | undefined;
+        }) => (DataItem | {
+            IS_NOT_MATCHED_VALUE: boolean;
+            value: KeygenResult;
+        })[];
+        isUnMatchedData: (data: any) => data is import("../../common/use-list-select").UnMatchedData;
+        disabledCheck: (data: DataItem) => boolean;
+        getCheckedStatus: (childrenKey?: string | undefined) => boolean | "indeterminate";
+        data: DataItem[];
+    };
+    selectedKeys: KeygenResult[] | undefined;
+    filterSourceText: string;
+    filterTargetText: string;
+    sourceSelectedKeys: KeygenResult[];
+    targetSelectedKeys: KeygenResult[];
+    onSelectChange: ((sourceKeys: KeygenResult[], targetKeys?: KeygenResult[] | undefined) => void) | ((selectKeys: KeygenResult[]) => void);
+    onFilter: (text: string, listType: TransferListType) => void;
+};
+export default useTransfer;
+//# sourceMappingURL=use-transfer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-transfer.d.ts","sourceRoot":"","sources":["use-transfer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAqHa,MAAM,YAAY,gBAAgB;CAsB/D,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,162 @@
+"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.iterator.js");
+require("core-js/modules/es.map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.array.concat.js");
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _utils = require("../../utils");
+var _useInputAble3 = require("../../common/use-input-able");
+var _useListSelect = require("../../common/use-list-select");
+var useTransfer = function useTransfer(props) {
+  var data = props.data,
+    keygen = props.keygen,
+    simple = props.simple,
+    format = props.format,
+    disabled = props.disabled,
+    prediction = props.prediction,
+    selectValue = props.selectedKeys,
+    defaultSelectValue = props.defaultSelectedKeys,
+    valueProp = props.value,
+    defaultValue = props.defaultValue,
+    valueControl = props.valueControl,
+    selectControl = props.selectControl,
+    beforeChange = props.beforeChange,
+    onChangeProp = props.onChange,
+    onSearch = props.onSearch,
+    onSelectChangeProp = props.onSelectChange;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    filterSourceText = _useState2[0],
+    setFilterSourceText = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    filterTargetText = _useState4[0],
+    setFilterTargetText = _useState4[1];
+  var _useInputAble = (0, _useInputAble3.useInputAble)({
+      value: selectValue,
+      defaultValue: defaultSelectValue,
+      control: selectControl,
+      beforeChange: undefined,
+      onChange: onSelectChangeProp
+    }),
+    selectedKeys = _useInputAble.value,
+    onSelectChange = _useInputAble.onChange;
+  var _useInputAble2 = (0, _useInputAble3.useInputAble)({
+      value: valueProp,
+      defaultValue: defaultValue,
+      control: valueControl,
+      beforeChange: beforeChange,
+      onChange: onChangeProp
+    }),
+    value = _useInputAble2.value,
+    onChange = _useInputAble2.onChange;
+  var datum = (0, _useListSelect.useListSelectMultiple)({
+    data: data,
+    format: format,
+    value: value,
+    prediction: prediction,
+    onChange: onChange
+  });
+  var _useMemo = (0, _react.useMemo)(function () {
+      var source = [];
+      var target = [];
+      var selectMap = new Map();
+      var sourceSelectedKeys = [];
+      var targetSelectedKeys = [];
+      selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.forEach(function (key) {
+        selectMap.set(key, true);
+      });
+      data.forEach(function (item) {
+        var key = (0, _utils.getKey)(keygen, item);
+        var isChecked = datum.check(item);
+        var list = isChecked ? target : source;
+        if (!simple) {
+          var selected = isChecked ? targetSelectedKeys : sourceSelectedKeys;
+          if (selectMap !== null && selectMap !== void 0 && selectMap.get(key)) selected.push(key);
+        }
+        list.push(item);
+      });
+      return {
+        target: target,
+        source: source,
+        sourceSelectedKeys: sourceSelectedKeys,
+        targetSelectedKeys: targetSelectedKeys
+      };
+    }, [data, value, selectedKeys]),
+    source = _useMemo.source,
+    target = _useMemo.target,
+    sourceSelectedKeys = _useMemo.sourceSelectedKeys,
+    targetSelectedKeys = _useMemo.targetSelectedKeys;
+  var getKeygen = function getKeygen() {
+    if (typeof keygen === 'boolean') return function (item) {
+      return item;
+    };
+    return keygen;
+  };
+  var handleSourceSelectedChange = function handleSourceSelectedChange(value) {
+    if (selectControl) {
+      // 受控情况下整合工作交给用户处理
+      onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(value, targetSelectedKeys);
+    } else {
+      // 非受控内部直接整合 source target
+      var next = [].concat((0, _toConsumableArray2.default)(value), (0, _toConsumableArray2.default)(targetSelectedKeys));
+      onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(next);
+    }
+  };
+  var handleTargetSelectedChange = function handleTargetSelectedChange(value) {
+    if (selectControl) {
+      // 受控情况下整合工作交给用户处理
+      onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(sourceSelectedKeys, value);
+    } else {
+      // 非受控内部直接整合 source target
+      var next = [].concat((0, _toConsumableArray2.default)(sourceSelectedKeys), (0, _toConsumableArray2.default)(value));
+      onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(next);
+    }
+  };
+  var sourceDatum = (0, _useListSelect.useListSelectMultiple)({
+    value: sourceSelectedKeys,
+    data: source,
+    disabled: disabled,
+    format: getKeygen(),
+    onChange: handleSourceSelectedChange
+  });
+  var targetDatum = (0, _useListSelect.useListSelectMultiple)({
+    value: targetSelectedKeys,
+    data: target,
+    disabled: disabled,
+    format: getKeygen(),
+    onChange: handleTargetSelectedChange
+  });
+  var handleFilter = function handleFilter(text, listType) {
+    var isSource = listType === 'source';
+    var setFilterText = isSource ? setFilterSourceText : setFilterTargetText;
+    if (onSearch) onSearch(text, isSource);
+    setFilterText(text);
+  };
+  return {
+    value: value,
+    source: source,
+    target: target,
+    datum: datum,
+    sourceDatum: sourceDatum,
+    targetDatum: targetDatum,
+    selectedKeys: selectedKeys,
+    filterSourceText: filterSourceText,
+    filterTargetText: filterTargetText,
+    sourceSelectedKeys: sourceSelectedKeys,
+    targetSelectedKeys: targetSelectedKeys,
+    onSelectChange: onSelectChange,
+    onFilter: handleFilter
+  };
+};
+var _default = useTransfer;
+exports.default = _default;

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

@@ -0,0 +1,31 @@
+import { KeygenResult, KeygenType, ObjectKey } from '../../common/type';
+export declare type TransferListType = 'source' | 'target';
+export interface TransferInfo<DataItem> {
+    data: DataItem[];
+    validKeys: KeygenResult[];
+    selectedKeys: Map<KeygenResult, boolean>;
+    disabledKeys: KeygenResult[];
+}
+export interface BaseTransferProps<DataItem, Value extends KeygenResult[]> {
+    data: DataItem[];
+    selectedKeys?: KeygenResult[];
+    defaultSelectedKeys?: KeygenResult[];
+    value?: Value;
+    defaultValue?: Value;
+    format?: ((data: DataItem) => Value[number]) | ObjectKey<DataItem>;
+    keygen?: KeygenType<DataItem>;
+    simple?: boolean;
+    disabled?: boolean | ((data: DataItem) => boolean);
+    valueControl: boolean;
+    selectControl: boolean;
+    prediction?: (value: Value[number], Data: DataItem) => boolean;
+    beforeChange?: (value: Value) => any;
+    onChange?: (value: Value, currentData: DataItem[] | DataItem, isTarget: boolean) => void;
+    onFilter?: (text: string, data: DataItem, isSource: boolean) => boolean;
+    onSearch?: (text: string, isSource: boolean) => void;
+    /**
+     * ((value: KeygenResult) => void) 这种为内部非受控情况下的类型，非受控内部直接整合 target source
+     */
+    onSelectChange?: ((sourceKeys: KeygenResult[], targetKeys?: KeygenResult[]) => void) | ((selectKeys: KeygenResult[]) => void);
+}
+//# sourceMappingURL=use-transfer.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-transfer.type.d.ts","sourceRoot":"","sources":["use-transfer.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAExE,oBAAY,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEnD,MAAM,WAAW,YAAY,CAAC,QAAQ;IACpC,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,YAAY,EAAE,GAAG,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;IACzC,YAAY,EAAE,YAAY,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,iBAAiB,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE;IACvE,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,mBAAmB,CAAC,EAAE,YAAY,EAAE,CAAC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IACnE,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IACnD,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IAC/D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC;IACxE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD;;OAEG;IACH,cAAc,CAAC,EACX,CAAC,CAAC,UAAU,EAAE,YAAY,EAAE,EAAE,UAAU,CAAC,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC,GACnE,CAAC,CAAC,UAAU,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC,CAAC;CAC5C"}

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

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

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

@@ -0,0 +1,6 @@
+export { default, default as useTree } from './use-tree';
+export type { BaseTreeProps, UpdateFunc, TreePathType } from './use-tree.type';
+export { default as useTreeNode } from './use-tree-node';
+export type { BaseTreeNodeProps, UpdateType } from './use-tree-node.type';
+export { default as usePlacement } from './use-placement';
+//# sourceMappingURL=index.d.ts.map

package/cjs/components/use-tree/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,OAAO,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAE1E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,33 @@
+"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 _useTree.default;
+  }
+});
+Object.defineProperty(exports, "usePlacement", {
+  enumerable: true,
+  get: function get() {
+    return _usePlacement.default;
+  }
+});
+Object.defineProperty(exports, "useTree", {
+  enumerable: true,
+  get: function get() {
+    return _useTree.default;
+  }
+});
+Object.defineProperty(exports, "useTreeNode", {
+  enumerable: true,
+  get: function get() {
+    return _useTreeNode.default;
+  }
+});
+var _useTree = _interopRequireDefault(require("./use-tree"));
+var _useTreeNode = _interopRequireDefault(require("./use-tree-node"));
+var _usePlacement = _interopRequireDefault(require("./use-placement"));

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

@@ -0,0 +1,6 @@
+declare const usePlacement: () => {
+    placeElement: HTMLDivElement;
+    innerPlaceElement: HTMLDivElement;
+};
+export default usePlacement;
+//# sourceMappingURL=use-placement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-placement.d.ts","sourceRoot":"","sources":["use-placement.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,YAAY;;;CAYjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var placeElement = document.createElement('div');
+// placeElement.className = treeClass('drag-place')
+var innerPlaceElement = document.createElement('div');
+placeElement.appendChild(innerPlaceElement);
+var usePlacement = function usePlacement() {
+  // const { className = 'placement' } = props;
+  // const { current: placeElement } = useRef(document.createElement('div'));
+  // const { current: innerPlaceElement } = useRef(document.createElement('div'));
+
+  // placeElement.className = className;
+  // placeElement.appendChild(innerPlaceElement);
+  // console.log('ddd');
+  return {
+    placeElement: placeElement,
+    innerPlaceElement: innerPlaceElement
+  };
+};
+var _default = usePlacement;
+exports.default = _default;

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

@@ -0,0 +1,4 @@
+export interface UsePlacementProps {
+    className?: string;
+}
+//# sourceMappingURL=use-placement.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-placement.type.d.ts","sourceRoot":"","sources":["use-placement.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/cjs/components/use-tree/use-placement.type.js

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

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

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

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

@@ -0,0 +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"}