mortise-tenon-design 0.0.16 → 0.0.18

package/es/index.mjs

@@ -1,7 +1,5 @@
-import { MtExpandBox as t } from "./components/expand-box/index.mjs";
-import { useThrottleControl as x } from "./hooks/use-throttle-control/index.mjs";
+import { MtExpandBox as p } from "./components/expand-box/index.mjs";
 export {
-  t as MtExpandBox,
-  x as useThrottleControl
+  p as MtExpandBox
 };
 //# sourceMappingURL=index.mjs.map

package/es/index.mjs.map

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

package/lib/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/expand-box/index.js"),t=require("./hooks/use-throttle-control/index.js");exports.MtExpandBox=e.MtExpandBox;exports.useThrottleControl=t.useThrottleControl;
+"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.16",
+  "version": "0.0.18",
   "description": "榫卯组件库",
   "author": "nixwai",
   "license": "ISC",
@@ -11,8 +11,8 @@
   },
   "main": "lib/index.js",
   "module": "es/index.mjs",
-  "types": "es/components/index.d.ts",
-  "files": ["es", "lib"],
+  "types": "types/index.d.ts",
+  "files": ["es", "lib", "types"],
   "peerDependencies": {
     "vue": "^3.4.0"
   },

package/es/hooks/index.d.ts

@@ -1 +0,0 @@
-export * from './use-throttle-control';

package/es/hooks/use-throttle-control/index.d.ts

@@ -1,14 +0,0 @@
-type AnyFn = (...args: any[]) => any;
-/**
- * 节流控制
- * @param ms 节流时间(ms)
- * @param fn 节流函数
- */
-export declare function useThrottleControl<Fn extends AnyFn>(ms?: number, fn?: Fn): {
-    throttleOpen: import('vue').Ref<boolean, boolean>;
-    throttleFn: Fn;
-    openThrottle: () => NodeJS.Timeout;
-    closeThrottle: (timer?: NodeJS.Timeout) => void;
-};
-export type UseThrottleControlReturn = ReturnType<typeof useThrottleControl>;
-export {};

package/es/hooks/use-throttle-control/index.mjs

@@ -1,29 +0,0 @@
-import { ref as c, onBeforeUnmount as f } from "vue";
-function a(l = 200, n) {
-  const e = c(!1);
-  let t;
-  function u() {
-    return o(), e.value = !0, t = setTimeout(() => {
-      o();
-    }, l), t;
-  }
-  function o(r) {
-    (!r || r === t) && (e.value = !1, t && (clearTimeout(t), t = void 0));
-  }
-  const i = (...r) => {
-    if (!e.value)
-      return u(), n == null ? void 0 : n(...r);
-  };
-  return f(() => {
-    o();
-  }), {
-    throttleOpen: e,
-    throttleFn: i,
-    openThrottle: u,
-    closeThrottle: o
-  };
-}
-export {
-  a as useThrottleControl
-};
-//# sourceMappingURL=index.mjs.map

package/es/hooks/use-throttle-control/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-throttle-control/index.ts"],"sourcesContent":["import { onBeforeUnmount, ref } from 'vue';\r\n\r\ntype AnyFn = (...args: any[]) => any;\r\n\r\n/**\r\n * 节流控制\r\n * @param ms 节流时间(ms)\r\n * @param fn 节流函数\r\n */\r\nexport function useThrottleControl<Fn extends AnyFn>(ms: number = 200, fn?: Fn) {\r\n  /** 节流状态 */\r\n  const throttleOpen = ref(false);\r\n  /** 当前执行的定时器 */\r\n  let runningTimer: NodeJS.Timeout | undefined;\r\n\r\n  /** 开启节流，已在执行的会被覆盖 */\r\n  function openThrottle() {\r\n    closeThrottle();\r\n    throttleOpen.value = true;\r\n    runningTimer = setTimeout(() => {\r\n      closeThrottle();\r\n    }, ms);\r\n    return runningTimer;\r\n  }\r\n\r\n  /** 关闭节流定时器 */\r\n  function closeThrottle(timer?: NodeJS.Timeout) {\r\n    // 如果有传入timer时，会判断是否为当前执行开启的定时器\r\n    if (!timer || timer === runningTimer) {\r\n      throttleOpen.value = false;\r\n      if (runningTimer) {\r\n        clearTimeout(runningTimer);\r\n        runningTimer = undefined;\r\n      }\r\n    }\r\n  }\r\n\r\n  /** 节流控制方法 */\r\n  const throttleFn = ((...args: any[]) => {\r\n    // 节流状态开启中，不可重复执行\r\n    if (throttleOpen.value) {\r\n      return;\r\n    }\r\n    openThrottle();\r\n    return fn?.(...args);\r\n  }) as Fn;\r\n\r\n  /** 移除时销毁定时器 */\r\n  onBeforeUnmount(() => {\r\n    closeThrottle();\r\n  });\r\n\r\n  return {\r\n    throttleOpen,\r\n    throttleFn,\r\n    openThrottle,\r\n    closeThrottle,\r\n  };\r\n}\r\n\r\nexport type UseThrottleControlReturn = ReturnType<typeof useThrottleControl>;\r\n"],"names":["useThrottleControl","ms","fn","throttleOpen","ref","runningTimer","openThrottle","closeThrottle","timer","throttleFn","args","onBeforeUnmount"],"mappings":";AASgB,SAAAA,EAAqCC,IAAa,KAAKC,GAAS;AAExE,QAAAC,IAAeC,EAAI,EAAK;AAE1B,MAAAC;AAGJ,WAASC,IAAe;AACR,WAAAC,KACdJ,EAAa,QAAQ,IACrBE,IAAe,WAAW,MAAM;AAChB,MAAAE;OACbN,CAAE,GACEI;AAAA,EACT;AAGA,WAASE,EAAcC,GAAwB;AAEzC,KAAA,CAACA,KAASA,MAAUH,OACtBF,EAAa,QAAQ,IACjBE,MACF,aAAaA,CAAY,GACVA,IAAA;AAAA,EAGrB;AAGM,QAAAI,IAAc,IAAIC,MAAgB;AAEtC,QAAI,CAAAP,EAAa;AAGJ,aAAAG,KACNJ,KAAA,gBAAAA,EAAK,GAAGQ;AAAA,EAAI;AAIrB,SAAAC,EAAgB,MAAM;AACN,IAAAJ;EAAA,CACf,GAEM;AAAA,IACL,cAAAJ;AAAA,IACA,YAAAM;AAAA,IACA,cAAAH;AAAA,IACA,eAAAC;AAAA,EAAA;AAEJ;"}

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

@@ -1,32 +0,0 @@
-export declare const MtExpandBox: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./src/expand-box').ExpandBoxProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        open: boolean;
-        targetRange: number;
-        transitionTime: number;
-    }, 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<{}>, {}, {}, {}, {}, {
-        open: boolean;
-        targetRange: number;
-        transitionTime: number;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./src/expand-box').ExpandBoxProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    open: boolean;
-    targetRange: number;
-    transitionTime: number;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {
-            open: boolean;
-            isOutRange: boolean;
-        }): any;
-    };
-});

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

@@ -1,8 +0,0 @@
-export interface ExpandBoxProps {
-    /** 控制是否展开 */
-    open?: boolean;
-    /** 达到可调整的目标范围(px) */
-    targetRange?: number;
-    /** 过渡时间(ms) */
-    transitionTime?: number;
-}

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

@@ -1,26 +0,0 @@
-import { ExpandBoxProps } from './expand-box';
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {
-            open: boolean;
-            isOutRange: boolean;
-        }): any;
-    };
-    refs: {
-        contentRef: HTMLDivElement;
-    };
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ExpandBoxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ExpandBoxProps> & Readonly<{}>, {
-    open: boolean;
-    targetRange: number;
-    transitionTime: number;
-}, {}, {}, {}, 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/index.d.ts

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

package/lib/hooks/index.d.ts

@@ -1 +0,0 @@
-export * from './use-throttle-control';

package/lib/hooks/use-throttle-control/index.d.ts

@@ -1,14 +0,0 @@
-type AnyFn = (...args: any[]) => any;
-/**
- * 节流控制
- * @param ms 节流时间(ms)
- * @param fn 节流函数
- */
-export declare function useThrottleControl<Fn extends AnyFn>(ms?: number, fn?: Fn): {
-    throttleOpen: import('vue').Ref<boolean, boolean>;
-    throttleFn: Fn;
-    openThrottle: () => NodeJS.Timeout;
-    closeThrottle: (timer?: NodeJS.Timeout) => void;
-};
-export type UseThrottleControlReturn = ReturnType<typeof useThrottleControl>;
-export {};

package/lib/hooks/use-throttle-control/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue");function c(i=200,n){const t=l.ref(!1);let e;function u(){return o(),t.value=!0,e=setTimeout(()=>{o()},i),e}function o(r){(!r||r===e)&&(t.value=!1,e&&(clearTimeout(e),e=void 0))}const s=(...r)=>{if(!t.value)return u(),n==null?void 0:n(...r)};return l.onBeforeUnmount(()=>{o()}),{throttleOpen:t,throttleFn:s,openThrottle:u,closeThrottle:o}}exports.useThrottleControl=c;
-//# sourceMappingURL=index.js.map

package/lib/hooks/use-throttle-control/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-throttle-control/index.ts"],"sourcesContent":["import { onBeforeUnmount, ref } from 'vue';\r\n\r\ntype AnyFn = (...args: any[]) => any;\r\n\r\n/**\r\n * 节流控制\r\n * @param ms 节流时间(ms)\r\n * @param fn 节流函数\r\n */\r\nexport function useThrottleControl<Fn extends AnyFn>(ms: number = 200, fn?: Fn) {\r\n  /** 节流状态 */\r\n  const throttleOpen = ref(false);\r\n  /** 当前执行的定时器 */\r\n  let runningTimer: NodeJS.Timeout | undefined;\r\n\r\n  /** 开启节流，已在执行的会被覆盖 */\r\n  function openThrottle() {\r\n    closeThrottle();\r\n    throttleOpen.value = true;\r\n    runningTimer = setTimeout(() => {\r\n      closeThrottle();\r\n    }, ms);\r\n    return runningTimer;\r\n  }\r\n\r\n  /** 关闭节流定时器 */\r\n  function closeThrottle(timer?: NodeJS.Timeout) {\r\n    // 如果有传入timer时，会判断是否为当前执行开启的定时器\r\n    if (!timer || timer === runningTimer) {\r\n      throttleOpen.value = false;\r\n      if (runningTimer) {\r\n        clearTimeout(runningTimer);\r\n        runningTimer = undefined;\r\n      }\r\n    }\r\n  }\r\n\r\n  /** 节流控制方法 */\r\n  const throttleFn = ((...args: any[]) => {\r\n    // 节流状态开启中，不可重复执行\r\n    if (throttleOpen.value) {\r\n      return;\r\n    }\r\n    openThrottle();\r\n    return fn?.(...args);\r\n  }) as Fn;\r\n\r\n  /** 移除时销毁定时器 */\r\n  onBeforeUnmount(() => {\r\n    closeThrottle();\r\n  });\r\n\r\n  return {\r\n    throttleOpen,\r\n    throttleFn,\r\n    openThrottle,\r\n    closeThrottle,\r\n  };\r\n}\r\n\r\nexport type UseThrottleControlReturn = ReturnType<typeof useThrottleControl>;\r\n"],"names":["useThrottleControl","ms","fn","throttleOpen","ref","runningTimer","openThrottle","closeThrottle","timer","throttleFn","args","onBeforeUnmount"],"mappings":"uGASgB,SAAAA,EAAqCC,EAAa,IAAKC,EAAS,CAExE,MAAAC,EAAeC,MAAI,EAAK,EAE1B,IAAAC,EAGJ,SAASC,GAAe,CACR,OAAAC,IACdJ,EAAa,MAAQ,GACrBE,EAAe,WAAW,IAAM,CAChBE,KACbN,CAAE,EACEI,CACT,CAGA,SAASE,EAAcC,EAAwB,EAEzC,CAACA,GAASA,IAAUH,KACtBF,EAAa,MAAQ,GACjBE,IACF,aAAaA,CAAY,EACVA,EAAA,QAGrB,CAGM,MAAAI,EAAc,IAAIC,IAAgB,CAEtC,GAAI,CAAAP,EAAa,MAGJ,OAAAG,IACNJ,GAAA,YAAAA,EAAK,GAAGQ,EAAI,EAIrBC,OAAAA,EAAAA,gBAAgB,IAAM,CACNJ,GAAA,CACf,EAEM,CACL,aAAAJ,EACA,WAAAM,EACA,aAAAH,EACA,cAAAC,CAAA,CAEJ"}