pxd 0.0.39 → 0.0.40

package/dist/utils/throttle/index.d.ts

@@ -0,0 +1,53 @@
+import type { Callback } from '../../types/shared';
+interface ThrottleOptions {
+    /**
+     * An optional AbortSignal to cancel the debounced function.
+     */
+    signal?: AbortSignal;
+    /**
+     * An optional array specifying whether the function should be invoked on the leading edge, trailing edge, or both.
+     * If `edges` includes "leading", the function will be invoked at the start of the delay period.
+     * If `edges` includes "trailing", the function will be invoked at the end of the delay period.
+     * If both "leading" and "trailing" are included, the function will be invoked at both the start and end of the delay period.
+     * @default ["leading", "trailing"]
+     */
+    edges?: Array<'leading' | 'trailing'>;
+}
+export interface ThrottledFunction<F extends (...args: any[]) => void> {
+    (...args: Parameters<F>): void;
+    cancel: () => void;
+    flush: () => void;
+}
+/**
+ * Creates a throttled function that only invokes the provided function at most once
+ * per every `throttleMs` milliseconds. Subsequent calls to the throttled function
+ * within the wait time will not trigger the execution of the original function.
+ *
+ * @template F - The type of function.
+ * @param {F} func - The function to throttle.
+ * @param {number} throttleMs - The number of milliseconds to throttle executions to.
+ * @returns {(...args: Parameters<F>) => void} A new throttled function that accepts the same parameters as the original function.
+ *
+ * @example
+ * const throttledFunction = throttle(() => {
+ *   console.log('Function executed');
+ * }, 1000);
+ *
+ * // Will log 'Function executed' immediately
+ * throttledFunction();
+ *
+ * // Will not log anything as it is within the throttle time
+ * throttledFunction();
+ *
+ * // After 1 second
+ * setTimeout(() => {
+ *   throttledFunction(); // Will log 'Function executed'
+ * }, 1000);
+ */
+export declare function throttle<F extends (...args: any[]) => void>(func: F, throttleMs: number, { signal, edges }?: ThrottleOptions): ThrottledFunction<F>;
+interface ThrottleByRafReturnType<T extends Callback> {
+    (...args: Parameters<T>): void;
+    cancel: () => void;
+}
+export declare function throttleByRaf<T extends Callback>(callback: T): ThrottleByRafReturnType<T>;
+export {};

package/dist/utils/throttle/index.js

@@ -0,0 +1,34 @@
+import { debounce } from "../debounce/index.js";
+export function throttle(func, throttleMs, { signal, edges = ["leading", "trailing"] } = {}) {
+  let pendingAt = null;
+  const debounced = debounce(func, throttleMs, { signal, edges });
+  const throttled = function(...args) {
+    if (pendingAt == null) {
+      pendingAt = Date.now();
+    } else {
+      if (Date.now() - pendingAt >= throttleMs) {
+        pendingAt = Date.now();
+        debounced.cancel();
+      }
+    }
+    debounced(...args);
+  };
+  throttled.cancel = debounced.cancel;
+  throttled.flush = debounced.flush;
+  return throttled;
+}
+export function throttleByRaf(callback) {
+  let timer;
+  const throttle2 = (...args) => {
+    timer && window.cancelAnimationFrame(timer);
+    timer = window.requestAnimationFrame(() => {
+      callback(...args);
+      timer = 0;
+    });
+  };
+  throttle2.cancel = () => {
+    window.cancelAnimationFrame(timer);
+    timer = 0;
+  };
+  return throttle2;
+}

package/dist/utils/throttle.d.ts

@@ -1,53 +1 @@
-import type { Callback } from '../types/shared';
-interface ThrottleOptions {
-    /**
-     * An optional AbortSignal to cancel the debounced function.
-     */
-    signal?: AbortSignal;
-    /**
-     * An optional array specifying whether the function should be invoked on the leading edge, trailing edge, or both.
-     * If `edges` includes "leading", the function will be invoked at the start of the delay period.
-     * If `edges` includes "trailing", the function will be invoked at the end of the delay period.
-     * If both "leading" and "trailing" are included, the function will be invoked at both the start and end of the delay period.
-     * @default ["leading", "trailing"]
-     */
-    edges?: Array<'leading' | 'trailing'>;
-}
-export interface ThrottledFunction<F extends (...args: any[]) => void> {
-    (...args: Parameters<F>): void;
-    cancel: () => void;
-    flush: () => void;
-}
-/**
- * Creates a throttled function that only invokes the provided function at most once
- * per every `throttleMs` milliseconds. Subsequent calls to the throttled function
- * within the wait time will not trigger the execution of the original function.
- *
- * @template F - The type of function.
- * @param {F} func - The function to throttle.
- * @param {number} throttleMs - The number of milliseconds to throttle executions to.
- * @returns {(...args: Parameters<F>) => void} A new throttled function that accepts the same parameters as the original function.
- *
- * @example
- * const throttledFunction = throttle(() => {
- *   console.log('Function executed');
- * }, 1000);
- *
- * // Will log 'Function executed' immediately
- * throttledFunction();
- *
- * // Will not log anything as it is within the throttle time
- * throttledFunction();
- *
- * // After 1 second
- * setTimeout(() => {
- *   throttledFunction(); // Will log 'Function executed'
- * }, 1000);
- */
-export declare function throttle<F extends (...args: any[]) => void>(func: F, throttleMs: number, { signal, edges }?: ThrottleOptions): ThrottledFunction<F>;
-interface ThrottleByRafReturnType<T extends Callback> {
-    (...args: Parameters<T>): void;
-    cancel: () => void;
-}
-export declare function throttleByRaf<T extends Callback>(callback: T): ThrottleByRafReturnType<T>;
-export {};
+export * from './throttle/index';

package/dist/utils/throttle.js

@@ -1,34 +1 @@
-import { debounce } from "./debounce.js";
-export function throttle(func, throttleMs, { signal, edges = ["leading", "trailing"] } = {}) {
-  let pendingAt = null;
-  const debounced = debounce(func, throttleMs, { signal, edges });
-  const throttled = function(...args) {
-    if (pendingAt == null) {
-      pendingAt = Date.now();
-    } else {
-      if (Date.now() - pendingAt >= throttleMs) {
-        pendingAt = Date.now();
-        debounced.cancel();
-      }
-    }
-    debounced(...args);
-  };
-  throttled.cancel = debounced.cancel;
-  throttled.flush = debounced.flush;
-  return throttled;
-}
-export function throttleByRaf(callback) {
-  let timer;
-  const throttle2 = (...args) => {
-    timer && window.cancelAnimationFrame(timer);
-    timer = window.requestAnimationFrame(() => {
-      callback(...args);
-      timer = 0;
-    });
-  };
-  throttle2.cancel = () => {
-    window.cancelAnimationFrame(timer);
-    timer = 0;
-  };
-  return throttle2;
-}
+export * from "./throttle/index.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pxd",
   "type": "module",
-  "version": "0.0.39",
+  "version": "0.0.40",
   "description": "A universal UI component library for Vue2&3.",
   "author": "libondev <bon.li@outlook.com>",
   "license": "MIT",
@@ -92,32 +92,32 @@
     "vue": ">=2.7.0 || >=3.2.0"
   },
   "dependencies": {
-    "@gdsicon/vue": "^1.0.4",
+    "@gdsicon/vue": "^1.0.6",
     "dayjs": "^1.11.13"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^4.19.0",
-    "@tailwindcss/cli": "^4.1.11",
+    "@tailwindcss/cli": "^4.1.12",
     "@tsconfig/node22": "^22.0.2",
-    "@types/node": "^22.17.0",
+    "@types/node": "^22.17.2",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.7.0",
-    "eslint": "^9.32.0",
-    "eslint-plugin-better-tailwindcss": "^3.7.4",
+    "eslint": "^9.33.0",
+    "eslint-plugin-better-tailwindcss": "^3.7.5",
     "happy-dom": "^18.0.1",
     "husky": "^9.1.7",
-    "lint-staged": "^16.1.4",
+    "lint-staged": "^16.1.5",
     "mkdist": "^2.3.0",
     "npm-run-all2": "^8.0.4",
     "tinyglobby": "^0.2.14",
     "typescript": "^5.9.2",
-    "unbuild": "^3.6.0",
+    "unbuild": "^3.6.1",
     "unplugin-vue-components": "^28.8.0",
     "vitest": "^3.2.4",
-    "vue": "^3.5.18",
+    "vue": "^3.5.19",
     "vue-sfc-transformer": "^0.1.16",
-    "vue-tsc": "^3.0.5"
+    "vue-tsc": "^3.0.6"
   },
   "lint-staged": {
     "*.{ts,vue}": "eslint --fix"

package/volar.d.ts

@@ -20,6 +20,9 @@ declare module 'vue' {
     PChoiceboxGroup: typeof import('pxd/components/choicebox-group')['default']
     PCollapse: typeof import('pxd/components/collapse')['default']
     PCollapseGroup: typeof import('pxd/components/collapse-group')['default']
+    PCommandMenu: typeof import('pxd/components/command-menu')['default']
+    PCommandMenuGroup: typeof import('pxd/components/command-menu-group')['default']
+    PCommandMenuItem: typeof import('pxd/components/command-menu-item')['default']
     PConfigProvider: typeof import('pxd/components/config-provider')['default']
     PCountdown: typeof import('pxd/components/countdown')['default']
     PDescription: typeof import('pxd/components/description')['default']
@@ -37,6 +40,7 @@ declare module 'vue' {
     PLinkButton: typeof import('pxd/components/link-button')['default']
     PList: typeof import('pxd/components/list')['default']
     PListItem: typeof import('pxd/components/list-item')['default']
+    PLoadingBar: typeof import('pxd/components/loading-bar')['default']
     PLoadingDots: typeof import('pxd/components/loading-dots')['default']
     PMaterial: typeof import('pxd/components/material')['default']
     PMenu: typeof import('pxd/components/menu')['default']

package/dist/components/list/index.vue.d.ts

@@ -1,29 +0,0 @@
-import type { ListOption } from '../../types/components/list';
-interface Props {
-    width?: string | number;
-    options?: ListOption[];
-    closeOnPressEscape?: boolean;
-}
-declare var __VLS_5: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_5) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    toggle: (index: number) => any;
-    close: () => any;
-    selected: (ev: MouseEvent, index: number) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onToggle?: (index: number) => any;
-    onClose?: () => any;
-    onSelected?: (ev: MouseEvent, index: number) => any;
-}>, {
-    options: ListOption[];
-    closeOnPressEscape: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/placeholder/index.vue.d.ts

@@ -1,8 +0,0 @@
-interface Props {
-    color?: string;
-    width?: string;
-    height?: string;
-    border?: boolean;
-}
-declare const _default: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/resizable-handle/index.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/spinner/index.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;