next-element-vue 0.2.9 → 0.3.0

package/dist/index.js

@@ -2,8 +2,8 @@
 /**
  * 作　　者：huangteng
  * 邮　　箱：htengweb@163.com
- * 当前版本：0.2.9 v
- * 发布日期：2024-06-14
+ * 当前版本：0.3.0 v
+ * 发布日期：2024-06-16
  * 地　　址：https://www.npmjs.com/package/next-element-vue
  */
 
@@ -854,7 +854,8 @@ var merge = createAssigner((function(object, source, srcIndex) {
                 cancelDelete: "取消删除操作",
                 confirmButtonText: "确 定",
                 cancelButtonText: "取 消"
-            }
+            },
+            uploadfileExceed: "上传文件数量超出限制范围"
         },
         form: {
             input: "请输入",
@@ -928,7 +929,8 @@ var merge = createAssigner((function(object, source, srcIndex) {
                 cancelDelete: "Cancel delete",
                 confirmButtonText: "OK",
                 cancelButtonText: "Cancel"
-            }
+            },
+            uploadfileExceed: "The number of uploaded files exceeds the limit"
         },
         form: {
             input: "please input ",
@@ -1002,7 +1004,8 @@ var merge = createAssigner((function(object, source, srcIndex) {
                 cancelDelete: "取消删除操作",
                 confirmButtonText: "確 定",
                 cancelButtonText: "取 消"
-            }
+            },
+            uploadfileExceed: "上传文件数量超出限制范围"
         },
         form: {
             input: "請輸入",
@@ -3823,8 +3826,11 @@ var HeaderSearch = defineComponent({
             class: ns.b("header-menu")
         }, [ createVNode("div", {
             class: ns.b("header-menu-left")
-        }, [ this.$slots["menu-left-prefix"]?.(), options.addBtn && createVNode(ElButton, {
+        }, [ this.$slots["menu-left-prefix"]?.({
+            size: options.size
+        }), options.addBtn && createVNode(ElButton, {
             type: "primary",
+            size: options.size,
             onClick: () => {
                 this.$emit("clickAdd");
             }
@@ -3835,6 +3841,7 @@ var HeaderSearch = defineComponent({
             default: () => t("next.table.add")
         }), options.batchDelBtn && createVNode(ElButton, {
             type: "danger",
+            size: options.size,
             disabled: !multipleSelectionLength.value,
             onClick: () => {
                 const selection = unref(toRaw(multipleSelection.value.map((row => toRaw(row)))));
@@ -3858,10 +3865,15 @@ var HeaderSearch = defineComponent({
                 default: () => [ createVNode(delete_default, null, null) ]
             }),
             default: () => t("next.table.batchDelete")
-        }), this.$slots["menu-left-suffix"]?.() ]), createVNode("div", {
+        }), this.$slots["menu-left-suffix"]?.({
+            size: options.size
+        }) ]), createVNode("div", {
             class: ns.b("header-menu-right")
-        }, [ this.$slots["menu-right-prefix"]?.(), options.refreshBtn && createVNode(ElButton, {
+        }, [ this.$slots["menu-right-prefix"]?.({
+            size: options.size
+        }), options.refreshBtn && createVNode(ElButton, {
             circle: !0,
+            size: options.size,
             onClick: () => {
                 this.$emit("clickRefresh");
             }
@@ -3871,6 +3883,7 @@ var HeaderSearch = defineComponent({
             })
         }), options.settingBtn && createVNode(ElButton, {
             circle: !0,
+            size: options.size,
             onClick: () => {
                 drawerSettingRef.value.visible = !0;
             }
@@ -3878,7 +3891,9 @@ var HeaderSearch = defineComponent({
             icon: () => createVNode(ElIcon, null, {
                 default: () => [ createVNode(tools_default, null, null) ]
             })
-        }), this.$slots["menu-right-suffix"]?.() ]), createVNode(DrawerSetting, {
+        }), this.$slots["menu-right-suffix"]?.({
+            size: options.size
+        }) ]), createVNode(DrawerSetting, {
             ref: drawerSettingRef
         }, null) ]);
     }
@@ -4498,12 +4513,20 @@ var UploadImage = defineComponent({
             values: [ "text", "picture", "picture-card" ],
             default: "picture-card"
         },
+        multiple: {
+            type: Boolean,
+            default: !1
+        },
+        limit: {
+            type: Number,
+            default: 1
+        },
         accept: {
             type: String,
             default: "image/*"
         }
     },
-    emits: [ "change" ],
+    emits: [ "change", "exceed" ],
     setup(props) {
         const {appContext: appContext} = getCurrentInstance(), {t: t} = useLocale();
         return {
@@ -4539,6 +4562,8 @@ var UploadImage = defineComponent({
             class: [ ns$7.b("upload-image"), props.className ],
             style: props.style,
             "list-type": props.listType,
+            multiple: props.multiple,
+            limit: props.limit,
             "auto-upload": !1,
             "on-preview": uploadFile => {
                 const body = document.getElementsByTagName("body")[0], initial = uploadfilesPreview.value.findIndex((file => file.url === uploadFile.url)) || 0;
@@ -4557,8 +4582,14 @@ var UploadImage = defineComponent({
                 });
                 previewImagesContainer.appContext = this.appContext, render(previewComponent, previewImagesContainer);
             },
-            onChange: (uploadfile, uploadfiles) => {
+            "on-change": (uploadfile, uploadfiles) => {
                 uploadfilesPreview.value = uploadfiles, emit("change", uploadfile, uploadfiles);
+            },
+            "on-exceed": (uploadfile, uploadfiles) => {
+                ElMessage({
+                    type: "info",
+                    message: _t("next.table.uploadfileExceed")
+                }), emit("exceed", uploadfile, uploadfiles);
             }
         }, {
             trigger: () => slots.default ? slots.default() : "picture-card" === props.listType ? createVNode(ElIcon, null, {
@@ -4662,6 +4693,10 @@ var UploadImage = defineComponent({
     }
 });
 
+function _isSlot$2(s) {
+    return "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s);
+}
+
 const ns$6 = useNamespace("form");
 
 var Element$6 = defineComponent({
@@ -4705,17 +4740,17 @@ var Element$6 = defineComponent({
             deep: !0,
             immediate: !0
         });
-        const formColumns = arrayObjNoRepeat(_formColumns.value, "prop");
+        const formColumns = arrayObjNoRepeat(_formColumns.value, "prop"), spanResizeLoading = ref(!1);
         onMounted((() => {
             const formEl = ruleFormRef.value?.$el;
             let timer = null;
             elementResize(formEl, (el => {
-                null !== timer && clearTimeout(timer), timer = setTimeout((() => {
+                null !== timer ? clearTimeout(timer) : spanResizeLoading.value = !0, timer = setTimeout((() => {
                     colSpan.value = ((el, minWidth = 350) => {
                         const el_width = el.clientWidth;
                         let span = Math.floor(el_width / minWidth);
                         return span > 4 && (span = 4), Math.ceil(24 / span);
-                    })(el, options.columnMinWidth), clearTimeout(timer);
+                    })(el, options.columnMinWidth), spanResizeLoading.value = !1, clearTimeout(timer);
                 }), 200);
             }));
         }));
@@ -5006,7 +5041,10 @@ var Element$6 = defineComponent({
                 modelValue: formParams[col.prop],
                 "onUpdate:modelValue": $event => formParams[col.prop] = $event,
                 disabled: col.disabled,
-                onChange: (...arg) => col.onChange?.(...arg, col, formParams, formColumns)
+                multiple: col.multiple,
+                limit: col.limit,
+                onChange: (...arg) => col.onChange?.(...arg, col, formParams, formColumns),
+                onExceed: (...arg) => col.onExceed?.(...arg, col, formParams, formColumns)
             }, null) : "treeSelect" === col.type ? createVNode(treeSelect, {
                 modelValue: formParams[col.prop],
                 "onUpdate:modelValue": $event => formParams[col.prop] = $event,
@@ -5022,19 +5060,22 @@ var Element$6 = defineComponent({
             getFormInstance: () => ruleFormRef.value,
             getFormParams: () => toRaw(formParams)
         });
-        const renderContent = () => {
-            let _slot;
-            return createVNode(ElForm, {
-                ref: ruleFormRef,
-                class: ns$6.b(),
-                inline: !1,
-                model: formParams,
-                size: options.size
-            }, {
-                default: () => {
-                    return [ createVNode(ElRow, {
+        return () => {
+            let _slot2;
+            return createVNode(NextSpinLoading, {
+                loading: spanResizeLoading.value
+            }, _isSlot$2(_slot2 = (() => {
+                let _slot;
+                return createVNode(ElForm, {
+                    ref: ruleFormRef,
+                    class: ns$6.b(),
+                    inline: !1,
+                    model: formParams,
+                    size: options.size
+                }, {
+                    default: () => [ createVNode(ElRow, {
                         gutter: 20
-                    }, (s = _slot = formColumns.map((column => !column.hide && createVNode(ElCol, {
+                    }, _isSlot$2(_slot = formColumns.map((column => !column.hide && createVNode(ElCol, {
                         span: valueExist(column.span, colSpan.value)
                     }, {
                         default: () => [ createVNode(ElFormItem, {
@@ -5064,9 +5105,9 @@ var Element$6 = defineComponent({
                             }) : null ]) : null,
                             default: () => renderFormItem(column)
                         }) ]
-                    }))), "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s) ? _slot : {
+                    })))) ? _slot : {
                         default: () => [ _slot ]
-                    })), _isEditing.value && options.showFooter ? createVNode("div", {
+                    }), _isEditing.value && options.showFooter ? createVNode("div", {
                         class: ns$6.e("footer")
                     }, [ createVNode(ElButton, {
                         type: "primary",
@@ -5078,12 +5119,12 @@ var Element$6 = defineComponent({
                         onClick: onResetForm
                     }, {
                         default: () => [ t(options.resetText) || t("next.form.reset") ]
-                    }) : null ]) : null ];
-                    var s;
-                }
+                    }) : null ]) : null ]
+                });
+            })()) ? _slot2 : {
+                default: () => [ _slot2 ]
             });
         };
-        return () => createVNode(Fragment, null, [ renderContent() ]);
     }
 });
 
@@ -5190,6 +5231,7 @@ var Element$5 = defineComponent({
                         rules: valueExist(col.formRules, col.rules, null),
                         span: valueExist(col.formSpan, col.span, null),
                         multiple: valueExist(col.formMultiple, col.multiple, !1),
+                        limit: valueExist(col.formLimit, col.limit, 1),
                         dicData: valueExist(col.formDicData, col.dicData, []),
                         loadDicData: valueExist(col.formLoadDicData, col.loadDicData, null),
                         onChange: valueExist(col.onChangeForm, col.onChange, null),
@@ -6866,7 +6908,7 @@ const zoomDialog = app => {
             }));
         }
     });
-}, version = "0.2.9", install = function(app) {
+}, version = "0.3.0", install = function(app) {
     Object.keys(components).forEach((key => {
         const component = components[key];
         app.component(component.name, component);
@@ -6876,7 +6918,7 @@ const zoomDialog = app => {
 };
 
 var index = {
-    version: "0.2.9",
+    version: "0.3.0",
     install: install
 };