@me-framework/me-ui 1.0.44 → 1.0.46

package/dist/index.mjs

@@ -671,7 +671,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
 const MeDot = withInstall(_sfc_main$16);
 
 const _hoisted_1$U = { class: "image-slot" };
-const _hoisted_2$C = ["src"];
+const _hoisted_2$D = ["src"];
 const __default__$U = defineComponent({
   name: "me-image"
 });
@@ -706,7 +706,7 @@ var _sfc_main$15 = /* @__PURE__ */ defineComponent({
               createElementVNode("img", {
                 class: "me-image w-full h-full",
                 src: props.errorSrc
-              }, null, 8, _hoisted_2$C)
+              }, null, 8, _hoisted_2$D)
             ])
           ]),
           _: 1
@@ -1209,14 +1209,14 @@ const M$1 = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$T = { style: { "height": "100%" } };
-const _hoisted_2$B = { key: 1 };
-const _hoisted_3$n = { key: 1 };
-const _hoisted_4$i = {
+const _hoisted_2$C = { key: 1 };
+const _hoisted_3$o = { key: 1 };
+const _hoisted_4$j = {
   key: 2,
   style: { "margin-left": "6px", "height": "100%" },
   class: "icon"
 };
-const _hoisted_5$c = {
+const _hoisted_5$d = {
   key: 3,
   style: { "margin-left": "6px", "height": "100%" },
   class: "icon link"
@@ -1387,7 +1387,7 @@ var _sfc_main$14 = /* @__PURE__ */ defineComponent({
                           _: 3
                           /* FORWARDED */
                         }, 16, ["style", "class"])) : createCommentVNode("v-if", true),
-                        isExpand.value ? (openBlock(), createElementBlock("span", _hoisted_2$B, [
+                        isExpand.value ? (openBlock(), createElementBlock("span", _hoisted_2$C, [
                           renderSlot(_ctx.$slots, "default", {}, () => [
                             createTextVNode(
                               toDisplayString(content.value),
@@ -1425,7 +1425,7 @@ var _sfc_main$14 = /* @__PURE__ */ defineComponent({
                     _: 3
                     /* FORWARDED */
                   }, 8, ["start-ellpsis-line"])) : createCommentVNode("v-if", true),
-                  isExpand.value ? (openBlock(), createElementBlock("span", _hoisted_3$n, [
+                  isExpand.value ? (openBlock(), createElementBlock("span", _hoisted_3$o, [
                     renderSlot(_ctx.$slots, "default", {}, () => [
                       createTextVNode(
                         toDisplayString(content.value),
@@ -1438,7 +1438,7 @@ var _sfc_main$14 = /* @__PURE__ */ defineComponent({
                 4
                 /* STYLE */
               )) : createCommentVNode("v-if", true),
-              props.copy ? (openBlock(), createElementBlock("div", _hoisted_4$i, [
+              props.copy ? (openBlock(), createElementBlock("div", _hoisted_4$j, [
                 renderSlot(_ctx.$slots, "icon", {}, () => [
                   createVNode(unref(MeSvgIcon), {
                     onClick: handleCopy,
@@ -1446,7 +1446,7 @@ var _sfc_main$14 = /* @__PURE__ */ defineComponent({
                   })
                 ])
               ])) : createCommentVNode("v-if", true),
-              __props.link ? (openBlock(), createElementBlock("div", _hoisted_5$c, [
+              __props.link ? (openBlock(), createElementBlock("div", _hoisted_5$d, [
                 createVNode(unref(MeSvgIcon), {
                   onClick: handleLink,
                   name: "ri-external-link-line"
@@ -1814,23 +1814,23 @@ var _sfc_main$$ = /* @__PURE__ */ defineComponent({
 const MeRibbon = withInstall(_sfc_main$$);
 
 const _hoisted_1$P = { class: "me-status" };
-const _hoisted_2$A = {
+const _hoisted_2$B = {
   key: 0,
   class: "item"
 };
-const _hoisted_3$m = {
+const _hoisted_3$n = {
   key: 0,
   class: "label"
 };
-const _hoisted_4$h = {
+const _hoisted_4$i = {
   key: 1,
   class: "item"
 };
-const _hoisted_5$b = {
+const _hoisted_5$c = {
   key: 0,
   class: "label"
 };
-const _hoisted_6$7 = {
+const _hoisted_6$8 = {
   key: 2,
   class: "item"
 };
@@ -1862,7 +1862,7 @@ var _sfc_main$_ = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$P, [
-        __props.value === "success" ? (openBlock(), createElementBlock("div", _hoisted_2$A, [
+        __props.value === "success" ? (openBlock(), createElementBlock("div", _hoisted_2$B, [
           createVNode(unref(MeSvgIcon), {
             color: "#2FB344",
             name: __props.successIcon,
@@ -1870,13 +1870,13 @@ var _sfc_main$_ = /* @__PURE__ */ defineComponent({
           }, null, 8, ["name", "size"]),
           __props.label ? (openBlock(), createElementBlock(
             "span",
-            _hoisted_3$m,
+            _hoisted_3$n,
             toDisplayString(__props.label),
             1
             /* TEXT */
           )) : createCommentVNode("v-if", true)
         ])) : createCommentVNode("v-if", true),
-        __props.value === "error" ? (openBlock(), createElementBlock("div", _hoisted_4$h, [
+        __props.value === "error" ? (openBlock(), createElementBlock("div", _hoisted_4$i, [
           createVNode(unref(MeSvgIcon), {
             color: "#D63939",
             name: __props.errorIcon,
@@ -1884,13 +1884,13 @@ var _sfc_main$_ = /* @__PURE__ */ defineComponent({
           }, null, 8, ["name", "size"]),
           __props.label ? (openBlock(), createElementBlock(
             "span",
-            _hoisted_5$b,
+            _hoisted_5$c,
             toDisplayString(__props.label),
             1
             /* TEXT */
           )) : createCommentVNode("v-if", true)
         ])) : createCommentVNode("v-if", true),
-        __props.value === "warning" ? (openBlock(), createElementBlock("div", _hoisted_6$7, [
+        __props.value === "warning" ? (openBlock(), createElementBlock("div", _hoisted_6$8, [
           createVNode(unref(MeSvgIcon), {
             color: "#E6A23C",
             name: __props.warningIcon,
@@ -1972,7 +1972,7 @@ var _sfc_main$Z = /* @__PURE__ */ defineComponent({
 const MeStatusTag = withInstall(_sfc_main$Z);
 
 const _hoisted_1$O = { class: "me-group" };
-const _hoisted_2$z = {
+const _hoisted_2$A = {
   key: 0,
   style: { "font-size": "11px", "margin-right": "-5px" }
 };
@@ -2038,7 +2038,7 @@ var _sfc_main$Y = /* @__PURE__ */ defineComponent({
         }, [
           unref(slots)?.default ? (openBlock(), createElementBlock(
             "span",
-            _hoisted_2$z,
+            _hoisted_2$A,
             toDisplayString(unref(slots).default().length - 1),
             1
             /* TEXT */
@@ -2074,10 +2074,10 @@ const delegateBoolean$1 = (fn, callback) => {
 };
 
 const _hoisted_1$N = { class: "me-message" };
-const _hoisted_2$y = { class: "me-message-header" };
-const _hoisted_3$l = { style: { "font-size": "18px", "font-weight": "700", "padding": "18px 24px 0px" } };
-const _hoisted_4$g = ["innerHTML"];
-const _hoisted_5$a = {
+const _hoisted_2$z = { class: "me-message-header" };
+const _hoisted_3$m = { style: { "font-size": "18px", "font-weight": "700", "padding": "18px 24px 0px" } };
+const _hoisted_4$h = ["innerHTML"];
+const _hoisted_5$b = {
   class: "me-dialog-footer",
   style: { "background": "#f4f3f7", "border-radius": "0px 0px 8px 8px", "padding": "4px 12px 4px 12px" }
 };
@@ -2216,8 +2216,8 @@ var _sfc_main$X = /* @__PURE__ */ defineComponent({
           onClose: cancelHandler
         }, {
           header: withCtx(() => [
-            createElementVNode("div", _hoisted_2$y, [
-              createElementVNode("span", _hoisted_3$l, [
+            createElementVNode("div", _hoisted_2$z, [
+              createElementVNode("span", _hoisted_3$m, [
                 renderSlot(_ctx.$slots, "title", {}, () => [
                   createTextVNode(
                     toDisplayString(title.value),
@@ -2236,7 +2236,7 @@ var _sfc_main$X = /* @__PURE__ */ defineComponent({
               -1
               /* CACHED */
             )),
-            createElementVNode("div", _hoisted_5$a, [
+            createElementVNode("div", _hoisted_5$b, [
               renderSlot(_ctx.$slots, "me-message-footer", {}, () => [
                 _cache[3] || (_cache[3] = createElementVNode(
                   "div",
@@ -2291,7 +2291,7 @@ var _sfc_main$X = /* @__PURE__ */ defineComponent({
                   style: { "padding": "0 24px 24px", "font-size": "14px", "line-height": "24px" },
                   class: "me-message-body",
                   innerHTML: message.value
-                }, null, 8, _hoisted_4$g)
+                }, null, 8, _hoisted_4$h)
               ]),
               _: 1
               /* STABLE */
@@ -2319,7 +2319,7 @@ const MeMessage = (data, handler) => {
 };
 
 const _hoisted_1$M = { style: { "padding-bottom": "10px" } };
-const _hoisted_2$x = { style: { "text-align": "right", "margin": "0" } };
+const _hoisted_2$y = { style: { "text-align": "right", "margin": "0" } };
 const __default__$J = defineComponent({
   name: "me-confirm-button"
 });
@@ -2409,7 +2409,7 @@ var _sfc_main$W = /* @__PURE__ */ defineComponent({
                 1
                 /* TEXT */
               ),
-              createElementVNode("div", _hoisted_2$x, [
+              createElementVNode("div", _hoisted_2$y, [
                 renderSlot(_ctx.$slots, "cancel", {}, () => [
                   createVNode(unref(ElButton), {
                     size: "small",
@@ -2498,7 +2498,7 @@ const delegateBoolean = (fn, callback) => {
 };
 
 const _hoisted_1$L = { class: "loading-body" };
-const _hoisted_2$w = { class: "loading-icon" };
+const _hoisted_2$x = { class: "loading-icon" };
 const __default__$I = defineComponent({
   name: "me-loading"
 });
@@ -2545,7 +2545,7 @@ var _sfc_main$V = /* @__PURE__ */ defineComponent({
         },
         [
           createElementVNode("div", _hoisted_1$L, [
-            createElementVNode("div", _hoisted_2$w, [
+            createElementVNode("div", _hoisted_2$x, [
               renderSlot(_ctx.$slots, "default", {}, () => [
                 createVNode(unref(MeSvgIcon), {
                   size: 20,
@@ -2684,12 +2684,12 @@ function onBeforeRouteLeave(leaveGuard) {
 }
 
 const _hoisted_1$K = { style: { "font-size": "18px", "font-weight": "700" } };
-const _hoisted_2$v = { style: { "width": "auto" } };
-const _hoisted_3$k = {
+const _hoisted_2$w = { style: { "width": "auto" } };
+const _hoisted_3$l = {
   key: 0,
   style: { "display": "flex", "justify-content": "flex-end", "width": "100%", "align-items": "center" }
 };
-const _hoisted_4$f = {
+const _hoisted_4$g = {
   key: 0,
   style: { "margin-right": "10px" }
 };
@@ -2722,16 +2722,16 @@ var _sfc_main$U = /* @__PURE__ */ defineComponent({
       return isFullScreen.value ? "100%" : "90%";
     });
     const route = useRoute();
-    let path = route.fullPath;
+    let path = route?.fullPath;
     let isOpen = false;
     onBeforeRouteLeave((to, from) => {
       console.log("\u{1F680} ~ onBeforeRouteLeave:", from);
-      path = from.fullPath;
+      path = from?.fullPath;
       isOpen = visible.value;
       visible.value = false;
     });
     watch(
-      () => route.fullPath,
+      () => route?.fullPath,
       (newVal) => {
         console.log("\u{1F680} ~ path:", path);
         if (path === newVal && isOpen) {
@@ -2833,7 +2833,7 @@ var _sfc_main$U = /* @__PURE__ */ defineComponent({
                   ])
                 ])
               ]),
-              createElementVNode("div", _hoisted_2$v, [
+              createElementVNode("div", _hoisted_2$w, [
                 props.showFullscreen ? (openBlock(), createBlock(unref(MeIconButton), {
                   key: 0,
                   hover: "",
@@ -2863,13 +2863,13 @@ var _sfc_main$U = /* @__PURE__ */ defineComponent({
               style: normalizeStyle([{}, { borderTop: __props.line, paddingTop: unref(gap) }])
             },
             [
-              _ctx.$slots["me-dialog-footer-right"] ? (openBlock(), createElementBlock("div", _hoisted_3$k, [
+              _ctx.$slots["me-dialog-footer-right"] ? (openBlock(), createElementBlock("div", _hoisted_3$l, [
                 renderSlot(_ctx.$slots, "me-dialog-footer-right")
               ])) : createCommentVNode("v-if", true),
               !_ctx.$slots["me-dialog-footer-right"] ? renderSlot(_ctx.$slots, "me-dialog-footer", { key: 1 }, () => [
                 createVNode(_component_me_flex_box, { end: true }, {
                   default: withCtx(() => [
-                    _ctx.$props.showCancelButton ? (openBlock(), createElementBlock("div", _hoisted_4$f, [
+                    _ctx.$props.showCancelButton ? (openBlock(), createElementBlock("div", _hoisted_4$g, [
                       createVNode(unref(MeButton), { onClick: cancelEventHandler }, {
                         default: withCtx(() => [..._cache[1] || (_cache[1] = [
                           createTextVNode(
@@ -3140,14 +3140,14 @@ const _hoisted_1$J = {
   key: 0,
   style: { "width": "100%", "height": "100%", "overflow": "hidden", "display": "flex" }
 };
-const _hoisted_2$u = ["space"];
-const _hoisted_3$j = ["space"];
-const _hoisted_4$e = { style: { "height": "100%", "padding": "15px", "box-sizing": "border-box" } };
-const _hoisted_5$9 = {
+const _hoisted_2$v = ["space"];
+const _hoisted_3$k = ["space"];
+const _hoisted_4$f = { style: { "height": "100%", "padding": "15px", "box-sizing": "border-box" } };
+const _hoisted_5$a = {
   key: 3,
   class: "me-body-container"
 };
-const _hoisted_6$6 = {
+const _hoisted_6$7 = {
   key: 4,
   style: { "width": "100%", "height": "100%", "overflow": "hidden", "display": "flex" },
   class: "me-body-container"
@@ -3228,13 +3228,13 @@ var _sfc_main$R = /* @__PURE__ */ defineComponent({
             space: props.space
           }, [
             renderSlot(_ctx.$slots, "me-body-error")
-          ], 8, _hoisted_2$u)) : createCommentVNode("v-if", true),
+          ], 8, _hoisted_2$v)) : createCommentVNode("v-if", true),
           props.result ? (openBlock(), createElementBlock("div", {
             key: 2,
             space: props.space,
             style: { "height": "100%" }
           }, [
-            createElementVNode("div", _hoisted_4$e, [
+            createElementVNode("div", _hoisted_4$f, [
               createVNode(unref(ElResult), {
                 style: { "height": "100%", "background": "#fff" },
                 icon: props.result,
@@ -3250,9 +3250,9 @@ var _sfc_main$R = /* @__PURE__ */ defineComponent({
                 /* FORWARDED */
               }, 8, ["icon", "title", "sub-title"])
             ])
-          ], 8, _hoisted_3$j)) : createCommentVNode("v-if", true),
+          ], 8, _hoisted_3$k)) : createCommentVNode("v-if", true),
           createCommentVNode(" mode normal "),
-          !props.loading && !props.error && !props.result && props.mode == "normal" ? (openBlock(), createElementBlock("div", _hoisted_5$9, [
+          !props.loading && !props.error && !props.result && props.mode == "normal" ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
             createElementVNode(
               "div",
               {
@@ -3268,7 +3268,7 @@ var _sfc_main$R = /* @__PURE__ */ defineComponent({
             )
           ])) : createCommentVNode("v-if", true),
           createCommentVNode(" mode full "),
-          !props.loading && !props.error && !props.result && props.mode == "full" ? (openBlock(), createElementBlock("div", _hoisted_6$6, [
+          !props.loading && !props.error && !props.result && props.mode == "full" ? (openBlock(), createElementBlock("div", _hoisted_6$7, [
             createElementVNode(
               "div",
               {
@@ -3300,8 +3300,8 @@ var _sfc_main$R = /* @__PURE__ */ defineComponent({
 const MeBody = withInstall(_sfc_main$R);
 
 const _hoisted_1$I = { style: { "display": "flex", "width": "fit-content", "flex": "1", "align-items": "center" } };
-const _hoisted_2$t = { style: { "display": "flex", "align-items": "center", "cursor": "pointer" } };
-const _hoisted_3$i = {
+const _hoisted_2$u = { style: { "display": "flex", "align-items": "center", "cursor": "pointer" } };
+const _hoisted_3$j = {
   class: "card-text",
   style: { height: "100%" }
 };
@@ -3450,7 +3450,7 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
                   ])
                 ])
               ]),
-              createElementVNode("div", _hoisted_2$t, [
+              createElementVNode("div", _hoisted_2$u, [
                 renderSlot(_ctx.$slots, "header-right-btn"),
                 props.showCollapse ? (openBlock(), createElementBlock("div", {
                   key: 0,
@@ -3496,7 +3496,7 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
                   })
                 },
                 [
-                  createElementVNode("div", _hoisted_3$i, [
+                  createElementVNode("div", _hoisted_3$j, [
                     renderSlot(_ctx.$slots, "default")
                   ])
                 ],
@@ -3536,11 +3536,11 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
 const MeCard = withInstall(_sfc_main$Q);
 
 const _hoisted_1$H = { class: "me-page-result" };
-const _hoisted_2$s = { class: "container" };
-const _hoisted_3$h = { class: "empty" };
-const _hoisted_4$d = { class: "empty-header" };
-const _hoisted_5$8 = ["src"];
-const _hoisted_6$5 = { class: "empty-title" };
+const _hoisted_2$t = { class: "container" };
+const _hoisted_3$i = { class: "empty" };
+const _hoisted_4$e = { class: "empty-header" };
+const _hoisted_5$9 = ["src"];
+const _hoisted_6$6 = { class: "empty-title" };
 const _hoisted_7$3 = { class: "empty-subtitle" };
 const _hoisted_8$3 = { class: "empty-action" };
 const __default__$C = defineComponent({
@@ -3572,18 +3572,18 @@ var _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$H, [
-        createElementVNode("div", _hoisted_2$s, [
-          createElementVNode("div", _hoisted_3$h, [
-            createElementVNode("div", _hoisted_4$d, [
+        createElementVNode("div", _hoisted_2$t, [
+          createElementVNode("div", _hoisted_3$i, [
+            createElementVNode("div", _hoisted_4$e, [
               createElementVNode("img", {
                 alt: "",
                 style: { "height": "36px" },
                 src: __props.img
-              }, null, 8, _hoisted_5$8)
+              }, null, 8, _hoisted_5$9)
             ]),
             createElementVNode(
               "div",
-              _hoisted_6$5,
+              _hoisted_6$6,
               toDisplayString(__props.title),
               1
               /* TEXT */
@@ -3739,13 +3739,13 @@ var _sfc_main$O = /* @__PURE__ */ defineComponent({
 const MeSwiper = withInstall(_sfc_main$O);
 
 const _hoisted_1$F = { class: "me-resource-card" };
-const _hoisted_2$r = { class: "header" };
-const _hoisted_3$g = {
+const _hoisted_2$s = { class: "header" };
+const _hoisted_3$h = {
   key: 0,
   class: "body"
 };
-const _hoisted_4$c = { class: "value" };
-const _hoisted_5$7 = { class: "label" };
+const _hoisted_4$d = { class: "value" };
+const _hoisted_5$8 = { class: "label" };
 const __default__$A = defineComponent({
   name: "me-resource-card"
 });
@@ -3757,11 +3757,11 @@ var _sfc_main$N = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$F, [
-        createElementVNode("div", _hoisted_2$r, [
+        createElementVNode("div", _hoisted_2$s, [
           renderSlot(_ctx.$slots, "header"),
           renderSlot(_ctx.$slots, "header-menu")
         ]),
-        __props.footerList?.length ? (openBlock(), createElementBlock("div", _hoisted_3$g, [
+        __props.footerList?.length ? (openBlock(), createElementBlock("div", _hoisted_3$h, [
           renderSlot(_ctx.$slots, "footer", {}, () => [
             (openBlock(true), createElementBlock(
               Fragment,
@@ -3773,14 +3773,14 @@ var _sfc_main$N = /* @__PURE__ */ defineComponent({
                 }, [
                   createElementVNode(
                     "div",
-                    _hoisted_4$c,
+                    _hoisted_4$d,
                     toDisplayString(item.value) + " " + toDisplayString(item.unit),
                     1
                     /* TEXT */
                   ),
                   createElementVNode(
                     "div",
-                    _hoisted_5$7,
+                    _hoisted_5$8,
                     toDisplayString(item.label),
                     1
                     /* TEXT */
@@ -4072,11 +4072,11 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
 const MeResourceImage = withInstall(_sfc_main$K);
 
 const _hoisted_1$D = { style: { "display": "flex", "align-items": "center", "cursor": "pointer" } };
-const _hoisted_2$q = { style: { "display": "flex", "justify-content": "center", "align-items": "center", "height": "100%" } };
-const _hoisted_3$f = ["src"];
-const _hoisted_4$b = { style: { "margin-left": "10px" } };
-const _hoisted_5$6 = { style: { "font-weight": "bold", "line-height": "24px" } };
-const _hoisted_6$4 = { style: { "font-size": "11px", "color": "#909399", "line-height": "24px" } };
+const _hoisted_2$r = { style: { "display": "flex", "justify-content": "center", "align-items": "center", "height": "100%" } };
+const _hoisted_3$g = ["src"];
+const _hoisted_4$c = { style: { "margin-left": "10px" } };
+const _hoisted_5$7 = { style: { "font-weight": "bold", "line-height": "24px" } };
+const _hoisted_6$5 = { style: { "font-size": "11px", "color": "#909399", "line-height": "24px" } };
 const __default__$w = defineComponent({
   name: "me-avatar"
 });
@@ -4100,12 +4100,12 @@ var _sfc_main$J = /* @__PURE__ */ defineComponent({
           }, {
             error: withCtx(() => [
               renderSlot(_ctx.$slots, "error", {}, () => [
-                createElementVNode("div", _hoisted_2$q, [
+                createElementVNode("div", _hoisted_2$r, [
                   createElementVNode("img", {
                     style: { "width": "100%" },
                     src: __props.defaultImage,
                     alt: ""
-                  }, null, 8, _hoisted_3$f)
+                  }, null, 8, _hoisted_3$g)
                 ])
               ])
             ]),
@@ -4113,11 +4113,11 @@ var _sfc_main$J = /* @__PURE__ */ defineComponent({
             /* FORWARDED */
           }, 8, ["style", "modelValue"])
         ]),
-        createElementVNode("div", _hoisted_4$b, [
+        createElementVNode("div", _hoisted_4$c, [
           renderSlot(_ctx.$slots, "name", {}, () => [
             createElementVNode(
               "div",
-              _hoisted_5$6,
+              _hoisted_5$7,
               toDisplayString(__props.name),
               1
               /* TEXT */
@@ -4126,7 +4126,7 @@ var _sfc_main$J = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "desc", {}, () => [
             createElementVNode(
               "div",
-              _hoisted_6$4,
+              _hoisted_6$5,
               toDisplayString(__props.desc),
               1
               /* TEXT */
@@ -4247,7 +4247,7 @@ var _sfc_main$I = /* @__PURE__ */ defineComponent({
 const MeOverlay = withInstall(_sfc_main$I);
 
 const _hoisted_1$C = { class: "me-more-dropdown" };
-const _hoisted_2$p = { style: { "cursor": "pointer", "height": "fit-content" } };
+const _hoisted_2$q = { style: { "cursor": "pointer", "height": "fit-content" } };
 const __default__$u = defineComponent({
   name: "me-more-dropdown"
 });
@@ -4318,7 +4318,7 @@ var _sfc_main$H = /* @__PURE__ */ defineComponent({
             })
           ]),
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_2$p, [
+            createElementVNode("div", _hoisted_2$q, [
               renderSlot(_ctx.$slots, "default", {}, () => [
                 createElementVNode(
                   "div",
@@ -4349,7 +4349,7 @@ var _sfc_main$H = /* @__PURE__ */ defineComponent({
 const MeMoreDropdown = withInstall(_sfc_main$H);
 
 const _hoisted_1$B = { style: { "cursor": "pointer", "margin-bottom": "2px", "display": "flex" } };
-const _hoisted_2$o = { key: 2 };
+const _hoisted_2$p = { key: 2 };
 const __default__$t = defineComponent({
   name: "me-breadcrumb"
 });
@@ -4444,7 +4444,7 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
                       /* DYNAMIC_SLOTS */
                     )) : (openBlock(), createElementBlock(
                       "span",
-                      _hoisted_2$o,
+                      _hoisted_2$p,
                       toDisplayString(item.label),
                       1
                       /* TEXT */
@@ -4471,7 +4471,7 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
 const MeBreadcrumb = withInstall(_sfc_main$G);
 
 const _hoisted_1$A = { class: "me-nav" };
-const _hoisted_2$n = ["onContextmenu"];
+const _hoisted_2$o = ["onContextmenu"];
 const __default__$s = defineComponent({
   name: "me-nav"
 });
@@ -4565,7 +4565,7 @@ var _sfc_main$F = /* @__PURE__ */ defineComponent({
                         style: { "padding-left": "3px" },
                         name: "ri-lock-line"
                       })) : createCommentVNode("v-if", true)
-                    ], 40, _hoisted_2$n)
+                    ], 40, _hoisted_2$o)
                   ]),
                   _: 2
                   /* DYNAMIC */
@@ -4608,10 +4608,10 @@ var isoWeekExports = requireIsoWeek();
 var isoWeek = /*@__PURE__*/getDefaultExportFromCjs$1(isoWeekExports);
 
 const _hoisted_1$z = { class: "week-day-list" };
-const _hoisted_2$m = { class: "list" };
-const _hoisted_3$e = ["onClick"];
-const _hoisted_4$a = { class: "week-name" };
-const _hoisted_5$5 = { class: "day" };
+const _hoisted_2$n = { class: "list" };
+const _hoisted_3$f = ["onClick"];
+const _hoisted_4$b = { class: "week-name" };
+const _hoisted_5$6 = { class: "day" };
 var _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "week-day-list",
   props: {
@@ -4707,7 +4707,7 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
           _: 1
           /* STABLE */
         }),
-        createElementVNode("div", _hoisted_2$m, [
+        createElementVNode("div", _hoisted_2$n, [
           (openBlock(true), createElementBlock(
             Fragment,
             null,
@@ -4719,19 +4719,19 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
               }, [
                 createElementVNode(
                   "div",
-                  _hoisted_4$a,
+                  _hoisted_4$b,
                   toDisplayString(item.label),
                   1
                   /* TEXT */
                 ),
                 createElementVNode(
                   "div",
-                  _hoisted_5$5,
+                  _hoisted_5$6,
                   toDisplayString(unref(dayjs)(item.day).format("MM-DD")),
                   1
                   /* TEXT */
                 )
-              ], 10, _hoisted_3$e);
+              ], 10, _hoisted_3$f);
             }),
             128
             /* KEYED_FRAGMENT */
@@ -4755,11 +4755,11 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$y = { class: "me-week-calendar" };
-const _hoisted_2$l = { class: "first-td" };
-const _hoisted_3$d = { colspan: "2" };
-const _hoisted_4$9 = { key: 0 };
-const _hoisted_5$4 = { colspan: "3" };
-const _hoisted_6$3 = {
+const _hoisted_2$m = { class: "first-td" };
+const _hoisted_3$e = { colspan: "2" };
+const _hoisted_4$a = { key: 0 };
+const _hoisted_5$5 = { colspan: "3" };
+const _hoisted_6$4 = {
   key: 0,
   style: { "margin-top": "10px" }
 };
@@ -4804,7 +4804,7 @@ var _sfc_main$D = /* @__PURE__ */ defineComponent({
         )),
         createElementVNode("thead", null, [
           createElementVNode("tr", null, [
-            createElementVNode("td", _hoisted_2$l, [
+            createElementVNode("td", _hoisted_2$m, [
               _cache[1] || (_cache[1] = createElementVNode(
                 "svg",
                 {
@@ -4845,7 +4845,7 @@ var _sfc_main$D = /* @__PURE__ */ defineComponent({
                 ])
               ])
             ]),
-            createElementVNode("td", _hoisted_3$d, [
+            createElementVNode("td", _hoisted_3$e, [
               createVNode(_sfc_main$E, mergeProps(_ctx.$attrs, {
                 modelValue: day.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => day.value = $event),
@@ -4855,8 +4855,8 @@ var _sfc_main$D = /* @__PURE__ */ defineComponent({
           ])
         ]),
         withDirectives((openBlock(), createElementBlock("tbody", null, [
-          !props.data.length ? (openBlock(), createElementBlock("tr", _hoisted_4$9, [
-            createElementVNode("td", _hoisted_5$4, [
+          !props.data.length ? (openBlock(), createElementBlock("tr", _hoisted_4$a, [
+            createElementVNode("td", _hoisted_5$5, [
               createVNode(unref(ElEmpty))
             ])
           ])) : (openBlock(true), createElementBlock(
@@ -4878,7 +4878,7 @@ var _sfc_main$D = /* @__PURE__ */ defineComponent({
         ])), [
           [_directive_loading, props.loading]
         ]),
-        _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
+        _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$4, [
           renderSlot(_ctx.$slots, "footer")
         ])) : createCommentVNode("v-if", true)
       ]);
@@ -5145,9 +5145,9 @@ var _sfc_main$B = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$w = { class: "me-icon-selector" };
-const _hoisted_2$k = { style: { "display": "flex", "align-items": "center" } };
-const _hoisted_3$c = { class: "me-icon-selector__list" };
-const _hoisted_4$8 = ["onClick"];
+const _hoisted_2$l = { style: { "display": "flex", "align-items": "center" } };
+const _hoisted_3$d = { class: "me-icon-selector__list" };
+const _hoisted_4$9 = ["onClick"];
 const __default__$q = defineComponent({
   name: "me-icon-selector"
 });
@@ -5230,7 +5230,7 @@ var _sfc_main$A = /* @__PURE__ */ defineComponent({
                   ])
                 ]),
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_2$k, [
+                  createElementVNode("div", _hoisted_2$l, [
                     createVNode(unref(ElInput), {
                       modelValue: searchValue.value,
                       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchValue.value = $event),
@@ -5261,7 +5261,7 @@ var _sfc_main$A = /* @__PURE__ */ defineComponent({
                     _: 1
                     /* STABLE */
                   }, 8, ["modelValue"]),
-                  createElementVNode("div", _hoisted_3$c, [
+                  createElementVNode("div", _hoisted_3$d, [
                     (openBlock(true), createElementBlock(
                       Fragment,
                       null,
@@ -5272,7 +5272,7 @@ var _sfc_main$A = /* @__PURE__ */ defineComponent({
                           onClick: ($event) => clickIcon(item)
                         }, [
                           createVNode(unref(MeSvgIcon), { name: item }, null, 8, ["name"])
-                        ], 8, _hoisted_4$8);
+                        ], 8, _hoisted_4$9);
                       }),
                       128
                       /* KEYED_FRAGMENT */
@@ -7271,11 +7271,11 @@ const getFileThumbByFileName = (filename) => {
 };
 
 const _hoisted_1$v = { class: "el-upload__text" };
-const _hoisted_2$j = { class: "text-sm" };
-const _hoisted_3$b = { key: 0 };
-const _hoisted_4$7 = { key: 1 };
-const _hoisted_5$3 = { key: 2 };
-const _hoisted_6$2 = { key: 3 };
+const _hoisted_2$k = { class: "text-sm" };
+const _hoisted_3$c = { key: 0 };
+const _hoisted_4$8 = { key: 1 };
+const _hoisted_5$4 = { key: 2 };
+const _hoisted_6$3 = { key: 3 };
 const _hoisted_7$2 = { key: 4 };
 const _hoisted_8$2 = { style: { "cursor": "move" } };
 const _hoisted_9$1 = { class: "me-upload-button" };
@@ -7664,7 +7664,7 @@ var _sfc_main$z = /* @__PURE__ */ defineComponent({
                     default: withCtx((scope) => [
                       createElementVNode(
                         "span",
-                        _hoisted_2$j,
+                        _hoisted_2$k,
                         toDisplayString(scope.row.size),
                         1
                         /* TEXT */
@@ -7679,7 +7679,7 @@ var _sfc_main$z = /* @__PURE__ */ defineComponent({
                     width: "150"
                   }, {
                     default: withCtx((scope) => [
-                      scope.row.status == "ready" ? (openBlock(), createElementBlock("div", _hoisted_3$b, [
+                      scope.row.status == "ready" ? (openBlock(), createElementBlock("div", _hoisted_3$c, [
                         createVNode(unref(ElTag), {
                           type: "primary",
                           effect: "plain"
@@ -7696,7 +7696,7 @@ var _sfc_main$z = /* @__PURE__ */ defineComponent({
                         })
                       ])) : createCommentVNode("v-if", true),
                       createCommentVNode(" \u4E0A\u4F20\u8FDB\u5EA6\u6761 "),
-                      scope.row.status == "uploading" ? (openBlock(), createElementBlock("div", _hoisted_4$7, [
+                      scope.row.status == "uploading" ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
                         createVNode(unref(ElProgress), {
                           percentage: scope.row.progress,
                           "stroke-width": 15,
@@ -7705,7 +7705,7 @@ var _sfc_main$z = /* @__PURE__ */ defineComponent({
                           "text-inside": true
                         }, null, 8, ["percentage"])
                       ])) : createCommentVNode("v-if", true),
-                      scope.row.status == "success" ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+                      scope.row.status == "success" ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
                         createVNode(unref(ElTag), { type: "success" }, {
                           default: withCtx(() => [..._cache[5] || (_cache[5] = [
                             createTextVNode(
@@ -7718,7 +7718,7 @@ var _sfc_main$z = /* @__PURE__ */ defineComponent({
                           /* STABLE */
                         })
                       ])) : createCommentVNode("v-if", true),
-                      scope.row.status == "fail" ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+                      scope.row.status == "fail" ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
                         createVNode(unref(ElTag), { type: "danger" }, {
                           default: withCtx(() => [..._cache[6] || (_cache[6] = [
                             createTextVNode(
@@ -7898,7 +7898,7 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$u = { class: "me-upload-image" };
-const _hoisted_2$i = { style: { "align-items": "center", "height": "24px" } };
+const _hoisted_2$j = { style: { "align-items": "center", "height": "24px" } };
 const __default__$o = defineComponent({
   name: "me-upload-image"
 });
@@ -8036,7 +8036,7 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
               onClick: unref(imageStore).openUpload
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_2$i, [
+                createElementVNode("div", _hoisted_2$j, [
                   createVNode(unref(MeSvgIcon), {
                     name: "ri-image-add-line",
                     size: 24,
@@ -8459,7 +8459,7 @@ var _sfc_main$w = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$s = { class: "tree-menu-node" };
-const _hoisted_2$h = { key: 1 };
+const _hoisted_2$i = { key: 1 };
 var _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "tree-menu-node",
   props: {
@@ -8512,7 +8512,7 @@ var _sfc_main$v = /* @__PURE__ */ defineComponent({
                       name: item.tagIcon
                     }, null, 8, ["name"])) : (openBlock(), createElementBlock(
                       "div",
-                      _hoisted_2$h,
+                      _hoisted_2$i,
                       toDisplayString(item.tagLabel),
                       1
                       /* TEXT */
@@ -8698,11 +8698,11 @@ function useExpand(treeRef) {
 }
 
 const _hoisted_1$q = { class: "me-tree-menu" };
-const _hoisted_2$g = { class: "left" };
-const _hoisted_3$a = { class: "left-header" };
-const _hoisted_4$6 = { style: { "margin-bottom": "6px", "display": "flex", "align-items": "center", "justify-content": "space-between" } };
-const _hoisted_5$2 = { class: "left-tree" };
-const _hoisted_6$1 = { class: "custom-tree-node" };
+const _hoisted_2$h = { class: "left" };
+const _hoisted_3$b = { class: "left-header" };
+const _hoisted_4$7 = { style: { "margin-bottom": "6px", "display": "flex", "align-items": "center", "justify-content": "space-between" } };
+const _hoisted_5$3 = { class: "left-tree" };
+const _hoisted_6$2 = { class: "custom-tree-node" };
 const _hoisted_7$1 = { style: {} };
 const _hoisted_8$1 = { class: "right" };
 const __default__$n = defineComponent({
@@ -8905,11 +8905,11 @@ var _sfc_main$t = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$q, [
-        createElementVNode("div", _hoisted_2$g, [
-          createElementVNode("div", _hoisted_3$a, [
+        createElementVNode("div", _hoisted_2$h, [
+          createElementVNode("div", _hoisted_3$b, [
             renderSlot(_ctx.$slots, "header")
           ]),
-          createElementVNode("div", _hoisted_4$6, [
+          createElementVNode("div", _hoisted_4$7, [
             createVNode(unref(ElButton), {
               type: "primary",
               onClick: handleCreate
@@ -8939,7 +8939,7 @@ var _sfc_main$t = /* @__PURE__ */ defineComponent({
               /* FORWARDED */
             }, 8, ["tree", "actions"])) : createCommentVNode("v-if", true)
           ]),
-          createElementVNode("div", _hoisted_5$2, [
+          createElementVNode("div", _hoisted_5$3, [
             createVNode(unref(ElInput), {
               modelValue: filterText.value,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filterText.value = $event),
@@ -8975,7 +8975,7 @@ var _sfc_main$t = /* @__PURE__ */ defineComponent({
                       "show-label-line": false
                     }, {
                       default: withCtx(() => [
-                        createElementVNode("div", _hoisted_6$1, [
+                        createElementVNode("div", _hoisted_6$2, [
                           createElementVNode("div", null, [
                             renderSlot(_ctx.$slots, "label", {
                               node,
@@ -9118,12 +9118,12 @@ const _hoisted_1$p = {
   key: 1,
   style: { "margin-left": "4px" }
 };
-const _hoisted_2$f = { class: "me-input" };
-const _hoisted_3$9 = {
+const _hoisted_2$g = { class: "me-input" };
+const _hoisted_3$a = {
   key: 3,
   class: "first-button"
 };
-const _hoisted_4$5 = {
+const _hoisted_4$6 = {
   key: 1,
   style: { "margin-left": "4px" }
 };
@@ -9320,7 +9320,7 @@ var _sfc_main$r = /* @__PURE__ */ defineComponent({
                 /* CLASS */
               )),
               createCommentVNode(" \u8F93\u5165\u6846 "),
-              createElementVNode("div", _hoisted_2$f, [
+              createElementVNode("div", _hoisted_2$g, [
                 renderSlot(_ctx.$slots, "input", {}, () => [
                   __props.mode === "number" ? (openBlock(), createBlock(unref(MeInputNumber), mergeProps({
                     key: 0,
@@ -9355,7 +9355,7 @@ var _sfc_main$r = /* @__PURE__ */ defineComponent({
                 ])
               ]),
               createCommentVNode(" \u9ED8\u8BA4 \u6309\u94AE\u7EC4 "),
-              !showDefault.value ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
+              !showDefault.value ? (openBlock(), createElementBlock("div", _hoisted_3$a, [
                 renderSlot(_ctx.$slots, "default", {}, () => [
                   createVNode(unref(ElButton), {
                     style: {
@@ -9405,7 +9405,7 @@ var _sfc_main$r = /* @__PURE__ */ defineComponent({
                           }, null, 8, ["name"])) : createCommentVNode("v-if", true),
                           item.text ? (openBlock(), createElementBlock(
                             "span",
-                            _hoisted_4$5,
+                            _hoisted_4$6,
                             toDisplayString(item.text),
                             1
                             /* TEXT */
@@ -9448,7 +9448,7 @@ var _sfc_main$r = /* @__PURE__ */ defineComponent({
 const MeInput = withInstall(_sfc_main$r);
 
 const _hoisted_1$o = { class: "me-input-range-number" };
-const _hoisted_2$e = {
+const _hoisted_2$f = {
   div: "",
   style: { "width": "20px", "margin": "0 10px", "text-align": "center" }
 };
@@ -9489,7 +9489,7 @@ var _sfc_main$q = /* @__PURE__ */ defineComponent({
         }), null, 16, ["modelValue", "suffix", "min", "max"]),
         createElementVNode(
           "span",
-          _hoisted_2$e,
+          _hoisted_2$f,
           toDisplayString(__props.connector),
           1
           /* TEXT */
@@ -9513,7 +9513,7 @@ var _sfc_main$q = /* @__PURE__ */ defineComponent({
 const MeInputRangeNumber = withInstall(_sfc_main$q);
 
 const _hoisted_1$n = { class: "me-input-range-text" };
-const _hoisted_2$d = {
+const _hoisted_2$e = {
   div: "",
   style: { "width": "20px", "margin": "0 10px", "text-align": "center" }
 };
@@ -9545,7 +9545,7 @@ var _sfc_main$p = /* @__PURE__ */ defineComponent({
         }, _ctx.$attrs), null, 16, ["modelValue"]),
         createElementVNode(
           "span",
-          _hoisted_2$d,
+          _hoisted_2$e,
           toDisplayString(__props.connector),
           1
           /* TEXT */
@@ -9565,7 +9565,7 @@ var _sfc_main$p = /* @__PURE__ */ defineComponent({
 const MeInputRangeText = withInstall(_sfc_main$p);
 
 const _hoisted_1$m = { class: "me-input-range-date" };
-const _hoisted_2$c = { style: { "width": "20px", "margin": "0 10px", "text-align": "center" } };
+const _hoisted_2$d = { style: { "width": "20px", "margin": "0 10px", "text-align": "center" } };
 const __default__$i = defineComponent({
   name: "me-input-range-date"
 });
@@ -9631,7 +9631,7 @@ var _sfc_main$o = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "connector", {}, () => [
           createElementVNode(
             "span",
-            _hoisted_2$c,
+            _hoisted_2$d,
             toDisplayString(__props.connector),
             1
             /* TEXT */
@@ -9665,9 +9665,9 @@ const uuid = () => {
 };
 
 const _hoisted_1$l = { class: "me-load-json" };
-const _hoisted_2$b = { class: "me-load-json__editor" };
-const _hoisted_3$8 = { class: "flex-between" };
-const _hoisted_4$4 = { style: { "display": "flex", "align-items": "center" } };
+const _hoisted_2$c = { class: "me-load-json__editor" };
+const _hoisted_3$9 = { class: "flex-between" };
+const _hoisted_4$5 = { style: { "display": "flex", "align-items": "center" } };
 const __default__$h = defineComponent({
   name: "me-load-json"
 });
@@ -9741,7 +9741,7 @@ var _sfc_main$n = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$l, [
-        createCommentVNode(' <me-button @click="open" size="small" circle type="success">\n      <me-svg-icon name="ri-download-2-line"></me-svg-icon>\n    </me-button> '),
+        createCommentVNode(' <me-button @click="open" size="small" circle type="success">\r\n      <me-svg-icon name="ri-download-2-line"></me-svg-icon>\r\n    </me-button> '),
         createElementVNode("div", { onClick: open }, [
           renderSlot(_ctx.$slots, "default", {}, () => [
             createVNode(unref(MeButton), {
@@ -9765,7 +9765,7 @@ var _sfc_main$n = /* @__PURE__ */ defineComponent({
           title: __props.title
         }, {
           "me-dialog-footer": withCtx(() => [
-            createElementVNode("div", _hoisted_3$8, [
+            createElementVNode("div", _hoisted_3$9, [
               renderSlot(_ctx.$slots, "footer-left", {}, () => [
                 createVNode(unref(MeButton), { onClick: handleImport }, {
                   default: withCtx(() => [..._cache[2] || (_cache[2] = [
@@ -9779,7 +9779,7 @@ var _sfc_main$n = /* @__PURE__ */ defineComponent({
                   /* STABLE */
                 })
               ]),
-              createElementVNode("div", _hoisted_4$4, [
+              createElementVNode("div", _hoisted_4$5, [
                 createVNode(unref(MeButton), {
                   type: "primary",
                   "click-handle": submit,
@@ -9800,7 +9800,7 @@ var _sfc_main$n = /* @__PURE__ */ defineComponent({
             ])
           ]),
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_2$b, [
+            createElementVNode("div", _hoisted_2$c, [
               createVNode(unref(JsonEditorVue), {
                 class: "editor",
                 modelValue: jsonData.value,
@@ -9823,13 +9823,13 @@ const _hoisted_1$k = {
   class: "me-property-editor",
   style: {}
 };
-const _hoisted_2$a = {
+const _hoisted_2$b = {
   "auto-resize": "",
   style: { "width": "100%", "margin-top": "10px" }
 };
-const _hoisted_3$7 = { key: 1 };
-const _hoisted_4$3 = { style: { "display": "flex", "align-items": "center", "position": "relative", "z-index": "10" } };
-const _hoisted_5$1 = ["onClick"];
+const _hoisted_3$8 = { key: 1 };
+const _hoisted_4$4 = { style: { "display": "flex", "align-items": "center", "position": "relative", "z-index": "10" } };
+const _hoisted_5$2 = ["onClick"];
 const __default__$g = defineComponent({
   name: "me-property-editor"
 });
@@ -10045,7 +10045,7 @@ var _sfc_main$m = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$k, [
-        createElementVNode("div", _hoisted_2$a, [
+        createElementVNode("div", _hoisted_2$b, [
           createVNode(
             unref(VxeGrid),
             mergeProps({ ..._ctx.$attrs, ...gridOptions }, {
@@ -10072,7 +10072,7 @@ var _sfc_main$m = /* @__PURE__ */ defineComponent({
                 ])
               ]),
               "handle-header": withCtx(({ row }) => [
-                createElementVNode("div", _hoisted_4$3, [
+                createElementVNode("div", _hoisted_4$4, [
                   createVNode(unref(MeButton), {
                     type: "primary",
                     size: "small",
@@ -10101,7 +10101,7 @@ var _sfc_main$m = /* @__PURE__ */ defineComponent({
                     key: 0,
                     style: { "color": "#f56c6c", "line-height": "22px", "text-align": "center", "cursor": "pointer" },
                     onClick: ($event) => removeRow(row)
-                  }, " \u5220\u9664 ", 8, _hoisted_5$1)) : createCommentVNode("v-if", true)
+                  }, " \u5220\u9664 ", 8, _hoisted_5$2)) : createCommentVNode("v-if", true)
                 ])
               ]),
               _: 2
@@ -10118,7 +10118,7 @@ var _sfc_main$m = /* @__PURE__ */ defineComponent({
                     }, null, 8, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("v-if", true),
                     row.isDefault ? (openBlock(), createElementBlock(
                       "span",
-                      _hoisted_3$7,
+                      _hoisted_3$8,
                       toDisplayString(row.propertyName),
                       1
                       /* TEXT */
@@ -10446,7 +10446,7 @@ const _hoisted_1$g = {
   class: "me-select-date",
   style: {}
 };
-const _hoisted_2$9 = { class: "flex flex-col items-center gap-2 p-2" };
+const _hoisted_2$a = { class: "flex flex-col items-center gap-2 p-2" };
 const __default__$c = defineComponent({
   name: "me-select-date"
 });
@@ -10516,10 +10516,11 @@ var _sfc_main$i = /* @__PURE__ */ defineComponent({
           modelValue: segmentValue.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => segmentValue.value = $event),
           options: options.value,
-          size: "large"
+          size: "large",
+          style: { "margin-right": "10px" }
         }, {
           default: withCtx((scope) => [
-            createElementVNode("div", _hoisted_2$9, [
+            createElementVNode("div", _hoisted_2$a, [
               createElementVNode(
                 "div",
                 null,
@@ -10532,7 +10533,7 @@ var _sfc_main$i = /* @__PURE__ */ defineComponent({
           _: 1
           /* STABLE */
         }, 8, ["modelValue", "options"]),
-        renderSlot(_ctx.$slots, "default", {}, () => [
+        renderSlot(_ctx.$slots, "date", {}, () => [
           segmentValue.value == "\u4ECA\u65E5" ? (openBlock(), createBlock(unref(ElDatePicker), {
             key: 0,
             size: "large",
@@ -10825,7 +10826,7 @@ var _sfc_main$h = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$e = { class: "me-input-gps" };
-const _hoisted_2$8 = {
+const _hoisted_2$9 = {
   key: 0,
   style: { "color": "#999" }
 };
@@ -10887,7 +10888,7 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
         }, 8, ["value"]),
         coord.value?.address ? (openBlock(), createElementBlock(
           "div",
-          _hoisted_2$8,
+          _hoisted_2$9,
           "\u4F4D\u7F6E\uFF1A" + toDisplayString(coord.value.address),
           1
           /* TEXT */
@@ -11353,8 +11354,8 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
 const MeWangEditor = withInstall(_sfc_main$e);
 
 const _hoisted_1$b = ["src"];
-const _hoisted_2$7 = { style: { "margin-left": "6px", "margin-right": "6px", "height": "100%" } };
-const _hoisted_3$6 = {
+const _hoisted_2$8 = { style: { "margin-left": "6px", "margin-right": "6px", "height": "100%" } };
+const _hoisted_3$7 = {
   class: "flex-center",
   style: { "width": "18px" }
 };
@@ -11405,12 +11406,12 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
           }, null, 8, _hoisted_1$b),
           createElementVNode(
             "div",
-            _hoisted_2$7,
+            _hoisted_2$8,
             toDisplayString(props.name),
             1
             /* TEXT */
           ),
-          createElementVNode("div", _hoisted_3$6, [
+          createElementVNode("div", _hoisted_3$7, [
             withDirectives(createVNode(
               unref(MeSvgIcon),
               {
@@ -11483,8 +11484,8 @@ const useFile = (props) => {
 };
 
 const _hoisted_1$a = { class: "me-upload-file__text" };
-const _hoisted_2$6 = ["accept"];
-const _hoisted_3$5 = { class: "me-upload-file__tip" };
+const _hoisted_2$7 = ["accept"];
+const _hoisted_3$6 = { class: "me-upload-file__tip" };
 const __default__$9 = defineComponent({
   name: "me-upload-file-drag"
 });
@@ -11580,14 +11581,14 @@ var _sfc_main$c = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_1$a, [
                 renderSlot(_ctx.$slots, "tip", {}, () => [
                   _cache[0] || (_cache[0] = createTextVNode(
-                    "Drop file here or ",
+                    "\u62D6\u62FD\u6587\u4EF6\u4E0A\u4F20 \u6216 ",
                     -1
                     /* CACHED */
                   )),
                   _cache[1] || (_cache[1] = createElementVNode(
                     "em",
                     null,
-                    "click to upload",
+                    "\u70B9\u51FB\u4E0A\u4F20",
                     -1
                     /* CACHED */
                   ))
@@ -11600,12 +11601,12 @@ var _sfc_main$c = /* @__PURE__ */ defineComponent({
                 accept: accept.value,
                 type: "file",
                 style: { "display": "none" }
-              }, null, 40, _hoisted_2$6)
+              }, null, 40, _hoisted_2$7)
             ],
             34
             /* CLASS, NEED_HYDRATION */
           ),
-          createElementVNode("div", _hoisted_3$5, [
+          createElementVNode("div", _hoisted_3$6, [
             (openBlock(true), createElementBlock(
               Fragment,
               null,
@@ -11643,8 +11644,8 @@ const _hoisted_1$9 = {
   key: 0,
   class: "file-item-wrapper"
 };
-const _hoisted_2$5 = ["index"];
-const _hoisted_3$4 = { style: { "align-items": "center", "height": "24px" } };
+const _hoisted_2$6 = ["index"];
+const _hoisted_3$5 = { style: { "align-items": "center", "height": "24px" } };
 const __default__$8 = defineComponent({
   name: "me-upload-file"
 });
@@ -11752,7 +11753,7 @@ var _sfc_main$b = /* @__PURE__ */ defineComponent({
                         height: props.fileHeight,
                         onCloseEvent: removeItem
                       }, null, 8, ["index", "url", "name", "width", "height"])
-                    ], 8, _hoisted_2$5);
+                    ], 8, _hoisted_2$6);
                   }),
                   128
                   /* KEYED_FRAGMENT */
@@ -11771,7 +11772,7 @@ var _sfc_main$b = /* @__PURE__ */ defineComponent({
                     onClick: unref(fileStore).openUpload
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_3$4, [
+                      createElementVNode("div", _hoisted_3$5, [
                         createVNode(unref(MeSvgIcon), {
                           name: "ri-file-upload-line",
                           size: 24,
@@ -20681,8 +20682,8 @@ class Plyr {
 Plyr.defaults = cloneDeep(defaults);
 
 const _hoisted_1$8 = { class: "me-video-viewer" };
-const _hoisted_2$4 = { style: { "width": "80vw", "height": "80vh", "display": "flex", "justify-content": "center" } };
-const _hoisted_3$3 = ["src"];
+const _hoisted_2$5 = { style: { "width": "80vw", "height": "80vh", "display": "flex", "justify-content": "center" } };
+const _hoisted_3$4 = ["src"];
 const __default__$7 = defineComponent({
   name: "me-video-viewer"
 });
@@ -20724,11 +20725,11 @@ var _sfc_main$a = /* @__PURE__ */ defineComponent({
             size: 25
           })
         ]),
-        createElementVNode("div", _hoisted_2$4, [
+        createElementVNode("div", _hoisted_2$5, [
           createElementVNode("video", {
             id: "player",
             src: props.url
-          }, null, 8, _hoisted_3$3)
+          }, null, 8, _hoisted_3$4)
         ])
       ]);
     };
@@ -20749,7 +20750,7 @@ const MeVideoViewer = (url) => {
 };
 
 const _hoisted_1$7 = { style: { "align-items": "center" } };
-const _hoisted_2$3 = ["src"];
+const _hoisted_2$4 = ["src"];
 var _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "upload-video-item",
   props: {
@@ -20827,7 +20828,7 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
               width: props.width + "px",
               height: props.height + "px"
             })
-          }, null, 12, _hoisted_2$3)
+          }, null, 12, _hoisted_2$4)
         ],
         36
         /* STYLE, NEED_HYDRATION */
@@ -20837,12 +20838,12 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$6 = { class: "me-upload-video" };
-const _hoisted_2$2 = {
+const _hoisted_2$3 = {
   key: 0,
   class: "video-wrapper-item"
 };
-const _hoisted_3$2 = ["index"];
-const _hoisted_4$2 = { style: { "align-items": "center", "height": "24px" } };
+const _hoisted_3$3 = ["index"];
+const _hoisted_4$3 = { style: { "align-items": "center", "height": "24px" } };
 const __default__$6 = defineComponent({
   name: "me-upload-video"
 });
@@ -20916,7 +20917,7 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
         }, null, 8, ["modelValue"]), [
           [vShow, false]
         ]),
-        unref(videoStore).fileList.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
+        unref(videoStore).fileList.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
           (openBlock(true), createElementBlock(
             Fragment,
             null,
@@ -20932,7 +20933,7 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
                   height: props.videoHeight,
                   onCloseEvent: removeItem
                 }, null, 8, ["index", "url", "width", "height"])
-              ], 8, _hoisted_3$2);
+              ], 8, _hoisted_3$3);
             }),
             128
             /* KEYED_FRAGMENT */
@@ -20951,7 +20952,7 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
               onClick: unref(videoStore).openUpload
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_4$2, [
+                createElementVNode("div", _hoisted_4$3, [
                   createVNode(unref(MeSvgIcon), {
                     name: "ri-video-upload-fill",
                     size: 24,
@@ -21063,14 +21064,14 @@ const _hoisted_1$4 = {
   key: 0,
   class: "group"
 };
-const _hoisted_2$1 = { key: 0 };
-const _hoisted_3$1 = { class: "menuIcon" };
-const _hoisted_4$1 = { class: "menuTitle" };
-const _hoisted_5 = {
+const _hoisted_2$2 = { key: 0 };
+const _hoisted_3$2 = { class: "menuIcon" };
+const _hoisted_4$2 = { class: "menuTitle" };
+const _hoisted_5$1 = {
   key: 0,
   class: "menuDot"
 };
-const _hoisted_6 = { key: 1 };
+const _hoisted_6$1 = { key: 1 };
 const _hoisted_7 = { class: "menuIcon" };
 const _hoisted_8 = { class: "menuTitle" };
 const _hoisted_9 = {
@@ -21214,7 +21215,7 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
             [
               createCommentVNode(" \u5E38\u89C4\u83DC\u5355\u9879  "),
               createCommentVNode(" \u591A\u83DC\u5355-\u6709\u5B50\u680F\u76EE "),
-              __props.item.children?.length && __props.item.hideFlag == false && __props.item.meta.activeMenu == "" ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+              __props.item.children?.length && __props.item.hideFlag == false && __props.item.meta.activeMenu == "" ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
                 (openBlock(), createBlock(unref(ElSubMenu), {
                   style: { "padding-top": "6px" },
                   index: __props.item.id,
@@ -21222,7 +21223,7 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 }, {
                   title: withCtx(() => [
                     createCommentVNode(" Icon "),
-                    createElementVNode("span", _hoisted_3$1, [
+                    createElementVNode("span", _hoisted_3$2, [
                       createVNode(unref(MeSvgIcon), {
                         name: __props.item.icon
                       }, null, 8, ["name"])
@@ -21230,7 +21231,7 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
                     createCommentVNode(" Title "),
                     createElementVNode(
                       "span",
-                      _hoisted_4$1,
+                      _hoisted_4$2,
                       toDisplayString(__props.item.title),
                       1
                       /* TEXT */
@@ -21243,7 +21244,7 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
                       color: __props.item.meta.badgeColor
                     }, null, 8, ["type", "meta", "text", "color"]),
                     createCommentVNode("\u5706\u70B9\u53D1\u5149 "),
-                    __props.item.meta.dot ? (openBlock(), createElementBlock("span", _hoisted_5, [
+                    __props.item.meta.dot ? (openBlock(), createElementBlock("span", _hoisted_5$1, [
                       createVNode(unref(MeDot))
                     ])) : createCommentVNode("v-if", true)
                   ]),
@@ -21268,7 +21269,7 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 }, 8, ["index"]))
               ])) : createCommentVNode("v-if", true),
               createCommentVNode(" \u591A\u83DC\u5355-\u8BBE\u7F6E\u4E86\u5173\u8054\u83DC\u5355 "),
-              __props.item.children?.length && __props.item.hideFlag == false && __props.item.meta.activeMenu != "" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+              __props.item.children?.length && __props.item.hideFlag == false && __props.item.meta.activeMenu != "" ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
                 (openBlock(), createBlock(unref(ElMenuItem), {
                   index: `${__props.item.id}`,
                   key: __props.item.id,
@@ -21460,9 +21461,9 @@ var _sfc_main$5 = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$2 = ["onClick"];
-const _hoisted_2 = { class: "item-content" };
-const _hoisted_3 = { class: "space" };
-const _hoisted_4 = { class: "label" };
+const _hoisted_2$1 = { class: "item-content" };
+const _hoisted_3$1 = { class: "space" };
+const _hoisted_4$1 = { class: "label" };
 const __default__$4 = defineComponent({
   name: "me-main-menu"
 });
@@ -21555,9 +21556,9 @@ var _sfc_main$4 = /* @__PURE__ */ defineComponent({
                             class: normalizeClass([{ active: mainMenuItem.id == activeId.value }, "item"]),
                             onClick: ($event) => handleMenuClick(mainMenuItem)
                           }, [
-                            createElementVNode("div", _hoisted_2, [
+                            createElementVNode("div", _hoisted_2$1, [
                               createCommentVNode(" \u83DC\u5355\u56FE\u6807 "),
-                              createElementVNode("span", _hoisted_3, [
+                              createElementVNode("span", _hoisted_3$1, [
                                 createVNode(unref(MeSvgIcon), {
                                   name: mainMenuItem.icon,
                                   color: "#fff"
@@ -21566,7 +21567,7 @@ var _sfc_main$4 = /* @__PURE__ */ defineComponent({
                               createCommentVNode(" \u83DC\u5355\u6807\u9898 "),
                               createElementVNode(
                                 "span",
-                                _hoisted_4,
+                                _hoisted_4$1,
                                 toDisplayString(mainMenuItem.title),
                                 1
                                 /* TEXT */
@@ -21853,20 +21854,136 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
 
 const MePagination = withInstall(_sfc_main$1);
 
-const _hoisted_1 = { style: { "color": "Red", "font-size": "36px" } };
+const _hoisted_1 = { class: "me-text-separator" };
+const _hoisted_2 = { class: "text-item" };
+const _hoisted_3 = {
+  key: 0,
+  class: "separator"
+};
+const _hoisted_4 = { class: "separator" };
+const _hoisted_5 = { class: "suffix-trigger" };
+const _hoisted_6 = { class: "popover-list" };
 const __default__ = defineComponent({
-  name: "me-abig-but"
+  name: "me-text-separator"
 });
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
+  props: {
+    data: { type: Array, required: false, default: () => [] },
+    maxCount: { type: Number, required: false, default: 3 },
+    separator: { type: String, required: false, default: "|" },
+    popoverPlacement: { type: String, required: false, default: "bottom" }
+  },
   setup(__props) {
+    const props = __props;
+    const visibleData = computed(() => props.data.slice(0, props.maxCount));
+    const hasMore = computed(() => props.data.length > props.maxCount);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, "AbigBut Demo");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(
+          Fragment,
+          null,
+          renderList(visibleData.value, (item, index) => {
+            return openBlock(), createElementBlock(
+              Fragment,
+              { key: index },
+              [
+                createElementVNode("span", _hoisted_2, [
+                  renderSlot(_ctx.$slots, "default", {
+                    item,
+                    index
+                  }, () => [
+                    createTextVNode(
+                      toDisplayString(item),
+                      1
+                      /* TEXT */
+                    )
+                  ])
+                ]),
+                index < visibleData.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_3, [
+                  renderSlot(_ctx.$slots, "separator", { index }, () => [
+                    createTextVNode(
+                      toDisplayString(__props.separator),
+                      1
+                      /* TEXT */
+                    )
+                  ])
+                ])) : createCommentVNode("v-if", true)
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            );
+          }),
+          128
+          /* KEYED_FRAGMENT */
+        )),
+        hasMore.value ? (openBlock(), createElementBlock(
+          Fragment,
+          { key: 0 },
+          [
+            createElementVNode("span", _hoisted_4, [
+              renderSlot(_ctx.$slots, "separator", {
+                index: visibleData.value.length
+              }, () => [
+                createTextVNode(
+                  toDisplayString(__props.separator),
+                  1
+                  /* TEXT */
+                )
+              ])
+            ]),
+            createVNode(unref(ElPopover), mergeProps({ placement: __props.popoverPlacement }, _ctx.$attrs), {
+              reference: withCtx(() => [
+                createElementVNode("span", _hoisted_5, [
+                  renderSlot(_ctx.$slots, "suffix", {}, () => [
+                    _cache[0] || (_cache[0] = createTextVNode(
+                      "...",
+                      -1
+                      /* CACHED */
+                    ))
+                  ])
+                ])
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_6, [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(__props.data, (item, index) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: index,
+                        class: "popover-list-item"
+                      }, [
+                        renderSlot(_ctx.$slots, "popover-item", {
+                          item,
+                          index
+                        }, () => [
+                          createTextVNode(
+                            toDisplayString(item),
+                            1
+                            /* TEXT */
+                          )
+                        ])
+                      ]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ])
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 16, ["placement"])
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : createCommentVNode("v-if", true)
+      ]);
     };
   }
 });
 
-const MeAbigBut = withInstall(_sfc_main);
+const MeTextSeparator = withInstall(_sfc_main);
 
 const components = [
   MeButton,
@@ -21926,7 +22043,7 @@ const components = [
   MeInputRadio,
   MePagination,
   MeSegmented,
-  MeAbigBut
+  MeTextSeparator
 ];
 function install(app) {
   components.forEach((item) => {
@@ -21941,4 +22058,4 @@ var index = {
   install
 };
 
-export { MeAbigBut, MeAvatar, MeAvatarGroup, MeBody, MeBreadcrumb, MeButton, MeCard, MeColumnMenu, MeConfirmButton, MeDialog, MeDot, MeEnv, MeExpandMenu, MeFlexBox, MeFormRadio, MeGroup, MeIconButton, MeIconSelector, MeImage, MeImageViewer, MeInput, MeInputGps, MeInputNumber, MeInputRadio, MeInputRandom, MeInputRangeDate, MeInputRangeNumber, MeInputRangeText, MeInputSelect, MeLabel, MeLoadJson, MeLoading, MeMainMenu, MeMenu, MeMessage, MeMoreDropdown, MeNav, MeOverlay, MePageResult, MePagination, MePropertyEditor, MeResourceCard, MeResourceImage, MeRibbon, MeSegmented, MeSelectDate, MeStatus, MeStatusTag, MeSvgIcon, MeSwiper, MeText, MeTodo, MeTreeMenu, MeUpload, MeUploadFile, MeUploadImage, MeUploadVideo, MeVideoViewer, MeWangEditor, MeWeekCalendar, MeWeekCalendarColumn, RandomType, createMeUpload, index as default, install, isNumber$2 as isNumber, uuid };
+export { MeAvatar, MeAvatarGroup, MeBody, MeBreadcrumb, MeButton, MeCard, MeColumnMenu, MeConfirmButton, MeDialog, MeDot, MeEnv, MeExpandMenu, MeFlexBox, MeFormRadio, MeGroup, MeIconButton, MeIconSelector, MeImage, MeImageViewer, MeInput, MeInputGps, MeInputNumber, MeInputRadio, MeInputRandom, MeInputRangeDate, MeInputRangeNumber, MeInputRangeText, MeInputSelect, MeLabel, MeLoadJson, MeLoading, MeMainMenu, MeMenu, MeMessage, MeMoreDropdown, MeNav, MeOverlay, MePageResult, MePagination, MePropertyEditor, MeResourceCard, MeResourceImage, MeRibbon, MeSegmented, MeSelectDate, MeStatus, MeStatusTag, MeSvgIcon, MeSwiper, MeText, MeTextSeparator, MeTodo, MeTreeMenu, MeUpload, MeUploadFile, MeUploadImage, MeUploadVideo, MeVideoViewer, MeWangEditor, MeWeekCalendar, MeWeekCalendarColumn, RandomType, createMeUpload, index as default, install, isNumber$2 as isNumber, uuid };