mortise-tenon-design 0.0.10 → 0.0.12

package/es/_virtual/_plugin-vue_export-helper.mjs

@@ -7,3 +7,4 @@ const s = (t, e) => {
 export {
   s as default
 };
+//# sourceMappingURL=_plugin-vue_export-helper.mjs.map

package/es/_virtual/_plugin-vue_export-helper.mjs.map

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

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

@@ -3,9 +3,7 @@ export declare const MtButton: {
         onClick?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (...args: any[]) => void;
-    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('.').ButtonProps> & Readonly<{
-        onClick?: ((...args: any[]) => any) | undefined;
-    }>, {
+    }, import('vue').PublicProps, {
         time: string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};

package/es/components/button/index.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/button/index.ts"],"sourcesContent":["import type { App } from 'vue';\nimport Button from './src/button.vue';\n\nimport './src/buttons.scss';\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":";;AAKAA,EAAO,UAAU,CAACC,MAAmB;AACnC,EAAID,EAAO,QACLC,EAAA,UAAUD,EAAO,MAAMA,CAAM;AAErC;AAEO,MAAME,IAAWF;"}

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

@@ -0,0 +1 @@
+.mt-button[data-v-4be6bc18]{display:flex;padding:4px 8px;cursor:pointer;background-color:#fff;border:#2d2d2d solid 1px;border-radius:5px}

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

@@ -1,7 +1,8 @@
 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-aa934c60"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4be6bc18"]]);
 export {
-  p as default
+  _ as default
 };
+//# sourceMappingURL=button.vue.mjs.map

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

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

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

@@ -1,5 +1,6 @@
 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({
+/* empty css              */
+const y = ["disabled"], S = /* @__PURE__ */ c({
   name: "MtButton",
   __name: "button",
   props: {
@@ -9,27 +10,29 @@ const y = ["disabled"], M = /* @__PURE__ */ c({
   },
   emits: ["click"],
   setup(s, { emit: u }) {
-    const e = s, r = u, t = i(!1), l = m(() => e.disabled ? !0 : e.mode === "throttle" && t.value), o = e.mode && ["throttle", "debounce"].includes(e.mode), a = i();
+    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(() => {
-      o && a.value.$el.addEventListener("animationend", () => {
-        t.value = !1;
-      });
+      var e;
+      o && ((e = a.value) == null || e.addEventListener("animationend", () => {
+        n.value = !1;
+      }));
     });
-    function d(n) {
-      t.value || (r("click", n), o && (t.value = !0));
+    function d(e) {
+      n.value || (r("click", e), o && (n.value = !0));
     }
-    return (n, B) => (b(), p("button", {
+    return (e, B) => (b(), p("button", {
       ref_key: "buttonRef",
       ref: a,
       disabled: l.value,
-      class: v({ "ex-button": k(o) }),
-      style: _({ "animation-duration": n.time, "pointer-events": l.value ? "none" : "all" }),
+      class: v(["mt-button", { "ex-button": k(o) }]),
+      style: _({ "animation-duration": e.time, "pointer-events": l.value ? "none" : "all" }),
       onClick: d
     }, [
-      h(n.$slots, "default", {}, void 0, !0)
+      h(e.$slots, "default", {}, void 0, !0)
     ], 14, y));
   }
 });
 export {
-  M as default
+  S as default
 };
+//# sourceMappingURL=button.vue2.mjs.map

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

@@ -0,0 +1 @@
+{"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';\nimport './buttons.scss';\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>\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":";;;;;;;;;;;;AAOA,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/buttons.css

@@ -0,0 +1 @@
+@charset "UTF-8";.ex-button{display:flex;animation:temp-animation step-end forwards}.ex-button:active{animation:none}@keyframes temp-animation{}

package/es/index.mjs

@@ -2,3 +2,4 @@ import { MtButton as r } from "./components/button/index.mjs";
 export {
   r as MtButton
 };
+//# sourceMappingURL=index.mjs.map

package/es/index.mjs.map

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

package/lib/_virtual/_plugin-vue_export-helper.js

@@ -1 +1,2 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=(e,o)=>{const t=e.__vccOpts||e;for(const[r,s]of o)t[r]=s;return t};exports.default=u;
+//# sourceMappingURL=_plugin-vue_export-helper.js.map

package/lib/_virtual/_plugin-vue_export-helper.js.map

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

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

@@ -3,9 +3,7 @@ export declare const MtButton: {
         onClick?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (...args: any[]) => void;
-    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('.').ButtonProps> & Readonly<{
-        onClick?: ((...args: any[]) => any) | undefined;
-    }>, {
+    }, import('vue').PublicProps, {
         time: string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};

package/lib/components/button/index.js

@@ -1 +1,4 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./src/button.vue.js");;/* empty css                  */t.default.install=e=>{t.default.name&&e.component(t.default.name,t.default)};const u=t.default;exports.MtButton=u;
+//# sourceMappingURL=index.js.map
+require('./src/buttons.css');
+require('./src/button.css');

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/button/index.ts"],"sourcesContent":["import type { App } from 'vue';\nimport Button from './src/button.vue';\n\nimport './src/buttons.scss';\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":"wJAKAA,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

@@ -0,0 +1 @@
+.mt-button[data-v-4be6bc18]{display:flex;padding:4px 8px;cursor:pointer;background-color:#fff;border:#2d2d2d solid 1px;border-radius:5px}

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

@@ -1 +1,2 @@
-"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-aa934c60"]]);exports.default=u;
+"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-4be6bc18"]]);exports.default=u;
+//# sourceMappingURL=button.vue.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"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';\nimport './buttons.scss';\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>\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":"wUAOA,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/buttons.css

@@ -0,0 +1 @@
+@charset "UTF-8";.ex-button{display:flex;animation:temp-animation step-end forwards}.ex-button:active{animation:none}@keyframes temp-animation{}

package/lib/index.js

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

package/lib/index.js.map

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mortise-tenon-design",
   "type": "module",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "description": "榫卯组件库",
   "author": "nixwai",
   "license": "ISC",
@@ -11,7 +11,10 @@
   },
   "main": "lib/index.js",
   "module": "es/index.mjs",
-  "types": "es/core/index.d.ts",
+  "types": "es/components/index.d.ts",
+  "scripts": {
+    "build": "vite build"
+  },
   "peerDependencies": {
     "vue": "^3.4.0"
   }

package/es/core/index.d.ts

@@ -1 +0,0 @@
-export * from '../components';

package/es/style.css

@@ -1 +0,0 @@
-.ex-button[data-v-aa934c60]{animation:temp-animation-aa934c60 step-end forwards}.ex-button[data-v-aa934c60]:active{animation:none}@keyframes temp-animation-aa934c60{}

package/lib/core/index.d.ts

@@ -1 +0,0 @@
-export * from '../components';

package/lib/style.css

@@ -1 +0,0 @@
-.ex-button[data-v-aa934c60]{animation:temp-animation-aa934c60 step-end forwards}.ex-button[data-v-aa934c60]:active{animation:none}@keyframes temp-animation-aa934c60{}