@me-framework/me-ui 1.0.44

package/lib/card/src/card.d.ts

@@ -0,0 +1,84 @@
+export interface CardProps {
+    /**
+     * card 标题
+     */
+    title?: string;
+    /**
+     * 是否显示 header 横线
+     */
+    headerBorder?: boolean;
+    /**
+     * 是否显示 footer 横线
+     */
+    footerBorder?: boolean;
+    /**
+     * 是否显示 card 边框
+     */
+    border?: boolean;
+    /**
+     * title 字体大小
+     */
+    titleSize?: string;
+    /**
+     * card 的背景颜色
+     */
+    bgColor?: string;
+    /**
+     * card 宽度
+     */
+    width?: string;
+    /**
+     * card  高度
+     */
+    height?: string;
+    /**
+     * card body 高度
+     */
+    bodyHeight?: string;
+    /**
+     * card body 自定义样式
+     */
+    bodyStyle?: any;
+    /**
+     * 显示模式
+     */
+    mode?: "full" | "normal";
+    /**
+     * 是否圆角
+     */
+    round?: boolean;
+    /**
+     * 自定义样式
+     */
+    customStyle?: any;
+    /**
+     * 是否显示全屏按钮
+     */
+    fullscreen?: boolean;
+    /**
+     * 是否显示折叠按钮
+     */
+    showCollapse?: boolean;
+    /**
+     * 设置 card 阴影出现的时机
+     */
+    shadow?: "hover" | "always" | "never";
+    /**
+     * card header 自定义样式
+     */
+    headerStyle?: object;
+    /**
+     * 是否展开
+     */
+    expand?: boolean;
+}
+export interface CardEmits {
+    /**
+     * 关闭事件
+     */
+    (e: "closeEvent", value: number): void;
+    /**
+     * 全屏改变事件
+     */
+    (e: "changeEvent", value: any): void;
+}

package/lib/card/src/card.js

@@ -0,0 +1,4 @@
+'use strict';
+
+"use strict";
+//# sourceMappingURL=card.js.map

package/lib/card/src/card.js.map

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

package/lib/card/src/card.vue.d.ts

@@ -0,0 +1,39 @@
+import type { CardProps } from "./card";
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_17: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    'header-left-btn'?: (props: typeof __VLS_3) => any;
+} & {
+    'header-right-btn'?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_17) => any;
+} & {
+    footer?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    closeEvent: (value: number) => any;
+    changeEvent: (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{
+    onCloseEvent?: ((value: number) => any) | undefined;
+    onChangeEvent?: ((value: any) => any) | undefined;
+}>, {
+    mode: "full" | "normal";
+    round: boolean;
+    border: boolean;
+    expand: boolean;
+    fullscreen: boolean;
+    headerBorder: boolean;
+    footerBorder: boolean;
+    titleSize: string;
+    showCollapse: boolean;
+    shadow: "hover" | "always" | "never";
+}, {}, {}, {}, 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/lib/card/src/card.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var card_vue_vue_type_script_setup_true_lang = require('./card.vue2.js');
+
+card_vue_vue_type_script_setup_true_lang.default.__file = "src/card/src/card.vue";
+
+exports.default = card_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=card.vue.js.map

package/lib/card/src/card.vue.js.map

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

package/lib/card/src/card.vue2.js

@@ -0,0 +1,245 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vueFullscreen = require('vue-fullscreen');
+var index = require('../../icon-button/index.js');
+
+"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__ = vue.defineComponent({
+  name: "me-card"
+});
+var script = /* @__PURE__ */ vue.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 = vue.ref();
+    const bodyMinWidth = vue.ref(0);
+    vue.onMounted(() => {
+      bodyMinWidth.value = bodyRef.value?.getBoundingClientRect()?.width;
+    });
+    const emit = __emit;
+    const slot = vue.useSlots();
+    const bodyHeight = vue.ref(props.bodyHeight);
+    const showBody = vue.ref(props.expand);
+    vue.watch(
+      () => props.expand,
+      (newValue) => {
+        showBody.value = newValue;
+      }
+    );
+    const headerBorder = vue.computed(() => {
+      return {
+        "border-bottom": props.headerBorder ? "var(--card-border-width) solid var(--card-border-color)" : "0"
+      };
+    });
+    const footerBorder = vue.computed(() => {
+      return {
+        "border-top": props.footerBorder ? "var(--card-border-width) solid var(--card-border-color)" : "0"
+      };
+    });
+    const getStyle = vue.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 = vue.ref(false);
+    const meCardRef = vue.ref(null);
+    const zIndex = vue.ref(0);
+    const fullScreenIcon = vue.ref("ri-expand-diagonal-line");
+    const fullScreenStyle = vue.ref({
+      width: "",
+      margin: "",
+      height: props.height
+    });
+    window.addEventListener("resize", () => {
+      if (!fullscreenVal.value) {
+        bodyMinWidth.value = bodyRef.value?.getBoundingClientRect()?.width;
+      }
+    });
+    const toggle = async () => {
+      vueFullscreen.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 vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(["me-card", {
+            "is-hover-shadow": props.shadow == "hover",
+            "is-always-shadow": props.shadow == "always"
+          }]),
+          ref_key: "meCardRef",
+          ref: meCardRef,
+          style: vue.normalizeStyle({ ...getStyle.value, zIndex: zIndex.value, ...fullScreenStyle.value })
+        },
+        [
+          vue.createCommentVNode(" header "),
+          vue.unref(slot)?.header || vue.unref(slot)["header-left-btn"] || vue.unref(slot)["header-right-btn"] || __props.title ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: "card-header",
+              style: vue.normalizeStyle({ ...headerBorder.value, ...__props.headerStyle })
+            },
+            [
+              vue.createElementVNode("div", _hoisted_1, [
+                vue.renderSlot(_ctx.$slots, "header"),
+                vue.createElementVNode("div", null, [
+                  vue.renderSlot(_ctx.$slots, "header-left-btn", {}, () => [
+                    vue.createElementVNode(
+                      "div",
+                      {
+                        class: "card-title",
+                        style: vue.normalizeStyle({ fontSize: __props.titleSize })
+                      },
+                      vue.toDisplayString(__props.title),
+                      5
+                      /* TEXT, STYLE */
+                    )
+                  ])
+                ])
+              ]),
+              vue.createElementVNode("div", _hoisted_2, [
+                vue.renderSlot(_ctx.$slots, "header-right-btn"),
+                props.showCollapse ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 0,
+                  onClick: _cache[0] || (_cache[0] = ($event) => showBody.value = !showBody.value),
+                  style: { "margin-left": "10px" }
+                }, [
+                  vue.createVNode(vue.unref(index.MeIconButton), {
+                    hover: "",
+                    icon: showBody.value ? "ri-subtract-line" : "ri-add-line"
+                  }, null, 8, ["icon"])
+                ])) : vue.createCommentVNode("v-if", true),
+                props.fullscreen ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 1,
+                  onClick: toggle,
+                  style: { "margin-left": "10px" }
+                }, [
+                  vue.createVNode(vue.unref(index.MeIconButton), {
+                    hover: "",
+                    icon: fullScreenIcon.value
+                  }, null, 8, ["icon"])
+                ])) : vue.createCommentVNode("v-if", true)
+              ])
+            ],
+            4
+            /* STYLE */
+          )) : vue.createCommentVNode("v-if", true),
+          vue.createCommentVNode(" body "),
+          vue.withDirectives(vue.createElementVNode(
+            "div",
+            {
+              ref_key: "bodyRef",
+              ref: bodyRef,
+              style: vue.normalizeStyle([{ "overflow-y": "auto", "padding": "10px 0" }, { height: bodyHeight.value, ...__props.bodyStyle }])
+            },
+            [
+              vue.withDirectives(vue.createElementVNode(
+                "div",
+                {
+                  class: "card-body",
+                  style: vue.normalizeStyle({
+                    height: !fullscreenVal.value ? `calc(${props.bodyHeight} - 20px)` : "100%",
+                    ...__props.bodyStyle
+                  })
+                },
+                [
+                  vue.createElementVNode("div", _hoisted_3, [
+                    vue.renderSlot(_ctx.$slots, "default")
+                  ])
+                ],
+                4
+                /* STYLE */
+              ), [
+                [vue.vShow, true]
+              ])
+            ],
+            4
+            /* STYLE */
+          ), [
+            [vue.vShow, showBody.value]
+          ]),
+          vue.createCommentVNode(" footer "),
+          vue.unref(slot)?.footer && showBody.value ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 1,
+              style: vue.normalizeStyle(footerBorder.value),
+              class: "card-footer"
+            },
+            [
+              vue.renderSlot(_ctx.$slots, "footer")
+            ],
+            4
+            /* STYLE */
+          )) : vue.createCommentVNode("v-if", true)
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+exports.default = script;
+//# sourceMappingURL=card.vue2.js.map

package/lib/card/src/card.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.vue2.js","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","ref","onMounted","useSlots","watch","computed","fullscreen","_createElementBlock","_normalizeStyle","_createCommentVNode","_unref","_createElementVNode","_renderSlot","_createVNode","MeIconButton"],"mappings":"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"}

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

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

package/lib/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/lib/card/style/index.d.ts

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

package/lib/card/style/index.js

@@ -0,0 +1,6 @@
+'use strict';
+
+require('./index.css');
+
+"use strict";
+//# sourceMappingURL=index.js.map

package/lib/card/style/index.js.map

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

package/lib/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/lib/card/style/scss.d.ts

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

package/lib/card/style/scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+require('./index.scss');
+
+"use strict";
+//# sourceMappingURL=scss.js.map

package/lib/card/style/scss.js.map

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

package/lib/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/lib/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/lib/column-menu/style/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+require('./index.css');
+require('element-plus/lib/components/menu/style/index');
+require('element-plus/lib/components/menu-item/style/index');
+require('element-plus/lib/components/sub-menu/style/index');
+
+"use strict";
+//# sourceMappingURL=index.js.map

package/lib/column-menu/style/index.js.map

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

package/lib/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/lib/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";