pxd 0.0.64 → 0.1.2

package/dist/composables/use-virtual-list.d.ts

@@ -1,18 +1,21 @@
 import type { MaybeElementRef } from '../types/shared';
 import type { VirtualItem } from '@tanstack/virtual-core';
-import type { ComponentPublicInstance } from 'vue';
+import type { ComponentPublicInstance, MaybeRefOrGetter } from 'vue';
 import { Virtualizer } from '@tanstack/virtual-core';
 export interface VirtualListItem extends VirtualItem {
     key: string | number;
 }
 export interface VirtualListOptions {
+    enabled?: MaybeRefOrGetter<boolean>;
     status?: 'loading' | 'finished' | 'error' | '';
     dataKey?: string;
-    listData?: any[];
+    items?: any[];
     itemSize?: number;
     overScan?: number;
     columnGap?: number;
     columnCount?: number;
+    scrollPaddingStart?: number;
+    scrollPaddingEnd?: number;
     onBottom?: () => void | Promise<void>;
     bottomThreshold?: number;
 }
@@ -20,8 +23,8 @@ export declare function useVirtualList<Options extends VirtualListOptions>(conta
     virtualItems: import("vue").ComputedRef<VirtualListItem[]>;
     totalSize: import("vue").ComputedRef<number>;
     measureElement: (el: Element | ComponentPublicInstance | null) => void;
-    scrollToIndex: (index: number, { align: initialAlign, behavior, }?: import("@tanstack/virtual-core").ScrollToOptions) => void;
-    scrollToOffset: (toOffset: number, { align, behavior }?: import("@tanstack/virtual-core").ScrollToOptions) => void;
-    scrollBy: (delta: number, { behavior }?: import("@tanstack/virtual-core").ScrollToOptions) => void;
+    scrollToIndex: (index: number, args_1?: import("@tanstack/virtual-core").ScrollToOptions | undefined) => void;
+    scrollToOffset: (toOffset: number, args_1?: import("@tanstack/virtual-core").ScrollToOptions | undefined) => void;
+    scrollBy: (delta: number, args_1?: import("@tanstack/virtual-core").ScrollToOptions | undefined) => void;
     getVirtualizer: () => Virtualizer<HTMLElement, HTMLElement>;
 };

package/dist/composables/use-virtual-list.js

@@ -5,7 +5,8 @@ import {
   Virtualizer
 } from "@tanstack/virtual-core";
 import { computed, onMounted, onScopeDispose, watch, shallowRef } from "vue";
-import { toValue } from "../utils/ref.js";
+import { toValue } from "../utils/helper.js";
+import { isNil } from "../utils/is.js";
 const DEFAULTS = {
   status: "",
   itemSize: 50,
@@ -17,32 +18,38 @@ export function useVirtualList(containerRef, options) {
   let reachBottomFired = false;
   let cleanup;
   const triggerVersion = shallowRef(0);
+  const getEnabled = () => toValue(options.enabled) !== false;
   function getItemKey(index) {
     if (options.dataKey) {
-      const item = options.listData?.[index];
+      const item = options.items?.[index];
       const key = item?.[options.dataKey];
-      if (key !== void 0 && key !== null) {
+      if (!isNil(key)) {
         return key;
       }
     }
     return index;
   }
   const virtualizer = new Virtualizer({
-    count: options.listData?.length ?? 0,
-    getScrollElement: () => toValue(containerRef) ?? null,
+    count: 0,
+    getScrollElement: () => getEnabled() ? toValue(containerRef) ?? null : null,
     estimateSize: () => options.itemSize ?? DEFAULTS.itemSize,
     getItemKey,
     overscan: options.overScan ?? DEFAULTS.overScan,
     lanes: options.columnCount ?? DEFAULTS.columnCount,
     gap: options.columnGap ?? DEFAULTS.columnGap,
+    scrollPaddingStart: options.scrollPaddingStart,
+    scrollPaddingEnd: options.scrollPaddingEnd,
     laneAssignmentMode: "measured",
     observeElementRect,
     observeElementOffset,
     scrollToFn: elementScroll,
     onChange: (instance) => {
+      if (!getEnabled()) {
+        return;
+      }
       triggerVersion.value++;
-      const { status = DEFAULTS.status, listData } = options;
-      if (status || listData?.length === 0) {
+      const { status = DEFAULTS.status, items } = options;
+      if (status || items?.length === 0) {
         return;
       }
       const { onBottom, itemSize = DEFAULTS.itemSize, bottomThreshold } = options;
@@ -68,13 +75,22 @@ export function useVirtualList(containerRef, options) {
   });
   const virtualItems = computed(() => {
     void triggerVersion.value;
+    if (!getEnabled()) {
+      return [];
+    }
     return virtualizer.getVirtualItems();
   });
   const totalSize = computed(() => {
     void triggerVersion.value;
+    if (!getEnabled()) {
+      return 0;
+    }
     return virtualizer.getTotalSize();
   });
   function measureElement(el) {
+    if (!getEnabled()) {
+      return;
+    }
     if (!el) {
       virtualizer.measureElement(null);
       return;
@@ -83,37 +99,88 @@ export function useVirtualList(containerRef, options) {
     virtualizer.measureElement(htmlEl);
   }
   function updateVirtualizer() {
+    const enabled = getEnabled();
     virtualizer.setOptions({
       ...virtualizer.options,
-      count: options.listData?.length ?? 0,
+      count: enabled ? options.items?.length ?? 0 : 0,
       estimateSize: () => options.itemSize ?? DEFAULTS.itemSize,
       getItemKey,
+      overscan: options.overScan ?? DEFAULTS.overScan,
       lanes: options.columnCount ?? DEFAULTS.columnCount,
-      gap: options.columnGap ?? DEFAULTS.columnGap
+      gap: options.columnGap ?? DEFAULTS.columnGap,
+      getScrollElement: () => enabled ? toValue(containerRef) ?? null : null
     });
+    if (enabled) {
+      virtualizer._willUpdate();
+    }
+    triggerVersion.value++;
+  }
+  function mountObservers() {
+    if (cleanup || !getEnabled()) {
+      return;
+    }
     virtualizer._willUpdate();
+    cleanup = virtualizer._didMount();
+  }
+  function unmountObservers() {
+    cleanup?.();
+    cleanup = void 0;
     triggerVersion.value++;
   }
   watch(
-    () => [options.itemSize, options.dataKey, options.columnCount, options.columnGap],
-    updateVirtualizer
+    () => [
+      getEnabled(),
+      options.itemSize,
+      options.dataKey,
+      options.columnCount,
+      options.columnGap,
+      options.overScan
+    ],
+    () => {
+      if (getEnabled()) {
+        updateVirtualizer();
+        mountObservers();
+      } else {
+        unmountObservers();
+        updateVirtualizer();
+      }
+    }
   );
-  watch(() => [options.listData, options.listData?.length], updateVirtualizer);
+  watch(() => [options.items, options.items?.length], updateVirtualizer);
   onMounted(() => {
-    virtualizer._willUpdate();
-    cleanup = virtualizer._didMount();
+    if (getEnabled()) {
+      mountObservers();
+      updateVirtualizer();
+    }
   });
   onScopeDispose(() => {
-    cleanup?.();
-    cleanup = void 0;
+    unmountObservers();
   });
+  function scrollToIndex(...args) {
+    if (!getEnabled()) {
+      return;
+    }
+    virtualizer.scrollToIndex(...args);
+  }
+  function scrollToOffset(...args) {
+    if (!getEnabled()) {
+      return;
+    }
+    virtualizer.scrollToOffset(...args);
+  }
+  function scrollBy(...args) {
+    if (!getEnabled()) {
+      return;
+    }
+    virtualizer.scrollBy(...args);
+  }
   return {
     virtualItems,
     totalSize,
     measureElement,
-    scrollToIndex: virtualizer.scrollToIndex.bind(virtualizer),
-    scrollToOffset: virtualizer.scrollToOffset.bind(virtualizer),
-    scrollBy: virtualizer.scrollBy.bind(virtualizer),
+    scrollToIndex,
+    scrollToOffset,
+    scrollBy,
     getVirtualizer: () => virtualizer
   };
 }

package/dist/contexts/breadcrumb.d.ts

@@ -0,0 +1,2 @@
+import type { BreadcrumbProps } from '../components/breadcrumb/types';
+export declare const provideBreadcrumbContext: (contextValue: BreadcrumbProps) => BreadcrumbProps, useBreadcrumbContext: ((fallback?: BreadcrumbProps | undefined) => BreadcrumbProps) & ((fallback: null) => BreadcrumbProps | null);

package/dist/contexts/breadcrumb.js

@@ -0,0 +1,2 @@
+import { createContext } from "../utils/context.js";
+export const [provideBreadcrumbContext, useBreadcrumbContext] = createContext("Breadcrumb");

package/dist/contexts/choicebox.d.ts

@@ -1,6 +1,7 @@
 import type { ChoiceboxEmits, ChoiceboxProps } from '../components/choicebox/types';
 import type { EmitFn } from 'vue';
 interface ChoiceboxContext {
+    name: string;
     props: ChoiceboxProps;
     emits: EmitFn<ChoiceboxEmits>;
 }

package/dist/contexts/config-provider.d.ts

@@ -1,5 +1,6 @@
 import type { ConfigProviderProps } from '../components/config-provider/types';
-export declare const injectionKey = "ConfigProvider";
-export interface ConfigProviderContext extends Required<ConfigProviderProps> {
+import type { Locale } from '../locales';
+export interface ConfigProviderContext extends Omit<Required<ConfigProviderProps>, 'locale'> {
+    locale: Locale;
 }
 export declare const provideConfigProvider: (contextValue: ConfigProviderContext) => ConfigProviderContext, useConfigProvider: ((fallback?: ConfigProviderContext | undefined) => ConfigProviderContext) & ((fallback: null) => ConfigProviderContext | null);

package/dist/contexts/config-provider.js

@@ -1,11 +1,12 @@
 import enUS from "../locales/en-us.js";
 import { createContext } from "../utils/context.js";
-export const injectionKey = "ConfigProvider";
+const configProviderKey = "ConfigProvider";
 export const [provideConfigProvider, useConfigProvider] = createContext(
-  injectionKey,
+  configProviderKey,
   {
     size: "md",
     locale: enUS,
-    popoverShowTransition: true
+    enterMotion: true,
+    leaveMotion: true
   }
 );

package/dist/contexts/list.d.ts

@@ -1,28 +1,7 @@
-import type { ListOption } from '../components/list/types';
-import type { ComputedRef, Ref } from 'vue';
+import type { ListOptionSelected } from '../components/list/types';
+import type { Ref } from 'vue';
 export interface ListContext {
-    activeIndex: Ref<number>;
-    registerItem: (el: HTMLElement, indexRef: Ref<number>) => void;
-    unregisterItem: (el: HTMLElement) => void;
-    onOptionClick: ListOption['onClick'];
+    value: Ref<unknown>;
+    onItemSelect: (value: ListOptionSelected['value']) => void;
 }
 export declare const provideListContext: (contextValue: ListContext) => ListContext, useListContext: ((fallback?: ListContext | undefined) => ListContext) & ((fallback: null) => ListContext | null);
-export interface ListFilterItemPayload {
-    groupId: string | null;
-    getValue: () => string;
-    getKeywords: () => string[];
-}
-export interface ListFilterContext {
-    searchValue: Ref<string>;
-    visibleCount: ComputedRef<number>;
-    isItemVisible: (id: string) => boolean;
-    isGroupVisible: (id: string) => boolean;
-    registerItem: (id: string, payload: ListFilterItemPayload) => void;
-    unregisterItem: (id: string) => void;
-}
-export declare const provideListFilterContext: (contextValue: ListFilterContext) => ListFilterContext, useListFilterContext: (fallback?: ListFilterContext | null | undefined) => ListFilterContext | null;
-/**
- * Provided by group containers so nested list items know which group to
- * register into.
- */
-export declare const provideListFilterGroupId: (contextValue: string) => string, useListFilterGroupId: (fallback?: string | null | undefined) => string | null;

package/dist/contexts/list.js

@@ -1,10 +1,2 @@
 import { createContext } from "../utils/context.js";
 export const [provideListContext, useListContext] = createContext("List");
-export const [provideListFilterContext, useListFilterContext] = createContext(
-  "ListFilter",
-  null
-);
-export const [provideListFilterGroupId, useListFilterGroupId] = createContext(
-  "ListFilterGroupId",
-  null
-);

package/dist/locales/en-us.d.ts

@@ -1,29 +1,9 @@
-declare const _default: {
+declare const enUS: {
     date: {
         now: string;
-        day: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-        };
-        month: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-            10: string;
-            11: string;
-        };
+        today: string;
+        day: string[];
+        month: string[];
     };
     compare: {
         less: string;
@@ -31,14 +11,62 @@ declare const _default: {
         next: string;
         prev: string;
     };
-    confirm: {
-        ok: string;
-        conform: string;
+    interaction: {
         cancel: string;
+        confirm: string;
+        skip: string;
+        submit: string;
+    };
+    questionnaire: {
+        question: string;
+        answer: string;
+        skipAll: string;
+        prev: string;
+        next: string;
     };
     results: {
         searchText: string;
         noData: string;
     };
+    pagination: {
+        perPage: string;
+        prev: string;
+        next: string;
+    };
+    reasoning: {
+        thinking: string;
+        thought: string;
+    };
+    toolCall: {
+        pending: string;
+        running: string;
+        completed: string;
+        error: string;
+        input: string;
+        output: string;
+    };
+    approval: {
+        title: string;
+        approve: string;
+        reject: string;
+        remember: string;
+        pending: string;
+        approved: string;
+        rejected: string;
+        dismissed: string;
+    };
+    todo: {
+        title: string;
+        inProgress: string;
+        pending: string;
+        completed: string;
+        canceled: string;
+    };
+    feedback: {
+        thumbUp: string;
+        thumbDown: string;
+        close: string;
+    };
 };
-export default _default;
+export type Locale = typeof enUS;
+export default enUS;

package/dist/locales/en-us.js

@@ -1,29 +1,9 @@
-export default {
+const enUS = {
   date: {
     now: "Now",
-    day: {
-      0: "Sun",
-      1: "Mon",
-      2: "Tue",
-      3: "Wed",
-      4: "Thu",
-      5: "Fri",
-      6: "Sat"
-    },
-    month: {
-      0: "Jan",
-      1: "Feb",
-      2: "Mar",
-      3: "Apr",
-      4: "May",
-      5: "Jun",
-      6: "Jul",
-      7: "Aug",
-      8: "Sep",
-      9: "Oct",
-      10: "Nov",
-      11: "Dec"
-    }
+    today: "Today",
+    day: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+    month: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
   },
   compare: {
     less: "Less",
@@ -31,13 +11,61 @@ export default {
     next: "Next",
     prev: "Previous"
   },
-  confirm: {
-    ok: "OK",
-    conform: "Confirm",
-    cancel: "Cancel"
+  interaction: {
+    cancel: "Cancel",
+    confirm: "Confirm",
+    skip: "Skip",
+    submit: "Submit"
+  },
+  questionnaire: {
+    question: "Q",
+    answer: "A",
+    skipAll: "Skip all questions",
+    prev: "Previous question",
+    next: "Next question"
   },
   results: {
     searchText: "No results found for",
     noData: "No data available"
+  },
+  pagination: {
+    perPage: "/page",
+    prev: "Previous page",
+    next: "Next page"
+  },
+  reasoning: {
+    thinking: "Thinking...",
+    thought: "Thought"
+  },
+  toolCall: {
+    pending: "Pending",
+    running: "Running",
+    completed: "Completed",
+    error: "Error",
+    input: "Input",
+    output: "Output"
+  },
+  approval: {
+    title: "Run this command?",
+    approve: "Run",
+    reject: "Skip",
+    remember: "Always allow",
+    pending: "Pending",
+    approved: "Approved",
+    rejected: "Rejected",
+    dismissed: "Skipped"
+  },
+  todo: {
+    title: "Tasks",
+    inProgress: "in progress",
+    pending: "pending",
+    completed: "completed",
+    canceled: "canceled"
+  },
+  feedback: {
+    thumbUp: "Thumb up",
+    thumbDown: "Thumb down",
+    close: "Dismiss"
   }
 };
+export default enUS;

package/dist/locales/index.d.ts

@@ -1,2 +1,3 @@
+export type { Locale } from './en-us.js';
 export { default as enUS } from './en-us.js';
 export { default as zhCN } from './zh-cn.js';

package/dist/locales/zh-cn.d.ts

@@ -1,29 +1,9 @@
-declare const _default: {
+declare const zhCN: {
     date: {
         now: string;
-        day: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-        };
-        month: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-            10: string;
-            11: string;
-        };
+        today: string;
+        day: string[];
+        month: string[];
     };
     compare: {
         less: string;
@@ -31,14 +11,61 @@ declare const _default: {
         next: string;
         prev: string;
     };
-    confirm: {
-        ok: string;
-        conform: string;
+    interaction: {
         cancel: string;
+        confirm: string;
+        skip: string;
+        submit: string;
+    };
+    questionnaire: {
+        question: string;
+        answer: string;
+        skipAll: string;
+        prev: string;
+        next: string;
     };
     results: {
         searchText: string;
         noData: string;
     };
+    pagination: {
+        perPage: string;
+        prev: string;
+        next: string;
+    };
+    reasoning: {
+        thinking: string;
+        thought: string;
+    };
+    toolCall: {
+        pending: string;
+        running: string;
+        completed: string;
+        error: string;
+        input: string;
+        output: string;
+    };
+    approval: {
+        title: string;
+        approve: string;
+        reject: string;
+        remember: string;
+        pending: string;
+        approved: string;
+        rejected: string;
+        dismissed: string;
+    };
+    todo: {
+        title: string;
+        inProgress: string;
+        pending: string;
+        completed: string;
+        canceled: string;
+    };
+    feedback: {
+        thumbUp: string;
+        thumbDown: string;
+        close: string;
+    };
 };
-export default _default;
+export default zhCN;