@me-framework/me-ui 1.0.44

package/lib/form-radio/index.d.ts

@@ -0,0 +1,13 @@
+export declare const MeFormRadio: import("../utils/install").WithInstall<import("vue").DefineComponent<import(".").FormRadioProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import(".").FormRadioProps> & Readonly<{}>, {
+    size: "small" | "normal";
+    disabled: boolean;
+    title: string;
+    desc: string;
+    radio: boolean;
+    top: boolean;
+    width: string;
+    gap: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
+export default MeFormRadio;
+export * from "./src/form-radio";
+export type { FormRadioInstance } from './src/instance';

package/lib/form-radio/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var install = require('../utils/install.js');
+require('./src/form-radio.vue.js');
+require('./src/form-radio.js');
+var formRadio_vue_vue_type_script_setup_true_lang = require('./src/form-radio.vue2.js');
+
+"use strict";
+const MeFormRadio = install.withInstall(formRadio_vue_vue_type_script_setup_true_lang.default);
+
+exports.MeFormRadio = MeFormRadio;
+exports.default = MeFormRadio;
+//# sourceMappingURL=index.js.map

package/lib/form-radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/form-radio/index.ts"],"sourcesContent":["import { withInstall } from \"../utils/install\";\nimport FormRadio from \"./src/form-radio.vue\";\n\nexport const MeFormRadio = withInstall(FormRadio);\nexport default MeFormRadio;\n\nexport * from \"./src/form-radio\";\nexport type { FormRadioInstance } from './src/instance'\n"],"names":["withInstall","FormRadio"],"mappings":";;;;;;;;;;AAGO,MAAM,WAAA,GAAcA,oBAAYC,qDAAS;;;;;"}

package/lib/form-radio/src/form-radio.d.ts

@@ -0,0 +1,37 @@
+import type { RadioInstance } from 'element-plus';
+type RadioInstanceProps = RadioInstance['$props'];
+export interface FormRadioProps extends /* @vue-ignore */ RadioInstanceProps {
+    /**
+     * 标题
+     */
+    title: string;
+    /**
+     * 描述
+     */
+    desc: string;
+    /**
+     * 是否单选
+     */
+    radio: boolean;
+    /**
+     * 宽度
+     */
+    width: string;
+    /**
+     * 是否垂直
+     */
+    top: boolean;
+    /**
+     * 间隔
+     */
+    gap: string;
+    /**
+     * 尺寸
+     */
+    size?: 'small' | 'normal';
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+}
+export {};

package/lib/form-radio/src/form-radio.js

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

package/lib/form-radio/src/form-radio.js.map

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

package/lib/form-radio/src/form-radio.vue.d.ts

@@ -0,0 +1,13 @@
+import type { FormRadioProps } from "./form-radio";
+declare const __VLS_export: import("vue").DefineComponent<FormRadioProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FormRadioProps> & Readonly<{}>, {
+    size: "small" | "normal";
+    disabled: boolean;
+    title: string;
+    desc: string;
+    radio: boolean;
+    top: boolean;
+    width: string;
+    gap: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/form-radio/src/form-radio.vue.js

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

package/lib/form-radio/src/form-radio.vue.js.map

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

package/lib/form-radio/src/form-radio.vue2.js

@@ -0,0 +1,109 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+
+"use strict";
+const __default__ = vue.defineComponent({
+  name: "me-form-radio"
+});
+var script = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    title: { type: String, required: true, default: "" },
+    desc: { type: String, required: true, default: "" },
+    radio: { type: Boolean, required: true, default: false },
+    width: { type: String, required: true, default: "150px" },
+    top: { type: Boolean, required: true, default: false },
+    gap: { type: String, required: true, default: "30px" },
+    size: { type: String, required: false, default: "normal" },
+    disabled: { type: Boolean, required: false, default: false }
+  },
+  setup(__props) {
+    ;
+    const props = __props;
+    const formRadioStyle = vue.computed(() => {
+      return {
+        "--me-form-radio-padding": props.size == "small" ? "4px" : "10px",
+        "--el-radio-input-display": props.radio ? "flex" : "none",
+        "--is-checked-display": props.radio ? "none" : "flex",
+        "--is-checked-before-width": props.size == "small" ? "10px" : "14px",
+        "--is-checked-before-height": props.size == "small" ? "4px" : "6px",
+        "--is-checked-before-top": props.top ? "0" : "auto",
+        "--is-checked-before-bottom": props.size == "small" ? "5px" : "7px",
+        "--is-checked-before-right": props.size == "small" ? "0" : "2px",
+        "--is-checked-border-bottom": borderBottomStyle.value,
+        "--is-checked-border-top": borderTopStyle.value,
+        "--is-checked-border-width": borderWidth.value,
+        "margin-right": props.gap
+      };
+    });
+    const borderWidth = vue.computed(() => {
+      if (props.size == "small") {
+        return "20px";
+      } else {
+        return "30px";
+      }
+    });
+    const borderBottomStyle = vue.computed(() => {
+      if (props.disabled) {
+        return props.top ? "0" : `${borderWidth.value} solid var(--el-disabled-border-color)`;
+      } else {
+        return props.top ? "0" : `${borderWidth.value} solid #206bc4`;
+      }
+    });
+    const borderTopStyle = vue.computed(() => {
+      if (props.disabled) {
+        return props.top ? `${borderWidth.value} solid var(--el-disabled-border-color)` : "0";
+      } else {
+        return props.top ? `${borderWidth.value} solid #206bc4` : "0";
+      }
+    });
+    const disabledStyle = vue.computed(() => {
+      if (props.disabled) {
+        return {
+          backgroundColor: "var(--el-disabled-bg-color)",
+          color: "var(--el-disabled-text-color)",
+          borderColor: "var(--el-disabled-border-color)",
+          boxShadow: "none"
+        };
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElRadio), vue.mergeProps(_ctx.$attrs, {
+        class: "me-form-radio",
+        style: { width: __props.width, ...disabledStyle.value, ...formRadioStyle.value }
+      }), {
+        default: vue.withCtx(() => [
+          vue.createElementVNode(
+            "div",
+            {
+              class: "text-primary",
+              style: vue.normalizeStyle({ ...disabledStyle.value })
+            },
+            vue.toDisplayString(__props.title),
+            5
+            /* TEXT, STYLE */
+          ),
+          vue.createElementVNode(
+            "div",
+            {
+              class: "text-secondary",
+              style: vue.normalizeStyle({ ...disabledStyle.value })
+            },
+            vue.toDisplayString(__props.desc),
+            5
+            /* TEXT, STYLE */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 16, ["style"]);
+    };
+  }
+});
+
+exports.default = script;
+//# sourceMappingURL=form-radio.vue2.js.map

package/lib/form-radio/src/form-radio.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-radio.vue2.js","sources":["../../../src/form-radio/src/form-radio.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: \"me-form-radio\",\n});\n</script>\n<template>\n  <el-radio v-bind=\"$attrs\" class=\"me-form-radio\" :style=\"{ width, ...disabledStyle, ...formRadioStyle }\">\n    <div class=\"text-primary\" :style=\"{ ...disabledStyle }\">{{ title }}</div>\n    <div class=\"text-secondary\" :style=\"{ ...disabledStyle }\">{{ desc }}</div>\n  </el-radio>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { FormRadioProps } from \"./form-radio\";\nimport { ElRadio } from \"element-plus\";\n\n;\n\nconst props = withDefaults(defineProps<FormRadioProps>(), {\n  title: \"\",\n  desc: \"\",\n  radio: false,\n  width: \"150px\",\n  top: false,\n  gap: \"30px\",\n  size: \"normal\",\n  disabled: false,\n});\n\nconst formRadioStyle = computed(() => {\n  return {\n    \"--me-form-radio-padding\": props.size == \"small\" ? \"4px\" : \"10px\",\n    \"--el-radio-input-display\": props.radio ? \"flex\" : \"none\",\n    \"--is-checked-display\": props.radio ? \"none\" : \"flex\",\n    \"--is-checked-before-width\": props.size == \"small\" ? \"10px\" : \"14px\",\n    \"--is-checked-before-height\": props.size == \"small\" ? \"4px\" : \"6px\",\n    \"--is-checked-before-top\": props.top ? \"0\" : \"auto\",\n    \"--is-checked-before-bottom\": props.size == \"small\" ? \"5px\" : \"7px\",\n    \"--is-checked-before-right\": props.size == \"small\" ? \"0\" : \"2px\",\n    \"--is-checked-border-bottom\": borderBottomStyle.value,\n    \"--is-checked-border-top\": borderTopStyle.value,\n    \"--is-checked-border-width\": borderWidth.value,\n    \"margin-right\": props.gap,\n  };\n});\n\nconst borderWidth = computed(() => {\n  if (props.size == \"small\") {\n    return \"20px\";\n  } else {\n    return \"30px\";\n  }\n});\n\nconst borderBottomStyle = computed(() => {\n  if (props.disabled) {\n    return props.top ? \"0\" : `${borderWidth.value} solid var(--el-disabled-border-color)`;\n  } else {\n    return props.top ? \"0\" : `${borderWidth.value} solid #206bc4`;\n  }\n});\n\nconst borderTopStyle = computed(() => {\n  if (props.disabled) {\n    return props.top ? `${borderWidth.value} solid var(--el-disabled-border-color)` : \"0\";\n  } else {\n    return props.top ? `${borderWidth.value} solid #206bc4` : \"0\";\n  }\n});\n\nconst disabledStyle = computed(() => {\n  if (props.disabled) {\n    return {\n      backgroundColor: \"var(--el-disabled-bg-color)\",\n      color: \"var(--el-disabled-text-color)\",\n      borderColor: \"var(--el-disabled-border-color)\",\n      boxShadow: \"none\",\n    };\n  }\n});\n</script>\n"],"names":["__MACROS_defineComponent","computed","_createBlock","_unref","ElRadio","_mergeProps","_createElementVNode"],"mappings":"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"}

package/lib/form-radio/src/instance.d.ts

@@ -0,0 +1,2 @@
+import type FormRadio from './form-radio.vue';
+export type FormRadioInstance = InstanceType<typeof FormRadio> & unknown;

package/lib/form-radio/style/index.css

@@ -0,0 +1 @@
+.me-form-radio{--me-form-radio-primary-color:#206bc4;border:2px solid #ccc;padding:var(--me-form-radio-padding);margin-bottom:10px;border-radius:4px;white-space:pre-wrap;position:relative;height:auto;line-height:1.5;box-shadow:0 1px 1px rgba(24,36,51,.06);transition:border-color .3s,background .3s,color .3s}.me-form-radio .el-radio__label{padding-left:1rem;overflow:hidden}.me-form-radio .el-radio__input{display:var(--el-radio-input-display)}.me-form-radio .el-radio__input.is-checked .el-radio__inner{background-color:var(--me-form-radio-primary-color);border-color:var(--me-form-radio-primary-color)}.me-form-radio .el-radio__inner:after{height:6px;width:6px}.me-form-radio .text-primary{font-weight:700;font-size:15px;word-break:break-all;color:var(--me-form-radio-primary-color)}.me-form-radio .text-secondary{color:#6c7a91!important;font-size:11px;letter-spacing:.3px}.me-form-radio.is-checked{border-color:var(--me-form-radio-primary-color);box-shadow:0 0 0 .25rem rgba(32,107,196,.25);background:rgba(32,107,196,.04)}.me-form-radio.is-checked::after{content:"";width:0;display:var(--is-checked-display);height:0;position:absolute;right:0;top:var(--is-checked-before-top);bottom:0;border-bottom:var(--is-checked-border-bottom);border-top:var(--is-checked-border-top);border-left:var(--is-checked-border-width) solid transparent}.me-form-radio.is-checked::before{content:"";display:var(--is-checked-display);position:absolute;width:var(--is-checked-before-width);height:var(--is-checked-before-height);top:var(--is-checked-before-top);bottom:var(--is-checked-before-bottom);right:var(--is-checked-before-right);background:0 0;border:2px solid #fff;border-top:none;border-right:none;transform:rotate(315deg);z-index:9}

package/lib/form-radio/style/index.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import 'element-plus/es/components/radio/style/index';

package/lib/form-radio/style/index.js

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

package/lib/form-radio/style/index.js.map

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

package/lib/form-radio/style/index.scss

@@ -0,0 +1,80 @@
+.me-form-radio {
+  --me-form-radio-primary-color: #206bc4;
+  border: 2px solid #ccc;
+  padding: var(--me-form-radio-padding);
+  margin-bottom: 10px;
+  border-radius: 4px;
+  white-space: pre-wrap;
+  position: relative;
+  height: auto;
+  line-height: 1.5;
+  box-shadow: 0 1px 1px rgba(24, 36, 51, 0.06);
+  transition:
+    border-color 0.3s,
+    background 0.3s,
+    color 0.3s;
+
+  .el-radio__label {
+    padding-left: 1rem;
+    overflow: hidden;
+  }
+  .el-radio__input {
+    display: var(--el-radio-input-display);
+  }
+  .el-radio__input.is-checked .el-radio__inner {
+    background-color: var(--me-form-radio-primary-color);
+    border-color: var(--me-form-radio-primary-color);
+  }
+  .el-radio__inner:after {
+    height: 6px;
+    width: 6px;
+  }
+
+  .text-primary {
+    font-weight: bold;
+    font-size: 15px;
+    word-break: break-all;
+    color: var(--me-form-radio-primary-color);
+  }
+  .text-secondary {
+    color: rgba(108, 122, 145, 1) !important;
+    font-size: 11px;
+    letter-spacing: 0.3px;
+  }
+
+  &.is-checked {
+    border-color: var(--me-form-radio-primary-color);
+    box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
+    background: rgba(32, 107, 196, 0.04);
+    &::after {
+      content: "";
+      width: 0;
+      display: var(--is-checked-display);
+      height: 0;
+      position: absolute;
+      right: 0px;
+      top: var(--is-checked-before-top);
+      bottom: 0px;
+      border-bottom: var(--is-checked-border-bottom);
+      border-top: var(--is-checked-border-top);
+      border-left: var(--is-checked-border-width) solid transparent;
+    }
+    &::before {
+      content: "";
+      display: var(--is-checked-display);
+      position: absolute;
+      // width: 14px;
+      width: var(--is-checked-before-width);
+      height: var(--is-checked-before-height);
+      top: var(--is-checked-before-top);
+      bottom: var(--is-checked-before-bottom);
+      right: var(--is-checked-before-right);
+      background: transparent;
+      border: 2px solid white;
+      border-top: none;
+      border-right: none;
+      transform: rotate(315deg);
+      z-index: 9;
+    }
+  }
+}

package/lib/form-radio/style/scss.d.ts

@@ -0,0 +1,2 @@
+import "./index.scss";
+import 'element-plus/es/components/radio/style/index';

package/lib/form-radio/style/scss.js

@@ -0,0 +1,7 @@
+'use strict';
+
+require('./index.scss');
+require('element-plus/lib/components/radio/style/index');
+
+"use strict";
+//# sourceMappingURL=scss.js.map

package/lib/form-radio/style/scss.js.map

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

package/lib/group/index.d.ts

@@ -0,0 +1,20 @@
+export declare const MeGroup: import("../utils/install").WithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import(".").GroupProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import(".").GroupProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import(".").GroupProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+})>;
+export default MeGroup;
+export * from "./src/group";
+export type { GroupInstance } from './src/instance';

package/lib/group/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var install = require('../utils/install.js');
+require('./src/group.vue.js');
+require('./src/group.js');
+var group_vue_vue_type_script_setup_true_lang = require('./src/group.vue2.js');
+
+"use strict";
+const MeGroup = install.withInstall(group_vue_vue_type_script_setup_true_lang.default);
+
+exports.MeGroup = MeGroup;
+exports.default = MeGroup;
+//# sourceMappingURL=index.js.map

package/lib/group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/group/index.ts"],"sourcesContent":["import { withInstall } from \"../utils/install\";\nimport _Group from \"./src/group.vue\";\n\nexport const MeGroup = withInstall(_Group);\nexport default MeGroup;\n\nexport * from \"./src/group\";\nexport type { GroupInstance } from './src/instance'\n"],"names":["withInstall","_Group"],"mappings":";;;;;;;;;;AAGO,MAAM,OAAA,GAAUA,oBAAYC,iDAAM;;;;;"}

package/lib/group/src/group.d.ts

@@ -0,0 +1,6 @@
+export interface GroupProps {
+    /**
+     * 宽度
+     */
+    width?: string;
+}

package/lib/group/src/group.js

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

package/lib/group/src/group.js.map

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

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

@@ -0,0 +1,14 @@
+import type { GroupProps } from './group';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<GroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<GroupProps> & Readonly<{}>, {}, {}, {}, {}, 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/group/src/group.vue.js

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

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

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

package/lib/group/src/group.vue2.js

@@ -0,0 +1,89 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../svg-icon/index.js');
+
+"use strict";
+const _hoisted_1 = { class: "me-group" };
+const _hoisted_2 = {
+  key: 0,
+  style: { "font-size": "11px", "margin-right": "-5px" }
+};
+const __default__ = vue.defineComponent({
+  name: "me-group"
+});
+var script = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    width: { type: String, required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const groupWidth = vue.ref(props.width);
+    const groupRef = vue.ref();
+    const isExpand = vue.ref(false);
+    const slots = vue.useSlots();
+    const handleExpand = () => {
+      if (!groupRef?.value) return;
+      isExpand.value = true;
+      groupRef.value.style.width = "auto";
+      const { width } = groupRef.value.getBoundingClientRect();
+      console.log(width);
+      groupRef.value.style.width = groupWidth.value || "";
+      requestAnimationFrame(() => {
+        if (!groupRef.value) return;
+        groupRef.value.style.width = `${width}px`;
+      });
+    };
+    const handleFold = () => {
+      isExpand.value = false;
+      if (!groupRef.value) return;
+      groupRef.value.style.width = groupWidth.value || "";
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        isExpand.value ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          onClick: handleFold,
+          style: { "height": "auto", "display": "flex", "align-items": "center", "justify-content": "center" }
+        }, [
+          vue.createVNode(vue.unref(index.MeSvgIcon), { name: "ri-arrow-left-s-line" })
+        ])) : vue.createCommentVNode("v-if", true),
+        vue.createElementVNode(
+          "div",
+          {
+            class: "group",
+            ref_key: "groupRef",
+            ref: groupRef,
+            style: vue.normalizeStyle({ width: groupWidth.value })
+          },
+          [
+            vue.renderSlot(_ctx.$slots, "default")
+          ],
+          4
+          /* STYLE */
+        ),
+        !isExpand.value ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          onClick: handleExpand,
+          class: "icon",
+          style: { "height": "auto", "display": "flex", "align-items": "center", "justify-content": "center" }
+        }, [
+          vue.unref(slots)?.default ? (vue.openBlock(), vue.createElementBlock(
+            "span",
+            _hoisted_2,
+            vue.toDisplayString(vue.unref(slots).default().length - 1),
+            1
+            /* TEXT */
+          )) : vue.createCommentVNode("v-if", true),
+          vue.createVNode(vue.unref(index.MeSvgIcon), { name: "ri-arrow-right-s-line" })
+        ])) : vue.createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+
+exports.default = script;
+//# sourceMappingURL=group.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"group.vue2.js","sources":["../../../src/group/src/group.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n\t\tname: 'me-group',\n\t});\n</script>\n<template>\n\t<div class=\"me-group\">\n\t\t<div v-if=\"isExpand\" @click=\"handleFold\" style=\"height: auto; display: flex; align-items: center; justify-content: center\">\n\t\t\t<me-svg-icon name=\"ri-arrow-left-s-line\"></me-svg-icon>\n\t\t</div>\n\t\t<div class=\"group\" ref=\"groupRef\" :style=\"{ width: groupWidth }\">\n\t\t\t<slot></slot>\n\t\t</div>\n\t\t<div v-if=\"!isExpand\" @click=\"handleExpand\" class=\"icon\" style=\"height: auto; display: flex; align-items: center; justify-content: center\">\n\t\t\t<span v-if=\"slots?.default\" style=\"font-size: 11px; margin-right: -5px\">\n\t\t\t\t{{ slots.default().length - 1 }}\n\t\t\t</span>\n\t\t\t<me-svg-icon name=\"ri-arrow-right-s-line\"></me-svg-icon>\n\t\t</div>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { ref, useSlots } from 'vue'\n\timport type { GroupProps } from './group'\n\timport { MeSvgIcon } from '../../svg-icon'\n\n\t\n\n\tconst props = withDefaults(defineProps<GroupProps>(), {})\n\n\tconst groupWidth = ref(props.width)\n\tconst groupRef = ref<HTMLDivElement>()\n\tconst isExpand = ref(false)\n\tconst slots = useSlots()\n\n\tconst handleExpand = () => {\n\t\tif (!groupRef?.value) return\n\t\tisExpand.value = true\n\t\tgroupRef.value.style.width = 'auto'\n\t\tconst { width } = groupRef.value.getBoundingClientRect()\n\t\tconsole.log(width)\n\t\tgroupRef.value.style.width = groupWidth.value || ''\n\t\t// groupRef.value.getBoundingClientRect()\n\t\trequestAnimationFrame(() => {\n\t\t\tif (!groupRef.value) return\n\t\t\tgroupRef.value.style.width = `${width}px`\n\t\t})\n\t}\n\n\tconst handleFold = () => {\n\t\tisExpand.value = false\n\t\tif (!groupRef.value) return\n\t\tgroupRef.value.style.width = groupWidth.value || ''\n\t}\n</script>\n"],"names":["__MACROS_defineComponent","ref","useSlots","_openBlock","_createElementBlock","_createVNode","_unref","MeSvgIcon","_createElementVNode","_renderSlot","_toDisplayString"],"mappings":";;;;;;;;;;;;;AAEA,MAAA,cAA6BA,mBAAA,CAAyB;AAAA,EACpD,IAAA,EAAM;AACP,CAAC,CAAA;;;;;;;AA0BD,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM,UAAA,GAAaC,OAAA,CAAI,KAAA,CAAM,KAAK,CAAA;AAClC,IAAA,MAAM,WAAWA,OAAA,EAAoB;AACrC,IAAA,MAAM,QAAA,GAAWA,QAAI,KAAK,CAAA;AAC1B,IAAA,MAAM,QAAQC,YAAA,EAAS;AAEvB,IAAA,MAAM,eAAe,MAAM;AAC1B,MAAA,IAAI,CAAC,UAAU,KAAA,EAAO;AACtB,MAAA,QAAA,CAAS,KAAA,GAAQ,IAAA;AACjB,MAAA,QAAA,CAAS,KAAA,CAAM,MAAM,KAAA,GAAQ,MAAA;AAC7B,MAAA,MAAM,EAAE,KAAA,EAAM,GAAI,QAAA,CAAS,MAAM,qBAAA,EAAsB;AACvD,MAAA,OAAA,CAAQ,IAAI,KAAK,CAAA;AACjB,MAAA,QAAA,CAAS,KAAA,CAAM,KAAA,CAAM,KAAA,GAAQ,UAAA,CAAW,KAAA,IAAS,EAAA;AAEjD,MAAA,qBAAA,CAAsB,MAAM;AAC3B,QAAA,IAAI,CAAC,SAAS,KAAA,EAAO;AACrB,QAAA,QAAA,CAAS,KAAA,CAAM,KAAA,CAAM,KAAA,GAAQ,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA;AAAA,MACtC,CAAC,CAAA;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM;AACxB,MAAA,QAAA,CAAS,KAAA,GAAQ,KAAA;AACjB,MAAA,IAAI,CAAC,SAAS,KAAA,EAAO;AACrB,MAAA,QAAA,CAAS,KAAA,CAAM,KAAA,CAAM,KAAA,GAAQ,UAAA,CAAW,KAAA,IAAS,EAAA;AAAA,IAClD,CAAA;;AAhDA,MAAA,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAaM,KAAA,EAbN,UAAA,EAaM;AAAA,QAZM,QAAA,CAAA,KAAA,qBAAXA,uBAEM,KAAA,EAAA;AAAA;UAFgB,OAAA,EAAO,UAAA;AAAA,UAAY,KAAA,EAAA,EAAA,QAAA,EAAA,MAAA,EAAA,WAAA,MAAA,EAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA;AAAA;UACxCC,gBAAuDC,SAAA,CAAAC,eAAA,GAAA,EAA1C,IAAA,EAAK,wBAAsB;AAAA;QAEzCC,sBAAA;AAAA,UAEM,KAAA;AAAA,UAAA;AAAA,YAFD,KAAA,EAAM,OAAA;AAAA,qBAAY,UAAA;AAAA,YAAJ,GAAA,EAAI,QAAA;AAAA,YAAY,mCAAgB,UAAA,CAAA,OAAU;AAAA;;YAC5DC,cAAA,CAAa,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;SAEF,QAAA,CAAA,KAAA,qBAAZL,uBAKM,KAAA,EAAA;AAAA;UALiB,OAAA,EAAO,YAAA;AAAA,UAAc,KAAA,EAAM,MAAA;AAAA,UAAO,KAAA,EAAA,EAAA,QAAA,EAAA,MAAA,EAAA,WAAA,MAAA,EAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA;AAAA;UAC5CE,SAAA,CAAA,KAAA,CAAA,EAAO,OAAA,IAAnBH,eAAA,EAAAC,sBAAA;AAAA,YAEO,MAAA;AAAA,YAFP,UAAA;AAAA,YAEOM,oBADHJ,SAAA,QAAM,OAAA,GAAU,SAAM,CAAA,CAAA;AAAA,YAAA;AAAA;AAAA,WAAA;UAE1BD,gBAAwDC,SAAA,CAAAC,eAAA,GAAA,EAA3C,IAAA,EAAK,yBAAuB;AAAA;;;;;;;;"}

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

@@ -0,0 +1,2 @@
+import type Group from './group.vue';
+export type GroupInstance = InstanceType<typeof Group> & unknown;

package/lib/group/style/index.css

@@ -0,0 +1 @@
+.me-group{display:flex}.me-group .group{display:flex;overflow:hidden;transition:all .3s ease-in-out}.me-group .icon{width:30px}

package/lib/group/style/index.d.ts

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

package/lib/group/style/index.js

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

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

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

package/lib/group/style/index.scss

@@ -0,0 +1,12 @@
+.me-group {
+	display: flex;
+
+	.group {
+		display: flex;
+		overflow: hidden;
+		transition: all 0.3s ease-in-out;
+	}
+	.icon {
+		width: 30px;
+	}
+}

package/lib/group/style/scss.d.ts

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

package/lib/group/style/scss.js

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

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

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

package/lib/icon-button/index.d.ts

@@ -0,0 +1,35 @@
+export declare const MeIconButton: import("../utils/install").WithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import(".").IconButtonProps> & Readonly<{}>, {
+        click: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        icon: string;
+        hoverColor: string;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import(".").IconButtonProps> & Readonly<{}>, {
+        click: () => void;
+    }, {}, {}, {}, {
+        icon: string;
+        hoverColor: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import(".").IconButtonProps> & Readonly<{}>, {
+    click: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    icon: string;
+    hoverColor: string;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+})>;
+export default MeIconButton;
+export * from './src/icon-button';
+export type { IconButtonInstance } from './src/instance';