@vunk/form 2.10.1 → 2.10.4

package/components/upload/src/types.d.ts

@@ -0,0 +1,13 @@
+import { VkfUpload } from '@vunk/form/components/upload';
+import { VueComponentPropsType } from '@vunk/core';
+import { BasicSource } from '@vunk/form/shared';
+import { UploadRawFile as _UploadRawFile, UploadProps } from 'element-plus';
+import { Setter } from '@vunk/form/shared/progress-it';
+export type OnExceed = UploadProps['onExceed'];
+export interface UploadRawFile extends _UploadRawFile {
+    progress: Setter;
+}
+export interface Source<P extends string = string> extends VueComponentPropsType<typeof VkfUpload>, BasicSource {
+    prop: P;
+    templateType: 'VkfUpload';
+}

package/components/upload-plus/index.cjs

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var formItem = require('@vunk/form/components/form-item');
 var vue = require('vue');
+var formItem = require('@vunk/form/components/form-item');
 var elementPlus = require('element-plus');
 var upload$1 = require('@vunk/form/shared/upload');
 var utilsFetch = require('@vunk/core/shared/utils-fetch');
@@ -13,7 +13,7 @@ var index = require('../index.cjs');
 var platform = require('@skzz/platform/shared/fetch/platform');
 var index$1 = require('../index2.cjs');
 var composables = require('@vunk/core/composables');
-var utilsClass = require('@vunk/core/shared/utils-class');
+var _class = require('@vunk/shared/class');
 var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
 
 const props = {
@@ -18227,34 +18227,31 @@ var api = /*#__PURE__*/Object.freeze({
   verify: verify
 });
 
-var _sfc_main = vue.defineComponent({
-  name: "VkfUploadPlus",
-  components: {
-    VkfFormItem: formItem.VkfFormItem,
-    ElInput: elementPlus.ElInput,
-    ElButtonGroup: elementPlus.ElButtonGroup,
-    ElButton: elementPlus.ElButton,
-    ElIcon: elementPlus.ElIcon,
-    SuccessFilled: index$1.success_filled_default
-  },
-  directives: {
-    loading: elementPlus.vLoading
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "VkfUploadPlus"
   },
-  props,
+  __name: "index",
+  props: props,
   emits,
-  setup(props2, { emit }) {
-    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const vLoading = elementPlus.vLoading;
+    const ToggleHandler = _class.ToggleHandler;
+    const props = __props;
+    const emit = __emit;
+    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props);
     const uuid = Math.random().toString(36).slice(-8);
     const containerFile = composables.useModelComputed({
       default: null,
       key: "file"
-    }, props2, emit);
+    }, props, emit);
     const fileStatus = composables.useModelComputed({
       default: Status.wait,
       key: "fileStatus"
-    }, props2, emit);
+    }, props, emit);
     vue.watchEffect(() => {
-      restFetch.baseURL = props2.url || platform.restFetch.baseURL;
+      restFetch.baseURL = props.url || platform.restFetch.baseURL;
     });
     vue.watch(() => fileStatus.value, (v, ov) => {
       if (v === Status.doUpload) {
@@ -18292,7 +18289,7 @@ var _sfc_main = vue.defineComponent({
     const handleUpload = async () => {
       if (!containerFile.value) return;
       fileStatus.value = Status.uploading;
-      const chunkFiles = upload$1.createFileChunk(containerFile.value, props2.chunkSize);
+      const chunkFiles = upload$1.createFileChunk(containerFile.value, props.chunkSize);
       const hash = await upload$1.calculateFileHashSample(containerFile.value);
       containerHash.value = hash;
       let uploadedList = [];
@@ -18373,7 +18370,7 @@ var _sfc_main = vue.defineComponent({
             const currentChunk = urls[i];
             if (currentChunk) {
               currentChunk.status = Status.uploading;
-              upload(currentChunk, props2.fileServiceType, {
+              upload(currentChunk, props.fileServiceType, {
                 onprogress(ev) {
                   chunks.value[currentChunk.index].progress = parseInt(ev.loaded / ev.total * 100 + "");
                 },
@@ -18422,8 +18419,8 @@ var _sfc_main = vue.defineComponent({
       return merge({
         filename: containerFile.value.name,
         identifier: containerHash.value,
-        fileServiceType: props2.fileServiceType,
-        dictId: props2.dictId,
+        fileServiceType: props.fileServiceType,
+        dictId: props.dictId,
         totalChunk: chunks.value.length
       }).then((res) => {
         emit("success", res);
@@ -18441,7 +18438,7 @@ var _sfc_main = vue.defineComponent({
     vue.onBeforeUnmount(() => {
       handlePause();
     });
-    class OnlineToggle extends utilsClass.ToggleHandler {
+    class OnlineToggle extends ToggleHandler {
       constructor(listener) {
         super();
         this.listener = listener;
@@ -18462,19 +18459,23 @@ var _sfc_main = vue.defineComponent({
     vue.onBeforeUnmount(() => {
       offlineToggle.remove();
     });
-    return {
-      formItemBindProps,
-      handleFileChange,
-      uuid,
-      containerFile,
-      handleUpload,
-      fileStatus,
-      chunks,
-      Status,
-      filePrefixIcon,
-      handlePause,
-      merging
-    };
+    const __returned__ = { vLoading, ToggleHandler, props, emit, formItemBindProps, uuid, containerFile, fileStatus, containerHash, chunks, uploadingXhrs, filePrefixIcon, handleFileChange, handleUpload, handlePause, cUploadedChunks, merging, cFile, OnlineToggle, offlineToggle, get VkfFormItem() {
+      return formItem.VkfFormItem;
+    }, get ElInput() {
+      return elementPlus.ElInput;
+    }, get ElButtonGroup() {
+      return elementPlus.ElButtonGroup;
+    }, get ElButton() {
+      return elementPlus.ElButton;
+    }, get ElIcon() {
+      return elementPlus.ElIcon;
+    }, get Status() {
+      return Status;
+    }, get SuccessFilled() {
+      return index$1.success_filled_default;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
   }
 });
 
@@ -18490,60 +18491,52 @@ const _hoisted_4 = {
 };
 const _hoisted_5 = ["id", "accept"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElInput = vue.resolveComponent("ElInput");
-  const _component_SuccessFilled = vue.resolveComponent("SuccessFilled");
-  const _component_ElIcon = vue.resolveComponent("ElIcon");
-  const _component_ElButton = vue.resolveComponent("ElButton");
-  const _component_el_button = vue.resolveComponent("el-button");
-  const _component_el_button_group = vue.resolveComponent("el-button-group");
-  const _component_VkfFormItem = vue.resolveComponent("VkfFormItem");
-  const _directive_loading = vue.resolveDirective("loading");
   return vue.openBlock(), vue.createBlock(
-    _component_VkfFormItem,
-    vue.mergeProps(_ctx.formItemBindProps, { class: "vkf-upload-plus" }),
+    $setup["VkfFormItem"],
+    vue.mergeProps($setup.formItemBindProps, { class: "vkf-upload-plus" }),
     {
       default: vue.withCtx(() => [
         vue.createElementVNode("div", _hoisted_1, [
           vue.createElementVNode("label", {
-            for: _ctx.uuid,
+            for: $setup.uuid,
             class: "vkf-upload-plus-label"
           }, [
-            vue.createVNode(_component_ElInput, {
+            vue.createVNode($setup["ElInput"], {
               class: vue.normalizeClass({
-                "is-success": _ctx.fileStatus === _ctx.Status.done,
-                "is-error": _ctx.fileStatus === _ctx.Status.error
+                "is-success": $setup.fileStatus === $setup.Status.done,
+                "is-error": $setup.fileStatus === $setup.Status.error
               }),
-              "model-value": _ctx.containerFile?.name,
-              "prefix-icon": _ctx.filePrefixIcon,
+              "model-value": $setup.containerFile?.name,
+              "prefix-icon": $setup.filePrefixIcon,
               placeholder: "\u8BF7\u9009\u62E9\u6587\u4EF6"
             }, null, 8, ["class", "model-value", "prefix-icon"]),
-            _ctx.fileStatus === _ctx.Status.done ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-              vue.createVNode(_component_ElIcon, null, {
+            $setup.fileStatus === $setup.Status.done ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+              vue.createVNode($setup["ElIcon"], null, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_component_SuccessFilled)
+                  vue.createVNode($setup["SuccessFilled"])
                 ]),
                 _: 1
                 /* STABLE */
               }),
-              _cache[1] || (_cache[1] = vue.createElementVNode(
+              _cache[0] || (_cache[0] = vue.createElementVNode(
                 "span",
                 { class: "vkf-upload-plus-msg" },
                 " \u4E0A\u4F20\u6210\u529F ",
                 -1
-                /* HOISTED */
+                /* CACHED */
               ))
             ])) : vue.createCommentVNode("v-if", true),
-            _ctx.fileStatus === _ctx.Status.uploading || _ctx.fileStatus === _ctx.Status.pause ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+            $setup.fileStatus === $setup.Status.uploading || $setup.fileStatus === $setup.Status.pause ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
               (vue.openBlock(true), vue.createElementBlock(
                 vue.Fragment,
                 null,
-                vue.renderList(_ctx.chunks, (chunk) => {
+                vue.renderList($setup.chunks, (chunk) => {
                   return vue.openBlock(), vue.createElementBlock(
                     "div",
                     {
                       key: chunk.hash,
                       class: vue.normalizeClass(["vkf-upload-plus-cube", {
-                        "error": chunk.status == _ctx.Status.error
+                        "error": chunk.status == $setup.Status.error
                       }]),
                       style: vue.normalizeStyle({
                         width: 100 / chunk.chunksLength + "%"
@@ -18576,57 +18569,57 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ])) : vue.createCommentVNode("v-if", true)
           ], 8, _hoisted_2),
           vue.createElementVNode("input", {
-            id: _ctx.uuid,
+            id: $setup.uuid,
             type: "file",
             class: "vkf-upload-plus-input",
             accept: _ctx.accept,
-            onChange: _cache[0] || (_cache[0] = (...args) => _ctx.handleFileChange && _ctx.handleFileChange(...args))
+            onChange: $setup.handleFileChange
           }, null, 40, _hoisted_5),
-          vue.createVNode(_component_el_button_group, { class: "vkf-upload-plus-btng" }, {
+          vue.createVNode($setup["ElButtonGroup"], { class: "vkf-upload-plus-btng" }, {
             default: vue.withCtx(() => [
-              _ctx.merging ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_ElButton, {
+              $setup.merging ? vue.withDirectives((vue.openBlock(), vue.createBlock($setup["ElButton"], {
                 key: 0,
                 type: "success"
               }, {
-                default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+                default: vue.withCtx(() => _cache[1] || (_cache[1] = [
                   vue.createTextVNode(" \u5408\u5E76 ")
                 ])),
-                _: 1
-                /* STABLE */
+                _: 1,
+                __: [1]
               })), [
-                [_directive_loading, _ctx.merging]
-              ]) : _ctx.fileStatus === _ctx.Status.uploading ? (vue.openBlock(), vue.createBlock(_component_ElButton, {
+                [$setup["vLoading"], $setup.merging]
+              ]) : $setup.fileStatus === $setup.Status.uploading ? (vue.openBlock(), vue.createBlock($setup["ElButton"], {
                 key: 1,
                 type: "danger",
-                onClick: _ctx.handlePause
+                onClick: $setup.handlePause
               }, {
-                default: vue.withCtx(() => _cache[3] || (_cache[3] = [
+                default: vue.withCtx(() => _cache[2] || (_cache[2] = [
                   vue.createTextVNode(" \u6682\u505C ")
                 ])),
-                _: 1
-                /* STABLE */
-              }, 8, ["onClick"])) : _ctx.fileStatus === _ctx.Status.done ? (vue.openBlock(), vue.createBlock(_component_ElButton, {
+                _: 1,
+                __: [2]
+              })) : $setup.fileStatus === $setup.Status.done ? (vue.openBlock(), vue.createBlock($setup["ElButton"], {
                 key: 2,
                 type: "success",
                 disabled: ""
               }, {
-                default: vue.withCtx(() => _cache[4] || (_cache[4] = [
+                default: vue.withCtx(() => _cache[3] || (_cache[3] = [
                   vue.createTextVNode(" \u5DF2\u4F20 ")
                 ])),
-                _: 1
-                /* STABLE */
-              })) : (vue.openBlock(), vue.createBlock(_component_el_button, {
+                _: 1,
+                __: [3]
+              })) : (vue.openBlock(), vue.createBlock($setup["ElButton"], {
                 key: 3,
                 type: "primary",
-                disabled: !_ctx.containerFile,
-                onClick: _ctx.handleUpload
+                disabled: !$setup.containerFile,
+                onClick: $setup.handleUpload
               }, {
-                default: vue.withCtx(() => _cache[5] || (_cache[5] = [
+                default: vue.withCtx(() => _cache[4] || (_cache[4] = [
                   vue.createTextVNode(" \u4E0A\u4F20 ")
                 ])),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled", "onClick"]))
+                _: 1,
+                __: [4]
+              }, 8, ["disabled"]))
             ]),
             _: 1
             /* STABLE */

package/components/upload-plus/index.d.ts

@@ -0,0 +1,6 @@
+import VkfUploadPlus from './src/index.vue';
+export * as __VkfUploadPlus from './src/types';
+export * as _VkfUploadPlusConst from './src/const';
+export * as _VkfUploadPlusApi from './src/api';
+export { VkfUploadPlus, };
+export default VkfUploadPlus;

package/components/upload-plus/index.mjs

@@ -1,5 +1,5 @@
+import { defineComponent, watchEffect, watch, ref, computed, onBeforeUnmount, openBlock, createBlock, mergeProps, withCtx, createElementVNode, createVNode, normalizeClass, createElementBlock, createCommentVNode, Fragment, renderList, normalizeStyle, withDirectives, createTextVNode } from 'vue';
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
-import { defineComponent, watchEffect, watch, ref, computed, onBeforeUnmount, resolveComponent, resolveDirective, openBlock, createBlock, mergeProps, withCtx, createElementVNode, createVNode, normalizeClass, createElementBlock, createCommentVNode, Fragment, renderList, normalizeStyle, withDirectives, createTextVNode } from 'vue';
 import { ElMessage, ElInput, ElButtonGroup, ElButton, ElIcon, vLoading } from 'element-plus';
 import { createFileChunk, calculateFileHashSample } from '@vunk/form/shared/upload';
 import { RestFetch } from '@vunk/core/shared/utils-fetch';
@@ -9,7 +9,7 @@ import { g as getToken } from '../index.mjs';
 import { restFetch as restFetch$1 } from '@skzz/platform/shared/fetch/platform';
 import { l as success_filled_default, c as circle_close_filled_default, n as upload_filled_default } from '../index2.mjs';
 import { useModelComputed } from '@vunk/core/composables';
-import { ToggleHandler } from '@vunk/core/shared/utils-class';
+import { ToggleHandler } from '@vunk/shared/class';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
 const props = {
@@ -18223,34 +18223,31 @@ var api = /*#__PURE__*/Object.freeze({
   verify: verify
 });
 
-var _sfc_main = defineComponent({
-  name: "VkfUploadPlus",
-  components: {
-    VkfFormItem,
-    ElInput,
-    ElButtonGroup,
-    ElButton,
-    ElIcon,
-    SuccessFilled: success_filled_default
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "VkfUploadPlus"
   },
-  directives: {
-    loading: vLoading
-  },
-  props,
+  __name: "index",
+  props: props,
   emits,
-  setup(props2, { emit }) {
-    const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const vLoading$1 = vLoading;
+    const ToggleHandler$1 = ToggleHandler;
+    const props = __props;
+    const emit = __emit;
+    const formItemBindProps = _VkfFormItemCtx.createBindProps(props);
     const uuid = Math.random().toString(36).slice(-8);
     const containerFile = useModelComputed({
       default: null,
       key: "file"
-    }, props2, emit);
+    }, props, emit);
     const fileStatus = useModelComputed({
       default: Status.wait,
       key: "fileStatus"
-    }, props2, emit);
+    }, props, emit);
     watchEffect(() => {
-      restFetch.baseURL = props2.url || restFetch$1.baseURL;
+      restFetch.baseURL = props.url || restFetch$1.baseURL;
     });
     watch(() => fileStatus.value, (v, ov) => {
       if (v === Status.doUpload) {
@@ -18288,7 +18285,7 @@ var _sfc_main = defineComponent({
     const handleUpload = async () => {
       if (!containerFile.value) return;
       fileStatus.value = Status.uploading;
-      const chunkFiles = createFileChunk(containerFile.value, props2.chunkSize);
+      const chunkFiles = createFileChunk(containerFile.value, props.chunkSize);
       const hash = await calculateFileHashSample(containerFile.value);
       containerHash.value = hash;
       let uploadedList = [];
@@ -18369,7 +18366,7 @@ var _sfc_main = defineComponent({
             const currentChunk = urls[i];
             if (currentChunk) {
               currentChunk.status = Status.uploading;
-              upload(currentChunk, props2.fileServiceType, {
+              upload(currentChunk, props.fileServiceType, {
                 onprogress(ev) {
                   chunks.value[currentChunk.index].progress = parseInt(ev.loaded / ev.total * 100 + "");
                 },
@@ -18418,8 +18415,8 @@ var _sfc_main = defineComponent({
       return merge({
         filename: containerFile.value.name,
         identifier: containerHash.value,
-        fileServiceType: props2.fileServiceType,
-        dictId: props2.dictId,
+        fileServiceType: props.fileServiceType,
+        dictId: props.dictId,
         totalChunk: chunks.value.length
       }).then((res) => {
         emit("success", res);
@@ -18437,7 +18434,7 @@ var _sfc_main = defineComponent({
     onBeforeUnmount(() => {
       handlePause();
     });
-    class OnlineToggle extends ToggleHandler {
+    class OnlineToggle extends ToggleHandler$1 {
       constructor(listener) {
         super();
         this.listener = listener;
@@ -18458,19 +18455,23 @@ var _sfc_main = defineComponent({
     onBeforeUnmount(() => {
       offlineToggle.remove();
     });
-    return {
-      formItemBindProps,
-      handleFileChange,
-      uuid,
-      containerFile,
-      handleUpload,
-      fileStatus,
-      chunks,
-      Status,
-      filePrefixIcon,
-      handlePause,
-      merging
-    };
+    const __returned__ = { vLoading: vLoading$1, ToggleHandler: ToggleHandler$1, props, emit, formItemBindProps, uuid, containerFile, fileStatus, containerHash, chunks, uploadingXhrs, filePrefixIcon, handleFileChange, handleUpload, handlePause, cUploadedChunks, merging, cFile, OnlineToggle, offlineToggle, get VkfFormItem() {
+      return VkfFormItem;
+    }, get ElInput() {
+      return ElInput;
+    }, get ElButtonGroup() {
+      return ElButtonGroup;
+    }, get ElButton() {
+      return ElButton;
+    }, get ElIcon() {
+      return ElIcon;
+    }, get Status() {
+      return Status;
+    }, get SuccessFilled() {
+      return success_filled_default;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
   }
 });
 
@@ -18486,60 +18487,52 @@ const _hoisted_4 = {
 };
 const _hoisted_5 = ["id", "accept"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElInput = resolveComponent("ElInput");
-  const _component_SuccessFilled = resolveComponent("SuccessFilled");
-  const _component_ElIcon = resolveComponent("ElIcon");
-  const _component_ElButton = resolveComponent("ElButton");
-  const _component_el_button = resolveComponent("el-button");
-  const _component_el_button_group = resolveComponent("el-button-group");
-  const _component_VkfFormItem = resolveComponent("VkfFormItem");
-  const _directive_loading = resolveDirective("loading");
   return openBlock(), createBlock(
-    _component_VkfFormItem,
-    mergeProps(_ctx.formItemBindProps, { class: "vkf-upload-plus" }),
+    $setup["VkfFormItem"],
+    mergeProps($setup.formItemBindProps, { class: "vkf-upload-plus" }),
     {
       default: withCtx(() => [
         createElementVNode("div", _hoisted_1, [
           createElementVNode("label", {
-            for: _ctx.uuid,
+            for: $setup.uuid,
             class: "vkf-upload-plus-label"
           }, [
-            createVNode(_component_ElInput, {
+            createVNode($setup["ElInput"], {
               class: normalizeClass({
-                "is-success": _ctx.fileStatus === _ctx.Status.done,
-                "is-error": _ctx.fileStatus === _ctx.Status.error
+                "is-success": $setup.fileStatus === $setup.Status.done,
+                "is-error": $setup.fileStatus === $setup.Status.error
               }),
-              "model-value": _ctx.containerFile?.name,
-              "prefix-icon": _ctx.filePrefixIcon,
+              "model-value": $setup.containerFile?.name,
+              "prefix-icon": $setup.filePrefixIcon,
               placeholder: "\u8BF7\u9009\u62E9\u6587\u4EF6"
             }, null, 8, ["class", "model-value", "prefix-icon"]),
-            _ctx.fileStatus === _ctx.Status.done ? (openBlock(), createElementBlock("div", _hoisted_3, [
-              createVNode(_component_ElIcon, null, {
+            $setup.fileStatus === $setup.Status.done ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              createVNode($setup["ElIcon"], null, {
                 default: withCtx(() => [
-                  createVNode(_component_SuccessFilled)
+                  createVNode($setup["SuccessFilled"])
                 ]),
                 _: 1
                 /* STABLE */
               }),
-              _cache[1] || (_cache[1] = createElementVNode(
+              _cache[0] || (_cache[0] = createElementVNode(
                 "span",
                 { class: "vkf-upload-plus-msg" },
                 " \u4E0A\u4F20\u6210\u529F ",
                 -1
-                /* HOISTED */
+                /* CACHED */
               ))
             ])) : createCommentVNode("v-if", true),
-            _ctx.fileStatus === _ctx.Status.uploading || _ctx.fileStatus === _ctx.Status.pause ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            $setup.fileStatus === $setup.Status.uploading || $setup.fileStatus === $setup.Status.pause ? (openBlock(), createElementBlock("div", _hoisted_4, [
               (openBlock(true), createElementBlock(
                 Fragment,
                 null,
-                renderList(_ctx.chunks, (chunk) => {
+                renderList($setup.chunks, (chunk) => {
                   return openBlock(), createElementBlock(
                     "div",
                     {
                       key: chunk.hash,
                       class: normalizeClass(["vkf-upload-plus-cube", {
-                        "error": chunk.status == _ctx.Status.error
+                        "error": chunk.status == $setup.Status.error
                       }]),
                       style: normalizeStyle({
                         width: 100 / chunk.chunksLength + "%"
@@ -18572,57 +18565,57 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ])) : createCommentVNode("v-if", true)
           ], 8, _hoisted_2),
           createElementVNode("input", {
-            id: _ctx.uuid,
+            id: $setup.uuid,
             type: "file",
             class: "vkf-upload-plus-input",
             accept: _ctx.accept,
-            onChange: _cache[0] || (_cache[0] = (...args) => _ctx.handleFileChange && _ctx.handleFileChange(...args))
+            onChange: $setup.handleFileChange
           }, null, 40, _hoisted_5),
-          createVNode(_component_el_button_group, { class: "vkf-upload-plus-btng" }, {
+          createVNode($setup["ElButtonGroup"], { class: "vkf-upload-plus-btng" }, {
             default: withCtx(() => [
-              _ctx.merging ? withDirectives((openBlock(), createBlock(_component_ElButton, {
+              $setup.merging ? withDirectives((openBlock(), createBlock($setup["ElButton"], {
                 key: 0,
                 type: "success"
               }, {
-                default: withCtx(() => _cache[2] || (_cache[2] = [
+                default: withCtx(() => _cache[1] || (_cache[1] = [
                   createTextVNode(" \u5408\u5E76 ")
                 ])),
-                _: 1
-                /* STABLE */
+                _: 1,
+                __: [1]
               })), [
-                [_directive_loading, _ctx.merging]
-              ]) : _ctx.fileStatus === _ctx.Status.uploading ? (openBlock(), createBlock(_component_ElButton, {
+                [$setup["vLoading"], $setup.merging]
+              ]) : $setup.fileStatus === $setup.Status.uploading ? (openBlock(), createBlock($setup["ElButton"], {
                 key: 1,
                 type: "danger",
-                onClick: _ctx.handlePause
+                onClick: $setup.handlePause
               }, {
-                default: withCtx(() => _cache[3] || (_cache[3] = [
+                default: withCtx(() => _cache[2] || (_cache[2] = [
                   createTextVNode(" \u6682\u505C ")
                 ])),
-                _: 1
-                /* STABLE */
-              }, 8, ["onClick"])) : _ctx.fileStatus === _ctx.Status.done ? (openBlock(), createBlock(_component_ElButton, {
+                _: 1,
+                __: [2]
+              })) : $setup.fileStatus === $setup.Status.done ? (openBlock(), createBlock($setup["ElButton"], {
                 key: 2,
                 type: "success",
                 disabled: ""
               }, {
-                default: withCtx(() => _cache[4] || (_cache[4] = [
+                default: withCtx(() => _cache[3] || (_cache[3] = [
                   createTextVNode(" \u5DF2\u4F20 ")
                 ])),
-                _: 1
-                /* STABLE */
-              })) : (openBlock(), createBlock(_component_el_button, {
+                _: 1,
+                __: [3]
+              })) : (openBlock(), createBlock($setup["ElButton"], {
                 key: 3,
                 type: "primary",
-                disabled: !_ctx.containerFile,
-                onClick: _ctx.handleUpload
+                disabled: !$setup.containerFile,
+                onClick: $setup.handleUpload
               }, {
-                default: withCtx(() => _cache[5] || (_cache[5] = [
+                default: withCtx(() => _cache[4] || (_cache[4] = [
                   createTextVNode(" \u4E0A\u4F20 ")
                 ])),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled", "onClick"]))
+                _: 1,
+                __: [4]
+              }, 8, ["disabled"]))
             ]),
             _: 1
             /* STABLE */