@me-framework/me-ui 1.0.44 → 1.0.46

package/dist/index.js

@@ -667,7 +667,7 @@
   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 = vue$1.defineComponent({
     name: "me-image"
   });
@@ -702,7 +702,7 @@
                 vue$1.createElementVNode("img", {
                   class: "me-image w-full h-full",
                   src: props.errorSrc
-                }, null, 8, _hoisted_2$C)
+                }, null, 8, _hoisted_2$D)
               ])
             ]),
             _: 1
@@ -1205,14 +1205,14 @@
   });
 
   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"
@@ -1383,7 +1383,7 @@
                             _: 3
                             /* FORWARDED */
                           }, 16, ["style", "class"])) : vue$1.createCommentVNode("v-if", true),
-                          isExpand.value ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_2$B, [
+                          isExpand.value ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_2$C, [
                             vue$1.renderSlot(_ctx.$slots, "default", {}, () => [
                               vue$1.createTextVNode(
                                 vue$1.toDisplayString(content.value),
@@ -1421,7 +1421,7 @@
                       _: 3
                       /* FORWARDED */
                     }, 8, ["start-ellpsis-line"])) : vue$1.createCommentVNode("v-if", true),
-                    isExpand.value ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_3$n, [
+                    isExpand.value ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_3$o, [
                       vue$1.renderSlot(_ctx.$slots, "default", {}, () => [
                         vue$1.createTextVNode(
                           vue$1.toDisplayString(content.value),
@@ -1434,7 +1434,7 @@
                   4
                   /* STYLE */
                 )) : vue$1.createCommentVNode("v-if", true),
-                props.copy ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_4$i, [
+                props.copy ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_4$j, [
                   vue$1.renderSlot(_ctx.$slots, "icon", {}, () => [
                     vue$1.createVNode(vue$1.unref(MeSvgIcon), {
                       onClick: handleCopy,
@@ -1442,7 +1442,7 @@
                     })
                   ])
                 ])) : vue$1.createCommentVNode("v-if", true),
-                __props.link ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_5$c, [
+                __props.link ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_5$d, [
                   vue$1.createVNode(vue$1.unref(MeSvgIcon), {
                     onClick: handleLink,
                     name: "ri-external-link-line"
@@ -1810,23 +1810,23 @@
   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"
   };
@@ -1858,7 +1858,7 @@
     setup(__props) {
       return (_ctx, _cache) => {
         return vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_1$P, [
-          __props.value === "success" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_2$A, [
+          __props.value === "success" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_2$B, [
             vue$1.createVNode(vue$1.unref(MeSvgIcon), {
               color: "#2FB344",
               name: __props.successIcon,
@@ -1866,13 +1866,13 @@
             }, null, 8, ["name", "size"]),
             __props.label ? (vue$1.openBlock(), vue$1.createElementBlock(
               "span",
-              _hoisted_3$m,
+              _hoisted_3$n,
               vue$1.toDisplayString(__props.label),
               1
               /* TEXT */
             )) : vue$1.createCommentVNode("v-if", true)
           ])) : vue$1.createCommentVNode("v-if", true),
-          __props.value === "error" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_4$h, [
+          __props.value === "error" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_4$i, [
             vue$1.createVNode(vue$1.unref(MeSvgIcon), {
               color: "#D63939",
               name: __props.errorIcon,
@@ -1880,13 +1880,13 @@
             }, null, 8, ["name", "size"]),
             __props.label ? (vue$1.openBlock(), vue$1.createElementBlock(
               "span",
-              _hoisted_5$b,
+              _hoisted_5$c,
               vue$1.toDisplayString(__props.label),
               1
               /* TEXT */
             )) : vue$1.createCommentVNode("v-if", true)
           ])) : vue$1.createCommentVNode("v-if", true),
-          __props.value === "warning" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_6$7, [
+          __props.value === "warning" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_6$8, [
             vue$1.createVNode(vue$1.unref(MeSvgIcon), {
               color: "#E6A23C",
               name: __props.warningIcon,
@@ -1968,7 +1968,7 @@
   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" }
   };
@@ -2034,7 +2034,7 @@
           }, [
             vue$1.unref(slots)?.default ? (vue$1.openBlock(), vue$1.createElementBlock(
               "span",
-              _hoisted_2$z,
+              _hoisted_2$A,
               vue$1.toDisplayString(vue$1.unref(slots).default().length - 1),
               1
               /* TEXT */
@@ -2070,10 +2070,10 @@
   };
 
   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" }
   };
@@ -2212,8 +2212,8 @@
             onClose: cancelHandler
           }, {
             header: vue$1.withCtx(() => [
-              vue$1.createElementVNode("div", _hoisted_2$y, [
-                vue$1.createElementVNode("span", _hoisted_3$l, [
+              vue$1.createElementVNode("div", _hoisted_2$z, [
+                vue$1.createElementVNode("span", _hoisted_3$m, [
                   vue$1.renderSlot(_ctx.$slots, "title", {}, () => [
                     vue$1.createTextVNode(
                       vue$1.toDisplayString(title.value),
@@ -2232,7 +2232,7 @@
                 -1
                 /* CACHED */
               )),
-              vue$1.createElementVNode("div", _hoisted_5$a, [
+              vue$1.createElementVNode("div", _hoisted_5$b, [
                 vue$1.renderSlot(_ctx.$slots, "me-message-footer", {}, () => [
                   _cache[3] || (_cache[3] = vue$1.createElementVNode(
                     "div",
@@ -2287,7 +2287,7 @@
                     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 */
@@ -2315,7 +2315,7 @@
   };
 
   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 = vue$1.defineComponent({
     name: "me-confirm-button"
   });
@@ -2405,7 +2405,7 @@
                   1
                   /* TEXT */
                 ),
-                vue$1.createElementVNode("div", _hoisted_2$x, [
+                vue$1.createElementVNode("div", _hoisted_2$y, [
                   vue$1.renderSlot(_ctx.$slots, "cancel", {}, () => [
                     vue$1.createVNode(vue$1.unref(elementPlus.ElButton), {
                       size: "small",
@@ -2494,7 +2494,7 @@
   };
 
   const _hoisted_1$L = { class: "loading-body" };
-  const _hoisted_2$w = { class: "loading-icon" };
+  const _hoisted_2$x = { class: "loading-icon" };
   const __default__$I = vue$1.defineComponent({
     name: "me-loading"
   });
@@ -2541,7 +2541,7 @@
           },
           [
             vue$1.createElementVNode("div", _hoisted_1$L, [
-              vue$1.createElementVNode("div", _hoisted_2$w, [
+              vue$1.createElementVNode("div", _hoisted_2$x, [
                 vue$1.renderSlot(_ctx.$slots, "default", {}, () => [
                   vue$1.createVNode(vue$1.unref(MeSvgIcon), {
                     size: 20,
@@ -2680,12 +2680,12 @@
   }
 
   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" }
   };
@@ -2718,16 +2718,16 @@
         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;
       });
       vue$1.watch(
-        () => route.fullPath,
+        () => route?.fullPath,
         (newVal) => {
           console.log("\u{1F680} ~ path:", path);
           if (path === newVal && isOpen) {
@@ -2829,7 +2829,7 @@
                     ])
                   ])
                 ]),
-                vue$1.createElementVNode("div", _hoisted_2$v, [
+                vue$1.createElementVNode("div", _hoisted_2$w, [
                   props.showFullscreen ? (vue$1.openBlock(), vue$1.createBlock(vue$1.unref(MeIconButton), {
                     key: 0,
                     hover: "",
@@ -2859,13 +2859,13 @@
                 style: vue$1.normalizeStyle([{}, { borderTop: __props.line, paddingTop: vue$1.unref(gap) }])
               },
               [
-                _ctx.$slots["me-dialog-footer-right"] ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_3$k, [
+                _ctx.$slots["me-dialog-footer-right"] ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_3$l, [
                   vue$1.renderSlot(_ctx.$slots, "me-dialog-footer-right")
                 ])) : vue$1.createCommentVNode("v-if", true),
                 !_ctx.$slots["me-dialog-footer-right"] ? vue$1.renderSlot(_ctx.$slots, "me-dialog-footer", { key: 1 }, () => [
                   vue$1.createVNode(_component_me_flex_box, { end: true }, {
                     default: vue$1.withCtx(() => [
-                      _ctx.$props.showCancelButton ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_4$f, [
+                      _ctx.$props.showCancelButton ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_4$g, [
                         vue$1.createVNode(vue$1.unref(MeButton), { onClick: cancelEventHandler }, {
                           default: vue$1.withCtx(() => [..._cache[1] || (_cache[1] = [
                             vue$1.createTextVNode(
@@ -3136,14 +3136,14 @@
     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"
@@ -3224,13 +3224,13 @@
               space: props.space
             }, [
               vue$1.renderSlot(_ctx.$slots, "me-body-error")
-            ], 8, _hoisted_2$u)) : vue$1.createCommentVNode("v-if", true),
+            ], 8, _hoisted_2$v)) : vue$1.createCommentVNode("v-if", true),
             props.result ? (vue$1.openBlock(), vue$1.createElementBlock("div", {
               key: 2,
               space: props.space,
               style: { "height": "100%" }
             }, [
-              vue$1.createElementVNode("div", _hoisted_4$e, [
+              vue$1.createElementVNode("div", _hoisted_4$f, [
                 vue$1.createVNode(vue$1.unref(elementPlus.ElResult), {
                   style: { "height": "100%", "background": "#fff" },
                   icon: props.result,
@@ -3246,9 +3246,9 @@
                   /* FORWARDED */
                 }, 8, ["icon", "title", "sub-title"])
               ])
-            ], 8, _hoisted_3$j)) : vue$1.createCommentVNode("v-if", true),
+            ], 8, _hoisted_3$k)) : vue$1.createCommentVNode("v-if", true),
             vue$1.createCommentVNode(" mode normal "),
-            !props.loading && !props.error && !props.result && props.mode == "normal" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_5$9, [
+            !props.loading && !props.error && !props.result && props.mode == "normal" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_5$a, [
               vue$1.createElementVNode(
                 "div",
                 {
@@ -3264,7 +3264,7 @@
               )
             ])) : vue$1.createCommentVNode("v-if", true),
             vue$1.createCommentVNode(" mode full "),
-            !props.loading && !props.error && !props.result && props.mode == "full" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_6$6, [
+            !props.loading && !props.error && !props.result && props.mode == "full" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_6$7, [
               vue$1.createElementVNode(
                 "div",
                 {
@@ -3296,8 +3296,8 @@
   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%" }
   };
@@ -3446,7 +3446,7 @@
                     ])
                   ])
                 ]),
-                vue$1.createElementVNode("div", _hoisted_2$t, [
+                vue$1.createElementVNode("div", _hoisted_2$u, [
                   vue$1.renderSlot(_ctx.$slots, "header-right-btn"),
                   props.showCollapse ? (vue$1.openBlock(), vue$1.createElementBlock("div", {
                     key: 0,
@@ -3492,7 +3492,7 @@
                     })
                   },
                   [
-                    vue$1.createElementVNode("div", _hoisted_3$i, [
+                    vue$1.createElementVNode("div", _hoisted_3$j, [
                       vue$1.renderSlot(_ctx.$slots, "default")
                     ])
                   ],
@@ -3532,11 +3532,11 @@
   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 = vue$1.defineComponent({
@@ -3568,18 +3568,18 @@
       };
       return (_ctx, _cache) => {
         return vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_1$H, [
-          vue$1.createElementVNode("div", _hoisted_2$s, [
-            vue$1.createElementVNode("div", _hoisted_3$h, [
-              vue$1.createElementVNode("div", _hoisted_4$d, [
+          vue$1.createElementVNode("div", _hoisted_2$t, [
+            vue$1.createElementVNode("div", _hoisted_3$i, [
+              vue$1.createElementVNode("div", _hoisted_4$e, [
                 vue$1.createElementVNode("img", {
                   alt: "",
                   style: { "height": "36px" },
                   src: __props.img
-                }, null, 8, _hoisted_5$8)
+                }, null, 8, _hoisted_5$9)
               ]),
               vue$1.createElementVNode(
                 "div",
-                _hoisted_6$5,
+                _hoisted_6$6,
                 vue$1.toDisplayString(__props.title),
                 1
                 /* TEXT */
@@ -3735,13 +3735,13 @@
   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 = vue$1.defineComponent({
     name: "me-resource-card"
   });
@@ -3753,11 +3753,11 @@
     setup(__props) {
       return (_ctx, _cache) => {
         return vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_1$F, [
-          vue$1.createElementVNode("div", _hoisted_2$r, [
+          vue$1.createElementVNode("div", _hoisted_2$s, [
             vue$1.renderSlot(_ctx.$slots, "header"),
             vue$1.renderSlot(_ctx.$slots, "header-menu")
           ]),
-          __props.footerList?.length ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_3$g, [
+          __props.footerList?.length ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_3$h, [
             vue$1.renderSlot(_ctx.$slots, "footer", {}, () => [
               (vue$1.openBlock(true), vue$1.createElementBlock(
                 vue$1.Fragment,
@@ -3769,14 +3769,14 @@
                   }, [
                     vue$1.createElementVNode(
                       "div",
-                      _hoisted_4$c,
+                      _hoisted_4$d,
                       vue$1.toDisplayString(item.value) + " " + vue$1.toDisplayString(item.unit),
                       1
                       /* TEXT */
                     ),
                     vue$1.createElementVNode(
                       "div",
-                      _hoisted_5$7,
+                      _hoisted_5$8,
                       vue$1.toDisplayString(item.label),
                       1
                       /* TEXT */
@@ -4068,11 +4068,11 @@
   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 = vue$1.defineComponent({
     name: "me-avatar"
   });
@@ -4096,12 +4096,12 @@
             }, {
               error: vue$1.withCtx(() => [
                 vue$1.renderSlot(_ctx.$slots, "error", {}, () => [
-                  vue$1.createElementVNode("div", _hoisted_2$q, [
+                  vue$1.createElementVNode("div", _hoisted_2$r, [
                     vue$1.createElementVNode("img", {
                       style: { "width": "100%" },
                       src: __props.defaultImage,
                       alt: ""
-                    }, null, 8, _hoisted_3$f)
+                    }, null, 8, _hoisted_3$g)
                   ])
                 ])
               ]),
@@ -4109,11 +4109,11 @@
               /* FORWARDED */
             }, 8, ["style", "modelValue"])
           ]),
-          vue$1.createElementVNode("div", _hoisted_4$b, [
+          vue$1.createElementVNode("div", _hoisted_4$c, [
             vue$1.renderSlot(_ctx.$slots, "name", {}, () => [
               vue$1.createElementVNode(
                 "div",
-                _hoisted_5$6,
+                _hoisted_5$7,
                 vue$1.toDisplayString(__props.name),
                 1
                 /* TEXT */
@@ -4122,7 +4122,7 @@
             vue$1.renderSlot(_ctx.$slots, "desc", {}, () => [
               vue$1.createElementVNode(
                 "div",
-                _hoisted_6$4,
+                _hoisted_6$5,
                 vue$1.toDisplayString(__props.desc),
                 1
                 /* TEXT */
@@ -4243,7 +4243,7 @@
   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 = vue$1.defineComponent({
     name: "me-more-dropdown"
   });
@@ -4314,7 +4314,7 @@
               })
             ]),
             default: vue$1.withCtx(() => [
-              vue$1.createElementVNode("div", _hoisted_2$p, [
+              vue$1.createElementVNode("div", _hoisted_2$q, [
                 vue$1.renderSlot(_ctx.$slots, "default", {}, () => [
                   vue$1.createElementVNode(
                     "div",
@@ -4345,7 +4345,7 @@
   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 = vue$1.defineComponent({
     name: "me-breadcrumb"
   });
@@ -4440,7 +4440,7 @@
                         /* DYNAMIC_SLOTS */
                       )) : (vue$1.openBlock(), vue$1.createElementBlock(
                         "span",
-                        _hoisted_2$o,
+                        _hoisted_2$p,
                         vue$1.toDisplayString(item.label),
                         1
                         /* TEXT */
@@ -4467,7 +4467,7 @@
   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 = vue$1.defineComponent({
     name: "me-nav"
   });
@@ -4561,7 +4561,7 @@
                           style: { "padding-left": "3px" },
                           name: "ri-lock-line"
                         })) : vue$1.createCommentVNode("v-if", true)
-                      ], 40, _hoisted_2$n)
+                      ], 40, _hoisted_2$o)
                     ]),
                     _: 2
                     /* DYNAMIC */
@@ -4604,10 +4604,10 @@
   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__ */ vue$1.defineComponent({
     __name: "week-day-list",
     props: {
@@ -4703,7 +4703,7 @@
             _: 1
             /* STABLE */
           }),
-          vue$1.createElementVNode("div", _hoisted_2$m, [
+          vue$1.createElementVNode("div", _hoisted_2$n, [
             (vue$1.openBlock(true), vue$1.createElementBlock(
               vue$1.Fragment,
               null,
@@ -4715,19 +4715,19 @@
                 }, [
                   vue$1.createElementVNode(
                     "div",
-                    _hoisted_4$a,
+                    _hoisted_4$b,
                     vue$1.toDisplayString(item.label),
                     1
                     /* TEXT */
                   ),
                   vue$1.createElementVNode(
                     "div",
-                    _hoisted_5$5,
+                    _hoisted_5$6,
                     vue$1.toDisplayString(vue$1.unref(dayjs)(item.day).format("MM-DD")),
                     1
                     /* TEXT */
                   )
-                ], 10, _hoisted_3$e);
+                ], 10, _hoisted_3$f);
               }),
               128
               /* KEYED_FRAGMENT */
@@ -4751,11 +4751,11 @@
   });
 
   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" }
   };
@@ -4800,7 +4800,7 @@
           )),
           vue$1.createElementVNode("thead", null, [
             vue$1.createElementVNode("tr", null, [
-              vue$1.createElementVNode("td", _hoisted_2$l, [
+              vue$1.createElementVNode("td", _hoisted_2$m, [
                 _cache[1] || (_cache[1] = vue$1.createElementVNode(
                   "svg",
                   {
@@ -4841,7 +4841,7 @@
                   ])
                 ])
               ]),
-              vue$1.createElementVNode("td", _hoisted_3$d, [
+              vue$1.createElementVNode("td", _hoisted_3$e, [
                 vue$1.createVNode(_sfc_main$E, vue$1.mergeProps(_ctx.$attrs, {
                   modelValue: day.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => day.value = $event),
@@ -4851,8 +4851,8 @@
             ])
           ]),
           vue$1.withDirectives((vue$1.openBlock(), vue$1.createElementBlock("tbody", null, [
-            !props.data.length ? (vue$1.openBlock(), vue$1.createElementBlock("tr", _hoisted_4$9, [
-              vue$1.createElementVNode("td", _hoisted_5$4, [
+            !props.data.length ? (vue$1.openBlock(), vue$1.createElementBlock("tr", _hoisted_4$a, [
+              vue$1.createElementVNode("td", _hoisted_5$5, [
                 vue$1.createVNode(vue$1.unref(elementPlus.ElEmpty))
               ])
             ])) : (vue$1.openBlock(true), vue$1.createElementBlock(
@@ -4874,7 +4874,7 @@
           ])), [
             [_directive_loading, props.loading]
           ]),
-          _ctx.$slots.footer ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_6$3, [
+          _ctx.$slots.footer ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_6$4, [
             vue$1.renderSlot(_ctx.$slots, "footer")
           ])) : vue$1.createCommentVNode("v-if", true)
         ]);
@@ -5141,9 +5141,9 @@
   });
 
   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 = vue$1.defineComponent({
     name: "me-icon-selector"
   });
@@ -5226,7 +5226,7 @@
                     ])
                   ]),
                   default: vue$1.withCtx(() => [
-                    vue$1.createElementVNode("div", _hoisted_2$k, [
+                    vue$1.createElementVNode("div", _hoisted_2$l, [
                       vue$1.createVNode(vue$1.unref(elementPlus.ElInput), {
                         modelValue: searchValue.value,
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchValue.value = $event),
@@ -5257,7 +5257,7 @@
                       _: 1
                       /* STABLE */
                     }, 8, ["modelValue"]),
-                    vue$1.createElementVNode("div", _hoisted_3$c, [
+                    vue$1.createElementVNode("div", _hoisted_3$d, [
                       (vue$1.openBlock(true), vue$1.createElementBlock(
                         vue$1.Fragment,
                         null,
@@ -5268,7 +5268,7 @@
                             onClick: ($event) => clickIcon(item)
                           }, [
                             vue$1.createVNode(vue$1.unref(MeSvgIcon), { name: item }, null, 8, ["name"])
-                          ], 8, _hoisted_4$8);
+                          ], 8, _hoisted_4$9);
                         }),
                         128
                         /* KEYED_FRAGMENT */
@@ -7267,11 +7267,11 @@
   };
 
   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" };
@@ -7660,7 +7660,7 @@
                       default: vue$1.withCtx((scope) => [
                         vue$1.createElementVNode(
                           "span",
-                          _hoisted_2$j,
+                          _hoisted_2$k,
                           vue$1.toDisplayString(scope.row.size),
                           1
                           /* TEXT */
@@ -7675,7 +7675,7 @@
                       width: "150"
                     }, {
                       default: vue$1.withCtx((scope) => [
-                        scope.row.status == "ready" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_3$b, [
+                        scope.row.status == "ready" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_3$c, [
                           vue$1.createVNode(vue$1.unref(elementPlus.ElTag), {
                             type: "primary",
                             effect: "plain"
@@ -7692,7 +7692,7 @@
                           })
                         ])) : vue$1.createCommentVNode("v-if", true),
                         vue$1.createCommentVNode(" \u4E0A\u4F20\u8FDB\u5EA6\u6761 "),
-                        scope.row.status == "uploading" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_4$7, [
+                        scope.row.status == "uploading" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_4$8, [
                           vue$1.createVNode(vue$1.unref(elementPlus.ElProgress), {
                             percentage: scope.row.progress,
                             "stroke-width": 15,
@@ -7701,7 +7701,7 @@
                             "text-inside": true
                           }, null, 8, ["percentage"])
                         ])) : vue$1.createCommentVNode("v-if", true),
-                        scope.row.status == "success" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_5$3, [
+                        scope.row.status == "success" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_5$4, [
                           vue$1.createVNode(vue$1.unref(elementPlus.ElTag), { type: "success" }, {
                             default: vue$1.withCtx(() => [..._cache[5] || (_cache[5] = [
                               vue$1.createTextVNode(
@@ -7714,7 +7714,7 @@
                             /* STABLE */
                           })
                         ])) : vue$1.createCommentVNode("v-if", true),
-                        scope.row.status == "fail" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_6$2, [
+                        scope.row.status == "fail" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_6$3, [
                           vue$1.createVNode(vue$1.unref(elementPlus.ElTag), { type: "danger" }, {
                             default: vue$1.withCtx(() => [..._cache[6] || (_cache[6] = [
                               vue$1.createTextVNode(
@@ -7894,7 +7894,7 @@
   });
 
   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 = vue$1.defineComponent({
     name: "me-upload-image"
   });
@@ -8032,7 +8032,7 @@
                 onClick: vue$1.unref(imageStore).openUpload
               }, {
                 default: vue$1.withCtx(() => [
-                  vue$1.createElementVNode("div", _hoisted_2$i, [
+                  vue$1.createElementVNode("div", _hoisted_2$j, [
                     vue$1.createVNode(vue$1.unref(MeSvgIcon), {
                       name: "ri-image-add-line",
                       size: 24,
@@ -8455,7 +8455,7 @@
   });
 
   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__ */ vue$1.defineComponent({
     __name: "tree-menu-node",
     props: {
@@ -8508,7 +8508,7 @@
                         name: item.tagIcon
                       }, null, 8, ["name"])) : (vue$1.openBlock(), vue$1.createElementBlock(
                         "div",
-                        _hoisted_2$h,
+                        _hoisted_2$i,
                         vue$1.toDisplayString(item.tagLabel),
                         1
                         /* TEXT */
@@ -8694,11 +8694,11 @@
   }
 
   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 = vue$1.defineComponent({
@@ -8901,11 +8901,11 @@
       });
       return (_ctx, _cache) => {
         return vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_1$q, [
-          vue$1.createElementVNode("div", _hoisted_2$g, [
-            vue$1.createElementVNode("div", _hoisted_3$a, [
+          vue$1.createElementVNode("div", _hoisted_2$h, [
+            vue$1.createElementVNode("div", _hoisted_3$b, [
               vue$1.renderSlot(_ctx.$slots, "header")
             ]),
-            vue$1.createElementVNode("div", _hoisted_4$6, [
+            vue$1.createElementVNode("div", _hoisted_4$7, [
               vue$1.createVNode(vue$1.unref(elementPlus.ElButton), {
                 type: "primary",
                 onClick: handleCreate
@@ -8935,7 +8935,7 @@
                 /* FORWARDED */
               }, 8, ["tree", "actions"])) : vue$1.createCommentVNode("v-if", true)
             ]),
-            vue$1.createElementVNode("div", _hoisted_5$2, [
+            vue$1.createElementVNode("div", _hoisted_5$3, [
               vue$1.createVNode(vue$1.unref(elementPlus.ElInput), {
                 modelValue: filterText.value,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filterText.value = $event),
@@ -8971,7 +8971,7 @@
                         "show-label-line": false
                       }, {
                         default: vue$1.withCtx(() => [
-                          vue$1.createElementVNode("div", _hoisted_6$1, [
+                          vue$1.createElementVNode("div", _hoisted_6$2, [
                             vue$1.createElementVNode("div", null, [
                               vue$1.renderSlot(_ctx.$slots, "label", {
                                 node,
@@ -9114,12 +9114,12 @@
     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" }
   };
@@ -9316,7 +9316,7 @@
                   /* CLASS */
                 )),
                 vue$1.createCommentVNode(" \u8F93\u5165\u6846 "),
-                vue$1.createElementVNode("div", _hoisted_2$f, [
+                vue$1.createElementVNode("div", _hoisted_2$g, [
                   vue$1.renderSlot(_ctx.$slots, "input", {}, () => [
                     __props.mode === "number" ? (vue$1.openBlock(), vue$1.createBlock(vue$1.unref(MeInputNumber), vue$1.mergeProps({
                       key: 0,
@@ -9351,7 +9351,7 @@
                   ])
                 ]),
                 vue$1.createCommentVNode(" \u9ED8\u8BA4 \u6309\u94AE\u7EC4 "),
-                !showDefault.value ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_3$9, [
+                !showDefault.value ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_3$a, [
                   vue$1.renderSlot(_ctx.$slots, "default", {}, () => [
                     vue$1.createVNode(vue$1.unref(elementPlus.ElButton), {
                       style: {
@@ -9401,7 +9401,7 @@
                             }, null, 8, ["name"])) : vue$1.createCommentVNode("v-if", true),
                             item.text ? (vue$1.openBlock(), vue$1.createElementBlock(
                               "span",
-                              _hoisted_4$5,
+                              _hoisted_4$6,
                               vue$1.toDisplayString(item.text),
                               1
                               /* TEXT */
@@ -9444,7 +9444,7 @@
   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" }
   };
@@ -9485,7 +9485,7 @@
           }), null, 16, ["modelValue", "suffix", "min", "max"]),
           vue$1.createElementVNode(
             "span",
-            _hoisted_2$e,
+            _hoisted_2$f,
             vue$1.toDisplayString(__props.connector),
             1
             /* TEXT */
@@ -9509,7 +9509,7 @@
   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" }
   };
@@ -9541,7 +9541,7 @@
           }, _ctx.$attrs), null, 16, ["modelValue"]),
           vue$1.createElementVNode(
             "span",
-            _hoisted_2$d,
+            _hoisted_2$e,
             vue$1.toDisplayString(__props.connector),
             1
             /* TEXT */
@@ -9561,7 +9561,7 @@
   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 = vue$1.defineComponent({
     name: "me-input-range-date"
   });
@@ -9627,7 +9627,7 @@
           vue$1.renderSlot(_ctx.$slots, "connector", {}, () => [
             vue$1.createElementVNode(
               "span",
-              _hoisted_2$c,
+              _hoisted_2$d,
               vue$1.toDisplayString(__props.connector),
               1
               /* TEXT */
@@ -9661,9 +9661,9 @@
   };
 
   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 = vue$1.defineComponent({
     name: "me-load-json"
   });
@@ -9737,7 +9737,7 @@
       });
       return (_ctx, _cache) => {
         return vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_1$l, [
-          vue$1.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> '),
+          vue$1.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> '),
           vue$1.createElementVNode("div", { onClick: open }, [
             vue$1.renderSlot(_ctx.$slots, "default", {}, () => [
               vue$1.createVNode(vue$1.unref(MeButton), {
@@ -9761,7 +9761,7 @@
             title: __props.title
           }, {
             "me-dialog-footer": vue$1.withCtx(() => [
-              vue$1.createElementVNode("div", _hoisted_3$8, [
+              vue$1.createElementVNode("div", _hoisted_3$9, [
                 vue$1.renderSlot(_ctx.$slots, "footer-left", {}, () => [
                   vue$1.createVNode(vue$1.unref(MeButton), { onClick: handleImport }, {
                     default: vue$1.withCtx(() => [..._cache[2] || (_cache[2] = [
@@ -9775,7 +9775,7 @@
                     /* STABLE */
                   })
                 ]),
-                vue$1.createElementVNode("div", _hoisted_4$4, [
+                vue$1.createElementVNode("div", _hoisted_4$5, [
                   vue$1.createVNode(vue$1.unref(MeButton), {
                     type: "primary",
                     "click-handle": submit,
@@ -9796,7 +9796,7 @@
               ])
             ]),
             default: vue$1.withCtx(() => [
-              vue$1.createElementVNode("div", _hoisted_2$b, [
+              vue$1.createElementVNode("div", _hoisted_2$c, [
                 vue$1.createVNode(vue$1.unref(JsonEditorVue), {
                   class: "editor",
                   modelValue: jsonData.value,
@@ -9819,13 +9819,13 @@
     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 = vue$1.defineComponent({
     name: "me-property-editor"
   });
@@ -10041,7 +10041,7 @@
       });
       return (_ctx, _cache) => {
         return vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_1$k, [
-          vue$1.createElementVNode("div", _hoisted_2$a, [
+          vue$1.createElementVNode("div", _hoisted_2$b, [
             vue$1.createVNode(
               vue$1.unref(vxeTable.VxeGrid),
               vue$1.mergeProps({ ..._ctx.$attrs, ...gridOptions }, {
@@ -10068,7 +10068,7 @@
                   ])
                 ]),
                 "handle-header": vue$1.withCtx(({ row }) => [
-                  vue$1.createElementVNode("div", _hoisted_4$3, [
+                  vue$1.createElementVNode("div", _hoisted_4$4, [
                     vue$1.createVNode(vue$1.unref(MeButton), {
                       type: "primary",
                       size: "small",
@@ -10097,7 +10097,7 @@
                       key: 0,
                       style: { "color": "#f56c6c", "line-height": "22px", "text-align": "center", "cursor": "pointer" },
                       onClick: ($event) => removeRow(row)
-                    }, " \u5220\u9664 ", 8, _hoisted_5$1)) : vue$1.createCommentVNode("v-if", true)
+                    }, " \u5220\u9664 ", 8, _hoisted_5$2)) : vue$1.createCommentVNode("v-if", true)
                   ])
                 ]),
                 _: 2
@@ -10114,7 +10114,7 @@
                       }, null, 8, ["modelValue", "onUpdate:modelValue"])) : vue$1.createCommentVNode("v-if", true),
                       row.isDefault ? (vue$1.openBlock(), vue$1.createElementBlock(
                         "span",
-                        _hoisted_3$7,
+                        _hoisted_3$8,
                         vue$1.toDisplayString(row.propertyName),
                         1
                         /* TEXT */
@@ -10442,7 +10442,7 @@
     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 = vue$1.defineComponent({
     name: "me-select-date"
   });
@@ -10512,10 +10512,11 @@
             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: vue$1.withCtx((scope) => [
-              vue$1.createElementVNode("div", _hoisted_2$9, [
+              vue$1.createElementVNode("div", _hoisted_2$a, [
                 vue$1.createElementVNode(
                   "div",
                   null,
@@ -10528,7 +10529,7 @@
             _: 1
             /* STABLE */
           }, 8, ["modelValue", "options"]),
-          vue$1.renderSlot(_ctx.$slots, "default", {}, () => [
+          vue$1.renderSlot(_ctx.$slots, "date", {}, () => [
             segmentValue.value == "\u4ECA\u65E5" ? (vue$1.openBlock(), vue$1.createBlock(vue$1.unref(elementPlus.ElDatePicker), {
               key: 0,
               size: "large",
@@ -10821,7 +10822,7 @@
   });
 
   const _hoisted_1$e = { class: "me-input-gps" };
-  const _hoisted_2$8 = {
+  const _hoisted_2$9 = {
     key: 0,
     style: { "color": "#999" }
   };
@@ -10883,7 +10884,7 @@
           }, 8, ["value"]),
           coord.value?.address ? (vue$1.openBlock(), vue$1.createElementBlock(
             "div",
-            _hoisted_2$8,
+            _hoisted_2$9,
             "\u4F4D\u7F6E\uFF1A" + vue$1.toDisplayString(coord.value.address),
             1
             /* TEXT */
@@ -11349,8 +11350,8 @@ Please use '@${fnName}' event instead of props`;
   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" }
   };
@@ -11401,12 +11402,12 @@ Please use '@${fnName}' event instead of props`;
             }, null, 8, _hoisted_1$b),
             vue$1.createElementVNode(
               "div",
-              _hoisted_2$7,
+              _hoisted_2$8,
               vue$1.toDisplayString(props.name),
               1
               /* TEXT */
             ),
-            vue$1.createElementVNode("div", _hoisted_3$6, [
+            vue$1.createElementVNode("div", _hoisted_3$7, [
               vue$1.withDirectives(vue$1.createVNode(
                 vue$1.unref(MeSvgIcon),
                 {
@@ -11479,8 +11480,8 @@ Please use '@${fnName}' event instead of 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 = vue$1.defineComponent({
     name: "me-upload-file-drag"
   });
@@ -11576,14 +11577,14 @@ Please use '@${fnName}' event instead of props`;
                 vue$1.createElementVNode("div", _hoisted_1$a, [
                   vue$1.renderSlot(_ctx.$slots, "tip", {}, () => [
                     _cache[0] || (_cache[0] = vue$1.createTextVNode(
-                      "Drop file here or ",
+                      "\u62D6\u62FD\u6587\u4EF6\u4E0A\u4F20 \u6216 ",
                       -1
                       /* CACHED */
                     )),
                     _cache[1] || (_cache[1] = vue$1.createElementVNode(
                       "em",
                       null,
-                      "click to upload",
+                      "\u70B9\u51FB\u4E0A\u4F20",
                       -1
                       /* CACHED */
                     ))
@@ -11596,12 +11597,12 @@ Please use '@${fnName}' event instead of props`;
                   accept: accept.value,
                   type: "file",
                   style: { "display": "none" }
-                }, null, 40, _hoisted_2$6)
+                }, null, 40, _hoisted_2$7)
               ],
               34
               /* CLASS, NEED_HYDRATION */
             ),
-            vue$1.createElementVNode("div", _hoisted_3$5, [
+            vue$1.createElementVNode("div", _hoisted_3$6, [
               (vue$1.openBlock(true), vue$1.createElementBlock(
                 vue$1.Fragment,
                 null,
@@ -11639,8 +11640,8 @@ Please use '@${fnName}' event instead of props`;
     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 = vue$1.defineComponent({
     name: "me-upload-file"
   });
@@ -11748,7 +11749,7 @@ Please use '@${fnName}' event instead of props`;
                           height: props.fileHeight,
                           onCloseEvent: removeItem
                         }, null, 8, ["index", "url", "name", "width", "height"])
-                      ], 8, _hoisted_2$5);
+                      ], 8, _hoisted_2$6);
                     }),
                     128
                     /* KEYED_FRAGMENT */
@@ -11767,7 +11768,7 @@ Please use '@${fnName}' event instead of props`;
                       onClick: vue$1.unref(fileStore).openUpload
                     }, {
                       default: vue$1.withCtx(() => [
-                        vue$1.createElementVNode("div", _hoisted_3$4, [
+                        vue$1.createElementVNode("div", _hoisted_3$5, [
                           vue$1.createVNode(vue$1.unref(MeSvgIcon), {
                             name: "ri-file-upload-line",
                             size: 24,
@@ -20677,8 +20678,8 @@ Please use '@${fnName}' event instead of props`;
   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 = vue$1.defineComponent({
     name: "me-video-viewer"
   });
@@ -20720,11 +20721,11 @@ Please use '@${fnName}' event instead of props`;
               size: 25
             })
           ]),
-          vue$1.createElementVNode("div", _hoisted_2$4, [
+          vue$1.createElementVNode("div", _hoisted_2$5, [
             vue$1.createElementVNode("video", {
               id: "player",
               src: props.url
-            }, null, 8, _hoisted_3$3)
+            }, null, 8, _hoisted_3$4)
           ])
         ]);
       };
@@ -20745,7 +20746,7 @@ Please use '@${fnName}' event instead of props`;
   };
 
   const _hoisted_1$7 = { style: { "align-items": "center" } };
-  const _hoisted_2$3 = ["src"];
+  const _hoisted_2$4 = ["src"];
   var _sfc_main$9 = /* @__PURE__ */ vue$1.defineComponent({
     __name: "upload-video-item",
     props: {
@@ -20823,7 +20824,7 @@ Please use '@${fnName}' event instead of props`;
                 width: props.width + "px",
                 height: props.height + "px"
               })
-            }, null, 12, _hoisted_2$3)
+            }, null, 12, _hoisted_2$4)
           ],
           36
           /* STYLE, NEED_HYDRATION */
@@ -20833,12 +20834,12 @@ Please use '@${fnName}' event instead of props`;
   });
 
   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 = vue$1.defineComponent({
     name: "me-upload-video"
   });
@@ -20912,7 +20913,7 @@ Please use '@${fnName}' event instead of props`;
           }, null, 8, ["modelValue"]), [
             [vue$1.vShow, false]
           ]),
-          vue$1.unref(videoStore).fileList.value.length > 0 ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_2$2, [
+          vue$1.unref(videoStore).fileList.value.length > 0 ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_2$3, [
             (vue$1.openBlock(true), vue$1.createElementBlock(
               vue$1.Fragment,
               null,
@@ -20928,7 +20929,7 @@ Please use '@${fnName}' event instead of props`;
                     height: props.videoHeight,
                     onCloseEvent: removeItem
                   }, null, 8, ["index", "url", "width", "height"])
-                ], 8, _hoisted_3$2);
+                ], 8, _hoisted_3$3);
               }),
               128
               /* KEYED_FRAGMENT */
@@ -20947,7 +20948,7 @@ Please use '@${fnName}' event instead of props`;
                 onClick: vue$1.unref(videoStore).openUpload
               }, {
                 default: vue$1.withCtx(() => [
-                  vue$1.createElementVNode("div", _hoisted_4$2, [
+                  vue$1.createElementVNode("div", _hoisted_4$3, [
                     vue$1.createVNode(vue$1.unref(MeSvgIcon), {
                       name: "ri-video-upload-fill",
                       size: 24,
@@ -21059,14 +21060,14 @@ Please use '@${fnName}' event instead of props`;
     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 = {
@@ -21210,7 +21211,7 @@ Please use '@${fnName}' event instead of props`;
               [
                 vue$1.createCommentVNode(" \u5E38\u89C4\u83DC\u5355\u9879  "),
                 vue$1.createCommentVNode(" \u591A\u83DC\u5355-\u6709\u5B50\u680F\u76EE "),
-                __props.item.children?.length && __props.item.hideFlag == false && __props.item.meta.activeMenu == "" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_2$1, [
+                __props.item.children?.length && __props.item.hideFlag == false && __props.item.meta.activeMenu == "" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_2$2, [
                   (vue$1.openBlock(), vue$1.createBlock(vue$1.unref(elementPlus.ElSubMenu), {
                     style: { "padding-top": "6px" },
                     index: __props.item.id,
@@ -21218,7 +21219,7 @@ Please use '@${fnName}' event instead of props`;
                   }, {
                     title: vue$1.withCtx(() => [
                       vue$1.createCommentVNode(" Icon "),
-                      vue$1.createElementVNode("span", _hoisted_3$1, [
+                      vue$1.createElementVNode("span", _hoisted_3$2, [
                         vue$1.createVNode(vue$1.unref(MeSvgIcon), {
                           name: __props.item.icon
                         }, null, 8, ["name"])
@@ -21226,7 +21227,7 @@ Please use '@${fnName}' event instead of props`;
                       vue$1.createCommentVNode(" Title "),
                       vue$1.createElementVNode(
                         "span",
-                        _hoisted_4$1,
+                        _hoisted_4$2,
                         vue$1.toDisplayString(__props.item.title),
                         1
                         /* TEXT */
@@ -21239,7 +21240,7 @@ Please use '@${fnName}' event instead of props`;
                         color: __props.item.meta.badgeColor
                       }, null, 8, ["type", "meta", "text", "color"]),
                       vue$1.createCommentVNode("\u5706\u70B9\u53D1\u5149 "),
-                      __props.item.meta.dot ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_5, [
+                      __props.item.meta.dot ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_5$1, [
                         vue$1.createVNode(vue$1.unref(MeDot))
                       ])) : vue$1.createCommentVNode("v-if", true)
                     ]),
@@ -21264,7 +21265,7 @@ Please use '@${fnName}' event instead of props`;
                   }, 8, ["index"]))
                 ])) : vue$1.createCommentVNode("v-if", true),
                 vue$1.createCommentVNode(" \u591A\u83DC\u5355-\u8BBE\u7F6E\u4E86\u5173\u8054\u83DC\u5355 "),
-                __props.item.children?.length && __props.item.hideFlag == false && __props.item.meta.activeMenu != "" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_6, [
+                __props.item.children?.length && __props.item.hideFlag == false && __props.item.meta.activeMenu != "" ? (vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_6$1, [
                   (vue$1.openBlock(), vue$1.createBlock(vue$1.unref(elementPlus.ElMenuItem), {
                     index: `${__props.item.id}`,
                     key: __props.item.id,
@@ -21456,9 +21457,9 @@ Please use '@${fnName}' event instead of props`;
   });
 
   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 = vue$1.defineComponent({
     name: "me-main-menu"
   });
@@ -21551,9 +21552,9 @@ Please use '@${fnName}' event instead of props`;
                               class: vue$1.normalizeClass([{ active: mainMenuItem.id == activeId.value }, "item"]),
                               onClick: ($event) => handleMenuClick(mainMenuItem)
                             }, [
-                              vue$1.createElementVNode("div", _hoisted_2, [
+                              vue$1.createElementVNode("div", _hoisted_2$1, [
                                 vue$1.createCommentVNode(" \u83DC\u5355\u56FE\u6807 "),
-                                vue$1.createElementVNode("span", _hoisted_3, [
+                                vue$1.createElementVNode("span", _hoisted_3$1, [
                                   vue$1.createVNode(vue$1.unref(MeSvgIcon), {
                                     name: mainMenuItem.icon,
                                     color: "#fff"
@@ -21562,7 +21563,7 @@ Please use '@${fnName}' event instead of props`;
                                 vue$1.createCommentVNode(" \u83DC\u5355\u6807\u9898 "),
                                 vue$1.createElementVNode(
                                   "span",
-                                  _hoisted_4,
+                                  _hoisted_4$1,
                                   vue$1.toDisplayString(mainMenuItem.title),
                                   1
                                   /* TEXT */
@@ -21849,20 +21850,136 @@ Please use '@${fnName}' event instead of props`;
 
   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__ = vue$1.defineComponent({
-    name: "me-abig-but"
+    name: "me-text-separator"
   });
   var _sfc_main = /* @__PURE__ */ vue$1.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 = vue$1.computed(() => props.data.slice(0, props.maxCount));
+      const hasMore = vue$1.computed(() => props.data.length > props.maxCount);
       return (_ctx, _cache) => {
-        return vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_1, "AbigBut Demo");
+        return vue$1.openBlock(), vue$1.createElementBlock("div", _hoisted_1, [
+          (vue$1.openBlock(true), vue$1.createElementBlock(
+            vue$1.Fragment,
+            null,
+            vue$1.renderList(visibleData.value, (item, index) => {
+              return vue$1.openBlock(), vue$1.createElementBlock(
+                vue$1.Fragment,
+                { key: index },
+                [
+                  vue$1.createElementVNode("span", _hoisted_2, [
+                    vue$1.renderSlot(_ctx.$slots, "default", {
+                      item,
+                      index
+                    }, () => [
+                      vue$1.createTextVNode(
+                        vue$1.toDisplayString(item),
+                        1
+                        /* TEXT */
+                      )
+                    ])
+                  ]),
+                  index < visibleData.value.length - 1 ? (vue$1.openBlock(), vue$1.createElementBlock("span", _hoisted_3, [
+                    vue$1.renderSlot(_ctx.$slots, "separator", { index }, () => [
+                      vue$1.createTextVNode(
+                        vue$1.toDisplayString(__props.separator),
+                        1
+                        /* TEXT */
+                      )
+                    ])
+                  ])) : vue$1.createCommentVNode("v-if", true)
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              );
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          )),
+          hasMore.value ? (vue$1.openBlock(), vue$1.createElementBlock(
+            vue$1.Fragment,
+            { key: 0 },
+            [
+              vue$1.createElementVNode("span", _hoisted_4, [
+                vue$1.renderSlot(_ctx.$slots, "separator", {
+                  index: visibleData.value.length
+                }, () => [
+                  vue$1.createTextVNode(
+                    vue$1.toDisplayString(__props.separator),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ]),
+              vue$1.createVNode(vue$1.unref(elementPlus.ElPopover), vue$1.mergeProps({ placement: __props.popoverPlacement }, _ctx.$attrs), {
+                reference: vue$1.withCtx(() => [
+                  vue$1.createElementVNode("span", _hoisted_5, [
+                    vue$1.renderSlot(_ctx.$slots, "suffix", {}, () => [
+                      _cache[0] || (_cache[0] = vue$1.createTextVNode(
+                        "...",
+                        -1
+                        /* CACHED */
+                      ))
+                    ])
+                  ])
+                ]),
+                default: vue$1.withCtx(() => [
+                  vue$1.createElementVNode("div", _hoisted_6, [
+                    (vue$1.openBlock(true), vue$1.createElementBlock(
+                      vue$1.Fragment,
+                      null,
+                      vue$1.renderList(__props.data, (item, index) => {
+                        return vue$1.openBlock(), vue$1.createElementBlock("div", {
+                          key: index,
+                          class: "popover-list-item"
+                        }, [
+                          vue$1.renderSlot(_ctx.$slots, "popover-item", {
+                            item,
+                            index
+                          }, () => [
+                            vue$1.createTextVNode(
+                              vue$1.toDisplayString(item),
+                              1
+                              /* TEXT */
+                            )
+                          ])
+                        ]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ])
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 16, ["placement"])
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : vue$1.createCommentVNode("v-if", true)
+        ]);
       };
     }
   });
 
-  const MeAbigBut = withInstall(_sfc_main);
+  const MeTextSeparator = withInstall(_sfc_main);
 
   const components = [
     MeButton,
@@ -21922,7 +22039,7 @@ Please use '@${fnName}' event instead of props`;
     MeInputRadio,
     MePagination,
     MeSegmented,
-    MeAbigBut
+    MeTextSeparator
   ];
   function install(app) {
     components.forEach((item) => {
@@ -21937,7 +22054,6 @@ Please use '@${fnName}' event instead of props`;
     install
   };
 
-  exports.MeAbigBut = MeAbigBut;
   exports.MeAvatar = MeAvatar;
   exports.MeAvatarGroup = MeAvatarGroup;
   exports.MeBody = MeBody;
@@ -21988,6 +22104,7 @@ Please use '@${fnName}' event instead of props`;
   exports.MeSvgIcon = MeSvgIcon;
   exports.MeSwiper = MeSwiper;
   exports.MeText = MeText;
+  exports.MeTextSeparator = MeTextSeparator;
   exports.MeTodo = MeTodo;
   exports.MeTreeMenu = MeTreeMenu;
   exports.MeUpload = MeUpload;