beyond-webui 1.1.18 → 1.1.19

package/es/components/transfer/index.d.ts

@@ -446,12 +446,12 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
                 onChange?: ((val: import("..").CheckboxValueType) => any) | undefined;
                 "onUpdate:modelValue"?: ((val: import("..").CheckboxValueType) => any) | undefined;
             }, {
+                border: boolean;
+                disabled: boolean;
                 modelValue: string | number | boolean;
                 id: string;
-                disabled: boolean;
                 name: string;
                 validateEvent: boolean;
-                border: boolean;
                 indeterminate: boolean;
                 checked: boolean;
                 trueLabel: string | number;
@@ -632,12 +632,12 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
                     onChange?: ((val: import("..").CheckboxValueType) => any) | undefined;
                     "onUpdate:modelValue"?: ((val: import("..").CheckboxValueType) => any) | undefined;
                 }, {
+                    border: boolean;
+                    disabled: boolean;
                     modelValue: string | number | boolean;
                     id: string;
-                    disabled: boolean;
                     name: string;
                     validateEvent: boolean;
-                    border: boolean;
                     indeterminate: boolean;
                     checked: boolean;
                     trueLabel: string | number;
@@ -728,8 +728,8 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
                     onChange?: ((val: import("..").CheckboxValueType[]) => any) | undefined;
                     "onUpdate:modelValue"?: ((val: import("..").CheckboxGroupValueType) => any) | undefined;
                 }, {
-                    readonly modelValue: import("..").CheckboxGroupValueType;
                     readonly disabled: boolean;
+                    readonly modelValue: import("..").CheckboxGroupValueType;
                     readonly validateEvent: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                     readonly tag: string;
                 }>;
@@ -818,8 +818,8 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
                 onChange?: ((val: import("..").CheckboxValueType[]) => any) | undefined;
                 "onUpdate:modelValue"?: ((val: import("..").CheckboxGroupValueType) => any) | undefined;
             }, {
-                readonly modelValue: import("..").CheckboxGroupValueType;
                 readonly disabled: boolean;
+                readonly modelValue: import("..").CheckboxGroupValueType;
                 readonly validateEvent: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly tag: string;
             }>>;
@@ -1163,10 +1163,10 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
                 onPasswordVisible?: ((value: boolean) => any) | undefined;
             }, {
                 readonly type: string;
+                readonly disabled: boolean;
                 readonly modelValue: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
                 readonly label: string;
                 readonly id: string;
-                readonly disabled: boolean;
                 readonly clearable: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly isFloat: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly inputState: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -1506,12 +1506,12 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
             onChange?: ((val: import("..").CheckboxValueType) => any) | undefined;
             "onUpdate:modelValue"?: ((val: import("..").CheckboxValueType) => any) | undefined;
         }, {
+            border: boolean;
+            disabled: boolean;
             modelValue: string | number | boolean;
             id: string;
-            disabled: boolean;
             name: string;
             validateEvent: boolean;
-            border: boolean;
             indeterminate: boolean;
             checked: boolean;
             trueLabel: string | number;
@@ -1692,12 +1692,12 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
                 onChange?: ((val: import("..").CheckboxValueType) => any) | undefined;
                 "onUpdate:modelValue"?: ((val: import("..").CheckboxValueType) => any) | undefined;
             }, {
+                border: boolean;
+                disabled: boolean;
                 modelValue: string | number | boolean;
                 id: string;
-                disabled: boolean;
                 name: string;
                 validateEvent: boolean;
-                border: boolean;
                 indeterminate: boolean;
                 checked: boolean;
                 trueLabel: string | number;
@@ -1788,8 +1788,8 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
                 onChange?: ((val: import("..").CheckboxValueType[]) => any) | undefined;
                 "onUpdate:modelValue"?: ((val: import("..").CheckboxGroupValueType) => any) | undefined;
             }, {
-                readonly modelValue: import("..").CheckboxGroupValueType;
                 readonly disabled: boolean;
+                readonly modelValue: import("..").CheckboxGroupValueType;
                 readonly validateEvent: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly tag: string;
             }>;
@@ -1878,8 +1878,8 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
             onChange?: ((val: import("..").CheckboxValueType[]) => any) | undefined;
             "onUpdate:modelValue"?: ((val: import("..").CheckboxGroupValueType) => any) | undefined;
         }, {
-            readonly modelValue: import("..").CheckboxGroupValueType;
             readonly disabled: boolean;
+            readonly modelValue: import("..").CheckboxGroupValueType;
             readonly validateEvent: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly tag: string;
         }>>;
@@ -2223,10 +2223,10 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
             onPasswordVisible?: ((value: boolean) => any) | undefined;
         }, {
             readonly type: string;
+            readonly disabled: boolean;
             readonly modelValue: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
             readonly label: string;
             readonly id: string;
-            readonly disabled: boolean;
             readonly clearable: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly isFloat: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly inputState: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -2592,12 +2592,12 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
                 onChange?: ((val: import("..").CheckboxValueType) => any) | undefined;
                 "onUpdate:modelValue"?: ((val: import("..").CheckboxValueType) => any) | undefined;
             }, {
+                border: boolean;
+                disabled: boolean;
                 modelValue: string | number | boolean;
                 id: string;
-                disabled: boolean;
                 name: string;
                 validateEvent: boolean;
-                border: boolean;
                 indeterminate: boolean;
                 checked: boolean;
                 trueLabel: string | number;
@@ -2778,12 +2778,12 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
                     onChange?: ((val: import("..").CheckboxValueType) => any) | undefined;
                     "onUpdate:modelValue"?: ((val: import("..").CheckboxValueType) => any) | undefined;
                 }, {
+                    border: boolean;
+                    disabled: boolean;
                     modelValue: string | number | boolean;
                     id: string;
-                    disabled: boolean;
                     name: string;
                     validateEvent: boolean;
-                    border: boolean;
                     indeterminate: boolean;
                     checked: boolean;
                     trueLabel: string | number;
@@ -2874,8 +2874,8 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
                     onChange?: ((val: import("..").CheckboxValueType[]) => any) | undefined;
                     "onUpdate:modelValue"?: ((val: import("..").CheckboxGroupValueType) => any) | undefined;
                 }, {
-                    readonly modelValue: import("..").CheckboxGroupValueType;
                     readonly disabled: boolean;
+                    readonly modelValue: import("..").CheckboxGroupValueType;
                     readonly validateEvent: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                     readonly tag: string;
                 }>;
@@ -2964,8 +2964,8 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
                 onChange?: ((val: import("..").CheckboxValueType[]) => any) | undefined;
                 "onUpdate:modelValue"?: ((val: import("..").CheckboxGroupValueType) => any) | undefined;
             }, {
-                readonly modelValue: import("..").CheckboxGroupValueType;
                 readonly disabled: boolean;
+                readonly modelValue: import("..").CheckboxGroupValueType;
                 readonly validateEvent: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly tag: string;
             }>>;
@@ -3309,10 +3309,10 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
                 onPasswordVisible?: ((value: boolean) => any) | undefined;
             }, {
                 readonly type: string;
+                readonly disabled: boolean;
                 readonly modelValue: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
                 readonly label: string;
                 readonly id: string;
-                readonly disabled: boolean;
                 readonly clearable: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly isFloat: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly inputState: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -3652,12 +3652,12 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
             onChange?: ((val: import("..").CheckboxValueType) => any) | undefined;
             "onUpdate:modelValue"?: ((val: import("..").CheckboxValueType) => any) | undefined;
         }, {
+            border: boolean;
+            disabled: boolean;
             modelValue: string | number | boolean;
             id: string;
-            disabled: boolean;
             name: string;
             validateEvent: boolean;
-            border: boolean;
             indeterminate: boolean;
             checked: boolean;
             trueLabel: string | number;
@@ -3838,12 +3838,12 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
                 onChange?: ((val: import("..").CheckboxValueType) => any) | undefined;
                 "onUpdate:modelValue"?: ((val: import("..").CheckboxValueType) => any) | undefined;
             }, {
+                border: boolean;
+                disabled: boolean;
                 modelValue: string | number | boolean;
                 id: string;
-                disabled: boolean;
                 name: string;
                 validateEvent: boolean;
-                border: boolean;
                 indeterminate: boolean;
                 checked: boolean;
                 trueLabel: string | number;
@@ -3934,8 +3934,8 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
                 onChange?: ((val: import("..").CheckboxValueType[]) => any) | undefined;
                 "onUpdate:modelValue"?: ((val: import("..").CheckboxGroupValueType) => any) | undefined;
             }, {
-                readonly modelValue: import("..").CheckboxGroupValueType;
                 readonly disabled: boolean;
+                readonly modelValue: import("..").CheckboxGroupValueType;
                 readonly validateEvent: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly tag: string;
             }>;
@@ -4024,8 +4024,8 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
             onChange?: ((val: import("..").CheckboxValueType[]) => any) | undefined;
             "onUpdate:modelValue"?: ((val: import("..").CheckboxGroupValueType) => any) | undefined;
         }, {
-            readonly modelValue: import("..").CheckboxGroupValueType;
             readonly disabled: boolean;
+            readonly modelValue: import("..").CheckboxGroupValueType;
             readonly validateEvent: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly tag: string;
         }>>;
@@ -4369,10 +4369,10 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
             onPasswordVisible?: ((value: boolean) => any) | undefined;
         }, {
             readonly type: string;
+            readonly disabled: boolean;
             readonly modelValue: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
             readonly label: string;
             readonly id: string;
-            readonly disabled: boolean;
             readonly clearable: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly isFloat: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly inputState: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -4605,10 +4605,10 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
         readonly type: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown>;
         readonly link: boolean;
         readonly dark: boolean;
-        readonly disabled: boolean;
-        readonly text: boolean;
-        readonly round: boolean;
         readonly circle: boolean;
+        readonly round: boolean;
+        readonly text: boolean;
+        readonly disabled: boolean;
         readonly tag: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
         readonly nativeType: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "reset" | "submit" | "button", unknown>;
         readonly loadingIcon: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
@@ -5022,12 +5022,12 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
             onChange?: ((val: import("..").CheckboxValueType) => any) | undefined;
             "onUpdate:modelValue"?: ((val: import("..").CheckboxValueType) => any) | undefined;
         }, {
+            border: boolean;
+            disabled: boolean;
             modelValue: string | number | boolean;
             id: string;
-            disabled: boolean;
             name: string;
             validateEvent: boolean;
-            border: boolean;
             indeterminate: boolean;
             checked: boolean;
             trueLabel: string | number;
@@ -5208,12 +5208,12 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
                 onChange?: ((val: import("..").CheckboxValueType) => any) | undefined;
                 "onUpdate:modelValue"?: ((val: import("..").CheckboxValueType) => any) | undefined;
             }, {
+                border: boolean;
+                disabled: boolean;
                 modelValue: string | number | boolean;
                 id: string;
-                disabled: boolean;
                 name: string;
                 validateEvent: boolean;
-                border: boolean;
                 indeterminate: boolean;
                 checked: boolean;
                 trueLabel: string | number;
@@ -5304,8 +5304,8 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
                 onChange?: ((val: import("..").CheckboxValueType[]) => any) | undefined;
                 "onUpdate:modelValue"?: ((val: import("..").CheckboxGroupValueType) => any) | undefined;
             }, {
-                readonly modelValue: import("..").CheckboxGroupValueType;
                 readonly disabled: boolean;
+                readonly modelValue: import("..").CheckboxGroupValueType;
                 readonly validateEvent: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly tag: string;
             }>;
@@ -5394,8 +5394,8 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
             onChange?: ((val: import("..").CheckboxValueType[]) => any) | undefined;
             "onUpdate:modelValue"?: ((val: import("..").CheckboxGroupValueType) => any) | undefined;
         }, {
-            readonly modelValue: import("..").CheckboxGroupValueType;
             readonly disabled: boolean;
+            readonly modelValue: import("..").CheckboxGroupValueType;
             readonly validateEvent: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly tag: string;
         }>>;
@@ -5739,10 +5739,10 @@ export declare const ElTransfer: import("beyond-webui/es/utils").SFCWithInstall<
             onPasswordVisible?: ((value: boolean) => any) | undefined;
         }, {
             readonly type: string;
+            readonly disabled: boolean;
             readonly modelValue: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
             readonly label: string;
             readonly id: string;
-            readonly disabled: boolean;
             readonly clearable: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly isFloat: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly inputState: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/transfer/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Transfer from './src/transfer2.mjs';
-export { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, transferCheckedChangeFn, transferEmits, transferProps } from './src/transfer.mjs';
+import Transfer from './src/transfer.mjs';
+export { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, transferCheckedChangeFn, transferEmits, transferProps } from './src/transfer2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElTransfer = withInstall(Transfer);

package/es/components/transfer/src/composables/use-checked-change.mjs

@@ -1,4 +1,4 @@
-import { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT } from '../transfer.mjs';
+import { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT } from '../transfer2.mjs';
 
 const useCheckedChange = (checkedState, emit) => {
   const onSourceCheckedChange = (val, movedKeys) => {

package/es/components/transfer/src/transfer-panel.vue.d.ts

@@ -284,12 +284,12 @@ declare const _default: import("vue").DefineComponent<{
         onChange?: ((val: import("beyond-webui/es/components/checkbox").CheckboxValueType) => any) | undefined;
         "onUpdate:modelValue"?: ((val: import("beyond-webui/es/components/checkbox").CheckboxValueType) => any) | undefined;
     }, {
+        border: boolean;
+        disabled: boolean;
         modelValue: string | number | boolean;
         id: string;
-        disabled: boolean;
         name: string;
         validateEvent: boolean;
-        border: boolean;
         indeterminate: boolean;
         checked: boolean;
         trueLabel: string | number;
@@ -470,12 +470,12 @@ declare const _default: import("vue").DefineComponent<{
             onChange?: ((val: import("beyond-webui/es/components/checkbox").CheckboxValueType) => any) | undefined;
             "onUpdate:modelValue"?: ((val: import("beyond-webui/es/components/checkbox").CheckboxValueType) => any) | undefined;
         }, {
+            border: boolean;
+            disabled: boolean;
             modelValue: string | number | boolean;
             id: string;
-            disabled: boolean;
             name: string;
             validateEvent: boolean;
-            border: boolean;
             indeterminate: boolean;
             checked: boolean;
             trueLabel: string | number;
@@ -566,8 +566,8 @@ declare const _default: import("vue").DefineComponent<{
             onChange?: ((val: import("beyond-webui/es/components/checkbox").CheckboxValueType[]) => any) | undefined;
             "onUpdate:modelValue"?: ((val: import("beyond-webui/es/components/checkbox").CheckboxGroupValueType) => any) | undefined;
         }, {
-            readonly modelValue: import("beyond-webui/es/components/checkbox").CheckboxGroupValueType;
             readonly disabled: boolean;
+            readonly modelValue: import("beyond-webui/es/components/checkbox").CheckboxGroupValueType;
             readonly validateEvent: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly tag: string;
         }>;
@@ -656,8 +656,8 @@ declare const _default: import("vue").DefineComponent<{
         onChange?: ((val: import("beyond-webui/es/components/checkbox").CheckboxValueType[]) => any) | undefined;
         "onUpdate:modelValue"?: ((val: import("beyond-webui/es/components/checkbox").CheckboxGroupValueType) => any) | undefined;
     }, {
-        readonly modelValue: import("beyond-webui/es/components/checkbox").CheckboxGroupValueType;
         readonly disabled: boolean;
+        readonly modelValue: import("beyond-webui/es/components/checkbox").CheckboxGroupValueType;
         readonly validateEvent: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly tag: string;
     }>>;
@@ -1001,10 +1001,10 @@ declare const _default: import("vue").DefineComponent<{
         onPasswordVisible?: ((value: boolean) => any) | undefined;
     }, {
         readonly type: string;
+        readonly disabled: boolean;
         readonly modelValue: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
         readonly label: string;
         readonly id: string;
-        readonly disabled: boolean;
         readonly clearable: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly isFloat: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly inputState: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/transfer/src/transfer-panel2.mjs

@@ -1,5 +1,5 @@
 import '../../../utils/index.mjs';
-import { transferProps, transferCheckedChangeFn } from './transfer.mjs';
+import { transferProps, transferCheckedChangeFn } from './transfer2.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
 const CHECKED_CHANGE_EVENT = "checked-change";

package/es/components/transfer/src/transfer.mjs

@@ -1,75 +1,166 @@
-import { isNil } from 'lodash-unified';
+import { defineComponent, useSlots, reactive, ref, computed, watch, h, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, renderSlot, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
 import '../../../utils/index.mjs';
-import '../../../constants/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { mutable } from '../../../utils/typescript.mjs';
-import { isArray } from '@vue/shared';
-import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
+import '../../../hooks/index.mjs';
+import { ElButton } from '../../button/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import '../../form/index.mjs';
+import { ArrowLeft, ArrowRight } from '@element-plus/icons-vue';
+import { transferProps, transferEmits } from './transfer2.mjs';
+import './composables/index.mjs';
+import TransferPanel from './transfer-panel.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useFormItem } from '../../form/src/hooks/use-form-item.mjs';
+import { usePropsAlias } from './composables/use-props-alias.mjs';
+import { useComputedData } from './composables/use-computed-data.mjs';
+import { useCheckedChange } from './composables/use-checked-change.mjs';
+import { useMove } from './composables/use-move.mjs';
+import { debugWarn } from '../../../utils/error.mjs';
+import { isEmpty, isUndefined } from '../../../utils/types.mjs';
 
-const LEFT_CHECK_CHANGE_EVENT = "left-check-change";
-const RIGHT_CHECK_CHANGE_EVENT = "right-check-change";
-const transferProps = buildProps({
-  data: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  titles: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  buttonTexts: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  filterPlaceholder: String,
-  filterMethod: {
-    type: definePropType(Function)
-  },
-  leftDefaultChecked: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  rightDefaultChecked: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  renderContent: {
-    type: definePropType(Function)
-  },
-  modelValue: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  format: {
-    type: definePropType(Object),
-    default: () => ({})
-  },
-  filterable: Boolean,
-  props: {
-    type: definePropType(Object),
-    default: () => mutable({
-      label: "label",
-      key: "key",
-      disabled: "disabled"
-    })
-  },
-  targetOrder: {
-    type: String,
-    values: ["original", "push", "unshift"],
-    default: "original"
-  },
-  validateEvent: {
-    type: Boolean,
-    default: true
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 0 };
+const __default__ = defineComponent({
+  name: "ElTransfer"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: transferProps,
+  emits: transferEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const slots = useSlots();
+    const { t } = useLocale();
+    const ns = useNamespace("transfer");
+    const { formItem } = useFormItem();
+    const checkedState = reactive({
+      leftChecked: [],
+      rightChecked: []
+    });
+    const propsAlias = usePropsAlias(props);
+    const { sourceData, targetData } = useComputedData(props);
+    const { onSourceCheckedChange, onTargetCheckedChange } = useCheckedChange(checkedState, emit);
+    const { addToLeft, addToRight } = useMove(props, checkedState, emit);
+    const leftPanel = ref();
+    const rightPanel = ref();
+    const clearQuery = (which) => {
+      switch (which) {
+        case "left":
+          leftPanel.value.query = "";
+          break;
+        case "right":
+          rightPanel.value.query = "";
+          break;
+      }
+    };
+    const hasButtonTexts = computed(() => props.buttonTexts.length === 2);
+    const leftPanelTitle = computed(() => props.titles[0] || t("el.transfer.titles.0"));
+    const rightPanelTitle = computed(() => props.titles[1] || t("el.transfer.titles.1"));
+    const panelFilterPlaceholder = computed(() => props.filterPlaceholder || t("el.transfer.filterPlaceholder"));
+    watch(() => props.modelValue, () => {
+      var _a;
+      if (props.validateEvent) {
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn(err));
+      }
+    });
+    const optionRender = computed(() => (option) => {
+      if (props.renderContent)
+        return props.renderContent(h, option);
+      if (slots.default)
+        return slots.default({ option });
+      return h("span", option[propsAlias.value.label] || option[propsAlias.value.key]);
+    });
+    expose({
+      clearQuery,
+      leftPanel,
+      rightPanel
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).b())
+      }, [
+        createVNode(TransferPanel, {
+          ref_key: "leftPanel",
+          ref: leftPanel,
+          data: unref(sourceData),
+          "option-render": unref(optionRender),
+          placeholder: unref(panelFilterPlaceholder),
+          title: unref(leftPanelTitle),
+          filterable: _ctx.filterable,
+          format: _ctx.format,
+          "filter-method": _ctx.filterMethod,
+          "default-checked": _ctx.leftDefaultChecked,
+          props: props.props,
+          onCheckedChange: unref(onSourceCheckedChange)
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "left-footer")
+          ]),
+          _: 3
+        }, 8, ["data", "option-render", "placeholder", "title", "filterable", "format", "filter-method", "default-checked", "props", "onCheckedChange"]),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("buttons"))
+        }, [
+          createVNode(unref(ElButton), {
+            type: "primary",
+            class: normalizeClass([unref(ns).e("button"), unref(ns).is("with-texts", unref(hasButtonTexts))]),
+            disabled: unref(isEmpty)(checkedState.rightChecked),
+            onClick: unref(addToLeft)
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ElIcon), null, {
+                default: withCtx(() => [
+                  createVNode(unref(ArrowLeft))
+                ]),
+                _: 1
+              }),
+              !unref(isUndefined)(_ctx.buttonTexts[0]) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.buttonTexts[0]), 1)) : createCommentVNode("v-if", true)
+            ]),
+            _: 1
+          }, 8, ["class", "disabled", "onClick"]),
+          createVNode(unref(ElButton), {
+            type: "primary",
+            class: normalizeClass([unref(ns).e("button"), unref(ns).is("with-texts", unref(hasButtonTexts))]),
+            disabled: unref(isEmpty)(checkedState.leftChecked),
+            onClick: unref(addToRight)
+          }, {
+            default: withCtx(() => [
+              !unref(isUndefined)(_ctx.buttonTexts[1]) ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.buttonTexts[1]), 1)) : createCommentVNode("v-if", true),
+              createVNode(unref(ElIcon), null, {
+                default: withCtx(() => [
+                  createVNode(unref(ArrowRight))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["class", "disabled", "onClick"])
+        ], 2),
+        createVNode(TransferPanel, {
+          ref_key: "rightPanel",
+          ref: rightPanel,
+          data: unref(targetData),
+          "option-render": unref(optionRender),
+          placeholder: unref(panelFilterPlaceholder),
+          filterable: _ctx.filterable,
+          format: _ctx.format,
+          "filter-method": _ctx.filterMethod,
+          title: unref(rightPanelTitle),
+          "default-checked": _ctx.rightDefaultChecked,
+          props: props.props,
+          onCheckedChange: unref(onTargetCheckedChange)
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "right-footer")
+          ]),
+          _: 3
+        }, 8, ["data", "option-render", "placeholder", "filterable", "format", "filter-method", "title", "default-checked", "props", "onCheckedChange"])
+      ], 2);
+    };
   }
 });
-const transferCheckedChangeFn = (value, movedKeys) => [value, movedKeys].every(isArray) || isArray(value) && isNil(movedKeys);
-const transferEmits = {
-  [CHANGE_EVENT]: (value, direction, movedKeys) => [value, movedKeys].every(isArray) && ["left", "right"].includes(direction),
-  [UPDATE_MODEL_EVENT]: (value) => isArray(value),
-  [LEFT_CHECK_CHANGE_EVENT]: transferCheckedChangeFn,
-  [RIGHT_CHECK_CHANGE_EVENT]: transferCheckedChangeFn
-};
+var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\BeyondTrucks\\beyond-ui\\packages\\components\\transfer\\src\\transfer.vue"]]);
 
-export { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, transferCheckedChangeFn, transferEmits, transferProps };
+export { Transfer as default };
 //# sourceMappingURL=transfer.mjs.map