mortise-tenon-design 0.0.14 → 0.0.15

package/es/components/expand-box/index.d.ts

@@ -0,0 +1,91 @@
+export declare const MtExpandBox: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./src/expand-box').ExpandBoxProps> & Readonly<{
+        "onUpdate:open"?: ((open: boolean) => any) | undefined;
+        onChange?: ((value: boolean) => any) | undefined;
+    }>, {
+        isOutRange: import('vue').ComputedRef<boolean>;
+        hasExtendMore: import('vue').Ref<boolean, boolean>;
+        changeExtendMore: (value: boolean) => void;
+        toggleExtendMore: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:open": (open: boolean) => any;
+        change: (value: boolean) => any;
+    }, import('vue').PublicProps, {
+        open: boolean;
+        targetRange: number;
+        transitionTime: string;
+        placement: "top" | "bottom";
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./src/expand-box').ExpandBoxProps> & Readonly<{
+        "onUpdate:open"?: ((open: boolean) => any) | undefined;
+        onChange?: ((value: boolean) => any) | undefined;
+    }>, {
+        isOutRange: import('vue').ComputedRef<boolean>;
+        hasExtendMore: import('vue').Ref<boolean, boolean>;
+        changeExtendMore: (value: boolean) => void;
+        toggleExtendMore: () => void;
+    }, {}, {}, {}, {
+        open: boolean;
+        targetRange: number;
+        transitionTime: string;
+        placement: "top" | "bottom";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./src/expand-box').ExpandBoxProps> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    onChange?: ((value: boolean) => any) | undefined;
+}>, {
+    isOutRange: import('vue').ComputedRef<boolean>;
+    hasExtendMore: import('vue').Ref<boolean, boolean>;
+    changeExtendMore: (value: boolean) => void;
+    toggleExtendMore: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:open": (open: boolean) => any;
+    change: (value: boolean) => any;
+}, string, {
+    open: boolean;
+    targetRange: number;
+    transitionTime: string;
+    placement: "top" | "bottom";
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        content?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: () => void;
+        }): any;
+        content?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: () => void;
+        }): any;
+        custom?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: () => void;
+        }): any;
+        before?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: () => void;
+        }): any;
+        button?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: () => void;
+        }): any;
+        after?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: () => void;
+        }): any;
+    };
+});

package/es/components/expand-box/index.mjs

@@ -0,0 +1,10 @@
+import n from "./src/expand-box.vue.mjs";
+n.install = (o) => {
+  n.name && o.component(n.name, n);
+};
+const a = n;
+export {
+  a as MtExpandBox
+};
+//# sourceMappingURL=index.mjs.map
+import './src/expand-box.css';

package/es/components/expand-box/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/expand-box/index.ts"],"sourcesContent":["import type { App } from 'vue';\r\nimport ExpandBox from './src/expand-box.vue';\r\n\r\nExpandBox.install = (app: App): void => {\r\n  if (ExpandBox.name) {\r\n    app.component(ExpandBox.name, ExpandBox);\r\n  }\r\n};\r\n\r\nexport const MtExpandBox = ExpandBox;\r\n"],"names":["ExpandBox","app","MtExpandBox"],"mappings":";AAGAA,EAAU,UAAU,CAACC,MAAmB;AACtC,EAAID,EAAU,QACRC,EAAA,UAAUD,EAAU,MAAMA,CAAS;AAE3C;AAEO,MAAME,IAAcF;"}

package/es/components/expand-box/src/expand-box.css

@@ -0,0 +1 @@
+.button-box[data-v-1d132f79]{display:flex;align-items:center}.button-box .extend-button[data-v-1d132f79]{display:flex;align-items:center;color:#061533a6;border-radius:4px;cursor:pointer}.button-box .btn-icon[data-v-1d132f79]{margin:4px;font-size:12px}.button-box .active[data-v-1d132f79]{transform:rotate(180deg)}.button-box .extend-content[data-v-1d132f79]{color:#061533a6}

package/es/components/expand-box/src/expand-box.d.ts

@@ -0,0 +1,19 @@
+import { CSSProperties } from 'vue';
+export interface ExpandBoxProps {
+    /** 控制是否展开（v-model） */
+    open?: boolean;
+    /** 达到可调整的目标范围(px) */
+    targetRange?: number;
+    /** 过渡时间 */
+    transitionTime?: string;
+    /** 展开按钮样式 */
+    buttonStyle?: CSSProperties;
+    /** 展开的位置 */
+    placement?: 'top' | 'bottom';
+}
+export interface ExpandBoxEmits {
+    /** open绑定修改 */
+    (e: 'update:open', open: boolean): void;
+    /** 展开状态变更 */
+    (e: 'change', value: boolean): void;
+}

package/es/components/expand-box/src/expand-box.vue.d.ts

@@ -0,0 +1,68 @@
+import { ExpandBoxProps } from './expand-box';
+/** 修改是否展开更多 */
+declare function changeExtendMore(value: boolean): void;
+/** 切换是否展开更多 */
+declare function toggleExtendMore(): void;
+declare function __VLS_template(): {
+    slots: {
+        content?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: typeof toggleExtendMore;
+        }): any;
+        content?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: typeof toggleExtendMore;
+        }): any;
+        custom?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: typeof toggleExtendMore;
+        }): any;
+        before?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: typeof toggleExtendMore;
+        }): any;
+        button?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: typeof toggleExtendMore;
+        }): any;
+        after?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: typeof toggleExtendMore;
+        }): any;
+    };
+    refs: {
+        contentRef: HTMLDivElement;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ExpandBoxProps, {
+    isOutRange: import('vue').ComputedRef<boolean>;
+    hasExtendMore: import('vue').Ref<boolean, boolean>;
+    changeExtendMore: typeof changeExtendMore;
+    toggleExtendMore: typeof toggleExtendMore;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:open": (open: boolean) => any;
+    change: (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<ExpandBoxProps> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    onChange?: ((value: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    targetRange: number;
+    transitionTime: string;
+    placement: "top" | "bottom";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/expand-box/src/expand-box.vue.mjs

@@ -0,0 +1,8 @@
+import o from "./expand-box.vue2.mjs";
+/* empty css                 */
+import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1d132f79"]]);
+export {
+  f as default
+};
+//# sourceMappingURL=expand-box.vue.mjs.map

package/es/components/expand-box/src/expand-box.vue.mjs.map

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

package/es/components/expand-box/src/expand-box.vue2.mjs

@@ -0,0 +1,98 @@
+import { defineComponent as B, ref as p, computed as g, watch as C, onMounted as w, onBeforeUnmount as x, openBlock as c, createElementBlock as d, normalizeStyle as h, createElementVNode as v, renderSlot as a, normalizeProps as l, guardReactiveProps as s, createCommentVNode as R, normalizeClass as N } from "vue";
+import { debounce as O } from "lodash-es";
+const P = { class: "button-box" }, H = /* @__PURE__ */ B({
+  __name: "expand-box",
+  props: {
+    open: { type: Boolean, default: !1 },
+    targetRange: { default: 0 },
+    transitionTime: { default: "0.2s" },
+    buttonStyle: {},
+    placement: { default: "bottom" }
+  },
+  emits: ["update:open", "change"],
+  setup(z, { expose: E, emit: M }) {
+    const u = z, b = M, i = p(), f = p(0), t = p(!1), r = g(() => f.value > u.targetRange), y = g(() => ({
+      overflow: "hidden",
+      height: `${!r.value || t.value ? f.value : u.targetRange}px`,
+      transition: `height ${u.transitionTime} ease-in-out`
+    }));
+    C(
+      () => u.open,
+      (e) => {
+        t.value = e;
+      },
+      { immediate: !0 }
+    );
+    function k(e) {
+      b("change", e), b("update:open", e), t.value = e;
+    }
+    function m() {
+      k(!t.value);
+    }
+    const o = g(() => ({
+      hasExtendMore: t.value,
+      isOutRange: r.value,
+      toggleExtendMore: m
+    }));
+    function $() {
+      var e;
+      f.value = (e = i.value) == null ? void 0 : e.offsetHeight;
+    }
+    const S = O($, 200);
+    let n;
+    return w(() => {
+      $(), n = new ResizeObserver(S), n == null || n.observe(i.value);
+    }), x(() => {
+      n && n.disconnect();
+    }), E({
+      isOutRange: r,
+      hasExtendMore: t,
+      changeExtendMore: k,
+      toggleExtendMore: m
+    }), (e, T) => (c(), d("div", null, [
+      e.placement === "top" ? (c(), d("div", {
+        key: 0,
+        style: h(y.value)
+      }, [
+        v("div", {
+          ref_key: "contentRef",
+          ref: i
+        }, [
+          a(e.$slots, "content", l(s(o.value)), void 0, !0)
+        ], 512)
+      ], 4)) : R("", !0),
+      a(e.$slots, "custom", l(s(o.value)), () => [
+        v("div", P, [
+          a(e.$slots, "before", l(s(o.value)), void 0, !0),
+          r.value ? (c(), d("div", {
+            key: 0,
+            class: "extend-button",
+            style: h(e.buttonStyle),
+            onClick: m
+          }, [
+            a(e.$slots, "button", l(s(o.value)), void 0, !0),
+            v("div", {
+              class: N(["btn-icon", { active: t.value }])
+            }, " ﹀ ", 2)
+          ], 4)) : R("", !0),
+          a(e.$slots, "after", l(s(o.value)), void 0, !0)
+        ])
+      ], !0),
+      e.placement === "bottom" ? (c(), d("div", {
+        key: 1,
+        style: h(y.value)
+      }, [
+        v("div", {
+          ref_key: "contentRef",
+          ref: i
+        }, [
+          a(e.$slots, "content", l(s(o.value)), void 0, !0)
+        ], 512)
+      ], 4)) : R("", !0)
+    ]));
+  }
+});
+export {
+  H as default
+};
+//# sourceMappingURL=expand-box.vue2.mjs.map

package/es/components/expand-box/src/expand-box.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"expand-box.vue2.mjs","sources":["../../../../../../packages/components/expand-box/src/expand-box.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ExpandBoxEmits, ExpandBoxProps } from './expand-box';\r\nimport { debounce } from 'lodash-es';\r\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\r\n\r\nconst props = withDefaults(defineProps<ExpandBoxProps>(), {\r\n  open: false,\r\n  targetRange: 0,\r\n  transitionTime: '0.2s',\r\n  placement: 'bottom',\r\n});\r\n\r\nconst emit = defineEmits<ExpandBoxEmits>();\r\n\r\n/** 内容实例 */\r\nconst contentRef = ref();\r\n/** 内容大小 */\r\nconst contentRange = ref(0);\r\n/** 是否展开更多 */\r\nconst hasExtendMore = ref(false);\r\n/** 是否超出目标范围 */\r\nconst isOutRange = computed(() => contentRange.value > props.targetRange);\r\n/** 展开或收起后内容样式 */\r\nconst contentStyle = computed(() => {\r\n  const size = !isOutRange.value || hasExtendMore.value ? contentRange.value : props.targetRange;\r\n  return {\r\n    overflow: 'hidden',\r\n    height: `${size}px`,\r\n    transition: `height ${props.transitionTime} ease-in-out`,\r\n  };\r\n});\r\n\r\nwatch(\r\n  () => props.open,\r\n  (value) => {\r\n    hasExtendMore.value = value;\r\n  },\r\n  { immediate: true },\r\n);\r\n\r\n/** 修改是否展开更多 */\r\nfunction changeExtendMore(value: boolean) {\r\n  emit('change', value);\r\n  emit('update:open', value);\r\n  hasExtendMore.value = value;\r\n}\r\n\r\n/** 切换是否展开更多 */\r\nfunction toggleExtendMore() {\r\n  changeExtendMore(!hasExtendMore.value);\r\n}\r\n\r\n/** 插槽数据 */\r\nconst slotData = computed(() => ({\r\n  hasExtendMore: hasExtendMore.value,\r\n  isOutRange: isOutRange.value,\r\n  toggleExtendMore,\r\n}));\r\n\r\n/** 获取内容实际范围 */\r\nfunction getRealRange() {\r\n  contentRange.value = contentRef.value?.offsetHeight;\r\n}\r\n\r\n/** 自动监听触发，重新计算高度 */\r\nconst handleResize = debounce(getRealRange, 200);\r\n\r\nlet resizeObserver: ResizeObserver | undefined;\r\n\r\n// 初始化内容\r\nonMounted(() => {\r\n  getRealRange(); // 获取内容实际范围\r\n  // ================= 监听元素尺寸变化 ==================\r\n  resizeObserver = new ResizeObserver(handleResize);\r\n  resizeObserver?.observe(contentRef.value);\r\n});\r\n\r\n// 移除监听事件\r\nonBeforeUnmount(() => {\r\n  if (resizeObserver) {\r\n    resizeObserver.disconnect();\r\n  }\r\n});\r\n\r\ndefineExpose({\r\n  isOutRange,\r\n  hasExtendMore,\r\n  changeExtendMore,\r\n  toggleExtendMore,\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <!-- 展开的内容（位于按钮前方） -->\r\n    <div\r\n      v-if=\"placement === 'top'\"\r\n      :style=\"contentStyle\"\r\n    >\r\n      <div ref=\"contentRef\">\r\n        <slot\r\n          name=\"content\"\r\n          v-bind=\"slotData\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <!-- 控制展开/收起的按钮区域 -->\r\n    <slot\r\n      v-bind=\"slotData\"\r\n      name=\"custom\"\r\n    >\r\n      <div class=\"button-box\">\r\n        <!-- 定义在按钮前方的插槽 -->\r\n        <slot\r\n          name=\"before\"\r\n          v-bind=\"slotData\"\r\n        />\r\n        <!-- 切换按钮，仅在isOutRange为ture时显示 -->\r\n        <div\r\n          v-if=\"isOutRange\"\r\n          class=\"extend-button\"\r\n          :style=\"buttonStyle\"\r\n          @click=\"toggleExtendMore\"\r\n        >\r\n          <slot\r\n            v-bind=\"slotData\"\r\n            name=\"button\"\r\n          />\r\n          <div\r\n            class=\"btn-icon\"\r\n            :class=\"{ active: hasExtendMore }\"\r\n          >\r\n            ﹀\r\n          </div>\r\n        </div>\r\n        <!-- 定义在按钮后方的插槽 -->\r\n        <slot\r\n          name=\"after\"\r\n          v-bind=\"slotData\"\r\n        />\r\n      </div>\r\n    </slot>\r\n    <!-- 展开的内容（位于按钮后方） -->\r\n    <div\r\n      v-if=\"placement === 'bottom'\"\r\n      :style=\"contentStyle\"\r\n    >\r\n      <div ref=\"contentRef\">\r\n        <slot\r\n          name=\"content\"\r\n          v-bind=\"slotData\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"less\" scoped>\r\n.button-box {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  .extend-button {\r\n    display: flex;\r\n    align-items: center;\r\n    color: rgba(6, 21, 51, 0.65);\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .btn-icon {\r\n    margin: 4px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .active {\r\n    transform: rotateZ(180deg);\r\n  }\r\n\r\n  .extend-content {\r\n    color: rgba(6, 21, 51, 0.65);\r\n  }\r\n}\r\n</style>\r\n"],"names":["props","__props","emit","__emit","contentRef","ref","contentRange","hasExtendMore","isOutRange","computed","contentStyle","watch","value","changeExtendMore","toggleExtendMore","slotData","getRealRange","_a","handleResize","debounce","resizeObserver","onMounted","onBeforeUnmount","__expose"],"mappings":";;;;;;;;;;;;;AAKA,UAAMA,IAAQC,GAORC,IAAOC,GAGPC,IAAaC,KAEbC,IAAeD,EAAI,CAAC,GAEpBE,IAAgBF,EAAI,EAAK,GAEzBG,IAAaC,EAAS,MAAMH,EAAa,QAAQN,EAAM,WAAW,GAElEU,IAAeD,EAAS,OAErB;AAAA,MACL,UAAU;AAAA,MACV,QAAQ,GAHG,CAACD,EAAW,SAASD,EAAc,QAAQD,EAAa,QAAQN,EAAM,WAGlE;AAAA,MACf,YAAY,UAAUA,EAAM,cAAc;AAAA,IAAA,EAE7C;AAED,IAAAW;AAAA,MACE,MAAMX,EAAM;AAAA,MACZ,CAACY,MAAU;AACT,QAAAL,EAAc,QAAQK;AAAA,MACxB;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IAAA;AAIpB,aAASC,EAAiBD,GAAgB;AACxC,MAAAV,EAAK,UAAUU,CAAK,GACpBV,EAAK,eAAeU,CAAK,GACzBL,EAAc,QAAQK;AAAA,IACxB;AAGA,aAASE,IAAmB;AACT,MAAAD,EAAA,CAACN,EAAc,KAAK;AAAA,IACvC;AAGM,UAAAQ,IAAWN,EAAS,OAAO;AAAA,MAC/B,eAAeF,EAAc;AAAA,MAC7B,YAAYC,EAAW;AAAA,MACvB,kBAAAM;AAAA,IACA,EAAA;AAGF,aAASE,IAAe;;AACT,MAAAV,EAAA,SAAQW,IAAAb,EAAW,UAAX,gBAAAa,EAAkB;AAAA,IACzC;AAGM,UAAAC,IAAeC,EAASH,GAAc,GAAG;AAE3C,QAAAI;AAGJ,WAAAC,EAAU,MAAM;AACD,MAAAL,KAEII,IAAA,IAAI,eAAeF,CAAY,GAChCE,KAAA,QAAAA,EAAA,QAAQhB,EAAW;AAAA,IAAK,CACzC,GAGDkB,EAAgB,MAAM;AACpB,MAAIF,KACFA,EAAe,WAAW;AAAA,IAC5B,CACD,GAEYG,EAAA;AAAA,MACX,YAAAf;AAAA,MACA,eAAAD;AAAA,MACA,kBAAAM;AAAA,MACA,kBAAAC;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/index.d.ts

@@ -1 +1 @@
-export * from './button';
+export * from './expand-box';

package/es/index.mjs

@@ -1,5 +1,5 @@
-import { MtButton as r } from "./components/button/index.mjs";
+import { MtExpandBox as p } from "./components/expand-box/index.mjs";
 export {
-  r as MtButton
+  p as MtExpandBox
 };
 //# sourceMappingURL=index.mjs.map

package/lib/components/expand-box/index.d.ts

@@ -0,0 +1,91 @@
+export declare const MtExpandBox: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./src/expand-box').ExpandBoxProps> & Readonly<{
+        "onUpdate:open"?: ((open: boolean) => any) | undefined;
+        onChange?: ((value: boolean) => any) | undefined;
+    }>, {
+        isOutRange: import('vue').ComputedRef<boolean>;
+        hasExtendMore: import('vue').Ref<boolean, boolean>;
+        changeExtendMore: (value: boolean) => void;
+        toggleExtendMore: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:open": (open: boolean) => any;
+        change: (value: boolean) => any;
+    }, import('vue').PublicProps, {
+        open: boolean;
+        targetRange: number;
+        transitionTime: string;
+        placement: "top" | "bottom";
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./src/expand-box').ExpandBoxProps> & Readonly<{
+        "onUpdate:open"?: ((open: boolean) => any) | undefined;
+        onChange?: ((value: boolean) => any) | undefined;
+    }>, {
+        isOutRange: import('vue').ComputedRef<boolean>;
+        hasExtendMore: import('vue').Ref<boolean, boolean>;
+        changeExtendMore: (value: boolean) => void;
+        toggleExtendMore: () => void;
+    }, {}, {}, {}, {
+        open: boolean;
+        targetRange: number;
+        transitionTime: string;
+        placement: "top" | "bottom";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./src/expand-box').ExpandBoxProps> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    onChange?: ((value: boolean) => any) | undefined;
+}>, {
+    isOutRange: import('vue').ComputedRef<boolean>;
+    hasExtendMore: import('vue').Ref<boolean, boolean>;
+    changeExtendMore: (value: boolean) => void;
+    toggleExtendMore: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:open": (open: boolean) => any;
+    change: (value: boolean) => any;
+}, string, {
+    open: boolean;
+    targetRange: number;
+    transitionTime: string;
+    placement: "top" | "bottom";
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        content?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: () => void;
+        }): any;
+        content?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: () => void;
+        }): any;
+        custom?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: () => void;
+        }): any;
+        before?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: () => void;
+        }): any;
+        button?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: () => void;
+        }): any;
+        after?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: () => void;
+        }): any;
+    };
+});

package/lib/components/expand-box/index.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./src/expand-box.vue.js");e.default.install=t=>{e.default.name&&t.component(e.default.name,e.default)};const a=e.default;exports.MtExpandBox=a;
+//# sourceMappingURL=index.js.map
+require('./src/expand-box.css');

package/lib/components/expand-box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/expand-box/index.ts"],"sourcesContent":["import type { App } from 'vue';\r\nimport ExpandBox from './src/expand-box.vue';\r\n\r\nExpandBox.install = (app: App): void => {\r\n  if (ExpandBox.name) {\r\n    app.component(ExpandBox.name, ExpandBox);\r\n  }\r\n};\r\n\r\nexport const MtExpandBox = ExpandBox;\r\n"],"names":["ExpandBox","app","MtExpandBox"],"mappings":"2HAGAA,EAAAA,QAAU,QAAWC,GAAmB,CAClCD,EAAAA,QAAU,MACRC,EAAA,UAAUD,EAAAA,QAAU,KAAMA,EAAS,OAAA,CAE3C,EAEO,MAAME,EAAcF,EAAAA"}

package/lib/components/expand-box/src/expand-box.css

@@ -0,0 +1 @@
+.button-box[data-v-1d132f79]{display:flex;align-items:center}.button-box .extend-button[data-v-1d132f79]{display:flex;align-items:center;color:#061533a6;border-radius:4px;cursor:pointer}.button-box .btn-icon[data-v-1d132f79]{margin:4px;font-size:12px}.button-box .active[data-v-1d132f79]{transform:rotate(180deg)}.button-box .extend-content[data-v-1d132f79]{color:#061533a6}

package/lib/components/expand-box/src/expand-box.d.ts

@@ -0,0 +1,19 @@
+import { CSSProperties } from 'vue';
+export interface ExpandBoxProps {
+    /** 控制是否展开（v-model） */
+    open?: boolean;
+    /** 达到可调整的目标范围(px) */
+    targetRange?: number;
+    /** 过渡时间 */
+    transitionTime?: string;
+    /** 展开按钮样式 */
+    buttonStyle?: CSSProperties;
+    /** 展开的位置 */
+    placement?: 'top' | 'bottom';
+}
+export interface ExpandBoxEmits {
+    /** open绑定修改 */
+    (e: 'update:open', open: boolean): void;
+    /** 展开状态变更 */
+    (e: 'change', value: boolean): void;
+}

package/lib/components/expand-box/src/expand-box.vue.d.ts

@@ -0,0 +1,68 @@
+import { ExpandBoxProps } from './expand-box';
+/** 修改是否展开更多 */
+declare function changeExtendMore(value: boolean): void;
+/** 切换是否展开更多 */
+declare function toggleExtendMore(): void;
+declare function __VLS_template(): {
+    slots: {
+        content?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: typeof toggleExtendMore;
+        }): any;
+        content?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: typeof toggleExtendMore;
+        }): any;
+        custom?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: typeof toggleExtendMore;
+        }): any;
+        before?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: typeof toggleExtendMore;
+        }): any;
+        button?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: typeof toggleExtendMore;
+        }): any;
+        after?(_: {
+            hasExtendMore: boolean;
+            isOutRange: boolean;
+            toggleExtendMore: typeof toggleExtendMore;
+        }): any;
+    };
+    refs: {
+        contentRef: HTMLDivElement;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ExpandBoxProps, {
+    isOutRange: import('vue').ComputedRef<boolean>;
+    hasExtendMore: import('vue').Ref<boolean, boolean>;
+    changeExtendMore: typeof changeExtendMore;
+    toggleExtendMore: typeof toggleExtendMore;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:open": (open: boolean) => any;
+    change: (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<ExpandBoxProps> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    onChange?: ((value: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    targetRange: number;
+    transitionTime: string;
+    placement: "top" | "bottom";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/expand-box/src/expand-box.vue.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./expand-box.vue2.js");;/* empty css                 */const t=require("../../../_virtual/_plugin-vue_export-helper.js"),u=t.default(e.default,[["__scopeId","data-v-1d132f79"]]);exports.default=u;
+//# sourceMappingURL=expand-box.vue.js.map

package/lib/components/expand-box/src/expand-box.vue.js.map

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

package/lib/components/expand-box/src/expand-box.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("lodash-es"),y={class:"button-box"},b=e.defineComponent({__name:"expand-box",props:{open:{type:Boolean,default:!1},targetRange:{default:0},transitionTime:{default:"0.2s"},buttonStyle:{},placement:{default:"bottom"}},emits:["update:open","change"],setup(p,{expose:f,emit:g}){const r=p,c=g,l=e.ref(),u=e.ref(0),o=e.ref(!1),s=e.computed(()=>u.value>r.targetRange),d=e.computed(()=>({overflow:"hidden",height:`${!s.value||o.value?u.value:r.targetRange}px`,transition:`height ${r.transitionTime} ease-in-out`}));e.watch(()=>r.open,t=>{o.value=t},{immediate:!0});function m(t){c("change",t),c("update:open",t),o.value=t}function i(){m(!o.value)}const n=e.computed(()=>({hasExtendMore:o.value,isOutRange:s.value,toggleExtendMore:i}));function v(){var t;u.value=(t=l.value)==null?void 0:t.offsetHeight}const R=h.debounce(v,200);let a;return e.onMounted(()=>{v(),a=new ResizeObserver(R),a==null||a.observe(l.value)}),e.onBeforeUnmount(()=>{a&&a.disconnect()}),f({isOutRange:s,hasExtendMore:o,changeExtendMore:m,toggleExtendMore:i}),(t,k)=>(e.openBlock(),e.createElementBlock("div",null,[t.placement==="top"?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(d.value)},[e.createElementVNode("div",{ref_key:"contentRef",ref:l},[e.renderSlot(t.$slots,"content",e.normalizeProps(e.guardReactiveProps(n.value)),void 0,!0)],512)],4)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"custom",e.normalizeProps(e.guardReactiveProps(n.value)),()=>[e.createElementVNode("div",y,[e.renderSlot(t.$slots,"before",e.normalizeProps(e.guardReactiveProps(n.value)),void 0,!0),s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"extend-button",style:e.normalizeStyle(t.buttonStyle),onClick:i},[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps(n.value)),void 0,!0),e.createElementVNode("div",{class:e.normalizeClass(["btn-icon",{active:o.value}])}," ﹀ ",2)],4)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"after",e.normalizeProps(e.guardReactiveProps(n.value)),void 0,!0)])],!0),t.placement==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(d.value)},[e.createElementVNode("div",{ref_key:"contentRef",ref:l},[e.renderSlot(t.$slots,"content",e.normalizeProps(e.guardReactiveProps(n.value)),void 0,!0)],512)],4)):e.createCommentVNode("",!0)]))}});exports.default=b;
+//# sourceMappingURL=expand-box.vue2.js.map

package/lib/components/expand-box/src/expand-box.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expand-box.vue2.js","sources":["../../../../../../packages/components/expand-box/src/expand-box.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ExpandBoxEmits, ExpandBoxProps } from './expand-box';\r\nimport { debounce } from 'lodash-es';\r\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\r\n\r\nconst props = withDefaults(defineProps<ExpandBoxProps>(), {\r\n  open: false,\r\n  targetRange: 0,\r\n  transitionTime: '0.2s',\r\n  placement: 'bottom',\r\n});\r\n\r\nconst emit = defineEmits<ExpandBoxEmits>();\r\n\r\n/** 内容实例 */\r\nconst contentRef = ref();\r\n/** 内容大小 */\r\nconst contentRange = ref(0);\r\n/** 是否展开更多 */\r\nconst hasExtendMore = ref(false);\r\n/** 是否超出目标范围 */\r\nconst isOutRange = computed(() => contentRange.value > props.targetRange);\r\n/** 展开或收起后内容样式 */\r\nconst contentStyle = computed(() => {\r\n  const size = !isOutRange.value || hasExtendMore.value ? contentRange.value : props.targetRange;\r\n  return {\r\n    overflow: 'hidden',\r\n    height: `${size}px`,\r\n    transition: `height ${props.transitionTime} ease-in-out`,\r\n  };\r\n});\r\n\r\nwatch(\r\n  () => props.open,\r\n  (value) => {\r\n    hasExtendMore.value = value;\r\n  },\r\n  { immediate: true },\r\n);\r\n\r\n/** 修改是否展开更多 */\r\nfunction changeExtendMore(value: boolean) {\r\n  emit('change', value);\r\n  emit('update:open', value);\r\n  hasExtendMore.value = value;\r\n}\r\n\r\n/** 切换是否展开更多 */\r\nfunction toggleExtendMore() {\r\n  changeExtendMore(!hasExtendMore.value);\r\n}\r\n\r\n/** 插槽数据 */\r\nconst slotData = computed(() => ({\r\n  hasExtendMore: hasExtendMore.value,\r\n  isOutRange: isOutRange.value,\r\n  toggleExtendMore,\r\n}));\r\n\r\n/** 获取内容实际范围 */\r\nfunction getRealRange() {\r\n  contentRange.value = contentRef.value?.offsetHeight;\r\n}\r\n\r\n/** 自动监听触发，重新计算高度 */\r\nconst handleResize = debounce(getRealRange, 200);\r\n\r\nlet resizeObserver: ResizeObserver | undefined;\r\n\r\n// 初始化内容\r\nonMounted(() => {\r\n  getRealRange(); // 获取内容实际范围\r\n  // ================= 监听元素尺寸变化 ==================\r\n  resizeObserver = new ResizeObserver(handleResize);\r\n  resizeObserver?.observe(contentRef.value);\r\n});\r\n\r\n// 移除监听事件\r\nonBeforeUnmount(() => {\r\n  if (resizeObserver) {\r\n    resizeObserver.disconnect();\r\n  }\r\n});\r\n\r\ndefineExpose({\r\n  isOutRange,\r\n  hasExtendMore,\r\n  changeExtendMore,\r\n  toggleExtendMore,\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <!-- 展开的内容（位于按钮前方） -->\r\n    <div\r\n      v-if=\"placement === 'top'\"\r\n      :style=\"contentStyle\"\r\n    >\r\n      <div ref=\"contentRef\">\r\n        <slot\r\n          name=\"content\"\r\n          v-bind=\"slotData\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <!-- 控制展开/收起的按钮区域 -->\r\n    <slot\r\n      v-bind=\"slotData\"\r\n      name=\"custom\"\r\n    >\r\n      <div class=\"button-box\">\r\n        <!-- 定义在按钮前方的插槽 -->\r\n        <slot\r\n          name=\"before\"\r\n          v-bind=\"slotData\"\r\n        />\r\n        <!-- 切换按钮，仅在isOutRange为ture时显示 -->\r\n        <div\r\n          v-if=\"isOutRange\"\r\n          class=\"extend-button\"\r\n          :style=\"buttonStyle\"\r\n          @click=\"toggleExtendMore\"\r\n        >\r\n          <slot\r\n            v-bind=\"slotData\"\r\n            name=\"button\"\r\n          />\r\n          <div\r\n            class=\"btn-icon\"\r\n            :class=\"{ active: hasExtendMore }\"\r\n          >\r\n            ﹀\r\n          </div>\r\n        </div>\r\n        <!-- 定义在按钮后方的插槽 -->\r\n        <slot\r\n          name=\"after\"\r\n          v-bind=\"slotData\"\r\n        />\r\n      </div>\r\n    </slot>\r\n    <!-- 展开的内容（位于按钮后方） -->\r\n    <div\r\n      v-if=\"placement === 'bottom'\"\r\n      :style=\"contentStyle\"\r\n    >\r\n      <div ref=\"contentRef\">\r\n        <slot\r\n          name=\"content\"\r\n          v-bind=\"slotData\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"less\" scoped>\r\n.button-box {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  .extend-button {\r\n    display: flex;\r\n    align-items: center;\r\n    color: rgba(6, 21, 51, 0.65);\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .btn-icon {\r\n    margin: 4px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .active {\r\n    transform: rotateZ(180deg);\r\n  }\r\n\r\n  .extend-content {\r\n    color: rgba(6, 21, 51, 0.65);\r\n  }\r\n}\r\n</style>\r\n"],"names":["props","__props","emit","__emit","contentRef","ref","contentRange","hasExtendMore","isOutRange","computed","contentStyle","watch","value","changeExtendMore","toggleExtendMore","slotData","getRealRange","_a","handleResize","debounce","resizeObserver","onMounted","onBeforeUnmount","__expose"],"mappings":"+ZAKA,MAAMA,EAAQC,EAORC,EAAOC,EAGPC,EAAaC,EAAAA,MAEbC,EAAeD,MAAI,CAAC,EAEpBE,EAAgBF,MAAI,EAAK,EAEzBG,EAAaC,EAAAA,SAAS,IAAMH,EAAa,MAAQN,EAAM,WAAW,EAElEU,EAAeD,EAAAA,SAAS,KAErB,CACL,SAAU,SACV,OAAQ,GAHG,CAACD,EAAW,OAASD,EAAc,MAAQD,EAAa,MAAQN,EAAM,WAGlE,KACf,WAAY,UAAUA,EAAM,cAAc,cAAA,EAE7C,EAEDW,EAAA,MACE,IAAMX,EAAM,KACXY,GAAU,CACTL,EAAc,MAAQK,CACxB,EACA,CAAE,UAAW,EAAK,CAAA,EAIpB,SAASC,EAAiBD,EAAgB,CACxCV,EAAK,SAAUU,CAAK,EACpBV,EAAK,cAAeU,CAAK,EACzBL,EAAc,MAAQK,CACxB,CAGA,SAASE,GAAmB,CACTD,EAAA,CAACN,EAAc,KAAK,CACvC,CAGM,MAAAQ,EAAWN,EAAAA,SAAS,KAAO,CAC/B,cAAeF,EAAc,MAC7B,WAAYC,EAAW,MACvB,iBAAAM,CACA,EAAA,EAGF,SAASE,GAAe,OACTV,EAAA,OAAQW,EAAAb,EAAW,QAAX,YAAAa,EAAkB,YACzC,CAGM,MAAAC,EAAeC,EAAAA,SAASH,EAAc,GAAG,EAE3C,IAAAI,EAGJC,OAAAA,EAAAA,UAAU,IAAM,CACDL,IAEII,EAAA,IAAI,eAAeF,CAAY,EAChCE,GAAA,MAAAA,EAAA,QAAQhB,EAAW,MAAK,CACzC,EAGDkB,EAAAA,gBAAgB,IAAM,CAChBF,GACFA,EAAe,WAAW,CAC5B,CACD,EAEYG,EAAA,CACX,WAAAf,EACA,cAAAD,EACA,iBAAAM,EACA,iBAAAC,CAAA,CACD"}

package/lib/components/index.d.ts

@@ -1 +1 @@
-export * from './button';
+export * from './expand-box';

package/lib/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components/button/index.js");exports.MtButton=t.MtButton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/expand-box/index.js");exports.MtExpandBox=e.MtExpandBox;
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mortise-tenon-design",
   "type": "module",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "description": "榫卯组件库",
   "author": "nixwai",
   "license": "ISC",
@@ -12,15 +12,11 @@
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "types": "es/components/index.d.ts",
-  "files": [
-    "es",
-    "lib"
-  ],
-  "scripts": {
-    "build": "vite build",
-    "release": "release-it"
-  },
+  "files": ["es", "lib"],
   "peerDependencies": {
     "vue": "^3.4.0"
+  },
+  "dependencies": {
+    "lodash-es": "^4.17.21"
   }
 }

package/es/components/button/index.d.ts

@@ -1,34 +0,0 @@
-export declare const MtButton: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('.').ButtonProps> & Readonly<{
-        onClick?: ((...args: any[]) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        click: (...args: any[]) => void;
-    }, import('vue').PublicProps, {
-        time: string;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('.').ButtonProps> & Readonly<{
-        onClick?: ((...args: any[]) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        time: string;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('.').ButtonProps> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (...args: any[]) => void;
-}, string, {
-    time: string;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-});
-export * from './src/types';

package/es/components/button/index.mjs

@@ -1,10 +0,0 @@
-import t from "./src/button.vue.mjs";
-t.install = (n) => {
-  t.name && n.component(t.name, t);
-};
-const m = t;
-export {
-  m as MtButton
-};
-//# sourceMappingURL=index.mjs.map
-import './src/button.css';

package/es/components/button/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/button/index.ts"],"sourcesContent":["import type { App } from 'vue';\nimport Button from './src/button.vue';\n\nButton.install = (app: App): void => {\n  if (Button.name) {\n    app.component(Button.name, Button);\n  }\n};\n\nexport const MtButton = Button;\n\nexport * from './src/types';\n"],"names":["Button","app","MtButton"],"mappings":";AAGAA,EAAO,UAAU,CAACC,MAAmB;AACnC,EAAID,EAAO,QACLC,EAAA,UAAUD,EAAO,MAAMA,CAAM;AAErC;AAEO,MAAME,IAAWF;"}

package/es/components/button/src/button.css

@@ -1 +0,0 @@
-@charset "UTF-8";.ex-button[data-v-c52e631f]{display:flex;animation:temp-animation-c52e631f step-end forwards}.ex-button[data-v-c52e631f]:active{animation:none}@keyframes temp-animation-c52e631f{}.mt-button[data-v-c52e631f]{display:flex;padding:4px 8px;cursor:pointer;background-color:#fff;border:#2d2d2d solid 1px;border-radius:5px}

package/es/components/button/src/button.vue.d.ts

@@ -1,25 +0,0 @@
-import { ButtonProps } from './types';
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        buttonRef: HTMLButtonElement;
-    };
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
-}>, {
-    time: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/es/components/button/src/button.vue.mjs

@@ -1,8 +0,0 @@
-import o from "./button.vue2.mjs";
-/* empty css             */
-import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c52e631f"]]);
-export {
-  p as default
-};
-//# sourceMappingURL=button.vue.mjs.map

package/es/components/button/src/button.vue.mjs.map

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

package/es/components/button/src/button.vue2.mjs

@@ -1,37 +0,0 @@
-import { defineComponent as c, ref as i, computed as m, onMounted as f, openBlock as b, createElementBlock as p, normalizeClass as v, unref as k, normalizeStyle as _, renderSlot as h } from "vue";
-const y = ["disabled"], M = /* @__PURE__ */ c({
-  name: "MtButton",
-  __name: "button",
-  props: {
-    mode: {},
-    time: { default: "1s" },
-    disabled: { type: Boolean }
-  },
-  emits: ["click"],
-  setup(s, { emit: u }) {
-    const t = s, r = u, n = i(!1), l = m(() => t.disabled ? !0 : t.mode === "throttle" && n.value), o = t.mode && ["throttle", "debounce"].includes(t.mode), a = i();
-    f(() => {
-      var e;
-      o && ((e = a.value) == null || e.addEventListener("animationend", () => {
-        n.value = !1;
-      }));
-    });
-    function d(e) {
-      n.value || (r("click", e), o && (n.value = !0));
-    }
-    return (e, B) => (b(), p("button", {
-      ref_key: "buttonRef",
-      ref: a,
-      disabled: l.value,
-      class: v(["mt-button", { "ex-button": k(o) }]),
-      style: _({ "animation-duration": e.time, "pointer-events": l.value ? "none" : "all" }),
-      onClick: d
-    }, [
-      h(e.$slots, "default", {}, void 0, !0)
-    ], 14, y));
-  }
-});
-export {
-  M as default
-};
-//# sourceMappingURL=button.vue2.mjs.map

package/es/components/button/src/button.vue2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.vue2.mjs","sources":["../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ButtonProps } from './types';\nimport { computed, onMounted, ref } from 'vue';\n\ndefineOptions({ name: 'MtButton' });\n\nconst props = withDefaults(defineProps<ButtonProps>(), { time: '1s' });\nconst emit = defineEmits(['click']);\n\n/** 禁止点击状态 */\nconst forbidStatus = ref(false);\nconst buttonDisabled = computed(() => {\n  if (props.disabled) {\n    return true;\n  }\n  return props.mode === 'throttle' && forbidStatus.value;\n});\n\nconst hasMode = props.mode && ['throttle', 'debounce'].includes(props.mode);\nconst buttonRef = ref<Element>();\n\nonMounted(() => {\n  if (hasMode) {\n    // 监听动画执行结束\n    buttonRef.value?.addEventListener('animationend', () => {\n      forbidStatus.value = false;\n    });\n  }\n});\n\nfunction handleClick(e: MouseEvent) {\n  if (forbidStatus.value) {\n    return;\n  }\n  emit('click', e);\n  if (hasMode) {\n    forbidStatus.value = true;\n  }\n}\n</script>\n\n<template>\n  <button\n    ref=\"buttonRef\"\n    :disabled=\"buttonDisabled\"\n    class=\"mt-button\"\n    :class=\"{ 'ex-button': hasMode }\"\n    :style=\"{ 'animation-duration': time, 'pointer-events': buttonDisabled ? 'none' : 'all' }\"\n    @click=\"handleClick\"\n  >\n    <slot />\n  </button>\n</template>\n\n<style scoped lang=\"scss\">\n@import url('./style/index.scss');\n\n.mt-button {\n  display: flex;\n  padding: 4px 8px;\n  cursor: pointer;\n  background-color: #fff;\n  border: #2d2d2d solid 1px;\n  border-radius: 5px;\n}\n</style>\n"],"names":["props","__props","emit","__emit","forbidStatus","ref","buttonDisabled","computed","hasMode","buttonRef","onMounted","_a","handleClick"],"mappings":";;;;;;;;;;;AAMA,UAAMA,IAAQC,GACRC,IAAOC,GAGPC,IAAeC,EAAI,EAAK,GACxBC,IAAiBC,EAAS,MAC1BP,EAAM,WACD,KAEFA,EAAM,SAAS,cAAcI,EAAa,KAClD,GAEKI,IAAUR,EAAM,QAAQ,CAAC,YAAY,UAAU,EAAE,SAASA,EAAM,IAAI,GACpES,IAAYJ;AAElB,IAAAK,EAAU,MAAM;;AACd,MAAIF,OAEQG,IAAAF,EAAA,UAAA,QAAAE,EAAO,iBAAiB,gBAAgB,MAAM;AACtD,QAAAP,EAAa,QAAQ;AAAA,MAAA;AAAA,IAEzB,CACD;AAED,aAASQ,EAAY,GAAe;AAClC,MAAIR,EAAa,UAGjBF,EAAK,SAAS,CAAC,GACXM,MACFJ,EAAa,QAAQ;AAAA,IAEzB;;;;;;;;;;;;;"}

package/es/components/button/src/types.d.ts

@@ -1,8 +0,0 @@
-export interface ButtonProps {
-    /** debounce：防抖；throttle：节流 */
-    mode?: 'debounce' | 'throttle';
-    /** 间隔时间 */
-    time?: string;
-    /** 禁用 */
-    disabled?: boolean;
-}

package/lib/components/button/index.d.ts

@@ -1,34 +0,0 @@
-export declare const MtButton: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('.').ButtonProps> & Readonly<{
-        onClick?: ((...args: any[]) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        click: (...args: any[]) => void;
-    }, import('vue').PublicProps, {
-        time: string;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('.').ButtonProps> & Readonly<{
-        onClick?: ((...args: any[]) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        time: string;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('.').ButtonProps> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (...args: any[]) => void;
-}, string, {
-    time: string;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-});
-export * from './src/types';

package/lib/components/button/index.js

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./src/button.vue.js");t.default.install=e=>{t.default.name&&e.component(t.default.name,t.default)};const n=t.default;exports.MtButton=n;
-//# sourceMappingURL=index.js.map
-require('./src/button.css');

package/lib/components/button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/button/index.ts"],"sourcesContent":["import type { App } from 'vue';\nimport Button from './src/button.vue';\n\nButton.install = (app: App): void => {\n  if (Button.name) {\n    app.component(Button.name, Button);\n  }\n};\n\nexport const MtButton = Button;\n\nexport * from './src/types';\n"],"names":["Button","app","MtButton"],"mappings":"uHAGAA,EAAAA,QAAO,QAAWC,GAAmB,CAC/BD,EAAAA,QAAO,MACLC,EAAA,UAAUD,EAAAA,QAAO,KAAMA,EAAM,OAAA,CAErC,EAEO,MAAME,EAAWF,EAAAA"}

package/lib/components/button/src/button.css

@@ -1 +0,0 @@
-@charset "UTF-8";.ex-button[data-v-c52e631f]{display:flex;animation:temp-animation-c52e631f step-end forwards}.ex-button[data-v-c52e631f]:active{animation:none}@keyframes temp-animation-c52e631f{}.mt-button[data-v-c52e631f]{display:flex;padding:4px 8px;cursor:pointer;background-color:#fff;border:#2d2d2d solid 1px;border-radius:5px}

package/lib/components/button/src/button.vue.d.ts

@@ -1,25 +0,0 @@
-import { ButtonProps } from './types';
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        buttonRef: HTMLButtonElement;
-    };
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
-}>, {
-    time: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/lib/components/button/src/button.vue.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./button.vue2.js");;/* empty css             */const t=require("../../../_virtual/_plugin-vue_export-helper.js"),u=t.default(e.default,[["__scopeId","data-v-c52e631f"]]);exports.default=u;
-//# sourceMappingURL=button.vue.js.map

package/lib/components/button/src/button.vue.js.map

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

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=["disabled"],f=e.defineComponent({name:"MtButton",__name:"button",props:{mode:{},time:{default:"1s"},disabled:{type:Boolean}},emits:["click"],setup(i,{emit:s}){const n=i,r=s,o=e.ref(!1),u=e.computed(()=>n.disabled?!0:n.mode==="throttle"&&o.value),l=n.mode&&["throttle","debounce"].includes(n.mode),a=e.ref();e.onMounted(()=>{var t;l&&((t=a.value)==null||t.addEventListener("animationend",()=>{o.value=!1}))});function d(t){o.value||(r("click",t),l&&(o.value=!0))}return(t,m)=>(e.openBlock(),e.createElementBlock("button",{ref_key:"buttonRef",ref:a,disabled:u.value,class:e.normalizeClass(["mt-button",{"ex-button":e.unref(l)}]),style:e.normalizeStyle({"animation-duration":t.time,"pointer-events":u.value?"none":"all"}),onClick:d},[e.renderSlot(t.$slots,"default",{},void 0,!0)],14,c))}});exports.default=f;
-//# sourceMappingURL=button.vue2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"button.vue2.js","sources":["../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ButtonProps } from './types';\nimport { computed, onMounted, ref } from 'vue';\n\ndefineOptions({ name: 'MtButton' });\n\nconst props = withDefaults(defineProps<ButtonProps>(), { time: '1s' });\nconst emit = defineEmits(['click']);\n\n/** 禁止点击状态 */\nconst forbidStatus = ref(false);\nconst buttonDisabled = computed(() => {\n  if (props.disabled) {\n    return true;\n  }\n  return props.mode === 'throttle' && forbidStatus.value;\n});\n\nconst hasMode = props.mode && ['throttle', 'debounce'].includes(props.mode);\nconst buttonRef = ref<Element>();\n\nonMounted(() => {\n  if (hasMode) {\n    // 监听动画执行结束\n    buttonRef.value?.addEventListener('animationend', () => {\n      forbidStatus.value = false;\n    });\n  }\n});\n\nfunction handleClick(e: MouseEvent) {\n  if (forbidStatus.value) {\n    return;\n  }\n  emit('click', e);\n  if (hasMode) {\n    forbidStatus.value = true;\n  }\n}\n</script>\n\n<template>\n  <button\n    ref=\"buttonRef\"\n    :disabled=\"buttonDisabled\"\n    class=\"mt-button\"\n    :class=\"{ 'ex-button': hasMode }\"\n    :style=\"{ 'animation-duration': time, 'pointer-events': buttonDisabled ? 'none' : 'all' }\"\n    @click=\"handleClick\"\n  >\n    <slot />\n  </button>\n</template>\n\n<style scoped lang=\"scss\">\n@import url('./style/index.scss');\n\n.mt-button {\n  display: flex;\n  padding: 4px 8px;\n  cursor: pointer;\n  background-color: #fff;\n  border: #2d2d2d solid 1px;\n  border-radius: 5px;\n}\n</style>\n"],"names":["props","__props","emit","__emit","forbidStatus","ref","buttonDisabled","computed","hasMode","buttonRef","onMounted","_a","handleClick","e"],"mappings":"qSAMA,MAAMA,EAAQC,EACRC,EAAOC,EAGPC,EAAeC,MAAI,EAAK,EACxBC,EAAiBC,EAAAA,SAAS,IAC1BP,EAAM,SACD,GAEFA,EAAM,OAAS,YAAcI,EAAa,KAClD,EAEKI,EAAUR,EAAM,MAAQ,CAAC,WAAY,UAAU,EAAE,SAASA,EAAM,IAAI,EACpES,EAAYJ,EAAAA,MAElBK,EAAAA,UAAU,IAAM,OACVF,KAEQG,EAAAF,EAAA,QAAA,MAAAE,EAAO,iBAAiB,eAAgB,IAAM,CACtDP,EAAa,MAAQ,EAAA,GAEzB,CACD,EAED,SAASQ,EAAYC,EAAe,CAC9BT,EAAa,QAGjBF,EAAK,QAASW,CAAC,EACXL,IACFJ,EAAa,MAAQ,IAEzB"}

package/lib/components/button/src/types.d.ts

@@ -1,8 +0,0 @@
-export interface ButtonProps {
-    /** debounce：防抖；throttle：节流 */
-    mode?: 'debounce' | 'throttle';
-    /** 间隔时间 */
-    time?: string;
-    /** 禁用 */
-    disabled?: boolean;
-}