@me-framework/me-ui 1.0.44

package/es/card/src/card.vue2.mjs

@@ -0,0 +1,241 @@
+import { defineComponent, ref, onMounted, useSlots, watch, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createCommentVNode, unref, createElementVNode, renderSlot, toDisplayString, createVNode, withDirectives, vShow } from 'vue';
+import { api } from 'vue-fullscreen';
+import { MeIconButton } from '../../icon-button/index.mjs';
+
+"use strict";
+const _hoisted_1 = { style: { "display": "flex", "width": "fit-content", "flex": "1", "align-items": "center" } };
+const _hoisted_2 = { style: { "display": "flex", "align-items": "center", "cursor": "pointer" } };
+const _hoisted_3 = {
+  class: "card-text",
+  style: { height: "100%" }
+};
+const __default__ = defineComponent({
+  name: "me-card"
+});
+var script = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    title: { type: String, required: false },
+    headerBorder: { type: Boolean, required: false, default: true },
+    footerBorder: { type: Boolean, required: false, default: true },
+    border: { type: Boolean, required: false, default: true },
+    titleSize: { type: String, required: false, default: "16px" },
+    bgColor: { type: String, required: false },
+    width: { type: String, required: false },
+    height: { type: String, required: false },
+    bodyHeight: { type: String, required: false },
+    bodyStyle: { type: null, required: false },
+    mode: { type: String, required: false, default: "normal" },
+    round: { type: Boolean, required: false, default: true },
+    customStyle: { type: null, required: false },
+    fullscreen: { type: Boolean, required: false, default: false },
+    showCollapse: { type: Boolean, required: false, default: true },
+    shadow: { type: String, required: false, default: "never" },
+    headerStyle: { type: Object, required: false },
+    expand: { type: Boolean, required: false, default: true }
+  },
+  emits: ["closeEvent", "changeEvent"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const bodyRef = ref();
+    const bodyMinWidth = ref(0);
+    onMounted(() => {
+      bodyMinWidth.value = bodyRef.value?.getBoundingClientRect()?.width;
+    });
+    const emit = __emit;
+    const slot = useSlots();
+    const bodyHeight = ref(props.bodyHeight);
+    const showBody = ref(props.expand);
+    watch(
+      () => props.expand,
+      (newValue) => {
+        showBody.value = newValue;
+      }
+    );
+    const headerBorder = computed(() => {
+      return {
+        "border-bottom": props.headerBorder ? "var(--card-border-width) solid var(--card-border-color)" : "0"
+      };
+    });
+    const footerBorder = computed(() => {
+      return {
+        "border-top": props.footerBorder ? "var(--card-border-width) solid var(--card-border-color)" : "0"
+      };
+    });
+    const getStyle = computed(() => {
+      return {
+        border: props.border ? "var(--card-border-width) solid var(--card-border-color)" : "0",
+        height: props.mode === "full" ? "100%" : props.height,
+        borderRadius: props.round ? "calc(4px - (1px))" : "0",
+        backgroundColor: props.bgColor,
+        ...props.customStyle
+      };
+    });
+    const fullscreenVal = ref(false);
+    const meCardRef = ref(null);
+    const zIndex = ref(0);
+    const fullScreenIcon = ref("ri-expand-diagonal-line");
+    const fullScreenStyle = ref({
+      width: "",
+      margin: "",
+      height: props.height
+    });
+    window.addEventListener("resize", () => {
+      if (!fullscreenVal.value) {
+        bodyMinWidth.value = bodyRef.value?.getBoundingClientRect()?.width;
+      }
+    });
+    const toggle = async () => {
+      api.toggle(meCardRef.value, {
+        teleport: true,
+        pageOnly: true,
+        callback: (isFullscreen) => {
+          fullscreenVal.value = isFullscreen;
+          console.log(isFullscreen, "isFullscreen");
+          emit("changeEvent", isFullscreen);
+          if (isFullscreen) {
+            zIndex.value = 1e3;
+            fullScreenStyle.value = {
+              width: "100vw",
+              margin: "0",
+              height: "100vh"
+            };
+            fullScreenIcon.value = "ri-collapse-diagonal-line";
+            bodyHeight.value = "100%";
+          } else {
+            zIndex.value = 0;
+            fullScreenStyle.value = {
+              width: "",
+              margin: "",
+              height: "100%"
+            };
+            fullScreenIcon.value = "ri-expand-diagonal-line";
+            bodyHeight.value = props.bodyHeight;
+          }
+        }
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["me-card", {
+            "is-hover-shadow": props.shadow == "hover",
+            "is-always-shadow": props.shadow == "always"
+          }]),
+          ref_key: "meCardRef",
+          ref: meCardRef,
+          style: normalizeStyle({ ...getStyle.value, zIndex: zIndex.value, ...fullScreenStyle.value })
+        },
+        [
+          createCommentVNode(" header "),
+          unref(slot)?.header || unref(slot)["header-left-btn"] || unref(slot)["header-right-btn"] || __props.title ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: "card-header",
+              style: normalizeStyle({ ...headerBorder.value, ...__props.headerStyle })
+            },
+            [
+              createElementVNode("div", _hoisted_1, [
+                renderSlot(_ctx.$slots, "header"),
+                createElementVNode("div", null, [
+                  renderSlot(_ctx.$slots, "header-left-btn", {}, () => [
+                    createElementVNode(
+                      "div",
+                      {
+                        class: "card-title",
+                        style: normalizeStyle({ fontSize: __props.titleSize })
+                      },
+                      toDisplayString(__props.title),
+                      5
+                      /* TEXT, STYLE */
+                    )
+                  ])
+                ])
+              ]),
+              createElementVNode("div", _hoisted_2, [
+                renderSlot(_ctx.$slots, "header-right-btn"),
+                props.showCollapse ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  onClick: _cache[0] || (_cache[0] = ($event) => showBody.value = !showBody.value),
+                  style: { "margin-left": "10px" }
+                }, [
+                  createVNode(unref(MeIconButton), {
+                    hover: "",
+                    icon: showBody.value ? "ri-subtract-line" : "ri-add-line"
+                  }, null, 8, ["icon"])
+                ])) : createCommentVNode("v-if", true),
+                props.fullscreen ? (openBlock(), createElementBlock("div", {
+                  key: 1,
+                  onClick: toggle,
+                  style: { "margin-left": "10px" }
+                }, [
+                  createVNode(unref(MeIconButton), {
+                    hover: "",
+                    icon: fullScreenIcon.value
+                  }, null, 8, ["icon"])
+                ])) : createCommentVNode("v-if", true)
+              ])
+            ],
+            4
+            /* STYLE */
+          )) : createCommentVNode("v-if", true),
+          createCommentVNode(" body "),
+          withDirectives(createElementVNode(
+            "div",
+            {
+              ref_key: "bodyRef",
+              ref: bodyRef,
+              style: normalizeStyle([{ "overflow-y": "auto", "padding": "10px 0" }, { height: bodyHeight.value, ...__props.bodyStyle }])
+            },
+            [
+              withDirectives(createElementVNode(
+                "div",
+                {
+                  class: "card-body",
+                  style: normalizeStyle({
+                    height: !fullscreenVal.value ? `calc(${props.bodyHeight} - 20px)` : "100%",
+                    ...__props.bodyStyle
+                  })
+                },
+                [
+                  createElementVNode("div", _hoisted_3, [
+                    renderSlot(_ctx.$slots, "default")
+                  ])
+                ],
+                4
+                /* STYLE */
+              ), [
+                [vShow, true]
+              ])
+            ],
+            4
+            /* STYLE */
+          ), [
+            [vShow, showBody.value]
+          ]),
+          createCommentVNode(" footer "),
+          unref(slot)?.footer && showBody.value ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 1,
+              style: normalizeStyle(footerBorder.value),
+              class: "card-footer"
+            },
+            [
+              renderSlot(_ctx.$slots, "footer")
+            ],
+            4
+            /* STYLE */
+          )) : createCommentVNode("v-if", true)
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=card.vue2.mjs.map

package/es/card/src/card.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.vue2.mjs","sources":["../../../src/card/src/card.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: \"me-card\",\n});\n</script>\n<template>\n  <div\n    class=\"me-card\"\n    :class=\"{\n      'is-hover-shadow': props.shadow == 'hover',\n      'is-always-shadow': props.shadow == 'always',\n    }\"\n    ref=\"meCardRef\"\n    :style=\"{ ...getStyle, zIndex: zIndex, ...fullScreenStyle }\">\n    <!-- header -->\n    <div\n      class=\"card-header\"\n      v-if=\"slot?.header || slot['header-left-btn'] || slot['header-right-btn'] || title\"\n      :style=\"{ ...headerBorder, ...headerStyle }\">\n      <div style=\"display: flex; width: fit-content; flex: 1; align-items: center\">\n        <slot name=\"header\"></slot>\n        <div>\n          <slot name=\"header-left-btn\">\n            <div class=\"card-title\" :style=\"{ fontSize: titleSize }\">{{ title }}</div>\n          </slot>\n        </div>\n      </div>\n      <div style=\"display: flex; align-items: center; cursor: pointer\">\n        <slot name=\"header-right-btn\"></slot>\n\n        <div v-if=\"props.showCollapse\" @click=\"showBody = !showBody\" style=\"margin-left: 10px\">\n          <me-icon-button hover :icon=\"showBody ? 'ri-subtract-line' : 'ri-add-line'\"></me-icon-button>\n        </div>\n        <div v-if=\"props.fullscreen\" @click=\"toggle\" style=\"margin-left: 10px\">\n          <me-icon-button hover :icon=\"fullScreenIcon\"></me-icon-button>\n        </div>\n      </div>\n    </div>\n\n    <!-- body -->\n    <div v-show=\"showBody\" ref=\"bodyRef\" style=\"overflow-y: auto; padding: 10px 0\" :style=\"{ height: bodyHeight, ...bodyStyle }\">\n      <div\n        v-show=\"true\"\n        class=\"card-body\"\n        :style=\"{\n          height: !fullscreenVal ? `calc(${props.bodyHeight} - 20px)` : '100%',\n          ...bodyStyle,\n        }\">\n        <div class=\"card-text\" :style=\"{ height: '100%' }\">\n          <slot></slot>\n        </div>\n      </div>\n    </div>\n\n    <!-- footer -->\n    <div v-if=\"slot?.footer && showBody\" :style=\"footerBorder\" class=\"card-footer\">\n      <slot name=\"footer\"></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, ref, useSlots, watch } from \"vue\"\nimport type { CardProps, CardEmits } from \"./card\"\nimport { api as fullscreen } from \"vue-fullscreen\"\nimport { MeIconButton } from \"../../icon-button\";\n\n\n\nconst props = withDefaults(defineProps<CardProps>(), {\n  headerBorder: true,\n  footerBorder: true,\n  border: true,\n  titleSize: \"16px\",\n  mode: \"normal\",\n  round: true,\n  fullscreen: false,\n  showCollapse: true,\n  shadow: \"never\",\n  expand: true,\n})\n\nconst bodyRef = ref()\nconst bodyMinWidth = ref(0)\nonMounted(() => {\n  bodyMinWidth.value = bodyRef.value?.getBoundingClientRect()?.width\n})\n\nconst emit = defineEmits<CardEmits>()\n\nconst slot = useSlots()\nconst bodyHeight = ref(props.bodyHeight)\nconst showBody = ref(props.expand)\n\nwatch(\n  () => props.expand,\n  (newValue) => {\n    //\n    showBody.value = newValue\n  }\n)\n\nconst headerBorder = computed(() => {\n  return {\n    \"border-bottom\": props.headerBorder ? \"var(--card-border-width) solid var(--card-border-color)\" : \"0\",\n  }\n})\nconst footerBorder = computed(() => {\n  return {\n    \"border-top\": props.footerBorder ? \"var(--card-border-width) solid var(--card-border-color)\" : \"0\",\n  }\n})\nconst getStyle = computed(() => {\n  return {\n    border: props.border ? \"var(--card-border-width) solid var(--card-border-color)\" : \"0\",\n    height: props.mode === \"full\" ? \"100%\" : props.height,\n    borderRadius: props.round ? \"calc(4px - (1px))\" : \"0\",\n    backgroundColor: props.bgColor,\n    ...props.customStyle,\n  }\n})\n\nconst fullscreenVal = ref(false)\nconst meCardRef = ref(null)\nconst zIndex = ref(0)\nconst fullScreenIcon = ref(\"ri-expand-diagonal-line\")\nconst fullScreenStyle = ref({\n  width: \"\",\n  margin: \"\",\n  height: props.height,\n})\n\nwindow.addEventListener(\"resize\", () => {\n  if (!fullscreenVal.value) {\n    bodyMinWidth.value = bodyRef.value?.getBoundingClientRect()?.width\n  }\n})\n\n// 全屏切换\nconst toggle = async () => {\n  fullscreen.toggle(meCardRef.value, {\n    teleport: true,\n    pageOnly: true,\n    callback: (isFullscreen) => {\n      fullscreenVal.value = isFullscreen\n      console.log(isFullscreen, \"isFullscreen\")\n      emit(\"changeEvent\", isFullscreen)\n      if (isFullscreen) {\n        zIndex.value = 1000\n        fullScreenStyle.value = {\n          width: \"100vw\",\n          margin: \"0\",\n          height: \"100vh\",\n        }\n        fullScreenIcon.value = \"ri-collapse-diagonal-line\"\n        bodyHeight.value = \"100%\"\n      } else {\n        zIndex.value = 0\n        fullScreenStyle.value = {\n          width: \"\",\n          margin: \"\",\n          height: \"100%\",\n        }\n        fullScreenIcon.value = \"ri-expand-diagonal-line\"\n        bodyHeight.value = props.bodyHeight\n      }\n    },\n  })\n}\n</script>\n"],"names":["__MACROS_defineComponent","fullscreen","_createElementBlock","_normalizeStyle","_createCommentVNode","_unref","_createElementVNode","_renderSlot","_createVNode"],"mappings":";;;;;;;;;;;AAEA,MAAA,cAA6BA,eAAA,CAAyB;AAAA,EACpD,IAAA,EAAM;AACR,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;AAkED,IAAA,MAAM,KAAA,GAAQ,OAAA;AAad,IAAA,MAAM,UAAU,GAAA,EAAI;AACpB,IAAA,MAAM,YAAA,GAAe,IAAI,CAAC,CAAA;AAC1B,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,YAAA,CAAa,KAAA,GAAQ,OAAA,CAAQ,KAAA,EAAO,qBAAA,EAAsB,EAAG,KAAA;AAAA,IAC/D,CAAC,CAAA;AAED,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,MAAM,OAAO,QAAA,EAAS;AACtB,IAAA,MAAM,UAAA,GAAa,GAAA,CAAI,KAAA,CAAM,UAAU,CAAA;AACvC,IAAA,MAAM,QAAA,GAAW,GAAA,CAAI,KAAA,CAAM,MAAM,CAAA;AAEjC,IAAA,KAAA;AAAA,MACE,MAAM,KAAA,CAAM,MAAA;AAAA,MACZ,CAAC,QAAA,KAAa;AAEZ,QAAA,QAAA,CAAS,KAAA,GAAQ,QAAA;AAAA,MACnB;AAAA,KACF;AAEA,IAAA,MAAM,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,OAAO;AAAA,QACL,eAAA,EAAiB,KAAA,CAAM,YAAA,GAAe,yDAAA,GAA4D;AAAA,OACpG;AAAA,IACF,CAAC,CAAA;AACD,IAAA,MAAM,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,OAAO;AAAA,QACL,YAAA,EAAc,KAAA,CAAM,YAAA,GAAe,yDAAA,GAA4D;AAAA,OACjG;AAAA,IACF,CAAC,CAAA;AACD,IAAA,MAAM,QAAA,GAAW,SAAS,MAAM;AAC9B,MAAA,OAAO;AAAA,QACL,MAAA,EAAQ,KAAA,CAAM,MAAA,GAAS,yDAAA,GAA4D,GAAA;AAAA,QACnF,MAAA,EAAQ,KAAA,CAAM,IAAA,KAAS,MAAA,GAAS,SAAS,KAAA,CAAM,MAAA;AAAA,QAC/C,YAAA,EAAc,KAAA,CAAM,KAAA,GAAQ,mBAAA,GAAsB,GAAA;AAAA,QAClD,iBAAiB,KAAA,CAAM,OAAA;AAAA,QACvB,GAAG,KAAA,CAAM;AAAA,OACX;AAAA,IACF,CAAC,CAAA;AAED,IAAA,MAAM,aAAA,GAAgB,IAAI,KAAK,CAAA;AAC/B,IAAA,MAAM,SAAA,GAAY,IAAI,IAAI,CAAA;AAC1B,IAAA,MAAM,MAAA,GAAS,IAAI,CAAC,CAAA;AACpB,IAAA,MAAM,cAAA,GAAiB,IAAI,yBAAyB,CAAA;AACpD,IAAA,MAAM,kBAAkB,GAAA,CAAI;AAAA,MAC1B,KAAA,EAAO,EAAA;AAAA,MACP,MAAA,EAAQ,EAAA;AAAA,MACR,QAAQ,KAAA,CAAM;AAAA,KACf,CAAA;AAED,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,MAAM;AACtC,MAAA,IAAI,CAAC,cAAc,KAAA,EAAO;AACxB,QAAA,YAAA,CAAa,KAAA,GAAQ,OAAA,CAAQ,KAAA,EAAO,qBAAA,EAAsB,EAAG,KAAA;AAAA,MAC/D;AAAA,IACF,CAAC,CAAA;AAGD,IAAA,MAAM,SAAS,YAAY;AACzB,MAAAC,GAAA,CAAW,MAAA,CAAO,UAAU,KAAA,EAAO;AAAA,QACjC,QAAA,EAAU,IAAA;AAAA,QACV,QAAA,EAAU,IAAA;AAAA,QACV,QAAA,EAAU,CAAC,YAAA,KAAiB;AAC1B,UAAA,aAAA,CAAc,KAAA,GAAQ,YAAA;AACtB,UAAA,OAAA,CAAQ,GAAA,CAAI,cAAc,cAAc,CAAA;AACxC,UAAA,IAAA,CAAK,eAAe,YAAY,CAAA;AAChC,UAAA,IAAI,YAAA,EAAc;AAChB,YAAA,MAAA,CAAO,KAAA,GAAQ,GAAA;AACf,YAAA,eAAA,CAAgB,KAAA,GAAQ;AAAA,cACtB,KAAA,EAAO,OAAA;AAAA,cACP,MAAA,EAAQ,GAAA;AAAA,cACR,MAAA,EAAQ;AAAA,aACV;AACA,YAAA,cAAA,CAAe,KAAA,GAAQ,2BAAA;AACvB,YAAA,UAAA,CAAW,KAAA,GAAQ,MAAA;AAAA,UACrB,CAAA,MAAO;AACL,YAAA,MAAA,CAAO,KAAA,GAAQ,CAAA;AACf,YAAA,eAAA,CAAgB,KAAA,GAAQ;AAAA,cACtB,KAAA,EAAO,EAAA;AAAA,cACP,MAAA,EAAQ,EAAA;AAAA,cACR,MAAA,EAAQ;AAAA,aACV;AACA,YAAA,cAAA,CAAe,KAAA,GAAQ,yBAAA;AACvB,YAAA,UAAA,CAAW,QAAQ,KAAA,CAAM,UAAA;AAAA,UAC3B;AAAA,QACF;AAAA,OACD,CAAA;AAAA,IACH,CAAA;;0BAlKEC,kBAAA;AAAA,QAoDM,KAAA;AAAA,QAAA;AAAA,UAnDJ,KAAA,kBAAM,SAAA,EAAS;AAAA,YACoB,iBAAA,EAAA,MAAM,MAAA,IAAM,OAAA;AAAA,YAAuC,kBAAA,EAAA,MAAM,MAAA,IAAM;AAAA;mBAI9F,WAAA;AAAA,UAAJ,GAAA,EAAI,SAAA;AAAA,UACH,KAAA,EAAKC,cAAA,CAAA,EAAA,GAAO,QAAA,CAAA,KAAA,EAAQ,MAAA,EAAU,MAAA,CAAA,KAAA,KAAW,eAAA,CAAA,KAAA,EAAe;AAAA;;UACzDC,mBAAA,UAAA,CAAA;AAAA,UAGQC,MAAA,IAAA,CAAA,EAAM,MAAA,IAAUA,KAAA,OAAI,iBAAA,CAAA,IAAuBA,KAAA,CAAA,IAAA,CAAA,wBAA4B,OAAA,CAAA,KAAA,iBAF/EH,kBAAA;AAAA,YAsBM,KAAA;AAAA,YAAA;AAAA;cArBJ,KAAA,EAAM,aAAA;AAAA,cAEL,KAAA,EAAKC,eAAA,EAAA,GAAO,aAAA,KAAA,EAAY,GAAK,OAAA,CAAA,WAAA,EAAW;AAAA;;cACzCG,kBAAA,CAOM,OAPN,UAAA,EAOM;AAAA,gBANJC,UAAA,CAA2B,IAAA,CAAA,MAAA,EAAA,QAAA,CAAA;AAAA,gBAC3BD,kBAAA,CAIM,OAAA,IAAA,EAAA;AAAA,kBAHJC,WAEO,IAAA,gCAFP,MAEO;AAAA,oBADLD,kBAAA;AAAA,sBAA0E,KAAA;AAAA,sBAAA;AAAA,wBAArE,KAAA,EAAM,YAAA;AAAA,wBAAc,kCAAmB,OAAA,CAAA,WAAS;AAAA;sCAAO,QAAA,KAAK,CAAA;AAAA,sBAAA;AAAA;AAAA;AAAA;;;cAIvEA,kBAAA,CASM,OATN,UAAA,EASM;AAAA,gBARJC,UAAA,CAAqC,IAAA,CAAA,MAAA,EAAA,kBAAA,CAAA;AAAA,gBAE1B,KAAA,CAAM,YAAA,iBAAjBL,mBAEM,KAAA,EAAA;AAAA;kBAF0B,OAAA,EAAK,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,KAAE,QAAA,CAAA,KAAA,GAAQ,CAAI,QAAA,CAAA,KAAA,CAAA;AAAA,kBAAU,KAAA,EAAA,EAAA,aAAA,EAAA,MAAA;AAAA;kBAC3DM,WAAA,CAA6FH,KAAA,CAAA,YAAA,CAAA,EAAA;AAAA,oBAA7E,KAAA,EAAA,EAAA;AAAA,oBAAO,IAAA,EAAM,QAAA,CAAA,KAAA,GAAQ,kBAAA,GAAA;AAAA;;gBAE5B,KAAA,CAAM,UAAA,iBAAjBH,mBAEM,KAAA,EAAA;AAAA;kBAFwB,OAAA,EAAO,MAAA;AAAA,kBAAQ,KAAA,EAAA,EAAA,aAAA,EAAA,MAAA;AAAA;kBAC3CM,WAAA,CAA8DH,KAAA,CAAA,YAAA,CAAA,EAAA;AAAA,oBAA9C,KAAA,EAAA,EAAA;AAAA,oBAAO,MAAM,cAAA,CAAA;AAAA;;;;;;;UAKnCD,mBAAA,QAAA,CAAA;AAAA,yBACAE,kBAAA;AAAA,YAYM,KAAA;AAAA,YAAA;AAAA,uBAZqB,SAAA;AAAA,cAAJ,GAAA,EAAI,OAAA;AAAA,cAAU,OAAyCH,cAAA,CAAA,CAAzC,EAAA,YAAA,EAAA,QAAA,SAAA,EAAA,QAAA,EAAA,EAAyC,EAAA,QAAmB,UAAA,CAAA,KAAA,KAAe,OAAA,CAAA,SAAA,EAAS,CAAA;AAAA;;6BACvHG,kBAAA;AAAA,gBAUM,KAAA;AAAA,gBAAA;AAAA,kBARJ,KAAA,EAAM,WAAA;AAAA,kBACL,OAAKH,cAAA,CAAA;AAAA,6BAAuB,aAAA,CAAA,QAAa,CAAA,KAAA,EAAW,KAAA,CAAM,UAAU,CAAA,QAAA,CAAA,GAAA,MAAA;AAAA,uBAAkC,OAAA,CAAA;AAAA;;;kBAIvGG,kBAAA,CAEM,OAFN,UAAA,EAEM;AAAA,oBADJC,UAAA,CAAa,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;wBAPP,IAAI;AAAA;;;;;oBAFH,QAAA,CAAA,KAAQ;AAAA;UAcrBH,mBAAA,UAAA,CAAA;AAAA,UACWC,MAAA,IAAA,CAAA,EAAM,UAAU,QAAA,CAAA,KAAA,iBAA3BH,kBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA;cAFgC,KAAA,iBAAO,YAAA,CAAA,KAAY,CAAA;AAAA,cAAE,KAAA,EAAM;AAAA;;cAC/DK,UAAA,CAA2B,IAAA,CAAA,MAAA,EAAA,QAAA;AAAA;;;;;;;;;;;;;;"}

package/es/card/src/instance.d.ts

@@ -0,0 +1,2 @@
+import type Card from './card.vue';
+export type CardInstance = InstanceType<typeof Card> & unknown;

package/es/card/style/index.css

@@ -0,0 +1 @@
+.me-card{--card-spacer-y:10px;--card-spacer-x:1.25rem;--card-color:inherit;--font-weight:700;--text-opacity:1;--card-bg:#f6f8fb;--card-border-color:rgba(4, 32, 69, 0.1);--card-border-width:1px;--card-border-radius:calc(4px - (1px));position:relative;display:flex;box-sizing:border-box;flex-direction:column;min-width:0;color:#182433;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:var(--card-border-width) solid var(--card-border-color);border-radius:4px;transition:var(--el-transition-duration)}.is-always-shadow{box-shadow:var(--el-box-shadow-light)}.is-hover-shadow:hover{box-shadow:var(--el-box-shadow-light)}.card-header{color:inherit;display:flex;align-items:center;background:0 0;font-size:16px;font-weight:var(--font-weight);border-bottom:var(--card-border-width) solid var(--card-border-color);padding:var(--card-spacer-y) var(--card-spacer-x) var(--card-spacer-y) var(--card-spacer-x)}.card-header:first-child{border-radius:var(--card-border-radius) var(--card-border-radius) 0 0}.card-body{box-sizing:border-box;position:relative;flex:1 1 auto;padding:0 var(--card-spacer-x);color:var(--card-color)}.card-body .card-title{display:block;margin:0 0 1rem;font-size:1rem;font-weight:var(--font-weight);color:inherit;line-height:1.5rem}.card-body .card-text{color:rgba(108,122,145,var(--text-opacity))!important}.card-footer{padding:var(--card-spacer-y) var(--card-spacer-x);color:var(--card-color);background-color:var(--card-bg);border-top:var(--card-border-width) solid var(--card-border-color);margin-top:auto}.card-footer:last-child{border-radius:0 0 var(--card-border-radius) var(--card-border-radius)}

package/es/card/style/index.d.ts

@@ -0,0 +1 @@
+import './index.css';

package/es/card/style/index.mjs

@@ -0,0 +1,4 @@
+import './index.css';
+
+"use strict";
+//# sourceMappingURL=index.mjs.map

package/es/card/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/card/style/index.scss

@@ -0,0 +1,73 @@
+.me-card {
+  --card-spacer-y: 10px;
+  --card-spacer-x: 1.25rem;
+  --card-color: inherit;
+  --font-weight: 700;
+  --text-opacity: 1;
+  --card-bg: #f6f8fb;
+  --card-border-color: rgba(4, 32, 69, 0.1);
+  --card-border-width: 1px;
+  --card-border-radius: calc(4px - (1px));
+  position: relative;
+  display: flex;
+  box-sizing: border-box;
+  flex-direction: column;
+  min-width: 0;
+  color: #182433;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: border-box;
+  border: var(--card-border-width) solid var(--card-border-color);
+  border-radius: 4px;
+  transition: var(--el-transition-duration);
+}
+.is-always-shadow {
+  box-shadow: var(--el-box-shadow-light);
+}
+.is-hover-shadow {
+  &:hover {
+    box-shadow: var(--el-box-shadow-light);
+  }
+}
+
+.card-header {
+  color: inherit;
+  display: flex;
+  align-items: center;
+  background: 0 0;
+  font-size: 16px;
+  font-weight: var(--font-weight);
+  border-bottom: var(--card-border-width) solid var(--card-border-color);
+  padding: var(--card-spacer-y) var(--card-spacer-x) var(--card-spacer-y) var(--card-spacer-x);
+  &:first-child {
+    border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
+  }
+}
+.card-body {
+  box-sizing: border-box;
+  position: relative;
+  flex: 1 1 auto;
+  padding: 0 var(--card-spacer-x);
+  color: var(--card-color);
+  .card-title {
+    display: block;
+    margin: 0 0 1rem;
+    font-size: 1rem;
+    font-weight: var(--font-weight);
+    color: inherit;
+    line-height: 1.5rem;
+  }
+  .card-text {
+    color: rgba(108, 122, 145, var(--text-opacity)) !important;
+  }
+}
+.card-footer {
+  padding: var(--card-spacer-y) var(--card-spacer-x);
+  color: var(--card-color);
+  background-color: var(--card-bg);
+  border-top: var(--card-border-width) solid var(--card-border-color);
+  margin-top: auto;
+  &:last-child {
+    border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
+  }
+}

package/es/card/style/scss.d.ts

@@ -0,0 +1 @@
+import "./index.scss";

package/es/card/style/scss.mjs

@@ -0,0 +1,4 @@
+import './index.scss';
+
+"use strict";
+//# sourceMappingURL=scss.mjs.map

package/es/card/style/scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/column-menu/style/index.css

@@ -0,0 +1 @@
+.me-column-menu{background-color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100%}.me-column-menu .menuTitle{overflow:hidden;text-overflow:ellipsis;flex:1}.me-column-menu .menuIcon{width:16px;margin:2px 3px 0 -4px;display:flex;align-items:center}.me-column-menu .me-badge-dot{margin-top:7px;margin-left:8px}.me-column-menu .menuDot{margin:6px 3px 0 20px}.me-column-menu .menuBadge{position:absolute;right:16px;padding-right:4px;padding-left:4px;line-height:16px;border:0;border-radius:4px;text-align:center;font-size:12px;background:var(--el-color-danger);color:#fff;width:auto;height:20px;line-height:20px;margin-top:-2px}.me-column-menu .el-menu{border-right:none}.me-column-menu .el-menu-item{border-radius:5px;min-width:100%;height:50px;margin-top:6px}.me-column-menu .el-sub-menu__title{border-radius:5px;min-width:100%;height:50px}.me-column-menu .el-menu-item.is-active{background-color:var(--el-color-primary-light-9);font-weight:700}.me-column-menu .el-menu-item:hover{background-color:var(--el-menu-hover-bg-color);color:var(--el-menu-active-color)}.me-column-menu .el-sub-menu__title:hover{background-color:var(--el-menu-hover-bg-color);color:var(--el-menu-active-color)}.me-column-menu .group{height:100%;position:relative;background-color:#fff;border-bottom:1px solid #ddd;padding-bottom:10px}.me-column-menu .group .group-content{overflow:hidden;transition:height .3s ease-in-out}.me-column-menu .group .title{display:flex;align-items:center;font-weight:700;line-height:40px;cursor:pointer}.me-column-menu .group+.group{margin-top:10px;border-top:none}.me-column-menu .group:first-child{border-top:none}.me-column-menu .group .el-menu-item{color:#86909c}.me-column-menu .group .el-menu-item.is-active{color:#358ae1}

package/es/column-menu/style/index.d.ts

@@ -0,0 +1,4 @@
+import './index.css';
+import "element-plus/es/components/menu/style/index";
+import "element-plus/es/components/menu-item/style/index";
+import "element-plus/es/components/sub-menu/style/index";

package/es/column-menu/style/index.mjs

@@ -0,0 +1,7 @@
+import './index.css';
+import 'element-plus/es/components/menu/style/index';
+import 'element-plus/es/components/menu-item/style/index';
+import 'element-plus/es/components/sub-menu/style/index';
+
+"use strict";
+//# sourceMappingURL=index.mjs.map

package/es/column-menu/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/column-menu/style/index.scss

@@ -0,0 +1,111 @@
+.me-column-menu {
+  background-color: white;
+  user-select: none;
+  height: 100%;
+  .menuTitle {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    flex: 1;
+  }
+
+  .menuIcon {
+    width: 16px;
+    margin: 2px 3px 0px -4px;
+    display: flex;
+    align-items: center;
+  }
+
+  .me-badge-dot {
+    margin-top: 7px;
+    margin-left: 8px;
+  }
+
+  .menuDot {
+    margin: 6px 3px 0px 20px;
+  }
+
+  .menuBadge {
+    position: absolute;
+    right: 16px;
+    padding-right: 4px;
+    padding-left: 4px;
+    line-height: 16px;
+    border: 0;
+    border-radius: 4px;
+    text-align: center;
+    font-size: 12px;
+    background: var(--el-color-danger);
+    color: #fff;
+    width: auto;
+    height: 20px;
+    line-height: 20px;
+    margin-top: -2px;
+  }
+
+  .el-menu {
+    border-right: none;
+  }
+
+  .el-menu-item {
+    border-radius: 5px;
+    min-width: 100%;
+    height: 50px;
+    margin-top: 6px;
+  }
+
+  .el-sub-menu__title {
+    border-radius: 5px;
+    min-width: 100%;
+    height: 50px;
+  }
+
+  .el-menu-item.is-active {
+    background-color: var(--el-color-primary-light-9);
+    font-weight: 700;
+  }
+
+  .el-menu-item:hover {
+    background-color: var(--el-menu-hover-bg-color);
+    color: var(--el-menu-active-color);
+  }
+
+  .el-sub-menu__title:hover {
+    background-color: var(--el-menu-hover-bg-color);
+    color: var(--el-menu-active-color);
+  }
+
+  .group {
+    height: 100%;
+    position: relative;
+    background-color: #fff;
+    border-bottom: 1px solid #dddddd;
+    padding-bottom: 10px;
+    .group-content {
+      overflow: hidden;
+      transition: height 0.3s ease-in-out;
+    }
+    .title {
+      display: flex;
+      align-items: center;
+      font-weight: bold;
+      line-height: 40px;
+      cursor: pointer;
+    }
+
+    + .group {
+      margin-top: 10px;
+      border-top: none;
+    }
+
+    &:first-child {
+      border-top: none;
+    }
+
+    .el-menu-item {
+      color: #86909c;
+    }
+    .el-menu-item.is-active {
+      color: #358ae1;
+    }
+  }
+}

package/es/column-menu/style/scss.d.ts

@@ -0,0 +1,4 @@
+import './index.scss';
+import "element-plus/es/components/menu/style/index";
+import "element-plus/es/components/menu-item/style/index";
+import "element-plus/es/components/sub-menu/style/index";

package/es/column-menu/style/scss.mjs

@@ -0,0 +1,7 @@
+import './index.scss';
+import 'element-plus/es/components/menu/style/index';
+import 'element-plus/es/components/menu-item/style/index';
+import 'element-plus/es/components/sub-menu/style/index';
+
+"use strict";
+//# sourceMappingURL=scss.mjs.map

package/es/column-menu/style/scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/common.scss

@@ -0,0 +1,12 @@
+.flex-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.flex-between {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}

package/es/confirm-button/index.d.ts

@@ -0,0 +1,38 @@
+export declare const MeConfirmButton: import("../utils/install").WithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import(".").ConfirmButtonProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        mode: "normal" | "dialog";
+        type: import("element-plus").ButtonType;
+        tip: string;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import(".").ConfirmButtonProps> & Readonly<{}>, {}, {}, {}, {}, {
+        mode: "normal" | "dialog";
+        type: import("element-plus").ButtonType;
+        tip: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import(".").ConfirmButtonProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    mode: "normal" | "dialog";
+    type: import("element-plus").ButtonType;
+    tip: string;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        cancel?: (props: {}) => any;
+    } & {
+        confirm?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    };
+})>;
+export default MeConfirmButton;
+export * from "./src/confirm-button";
+export type { ConfirmButtonInstance } from './src/instance';

package/es/confirm-button/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from '../utils/install.mjs';
+import './src/confirm-button.vue.mjs';
+import './src/confirm-button.mjs';
+import script from './src/confirm-button.vue2.mjs';
+
+"use strict";
+const MeConfirmButton = withInstall(script);
+
+export { MeConfirmButton, MeConfirmButton as default };
+//# sourceMappingURL=index.mjs.map

package/es/confirm-button/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/confirm-button/index.ts"],"sourcesContent":["import { withInstall } from \"../utils/install\";\nimport _ConfirmButton from \"./src/confirm-button.vue\";\n\nexport const MeConfirmButton = withInstall(_ConfirmButton);\nexport default MeConfirmButton;\n\nexport * from \"./src/confirm-button\";\nexport type { ConfirmButtonInstance } from './src/instance'\n"],"names":["_ConfirmButton"],"mappings":";;;;;;AAGO,MAAM,eAAA,GAAkB,YAAYA,MAAc;;;;"}

package/es/confirm-button/src/confirm-button.d.ts

@@ -0,0 +1,23 @@
+import type { ButtonType } from 'element-plus';
+export interface ConfirmButtonProps {
+    /**
+     * 确认弹窗数据
+     */
+    data?: object;
+    /**
+     * 确认回调函数
+     */
+    confirmHandle: (() => Promise<any>) | (() => any) | (() => void);
+    /**
+     * 确认提示
+     */
+    tip?: string;
+    /**
+     * 确认按钮类型
+     */
+    mode?: 'normal' | 'dialog';
+    /**
+     * 确认按钮类型
+     */
+    type?: ButtonType;
+}

package/es/confirm-button/src/confirm-button.mjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=confirm-button.mjs.map

package/es/confirm-button/src/confirm-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-button.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/confirm-button/src/confirm-button.vue.d.ts

@@ -0,0 +1,24 @@
+import type { ConfirmButtonProps } from "./confirm-button";
+declare var __VLS_9: {}, __VLS_19: {}, __VLS_37: {}, __VLS_48: {};
+type __VLS_Slots = {} & {
+    cancel?: (props: typeof __VLS_9) => any;
+} & {
+    confirm?: (props: typeof __VLS_19) => any;
+} & {
+    default?: (props: typeof __VLS_37) => any;
+} & {
+    default?: (props: typeof __VLS_48) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ConfirmButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ConfirmButtonProps> & Readonly<{}>, {
+    mode: "normal" | "dialog";
+    type: import("element-plus").ButtonType;
+    tip: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/confirm-button/src/confirm-button.vue.mjs

@@ -0,0 +1,6 @@
+import script from './confirm-button.vue2.mjs';
+
+script.__file = "src/confirm-button/src/confirm-button.vue";
+
+export { script as default };
+//# sourceMappingURL=confirm-button.vue.mjs.map

package/es/confirm-button/src/confirm-button.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-button.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}