@type-dom/ui 0.5.0 → 0.6.1

package/dist/components/form/td-transfer/td-transfer-panel.class.js

@@ -0,0 +1,189 @@
+import { Div, P, Span, addAttrClass, addEmits, defaultProps, emit, unref, useSlots, } from '@type-dom/framework';
+import { computed, signal } from '@type-dom/signals';
+import { isEmpty } from '@type-dom/utils';
+import { ElSearchSvg } from '@type-dom/svgs';
+import { useLocale } from '../../../hooks/use-locale/index';
+import { useNamespace } from '../../../hooks/use-namespace/index';
+import { TdFixedSizeList } from '../../base';
+import { TdCheckbox } from '../td-checkbox/td-checkbox.class';
+import { TdCheckboxGroup } from '../td-checkbox-group/td-checkbox-group.class';
+import { TdInput } from '../td-input/td-input.class';
+import { transferPanelEmits, transferPanelProps, } from './td-transfer.const';
+import { useCheck, usePropsAlias } from './td-transfer.hooks';
+/**
+ * Faithful conversion of Element Plus `transfer-panel.vue` (setup / template
+ * / style) to TypeDOM.
+ *
+ * Differences forced by the framework:
+ * - `reactive(panelState)` → a single `signal`; `toRefs` → three two-way
+ *   `computed` wrappers that read/write `panelState`.
+ * - `v-for="item in filteredData"` → `filteredData.get().map(...)` inside a
+ *   reactive `slot` function (TMPL-002: v-for → Array.map()). The virtual branch
+ *   keeps `TdFixedSizeList`, faithful to EP `<el-fixed-size-list>`.
+ * - `defineExpose({ query })` → the `query` ref is exposed as an instance field
+ *   (consumed by `TdTransfer.clearQuery`).
+ * - `defineEmits(transferPanelEmits)` → `addEmits` + `emit`, which dispatches to
+ *   the parent `onCheckedChange` listener.
+ * - CORE-003 (直接实例化 / 禁止中间变量): template nodes are instantiated inline
+ *   inside `addChildren`, not bound to intermediate `const` component variables.
+ */
+export class TdTransferPanel extends Div {
+    /** `panelState.query`, faithful to EP `toRefs(panelState).query`.
+     *  Exposed via `defineExpose({ query })` → class field (EXPOSE-001). */
+    query;
+    constructor(params = {}) {
+        super(params);
+        defaultProps(this, transferPanelProps);
+        addEmits(this, transferPanelEmits);
+        addAttrClass(this, useNamespace('transfer').b('panel'));
+    }
+    setup() {
+        const props = this.props;
+        const slots = useSlots();
+        const { t } = useLocale();
+        const ns = useNamespace('transfer');
+        // faithful to EP: reactive<TransferPanelState>({ checked: [], allChecked: false, query: '', checkChangeByUser: true })
+        // Not exposed → local const (no class field for non-exposed state).
+        const panelState = signal({
+            checked: [],
+            allChecked: false,
+            query: '',
+            checkChangeByUser: true,
+        });
+        const propsAlias = usePropsAlias(props);
+        const data = computed(() => unref(props.data) ?? []);
+        const { filteredData, checkedSummary, isIndeterminate, handleAllCheckedChange, checkboxGroupRef, virtualListRef, virtualListHeight, } = useCheck(props, panelState, 
+        // faithful to EP: `defineEmits` → `emit` dispatcher.
+        (event, ...args) => emit(this, event, ...args));
+        // faithful to EP: const { checked, allChecked, query } = toRefs(panelState)
+        const checked = computed(() => panelState.get().checked, (value) => {
+            panelState.set({ ...panelState.get(), checked: value });
+        });
+        const allChecked = computed(() => panelState.get().allChecked, (value) => {
+            panelState.set({ ...panelState.get(), allChecked: value });
+        });
+        const query = computed(() => panelState.get().query, (value) => {
+            panelState.set({ ...panelState.get(), query: value });
+        });
+        this.query = query;
+        // faithful to EP: hasNoMatch / hasFooter
+        const hasNoMatch = computed(() => !isEmpty(query.get()) && isEmpty(filteredData.get()));
+        // faithful to EP: `!isEmpty(slots.default!()[0].children)` — EP inspects the
+        // placeholder vnode Vue leaves behind when the footer slot carries no
+        // content. TypeDOM has no such placeholder, so the slot itself is tested.
+        const hasFooter = computed(() => !isEmpty(slots?.default));
+        this.addChildren(
+        // <p :class="ns.be('panel', 'header')">
+        new P({
+            class: ns.be('panel', 'header'),
+            slot: new TdCheckbox({
+                vModel: allChecked,
+                indeterminate: isIndeterminate,
+                validateEvent: false,
+                disabled: props.disabled,
+                onChange: (value) => handleAllCheckedChange(Boolean(value)),
+                slot: [
+                    new Span({
+                        class: ns.be('panel', 'header-title'),
+                        slot: props.title ?? '',
+                    }),
+                    new Span({
+                        class: ns.be('panel', 'header-count'),
+                        slot: checkedSummary,
+                    }),
+                ],
+            }),
+        }), 
+        // <div :class="[ns.be('panel', 'body'), ns.is('with-footer', hasFooter)]">
+        new Div({
+            class: computed(() => [
+                ns.be('panel', 'body'),
+                ns.is('with-footer', hasFooter.get()),
+            ]),
+            slot: [
+                new TdInput({
+                    vIf: props.filterable,
+                    vModel: query,
+                    class: ns.be('panel', 'filter'),
+                    size: 'default',
+                    placeholder: props.placeholder,
+                    prefixIcon: new ElSearchSvg(),
+                    clearable: true,
+                    disabled: props.disabled,
+                    validateEvent: false,
+                }),
+                new TdCheckboxGroup({
+                    // faithful to EP: v-show="!hasNoMatch && !isEmpty(data)"
+                    vShow: computed(() => !hasNoMatch.get() && !isEmpty(data.get())),
+                    refDom: checkboxGroupRef,
+                    vModel: checked,
+                    disabled: props.disabled,
+                    validateEvent: false,
+                    class: computed(() => [
+                        ns.is('filterable', props.filterable),
+                        ns.be('panel', 'list'),
+                        ns.is('virtual', props.virtualScroll),
+                    ]),
+                    // faithful to EP: <el-checkbox v-for="item in filteredData">.
+                    // The virtual branch wraps `TdFixedSizeList` *inside* the group
+                    // (EP keeps it as a sibling) so that the injected `checkboxGroup`
+                    // context stays reachable through the parent chain. Because the
+                    // list lives in the group, the group itself must not scroll in
+                    // virtual mode — see `.is-virtual` in transfer.scss — otherwise a
+                    // second scrollbar appears around the fixed-height list window.
+                    // The slot is a function so the list re-renders from `filteredData`
+                    // whenever the source set changes (filter / move); an object slot
+                    // would be captured once and never refresh.
+                    slot: props.virtualScroll
+                        ? () => new TdFixedSizeList({
+                            refEl: virtualListRef,
+                            data: filteredData.get(),
+                            total: filteredData.get().length,
+                            itemSize: props.itemSize ?? 30,
+                            height: virtualListHeight.get(),
+                            slots: {
+                                default: ({ data: listData, index, style }) => new Div({
+                                    key: listData[index][propsAlias.get().key],
+                                    styleObj: style,
+                                    slot: new TdCheckbox({
+                                        class: ns.be('panel', 'item'),
+                                        value: listData[index][propsAlias.get().key],
+                                        disabled: props.disabled || !!listData[index][propsAlias.get().disabled],
+                                        validateEvent: false,
+                                        slot: props.optionRender?.(listData[index]),
+                                    }),
+                                }),
+                            },
+                        })
+                        : () => filteredData.get().map((item) => new TdCheckbox({
+                            key: item[propsAlias.get().key],
+                            class: ns.be('panel', 'item'),
+                            value: item[propsAlias.get().key],
+                            disabled: props.disabled || !!item[propsAlias.get().disabled],
+                            validateEvent: false,
+                            slot: props.optionRender?.(item),
+                        })),
+                }),
+                // <div v-show="hasNoMatch || isEmpty(data)" :class="ns.be('panel', 'empty')">
+                new Div({
+                    vShow: computed(() => hasNoMatch.get() || isEmpty(data.get())),
+                    class: ns.be('panel', 'empty'),
+                    slot: () => slots?.empty ??
+                        (hasNoMatch.get()
+                            ? t('el.transfer.noMatch')
+                            : t('el.transfer.noData')),
+                }),
+            ],
+        }), 
+        // <p v-if="hasFooter" :class="ns.be('panel', 'footer')">
+        new P({
+            vIf: hasFooter,
+            class: ns.be('panel', 'footer'),
+            slot: slots?.default,
+        }));
+    }
+    clearQuery() {
+        this.query?.set('');
+    }
+}
+//# sourceMappingURL=td-transfer-panel.class.js.map

package/dist/components/form/td-transfer/td-transfer-panel.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-transfer-panel.class.js","sourceRoot":"","sources":["../../../../src/components/form/td-transfer/td-transfer-panel.class.ts"],"names":[],"mappings":"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"}

package/dist/components/form/td-transfer/td-transfer.class.d.ts

@@ -0,0 +1,27 @@
+import { Fragment } from '@type-dom/framework';
+import { signal } from '@type-dom/signals';
+import type { TransferDirection } from './td-transfer.interface';
+import { transferProps } from './td-transfer.const';
+import { TdTransferPanel } from './td-transfer-panel.class';
+import { ITdTransfer } from './td-transfer.interface';
+import './style/index';
+export declare class TdTransfer extends Fragment<typeof transferProps> implements ITdTransfer {
+    /**
+     * @description left panel ref (EP `defineExpose({ leftPanel })`).
+     * Faithful to EP `ref="leftPanel"`: a `refEl` signal handle to the left panel.
+     */
+    leftPanel: ReturnType<typeof signal<TdTransferPanel>>;
+    /**
+     * @description right panel ref (EP `defineExpose({ rightPanel })`).
+     * Faithful to EP `ref="rightPanel"`: a `refEl` signal handle to the right panel.
+     */
+    rightPanel: ReturnType<typeof signal<TdTransferPanel>>;
+    /**
+     * @description clear the filter query of the given panel (EP `defineExpose({ clearQuery })`).
+     * Faithful to EP: `which` is required and only one panel is cleared per call.
+     */
+    clearQuery: (which: TransferDirection) => void;
+    constructor(params?: Partial<typeof transferProps>);
+    setup(): void;
+}
+//# sourceMappingURL=td-transfer.class.d.ts.map

package/dist/components/form/td-transfer/td-transfer.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-transfer.class.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-transfer/td-transfer.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EAST,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAY,MAAM,EAAE,MAAM,mBAAmB,CAAC;AASrD,OAAO,KAAK,EAA0C,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACzG,OAAO,EAAiB,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,eAAe,CAAC;AAEvB,qBAAa,UAAW,SAAQ,QAAQ,CAAC,OAAO,aAAa,CAAE,YAAW,WAAW;IAEnF;;;OAGG;IACH,SAAS,EAAG,UAAU,CAAC,OAAO,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;IAEvD;;;OAGG;IACH,UAAU,EAAG,UAAU,CAAC,OAAO,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;IAExD;;;OAGG;IACH,UAAU,EAAG,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;gBAEpC,MAAM,GAAE,OAAO,CAAC,OAAO,aAAa,CAAM;IAM7C,KAAK;CAoMf"}

package/dist/components/form/td-transfer/td-transfer.class.js

@@ -0,0 +1,203 @@
+import { Div, Fragment, Span, addEmits, defaultProps, emit, unref, useSlots, watch, } from '@type-dom/framework';
+import { computed, signal } from '@type-dom/signals';
+import { NOOP, isUndefined } from '@type-dom/utils';
+import { ElArrowLeftSvg } from '@type-dom/svgs';
+import { ElArrowRightSvg } from '@type-dom/svgs';
+import { useLocale } from '../../../hooks/use-locale/index';
+import { useNamespace } from '../../../hooks/use-namespace/index';
+import { useFormItem } from '../td-form/hooks/use-form-item';
+import { TdButton } from '../../basic/td-button/td-button.class';
+import { TdIcon } from '../../basic/td-icon/td-icon.class';
+import { transferEmits, transferProps } from './td-transfer.const';
+import { useCheckedChange, useComputedData, useMove, usePropsAlias } from './td-transfer.hooks';
+import { TdTransferPanel } from './td-transfer-panel.class';
+import './style/index';
+export class TdTransfer extends Fragment {
+    // ========== Exposed methods and properties (defineExpose) ==========
+    /**
+     * @description left panel ref (EP `defineExpose({ leftPanel })`).
+     * Faithful to EP `ref="leftPanel"`: a `refEl` signal handle to the left panel.
+     */
+    leftPanel;
+    /**
+     * @description right panel ref (EP `defineExpose({ rightPanel })`).
+     * Faithful to EP `ref="rightPanel"`: a `refEl` signal handle to the right panel.
+     */
+    rightPanel;
+    /**
+     * @description clear the filter query of the given panel (EP `defineExpose({ clearQuery })`).
+     * Faithful to EP: `which` is required and only one panel is cleared per call.
+     */
+    clearQuery;
+    constructor(params = {}) {
+        super(params);
+        defaultProps(this, transferProps);
+        addEmits(this, transferEmits);
+    }
+    setup() {
+        const props = this.props;
+        const ns = useNamespace('transfer');
+        const buttonNs = useNamespace('button');
+        const { t } = useLocale();
+        // EP `defineSlots`: transfer receives `left-footer`/`right-footer`,
+        // `left-empty`/`right-empty` and a default (option-render) slot, all of
+        // which are forwarded down to the two panels below.
+        const slots = useSlots();
+        // EP `ref="leftPanel"` / `ref="rightPanel"` → refEl signal handles.
+        // These const handles are also the defineExpose'd `leftPanel`/`rightPanel`
+        // class fields (EXPOSE-001), so callers receive the signal handle, not a
+        // manually held instance field.
+        const leftPanelRef = signal();
+        const rightPanelRef = signal();
+        this.leftPanel = leftPanelRef;
+        this.rightPanel = rightPanelRef;
+        const { sourceData, targetData } = useComputedData(props);
+        // faithful to EP: optionRender -> renderContent ?? slots.default({option}) ?? option[label]
+        const propsAlias = usePropsAlias(props);
+        const optionRender = (option) => {
+            if (props.renderContent) {
+                return props.renderContent(option);
+            }
+            const defaultSlot = slots?.default;
+            if (typeof defaultSlot === 'function') {
+                const rendered = defaultSlot(option);
+                if (rendered != null && rendered !== '') {
+                    return rendered;
+                }
+            }
+            // faithful to EP: `h('span', option[label] || option[key])` — the key is
+            // the fallback when the label is missing/falsy.
+            return new Span({
+                slot: String(option[propsAlias.get().label] || option[propsAlias.get().key]),
+            });
+        };
+        // faithful to EP: `reactive<TransferCheckedState>({ leftChecked: [], rightChecked: [] })`.
+        // EP starts empty and lets each panel push its `checked-change` payload in
+        // (`leftDefaultChecked` / `rightDefaultChecked` are panel-level props, they
+        // are *not* used to seed the parent state).
+        const checkedState = signal({
+            leftChecked: [],
+            rightChecked: [],
+        });
+        const { onSourceCheckedChange, onTargetCheckedChange } = useCheckedChange(checkedState, (event, ...args) => emit(this, event, ...args));
+        const { addToLeft, addToRight } = useMove(props, checkedState, (event, ...args) => emit(this, event, ...args));
+        // faithful to EP: watch modelValue -> formItem.validate('change') when
+        // `validateEvent` is enabled (skipped when no form item is present).
+        const { formItem } = useFormItem();
+        watch(() => (props.vModel ? props.vModel.get() : props.modelValue), () => {
+            if (props.validateEvent !== false && formItem?.validate) {
+                formItem.validate('change').catch(NOOP);
+            }
+        });
+        // faithful to EP: buttonTexts / hasButtonTexts are reactive computed (props may change).
+        // EP defaults `buttonTexts` to `[]`, so an index that was not supplied is
+        // `undefined` (not `''`) — the templates below test with `isUndefined`,
+        // exactly like EP's `v-if="!isUndefined(buttonTexts[0])"`.
+        const buttonTexts = computed(() => (unref(props.buttonTexts) ?? []));
+        const hasButtonTexts = computed(() => (unref(props.buttonTexts)?.length ?? 0) === 2);
+        // TMPL-000: 整棵组件树作为 this.addChild 的参数，子节点内联，禁止中间变量。
+        // leftPanel / rightPanel 经 refEl 信号绑定（对应 Vue ref="leftPanel"/ref="rightPanel"），
+        // 信号句柄为 setup 内 const，并通过 EXPOSE-001 暴露为类字段 this.leftPanel/this.rightPanel。
+        this.addChild(new Div({
+            class: ns.b(),
+            slot: [
+                new TdTransferPanel({
+                    refEl: leftPanelRef,
+                    data: sourceData,
+                    // faithful to EP: `props.titles[0] || t('el.transfer.titles.0')`
+                    title: unref(props.titles)?.[0] || t('el.transfer.titles.0'),
+                    optionRender,
+                    placeholder: unref(props.filterPlaceholder) || t('el.transfer.filterPlaceholder'),
+                    filterable: unref(props.filterable),
+                    disabled: unref(props.disabled),
+                    format: unref(props.format),
+                    filterMethod: unref(props.filterMethod),
+                    defaultChecked: unref(props.leftDefaultChecked),
+                    props: unref(props.props),
+                    virtualScroll: unref(props.virtualScroll),
+                    itemSize: unref(props.itemSize),
+                    // EP: `<template #empty><slot name="left-empty"/></template><slot name="left-footer"/>`
+                    slots: {
+                        default: slots?.['left-footer'],
+                        empty: slots?.['left-empty'],
+                    },
+                    onCheckedChange: (val, movedKeys) => onSourceCheckedChange(val, movedKeys),
+                }),
+                new Div({
+                    class: ns.e('buttons'),
+                    slot: [
+                        // faithful to EP: icon first, then `<span v-if="!isUndefined(buttonTexts[0])">`
+                        new TdButton({
+                            type: 'primary',
+                            class: computed(() => [ns.e('button'), ns.is('with-texts', hasButtonTexts.get())]),
+                            icon: new ElArrowLeftSvg(),
+                            disabled: computed(() => (props.disabled ?? false) || checkedState.get().rightChecked.length === 0),
+                            onClick: () => addToLeft(),
+                            slot: () => isUndefined(buttonTexts.get()[0])
+                                ? ''
+                                : new Span({ slot: buttonTexts.get()[0] }),
+                        }),
+                        // faithful to EP: `<span v-if="!isUndefined(buttonTexts[1])">` comes
+                        // FIRST and `<el-icon>` LAST (the left button uses the opposite
+                        // order). `TdButton` always renders `icon` before `slot`, so the
+                        // trailing icon is placed inside the slot instead of via `icon`.
+                        new TdButton({
+                            type: 'primary',
+                            class: computed(() => [ns.e('button'), ns.is('with-texts', hasButtonTexts.get())]),
+                            disabled: computed(() => (props.disabled ?? false) || checkedState.get().leftChecked.length === 0),
+                            onClick: () => addToRight(),
+                            slot: () => [
+                                isUndefined(buttonTexts.get()[1])
+                                    ? ''
+                                    : new Span({ slot: buttonTexts.get()[1] }),
+                                new TdIcon({
+                                    class: buttonNs.is('icon'),
+                                    slot: new ElArrowRightSvg(),
+                                }),
+                            ],
+                        }),
+                    ],
+                }),
+                new TdTransferPanel({
+                    refEl: rightPanelRef,
+                    data: targetData,
+                    // faithful to EP: `props.titles[1] || t('el.transfer.titles.1')`
+                    title: unref(props.titles)?.[1] || t('el.transfer.titles.1'),
+                    optionRender,
+                    placeholder: unref(props.filterPlaceholder) || t('el.transfer.filterPlaceholder'),
+                    filterable: unref(props.filterable),
+                    disabled: unref(props.disabled),
+                    format: unref(props.format),
+                    filterMethod: unref(props.filterMethod),
+                    defaultChecked: unref(props.rightDefaultChecked),
+                    props: unref(props.props),
+                    virtualScroll: unref(props.virtualScroll),
+                    itemSize: unref(props.itemSize),
+                    // EP: `<template #empty><slot name="right-empty"/></template><slot name="right-footer"/>`
+                    slots: {
+                        default: slots?.['right-footer'],
+                        empty: slots?.['right-empty'],
+                    },
+                    onCheckedChange: (val, movedKeys) => onTargetCheckedChange(val, movedKeys),
+                }),
+            ],
+        }));
+        // EP defineExpose({ clearQuery }): exposed method (EXPOSE-001).
+        // `leftPanelRef`/`rightPanelRef` are setup-local const handles, so the
+        // closure captures them directly — no instance class field needed.
+        // faithful to EP: `which` is REQUIRED and a `switch` clears exactly one
+        // panel (any other value is a no-op); EP writes the exposed `query` ref
+        // directly (`leftPanel.value!.query = ''`).
+        this.clearQuery = (which) => {
+            switch (which) {
+                case 'left':
+                    leftPanelRef.get()?.query.set('');
+                    break;
+                case 'right':
+                    rightPanelRef.get()?.query.set('');
+                    break;
+            }
+        };
+    }
+}
+//# sourceMappingURL=td-transfer.class.js.map

package/dist/components/form/td-transfer/td-transfer.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-transfer.class.js","sourceRoot":"","sources":["../../../../src/components/form/td-transfer/td-transfer.class.ts"],"names":[],"mappings":"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"}

package/dist/components/form/td-transfer/td-transfer.const.d.ts

@@ -0,0 +1,36 @@
+import type { TransferKey, TransferPanelProps, TransferProps } from './td-transfer.interface';
+export declare const UPDATE_MODEL_EVENT = "update:modelValue";
+export declare const CHANGE_EVENT = "change";
+export declare const LEFT_CHECK_CHANGE_EVENT = "left-check-change";
+export declare const RIGHT_CHECK_CHANGE_EVENT = "right-check-change";
+export declare const CHECKED_CHANGE_EVENT = "checked-change";
+/**
+ * Props defaults, faithfully mapped from Element Plus `transferProps`.
+ *
+ * EP declares `filterPlaceholder: String` **without** a default, so the panel
+ * placeholder falls back to `t('el.transfer.filterPlaceholder')` at render
+ * time. It is deliberately absent here for the same reason.
+ */
+export declare const transferProps: TransferProps;
+export declare const transferCheckedChangeFn: (value: TransferKey[], movedKeys?: TransferKey[]) => boolean;
+export declare const transferEmits: {
+    change: (value: TransferKey[], direction: "left" | "right", movedKeys: TransferKey[]) => boolean;
+    "update:modelValue": (value: TransferKey[]) => boolean;
+    "left-check-change": (value: TransferKey[], movedKeys?: TransferKey[]) => boolean;
+    "right-check-change": (value: TransferKey[], movedKeys?: TransferKey[]) => boolean;
+};
+export type TransferEmits = typeof transferEmits;
+/**
+ * Emits of the panel, faithfully mapped from Element Plus
+ * `transferPanelEmits` / `transferCheckedChangeFn`.
+ */
+export declare const transferPanelEmits: {
+    "checked-change": (value: TransferKey[], movedKeys?: TransferKey[]) => boolean;
+};
+export type TransferPanelEmits = typeof transferPanelEmits;
+/**
+ * Props defaults of the panel, faithfully mapped from Element Plus
+ * `withDefaults(defineProps<TransferPanelProps>(), {...})`.
+ */
+export declare const transferPanelProps: TransferPanelProps;
+//# sourceMappingURL=td-transfer.const.d.ts.map

package/dist/components/form/td-transfer/td-transfer.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-transfer.const.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-transfer/td-transfer.const.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,aAAa,EACd,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,kBAAkB,sBAAsB,CAAC;AACtD,eAAO,MAAM,YAAY,WAAW,CAAC;AACrC,eAAO,MAAM,uBAAuB,sBAAsB,CAAC;AAC3D,eAAO,MAAM,wBAAwB,uBAAuB,CAAC;AAC7D,eAAO,MAAM,oBAAoB,mBAAmB,CAAC;AAErD;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,EAAE,aAmB3B,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAClC,OAAO,WAAW,EAAE,EACpB,YAAY,WAAW,EAAE,KACxB,OACwE,CAAC;AAE5E,eAAO,MAAM,aAAa;oBAEf,WAAW,EAAE,aACT,MAAM,GAAG,OAAO,aAChB,WAAW,EAAE;iCAII,WAAW,EAAE;iCAbpC,WAAW,EAAE,cACR,WAAW,EAAE,KACxB,OAAO;kCAFD,WAAW,EAAE,cACR,WAAW,EAAE,KACxB,OAAO;CAcT,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,OAAO,aAAa,CAAC;AAEjD;;;GAGG;AACH,eAAO,MAAM,kBAAkB;8BACG,WAAW,EAAE,cAAc,WAAW,EAAE;CAEzE,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,OAAO,kBAAkB,CAAC;AAE3D;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,kBAWhC,CAAC"}

package/dist/components/form/td-transfer/td-transfer.const.js

@@ -0,0 +1,65 @@
+import { isArray, isNil } from '@type-dom/utils';
+export const UPDATE_MODEL_EVENT = 'update:modelValue';
+export const CHANGE_EVENT = 'change';
+export const LEFT_CHECK_CHANGE_EVENT = 'left-check-change';
+export const RIGHT_CHECK_CHANGE_EVENT = 'right-check-change';
+export const CHECKED_CHANGE_EVENT = 'checked-change';
+/**
+ * Props defaults, faithfully mapped from Element Plus `transferProps`.
+ *
+ * EP declares `filterPlaceholder: String` **without** a default, so the panel
+ * placeholder falls back to `t('el.transfer.filterPlaceholder')` at render
+ * time. It is deliberately absent here for the same reason.
+ */
+export const transferProps = {
+    data: [],
+    titles: [],
+    buttonTexts: [],
+    filterable: false,
+    leftDefaultChecked: [],
+    rightDefaultChecked: [],
+    format: {},
+    modelValue: [],
+    props: {
+        label: 'label',
+        key: 'key',
+        disabled: 'disabled',
+    },
+    targetOrder: 'original',
+    validateEvent: true,
+    disabled: false,
+    virtualScroll: false,
+    itemSize: 30,
+};
+export const transferCheckedChangeFn = (value, movedKeys) => [value, movedKeys].every(isArray) || (isArray(value) && isNil(movedKeys));
+export const transferEmits = {
+    [CHANGE_EVENT]: (value, direction, movedKeys) => [value, movedKeys].every(isArray) &&
+        (direction === 'left' || direction === 'right'),
+    [UPDATE_MODEL_EVENT]: (value) => isArray(value),
+    [LEFT_CHECK_CHANGE_EVENT]: transferCheckedChangeFn,
+    [RIGHT_CHECK_CHANGE_EVENT]: transferCheckedChangeFn,
+};
+/**
+ * Emits of the panel, faithfully mapped from Element Plus
+ * `transferPanelEmits` / `transferCheckedChangeFn`.
+ */
+export const transferPanelEmits = {
+    [CHECKED_CHANGE_EVENT]: (value, movedKeys) => [value, movedKeys].every(isArray) || (isArray(value) && isNil(movedKeys)),
+};
+/**
+ * Props defaults of the panel, faithfully mapped from Element Plus
+ * `withDefaults(defineProps<TransferPanelProps>(), {...})`.
+ */
+export const transferPanelProps = {
+    data: [],
+    format: {},
+    defaultChecked: [],
+    props: {
+        label: 'label',
+        key: 'key',
+        disabled: 'disabled',
+    },
+    virtualScroll: false,
+    itemSize: 30,
+};
+//# sourceMappingURL=td-transfer.const.js.map

package/dist/components/form/td-transfer/td-transfer.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-transfer.const.js","sourceRoot":"","sources":["../../../../src/components/form/td-transfer/td-transfer.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAOjD,MAAM,CAAC,MAAM,kBAAkB,GAAG,mBAAmB,CAAC;AACtD,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC;AACrC,MAAM,CAAC,MAAM,uBAAuB,GAAG,mBAAmB,CAAC;AAC3D,MAAM,CAAC,MAAM,wBAAwB,GAAG,oBAAoB,CAAC;AAC7D,MAAM,CAAC,MAAM,oBAAoB,GAAG,gBAAgB,CAAC;AAErD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,aAAa,GAAkB;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,EAAiC;IACzC,WAAW,EAAE,EAAiC;IAC9C,UAAU,EAAE,KAAK;IACjB,kBAAkB,EAAE,EAAE;IACtB,mBAAmB,EAAE,EAAE;IACvB,MAAM,EAAE,EAAE;IACV,UAAU,EAAE,EAAE;IACd,KAAK,EAAE;QACL,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,KAAK;QACV,QAAQ,EAAE,UAAU;KACrB;IACD,WAAW,EAAE,UAAU;IACvB,aAAa,EAAE,IAAI;IACnB,QAAQ,EAAE,KAAK;IACf,aAAa,EAAE,KAAK;IACpB,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,KAAoB,EACpB,SAAyB,EAChB,EAAE,CACX,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;AAE5E,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,CAAC,YAAY,CAAC,EAAE,CACd,KAAoB,EACpB,SAA2B,EAC3B,SAAwB,EACxB,EAAE,CACF,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;QACjC,CAAC,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,OAAO,CAAC;IACjD,CAAC,kBAAkB,CAAC,EAAE,CAAC,KAAoB,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;IAC9D,CAAC,uBAAuB,CAAC,EAAE,uBAAuB;IAClD,CAAC,wBAAwB,CAAC,EAAE,uBAAuB;CACpD,CAAC;AAIF;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,CAAC,oBAAoB,CAAC,EAAE,CAAC,KAAoB,EAAE,SAAyB,EAAE,EAAE,CAC1E,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC;CAC5E,CAAC;AAIF;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAuB;IACpD,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,EAAE;IACV,cAAc,EAAE,EAAE;IAClB,KAAK,EAAE;QACL,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,KAAK;QACV,QAAQ,EAAE,UAAU;KACrB;IACD,aAAa,EAAE,KAAK;IACpB,QAAQ,EAAE,EAAE;CACb,CAAC"}

package/dist/components/form/td-transfer/td-transfer.hooks.d.ts

@@ -0,0 +1,46 @@
+import { type Computed, type Signal } from '@type-dom/signals';
+import type { TransferCheckProps, TransferCheckedState, TransferDataItem, TransferKey, TransferPanelState, TransferProps, TransferPropsAlias } from './td-transfer.interface';
+type EmitFn = (event: string, ...args: unknown[]) => void;
+/**
+ * Maps Element Plus `usePropsAlias`.
+ */
+export declare const usePropsAlias: (props: {
+    props?: TransferPropsAlias;
+}) => Computed<Required<TransferPropsAlias>>;
+/**
+ * Maps Element Plus `useComputedData`.
+ */
+export declare const useComputedData: (props: TransferProps) => {
+    sourceData: Computed<TransferDataItem[]>;
+    targetData: Computed<TransferDataItem[]>;
+};
+/**
+ * Maps Element Plus `useCheck`.
+ */
+export declare const useCheck: (props: TransferCheckProps, panelState: Signal<TransferPanelState>, emit: EmitFn) => {
+    filteredData: Computed<TransferDataItem[]>;
+    checkableData: Computed<TransferDataItem[]>;
+    checkedSummary: Computed<string>;
+    isIndeterminate: Computed<boolean>;
+    updateAllChecked: () => void;
+    handleAllCheckedChange: (value: boolean) => void;
+    checkboxGroupRef: Signal<HTMLElement>;
+    virtualListRef: Signal<any>;
+    virtualListHeight: Computed<number>;
+};
+/**
+ * Maps Element Plus `useMove`.
+ */
+export declare const useMove: (props: TransferProps, checkedState: Signal<TransferCheckedState>, emit: EmitFn) => {
+    addToLeft: () => void;
+    addToRight: () => void;
+};
+/**
+ * Maps Element Plus `useCheckedChange`.
+ */
+export declare const useCheckedChange: (checkedState: Signal<TransferCheckedState>, emit: EmitFn) => {
+    onSourceCheckedChange: (val: TransferKey[], movedKeys?: TransferKey[]) => void;
+    onTargetCheckedChange: (val: TransferKey[], movedKeys?: TransferKey[]) => void;
+};
+export {};
+//# sourceMappingURL=td-transfer.hooks.d.ts.map

package/dist/components/form/td-transfer/td-transfer.hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-transfer.hooks.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-transfer/td-transfer.hooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,QAAQ,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGjF,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,gBAAgB,EAEhB,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AASjC,KAAK,MAAM,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;AAU1D;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,OAAO;IAAE,KAAK,CAAC,EAAE,kBAAkB,CAAA;CAAE,KACpC,QAAQ,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAUvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,aAAa;;;CAoCnD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,GACnB,OAAO,kBAAkB,EACzB,YAAY,MAAM,CAAC,kBAAkB,CAAC,EACtC,MAAM,MAAM;;;;;;oCAoE2B,OAAO;;;;CAkH/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,GAClB,OAAO,aAAa,EACpB,cAAc,MAAM,CAAC,oBAAoB,CAAC,EAC1C,MAAM,MAAM;;;CAoDb,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,cAAc,MAAM,CAAC,oBAAoB,CAAC,EAAE,MAAM,MAAM;iCACnD,WAAW,EAAE,cAAc,WAAW,EAAE;iCAMxC,WAAW,EAAE,cAAc,WAAW,EAAE;CAU7E,CAAC"}