beyond-webui 1.0.72 → 1.0.74

package/dist/index.full.js

@@ -11741,6 +11741,7 @@
     setup(__props, { expose, emit }) {
       const props = __props;
       const fields = [];
+      const validationErrorsRef = vue.ref();
       const formSize = useFormSize();
       const ns = useNamespace("form");
       const formClasses = vue.computed(() => {
@@ -11802,6 +11803,7 @@
             };
           }
         }
+        validationErrorsRef.value = validationErrors;
         if (Object.keys(validationErrors).length === 0)
           return true;
         return Promise.reject(validationErrors);
@@ -11852,7 +11854,8 @@
         validateField,
         resetFields,
         clearValidate,
-        scrollToField
+        scrollToField,
+        validationErrors: validationErrorsRef
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("form", {
@@ -13553,7 +13556,7 @@
   const _hoisted_1$12 = ["role"];
   const _hoisted_2$G = { class: "el-input__preStar" };
   const _hoisted_3$n = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"];
-  const _hoisted_4$g = /* @__PURE__ */ vue.createElementVNode("svg", {
+  const _hoisted_4$f = /* @__PURE__ */ vue.createElementVNode("svg", {
     width: "16",
     height: "16",
     viewBox: "0 0 16 16",
@@ -13800,7 +13803,7 @@
         if (props.validateEvent) {
           (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn());
         }
-        inputPlaceholder.value = validateState.value === "error" ? "" : props.placeholder;
+        !props.inputState && (inputPlaceholder.value = validateState.value === "error" ? "" : props.placeholder);
       };
       const handleMouseLeave = (evt) => {
         hovering.value = false;
@@ -13993,7 +13996,7 @@
                   }, {
                     default: vue.withCtx(() => [
                       vue.createCommentVNode("              <circle-close />"),
-                      _hoisted_4$g
+                      _hoisted_4$f
                     ]),
                     _: 1
                   }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true),
@@ -16167,7 +16170,7 @@
   const _hoisted_1$10 = ["aria-expanded", "aria-owns"];
   const _hoisted_2$E = { key: 0 };
   const _hoisted_3$m = ["id", "aria-selected", "onClick"];
-  const _hoisted_4$f = {
+  const _hoisted_4$e = {
     key: 1,
     class: "no-data"
   };
@@ -16467,7 +16470,7 @@
                           vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
                         ])
                       ], 10, _hoisted_3$m);
-                    }), 128)) : (vue.openBlock(), vue.createElementBlock("li", _hoisted_4$f, vue.toDisplayString(emptyTip.value), 1))
+                    }), 128)) : (vue.openBlock(), vue.createElementBlock("li", _hoisted_4$e, vue.toDisplayString(emptyTip.value), 1))
                   ], 64))
                 ]),
                 _: 3
@@ -18638,7 +18641,7 @@
       })
     ])
   ], -1);
-  const _hoisted_4$e = [
+  const _hoisted_4$d = [
     _hoisted_2$D,
     _hoisted_3$l
   ];
@@ -19198,7 +19201,7 @@
                     onTouchstart: onTouchStartInput
                   }, {
                     default: vue.withCtx(() => [
-                      vue.unref(isTimeLikePicker) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(triggerIcon)), { key: 0 })) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$Y, _hoisted_4$e))
+                      vue.unref(isTimeLikePicker) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(triggerIcon)), { key: 0 })) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$Y, _hoisted_4$d))
                     ]),
                     _: 1
                   }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true)
@@ -19314,6 +19317,9 @@
               format: _ctx.format,
               unlinkPanels: _ctx.unlinkPanels,
               type: _ctx.type,
+              cycle: _ctx.cycle,
+              settDefaultDate: _ctx.settDefaultDate,
+              cycleType: _ctx.cycleType,
               defaultValue: _ctx.defaultValue,
               onPick,
               onSelectRange: setSelectionRange,
@@ -26201,7 +26207,7 @@
     scope: "col"
   };
   const _hoisted_3$h = ["aria-label"];
-  const _hoisted_4$d = ["aria-current", "aria-selected", "tabindex"];
+  const _hoisted_4$c = ["aria-current", "aria-selected", "tabindex"];
   const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-date-table",
     props: basicDateTableProps,
@@ -26558,7 +26564,7 @@
                     onFocus: handleFocus
                   }, [
                     vue.createVNode(vue.unref(ElDatePickerCell), { cell }, null, 8, ["cell"])
-                  ], 42, _hoisted_4$d);
+                  ], 42, _hoisted_4$c);
                 }), 128))
               ], 2);
             }), 128))
@@ -26782,7 +26788,7 @@
   const _hoisted_1$G = ["aria-label"];
   const _hoisted_2$r = ["aria-selected", "tabindex", "onKeydown"];
   const _hoisted_3$f = { class: "cell" };
-  const _hoisted_4$c = { key: 1 };
+  const _hoisted_4$b = { key: 1 };
   const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-year-table",
     props: basicYearTableProps,
@@ -26867,7 +26873,7 @@
                       ]
                     }, [
                       vue.createElementVNode("span", _hoisted_3$f, vue.toDisplayString(vue.unref(startYear) + i * 4 + j), 1)
-                    ], 42, _hoisted_2$r)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_4$c))
+                    ], 42, _hoisted_2$r)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_4$b))
                   ], 64);
                 }), 64))
               ]);
@@ -26882,7 +26888,7 @@
   const _hoisted_1$F = ["onClick"];
   const _hoisted_2$q = ["aria-label"];
   const _hoisted_3$e = ["aria-label"];
-  const _hoisted_4$b = ["aria-label"];
+  const _hoisted_4$a = ["aria-label"];
   const _hoisted_5$8 = ["aria-label"];
   const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-date-pick",
@@ -27412,7 +27418,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_4$b), [
+                  ], 10, _hoisted_4$a), [
                     [vue.vShow, currentView.value === "date"]
                   ]),
                   vue.createElementVNode("button", {
@@ -27612,7 +27618,7 @@
   const _hoisted_1$E = ["onClick"];
   const _hoisted_2$p = ["disabled"];
   const _hoisted_3$d = ["disabled"];
-  const _hoisted_4$a = ["disabled"];
+  const _hoisted_4$9 = ["disabled"];
   const _hoisted_5$7 = ["disabled"];
   const unit$1 = "month";
   const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
@@ -27633,13 +27639,13 @@
         format,
         defaultTime,
         arrowControl,
-        clearable,
-        cycle,
-        settDefaultDate,
-        cycleType
+        clearable
       } = pickerBase.props;
       const shortcuts = vue.toRef(pickerBase.props, "shortcuts");
       const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
+      const cycle = vue.toRef(pickerBase.props, "cycle");
+      const settDefaultDate = vue.toRef(pickerBase.props, "settDefaultDate");
+      const cycleType = vue.toRef(pickerBase.props, "cycleType");
       const { lang } = useLocale();
       const leftDate = vue.ref(dayjs().locale(lang.value));
       const rightDate = vue.ref(dayjs().locale(lang.value).add(1, unit$1));
@@ -28168,7 +28174,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_4$a)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_4$9)) : vue.createCommentVNode("v-if", true),
                   _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
                     key: 1,
                     type: "button",
@@ -29043,12 +29049,23 @@
   };
 
   const _hoisted_1$B = /* @__PURE__ */ vue.createElementVNode("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 14 14",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg"
   }, [
-    /* @__PURE__ */ vue.createElementVNode("path", { d: "M13.707 1.70697L12.293 0.292969L6.99997 5.58597L1.70697 0.292969L0.292969 1.70697L5.58597 6.99997L0.292969 12.293L1.70697 13.707L6.99997 8.41397L12.293 13.707L13.707 12.293L8.41397 6.99997L13.707 1.70697Z" })
+    /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#clip0_801_32741)" }, [
+      /* @__PURE__ */ vue.createElementVNode("path", { d: "M16 0.942667L15.0573 0L8 7.05733L0.942667 0L0 0.942667L7.05733 8L0 15.0573L0.942667 16L8 8.94267L15.0573 16L16 15.0573L8.94267 8L16 0.942667Z" })
+    ]),
+    /* @__PURE__ */ vue.createElementVNode("defs", null, [
+      /* @__PURE__ */ vue.createElementVNode("clipPath", { id: "clip0_801_32741" }, [
+        /* @__PURE__ */ vue.createElementVNode("rect", {
+          width: "16",
+          height: "16",
+          fill: "white"
+        })
+      ])
+    ])
   ], -1);
   const _hoisted_2$n = ["id"];
   const __default__$O = vue.defineComponent({ name: "ElDialogContent" });
@@ -29651,7 +29668,7 @@
   const _hoisted_1$z = ["aria-label", "aria-labelledby", "aria-describedby"];
   const _hoisted_2$m = ["id"];
   const _hoisted_3$b = ["aria-label"];
-  const _hoisted_4$9 = ["id"];
+  const _hoisted_4$8 = ["id"];
   function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_close = vue.resolveComponent("close");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -29744,7 +29761,7 @@
                       class: vue.normalizeClass(_ctx.ns.e("body"))
                     }, [
                       vue.renderSlot(_ctx.$slots, "default")
-                    ], 10, _hoisted_4$9)) : vue.createCommentVNode("v-if", true),
+                    ], 10, _hoisted_4$8)) : vue.createCommentVNode("v-if", true),
                     _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
                       key: 2,
                       class: vue.normalizeClass(_ctx.ns.e("footer"))
@@ -30813,7 +30830,7 @@
   };
   const _hoisted_2$l = ["id"];
   const _hoisted_3$a = ["stop-color"];
-  const _hoisted_4$8 = ["stop-color"];
+  const _hoisted_4$7 = ["stop-color"];
   const _hoisted_5$6 = ["id"];
   const _hoisted_6$2 = ["stop-color"];
   const _hoisted_7$1 = ["stop-color"];
@@ -30876,7 +30893,7 @@
               vue.createElementVNode("stop", {
                 "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-4")})`,
                 offset: "100%"
-              }, null, 8, _hoisted_4$8)
+              }, null, 8, _hoisted_4$7)
             ], 8, _hoisted_2$l),
             vue.createElementVNode("linearGradient", {
               id: `linearGradient-2-${vue.unref(id)}`,
@@ -35305,7 +35322,7 @@
   const _hoisted_1$k = ["onKeyup"];
   const _hoisted_2$e = ["aria-current", "aria-label", "tabindex"];
   const _hoisted_3$8 = ["tabindex", "aria-label"];
-  const _hoisted_4$7 = ["aria-current", "aria-label", "tabindex"];
+  const _hoisted_4$6 = ["aria-current", "aria-label", "tabindex"];
   const _hoisted_5$5 = ["tabindex", "aria-label"];
   const _hoisted_6$1 = ["aria-current", "aria-label", "tabindex"];
   const __default__$z = vue.defineComponent({
@@ -35475,7 +35492,7 @@
               "aria-current": _ctx.currentPage === pager,
               "aria-label": vue.unref(t)("el.pagination.currentPage", { pager }),
               tabindex: vue.unref(tabindex)
-            }, vue.toDisplayString(pager), 11, _hoisted_4$7);
+            }, vue.toDisplayString(pager), 11, _hoisted_4$6);
           }), 128)),
           showNextMore.value ? (vue.openBlock(), vue.createElementBlock("li", {
             key: 2,
@@ -36162,7 +36179,7 @@
   const _hoisted_1$j = ["aria-valuenow"];
   const _hoisted_2$d = { viewBox: "0 0 100 100" };
   const _hoisted_3$7 = ["d", "stroke", "stroke-width"];
-  const _hoisted_4$6 = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
+  const _hoisted_4$5 = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
   const _hoisted_5$4 = { key: 0 };
   const __default__$w = vue.defineComponent({
     name: "ElProgress"
@@ -36332,7 +36349,7 @@
                 "stroke-linecap": _ctx.strokeLinecap,
                 "stroke-width": vue.unref(relativeStrokeWidth),
                 style: vue.normalizeStyle(vue.unref(circlePathStyle))
-              }, null, 14, _hoisted_4$6)
+              }, null, 14, _hoisted_4$5)
             ]))
           ], 6)),
           (_ctx.showText || _ctx.$slots.default) && !_ctx.textInside ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -39802,7 +39819,7 @@
   const _hoisted_1$g = { key: 0 };
   const _hoisted_2$b = ["id", "autocomplete", "aria-expanded", "aria-labelledby", "disabled", "readonly", "name", "unselectable"];
   const _hoisted_3$6 = ["textContent"];
-  const _hoisted_4$5 = ["id", "aria-labelledby", "aria-expanded", "autocomplete", "disabled", "name", "readonly", "unselectable"];
+  const _hoisted_4$4 = ["id", "aria-labelledby", "aria-expanded", "autocomplete", "disabled", "name", "readonly", "unselectable"];
   const _hoisted_5$3 = ["textContent"];
   function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
@@ -40062,7 +40079,7 @@
                     _cache[21] || (_cache[21] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"]))
                   ],
                   "onUpdate:modelValue": _cache[22] || (_cache[22] = (...args) => _ctx.onUpdateInputValue && _ctx.onUpdateInputValue(...args))
-                }, null, 42, _hoisted_4$5), [
+                }, null, 42, _hoisted_4$4), [
                   [_directive_model_text, _ctx.states.displayInputValue]
                 ])
               ], 2),
@@ -41961,7 +41978,7 @@
   const _hoisted_1$d = ["onClick"];
   const _hoisted_2$9 = ["id", "aria-checked", "aria-disabled", "name", "true-value", "false-value", "disabled", "tabindex", "onKeydown"];
   const _hoisted_3$5 = ["aria-hidden"];
-  const _hoisted_4$4 = ["aria-hidden"];
+  const _hoisted_4$3 = ["aria-hidden"];
   const _hoisted_5$2 = ["aria-hidden"];
   const COMPONENT_NAME$8 = "ElSwitch";
   const __default__$l = vue.defineComponent({
@@ -42144,7 +42161,7 @@
                 key: 1,
                 class: vue.normalizeClass(vue.unref(ns).is("text")),
                 "aria-hidden": !vue.unref(checked)
-              }, vue.toDisplayString(vue.unref(checked) ? _ctx.activeText : _ctx.inactiveText), 11, _hoisted_4$4)) : vue.createCommentVNode("v-if", true)
+              }, vue.toDisplayString(vue.unref(checked) ? _ctx.activeText : _ctx.inactiveText), 11, _hoisted_4$3)) : vue.createCommentVNode("v-if", true)
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
               class: vue.normalizeClass(vue.unref(ns).e("action"))
@@ -53852,7 +53869,7 @@
   const _hoisted_1$5 = ["onKeydown"];
   const _hoisted_2$4 = ["src"];
   const _hoisted_3$3 = ["onClick"];
-  const _hoisted_4$3 = ["onClick"];
+  const _hoisted_4$2 = ["onClick"];
   const _hoisted_5$1 = ["onClick"];
   const __default__$5 = vue.defineComponent({
     name: "ElUploadList"
@@ -53985,7 +54002,7 @@
                         ]),
                         _: 1
                       }, 8, ["class"])
-                    ], 10, _hoisted_4$3),
+                    ], 10, _hoisted_4$2),
                     !vue.unref(disabled) ? (vue.openBlock(), vue.createElementBlock("span", {
                       key: 0,
                       class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-delete")),
@@ -55155,7 +55172,7 @@
   const _hoisted_3$2 = /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#clip0_391_15356)" }, [
     /* @__PURE__ */ vue.createElementVNode("path", { d: "M6.475 17.1576C6.14433 17.1583 5.81677 17.0936 5.51116 16.9674C5.20555 16.8411 4.9279 16.6557 4.69417 16.4218L0 11.7276L1.18667 10.5401L5.88083 15.2343C6.03835 15.3917 6.25191 15.4801 6.47458 15.4801C6.69726 15.4801 6.91082 15.3917 7.06833 15.2343L18.8133 3.48926L20 4.67676L8.255 16.4218C8.02142 16.6556 7.74392 16.8411 7.43844 16.9673C7.13297 17.0936 6.80555 17.1583 6.475 17.1576Z" })
   ], -1);
-  const _hoisted_4$2 = /* @__PURE__ */ vue.createElementVNode("defs", null, [
+  const _hoisted_4$1 = /* @__PURE__ */ vue.createElementVNode("defs", null, [
     /* @__PURE__ */ vue.createElementVNode("clipPath", { id: "clip0_391_15356" }, [
       /* @__PURE__ */ vue.createElementVNode("rect", {
         width: "20",
@@ -55165,7 +55182,7 @@
   ], -1);
   const _hoisted_5 = [
     _hoisted_3$2,
-    _hoisted_4$2
+    _hoisted_4$1
   ];
   const _hoisted_6 = {
     key: 1,
@@ -55708,30 +55725,30 @@
     }
   });
   const _hoisted_1$1 = ["aria-label", "aria-describedby"];
-  const _hoisted_2$1 = ["aria-label"];
-  const _hoisted_3$1 = /* @__PURE__ */ vue.createElementVNode("svg", {
+  const _hoisted_2$1 = /* @__PURE__ */ vue.createElementVNode("svg", {
     width: "16",
     height: "16",
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg"
   }, [
-    /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#clip0_364_2860)" }, [
+    /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#clip0_801_32741)" }, [
       /* @__PURE__ */ vue.createElementVNode("path", { d: "M16 0.942667L15.0573 0L8 7.05733L0.942667 0L0 0.942667L7.05733 8L0 15.0573L0.942667 16L8 8.94267L15.0573 16L16 15.0573L8.94267 8L16 0.942667Z" })
     ]),
     /* @__PURE__ */ vue.createElementVNode("defs", null, [
-      /* @__PURE__ */ vue.createElementVNode("clipPath", { id: "clip0_364_2860" }, [
+      /* @__PURE__ */ vue.createElementVNode("clipPath", { id: "clip0_801_32741" }, [
         /* @__PURE__ */ vue.createElementVNode("rect", {
           width: "16",
-          height: "16"
+          height: "16",
+          fill: "white"
         })
       ])
     ])
   ], -1);
-  const _hoisted_4$1 = ["id"];
+  const _hoisted_3$1 = ["id"];
   function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
-    const _component_el_input = vue.resolveComponent("el-input");
     const _component_el_button = vue.resolveComponent("el-button");
+    const _component_el_input = vue.resolveComponent("el-input");
     const _component_el_focus_trap = vue.resolveComponent("el-focus-trap");
     const _component_el_overlay = vue.resolveComponent("el-overlay");
     return vue.openBlock(), vue.createBlock(vue.Transition, {
@@ -55796,23 +55813,26 @@
                         }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
                         vue.createElementVNode("span", null, vue.toDisplayString(_ctx.title), 1)
                       ], 2),
-                      _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
+                      _ctx.showClose ? (vue.openBlock(), vue.createBlock(_component_el_button, {
                         key: 0,
-                        type: "button",
+                        text: "",
                         class: vue.normalizeClass(_ctx.ns.e("headerbtn")),
                         "aria-label": _ctx.t("el.messagebox.close"),
                         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handleAction(_ctx.distinguishCancelAndClose ? "close" : "cancel")),
                         onKeydown: _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers(($event) => _ctx.handleAction(_ctx.distinguishCancelAndClose ? "close" : "cancel"), ["prevent"]), ["enter"]))
-                      }, [
-                        vue.createVNode(_component_el_icon, {
-                          class: vue.normalizeClass(_ctx.ns.e("close"))
-                        }, {
-                          default: vue.withCtx(() => [
-                            _hoisted_3$1
-                          ]),
-                          _: 1
-                        }, 8, ["class"])
-                      ], 42, _hoisted_2$1)) : vue.createCommentVNode("v-if", true)
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_icon, {
+                            class: vue.normalizeClass(_ctx.ns.e("close"))
+                          }, {
+                            default: vue.withCtx(() => [
+                              _hoisted_2$1
+                            ]),
+                            _: 1
+                          }, 8, ["class"])
+                        ]),
+                        _: 1
+                      }, 8, ["class", "aria-label"])) : vue.createCommentVNode("v-if", true)
                     ], 2)) : vue.createCommentVNode("v-if", true),
                     vue.createElementVNode("div", {
                       id: _ctx.contentId,
@@ -55874,7 +55894,7 @@
                       ], 2), [
                         [vue.vShow, _ctx.showInput]
                       ])
-                    ], 10, _hoisted_4$1),
+                    ], 10, _hoisted_3$1),
                     vue.createElementVNode("div", {
                       class: vue.normalizeClass(_ctx.ns.e("btns"))
                     }, [