tiny-ui 1.0.2 → 1.0.4

package/lib/transfer/style/index.css

@@ -0,0 +1,83 @@
+.ty-transfer {
+  box-sizing: border-box;
+  font-size: 1rem;
+  color: var(--ty-color-text);
+}
+.ty-transfer__left-arrow {
+  transform: rotate(-90deg);
+}
+.ty-transfer__right-arrow {
+  transform: rotate(90deg);
+}
+.ty-transfer__buttons {
+  display: inline-block;
+  box-sizing: border-box;
+  margin: 0 8px;
+  vertical-align: middle;
+}
+.ty-transfer__buttons .ty-btn {
+  display: block;
+  margin: 3px 0;
+  padding: 3px;
+  min-width: 30px;
+}
+
+.ty-transfer-panel {
+  box-sizing: border-box;
+  display: inline-block;
+  vertical-align: middle;
+  width: 180px;
+  border: 1px solid var(--ty-transfer-border);
+  border-radius: 2px;
+}
+.ty-transfer-panel__header {
+  padding: 8px 12px 9px;
+  color: var(--ty-color-text);
+  background: var(--ty-transfer-header-bg);
+  border-bottom: 1px solid var(--ty-transfer-footer-border);
+  border-radius: 2px 2px 0 0;
+}
+.ty-transfer-panel__body {
+  position: relative;
+  padding: 6px 0;
+}
+.ty-transfer-panel__input-container {
+  padding: 6px 12px 12px;
+}
+.ty-transfer-panel__list-container {
+  height: 192px;
+}
+.ty-transfer-panel__list {
+  display: block;
+  position: relative;
+  height: 100%;
+  overflow-y: auto;
+  margin: 0;
+  list-style: none;
+}
+.ty-transfer-panel__list-item {
+  box-sizing: border-box;
+  padding: 0 12px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  min-height: 32px;
+  display: flex;
+  margin-right: 0;
+  transition: background-color 250ms;
+}
+.ty-transfer-panel__list-item:not(.ty-checkbox_disabled):hover {
+  background-color: var(--ty-transfer-item-hover-bg);
+}
+.ty-transfer-panel__not-found {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 100%;
+}
+.ty-transfer-panel__footer {
+  padding: 8px 12px 9px;
+  border-top: 1px solid var(--ty-transfer-footer-border);
+  background-color: var(--ty-transfer-footer-bg);
+  border-radius: 0 0 2px 2px;
+}

package/lib/transfer/style/index.d.ts

@@ -1,5 +1 @@
-import './index.scss';
-import '../../button/style/index.scss';
-import '../../checkbox/style/index.scss';
-import '../../empty/style/index.scss';
-import '../../input/style/index.scss';
+export { };

package/lib/transfer/style/index.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./index.scss");
-require("../../button/style/index.scss");
-require("../../checkbox/style/index.scss");
-require("../../empty/style/index.scss");
-require("../../input/style/index.scss");
-//# sourceMappingURL=index.js.map
+require("./index.css");
+require("../../input/style/index.css");
+require("../../button/style/index.css");
+require("../../checkbox/style/index.css");
+require("../../empty/style/index.css");

package/lib/transfer/transfer-panel.js

@@ -1,60 +1,98 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
-const checkbox_1 = tslib_1.__importDefault(require("../checkbox/checkbox"));
-const checkbox_group_1 = tslib_1.__importDefault(require("../checkbox/checkbox-group"));
-const empty_1 = tslib_1.__importDefault(require("../empty"));
-const input_1 = tslib_1.__importDefault(require("../input/input"));
-const TransferPanel = react_1.default.forwardRef((props, ref) => {
-    const { dataSource, checkedKeys, title, placeholder, footer, showSearch, className, onChange, renderItem, filterOption, disabled: allDisabled, prefixCls: customisedCls, ...otherProps } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('transfer-panel', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(prefixCls, className);
-    const [query, setQuery] = (0, react_1.useState)('');
-    const getFilteredData = () => {
-        return dataSource.filter((item) => {
-            if (typeof filterOption === 'function') {
-                return filterOption(query, item);
-            }
-            else if (query.trim().length > 0) {
-                const label = item.label;
-                return label.toLowerCase().includes(query.toLowerCase());
-            }
-            else {
-                return true;
-            }
-        });
-    };
-    const filteredData = getFilteredData();
-    const checkableData = filteredData.filter((item) => !item.disabled);
-    const isAllChecked = checkableData.length > 0 && checkedKeys.length === checkableData.length;
-    const isIndeterminate = checkedKeys.length > 0 && checkedKeys.length < checkableData.length;
-    /**
-     * Footer checkbox onChange event
-     */
-    const handleAllCheckedChange = (e) => {
-        const isChecked = e.currentTarget.checked;
-        const checkedKeys = isChecked ? checkableData.map((item) => item.key) : [];
-        onChange(checkedKeys);
-    };
-    const checkedSummary = () => {
-        if (isIndeterminate || isAllChecked) {
-            return `${checkedKeys.length} / ${filteredData.length} checked`;
-        }
-        return `${filteredData.length} items`;
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { ...otherProps, className: cls, ref: ref, children: [title && (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__header`, children: title }), (0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__body`, children: [showSearch && ((0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__input-container`, children: (0, jsx_runtime_1.jsx)(input_1.default, { clearable: true, size: "sm", placeholder: placeholder, value: query, onChange: (e) => {
-                                setQuery(e.currentTarget.value);
-                            }, onClearClick: () => setQuery('') }) })), (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__list-container`, children: filteredData.length > 0 ? ((0, jsx_runtime_1.jsx)(checkbox_group_1.default, { value: checkedKeys, onChange: (values) => onChange(values), className: `${prefixCls}__list`, children: filteredData.map((item) => {
-                                const { key, label, disabled } = item;
-                                return ((0, jsx_runtime_1.jsx)(checkbox_1.default, { value: key, disabled: allDisabled || disabled, className: `${prefixCls}__list-item`, children: renderItem ? renderItem(item) : label }, key));
-                            }) })) : ((0, jsx_runtime_1.jsx)(empty_1.default, { className: `${prefixCls}__not-found` })) })] }), (0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__footer`, children: [(0, jsx_runtime_1.jsx)(checkbox_1.default, { disabled: allDisabled, checked: isAllChecked, onChange: handleAllCheckedChange, indeterminate: isIndeterminate, children: checkedSummary() }), footer] })] }));
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_input = require("../input/input.js");
+const require_checkbox = require("../checkbox/checkbox.js");
+const require_checkbox_group = require("../checkbox/checkbox-group.js");
+const require_index = require("../empty/index.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/transfer/transfer-panel.tsx
+const TransferPanel = react.default.forwardRef((props, ref) => {
+	const { dataSource, checkedKeys, title, placeholder, footer, showSearch, className, onChange, renderItem, filterOption, disabled: allDisabled, prefixCls: customisedCls, ...otherProps } = props;
+	const prefixCls = require_general.getPrefixCls("transfer-panel", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className);
+	const [query, setQuery] = (0, react.useState)("");
+	const getFilteredData = () => {
+		return dataSource.filter((item) => {
+			if (typeof filterOption === "function") return filterOption(query, item);
+			else if (query.trim().length > 0) return item.label.toLowerCase().includes(query.toLowerCase());
+			else return true;
+		});
+	};
+	const filteredData = getFilteredData();
+	const checkableData = filteredData.filter((item) => !item.disabled);
+	const isAllChecked = checkableData.length > 0 && checkedKeys.length === checkableData.length;
+	const isIndeterminate = checkedKeys.length > 0 && checkedKeys.length < checkableData.length;
+	/**
+	* Footer checkbox onChange event
+	*/
+	const handleAllCheckedChange = (e) => {
+		onChange(e.currentTarget.checked ? checkableData.map((item) => item.key) : []);
+	};
+	const checkedSummary = () => {
+		if (isIndeterminate || isAllChecked) return `${checkedKeys.length} / ${filteredData.length} checked`;
+		return `${filteredData.length} items`;
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		...otherProps,
+		className: cls,
+		ref,
+		children: [
+			title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefixCls}__header`,
+				children: title
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `${prefixCls}__body`,
+				children: [showSearch && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: `${prefixCls}__input-container`,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input.default, {
+						clearable: true,
+						size: "sm",
+						placeholder,
+						value: query,
+						onChange: (e) => {
+							setQuery(e.currentTarget.value);
+						},
+						onClearClick: () => setQuery("")
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: `${prefixCls}__list-container`,
+					children: filteredData.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_checkbox_group.default, {
+						value: checkedKeys,
+						onChange: (values) => onChange(values),
+						className: `${prefixCls}__list`,
+						children: filteredData.map((item) => {
+							const { key, label, disabled } = item;
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_checkbox.default, {
+								value: key,
+								disabled: allDisabled || disabled,
+								className: `${prefixCls}__list-item`,
+								children: renderItem ? renderItem(item) : label
+							}, key);
+						})
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, { className: `${prefixCls}__not-found` })
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `${prefixCls}__footer`,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_checkbox.default, {
+					disabled: allDisabled,
+					checked: isAllChecked,
+					onChange: handleAllCheckedChange,
+					indeterminate: isIndeterminate,
+					children: checkedSummary()
+				}), footer]
+			})
+		]
+	});
 });
-TransferPanel.displayName = 'TransferPanel';
+TransferPanel.displayName = "TransferPanel";
+//#endregion
 exports.default = TransferPanel;
+
 //# sourceMappingURL=transfer-panel.js.map

package/lib/transfer/transfer-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"transfer-panel.js","sourceRoot":"","sources":["../../components/transfer/transfer-panel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"transfer-panel.js","names":["React","getPrefixCls","ConfigContext","Input","CheckboxGroup","Checkbox","Empty"],"sources":["../../components/transfer/transfer-panel.tsx"],"sourcesContent":["import React, { ChangeEvent, ReactNode, useContext, useState } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { BaseProps } from '../_utils/props';\nimport { TransferItem } from './types';\nimport Checkbox from '../checkbox/checkbox';\nimport CheckboxGroup from '../checkbox/checkbox-group';\nimport Empty from '../empty';\nimport Input from '../input/input';\n\nexport interface TransferPanelProps\n  extends BaseProps,\n    Omit<React.PropsWithRef<JSX.IntrinsicElements['div']>, 'title' | 'onChange'> {\n  dataSource: TransferItem[];\n  checkedKeys: string[];\n  onChange: (checkedKeys: string[]) => void;\n  disabled: boolean;\n  title?: ReactNode;\n  footer?: ReactNode;\n  placeholder?: string;\n  showSearch?: boolean;\n  renderItem?: (item: TransferItem) => ReactNode;\n  filterOption?: (input: string, item: TransferItem) => boolean;\n}\n\nconst TransferPanel = React.forwardRef<HTMLDivElement, TransferPanelProps>(\n  (props: TransferPanelProps, ref): React.ReactElement => {\n    const {\n      dataSource,\n      checkedKeys,\n      title,\n      placeholder,\n      footer,\n      showSearch,\n      className,\n      onChange,\n      renderItem,\n      filterOption,\n      disabled: allDisabled,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('transfer-panel', configContext.prefixCls, customisedCls);\n    const cls = classNames(prefixCls, className);\n    const [query, setQuery] = useState('');\n\n    const getFilteredData = (): TransferItem[] => {\n      return dataSource.filter((item) => {\n        if (typeof filterOption === 'function') {\n          return filterOption(query, item);\n        } else if (query.trim().length > 0) {\n          const label = item.label;\n          return label.toLowerCase().includes(query.toLowerCase());\n        } else {\n          return true;\n        }\n      });\n    };\n\n    const filteredData = getFilteredData();\n    const checkableData = filteredData.filter((item) => !item.disabled);\n    const isAllChecked = checkableData.length > 0 && checkedKeys.length === checkableData.length;\n    const isIndeterminate = checkedKeys.length > 0 && checkedKeys.length < checkableData.length;\n\n    /**\n     * Footer checkbox onChange event\n     */\n    const handleAllCheckedChange = (e: ChangeEvent<HTMLInputElement>) => {\n      const isChecked = e.currentTarget.checked;\n      const checkedKeys = isChecked ? checkableData.map((item) => item.key) : [];\n      onChange(checkedKeys);\n    };\n\n    const checkedSummary = (): string => {\n      if (isIndeterminate || isAllChecked) {\n        return `${checkedKeys.length} / ${filteredData.length} checked`;\n      }\n      return `${filteredData.length} items`;\n    };\n\n    return (\n      <div {...otherProps} className={cls} ref={ref}>\n        {title && <div className={`${prefixCls}__header`}>{title}</div>}\n        <div className={`${prefixCls}__body`}>\n          {showSearch && (\n            <div className={`${prefixCls}__input-container`}>\n              <Input\n                clearable\n                size=\"sm\"\n                placeholder={placeholder}\n                value={query}\n                onChange={(e) => {\n                  setQuery(e.currentTarget.value);\n                }}\n                onClearClick={() => setQuery('')}\n              />\n            </div>\n          )}\n          <div className={`${prefixCls}__list-container`}>\n            {filteredData.length > 0 ? (\n              <CheckboxGroup\n                value={checkedKeys}\n                onChange={(values) => onChange(values)}\n                className={`${prefixCls}__list`}>\n                {filteredData.map((item) => {\n                  const { key, label, disabled } = item;\n                  return (\n                    <Checkbox\n                      key={key}\n                      value={key}\n                      disabled={allDisabled || disabled}\n                      className={`${prefixCls}__list-item`}>\n                      {renderItem ? renderItem(item) : label}\n                    </Checkbox>\n                  );\n                })}\n              </CheckboxGroup>\n            ) : (\n              <Empty className={`${prefixCls}__not-found`} />\n            )}\n          </div>\n        </div>\n        <div className={`${prefixCls}__footer`}>\n          <Checkbox\n            disabled={allDisabled}\n            checked={isAllChecked}\n            onChange={handleAllCheckedChange}\n            indeterminate={isIndeterminate}>\n            {checkedSummary()}\n          </Checkbox>\n          {footer}\n        </div>\n      </div>\n    );\n  }\n);\n\nTransferPanel.displayName = 'TransferPanel';\n\nexport default TransferPanel;\n"],"mappings":";;;;;;;;;;;;;AA0BA,MAAM,gBAAgBA,MAAAA,QAAM,YACzB,OAA2B,QAA4B;CACtD,MAAM,EACJ,YACA,aACA,OACA,aACA,QACA,YACA,WACA,UACA,YACA,cACA,UAAU,aACV,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,YAAYC,gBAAAA,aAAa,mBAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACgB,WAAW,cAAc;CACxF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,UAAU;CAC5C,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAAqB,GAAG;CAEtC,MAAM,wBAAwC;AAC5C,SAAO,WAAW,QAAQ,SAAS;AACjC,OAAI,OAAO,iBAAiB,WAC1B,QAAO,aAAa,OAAO,KAAK;YACvB,MAAM,MAAM,CAAC,SAAS,EAE/B,QADc,KAAK,MACN,aAAa,CAAC,SAAS,MAAM,aAAa,CAAC;OAExD,QAAO;IAET;;CAGJ,MAAM,eAAe,iBAAiB;CACtC,MAAM,gBAAgB,aAAa,QAAQ,SAAS,CAAC,KAAK,SAAS;CACnE,MAAM,eAAe,cAAc,SAAS,KAAK,YAAY,WAAW,cAAc;CACtF,MAAM,kBAAkB,YAAY,SAAS,KAAK,YAAY,SAAS,cAAc;;;;CAKrF,MAAM,0BAA0B,MAAqC;AAGnE,WAFkB,EAAE,cAAc,UACF,cAAc,KAAK,SAAS,KAAK,IAAI,GAAG,EAAE,CACrD;;CAGvB,MAAM,uBAA+B;AACnC,MAAI,mBAAmB,aACrB,QAAO,GAAG,YAAY,OAAO,KAAK,aAAa,OAAO;AAExD,SAAO,GAAG,aAAa,OAAO;;AAGhC,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,GAAI;EAAY,WAAW;EAAU;YAA1C;GACG,SAAS,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAAY;IAAY,CAAA;GAC/D,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAA7B,CACG,cACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAW,GAAG,UAAU;eAC3B,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;MACE,WAAA;MACA,MAAK;MACQ;MACb,OAAO;MACP,WAAW,MAAM;AACf,gBAAS,EAAE,cAAc,MAAM;;MAEjC,oBAAoB,SAAS,GAAG;MAChC,CAAA;KACE,CAAA,EAER,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAW,GAAG,UAAU;eAC1B,aAAa,SAAS,IACrB,iBAAA,GAAA,kBAAA,KAACC,uBAAAA,SAAD;MACE,OAAO;MACP,WAAW,WAAW,SAAS,OAAO;MACtC,WAAW,GAAG,UAAU;gBACvB,aAAa,KAAK,SAAS;OAC1B,MAAM,EAAE,KAAK,OAAO,aAAa;AACjC,cACE,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,SAAD;QAEE,OAAO;QACP,UAAU,eAAe;QACzB,WAAW,GAAG,UAAU;kBACvB,aAAa,WAAW,KAAK,GAAG;QACxB,EALJ,IAKI;QAEb;MACY,CAAA,GAEhB,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD,EAAO,WAAW,GAAG,UAAU,cAAgB,CAAA;KAE7C,CAAA,CACF;;GACN,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAA7B,CACE,iBAAA,GAAA,kBAAA,KAACD,iBAAAA,SAAD;KACE,UAAU;KACV,SAAS;KACT,UAAU;KACV,eAAe;eACd,gBAAgB;KACR,CAAA,EACV,OACG;;GACF;;EAGX;AAED,cAAc,cAAc"}

package/lib/transfer/transfer.d.ts

@@ -1,4 +1,8 @@
-import React from 'react';
-import { TransferProps } from './types';
+import { TransferProps } from "./types.js";
+import React from "react";
+
+//#region components/transfer/transfer.d.ts
 declare const Transfer: React.ForwardRefExoticComponent<Omit<TransferProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default Transfer;
+//#endregion
+export { Transfer };
+//# sourceMappingURL=transfer.d.ts.map

package/lib/transfer/transfer.js

@@ -1,75 +1,125 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
-const components_1 = require("../_utils/components");
-const transfer_panel_1 = tslib_1.__importDefault(require("./transfer-panel"));
-const button_1 = tslib_1.__importDefault(require("../button/button"));
-const Transfer = react_1.default.forwardRef((props, ref) => {
-    const { dataSource = [], defaultValue = [], buttonTexts = [], showSearch = false, disabled = false, value, titles, placeholders, className, onChange, renderItem, filterOption, prefixCls: customisedCls, ...otherProps } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('transfer', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(prefixCls, className);
-    const getDataKeys = (0, react_1.useCallback)(() => {
-        const rightKeys = 'value' in props ? value : defaultValue;
-        const rightData = dataSource.filter((item) => rightKeys.includes(item.key));
-        const leftData = dataSource.filter((item) => !rightKeys.includes(item.key));
-        return [leftData, rightData];
-    }, [props, value, dataSource, defaultValue]);
-    const [leftData, rightData] = getDataKeys();
-    const [sourceData, setSourceData] = (0, react_1.useState)(leftData);
-    const [targetData, setTargetData] = (0, react_1.useState)(rightData);
-    const [leftCheckedKeys, setLeftCheckedKeys] = (0, react_1.useState)([]);
-    const [rightCheckedKeys, setRightCheckedKeys] = (0, react_1.useState)([]);
-    const addToLeft = () => {
-        const leftKeys = sourceData.map((item) => item.key);
-        const currKeys = leftKeys.slice();
-        rightCheckedKeys.forEach((key) => {
-            if (!leftKeys.includes(key)) {
-                currKeys.push(key);
-            }
-        });
-        const targetData = dataSource.filter((item) => !currKeys.includes(item.key));
-        if (!('value' in props)) {
-            setRightCheckedKeys([]);
-            setSourceData([...dataSource.filter((item) => currKeys.includes(item.key))]);
-            setTargetData([...targetData]);
-        }
-        const targetKey = targetData.map((item) => item.key);
-        onChange && onChange(targetKey, 'left', rightCheckedKeys);
-    };
-    const addToRight = () => {
-        const rightKeys = targetData.map((item) => item.key);
-        const currKeys = rightKeys.slice();
-        leftCheckedKeys.forEach((key) => {
-            if (!rightKeys.includes(key)) {
-                currKeys.push(key);
-            }
-        });
-        if (!('value' in props)) {
-            setLeftCheckedKeys([]);
-            setSourceData([...dataSource.filter((item) => !currKeys.includes(item.key))]);
-            setTargetData([...dataSource.filter((item) => currKeys.includes(item.key))]);
-        }
-        onChange && onChange(currKeys, 'right', leftCheckedKeys);
-    };
-    (0, react_1.useEffect)(() => {
-        if ('value' in props) {
-            const rightKeys = props.value;
-            const rightData = dataSource.filter((item) => rightKeys.includes(item.key));
-            const leftData = dataSource.filter((item) => !rightKeys.includes(item.key));
-            setSourceData(leftData);
-            setTargetData(rightData);
-            setLeftCheckedKeys([]);
-            setRightCheckedKeys([]);
-        }
-    }, [props, dataSource]);
-    return ((0, jsx_runtime_1.jsxs)("div", { ...otherProps, className: cls, ref: ref, children: [(0, jsx_runtime_1.jsx)(transfer_panel_1.default, { title: titles && titles[0], placeholder: (placeholders && placeholders[0]) || 'search', showSearch: showSearch, dataSource: sourceData, checkedKeys: leftCheckedKeys, disabled: disabled, onChange: (keys) => setLeftCheckedKeys(keys), renderItem: renderItem, filterOption: filterOption }), (0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__buttons`, children: [(0, jsx_runtime_1.jsxs)(button_1.default, { btnType: "primary", size: "sm", onClick: addToRight, disabled: leftCheckedKeys.length === 0, children: [(0, jsx_runtime_1.jsx)(components_1.ArrowDown, { size: 12, className: `${prefixCls}__left-arrow` }), buttonTexts && buttonTexts[0] !== undefined && (0, jsx_runtime_1.jsx)("span", { children: buttonTexts[0] })] }), (0, jsx_runtime_1.jsxs)(button_1.default, { btnType: "primary", size: "sm", onClick: addToLeft, disabled: rightCheckedKeys.length === 0, children: [buttonTexts && buttonTexts[1] !== undefined && (0, jsx_runtime_1.jsx)("span", { children: buttonTexts[1] }), (0, jsx_runtime_1.jsx)(components_1.ArrowDown, { size: 12, className: `${prefixCls}__right-arrow` })] })] }), (0, jsx_runtime_1.jsx)(transfer_panel_1.default, { title: titles && titles[1], placeholder: (placeholders && placeholders[1]) || 'search', showSearch: showSearch, dataSource: targetData, checkedKeys: rightCheckedKeys, disabled: disabled, onChange: (keys) => setRightCheckedKeys(keys), renderItem: renderItem, filterOption: filterOption })] }));
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_components = require("../_utils/components.js");
+const require_button = require("../button/button.js");
+const require_transfer_panel = require("./transfer-panel.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/transfer/transfer.tsx
+const Transfer = react.default.forwardRef((props, ref) => {
+	const { dataSource = [], defaultValue = [], buttonTexts = [], showSearch = false, disabled = false, value, titles, placeholders, className, onChange, renderItem, filterOption, prefixCls: customisedCls, ...otherProps } = props;
+	const prefixCls = require_general.getPrefixCls("transfer", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className);
+	const [leftData, rightData] = (0, react.useCallback)(() => {
+		const rightKeys = "value" in props ? value : defaultValue;
+		const rightData = dataSource.filter((item) => rightKeys.includes(item.key));
+		return [dataSource.filter((item) => !rightKeys.includes(item.key)), rightData];
+	}, [
+		props,
+		value,
+		dataSource,
+		defaultValue
+	])();
+	const [sourceData, setSourceData] = (0, react.useState)(leftData);
+	const [targetData, setTargetData] = (0, react.useState)(rightData);
+	const [leftCheckedKeys, setLeftCheckedKeys] = (0, react.useState)([]);
+	const [rightCheckedKeys, setRightCheckedKeys] = (0, react.useState)([]);
+	const addToLeft = () => {
+		const leftKeys = sourceData.map((item) => item.key);
+		const currKeys = leftKeys.slice();
+		rightCheckedKeys.forEach((key) => {
+			if (!leftKeys.includes(key)) currKeys.push(key);
+		});
+		const targetData = dataSource.filter((item) => !currKeys.includes(item.key));
+		if (!("value" in props)) {
+			setRightCheckedKeys([]);
+			setSourceData([...dataSource.filter((item) => currKeys.includes(item.key))]);
+			setTargetData([...targetData]);
+		}
+		const targetKey = targetData.map((item) => item.key);
+		onChange && onChange(targetKey, "left", rightCheckedKeys);
+	};
+	const addToRight = () => {
+		const rightKeys = targetData.map((item) => item.key);
+		const currKeys = rightKeys.slice();
+		leftCheckedKeys.forEach((key) => {
+			if (!rightKeys.includes(key)) currKeys.push(key);
+		});
+		if (!("value" in props)) {
+			setLeftCheckedKeys([]);
+			setSourceData([...dataSource.filter((item) => !currKeys.includes(item.key))]);
+			setTargetData([...dataSource.filter((item) => currKeys.includes(item.key))]);
+		}
+		onChange && onChange(currKeys, "right", leftCheckedKeys);
+	};
+	(0, react.useEffect)(() => {
+		if ("value" in props) {
+			const rightKeys = props.value;
+			const rightData = dataSource.filter((item) => rightKeys.includes(item.key));
+			setSourceData(dataSource.filter((item) => !rightKeys.includes(item.key)));
+			setTargetData(rightData);
+			setLeftCheckedKeys([]);
+			setRightCheckedKeys([]);
+		}
+	}, [props, dataSource]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		...otherProps,
+		className: cls,
+		ref,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_transfer_panel.default, {
+				title: titles && titles[0],
+				placeholder: placeholders && placeholders[0] || "search",
+				showSearch,
+				dataSource: sourceData,
+				checkedKeys: leftCheckedKeys,
+				disabled,
+				onChange: (keys) => setLeftCheckedKeys(keys),
+				renderItem,
+				filterOption
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `${prefixCls}__buttons`,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_button.default, {
+					btnType: "primary",
+					size: "sm",
+					onClick: addToRight,
+					disabled: leftCheckedKeys.length === 0,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.ArrowDown, {
+						size: 12,
+						className: `${prefixCls}__left-arrow`
+					}), buttonTexts && buttonTexts[0] !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: buttonTexts[0] })]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_button.default, {
+					btnType: "primary",
+					size: "sm",
+					onClick: addToLeft,
+					disabled: rightCheckedKeys.length === 0,
+					children: [buttonTexts && buttonTexts[1] !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: buttonTexts[1] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.ArrowDown, {
+						size: 12,
+						className: `${prefixCls}__right-arrow`
+					})]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_transfer_panel.default, {
+				title: titles && titles[1],
+				placeholder: placeholders && placeholders[1] || "search",
+				showSearch,
+				dataSource: targetData,
+				checkedKeys: rightCheckedKeys,
+				disabled,
+				onChange: (keys) => setRightCheckedKeys(keys),
+				renderItem,
+				filterOption
+			})
+		]
+	});
 });
-Transfer.displayName = 'Transfer';
+Transfer.displayName = "Transfer";
+//#endregion
 exports.default = Transfer;
+
 //# sourceMappingURL=transfer.js.map

package/lib/transfer/transfer.js.map

@@ -1 +1 @@
-{"version":3,"file":"transfer.js","sourceRoot":"","sources":["../../components/transfer/transfer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"transfer.js","names":["React","getPrefixCls","ConfigContext","TransferPanel","Button","ArrowDown"],"sources":["../../components/transfer/transfer.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { ArrowDown } from '../_utils/components';\nimport { TransferProps, TransferItem } from './types';\nimport TransferPanel from './transfer-panel';\nimport Button from '../button/button';\n\nconst Transfer = React.forwardRef<HTMLDivElement, TransferProps>(\n  (props: TransferProps, ref): React.ReactElement => {\n    const {\n      dataSource = [],\n      defaultValue = [],\n      buttonTexts = [],\n      showSearch = false,\n      disabled = false,\n      value,\n      titles,\n      placeholders,\n      className,\n      onChange,\n      renderItem,\n      filterOption,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('transfer', configContext.prefixCls, customisedCls);\n    const cls = classNames(prefixCls, className);\n\n    const getDataKeys = useCallback((): [TransferItem[], TransferItem[]] => {\n      const rightKeys: string[] = 'value' in props ? (value as string[]) : defaultValue;\n      const rightData: TransferItem[] = dataSource.filter((item) => rightKeys.includes(item.key));\n      const leftData: TransferItem[] = dataSource.filter((item) => !rightKeys.includes(item.key));\n      return [leftData, rightData];\n    }, [props, value, dataSource, defaultValue]);\n\n    const [leftData, rightData] = getDataKeys();\n    const [sourceData, setSourceData] = useState<TransferItem[]>(leftData);\n    const [targetData, setTargetData] = useState<TransferItem[]>(rightData);\n    const [leftCheckedKeys, setLeftCheckedKeys] = useState<string[]>([]);\n    const [rightCheckedKeys, setRightCheckedKeys] = useState<string[]>([]);\n\n    const addToLeft = () => {\n      const leftKeys = sourceData.map((item) => item.key);\n      const currKeys = leftKeys.slice();\n      rightCheckedKeys.forEach((key) => {\n        if (!leftKeys.includes(key)) {\n          currKeys.push(key);\n        }\n      });\n\n      const targetData = dataSource.filter((item) => !currKeys.includes(item.key));\n      if (!('value' in props)) {\n        setRightCheckedKeys([]);\n        setSourceData([...dataSource.filter((item) => currKeys.includes(item.key))]);\n        setTargetData([...targetData]);\n      }\n      const targetKey = targetData.map((item) => item.key);\n      onChange && onChange(targetKey, 'left', rightCheckedKeys);\n    };\n\n    const addToRight = () => {\n      const rightKeys = targetData.map((item) => item.key);\n      const currKeys = rightKeys.slice();\n      leftCheckedKeys.forEach((key) => {\n        if (!rightKeys.includes(key)) {\n          currKeys.push(key);\n        }\n      });\n\n      if (!('value' in props)) {\n        setLeftCheckedKeys([]);\n        setSourceData([...dataSource.filter((item) => !currKeys.includes(item.key))]);\n        setTargetData([...dataSource.filter((item) => currKeys.includes(item.key))]);\n      }\n      onChange && onChange(currKeys, 'right', leftCheckedKeys);\n    };\n\n    useEffect(() => {\n      if ('value' in props) {\n        const rightKeys = props.value as string[];\n        const rightData: TransferItem[] = dataSource.filter((item) => rightKeys.includes(item.key));\n        const leftData: TransferItem[] = dataSource.filter((item) => !rightKeys.includes(item.key));\n        setSourceData(leftData);\n        setTargetData(rightData);\n        setLeftCheckedKeys([]);\n        setRightCheckedKeys([]);\n      }\n    }, [props, dataSource]);\n\n    return (\n      <div {...otherProps} className={cls} ref={ref}>\n        <TransferPanel\n          title={titles && titles[0]}\n          placeholder={(placeholders && placeholders[0]) || 'search'}\n          showSearch={showSearch}\n          dataSource={sourceData}\n          checkedKeys={leftCheckedKeys}\n          disabled={disabled}\n          onChange={(keys: string[]) => setLeftCheckedKeys(keys)}\n          renderItem={renderItem}\n          filterOption={filterOption}\n        />\n        <div className={`${prefixCls}__buttons`}>\n          <Button\n            btnType=\"primary\"\n            size=\"sm\"\n            onClick={addToRight}\n            disabled={leftCheckedKeys.length === 0}>\n            <ArrowDown size={12} className={`${prefixCls}__left-arrow`} />\n            {buttonTexts && buttonTexts[0] !== undefined && <span>{buttonTexts[0]}</span>}\n          </Button>\n          <Button\n            btnType=\"primary\"\n            size=\"sm\"\n            onClick={addToLeft}\n            disabled={rightCheckedKeys.length === 0}>\n            {buttonTexts && buttonTexts[1] !== undefined && <span>{buttonTexts[1]}</span>}\n            <ArrowDown size={12} className={`${prefixCls}__right-arrow`} />\n          </Button>\n        </div>\n        <TransferPanel\n          title={titles && titles[1]}\n          placeholder={(placeholders && placeholders[1]) || 'search'}\n          showSearch={showSearch}\n          dataSource={targetData}\n          checkedKeys={rightCheckedKeys}\n          disabled={disabled}\n          onChange={(keys: string[]) => setRightCheckedKeys(keys)}\n          renderItem={renderItem}\n          filterOption={filterOption}\n        />\n      </div>\n    );\n  }\n);\n\nTransfer.displayName = 'Transfer';\n\nexport default Transfer;\n"],"mappings":"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"}