element-plus-secondary 0.5.12 → 0.5.13

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

@@ -6,7 +6,7 @@ import { ElIcon } from '../../icon/index.mjs';
 import { ArrowLeft, ArrowRight } from '@element-plus/icons-vue';
 import { transferProps, transferEmits } from './transfer.mjs';
 import './composables/index.mjs';
-import TransferPanel from './transfer-panel.mjs';
+import TransferPanel from './transfer-panel2.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';

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

@@ -435,9 +435,9 @@ declare const _Tree: SFCWithInstall<import("vue").DefineComponent<{
 }, {
     lazy: boolean;
     props: import("./src/tree.type").TreeOptionProps;
-    effect: string;
-    menu: boolean;
     data: unknown[];
+    menu: boolean;
+    effect: string;
     checkStrictly: boolean;
     accordion: boolean;
     draggable: boolean;
@@ -888,9 +888,9 @@ export declare const ElTree: SFCWithInstall<import("vue").DefineComponent<{
 }, {
     lazy: boolean;
     props: import("./src/tree.type").TreeOptionProps;
-    effect: string;
-    menu: boolean;
     data: unknown[];
+    menu: boolean;
+    effect: string;
     checkStrictly: boolean;
     accordion: boolean;
     draggable: boolean;

package/es/components/tree/src/tree-node.vue.d.ts

@@ -92,8 +92,8 @@ declare const _default: import("vue").DefineComponent<{
     "onNode-expand"?: ((...args: any[]) => any) | undefined;
 }, {
     props: TreeOptionProps;
-    effect: string;
     menu: boolean;
+    effect: string;
     node: Node;
     accordion: boolean;
     renderAfterExpand: boolean;

package/es/components/tree/src/tree.vue.d.ts

@@ -438,9 +438,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     lazy: boolean;
     props: import("./tree.type").TreeOptionProps;
-    effect: string;
-    menu: boolean;
     data: unknown[];
+    menu: boolean;
+    effect: string;
     checkStrictly: boolean;
     accordion: boolean;
     draggable: boolean;

package/es/components/tree-select/src/tree-select.mjs

@@ -20,7 +20,6 @@ const _sfc_main = defineComponent({
     const key = computed(() => props.nodeKey || props.valueKey || "value");
     const selectProps = useSelect(props, context, { select, tree, key });
     const treeProps = useTree(props, context, { select, tree, key });
-    console.log("selectProps", selectProps, treeProps);
     const methods = reactive({});
     expose(methods);
     onMounted(() => {

package/es/components/tree-select/src/tree-select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tree-select.mjs","sources":["../../../../../../packages/components/tree-select/src/tree-select.vue"],"sourcesContent":["<script lang=\"ts\">\n// @ts-nocheck\nimport { computed, defineComponent, h, onMounted, reactive, ref } from \"vue\";\nimport { pick } from \"lodash-unified\";\nimport ElSelect from \"@element-plus/components/select\";\nimport ElTree from \"@element-plus/components/tree\";\nimport { useSelect } from \"./select\";\nimport { useTree } from \"./tree\";\n\nexport default defineComponent({\n  name: \"ElTreeSelect\",\n  // disable `ElSelect` inherit current attrs\n  inheritAttrs: false,\n  props: {\n    ...ElSelect.props,\n    ...ElTree.props,\n  },\n  setup(props, context) {\n    const { slots, expose } = context;\n\n    const select = ref<InstanceType<typeof ElSelect>>();\n    const tree = ref<InstanceType<typeof ElTree>>();\n\n    const key = computed(() => props.nodeKey || props.valueKey || \"value\");\n\n    const selectProps = useSelect(props, context, { select, tree, key });\n    const treeProps = useTree(props, context, { select, tree, key });\n    console.log(\"selectProps\", selectProps, treeProps);\n\n    // expose ElTree/ElSelect methods\n    const methods = reactive({});\n    expose(methods);\n    onMounted(() => {\n      Object.assign(methods, {\n        ...pick(tree.value, [\n          \"filter\",\n          \"updateKeyChildren\",\n          \"getCheckedNodes\",\n          \"setCheckedNodes\",\n          \"getCheckedKeys\",\n          \"setCheckedKeys\",\n          \"setChecked\",\n          \"getHalfCheckedNodes\",\n          \"getHalfCheckedKeys\",\n          \"getCurrentKey\",\n          \"getCurrentNode\",\n          \"setCurrentKey\",\n          \"setCurrentNode\",\n          \"getNode\",\n          \"remove\",\n          \"append\",\n          \"insertBefore\",\n          \"insertAfter\",\n        ]),\n        ...pick(select.value, [\"focus\", \"blur\"]),\n      });\n    });\n\n    return () =>\n      h(\n        ElSelect,\n        /**\n         * 1. The `props` is processed into `Refs`, but `v-bind` and\n         * render function props cannot read `Refs`, so use `reactive`\n         * unwrap the `Refs` and keep reactive.\n         * 2. The keyword `ref` requires `Ref`, but `reactive` broke it,\n         * so use function.\n         */\n        reactive({\n          ...selectProps,\n          ref: (ref) => (select.value = ref),\n        }),\n        {\n          ...slots,\n          default: () =>\n            h(\n              ElTree,\n              reactive({\n                ...treeProps,\n                ref: (ref) => (tree.value = ref),\n              })\n            ),\n        }\n      );\n  },\n});\n</script>\n"],"names":["ElTree"],"mappings":";;;;;;;;AASA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,cAAA;AAAA,EAEN,YAAc,EAAA,KAAA;AAAA,EACd,KAAO,EAAA;AAAA,IACL,GAAG,QAAS,CAAA,KAAA;AAAA,IACZ,GAAGA,KAAO,CAAA,KAAA;AAAA,GACZ;AAAA,EACA,KAAA,CAAM,OAAO,OAAS,EAAA;AACpB,IAAM,MAAA,EAAE,OAAO,MAAW,EAAA,GAAA,OAAA,CAAA;AAE1B,IAAA,MAAM,SAAS,GAAmC,EAAA,CAAA;AAClD,IAAA,MAAM,OAAO,GAAiC,EAAA,CAAA;AAE9C,IAAA,MAAM,MAAM,QAAS,CAAA,MAAM,MAAM,OAAW,IAAA,KAAA,CAAM,YAAY,OAAO,CAAA,CAAA;AAErE,IAAM,MAAA,WAAA,GAAc,UAAU,KAAO,EAAA,OAAA,EAAS,EAAE,MAAQ,EAAA,IAAA,EAAM,KAAK,CAAA,CAAA;AACnE,IAAM,MAAA,SAAA,GAAY,QAAQ,KAAO,EAAA,OAAA,EAAS,EAAE,MAAQ,EAAA,IAAA,EAAM,KAAK,CAAA,CAAA;AAC/D,IAAQ,OAAA,CAAA,GAAA,CAAI,aAAe,EAAA,WAAA,EAAa,SAAS,CAAA,CAAA;AAGjD,IAAM,MAAA,OAAA,GAAU,QAAS,CAAA,EAAE,CAAA,CAAA;AAC3B,IAAA,MAAA,CAAO,OAAO,CAAA,CAAA;AACd,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,MAAA,CAAO,OAAO,OAAS,EAAA;AAAA,QACrB,GAAG,IAAK,CAAA,IAAA,CAAK,KAAO,EAAA;AAAA,UAClB,QAAA;AAAA,UACA,mBAAA;AAAA,UACA,iBAAA;AAAA,UACA,iBAAA;AAAA,UACA,gBAAA;AAAA,UACA,gBAAA;AAAA,UACA,YAAA;AAAA,UACA,qBAAA;AAAA,UACA,oBAAA;AAAA,UACA,eAAA;AAAA,UACA,gBAAA;AAAA,UACA,eAAA;AAAA,UACA,gBAAA;AAAA,UACA,SAAA;AAAA,UACA,QAAA;AAAA,UACA,QAAA;AAAA,UACA,cAAA;AAAA,UACA,aAAA;AAAA,SACD,CAAA;AAAA,QACD,GAAG,IAAK,CAAA,MAAA,CAAO,OAAO,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAAA,OACxC,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAO,OAAA,MACL,CACE,CAAA,QAAA,EAQA,QAAS,CAAA;AAAA,MACP,GAAG,WAAA;AAAA,MACH,GAAK,EAAA,CAAC,IAAS,KAAA,MAAA,CAAO,KAAQ,GAAA,IAAA;AAAA,KAC/B,CACD,EAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACH,OAAS,EAAA,MACP,CACE,CAAAA,KAAA,EACA,QAAS,CAAA;AAAA,QACP,GAAG,SAAA;AAAA,QACH,GAAK,EAAA,CAAC,IAAS,KAAA,IAAA,CAAK,KAAQ,GAAA,IAAA;AAAA,OAC7B,CACH,CAAA;AAAA,KAEN,CAAA,CAAA;AAAA,GACJ;AACF,CAAC,CAAA,CAAA;;;;;"}
+{"version":3,"file":"tree-select.mjs","sources":["../../../../../../packages/components/tree-select/src/tree-select.vue"],"sourcesContent":["<script lang=\"ts\">\n// @ts-nocheck\nimport { computed, defineComponent, h, onMounted, reactive, ref } from 'vue'\nimport { pick } from 'lodash-unified'\nimport ElSelect from '@element-plus/components/select'\nimport ElTree from '@element-plus/components/tree'\nimport { useSelect } from './select'\nimport { useTree } from './tree'\n\nexport default defineComponent({\n  name: 'ElTreeSelect',\n  // disable `ElSelect` inherit current attrs\n  inheritAttrs: false,\n  props: {\n    ...ElSelect.props,\n    ...ElTree.props,\n  },\n  setup(props, context) {\n    const { slots, expose } = context\n\n    const select = ref<InstanceType<typeof ElSelect>>()\n    const tree = ref<InstanceType<typeof ElTree>>()\n\n    const key = computed(() => props.nodeKey || props.valueKey || 'value')\n\n    const selectProps = useSelect(props, context, { select, tree, key })\n    const treeProps = useTree(props, context, { select, tree, key })\n\n    // expose ElTree/ElSelect methods\n    const methods = reactive({})\n    expose(methods)\n    onMounted(() => {\n      Object.assign(methods, {\n        ...pick(tree.value, [\n          'filter',\n          'updateKeyChildren',\n          'getCheckedNodes',\n          'setCheckedNodes',\n          'getCheckedKeys',\n          'setCheckedKeys',\n          'setChecked',\n          'getHalfCheckedNodes',\n          'getHalfCheckedKeys',\n          'getCurrentKey',\n          'getCurrentNode',\n          'setCurrentKey',\n          'setCurrentNode',\n          'getNode',\n          'remove',\n          'append',\n          'insertBefore',\n          'insertAfter',\n        ]),\n        ...pick(select.value, ['focus', 'blur']),\n      })\n    })\n\n    return () =>\n      h(\n        ElSelect,\n        /**\n         * 1. The `props` is processed into `Refs`, but `v-bind` and\n         * render function props cannot read `Refs`, so use `reactive`\n         * unwrap the `Refs` and keep reactive.\n         * 2. The keyword `ref` requires `Ref`, but `reactive` broke it,\n         * so use function.\n         */\n        reactive({\n          ...selectProps,\n          ref: (ref) => (select.value = ref),\n        }),\n        {\n          ...slots,\n          default: () =>\n            h(\n              ElTree,\n              reactive({\n                ...treeProps,\n                ref: (ref) => (tree.value = ref),\n              })\n            ),\n        }\n      )\n  },\n})\n</script>\n"],"names":["ElTree"],"mappings":";;;;;;;;AASA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,cAAA;AAAA,EAEN,YAAc,EAAA,KAAA;AAAA,EACd,KAAO,EAAA;AAAA,IACL,GAAG,QAAS,CAAA,KAAA;AAAA,IACZ,GAAGA,KAAO,CAAA,KAAA;AAAA,GACZ;AAAA,EACA,KAAA,CAAM,OAAO,OAAS,EAAA;AACpB,IAAM,MAAA,EAAE,OAAO,MAAW,EAAA,GAAA,OAAA,CAAA;AAE1B,IAAA,MAAM,SAAS,GAAmC,EAAA,CAAA;AAClD,IAAA,MAAM,OAAO,GAAiC,EAAA,CAAA;AAE9C,IAAA,MAAM,MAAM,QAAS,CAAA,MAAM,MAAM,OAAW,IAAA,KAAA,CAAM,YAAY,OAAO,CAAA,CAAA;AAErE,IAAM,MAAA,WAAA,GAAc,UAAU,KAAO,EAAA,OAAA,EAAS,EAAE,MAAQ,EAAA,IAAA,EAAM,KAAK,CAAA,CAAA;AACnE,IAAM,MAAA,SAAA,GAAY,QAAQ,KAAO,EAAA,OAAA,EAAS,EAAE,MAAQ,EAAA,IAAA,EAAM,KAAK,CAAA,CAAA;AAG/D,IAAM,MAAA,OAAA,GAAU,QAAS,CAAA,EAAE,CAAA,CAAA;AAC3B,IAAA,MAAA,CAAO,OAAO,CAAA,CAAA;AACd,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,MAAA,CAAO,OAAO,OAAS,EAAA;AAAA,QACrB,GAAG,IAAK,CAAA,IAAA,CAAK,KAAO,EAAA;AAAA,UAClB,QAAA;AAAA,UACA,mBAAA;AAAA,UACA,iBAAA;AAAA,UACA,iBAAA;AAAA,UACA,gBAAA;AAAA,UACA,gBAAA;AAAA,UACA,YAAA;AAAA,UACA,qBAAA;AAAA,UACA,oBAAA;AAAA,UACA,eAAA;AAAA,UACA,gBAAA;AAAA,UACA,eAAA;AAAA,UACA,gBAAA;AAAA,UACA,SAAA;AAAA,UACA,QAAA;AAAA,UACA,QAAA;AAAA,UACA,cAAA;AAAA,UACA,aAAA;AAAA,SACD,CAAA;AAAA,QACD,GAAG,IAAK,CAAA,MAAA,CAAO,OAAO,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAAA,OACxC,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAO,OAAA,MACL,CACE,CAAA,QAAA,EAQA,QAAS,CAAA;AAAA,MACP,GAAG,WAAA;AAAA,MACH,GAAK,EAAA,CAAC,IAAS,KAAA,MAAA,CAAO,KAAQ,GAAA,IAAA;AAAA,KAC/B,CACD,EAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACH,OAAS,EAAA,MACP,CACE,CAAAA,KAAA,EACA,QAAS,CAAA;AAAA,QACP,GAAG,SAAA;AAAA,QACH,GAAK,EAAA,CAAC,IAAS,KAAA,IAAA,CAAK,KAAQ,GAAA,IAAA;AAAA,OAC7B,CACH,CAAA;AAAA,KAEN,CAAA,CAAA;AAAA,GACJ;AACF,CAAC,CAAA,CAAA;;;;;"}

package/es/components/tree-v2/index.d.ts

@@ -296,10 +296,10 @@ export declare const ElTreeV2: import("element-plus-secondary/es/utils").SFCWith
         onScroll?: ((...args: any[]) => any) | undefined;
         onItemRendered?: ((...args: any[]) => any) | undefined;
     }, {
+        readonly data: any[];
+        readonly direction: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
         readonly className: string;
         readonly layout: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "vertical" | "horizontal", never>;
-        readonly direction: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-        readonly data: any[];
         readonly scrollbarAlwaysOn: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly containerElement: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (string | Element) & {}) | (() => string | Element) | ((new (...args: any[]) => (string | Element) & {}) | (() => string | Element))[], unknown, unknown>;
         readonly innerElement: import("element-plus-secondary/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
@@ -340,7 +340,7 @@ export declare const ElTreeV2: import("element-plus-secondary/es/utils").SFCWith
             onToggle?: ((node: import("./src/types").TreeNode) => any) | undefined;
             onCheck?: ((node: import("./src/types").TreeNode, checked: import("..").CheckboxValueType) => any) | undefined;
         }>>;
-        emit: ((event: "click", node: import("./src/types").TreeNode, e: MouseEvent) => void) & ((event: "check", node: import("./src/types").TreeNode, checked: import("..").CheckboxValueType) => void) & ((event: "toggle", node: import("./src/types").TreeNode) => void);
+        emit: ((event: "click", node: import("./src/types").TreeNode, e: MouseEvent) => void) & ((event: "toggle", node: import("./src/types").TreeNode) => void) & ((event: "check", node: import("./src/types").TreeNode, checked: import("..").CheckboxValueType) => void);
         tree: import("./src/types").TreeContext | undefined;
         ns: {
             namespace: import("vue").Ref<string>;
@@ -527,8 +527,8 @@ export declare const ElTreeV2: import("element-plus-secondary/es/utils").SFCWith
                     default: boolean;
                 };
             }>> & {
-                onChange?: ((val: import("..").CheckboxValueType) => any) | undefined;
                 "onUpdate:modelValue"?: ((val: import("..").CheckboxValueType) => any) | undefined;
+                onChange?: ((val: import("..").CheckboxValueType) => any) | undefined;
             }>>;
             slots: Readonly<{
                 [name: string]: import("vue").Slot | undefined;
@@ -617,8 +617,8 @@ export declare const ElTreeV2: import("element-plus-secondary/es/utils").SFCWith
                 default: boolean;
             };
         }>> & {
-            onChange?: ((val: import("..").CheckboxValueType) => any) | undefined;
             "onUpdate:modelValue"?: ((val: import("..").CheckboxValueType) => any) | undefined;
+            onChange?: ((val: import("..").CheckboxValueType) => any) | undefined;
         }, {
             disabled: boolean;
             name: string;
@@ -731,8 +731,8 @@ export declare const ElTreeV2: import("element-plus-secondary/es/utils").SFCWith
                         default: boolean;
                     };
                 }>> & {
-                    onChange?: ((val: import("..").CheckboxValueType) => any) | undefined;
                     "onUpdate:modelValue"?: ((val: import("..").CheckboxValueType) => any) | undefined;
+                    onChange?: ((val: import("..").CheckboxValueType) => any) | undefined;
                 }>>;
                 slots: Readonly<{
                     [name: string]: import("vue").Slot | undefined;
@@ -818,8 +818,8 @@ export declare const ElTreeV2: import("element-plus-secondary/es/utils").SFCWith
                     default: boolean;
                 };
             }>> & {
-                onChange?: ((val: import("..").CheckboxValueType) => any) | undefined;
                 "onUpdate:modelValue"?: ((val: import("..").CheckboxValueType) => any) | undefined;
+                onChange?: ((val: import("..").CheckboxValueType) => any) | undefined;
             }, {
                 disabled: boolean;
                 name: string;
@@ -868,8 +868,8 @@ export declare const ElTreeV2: import("element-plus-secondary/es/utils").SFCWith
                     readonly tag: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
                     readonly validateEvent: import("element-plus-secondary/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
                 }>> & {
-                    onChange?: ((val: import("..").CheckboxValueType[]) => any) | undefined;
                     "onUpdate:modelValue"?: ((val: import("..").CheckboxValueType[]) => any) | undefined;
+                    onChange?: ((val: import("..").CheckboxValueType[]) => any) | undefined;
                 }>>;
                 emit: ((event: "update:modelValue", val: import("..").CheckboxValueType[]) => void) & ((event: "change", val: import("..").CheckboxValueType[]) => void);
                 ns: {
@@ -915,8 +915,8 @@ export declare const ElTreeV2: import("element-plus-secondary/es/utils").SFCWith
                 readonly tag: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
                 readonly validateEvent: import("element-plus-secondary/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
             }>> & {
-                onChange?: ((val: import("..").CheckboxValueType[]) => any) | undefined;
                 "onUpdate:modelValue"?: ((val: import("..").CheckboxValueType[]) => any) | undefined;
+                onChange?: ((val: import("..").CheckboxValueType[]) => any) | undefined;
             }, {
                 readonly disabled: boolean;
                 readonly modelValue: (string | number)[];

package/es/components/tree-v2/src/tree-node.vue.d.ts

@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
         onToggle?: ((node: import("./types").TreeNode) => any) | undefined;
         onCheck?: ((node: import("./types").TreeNode, checked: CheckboxValueType) => any) | undefined;
     }>>;
-    emit: ((event: "click", node: import("./types").TreeNode, e: MouseEvent) => void) & ((event: "check", node: import("./types").TreeNode, checked: CheckboxValueType) => void) & ((event: "toggle", node: import("./types").TreeNode) => void);
+    emit: ((event: "click", node: import("./types").TreeNode, e: MouseEvent) => void) & ((event: "toggle", node: import("./types").TreeNode) => void) & ((event: "check", node: import("./types").TreeNode, checked: CheckboxValueType) => void);
     tree: import("./types").TreeContext | undefined;
     ns: {
         namespace: import("vue").Ref<string>;
@@ -218,8 +218,8 @@ declare const _default: import("vue").DefineComponent<{
                 default: boolean;
             };
         }>> & {
-            onChange?: ((val: CheckboxValueType) => any) | undefined;
             "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+            onChange?: ((val: CheckboxValueType) => any) | undefined;
         }>>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
@@ -308,8 +308,8 @@ declare const _default: import("vue").DefineComponent<{
             default: boolean;
         };
     }>> & {
-        onChange?: ((val: CheckboxValueType) => any) | undefined;
         "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+        onChange?: ((val: CheckboxValueType) => any) | undefined;
     }, {
         disabled: boolean;
         name: string;
@@ -422,8 +422,8 @@ declare const _default: import("vue").DefineComponent<{
                     default: boolean;
                 };
             }>> & {
-                onChange?: ((val: CheckboxValueType) => any) | undefined;
                 "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+                onChange?: ((val: CheckboxValueType) => any) | undefined;
             }>>;
             slots: Readonly<{
                 [name: string]: import("vue").Slot | undefined;
@@ -509,8 +509,8 @@ declare const _default: import("vue").DefineComponent<{
                 default: boolean;
             };
         }>> & {
-            onChange?: ((val: CheckboxValueType) => any) | undefined;
             "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+            onChange?: ((val: CheckboxValueType) => any) | undefined;
         }, {
             disabled: boolean;
             name: string;
@@ -559,8 +559,8 @@ declare const _default: import("vue").DefineComponent<{
                 readonly tag: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
                 readonly validateEvent: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
             }>> & {
-                onChange?: ((val: CheckboxValueType[]) => any) | undefined;
                 "onUpdate:modelValue"?: ((val: CheckboxValueType[]) => any) | undefined;
+                onChange?: ((val: CheckboxValueType[]) => any) | undefined;
             }>>;
             emit: ((event: "update:modelValue", val: CheckboxValueType[]) => void) & ((event: "change", val: CheckboxValueType[]) => void);
             ns: {
@@ -606,8 +606,8 @@ declare const _default: import("vue").DefineComponent<{
             readonly tag: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
             readonly validateEvent: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         }>> & {
-            onChange?: ((val: CheckboxValueType[]) => any) | undefined;
             "onUpdate:modelValue"?: ((val: CheckboxValueType[]) => any) | undefined;
+            onChange?: ((val: CheckboxValueType[]) => any) | undefined;
         }, {
             readonly disabled: boolean;
             readonly modelValue: (string | number)[];

package/es/components/tree-v2/src/tree.vue.d.ts

@@ -296,10 +296,10 @@ declare const _default: import("vue").DefineComponent<{
         onScroll?: ((...args: any[]) => any) | undefined;
         onItemRendered?: ((...args: any[]) => any) | undefined;
     }, {
+        readonly data: any[];
+        readonly direction: import("../../../utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
         readonly className: string;
         readonly layout: import("../../../utils").EpPropMergeType<StringConstructor, "vertical" | "horizontal", never>;
-        readonly direction: import("../../../utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-        readonly data: any[];
         readonly scrollbarAlwaysOn: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly containerElement: import("../../../utils").EpPropMergeType<(new (...args: any[]) => (string | Element) & {}) | (() => string | Element) | ((new (...args: any[]) => (string | Element) & {}) | (() => string | Element))[], unknown, unknown>;
         readonly innerElement: import("../../../utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
@@ -340,7 +340,7 @@ declare const _default: import("vue").DefineComponent<{
             onToggle?: ((node: import("./types").TreeNode) => any) | undefined;
             onCheck?: ((node: import("./types").TreeNode, checked: import("../..").CheckboxValueType) => any) | undefined;
         }>>;
-        emit: ((event: "click", node: import("./types").TreeNode, e: MouseEvent) => void) & ((event: "check", node: import("./types").TreeNode, checked: import("../..").CheckboxValueType) => void) & ((event: "toggle", node: import("./types").TreeNode) => void);
+        emit: ((event: "click", node: import("./types").TreeNode, e: MouseEvent) => void) & ((event: "toggle", node: import("./types").TreeNode) => void) & ((event: "check", node: import("./types").TreeNode, checked: import("../..").CheckboxValueType) => void);
         tree: import("./types").TreeContext | undefined;
         ns: {
             namespace: import("vue").Ref<string>;
@@ -527,8 +527,8 @@ declare const _default: import("vue").DefineComponent<{
                     default: boolean;
                 };
             }>> & {
-                onChange?: ((val: import("../..").CheckboxValueType) => any) | undefined;
                 "onUpdate:modelValue"?: ((val: import("../..").CheckboxValueType) => any) | undefined;
+                onChange?: ((val: import("../..").CheckboxValueType) => any) | undefined;
             }>>;
             slots: Readonly<{
                 [name: string]: import("vue").Slot | undefined;
@@ -617,8 +617,8 @@ declare const _default: import("vue").DefineComponent<{
                 default: boolean;
             };
         }>> & {
-            onChange?: ((val: import("../..").CheckboxValueType) => any) | undefined;
             "onUpdate:modelValue"?: ((val: import("../..").CheckboxValueType) => any) | undefined;
+            onChange?: ((val: import("../..").CheckboxValueType) => any) | undefined;
         }, {
             disabled: boolean;
             name: string;
@@ -731,8 +731,8 @@ declare const _default: import("vue").DefineComponent<{
                         default: boolean;
                     };
                 }>> & {
-                    onChange?: ((val: import("../..").CheckboxValueType) => any) | undefined;
                     "onUpdate:modelValue"?: ((val: import("../..").CheckboxValueType) => any) | undefined;
+                    onChange?: ((val: import("../..").CheckboxValueType) => any) | undefined;
                 }>>;
                 slots: Readonly<{
                     [name: string]: import("vue").Slot | undefined;
@@ -818,8 +818,8 @@ declare const _default: import("vue").DefineComponent<{
                     default: boolean;
                 };
             }>> & {
-                onChange?: ((val: import("../..").CheckboxValueType) => any) | undefined;
                 "onUpdate:modelValue"?: ((val: import("../..").CheckboxValueType) => any) | undefined;
+                onChange?: ((val: import("../..").CheckboxValueType) => any) | undefined;
             }, {
                 disabled: boolean;
                 name: string;
@@ -868,8 +868,8 @@ declare const _default: import("vue").DefineComponent<{
                     readonly tag: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
                     readonly validateEvent: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
                 }>> & {
-                    onChange?: ((val: import("../..").CheckboxValueType[]) => any) | undefined;
                     "onUpdate:modelValue"?: ((val: import("../..").CheckboxValueType[]) => any) | undefined;
+                    onChange?: ((val: import("../..").CheckboxValueType[]) => any) | undefined;
                 }>>;
                 emit: ((event: "update:modelValue", val: import("../..").CheckboxValueType[]) => void) & ((event: "change", val: import("../..").CheckboxValueType[]) => void);
                 ns: {
@@ -915,8 +915,8 @@ declare const _default: import("vue").DefineComponent<{
                 readonly tag: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
                 readonly validateEvent: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
             }>> & {
-                onChange?: ((val: import("../..").CheckboxValueType[]) => any) | undefined;
                 "onUpdate:modelValue"?: ((val: import("../..").CheckboxValueType[]) => any) | undefined;
+                onChange?: ((val: import("../..").CheckboxValueType[]) => any) | undefined;
             }, {
                 readonly disabled: boolean;
                 readonly modelValue: (string | number)[];

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

@@ -232,8 +232,8 @@ export declare const ElUpload: import("element-plus-secondary/es/utils").SFCWith
             readonly disabled: boolean;
             readonly name: string;
             readonly drag: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly multiple: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly data: Record<string, any>;
+            readonly multiple: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly onError: (err: import("./src/ajax").UploadAjaxError, rawFile: import("./src/upload").UploadRawFile) => void;
             readonly onProgress: (evt: import("./src/upload").UploadProgressEvent, rawFile: import("./src/upload").UploadRawFile) => void;
             readonly action: string;
@@ -344,7 +344,7 @@ export declare const ElUpload: import("element-plus-secondary/es/utils").SFCWith
             })[], unknown, unknown, import("./src/upload").UploadRequestHandler, boolean>;
             readonly disabled: BooleanConstructor;
             readonly limit: NumberConstructor;
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "name" | "drag" | "multiple" | "data" | "onError" | "onProgress" | "action" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "withCredentials" | "beforeUpload" | "onRemove" | "onSuccess" | "onExceed" | "onStart">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "name" | "drag" | "data" | "multiple" | "onError" | "onProgress" | "action" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "withCredentials" | "beforeUpload" | "onRemove" | "onSuccess" | "onExceed" | "onStart">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -623,8 +623,8 @@ export declare const ElUpload: import("element-plus-secondary/es/utils").SFCWith
             readonly disabled: boolean;
             readonly name: string;
             readonly drag: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly multiple: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly data: Record<string, any>;
+            readonly multiple: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly onError: (err: import("./src/ajax").UploadAjaxError, rawFile: import("./src/upload").UploadRawFile) => void;
             readonly onProgress: (evt: import("./src/upload").UploadProgressEvent, rawFile: import("./src/upload").UploadRawFile) => void;
             readonly action: string;
@@ -1654,8 +1654,8 @@ export declare const ElUpload: import("element-plus-secondary/es/utils").SFCWith
         readonly disabled: boolean;
         readonly name: string;
         readonly drag: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly multiple: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly data: Record<string, any>;
+        readonly multiple: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly onError: (err: import("./src/ajax").UploadAjaxError, rawFile: import("./src/upload").UploadRawFile) => void;
         readonly onProgress: (evt: import("./src/upload").UploadProgressEvent, rawFile: import("./src/upload").UploadRawFile) => void;
         readonly action: string;
@@ -1786,10 +1786,10 @@ export declare const ElUpload: import("element-plus-secondary/es/utils").SFCWith
     readonly type: string;
     readonly disabled: boolean;
     readonly name: string;
-    readonly onChange: (uploadFile: import("./src/upload").UploadFile, uploadFiles: import("./src/upload").UploadFiles) => void;
     readonly drag: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly multiple: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly data: Record<string, any>;
+    readonly onChange: (uploadFile: import("./src/upload").UploadFile, uploadFiles: import("./src/upload").UploadFiles) => void;
+    readonly multiple: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly onError: (error: Error, uploadFile: import("./src/upload").UploadFile, uploadFiles: import("./src/upload").UploadFiles) => void;
     readonly onProgress: (evt: import("./src/upload").UploadProgressEvent, uploadFile: import("./src/upload").UploadFile, uploadFiles: import("./src/upload").UploadFiles) => void;
     readonly action: string;

package/es/components/upload/index.mjs

@@ -1,9 +1,9 @@
 import '../../utils/index.mjs';
-import Upload from './src/upload2.mjs';
-export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './src/upload.mjs';
+import Upload from './src/upload.mjs';
+export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './src/upload2.mjs';
 export { uploadContentProps } from './src/upload-content.mjs';
-export { uploadListEmits, uploadListProps } from './src/upload-list.mjs';
-export { uploadDraggerEmits, uploadDraggerProps } from './src/upload-dragger.mjs';
+export { uploadListEmits, uploadListProps } from './src/upload-list2.mjs';
+export { uploadDraggerEmits, uploadDraggerProps } from './src/upload-dragger2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElUpload = withInstall(Upload);

package/es/components/upload/src/upload-content.mjs

@@ -1,6 +1,6 @@
 import { NOOP } from '@vue/shared';
 import '../../../utils/index.mjs';
-import { uploadBaseProps } from './upload.mjs';
+import { uploadBaseProps } from './upload2.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
 const uploadContentProps = buildProps({

package/es/components/upload/src/upload-content.vue.d.ts

@@ -358,8 +358,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabled: boolean;
     readonly name: string;
     readonly drag: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly multiple: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly data: Record<string, any>;
+    readonly multiple: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly onError: (err: import("./ajax").UploadAjaxError, rawFile: UploadRawFile) => void;
     readonly onProgress: (evt: import("./upload").UploadProgressEvent, rawFile: UploadRawFile) => void;
     readonly action: string;

package/es/components/upload/src/upload-content2.mjs

@@ -1,9 +1,9 @@
 import { defineComponent, shallowRef, openBlock, createElementBlock, normalizeClass, unref, withKeys, withModifiers, createBlock, withCtx, renderSlot, createElementVNode } from 'vue';
 import '../../../hooks/index.mjs';
 import '../../../utils/index.mjs';
-import UploadDragger from './upload-dragger2.mjs';
+import UploadDragger from './upload-dragger.mjs';
 import { uploadContentProps } from './upload-content.mjs';
-import { genFileId } from './upload.mjs';
+import { genFileId } from './upload2.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { entriesOf } from '../../../utils/objects.mjs';

package/es/components/upload/src/upload-dragger.mjs

@@ -1,16 +1,75 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { isArray } from '@vue/shared';
+import { defineComponent, inject, ref, openBlock, createElementBlock, normalizeClass, unref, withModifiers, renderSlot } from 'vue';
+import '../../../hooks/index.mjs';
+import '../../../tokens/index.mjs';
+import { throwError } from '../../../utils/error.mjs';
+import { uploadDraggerProps, uploadDraggerEmits } from './upload-dragger2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { uploadContextKey } from '../../../tokens/upload.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const uploadDraggerProps = buildProps({
-  disabled: {
-    type: Boolean,
-    default: false
+const _hoisted_1 = ["onDrop", "onDragover"];
+const COMPONENT_NAME = "ElUploadDrag";
+const __default__ = defineComponent({
+  name: COMPONENT_NAME
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: uploadDraggerProps,
+  emits: uploadDraggerEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const uploaderContext = inject(uploadContextKey);
+    if (!uploaderContext) {
+      throwError(COMPONENT_NAME, "usage: <el-upload><el-upload-dragger /></el-upload>");
+    }
+    const ns = useNamespace("upload");
+    const dragover = ref(false);
+    const onDrop = (e) => {
+      if (props.disabled)
+        return;
+      dragover.value = false;
+      const files = Array.from(e.dataTransfer.files);
+      const accept = uploaderContext.accept.value;
+      if (!accept) {
+        emit("file", files);
+        return;
+      }
+      const filesFiltered = files.filter((file) => {
+        const { type, name } = file;
+        const extension = name.includes(".") ? `.${name.split(".").pop()}` : "";
+        const baseType = type.replace(/\/.*$/, "");
+        return accept.split(",").map((type2) => type2.trim()).filter((type2) => type2).some((acceptedType) => {
+          if (acceptedType.startsWith(".")) {
+            return extension === acceptedType;
+          }
+          if (/\/\*$/.test(acceptedType)) {
+            return baseType === acceptedType.replace(/\/\*$/, "");
+          }
+          if (/^[^/]+\/[^/]+$/.test(acceptedType)) {
+            return type === acceptedType;
+          }
+          return false;
+        });
+      });
+      emit("file", filesFiltered);
+    };
+    const onDragover = () => {
+      if (!props.disabled)
+        dragover.value = true;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(ns).b("dragger"), unref(ns).is("dragover", dragover.value)]),
+        onDrop: withModifiers(onDrop, ["prevent"]),
+        onDragover: withModifiers(onDragover, ["prevent"]),
+        onDragleave: _cache[0] || (_cache[0] = withModifiers(($event) => dragover.value = false, ["prevent"]))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 42, _hoisted_1);
+    };
   }
 });
-const uploadDraggerEmits = {
-  file: (file) => isArray(file)
-};
+var UploadDragger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/upload/src/upload-dragger.vue"]]);
 
-export { uploadDraggerEmits, uploadDraggerProps };
+export { UploadDragger as default };
 //# sourceMappingURL=upload-dragger.mjs.map

package/es/components/upload/src/upload-dragger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"upload-dragger.mjs","sources":["../../../../../../packages/components/upload/src/upload-dragger.ts"],"sourcesContent":["import { buildProps, isArray } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type UploadDragger from './upload-dragger.vue'\n\nexport const uploadDraggerProps = buildProps({\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\nexport type UploadDraggerProps = ExtractPropTypes<typeof uploadDraggerProps>\n\nexport const uploadDraggerEmits = {\n  file: (file: File[]) => isArray(file),\n}\nexport type UploadDraggerEmits = typeof uploadDraggerEmits\n\nexport type UploadDraggerInstance = InstanceType<typeof UploadDragger>\n"],"names":[],"mappings":";;;;AACY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG;AAClC,EAAE,IAAI,EAAE,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC;AAC/B;;;;"}
+{"version":3,"file":"upload-dragger.mjs","sources":["../../../../../../packages/components/upload/src/upload-dragger.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b('dragger'), ns.is('dragover', dragover)]\"\n    @drop.prevent=\"onDrop\"\n    @dragover.prevent=\"onDragover\"\n    @dragleave.prevent=\"dragover = false\"\n  >\n    <slot />\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { inject, ref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport { uploadContextKey } from '@element-plus/tokens'\nimport { throwError } from '@element-plus/utils/error'\nimport { uploadDraggerEmits, uploadDraggerProps } from './upload-dragger'\n\nconst COMPONENT_NAME = 'ElUploadDrag'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = defineProps(uploadDraggerProps)\nconst emit = defineEmits(uploadDraggerEmits)\n\nconst uploaderContext = inject(uploadContextKey)\nif (!uploaderContext) {\n  throwError(\n    COMPONENT_NAME,\n    'usage: <el-upload><el-upload-dragger /></el-upload>'\n  )\n}\n\nconst ns = useNamespace('upload')\nconst dragover = ref(false)\n\nconst onDrop = (e: DragEvent) => {\n  if (props.disabled) return\n  dragover.value = false\n\n  const files = Array.from(e.dataTransfer!.files)\n  const accept = uploaderContext.accept.value\n  if (!accept) {\n    emit('file', files)\n    return\n  }\n\n  const filesFiltered = files.filter((file) => {\n    const { type, name } = file\n    const extension = name.includes('.') ? `.${name.split('.').pop()}` : ''\n    const baseType = type.replace(/\\/.*$/, '')\n    return accept\n      .split(',')\n      .map((type) => type.trim())\n      .filter((type) => type)\n      .some((acceptedType) => {\n        if (acceptedType.startsWith('.')) {\n          return extension === acceptedType\n        }\n        if (/\\/\\*$/.test(acceptedType)) {\n          return baseType === acceptedType.replace(/\\/\\*$/, '')\n        }\n        if (/^[^/]+\\/[^/]+$/.test(acceptedType)) {\n          return type === acceptedType\n        }\n        return false\n      })\n  })\n\n  emit('file', filesFiltered)\n}\n\nconst onDragover = () => {\n  if (!props.disabled) dragover.value = true\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;mCAoBc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;;AAKA,IAAM,MAAA,eAAA,GAAkB,OAAO,gBAAgB,CAAA,CAAA;AAC/C,IAAA,IAAI,CAAC,eAAiB,EAAA;AACpB,MAAA,UAAA,CACE,gBACA,qDACF,CAAA,CAAA;AAAA,KACF;AAEA,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAChC,IAAM,MAAA,QAAA,GAAW,IAAI,KAAK,CAAA,CAAA;AAE1B,IAAM,MAAA,MAAA,GAAS,CAAC,CAAiB,KAAA;AAC/B,MAAA,IAAI,KAAM,CAAA,QAAA;AAAU,QAAA,OAAA;AACpB,MAAA,QAAA,CAAS,KAAQ,GAAA,KAAA,CAAA;AAEjB,MAAA,MAAM,KAAQ,GAAA,KAAA,CAAM,IAAK,CAAA,CAAA,CAAE,aAAc,KAAK,CAAA,CAAA;AAC9C,MAAM,MAAA,MAAA,GAAS,gBAAgB,MAAO,CAAA,KAAA,CAAA;AACtC,MAAA,IAAI,CAAC,MAAQ,EAAA;AACX,QAAA,IAAA,CAAK,QAAQ,KAAK,CAAA,CAAA;AAClB,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,MAAM,aAAgB,GAAA,KAAA,CAAM,MAAO,CAAA,CAAC,IAAS,KAAA;AAC3C,QAAM,MAAA,EAAE,MAAM,IAAS,EAAA,GAAA,IAAA,CAAA;AACvB,QAAM,MAAA,SAAA,GAAY,IAAK,CAAA,QAAA,CAAS,GAAG,CAAA,GAAI,CAAI,CAAA,EAAA,IAAA,CAAK,KAAM,CAAA,GAAG,CAAE,CAAA,GAAA,EAAU,CAAA,CAAA,GAAA,EAAA,CAAA;AACrE,QAAA,MAAM,QAAW,GAAA,IAAA,CAAK,OAAQ,CAAA,OAAA,EAAS,EAAE,CAAA,CAAA;AACzC,QAAA,OAAO,OACJ,KAAM,CAAA,GAAG,EACT,GAAI,CAAA,CAAC,UAAS,KAAK,CAAA,IAAA,EAAM,CAAA,CACzB,OAAO,CAAC,KAAA,KAAS,KAAI,CACrB,CAAA,IAAA,CAAK,CAAC,YAAiB,KAAA;AACtB,UAAI,IAAA,YAAA,CAAa,UAAW,CAAA,GAAG,CAAG,EAAA;AAChC,YAAA,OAAO,SAAc,KAAA,YAAA,CAAA;AAAA,WACvB;AACA,UAAI,IAAA,OAAA,CAAQ,IAAK,CAAA,YAAY,CAAG,EAAA;AAC9B,YAAA,OAAO,QAAa,KAAA,YAAA,CAAa,OAAQ,CAAA,OAAA,EAAS,EAAE,CAAA,CAAA;AAAA,WACtD;AACA,UAAI,IAAA,gBAAA,CAAiB,IAAK,CAAA,YAAY,CAAG,EAAA;AACvC,YAAA,OAAO,IAAS,KAAA,YAAA,CAAA;AAAA,WAClB;AACA,UAAO,OAAA,KAAA,CAAA;AAAA,SACR,CAAA,CAAA;AAAA,OACJ,CAAA,CAAA;AAED,MAAA,IAAA,CAAK,QAAQ,aAAa,CAAA,CAAA;AAAA,KAC5B,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,IAAI,CAAC,KAAM,CAAA,QAAA;AAAU,QAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAA;AAAA,KACxC,CAAA;;;;;;;;;;;;;;;;;"}

package/es/components/upload/src/upload-dragger2.mjs

@@ -1,75 +1,16 @@
-import { defineComponent, inject, ref, openBlock, createElementBlock, normalizeClass, unref, withModifiers, renderSlot } from 'vue';
-import '../../../hooks/index.mjs';
-import '../../../tokens/index.mjs';
-import { throwError } from '../../../utils/error.mjs';
-import { uploadDraggerProps, uploadDraggerEmits } from './upload-dragger.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { uploadContextKey } from '../../../tokens/upload.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { isArray } from '@vue/shared';
 
-const _hoisted_1 = ["onDrop", "onDragover"];
-const COMPONENT_NAME = "ElUploadDrag";
-const __default__ = defineComponent({
-  name: COMPONENT_NAME
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: uploadDraggerProps,
-  emits: uploadDraggerEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const uploaderContext = inject(uploadContextKey);
-    if (!uploaderContext) {
-      throwError(COMPONENT_NAME, "usage: <el-upload><el-upload-dragger /></el-upload>");
-    }
-    const ns = useNamespace("upload");
-    const dragover = ref(false);
-    const onDrop = (e) => {
-      if (props.disabled)
-        return;
-      dragover.value = false;
-      const files = Array.from(e.dataTransfer.files);
-      const accept = uploaderContext.accept.value;
-      if (!accept) {
-        emit("file", files);
-        return;
-      }
-      const filesFiltered = files.filter((file) => {
-        const { type, name } = file;
-        const extension = name.includes(".") ? `.${name.split(".").pop()}` : "";
-        const baseType = type.replace(/\/.*$/, "");
-        return accept.split(",").map((type2) => type2.trim()).filter((type2) => type2).some((acceptedType) => {
-          if (acceptedType.startsWith(".")) {
-            return extension === acceptedType;
-          }
-          if (/\/\*$/.test(acceptedType)) {
-            return baseType === acceptedType.replace(/\/\*$/, "");
-          }
-          if (/^[^/]+\/[^/]+$/.test(acceptedType)) {
-            return type === acceptedType;
-          }
-          return false;
-        });
-      });
-      emit("file", filesFiltered);
-    };
-    const onDragover = () => {
-      if (!props.disabled)
-        dragover.value = true;
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(ns).b("dragger"), unref(ns).is("dragover", dragover.value)]),
-        onDrop: withModifiers(onDrop, ["prevent"]),
-        onDragover: withModifiers(onDragover, ["prevent"]),
-        onDragleave: _cache[0] || (_cache[0] = withModifiers(($event) => dragover.value = false, ["prevent"]))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 42, _hoisted_1);
-    };
+const uploadDraggerProps = buildProps({
+  disabled: {
+    type: Boolean,
+    default: false
   }
 });
-var UploadDragger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/upload/src/upload-dragger.vue"]]);
+const uploadDraggerEmits = {
+  file: (file) => isArray(file)
+};
 
-export { UploadDragger as default };
+export { uploadDraggerEmits, uploadDraggerProps };
 //# sourceMappingURL=upload-dragger2.mjs.map