next-element-vue 0.2.9 → 0.3.0

package/dist/index.umd.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
  */
 
@@ -756,7 +756,8 @@
                     cancelDelete: "取消删除操作",
                     confirmButtonText: "确 定",
                     cancelButtonText: "取 消"
-                }
+                },
+                uploadfileExceed: "上传文件数量超出限制范围"
             },
             form: {
                 input: "请输入",
@@ -830,7 +831,8 @@
                     cancelDelete: "Cancel delete",
                     confirmButtonText: "OK",
                     cancelButtonText: "Cancel"
-                }
+                },
+                uploadfileExceed: "The number of uploaded files exceeds the limit"
             },
             form: {
                 input: "please input ",
@@ -904,7 +906,8 @@
                     cancelDelete: "取消删除操作",
                     confirmButtonText: "確 定",
                     cancelButtonText: "取 消"
-                }
+                },
+                uploadfileExceed: "上传文件数量超出限制范围"
             },
             form: {
                 input: "請輸入",
@@ -3608,8 +3611,11 @@
                 class: ns.b("header-menu")
             }, [ vue.createVNode("div", {
                 class: ns.b("header-menu-left")
-            }, [ this.$slots["menu-left-prefix"]?.(), options.addBtn && vue.createVNode(elementPlus.ElButton, {
+            }, [ this.$slots["menu-left-prefix"]?.({
+                size: options.size
+            }), options.addBtn && vue.createVNode(elementPlus.ElButton, {
                 type: "primary",
+                size: options.size,
                 onClick: () => {
                     this.$emit("clickAdd");
                 }
@@ -3620,6 +3626,7 @@
                 default: () => t("next.table.add")
             }), options.batchDelBtn && vue.createVNode(elementPlus.ElButton, {
                 type: "danger",
+                size: options.size,
                 disabled: !multipleSelectionLength.value,
                 onClick: () => {
                     const selection = vue.unref(vue.toRaw(multipleSelection.value.map((row => vue.toRaw(row)))));
@@ -3643,10 +3650,15 @@
                     default: () => [ vue.createVNode(delete_default, null, null) ]
                 }),
                 default: () => t("next.table.batchDelete")
-            }), this.$slots["menu-left-suffix"]?.() ]), vue.createVNode("div", {
+            }), this.$slots["menu-left-suffix"]?.({
+                size: options.size
+            }) ]), vue.createVNode("div", {
                 class: ns.b("header-menu-right")
-            }, [ this.$slots["menu-right-prefix"]?.(), options.refreshBtn && vue.createVNode(elementPlus.ElButton, {
+            }, [ this.$slots["menu-right-prefix"]?.({
+                size: options.size
+            }), options.refreshBtn && vue.createVNode(elementPlus.ElButton, {
                 circle: !0,
+                size: options.size,
                 onClick: () => {
                     this.$emit("clickRefresh");
                 }
@@ -3656,6 +3668,7 @@
                 })
             }), options.settingBtn && vue.createVNode(elementPlus.ElButton, {
                 circle: !0,
+                size: options.size,
                 onClick: () => {
                     drawerSettingRef.value.visible = !0;
                 }
@@ -3663,7 +3676,9 @@
                 icon: () => vue.createVNode(elementPlus.ElIcon, null, {
                     default: () => [ vue.createVNode(tools_default, null, null) ]
                 })
-            }), this.$slots["menu-right-suffix"]?.() ]), vue.createVNode(DrawerSetting, {
+            }), this.$slots["menu-right-suffix"]?.({
+                size: options.size
+            }) ]), vue.createVNode(DrawerSetting, {
                 ref: drawerSettingRef
             }, null) ]);
         }
@@ -4271,12 +4286,20 @@
                 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} = vue.getCurrentInstance(), {t: t} = useLocale();
             return {
@@ -4312,6 +4335,8 @@
                 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;
@@ -4330,8 +4355,14 @@
                     });
                     previewImagesContainer.appContext = this.appContext, vue.render(previewComponent, previewImagesContainer);
                 },
-                onChange: (uploadfile, uploadfiles) => {
+                "on-change": (uploadfile, uploadfiles) => {
                     uploadfilesPreview.value = uploadfiles, emit("change", uploadfile, uploadfiles);
+                },
+                "on-exceed": (uploadfile, uploadfiles) => {
+                    elementPlus.ElMessage({
+                        type: "info",
+                        message: _t("next.table.uploadfileExceed")
+                    }), emit("exceed", uploadfile, uploadfiles);
                 }
             }, {
                 trigger: () => slots.default ? slots.default() : "picture-card" === props.listType ? vue.createVNode(elementPlus.ElIcon, null, {
@@ -4434,6 +4465,9 @@
             }, null) ]);
         }
     });
+    function _isSlot$2(s) {
+        return "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !vue.isVNode(s);
+    }
     const ns$6 = useNamespace("form");
     var Element$6 = vue.defineComponent({
         name: "NextForm",
@@ -4476,17 +4510,17 @@
                 deep: !0,
                 immediate: !0
             });
-            const formColumns = arrayObjNoRepeat(_formColumns.value, "prop");
+            const formColumns = arrayObjNoRepeat(_formColumns.value, "prop"), spanResizeLoading = vue.ref(!1);
             vue.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);
                 }));
             }));
@@ -4777,7 +4811,10 @@
                     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 ? vue.createVNode(treeSelect, {
                     modelValue: formParams[col.prop],
                     "onUpdate:modelValue": $event => formParams[col.prop] = $event,
@@ -4793,19 +4830,22 @@
                 getFormInstance: () => ruleFormRef.value,
                 getFormParams: () => vue.toRaw(formParams)
             });
-            const renderContent = () => {
-                let _slot;
-                return vue.createVNode(elementPlus.ElForm, {
-                    ref: ruleFormRef,
-                    class: ns$6.b(),
-                    inline: !1,
-                    model: formParams,
-                    size: options.size
-                }, {
-                    default: () => {
-                        return [ vue.createVNode(elementPlus.ElRow, {
+            return () => {
+                let _slot2;
+                return vue.createVNode(NextSpinLoading, {
+                    loading: spanResizeLoading.value
+                }, _isSlot$2(_slot2 = (() => {
+                    let _slot;
+                    return vue.createVNode(elementPlus.ElForm, {
+                        ref: ruleFormRef,
+                        class: ns$6.b(),
+                        inline: !1,
+                        model: formParams,
+                        size: options.size
+                    }, {
+                        default: () => [ vue.createVNode(elementPlus.ElRow, {
                             gutter: 20
-                        }, (s = _slot = formColumns.map((column => !column.hide && vue.createVNode(elementPlus.ElCol, {
+                        }, _isSlot$2(_slot = formColumns.map((column => !column.hide && vue.createVNode(elementPlus.ElCol, {
                             span: valueExist(column.span, colSpan.value)
                         }, {
                             default: () => [ vue.createVNode(elementPlus.ElFormItem, {
@@ -4835,9 +4875,9 @@
                                 }) : null ]) : null,
                                 default: () => renderFormItem(column)
                             }) ]
-                        }))), "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !vue.isVNode(s) ? _slot : {
+                        })))) ? _slot : {
                             default: () => [ _slot ]
-                        })), _isEditing.value && options.showFooter ? vue.createVNode("div", {
+                        }), _isEditing.value && options.showFooter ? vue.createVNode("div", {
                             class: ns$6.e("footer")
                         }, [ vue.createVNode(elementPlus.ElButton, {
                             type: "primary",
@@ -4849,12 +4889,12 @@
                             onClick: onResetForm
                         }, {
                             default: () => [ t(options.resetText) || t("next.form.reset") ]
-                        }) : null ]) : null ];
-                        var s;
-                    }
+                        }) : null ]) : null ]
+                    });
+                })()) ? _slot2 : {
+                    default: () => [ _slot2 ]
                 });
             };
-            return () => vue.createVNode(vue.Fragment, null, [ renderContent() ]);
         }
     });
     const NextTreeSelect = withInstall(treeSelect), NextForm = withInstall(Element$6);
@@ -4956,6 +4996,7 @@
                             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),
@@ -6623,7 +6664,7 @@
         })(app);
     };
     var index = {
-        version: "0.2.9",
+        version: "0.3.0",
         install: install
     };
     exports.NextContainer = NextContainer, exports.NextCrudTable = NextCrudTable, exports.NextCrudTableVirtualized = NextCrudTableVirtualized, 
@@ -6669,7 +6710,7 @@
     }), exports.useGetDerivedNamespace = useGetDerivedNamespace, exports.useLanguage = (locale, lang) => {
         const localeRef = vue.isRef(locale) ? locale : vue.ref(locale), nextLang = localeLang[lang] || localeLang["zh-cn"];
         localeRef.value.name = lang, localeRef.value.next = nextLang.next;
-    }, exports.useLocale = useLocale, exports.useNamespace = useNamespace, exports.version = "0.2.9", 
+    }, exports.useLocale = useLocale, exports.useNamespace = useNamespace, exports.version = "0.3.0", 
     Object.defineProperty(exports, "__esModule", {
         value: !0
     });