@sheinx/base 3.0.0-alpha.1

package/esm/transfer/transfer-list.js

@@ -0,0 +1,204 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("@sheinx/hooks");
+var _config = require("../config");
+var _transferListItem = _interopRequireDefault(require("./transfer-list-item"));
+var _transferListHeader = _interopRequireDefault(require("./transfer-list-header"));
+var _empty = _interopRequireDefault(require("../empty"));
+var _input = _interopRequireDefault(require("../input"));
+var _spin = _interopRequireDefault(require("../spin"));
+var _virtualScrollList = _interopRequireDefault(require("../virtual-scroll/virtual-scroll-list"));
+var _jsxRuntime = require("react/jsx-runtime");
+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 TransferList = function TransferList(props) {
+  var _jssStyle$transfer, _classNames;
+  var jssStyle = props.jssStyle,
+    datum = props.datum,
+    listDatum = props.listDatum,
+    data = props.data,
+    size = props.size,
+    value = props.value,
+    renderItemProp = props.renderItem,
+    keygen = props.keygen,
+    loading = props.loading,
+    listStyle = props.listStyle,
+    listClassName = props.listClassName,
+    _props$listHeight = props.listHeight,
+    listHeight = _props$listHeight === void 0 ? 180 : _props$listHeight,
+    lineHeightProp = props.lineHeight,
+    listType = props.listType,
+    _props$rowsInView = props.rowsInView,
+    rowsInView = _props$rowsInView === void 0 ? 20 : _props$rowsInView,
+    _props$colNum = props.colNum,
+    colNum = _props$colNum === void 0 ? 1 : _props$colNum,
+    empty = props.empty,
+    title = props.title,
+    footer = props.footer,
+    itemClass = props.itemClass,
+    filterText = props.filterText,
+    simple = props.simple,
+    disabled = props.disabled,
+    selectedKeys = props.selectedKeys,
+    renderFilterProp = props.renderFilter,
+    searchPlaceholder = props.searchPlaceholder,
+    customRender = props.customRender,
+    onFilter = props.onFilter,
+    onSelectChange = props.onSelectChange;
+  var _useConfig = (0, _config.useConfig)(),
+    locale = _useConfig.locale;
+  var styles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$transfer = jssStyle.transfer) === null || _jssStyle$transfer === void 0 ? void 0 : _jssStyle$transfer.call(jssStyle)) || {};
+  var rootClass = (0, _classnames.default)(styles.view, (_classNames = {}, (0, _defineProperty2.default)(_classNames, styles.source, listType === 'source'), (0, _defineProperty2.default)(_classNames, styles.target, listType === 'target'), _classNames));
+  var listClass = (0, _classnames.default)(styles.list, listClassName);
+  var getLineHeight = function getLineHeight() {
+    if (lineHeightProp) {
+      return lineHeightProp;
+    }
+    if (size === 'small') {
+      return 32;
+    }
+    if (size === 'large') {
+      return 36;
+    }
+    return 34;
+  };
+  var lineHeight = getLineHeight();
+  var handleFilter = function handleFilter(v) {
+    onFilter === null || onFilter === void 0 ? void 0 : onFilter(v, listType);
+  };
+  var renderHeader = function renderHeader() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_transferListHeader.default, {
+      jssStyle: jssStyle,
+      keygen: keygen,
+      title: title,
+      datum: datum,
+      size: size,
+      data: data,
+      loading: loading,
+      value: value,
+      listDatum: listDatum,
+      listType: listType,
+      simple: simple
+    });
+  };
+  var renderFilter = function renderFilter() {
+    if (renderFilterProp) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: styles.input,
+        children: renderFilterProp({
+          text: filterText,
+          disabled: disabled === true,
+          onFilter: handleFilter,
+          placeholder: (0, _config.getLocale)(locale, 'search'),
+          isSrouce: listType === 'source'
+        })
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: styles.input,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, {
+        clearable: true,
+        jssStyle: jssStyle,
+        delay: 400,
+        value: filterText,
+        onChange: handleFilter,
+        placeholder: searchPlaceholder || (0, _config.getLocale)(locale, 'search')
+        // suffix={Icons.Search}
+      })
+    });
+  };
+
+  var renderEmpty = function renderEmpty() {
+    if (!empty) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: styles.empty,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_empty.default, {
+          jssStyle: jssStyle
+        })
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: styles.empty,
+      children: empty
+    });
+  };
+  var renderItem = function renderItem(item, index, key) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_transferListItem.default, {
+      jssStyle: jssStyle,
+      size: size,
+      data: item,
+      datum: datum,
+      listDatum: listDatum,
+      simple: simple,
+      itemClass: itemClass,
+      listType: listType,
+      keygen: keygen,
+      lineHeight: lineHeight,
+      renderItem: renderItemProp,
+      disabled: datum.disabledCheck(item)
+    }, key);
+  };
+  var renderList = function renderList() {
+    if (_hooks.util.isFunc(customRender)) {
+      var custom = customRender({
+        direction: listType === 'source' ? 'left' : 'right',
+        listType: listType,
+        selectedKeys: selectedKeys,
+        value: value,
+        onSelected: onSelectChange
+      });
+      if (custom) return custom;
+    }
+    if (data && data.length === 0) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: listClass,
+        style: _objectSpread(_objectSpread({}, listStyle), {}, {
+          height: listHeight
+        }),
+        children: renderEmpty()
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_virtualScrollList.default, {
+      className: listClass,
+      data: data,
+      colNum: colNum,
+      keygen: keygen,
+      style: listStyle,
+      lineHeight: getLineHeight(),
+      height: listHeight,
+      rowsInView: rowsInView,
+      renderItem: renderItem
+    });
+  };
+  var renderFooter = function renderFooter() {
+    if (!footer) {
+      return null;
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: styles.footer,
+      children: footer
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: rootClass,
+    children: [renderHeader(), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_spin.default, {
+      jssStyle: jssStyle,
+      name: "ring",
+      loading: loading,
+      size: 24,
+      children: [onFilter && renderFilter(), renderList(), renderFooter()]
+    })]
+  });
+};
+var _default = TransferList;
+exports.default = _default;

package/esm/transfer/transfer-list.type.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+import { CommonType } from '../common/type';
+import { KeygenResult, ObjectKey, KeygenType, TransferListType } from '@sheinx/hooks';
+import { JssStyleType, ListDatum, FilterProps, CustomRenderProps } from './transfer.type';
+export interface ListInfo<DataItem> {
+    data: DataItem[];
+    validKeys: KeygenResult[];
+    disabledKeys: KeygenResult[];
+    selectedKeys: Map<KeygenResult, boolean>;
+}
+export interface TransferListProps<DataItem, Value extends KeygenResult[]> extends Pick<CommonType, 'size'> {
+    jssStyle: JssStyleType;
+    data: DataItem[];
+    value: Value;
+    renderItem: ObjectKey<DataItem> | ((data: DataItem) => React.ReactNode);
+    listHeight?: number;
+    lineHeight?: number;
+    listClassName?: string;
+    listStyle?: React.CSSProperties;
+    rowsInView?: number;
+    keygen?: KeygenType<DataItem>;
+    datum: ListDatum<DataItem, Value>;
+    listDatum: ListDatum<DataItem, Value>;
+    listType: TransferListType;
+    colNum?: number;
+    empty?: React.ReactNode;
+    filterText?: string;
+    simple?: boolean;
+    title?: React.ReactNode;
+    footer?: React.ReactNode;
+    loading?: boolean;
+    reset?: () => void;
+    itemClass?: string;
+    searchPlaceholder?: string;
+    selectedKeys?: KeygenResult[];
+    disabled?: boolean | ((data: DataItem) => boolean);
+    renderFilter?: (filterProps: FilterProps) => React.ReactNode;
+    customRender?: (props: CustomRenderProps<Value>) => React.ReactNode;
+    onFilter?: (text: string, listType: TransferListType) => void;
+    onSelectChange: ((sourceKeys: KeygenResult[], targetKeys?: KeygenResult[]) => void) | ((selectKeys: KeygenResult[]) => void);
+}
+//# sourceMappingURL=transfer-list.type.d.ts.map

package/esm/transfer/transfer-list.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer-list.type.d.ts","sourceRoot":"","sources":["transfer-list.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAE1F,MAAM,WAAW,QAAQ,CAAC,QAAQ;IAChC,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,YAAY,EAAE,YAAY,EAAE,CAAC;IAE7B,YAAY,EAAE,GAAG,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,iBAAiB,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE,CACvE,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IAChC,QAAQ,EAAE,YAAY,CAAC;IACvB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,KAAK,EAAE,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAClC,SAAS,EAAE,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACtC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IACnD,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACpE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9D,cAAc,EACV,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/esm/transfer/transfer-list.type.js

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

package/esm/transfer/transfer-operate.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { KeygenResult } from '@sheinx/hooks';
+import { TransferOperateProps } from './transfer-operate.type';
+declare const TransferOperate: <DataItem, Value extends KeygenResult[]>(props: TransferOperateProps<DataItem, Value>) => JSX.Element;
+export default TransferOperate;
+//# sourceMappingURL=transfer-operate.d.ts.map

package/esm/transfer/transfer-operate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer-operate.d.ts","sourceRoot":"","sources":["transfer-operate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAG/D,QAAA,MAAM,eAAe,uGAuCpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/transfer/transfer-operate.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/es.array.filter.js");
+var _button = _interopRequireDefault(require("../button"));
+var _jsxRuntime = require("react/jsx-runtime");
+var TransferOperate = function TransferOperate(props) {
+  var jssStyle = props.jssStyle,
+    className = props.className,
+    size = props.size,
+    listType = props.listType,
+    datum = props.datum,
+    listDatum = props.listDatum,
+    operation = props.operation,
+    children = props.children,
+    value = props.value;
+  var handleChange = function handleChange() {
+    var isToTarget = listType === 'source';
+    var currentData = listDatum.getDataByValues(value).filter(function (item) {
+      return !listDatum.disabledCheck(item);
+    });
+    if (isToTarget) {
+      datum.add(currentData);
+    } else {
+      datum.remove(currentData);
+    }
+    listDatum.remove(currentData);
+  };
+  var disabled = listDatum.getValueMap().size === 0 || listDatum.getVaildData().length === 0;
+  var style = operation ? {
+    width: '100%'
+  } : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_button.default, {
+      size: size,
+      disabled: disabled,
+      className: className,
+      jssStyle: jssStyle,
+      style: style,
+      shape: operation ? undefined : 'square',
+      onClick: handleChange,
+      children: [operation, children]
+    })
+  });
+};
+var _default = TransferOperate;
+exports.default = _default;

package/esm/transfer/transfer-operate.type.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { CommonType } from '../common/type';
+import { KeygenResult, TransferListType } from '@sheinx/hooks';
+import { JssStyleType, ListDatum } from './transfer.type';
+export interface TransferOperateProps<DataItem, Value extends KeygenResult[]> extends Pick<CommonType, 'size'> {
+    jssStyle: JssStyleType;
+    listType: TransferListType;
+    datum: ListDatum<DataItem, Value>;
+    listDatum: ListDatum<DataItem, Value>;
+    children?: React.ReactNode;
+    className?: string;
+    value: KeygenResult[];
+    operation?: React.ReactNode;
+}
+//# sourceMappingURL=transfer-operate.type.d.ts.map

package/esm/transfer/transfer-operate.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer-operate.type.d.ts","sourceRoot":"","sources":["transfer-operate.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE1D,MAAM,WAAW,oBAAoB,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE,CAC1E,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IAChC,QAAQ,EAAE,YAAY,CAAC;IACvB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,EAAE,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAClC,SAAS,EAAE,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B"}

package/esm/transfer/transfer-operate.type.js

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

package/esm/transfer/transfer.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { TransferProps } from './transfer.type';
+import { KeygenResult } from '@sheinx/hooks';
+declare const Transfer: <DataItem, Value extends KeygenResult[]>(props: TransferProps<DataItem, Value>) => JSX.Element;
+export default Transfer;
+//# sourceMappingURL=transfer.d.ts.map

package/esm/transfer/transfer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAmB,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAiC,YAAY,EAAQ,MAAM,eAAe,CAAC;AAKlF,QAAA,MAAM,QAAQ,gGAoLb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/transfer/transfer.js

@@ -0,0 +1,178 @@
+"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.filter.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("@sheinx/hooks");
+var _transferList = _interopRequireDefault(require("./transfer-list"));
+var _transferOperate = _interopRequireDefault(require("./transfer-operate"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _jsxRuntime = require("react/jsx-runtime");
+var Transfer = function Transfer(props) {
+  var _jssStyle$transfer, _classNames;
+  var jssStyle = props.jssStyle,
+    className = props.className,
+    style = props.style,
+    data = props.data,
+    value = props.value,
+    defaultValue = props.defaultValue,
+    defaultSelectedKeys = props.defaultSelectedKeys,
+    keygen = props.keygen,
+    empty = props.empty,
+    size = props.size,
+    simple = props.simple,
+    titles = props.titles,
+    footers = props.footers,
+    disabled = props.disabled,
+    itemClass = props.itemClass,
+    operations = props.operations,
+    lineHeight = props.lineHeight,
+    loading = props.loading,
+    rowsInView = props.rowsInView,
+    listStyle = props.listStyle,
+    listClassName = props.listClassName,
+    format = props.format,
+    children = props.children,
+    prediction = props.prediction,
+    selectedKeys = props.selectedKeys,
+    _props$listHeight = props.listHeight,
+    listHeight = _props$listHeight === void 0 ? 186 : _props$listHeight,
+    _props$operationIcon = props.operationIcon,
+    operationIcon = _props$operationIcon === void 0 ? true : _props$operationIcon,
+    searchPlaceholder = props.searchPlaceholder,
+    beforeChange = props.beforeChange,
+    renderFilter = props.renderFilter,
+    onSearch = props.onSearch,
+    _props$renderItem = props.renderItem,
+    renderItem = _props$renderItem === void 0 ? function (item) {
+      return item;
+    } : _props$renderItem,
+    onFilterProp = props.onFilter,
+    onChangeProp = props.onChange,
+    onSelectChangeProp = props.onSelectChange;
+  var _useTransfer = (0, _hooks.useTransfer)({
+      data: data,
+      keygen: keygen,
+      value: value,
+      defaultValue: defaultValue,
+      defaultSelectedKeys: defaultSelectedKeys,
+      simple: simple,
+      disabled: disabled,
+      format: format,
+      prediction: prediction,
+      valueControl: 'value' in props,
+      selectControl: 'selectedKeys' in props,
+      selectedKeys: selectedKeys,
+      beforeChange: beforeChange,
+      onChange: onChangeProp,
+      onFilter: onFilterProp,
+      onSearch: onSearch,
+      onSelectChange: onSelectChangeProp
+    }),
+    source = _useTransfer.source,
+    target = _useTransfer.target,
+    datum = _useTransfer.datum,
+    sourceDatum = _useTransfer.sourceDatum,
+    targetDatum = _useTransfer.targetDatum,
+    filterSourceText = _useTransfer.filterSourceText,
+    filterTargetText = _useTransfer.filterTargetText,
+    sourceSelectedKeys = _useTransfer.sourceSelectedKeys,
+    targetSelectedKeys = _useTransfer.targetSelectedKeys,
+    onFilter = _useTransfer.onFilter,
+    onSelectChange = _useTransfer.onSelectChange;
+  var styles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$transfer = jssStyle.transfer) === null || _jssStyle$transfer === void 0 ? void 0 : _jssStyle$transfer.call(jssStyle)) || {};
+  var rootClass = (0, _classnames.default)(styles.transfer, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, styles.simple, simple), (0, _defineProperty2.default)(_classNames, styles.small, size === 'small'), (0, _defineProperty2.default)(_classNames, styles.large, size === 'large'), _classNames));
+  var renderOperations = function renderOperations() {
+    var sourceOperation = operations === null || operations === void 0 ? void 0 : operations[0];
+    var targetOperation = operations === null || operations === void 0 ? void 0 : operations[1];
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: styles.operations,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_transferOperate.default, {
+        size: size,
+        listType: "source",
+        jssStyle: jssStyle,
+        className: styles.right,
+        datum: datum,
+        operation: sourceOperation,
+        listDatum: sourceDatum,
+        value: sourceSelectedKeys,
+        children: operationIcon && _icons.default.ArrowRight
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_transferOperate.default, {
+        size: size,
+        listType: "target",
+        jssStyle: jssStyle,
+        className: styles.left,
+        datum: datum,
+        operation: targetOperation,
+        listDatum: targetDatum,
+        value: targetSelectedKeys,
+        children: operationIcon && _icons.default.ArrowLeft
+      })]
+    });
+  };
+  var renderList = function renderList(listType) {
+    var isSource = listType === 'source';
+    var listDatum = isSource ? sourceDatum : targetDatum;
+    var listData = isSource ? source : target;
+    var listValue = isSource ? sourceSelectedKeys : targetSelectedKeys;
+    var title = isSource ? titles === null || titles === void 0 ? void 0 : titles[0] : titles === null || titles === void 0 ? void 0 : titles[1];
+    var footer = isSource ? footers === null || footers === void 0 ? void 0 : footers[0] : footers === null || footers === void 0 ? void 0 : footers[1];
+    var filterText = isSource ? filterSourceText : filterTargetText;
+    var loadingValue = !!(_hooks.util.isArray(loading) ? isSource ? loading[0] : loading[1] : loading);
+    var placeholder = _hooks.util.isArray(searchPlaceholder) ? isSource ? searchPlaceholder[0] : searchPlaceholder[1] : searchPlaceholder;
+    if (filterText && onFilterProp) {
+      listData = listData.filter(function (item) {
+        return onFilterProp(filterText, item, isSource);
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_transferList.default, {
+      jssStyle: jssStyle,
+      size: size,
+      datum: datum,
+      listDatum: listDatum,
+      data: listData,
+      keygen: keygen,
+      empty: empty,
+      title: title,
+      footer: footer,
+      filterText: filterText,
+      listType: listType,
+      loading: loadingValue,
+      rowsInView: rowsInView,
+      renderItem: renderItem,
+      listStyle: listStyle,
+      listClassName: listClassName,
+      listHeight: listHeight,
+      lineHeight: lineHeight,
+      simple: simple,
+      disabled: disabled,
+      value: listValue,
+      selectedKeys: selectedKeys,
+      itemClass: itemClass,
+      customRender: children,
+      searchPlaceholder: placeholder,
+      renderFilter: renderFilter,
+      onFilter: onFilterProp ? onFilter : undefined,
+      onSelectChange: onSelectChange
+    });
+  };
+  var renderSourceList = (0, _react.useMemo)(function () {
+    return renderList('source');
+  }, [source, size, filterSourceText, sourceSelectedKeys]);
+  var renderTargetList = (0, _react.useMemo)(function () {
+    return renderList('target');
+  }, [target, size, filterTargetText, targetSelectedKeys]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: rootClass,
+    style: style,
+    children: [renderSourceList, !simple && renderOperations(), renderTargetList]
+  });
+};
+var _default = Transfer;
+exports.default = _default;

package/esm/transfer/transfer.type.d.ts

@@ -0,0 +1,84 @@
+import { CommonType } from '../common/type';
+import { BaseTransferProps, ObjectKey, KeygenResult, useListSelectMultiple } from '@sheinx/hooks';
+import { ButtonClasses } from '../button/button.type';
+import { CheckboxClasses } from '../checkbox/checkbox.type';
+import { InputClasses } from '../input/input.type';
+import { SpinClasses } from '../spin/spin.type';
+import { EmptyClasses } from '../empty/empty.type';
+import React from 'react';
+export declare type ListDatum<DataItem, Value extends KeygenResult[]> = ReturnType<typeof useListSelectMultiple<DataItem, Value>>;
+export interface TransferClasses {
+    transfer: string;
+    small: string;
+    large: string;
+    simple: string;
+    view: string;
+    source: string;
+    target: string;
+    close: string;
+    removeAll: string;
+    simpleTarget: string;
+    operations: string;
+    input: string;
+    left: string;
+    right: string;
+    header: string;
+    title: string;
+    count: string;
+    list: string;
+    footer: string;
+    item: string;
+    disabled: string;
+    itemWrapper: string;
+    checkbox: string;
+    empty: string;
+}
+export declare type JssStyleType = {
+    transfer: () => TransferClasses;
+    button: () => ButtonClasses;
+    checkbox: () => CheckboxClasses;
+    input: () => InputClasses;
+    spin: () => SpinClasses;
+    empty: () => EmptyClasses;
+};
+export interface FilterProps {
+    text?: string;
+    disabled: boolean;
+    onFilter?: (text: string) => void;
+    placeholder?: string;
+    isSrouce?: boolean;
+}
+export interface CustomRenderProps<Value extends KeygenResult[]> {
+    onSelected: (data: KeygenResult[]) => void;
+    /**
+     * @deprecated 请使用 listType 属性判断是否为源或目标列表
+     */
+    direction: 'left' | 'right';
+    listType: 'source' | 'target';
+    selectedKeys: KeygenResult[];
+    value: Value;
+    filterText?: string;
+}
+export interface TransferProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTransferProps<DataItem, Value>, 'valueControl' | 'selectControl'>, Pick<CommonType, 'size' | 'style' | 'className'> {
+    jssStyle: JssStyleType;
+    selectedKeys?: KeygenResult[];
+    listHeight?: number;
+    lineHeight?: number;
+    renderItem?: ObjectKey<DataItem> | ((data: DataItem) => React.ReactNode);
+    simple?: boolean;
+    itemClass?: string;
+    empty?: React.ReactNode;
+    rowsInView?: number;
+    listClassName?: string;
+    listStyle?: React.CSSProperties;
+    titles?: [React.ReactNode, React.ReactNode];
+    footers?: [React.ReactNode, React.ReactNode];
+    operations?: [React.ReactNode, React.ReactNode];
+    operationIcon?: boolean;
+    loading?: boolean | [boolean, boolean];
+    searchPlaceholder?: string | [string, string];
+    renderFilter?: (filterProps: FilterProps) => React.ReactNode;
+    onFilter?: (text: string, data: DataItem, isSource: boolean) => boolean;
+    children?: (props: CustomRenderProps<Value>) => React.ReactNode;
+}
+//# sourceMappingURL=transfer.type.d.ts.map

package/esm/transfer/transfer.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer.type.d.ts","sourceRoot":"","sources":["transfer.type.ts"],"names":[],"mappings":"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"}

package/esm/transfer/transfer.type.js

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

package/esm/tree/__example__/01-base.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;
+//# sourceMappingURL=01-base.d.ts.map

package/esm/tree/__example__/01-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AAWA,wBAoFE"}