@me-framework/me-ui 1.0.44 → 1.0.46

package/lib/body/style/index.scss

@@ -1,36 +1,36 @@
-.me-body {
-  height: 100%;
-  .full {
-    width: 100%;
-    height: 100%;
-    background: #ffffff;
-  }
-  .me-body__loader {
-    height: 4px;
-    width: 130px;
-    --c: no-repeat linear-gradient(#6100ee 0 0);
-    background: var(--c), var(--c), #d7b8fc;
-    background-size: 60% 100%;
-    animation: l16 3s infinite;
-  }
-
-  @keyframes l16 {
-    0% {
-      background-position:
-        -150% 0,
-        -150% 0;
-    }
-
-    66% {
-      background-position:
-        250% 0,
-        -150% 0;
-    }
-
-    100% {
-      background-position:
-        250% 0,
-        250% 0;
-    }
-  }
-}
+.me-body {
+  height: 100%;
+  .full {
+    width: 100%;
+    height: 100%;
+    background: #ffffff;
+  }
+  .me-body__loader {
+    height: 4px;
+    width: 130px;
+    --c: no-repeat linear-gradient(#6100ee 0 0);
+    background: var(--c), var(--c), #d7b8fc;
+    background-size: 60% 100%;
+    animation: l16 3s infinite;
+  }
+
+  @keyframes l16 {
+    0% {
+      background-position:
+        -150% 0,
+        -150% 0;
+    }
+
+    66% {
+      background-position:
+        250% 0,
+        -150% 0;
+    }
+
+    100% {
+      background-position:
+        250% 0,
+        250% 0;
+    }
+  }
+}

package/lib/breadcrumb/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/breadcrumb/index.ts"],"sourcesContent":["import { withInstall } from \"../utils/install\";\nimport Breadcrumb from \"./src/breadcrumb.vue\";\n\nexport const MeBreadcrumb = withInstall(Breadcrumb);\nexport default MeBreadcrumb;\n\nexport * from \"./src/breadcrumb\";\nexport type { BreadcrumbInstance } from './src/instance'\n"],"names":["withInstall","Breadcrumb"],"mappings":";;;;;;;;;;AAGO,MAAM,YAAA,GAAeA,oBAAYC,sDAAU;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/breadcrumb/index.ts"],"sourcesContent":["import { withInstall } from \"../utils/install\";\r\nimport Breadcrumb from \"./src/breadcrumb.vue\";\r\n\r\nexport const MeBreadcrumb = withInstall(Breadcrumb);\r\nexport default MeBreadcrumb;\r\n\r\nexport * from \"./src/breadcrumb\";\r\nexport type { BreadcrumbInstance } from './src/instance'\r\n"],"names":["withInstall","Breadcrumb"],"mappings":";;;;;;;;;;AAGO,MAAM,YAAA,GAAeA,oBAAYC,sDAAU;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.vue2.js","sources":["../../../src/breadcrumb/src/breadcrumb.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: \"me-breadcrumb\",\n});\n</script>\n<template>\n  <el-breadcrumb v-bind=\"$attrs\" style=\"margin-bottom: 0px; display: flex; align-items: center\">\n    <el-breadcrumb-item v-for=\"item in data\" :key=\"item.label\" :to=\"item.to\">\n      <template v-if=\"item.type == 'select'\">\n        <el-select\n          v-model=\"item.value\"\n          style=\"width: 240px; margin-bottom: 0px\"\n          @change=\"item.change\"\n          :options=\"item.options\"\n          :props=\"item.props\">\n        </el-select>\n      </template>\n      <template v-else-if=\"item.type == 'menu'\">\n        <el-dropdown trigger=\"click\">\n          <div style=\"cursor: pointer; margin-bottom: 2px; display: flex\">\n            {{ item.name }}\n            <me-svg-icon name=\"ri-arrow-down-s-fill\"></me-svg-icon>\n          </div>\n          <template #dropdown>\n            <el-dropdown-menu>\n              <el-dropdown-item v-for=\"menuItem in item.options\" @click=\"menuItem.click\">\n                {{ menuItem.label }}\n              </el-dropdown-item>\n            </el-dropdown-menu>\n          </template>\n        </el-dropdown>\n      </template>\n      <template v-else>\n        <span>{{ item.label }}</span>\n      </template>\n    </el-breadcrumb-item>\n  </el-breadcrumb>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { BreadcrumbProps } from \"./breadcrumb\"\nimport { ElDropdown, ElDropdownMenu, ElDropdownItem, ElBreadcrumb, ElBreadcrumbItem, ElSelect } from \"element-plus\"\nimport { MeSvgIcon } from \"../../svg-icon\"\n\n\n\nconst props = withDefaults(defineProps<BreadcrumbProps>(), {})\nconst data = defineModel<any[]>()\n</script>\n"],"names":["__MACROS_defineComponent","_useModel","_openBlock","_createBlock","_unref","_mergeProps","_createElementBlock","_Fragment","_renderList","ElBreadcrumbItem","ElSelect","ElDropdown","_createVNode","ElDropdownMenu","ElDropdownItem","_createTextVNode","_toDisplayString","_createElementVNode","MeSvgIcon"],"mappings":";;;;;;;;;;;AAEA,MAAA,cAA6BA,mBAAA,CAAyB;AAAA,EACpD,IAAA,EAAM;AACR,CAAC,CAAA;;;;;;;;;AA2CD,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,IAAA,GAAOC,YAAA,CAAkB,OAAA,EAAA,YAAC,CAAA;;AAzC9B,MAAA,OAAAC,eAAA,EAAAC,eAAA;AAAA,QA8BgBC;QA9BhBC,cAAA,CA8BgB,IAAA,SA9Ba,EAAE,KAAA,EAAA,EAAA,eAAA,EAAA,KAAA,EAAA,SAAA,EAAA,MAAA,EAAA,aAAA,EAAA,QAAA,IAA8D,CAAA;AAAA,QAAA;AAAA,+BACvE,MAAoB;AAAA,kCAAxCC,sBAAA;AAAA,cA4BqBC,YAAA;AAAA,cAAA,IAAA;AAAA,cAAAC,cAAA,CA5Bc,IAAA,CAAA,KAAA,EAAI,CAAZ,IAAA,KAAI;wCAA/BL,eAAA,CA4BqBC,SAAA,CAAAK,4BAAA,CAAA,EAAA;AAAA,kBA5BqB,KAAK,IAAA,CAAK,KAAA;AAAA,kBAAQ,IAAI,IAAA,CAAK;AAAA;uCACnE,MAQW;AAAA,oBARK,IAAA,CAAK,QAAI,QAAA,qBACvBN,eAAA,CAMYC,SAAA,CAAAM,oBAAA,CAAA,EAAA;AAAA;sBALD,YAAA,IAAA,CAAK,KAAA;AAAA,sBAAL,qBAAA,EAAA,CAAA,MAAA,KAAA,IAAA,CAAK,KAAA,GAAK,MAAA;AAAA,sBACnB,KAAA,EAAA,EAAA,OAAA,EAAA,OAAA,EAAA,iBAAA,KAAA,EAAA;AAAA,sBACC,UAAQ,IAAA,CAAK,MAAA;AAAA,sBACb,SAAS,IAAA,CAAK,OAAA;AAAA,sBACd,OAAO,IAAA,CAAK;AAAA,0GAGI,IAAA,CAAK,IAAA,IAAI,MAAA,qBAC5BP,eAAA;AAAA,sBAYcC,UAAAO,sBAAA,CAAA;AAAA,sBAAA;AAAA;wBAZD,OAAA,EAAQ;AAAA;;wBAKR,QAAA,cACT,MAImB;AAAA,0BAJnBC,eAAA;AAAA,4BAImBR,UAAAS,0BAAA,CAAA;AAAA,4BAAA,IAAA;AAAA,4BAAA;AAAA,mDAHC,MAAgC;AAAA,iCAAlDX,aAAA,CAAA,IAAA,CAAA,EAAAI,sBAAA;AAAA,kCAEmBC,YAAA;AAAA,kCAAA,IAAA;AAAA,kCAAAC,cAAA,CAFkB,IAAA,CAAK,OAAA,GAAjB,QAAA,KAAQ;4DAAjCL,eAAA,CAEmBC,SAAA,CAAAU,0BAAA,CAAA,EAAA;AAAA,sCAFiC,SAAO,QAAA,CAAS;AAAA;2DAClE,MAAoB;AAAA,wCAAjBC,mBAAA;AAAA,0CAAAC,mBAAA,CAAA,SAAS,KAAK,CAAA;AAAA,0CAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;6CAPvB,MAGM;AAAA,0BAHNC,sBAAA,CAGM,OAHN,UAAA,EAGM;AAAA;kDAFD,IAAA,CAAK,IAAI,CAAA,GAAG,GAAA;AAAA,8BACf;AAAA;AAAA,6BAAA;AAAA,4BAAAL,gBAAuDR,SAAA,CAAAc,eAAA,GAAA,EAA1C,IAAA,EAAK,wBAAsB;AAAA;;;;;;;2CAY5CZ,sBAAA;AAAA,sBAA6B,MAAA;AAAA,sBAAA,UAAA;AAAA,sBAAAU,mBAAA,CAApB,KAAK,KAAK,CAAA;AAAA,sBAAA;AAAA;AAAA,qBAAA;AAAA;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"breadcrumb.vue2.js","sources":["../../../src/breadcrumb/src/breadcrumb.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\r\n  name: \"me-breadcrumb\",\r\n});\n</script>\n<template>\r\n  <el-breadcrumb v-bind=\"$attrs\" style=\"margin-bottom: 0px; display: flex; align-items: center\">\r\n    <el-breadcrumb-item v-for=\"item in data\" :key=\"item.label\" :to=\"item.to\">\r\n      <template v-if=\"item.type == 'select'\">\r\n        <el-select\r\n          v-model=\"item.value\"\r\n          style=\"width: 240px; margin-bottom: 0px\"\r\n          @change=\"item.change\"\r\n          :options=\"item.options\"\r\n          :props=\"item.props\">\r\n        </el-select>\r\n      </template>\r\n      <template v-else-if=\"item.type == 'menu'\">\r\n        <el-dropdown trigger=\"click\">\r\n          <div style=\"cursor: pointer; margin-bottom: 2px; display: flex\">\r\n            {{ item.name }}\r\n            <me-svg-icon name=\"ri-arrow-down-s-fill\"></me-svg-icon>\r\n          </div>\r\n          <template #dropdown>\r\n            <el-dropdown-menu>\r\n              <el-dropdown-item v-for=\"menuItem in item.options\" @click=\"menuItem.click\">\r\n                {{ menuItem.label }}\r\n              </el-dropdown-item>\r\n            </el-dropdown-menu>\r\n          </template>\r\n        </el-dropdown>\r\n      </template>\r\n      <template v-else>\r\n        <span>{{ item.label }}</span>\r\n      </template>\r\n    </el-breadcrumb-item>\r\n  </el-breadcrumb>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport type { BreadcrumbProps } from \"./breadcrumb\"\r\nimport { ElDropdown, ElDropdownMenu, ElDropdownItem, ElBreadcrumb, ElBreadcrumbItem, ElSelect } from \"element-plus\"\r\nimport { MeSvgIcon } from \"../../svg-icon\"\r\n\r\n\r\n\r\nconst props = withDefaults(defineProps<BreadcrumbProps>(), {})\r\nconst data = defineModel<any[]>()\r\n</script>\r\n"],"names":["__MACROS_defineComponent","_useModel","_openBlock","_createBlock","_unref","_mergeProps","_createElementBlock","_Fragment","_renderList","ElBreadcrumbItem","ElSelect","ElDropdown","_createVNode","ElDropdownMenu","ElDropdownItem","_createTextVNode","_toDisplayString","_createElementVNode","MeSvgIcon"],"mappings":";;;;;;;;;;;AAEA,MAAA,cAA6BA,mBAAA,CAAyB;AAAA,EACpD,IAAA,EAAM;AACR,CAAC,CAAA;;;;;;;;;AA2CD,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,IAAA,GAAOC,YAAA,CAAkB,OAAA,EAAA,YAAC,CAAA;;AAzC9B,MAAA,OAAAC,eAAA,EAAAC,eAAA;AAAA,QA8BgBC;QA9BhBC,cAAA,CA8BgB,IAAA,SA9Ba,EAAE,KAAA,EAAA,EAAA,eAAA,EAAA,KAAA,EAAA,SAAA,EAAA,MAAA,EAAA,aAAA,EAAA,QAAA,IAA8D,CAAA;AAAA,QAAA;AAAA,+BACvE,MAAoB;AAAA,kCAAxCC,sBAAA;AAAA,cA4BqBC,YAAA;AAAA,cAAA,IAAA;AAAA,cAAAC,cAAA,CA5Bc,IAAA,CAAA,KAAA,EAAI,CAAZ,IAAA,KAAI;wCAA/BL,eAAA,CA4BqBC,SAAA,CAAAK,4BAAA,CAAA,EAAA;AAAA,kBA5BqB,KAAK,IAAA,CAAK,KAAA;AAAA,kBAAQ,IAAI,IAAA,CAAK;AAAA;uCACnE,MAQW;AAAA,oBARK,IAAA,CAAK,QAAI,QAAA,qBACvBN,eAAA,CAMYC,SAAA,CAAAM,oBAAA,CAAA,EAAA;AAAA;sBALD,YAAA,IAAA,CAAK,KAAA;AAAA,sBAAL,qBAAA,EAAA,CAAA,MAAA,KAAA,IAAA,CAAK,KAAA,GAAK,MAAA;AAAA,sBACnB,KAAA,EAAA,EAAA,OAAA,EAAA,OAAA,EAAA,iBAAA,KAAA,EAAA;AAAA,sBACC,UAAQ,IAAA,CAAK,MAAA;AAAA,sBACb,SAAS,IAAA,CAAK,OAAA;AAAA,sBACd,OAAO,IAAA,CAAK;AAAA,0GAGI,IAAA,CAAK,IAAA,IAAI,MAAA,qBAC5BP,eAAA;AAAA,sBAYcC,UAAAO,sBAAA,CAAA;AAAA,sBAAA;AAAA;wBAZD,OAAA,EAAQ;AAAA;;wBAKR,QAAA,cACT,MAImB;AAAA,0BAJnBC,eAAA;AAAA,4BAImBR,UAAAS,0BAAA,CAAA;AAAA,4BAAA,IAAA;AAAA,4BAAA;AAAA,mDAHC,MAAgC;AAAA,iCAAlDX,aAAA,CAAA,IAAA,CAAA,EAAAI,sBAAA;AAAA,kCAEmBC,YAAA;AAAA,kCAAA,IAAA;AAAA,kCAAAC,cAAA,CAFkB,IAAA,CAAK,OAAA,GAAjB,QAAA,KAAQ;4DAAjCL,eAAA,CAEmBC,SAAA,CAAAU,0BAAA,CAAA,EAAA;AAAA,sCAFiC,SAAO,QAAA,CAAS;AAAA;2DAClE,MAAoB;AAAA,wCAAjBC,mBAAA;AAAA,0CAAAC,mBAAA,CAAA,SAAS,KAAK,CAAA;AAAA,0CAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;6CAPvB,MAGM;AAAA,0BAHNC,sBAAA,CAGM,OAHN,UAAA,EAGM;AAAA;kDAFD,IAAA,CAAK,IAAI,CAAA,GAAG,GAAA;AAAA,8BACf;AAAA;AAAA,6BAAA;AAAA,4BAAAL,gBAAuDR,SAAA,CAAAc,eAAA,GAAA,EAA1C,IAAA,EAAK,wBAAsB;AAAA;;;;;;;2CAY5CZ,sBAAA;AAAA,sBAA6B,MAAA;AAAA,sBAAA,UAAA;AAAA,sBAAAU,mBAAA,CAApB,KAAK,KAAK,CAAA;AAAA,sBAAA;AAAA;AAAA,qBAAA;AAAA;;;;;;;;;;;;;;;;;;;;;"}

package/lib/breadcrumb/style/index.scss

@@ -1,2 +1,2 @@
-.me-breadcrumb {
-}
+.me-breadcrumb {
+}

package/lib/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/button/index.ts"],"sourcesContent":["// import { withInstall } from \"element-plus/es/utils\";\nimport { withInstall } from \"../utils/install\";\nimport _Button from \"./src/button.vue\";\n\nexport const MeButton = withInstall(_Button);\nexport default MeButton;\n\nexport * from \"./src/button\";\n"],"names":["withInstall","_Button"],"mappings":";;;;;;;;;;AAIO,MAAM,QAAA,GAAWA,oBAAYC,kDAAO;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/button/index.ts"],"sourcesContent":["// import { withInstall } from \"element-plus/es/utils\";\r\nimport { withInstall } from \"../utils/install\";\r\nimport _Button from \"./src/button.vue\";\r\n\r\nexport const MeButton = withInstall(_Button);\r\nexport default MeButton;\r\n\r\nexport * from \"./src/button\";\r\n"],"names":["withInstall","_Button"],"mappings":";;;;;;;;;;AAIO,MAAM,QAAA,GAAWA,oBAAYC,kDAAO;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"button.vue2.js","sources":["../../../src/button/src/button.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: \"me-button\",\n});\n</script>\n<template>\n  <el-button class=\"me-button\" :class=\"{ shine: shine }\" :loading=\"loading\" v-bind=\"$attrs\" @click=\"onClick\">\n    <span v-if=\"icon\" style=\"margin-right: 6px\">\n      <me-svg-icon :name=\"icon\"></me-svg-icon>\n    </span>\n    <slot v-if=\"!loading\"></slot>\n    <template #loading>\n      <slot name=\"loading\">\n        <div class=\"loader\"></div>\n      </slot>\n    </template>\n  </el-button>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { debounce } from \"lodash-es\";\nimport type { ButtonProps } from \"./button\";\nimport { ElButton } from \"element-plus\";\nimport { MeSvgIcon } from \"../../svg-icon\";\n// import {}\n\n;\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n  shine: false,\n  clickHandle: undefined,\n  click: undefined,\n  delay: 0,\n});\n\nconst loading = ref(false);\n\nconst loadingClick = async () => {\n  let clickFn = null;\n  if (props.click) {\n    clickFn = props.click;\n  }\n  if (props.clickHandle) {\n    clickFn = props.clickHandle;\n  }\n  if (clickFn) {\n    const res = clickFn();\n    if (res instanceof Promise) {\n      loading.value = true;\n      res\n        .then(() => {\n          if (props.backPath) {\n            // backPage(props.backPath);\n          }\n        })\n        .catch((error) => {\n          console.error(error);\n        })\n        .finally(() => {\n          loading.value = false;\n        });\n    }\n    // try {\n    // \tloading.value = true\n    // \tawait click()\n    // } catch (error) {\n    // \tconsole.log(error)\n    // } finally {\n    // \tloading.value = false\n    // \tconsole.log(loading.value)\n    // }\n  }\n  if (props.backPath) {\n    // backPage(props.backPath);\n  }\n};\n\nconst debounceClick = debounce(loadingClick, props.delay);\nconst onClick = computed(() => {\n  if (props.delay) {\n    return debounceClick;\n  } else {\n    return loadingClick;\n  }\n});\n</script>\n\n<style scoped lang=\"scss\"></style>\n"],"names":["__MACROS_defineComponent","ref","debounce","computed","_openBlock","_createBlock","_unref","_mergeProps","$attrs","_renderSlot","_createElementVNode","_createElementBlock","_createVNode","MeSvgIcon"],"mappings":";;;;;;;;;;;;;;AAEA,MAAA,cAA6BA,mBAAA,CAAyB;AAAA,EACpD,IAAA,EAAM;AACR,CAAC,CAAA;;;;;;;;;;;;AAwBD,IAAA;AAEA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAOd,IAAA,MAAM,OAAA,GAAUC,QAAI,KAAK,CAAA;AAEzB,IAAA,MAAM,eAAe,YAAY;AAC/B,MAAA,IAAI,OAAA,GAAU,IAAA;AACd,MAAA,IAAI,MAAM,KAAA,EAAO;AACf,QAAA,OAAA,GAAU,KAAA,CAAM,KAAA;AAAA,MAClB;AACA,MAAA,IAAI,MAAM,WAAA,EAAa;AACrB,QAAA,OAAA,GAAU,KAAA,CAAM,WAAA;AAAA,MAClB;AACA,MAAA,IAAI,OAAA,EAAS;AACX,QAAA,MAAM,MAAM,OAAA,EAAQ;AACpB,QAAA,IAAI,eAAe,OAAA,EAAS;AAC1B,UAAA,OAAA,CAAQ,KAAA,GAAQ,IAAA;AAChB,UAAA,GAAA,CACG,KAAK,MAAM;AACV,YAAA,IAAI,MAAM,QAAA,EAAU;AAAA,YAEpB;AAAA,UACF,CAAC,CAAA,CACA,KAAA,CAAM,CAAC,KAAA,KAAU;AAChB,YAAA,OAAA,CAAQ,MAAM,KAAK,CAAA;AAAA,UACrB,CAAC,CAAA,CACA,OAAA,CAAQ,MAAM;AACb,YAAA,OAAA,CAAQ,KAAA,GAAQ,KAAA;AAAA,UAClB,CAAC,CAAA;AAAA,QACL;AAAA,MAUF;AACA,MAAA,IAAI,MAAM,QAAA,EAAU;AAAA,MAEpB;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,aAAA,GAAgBC,iBAAA,CAAS,YAAA,EAAc,KAAA,CAAM,KAAK,CAAA;AACxD,IAAA,MAAM,OAAA,GAAUC,aAAS,MAAM;AAC7B,MAAA,IAAI,MAAM,KAAA,EAAO;AACf,QAAA,OAAO,aAAA;AAAA,MACT,CAAA,MAAO;AACL,QAAA,OAAO,YAAA;AAAA,MACT;AAAA,IACF,CAAC,CAAA;;AA/EC,MAAA,OAAAC,eAAA,EAAAC,eAAA,CAUYC,SAAA,wBAVZC,cAAA,CAUY;AAAA,QAVD,OAAK,CAAC,WAAA,EAAW,EAAA,KAAA,EAAkB,OAAA,CAAA,OAAK,CAAA;AAAA,QAAK,SAAS,OAAA,CAAA;AAAA,SAAiBC,KAAAA,MAAAA,EAAM,EAAG,SAAO,OAAA,CAAA,KAAA,EAAO,CAAA,EAAA;AAAA,QAK5F,OAAA,cACT,MAEO;AAAA,UAFPC,eAEO,IAAA,wBAFP,MAEO;AAAA,sCADLC,sBAAA;AAAA,cAA0B,KAAA;AAAA,cAAA,EAArB,OAAM,QAAA,EAAQ;AAAA,cAAA,IAAA;AAAA,cAAA,CAAA;AAAA;AAAA,aAAA;AAAA;;6BANvB,MAEO;AAAA,UAFK,QAAA,IAAA,IAAZN,aAAA,EAAA,EAAAO,sBAAA,CAEO,QAFP,UAAA,EAEO;AAAA,YADLC,eAAA,CAAwCN,SAAA,CAAAO,eAAA,CAAA,EAAA,EAA1B,IAAA,EAAM,OAAA,CAAA,IAAA,EAAI,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA;AAAA;WAEb,OAAA,CAAA,KAAA,GAAbJ,cAAA,CAA6B,KAAA,MAAA,EAAA,SAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA;;;;;;;;;;;"}
+{"version":3,"file":"button.vue2.js","sources":["../../../src/button/src/button.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\r\n  name: \"me-button\",\r\n});\n</script>\n<template>\r\n  <el-button class=\"me-button\" :class=\"{ shine: shine }\" :loading=\"loading\" v-bind=\"$attrs\" @click=\"onClick\">\r\n    <span v-if=\"icon\" style=\"margin-right: 6px\">\r\n      <me-svg-icon :name=\"icon\"></me-svg-icon>\r\n    </span>\r\n    <slot v-if=\"!loading\"></slot>\r\n    <template #loading>\r\n      <slot name=\"loading\">\r\n        <div class=\"loader\"></div>\r\n      </slot>\r\n    </template>\r\n  </el-button>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, ref } from \"vue\";\r\nimport { debounce } from \"lodash-es\";\r\nimport type { ButtonProps } from \"./button\";\r\nimport { ElButton } from \"element-plus\";\r\nimport { MeSvgIcon } from \"../../svg-icon\";\r\n// import {}\r\n\r\n;\r\n\r\nconst props = withDefaults(defineProps<ButtonProps>(), {\r\n  shine: false,\r\n  clickHandle: undefined,\r\n  click: undefined,\r\n  delay: 0,\r\n});\r\n\r\nconst loading = ref(false);\r\n\r\nconst loadingClick = async () => {\r\n  let clickFn = null;\r\n  if (props.click) {\r\n    clickFn = props.click;\r\n  }\r\n  if (props.clickHandle) {\r\n    clickFn = props.clickHandle;\r\n  }\r\n  if (clickFn) {\r\n    const res = clickFn();\r\n    if (res instanceof Promise) {\r\n      loading.value = true;\r\n      res\r\n        .then(() => {\r\n          if (props.backPath) {\r\n            // backPage(props.backPath);\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          console.error(error);\r\n        })\r\n        .finally(() => {\r\n          loading.value = false;\r\n        });\r\n    }\r\n    // try {\r\n    // \tloading.value = true\r\n    // \tawait click()\r\n    // } catch (error) {\r\n    // \tconsole.log(error)\r\n    // } finally {\r\n    // \tloading.value = false\r\n    // \tconsole.log(loading.value)\r\n    // }\r\n  }\r\n  if (props.backPath) {\r\n    // backPage(props.backPath);\r\n  }\r\n};\r\n\r\nconst debounceClick = debounce(loadingClick, props.delay);\r\nconst onClick = computed(() => {\r\n  if (props.delay) {\r\n    return debounceClick;\r\n  } else {\r\n    return loadingClick;\r\n  }\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\"></style>\r\n"],"names":["__MACROS_defineComponent","ref","debounce","computed","_openBlock","_createBlock","_unref","_mergeProps","$attrs","_renderSlot","_createElementVNode","_createElementBlock","_createVNode","MeSvgIcon"],"mappings":";;;;;;;;;;;;;;AAEA,MAAA,cAA6BA,mBAAA,CAAyB;AAAA,EACpD,IAAA,EAAM;AACR,CAAC,CAAA;;;;;;;;;;;;AAwBD,IAAA;AAEA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAOd,IAAA,MAAM,OAAA,GAAUC,QAAI,KAAK,CAAA;AAEzB,IAAA,MAAM,eAAe,YAAY;AAC/B,MAAA,IAAI,OAAA,GAAU,IAAA;AACd,MAAA,IAAI,MAAM,KAAA,EAAO;AACf,QAAA,OAAA,GAAU,KAAA,CAAM,KAAA;AAAA,MAClB;AACA,MAAA,IAAI,MAAM,WAAA,EAAa;AACrB,QAAA,OAAA,GAAU,KAAA,CAAM,WAAA;AAAA,MAClB;AACA,MAAA,IAAI,OAAA,EAAS;AACX,QAAA,MAAM,MAAM,OAAA,EAAQ;AACpB,QAAA,IAAI,eAAe,OAAA,EAAS;AAC1B,UAAA,OAAA,CAAQ,KAAA,GAAQ,IAAA;AAChB,UAAA,GAAA,CACG,KAAK,MAAM;AACV,YAAA,IAAI,MAAM,QAAA,EAAU;AAAA,YAEpB;AAAA,UACF,CAAC,CAAA,CACA,KAAA,CAAM,CAAC,KAAA,KAAU;AAChB,YAAA,OAAA,CAAQ,MAAM,KAAK,CAAA;AAAA,UACrB,CAAC,CAAA,CACA,OAAA,CAAQ,MAAM;AACb,YAAA,OAAA,CAAQ,KAAA,GAAQ,KAAA;AAAA,UAClB,CAAC,CAAA;AAAA,QACL;AAAA,MAUF;AACA,MAAA,IAAI,MAAM,QAAA,EAAU;AAAA,MAEpB;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,aAAA,GAAgBC,iBAAA,CAAS,YAAA,EAAc,KAAA,CAAM,KAAK,CAAA;AACxD,IAAA,MAAM,OAAA,GAAUC,aAAS,MAAM;AAC7B,MAAA,IAAI,MAAM,KAAA,EAAO;AACf,QAAA,OAAO,aAAA;AAAA,MACT,CAAA,MAAO;AACL,QAAA,OAAO,YAAA;AAAA,MACT;AAAA,IACF,CAAC,CAAA;;AA/EC,MAAA,OAAAC,eAAA,EAAAC,eAAA,CAUYC,SAAA,wBAVZC,cAAA,CAUY;AAAA,QAVD,OAAK,CAAC,WAAA,EAAW,EAAA,KAAA,EAAkB,OAAA,CAAA,OAAK,CAAA;AAAA,QAAK,SAAS,OAAA,CAAA;AAAA,SAAiBC,KAAAA,MAAAA,EAAM,EAAG,SAAO,OAAA,CAAA,KAAA,EAAO,CAAA,EAAA;AAAA,QAK5F,OAAA,cACT,MAEO;AAAA,UAFPC,eAEO,IAAA,wBAFP,MAEO;AAAA,sCADLC,sBAAA;AAAA,cAA0B,KAAA;AAAA,cAAA,EAArB,OAAM,QAAA,EAAQ;AAAA,cAAA,IAAA;AAAA,cAAA,CAAA;AAAA;AAAA,aAAA;AAAA;;6BANvB,MAEO;AAAA,UAFK,QAAA,IAAA,IAAZN,aAAA,EAAA,EAAAO,sBAAA,CAEO,QAFP,UAAA,EAEO;AAAA,YADLC,eAAA,CAAwCN,SAAA,CAAAO,eAAA,CAAA,EAAA,EAA1B,IAAA,EAAM,OAAA,CAAA,IAAA,EAAI,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA;AAAA;WAEb,OAAA,CAAA,KAAA,GAAbJ,cAAA,CAA6B,KAAA,MAAA,EAAA,SAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA;;;;;;;;;;;"}

package/lib/button/style/index.scss

@@ -1,56 +1,56 @@
-.el-button.me-button {
-  span {
-    margin-left: 0px;
-  }
-}
-
-.me-button .loader {
-  width: 1em;
-  height: 1em;
-  display: inline-block;
-  border: 2px solid #ffffff;
-  border-bottom-color: var(--el-color-primary);
-  border-right-color: var(--el-color-primary);
-  border-radius: 50%;
-  box-sizing: border-box;
-  -webkit-animation: l6 1s linear infinite;
-  animation: l6 0.8s linear infinite;
-}
-@keyframes l6 {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.me-button.shine {
-  position: relative;
-  overflow: hidden;
-  &::after {
-    overflow: hidden;
-    position: absolute;
-    left: 0;
-    top: -2px;
-    right: 0;
-    width: 20px;
-    height: 110%;
-    background-color: #fff;
-    -ms-transform: skewX(-20deg);
-    transform: skewX(-20deg);
-    opacity: 0.39;
-    animation: shadowMove 2.5s infinite;
-    content: "";
-  }
-}
-@keyframes shadowMove {
-  0% {
-    left: 0;
-  }
-  25% {
-    left: 100%;
-  }
-
-  100% {
-    left: 100%;
-    opacity: 0;
-  }
-}
+.el-button.me-button {
+  span {
+    margin-left: 0px;
+  }
+}
+
+.me-button .loader {
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  border: 2px solid #ffffff;
+  border-bottom-color: var(--el-color-primary);
+  border-right-color: var(--el-color-primary);
+  border-radius: 50%;
+  box-sizing: border-box;
+  -webkit-animation: l6 1s linear infinite;
+  animation: l6 0.8s linear infinite;
+}
+@keyframes l6 {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.me-button.shine {
+  position: relative;
+  overflow: hidden;
+  &::after {
+    overflow: hidden;
+    position: absolute;
+    left: 0;
+    top: -2px;
+    right: 0;
+    width: 20px;
+    height: 110%;
+    background-color: #fff;
+    -ms-transform: skewX(-20deg);
+    transform: skewX(-20deg);
+    opacity: 0.39;
+    animation: shadowMove 2.5s infinite;
+    content: "";
+  }
+}
+@keyframes shadowMove {
+  0% {
+    left: 0;
+  }
+  25% {
+    left: 100%;
+  }
+
+  100% {
+    left: 100%;
+    opacity: 0;
+  }
+}

package/lib/card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/card/index.ts"],"sourcesContent":["import { withInstall } from \"../utils/install\";\nimport Card from \"./src/card.vue\";\n\nexport const MeCard = withInstall(Card);\nexport default MeCard;\n\nexport * from \"./src/card\";\nexport type { CardInstance } from './src/instance'\n"],"names":["withInstall","Card"],"mappings":";;;;;;;;;;AAGO,MAAM,MAAA,GAASA,oBAAYC,gDAAI;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/card/index.ts"],"sourcesContent":["import { withInstall } from \"../utils/install\";\r\nimport Card from \"./src/card.vue\";\r\n\r\nexport const MeCard = withInstall(Card);\r\nexport default MeCard;\r\n\r\nexport * from \"./src/card\";\r\nexport type { CardInstance } from './src/instance'\r\n"],"names":["withInstall","Card"],"mappings":";;;;;;;;;;AAGO,MAAM,MAAA,GAASA,oBAAYC,gDAAI;;;;;"}

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

@@ -1 +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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"}
+{"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({\r\n  name: \"me-card\",\r\n});\n</script>\n<template>\r\n  <div\r\n    class=\"me-card\"\r\n    :class=\"{\r\n      'is-hover-shadow': props.shadow == 'hover',\r\n      'is-always-shadow': props.shadow == 'always',\r\n    }\"\r\n    ref=\"meCardRef\"\r\n    :style=\"{ ...getStyle, zIndex: zIndex, ...fullScreenStyle }\">\r\n    <!-- header -->\r\n    <div\r\n      class=\"card-header\"\r\n      v-if=\"slot?.header || slot['header-left-btn'] || slot['header-right-btn'] || title\"\r\n      :style=\"{ ...headerBorder, ...headerStyle }\">\r\n      <div style=\"display: flex; width: fit-content; flex: 1; align-items: center\">\r\n        <slot name=\"header\"></slot>\r\n        <div>\r\n          <slot name=\"header-left-btn\">\r\n            <div class=\"card-title\" :style=\"{ fontSize: titleSize }\">{{ title }}</div>\r\n          </slot>\r\n        </div>\r\n      </div>\r\n      <div style=\"display: flex; align-items: center; cursor: pointer\">\r\n        <slot name=\"header-right-btn\"></slot>\r\n\r\n        <div v-if=\"props.showCollapse\" @click=\"showBody = !showBody\" style=\"margin-left: 10px\">\r\n          <me-icon-button hover :icon=\"showBody ? 'ri-subtract-line' : 'ri-add-line'\"></me-icon-button>\r\n        </div>\r\n        <div v-if=\"props.fullscreen\" @click=\"toggle\" style=\"margin-left: 10px\">\r\n          <me-icon-button hover :icon=\"fullScreenIcon\"></me-icon-button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- body -->\r\n    <div v-show=\"showBody\" ref=\"bodyRef\" style=\"overflow-y: auto; padding: 10px 0\" :style=\"{ height: bodyHeight, ...bodyStyle }\">\r\n      <div\r\n        v-show=\"true\"\r\n        class=\"card-body\"\r\n        :style=\"{\r\n          height: !fullscreenVal ? `calc(${props.bodyHeight} - 20px)` : '100%',\r\n          ...bodyStyle,\r\n        }\">\r\n        <div class=\"card-text\" :style=\"{ height: '100%' }\">\r\n          <slot></slot>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- footer -->\r\n    <div v-if=\"slot?.footer && showBody\" :style=\"footerBorder\" class=\"card-footer\">\r\n      <slot name=\"footer\"></slot>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { computed, onMounted, ref, useSlots, watch } from \"vue\"\r\nimport type { CardProps, CardEmits } from \"./card\"\r\nimport { api as fullscreen } from \"vue-fullscreen\"\r\nimport { MeIconButton } from \"../../icon-button\";\r\n\r\n\r\n\r\nconst props = withDefaults(defineProps<CardProps>(), {\r\n  headerBorder: true,\r\n  footerBorder: true,\r\n  border: true,\r\n  titleSize: \"16px\",\r\n  mode: \"normal\",\r\n  round: true,\r\n  fullscreen: false,\r\n  showCollapse: true,\r\n  shadow: \"never\",\r\n  expand: true,\r\n})\r\n\r\nconst bodyRef = ref()\r\nconst bodyMinWidth = ref(0)\r\nonMounted(() => {\r\n  bodyMinWidth.value = bodyRef.value?.getBoundingClientRect()?.width\r\n})\r\n\r\nconst emit = defineEmits<CardEmits>()\r\n\r\nconst slot = useSlots()\r\nconst bodyHeight = ref(props.bodyHeight)\r\nconst showBody = ref(props.expand)\r\n\r\nwatch(\r\n  () => props.expand,\r\n  (newValue) => {\r\n    //\r\n    showBody.value = newValue\r\n  }\r\n)\r\n\r\nconst headerBorder = computed(() => {\r\n  return {\r\n    \"border-bottom\": props.headerBorder ? \"var(--card-border-width) solid var(--card-border-color)\" : \"0\",\r\n  }\r\n})\r\nconst footerBorder = computed(() => {\r\n  return {\r\n    \"border-top\": props.footerBorder ? \"var(--card-border-width) solid var(--card-border-color)\" : \"0\",\r\n  }\r\n})\r\nconst getStyle = computed(() => {\r\n  return {\r\n    border: props.border ? \"var(--card-border-width) solid var(--card-border-color)\" : \"0\",\r\n    height: props.mode === \"full\" ? \"100%\" : props.height,\r\n    borderRadius: props.round ? \"calc(4px - (1px))\" : \"0\",\r\n    backgroundColor: props.bgColor,\r\n    ...props.customStyle,\r\n  }\r\n})\r\n\r\nconst fullscreenVal = ref(false)\r\nconst meCardRef = ref(null)\r\nconst zIndex = ref(0)\r\nconst fullScreenIcon = ref(\"ri-expand-diagonal-line\")\r\nconst fullScreenStyle = ref({\r\n  width: \"\",\r\n  margin: \"\",\r\n  height: props.height,\r\n})\r\n\r\nwindow.addEventListener(\"resize\", () => {\r\n  if (!fullscreenVal.value) {\r\n    bodyMinWidth.value = bodyRef.value?.getBoundingClientRect()?.width\r\n  }\r\n})\r\n\r\n// 全屏切换\r\nconst toggle = async () => {\r\n  fullscreen.toggle(meCardRef.value, {\r\n    teleport: true,\r\n    pageOnly: true,\r\n    callback: (isFullscreen) => {\r\n      fullscreenVal.value = isFullscreen\r\n      console.log(isFullscreen, \"isFullscreen\")\r\n      emit(\"changeEvent\", isFullscreen)\r\n      if (isFullscreen) {\r\n        zIndex.value = 1000\r\n        fullScreenStyle.value = {\r\n          width: \"100vw\",\r\n          margin: \"0\",\r\n          height: \"100vh\",\r\n        }\r\n        fullScreenIcon.value = \"ri-collapse-diagonal-line\"\r\n        bodyHeight.value = \"100%\"\r\n      } else {\r\n        zIndex.value = 0\r\n        fullScreenStyle.value = {\r\n          width: \"\",\r\n          margin: \"\",\r\n          height: \"100%\",\r\n        }\r\n        fullScreenIcon.value = \"ri-expand-diagonal-line\"\r\n        bodyHeight.value = props.bodyHeight\r\n      }\r\n    },\r\n  })\r\n}\r\n</script>\r\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/style/index.scss

@@ -1,73 +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);
-  }
-}
+.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);
+  }
+}