mortise-tenon-design 0.0.1

package/README.md

@@ -0,0 +1 @@
+榫卯组件库

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

@@ -0,0 +1,9 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

package/es/components/button/index.mjs

@@ -0,0 +1,9 @@
+import t from "./src/button.vue.mjs";
+t.install = (n) => {
+  t.name && n.component(t.name, t);
+};
+const a = t;
+export {
+  a as XButton,
+  a as default
+};

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

@@ -0,0 +1,7 @@
+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-66674a10"]]);
+export {
+  p as default
+};

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

@@ -0,0 +1,38 @@
+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"], S = /* @__PURE__ */ c({
+  name: "XButton",
+  __name: "button",
+  props: {
+    mode: {},
+    time: { default: "1s" },
+    disabled: { type: Boolean }
+  },
+  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();
+    f(() => {
+      o && a.value.$el.addEventListener("animationend", () => {
+        t.value = !1;
+      });
+    });
+    function d(n) {
+      t.value || (r("click", n), o && (t.value = !0));
+    }
+    return (n, 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"
+      }),
+      onClick: d
+    }, [
+      h(n.$slots, "default", {}, void 0, !0)
+    ], 14, y));
+  }
+});
+export {
+  S as default
+};

package/es/index.mjs

@@ -0,0 +1,4 @@
+import { XButton as r } from "./components/button/index.mjs";
+export {
+  r as XButton
+};

package/es/style.css

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

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

@@ -0,0 +1 @@
+"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;

package/lib/components/button/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./src/button.vue.js");e.default.install=u=>{e.default.name&&u.component(e.default.name,e.default)};const t=e.default;exports.XButton=t;exports.default=t;

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

@@ -0,0 +1 @@
+"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-66674a10"]]);exports.default=u;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=["disabled"],f=e.defineComponent({name:"XButton",__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;

package/lib/index.js

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

package/lib/style.css

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

package/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "mortise-tenon-design",
+  "version": "0.0.1",
+  "description": "榫卯组件库",
+  "author": "nixwai",
+  "license": "ISC",
+  "main": "lib/index.js",
+  "module": "es/index.mjs",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nixwai/mortise-tenon-design"
+  }
+}

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

@@ -0,0 +1,81 @@
+export declare const XButton: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+        mode: {
+            type: import('vue').PropType<"debounce" | "throttle">;
+        };
+        time: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((...args: any[]) => any) | undefined;
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (...args: any[]) => void;
+    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+        mode: {
+            type: import('vue').PropType<"debounce" | "throttle">;
+        };
+        time: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((...args: any[]) => any) | undefined;
+    }, {
+        time: string;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        mode: {
+            type: import('vue').PropType<"debounce" | "throttle">;
+        };
+        time: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((...args: any[]) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        time: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    mode: {
+        type: import('vue').PropType<"debounce" | "throttle">;
+    };
+    time: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, {
+    time: string;
+}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+});
+export * from './src/types';
+export default XButton;

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

@@ -0,0 +1,40 @@
+import { ButtonProps } from './types';
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ButtonProps>, {
+    time: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ButtonProps>, {
+    time: string;
+}>>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    time: string;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

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

package/type/components/index.d.ts

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

package/type/core/index.d.ts

@@ -0,0 +1 @@
+export * from '@mortise-tenon-design/components';

package/type/core/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig;
+export default _default;