@vunk/form 0.0.1-alpha.50 → 0.0.1-alpha.52

package/components/upload/index.css

@@ -17,6 +17,10 @@
   min-width: 100px;
 }
 
+.vkf-upload.is-limit .el-upload{
+  display: none;
+}
+
 
 .el-upload-list__item-status-label{
   z-index: 1;

package/components/upload/index.js

@@ -412,13 +412,13 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     !_ctx.disabled ? (openBlock(), createBlock(_component_el_icon, {
       key: 2,
       class: normalizeClass(_ctx.nsIcon.m("close")),
-      onClick: _ctx.handleRemove
+      onClick: _cache[2] || (_cache[2] = ($event) => _ctx.handleRemove(_ctx.file))
     }, {
       default: withCtx(() => [
         createVNode(_component_Close)
       ]),
       _: 1
-    }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
+    }, 8, ["class"])) : createCommentVNode("v-if", true),
     createCommentVNode(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn"),
     createCommentVNode(" This is a bug which needs to be fixed "),
     createCommentVNode(" TODO: Fix the incorrect navigation interaction "),
@@ -433,7 +433,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.preview ? (openBlock(), createElementBlock("span", {
         key: 0,
         class: normalizeClass(_ctx.nsUpload.be("list", "item-preview")),
-        onClick: _cache[2] || (_cache[2] = ($event) => _ctx.onPreview(_ctx.file))
+        onClick: _cache[3] || (_cache[3] = ($event) => _ctx.onPreview(_ctx.file))
       }, [
         createVNode(_component_el_icon, {
           class: normalizeClass(_ctx.nsIcon.m("zoom-in"))
@@ -447,7 +447,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       createCommentVNode(" \u4E0B\u8F7D "),
       createElementVNode("span", {
         class: normalizeClass(_ctx.nsUpload.be("list", "item-download")),
-        onClick: _cache[3] || (_cache[3] = ($event) => _ctx.handleDownload(_ctx.file))
+        onClick: _cache[4] || (_cache[4] = ($event) => _ctx.handleDownload(_ctx.file))
       }, [
         createVNode(_component_el_icon, {
           class: normalizeClass(_ctx.nsIcon.m("download"))
@@ -461,7 +461,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       !_ctx.disabled ? (openBlock(), createElementBlock("span", {
         key: 1,
         class: normalizeClass(_ctx.nsUpload.be("list", "item-delete")),
-        onClick: _cache[4] || (_cache[4] = ($event) => _ctx.handleRemove(_ctx.file))
+        onClick: _cache[5] || (_cache[5] = ($event) => _ctx.handleRemove(_ctx.file))
       }, [
         createVNode(_component_el_icon, {
           class: normalizeClass(_ctx.nsIcon.m("delete"))
@@ -487,12 +487,14 @@ const _sfc_main = defineComponent({
   },
   emits,
   props,
-  setup(props2) {
+  setup(props2, { emit }) {
     const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
     const coreBindProps = createUploadBindProps(props2, ["disabled", "fileList", "beforeUpload", "onSuccess"]);
     const uploadRef = shallowRef();
     const handleRemove = (file) => {
       uploadRef.value?.handleRemove(file);
+      uploadRef.value?.abort(file);
+      emit("update:fileList", props2.fileList);
     };
     const readonly = useComputedReadonly(props2);
     const onSuccess = (response, uploadFile, uploadFiles) => {
@@ -542,7 +544,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode(_component_ElUpload, mergeProps({
         class: ["vkf-upload", {
           "is-readonly": _ctx.readonly,
-          "is-empty": _ctx.fileList?.length === 0
+          "is-empty": _ctx.fileList?.length === 0,
+          "is-limit": _ctx.limit && _ctx.fileList?.length >= _ctx.limit
         }]
       }, _ctx.coreBindProps, {
         fileList: _ctx.fileList ?? [],

package/components/upload/src/index.vue.d.ts

@@ -209,6 +209,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     uploadRef: import("vue").ShallowRef<{
         handleRemove: AnyFunc;
+        abort: AnyFunc;
     } | undefined>;
     handleRemove: (file: UploadFile) => void;
     readonly: import("vue").ComputedRef<boolean>;

package/index.css

@@ -139,6 +139,10 @@
   min-width: 100px;
 }
 
+.vkf-upload.is-limit .el-upload{
+  display: none;
+}
+
 
 .el-upload-list__item-status-label{
   z-index: 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/form",
-  "version": "0.0.1-alpha.50",
+  "version": "0.0.1-alpha.52",
   "description": "",
   "main": "index.esm.js",
   "scripts": {