@skygraph/vue 0.5.0 → 0.6.0

package/dist/index.d.ts

@@ -35,9 +35,9 @@ onCellEdit?: ((id: string, column: string, value: unknown) => any) | undefined;
 onExpand?: ((expanded: boolean, id: string) => any) | undefined;
 }>, {
 size: "small" | "middle" | "large";
+bordered: boolean;
 unstyled: boolean;
 loading: boolean;
-bordered: boolean;
 sticky: boolean;
 searchable: boolean;
 showPagination: boolean;
@@ -78,8 +78,8 @@ onChange?: ((value: string) => any) | undefined;
 }>, {
 size: "small" | "middle" | "large";
 disabled: boolean;
-modelValue: string;
 type: "text" | "email" | "password" | "number";
+modelValue: string;
 readOnly: boolean;
 allowClear: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
@@ -512,8 +512,8 @@ close: () => any;
 }, string, PublicProps, Readonly<TagProps> & Readonly<{
 onClose?: (() => any) | undefined;
 }>, {
-color: "default" | "success" | "error" | "warning" | "processing" | string;
 bordered: boolean;
+color: "default" | "success" | "error" | "warning" | "processing" | string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_35: DefineComponent<AvatarProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
@@ -1921,6 +1921,12 @@ export declare interface BreadcrumbItem {
     href?: string;
 }
 
+/** Locale strings for the Breadcrumb component. */
+declare interface BreadcrumbLocale {
+    /** Accessible name for the surrounding `<nav>` element. */
+    ariaLabel?: string;
+}
+
 export declare interface BreadcrumbProps {
     /** Ordered trail from root to current location. */
     items: BreadcrumbItem[];
@@ -2037,6 +2043,12 @@ export declare interface CalendarProps {
     unstyled?: boolean;
 }
 
+/** Locale strings for the Carousel component. */
+declare interface CarouselLocale {
+    /** Formats the per-slide indicator accessible label. Default `(i) => `Slide ${i}``. */
+    slide?: (index: number) => string;
+}
+
 export declare interface CarouselProps {
     /** Auto-advance slides on an interval. @default false */
     autoplay?: boolean;
@@ -2052,6 +2064,18 @@ export declare interface CarouselProps {
     unstyled?: boolean;
 }
 
+/** Locale strings for the Cascader component. */
+declare interface CascaderLocale {
+    /** Placeholder for the search input inside the dropdown. */
+    searchPlaceholder?: string;
+    /** Empty-state text shown when search has no matches. */
+    noMatches?: string;
+    /** Accessible label for the clear (×) button. */
+    clear?: string;
+    /** Accessible label for the per-tag remove (×) button. */
+    removeTag?: string;
+}
+
 /** One node in a cascader tree; children define the next column. */
 export declare interface CascaderOption {
     /** Stable value included in the selected path. */
@@ -2348,6 +2372,22 @@ export declare interface ChartSize {
     height: number;
 }
 
+/** Locale strings for the Charts components. */
+declare interface ChartsLocale {
+    /** Accessible label for `<LineChart>`. */
+    lineChart?: string;
+    /** Accessible label for `<BarChart>`. */
+    barChart?: string;
+    /** Accessible label for `<AreaChart>`. */
+    areaChart?: string;
+    /** Accessible label for `<PieChart>`. */
+    pieChart?: string;
+    /** Accessible label for the chart legend. */
+    legend?: string;
+    /** Accessible label for the hover-toolbar `<div role="toolbar">`. */
+    actions?: string;
+}
+
 export declare type ChartValue = number | null;
 
 export declare interface CheckboxProps {
@@ -2411,6 +2451,12 @@ export declare interface CollapseProps {
 
 export declare function colorForSeries(series: ChartSeries, index: number): string;
 
+/** Locale strings for the ColorPicker component. */
+declare interface ColorPickerLocale {
+    /** Accessible label for the color picker trigger. */
+    pickColor?: string;
+}
+
 export declare interface ColorPickerProps {
     /** v-model binding (Vue idiom). */
     modelValue?: string;
@@ -2506,6 +2552,18 @@ export declare interface DashboardExpose {
     }) => void;
 }
 
+/** Locale strings for the Dashboard / DashboardEditor components. */
+declare interface DashboardLocale {
+    /** Accessible label for the dashboard root. */
+    ariaLabel?: string;
+    /** Accessible label for the editor root (DashboardEditor). */
+    editorAriaLabel?: string;
+    /** Accessible label for the per-widget resize handle. */
+    resizeWidget?: string;
+    /** Accessible label for the widget actions (≡ menu) trigger. */
+    widgetActions?: string;
+}
+
 export declare interface DashboardProps {
     widgets: readonly DashboardWidget[];
     /** Number of columns in the grid. @default 12 */
@@ -2578,6 +2636,14 @@ export declare interface DataGridExpose {
     setActiveCell: (pos: CellPosition | null) => void;
 }
 
+/** Locale strings for the DataGrid component. */
+declare interface DataGridLocale {
+    /** Accessible label for the "select all rows" header checkbox. */
+    selectAllRows?: string;
+    /** Accessible label for the per-row selection checkbox. */
+    selectRow?: string;
+}
+
 export declare interface DataGridProps<R = Record<string, unknown>> {
     columns: DataGridColumn<R>[];
     data: R[];
@@ -2752,6 +2818,12 @@ export declare interface DiagramExpose {
     print: (opts?: PrintOptions) => void;
 }
 
+/** Locale strings for the Diagram component. */
+declare interface DiagramLocale {
+    /** Accessible label for the diagram root. */
+    ariaLabel?: string;
+}
+
 /**
  * Mini-toolbar entry rendered above a hovered node. The `onClick` receives
  * the original engine `GraphNode` plus the underlying MouseEvent.
@@ -2812,6 +2884,17 @@ export declare interface DiagramProps {
         maxNodes?: number;
         cornerRadius?: number;
         curvature?: number;
+        /**
+         * Where the central bend of an orthogonal edge sits between the
+         * two perpendicular stubs (0 = at source, 0.5 = midpoint, 1 = at
+         * target). Defaults to `0.5` (React Flow's smoothstep behaviour).
+         */
+        stepPosition?: number;
+        /**
+         * Length of the perpendicular stub extending from each endpoint
+         * before the connector turns. Defaults to `max(20, gridSize)`.
+         */
+        stubLength?: number;
     };
     /**
      * Draw arrow markers on every edge's target end. Defaults to `true`
@@ -2901,6 +2984,12 @@ export declare interface DragInfo {
     node: TreeNodeData;
 }
 
+/** Locale strings for the Drawer component. */
+declare interface DrawerLocale {
+    /** Accessible label for the close button. */
+    closeAriaLabel?: string;
+}
+
 export declare interface DrawerProps {
     /** When `true`, the drawer is visible. */
     open: boolean;
@@ -3303,6 +3392,18 @@ export declare interface FormListProps {
     initialValue?: unknown[];
 }
 
+/** Locale strings for form-related components. */
+declare interface FormLocale {
+    /** Marker text for required fields. */
+    required?: string;
+    /** Marker text for optional fields. */
+    optional?: string;
+    /** Label for the submit button. */
+    submitText?: string;
+    /** Label for the reset button. */
+    resetText?: string;
+}
+
 export declare interface FormOptions {
     defaultValues?: Record<string, unknown>
     validateOn?: ValidationMode
@@ -3382,6 +3483,14 @@ export declare interface FormState {
 /** French (fr-FR) preset for {@link SgConfigProvider} `locale`. */
 export declare const fr_FR: SgLocale;
 
+/** Locale strings for the Gantt component. */
+declare interface GanttLocale {
+    /** Accessible label for the gantt root. */
+    ariaLabel?: string;
+    /** Accessible label for the per-task resize handle. */
+    resizeTask?: string;
+}
+
 export declare interface GanttProps {
     tasks: readonly GanttTask[];
     resources?: readonly GanttResource[];
@@ -3663,6 +3772,12 @@ export declare interface InputGroupProps {
     style?: CSSProperties;
 }
 
+/** Locale strings shared by Input-family `clear` (×) buttons. */
+declare interface InputLocale {
+    /** Accessible label for the clear (×) button. */
+    clear?: string;
+}
+
 export declare interface InputNumberProps {
     /** v-model binding (Vue idiom). */
     modelValue?: number | null;
@@ -3817,6 +3932,12 @@ export declare interface ListLocale {
     emptyText?: string;
 }
 
+/** Locale strings for the List component. */
+declare interface ListLocale_2 {
+    /** Accessible label for the loading state spinner. */
+    loading?: string;
+}
+
 export declare interface ListNavigationOptions {
     itemCount: number | Ref<number> | ComputedRef<number>;
     loop?: boolean;
@@ -3945,8 +4066,12 @@ export declare interface MentionsProps {
 export declare interface MenuItem {
     /** Unique key for selection and open-state tracking. */
     key: string;
-    /** Visible label. */
-    label: string;
+    /**
+     * Visible label. Accepts string for the common case and any `VNodeChild`
+     * (created via `h()` or `<component :is>`) when rich content is needed
+     * (e.g. keyboard shortcuts, badges). Paritet с React: `label: ReactNode`.
+     */
+    label: string | VNodeChild;
     /**
      * Optional leading icon. Accepts any VNode (e.g. created with `h()` or `<component :is>`).
      * Aligns left of the label and inherits the item colour state.
@@ -3970,6 +4095,8 @@ declare interface ModalLocale {
     okText?: string;
     /** Label for the Cancel button. */
     cancelText?: string;
+    /** Accessible name for the close (×) button. */
+    closeAriaLabel?: string;
 }
 
 export declare interface ModalProps {
@@ -4089,6 +4216,12 @@ export declare interface NotificationContainerProps {
     unstyled?: boolean;
 }
 
+/** Locale strings for the Notification component. */
+declare interface NotificationLocale {
+    /** Accessible label for the close button on each toast. */
+    closeAriaLabel?: string;
+}
+
 /** Visual variant for notification styling and icon. */
 export declare type NotificationType = 'success' | 'error' | 'warning' | 'info';
 
@@ -4135,6 +4268,8 @@ declare interface PaginationLocale {
     jump?: string;
     /** Unit label for a page (e.g. "page"). */
     page?: string;
+    /** Accessible name for the surrounding `<nav>` element. */
+    ariaLabel?: string;
 }
 
 export declare interface PaginationProps {
@@ -4383,6 +4518,14 @@ export declare interface RangePickerProps {
     unstyled?: boolean;
 }
 
+/** Locale strings for the Rate component. */
+declare interface RateLocale {
+    /** Accessible label for the radio-group root. */
+    ariaLabel?: string;
+    /** Formats the per-star accessible label. */
+    star?: (count: number) => string;
+}
+
 export declare interface RateProps {
     /** v-model binding (Vue idiom). */
     modelValue?: number;
@@ -4432,6 +4575,22 @@ export declare interface ResourceCalendarAssignment {
     meta?: unknown;
 }
 
+/** Locale strings for the ResourceCalendar component. */
+declare interface ResourceCalendarLocale {
+    /** Accessible label for the calendar root. */
+    ariaLabel?: string;
+    /** Accessible label for the resource lane. */
+    resource?: (name: string) => string;
+    /** Accessible label for capacity. */
+    capacity?: (capacityPerSlot: number) => string;
+    /** Accessible label for the start-side resize handle. */
+    resizeStart?: string;
+    /** Accessible label for the end-side resize handle. */
+    resizeEnd?: string;
+    /** Suffix appended to the assignment aria-label when status is conflict. */
+    conflictSuffix?: string;
+}
+
 export declare interface ResourceCalendarProps {
     resources: readonly ResourceCalendarResource[];
     assignments: readonly ResourceCalendarAssignment[];
@@ -4551,6 +4710,30 @@ export declare interface SchemaFormEditorInspectorProps {
     store: SchemaEditorStore;
 }
 
+/** Locale strings for the SchemaFormEditor component. */
+declare interface SchemaFormEditorLocale {
+    /** Tooltip / aria-label for the undo button. */
+    undo?: string;
+    /** Tooltip / aria-label for the redo button. */
+    redo?: string;
+    /** Accessible label for the per-option remove (×) button in the inspector. */
+    removeOption?: string;
+    /** Accessible label for the read-only generated JSON `<pre>`. */
+    schemaView?: string;
+    /** Inspector "Label" placeholder. */
+    optionLabelPlaceholder?: string;
+    /** Inspector "Value" placeholder. */
+    optionValuePlaceholder?: string;
+    /** Per-field action: move up. */
+    moveFieldUp?: string;
+    /** Per-field action: move down. */
+    moveFieldDown?: string;
+    /** Per-field action: duplicate. */
+    duplicateField?: string;
+    /** Per-field action: delete. */
+    deleteField?: string;
+}
+
 export declare interface SchemaFormEditorPaletteProps {
     items?: PaletteItem[];
 }
@@ -4776,6 +4959,10 @@ export declare interface SgCalendarLocale {
     prevMonth?: string;
     /** Aria label / tooltip for the next-month navigation button. */
     nextMonth?: string;
+    /** Aria label for the inline month selector. */
+    month?: string;
+    /** Aria label for the inline year selector. */
+    year?: string;
 }
 
 export declare const SgCarousel: DefineComponent<ExtractPropTypes<    {
@@ -5225,6 +5412,32 @@ export declare interface SgLocale {
     inlineEdit?: InlineEditLocale;
     calendar?: SgCalendarLocale;
     datePicker?: DatePickerLocale;
+    form?: FormLocale;
+    upload?: UploadLocale;
+    transfer?: TransferLocale_2;
+    drawer?: DrawerLocale;
+    notification?: NotificationLocale;
+    tag?: TagLocale;
+    spin?: SpinLocale;
+    skeleton?: SkeletonLocale;
+    breadcrumb?: BreadcrumbLocale;
+    carousel?: CarouselLocale;
+    rate?: RateLocale;
+    charts?: ChartsLocale;
+    cascader?: CascaderLocale;
+    treeSelect?: TreeSelectLocale;
+    tree?: TreeLocale_2;
+    dashboard?: DashboardLocale;
+    gantt?: GanttLocale;
+    resourceCalendar?: ResourceCalendarLocale;
+    timeline?: TimelineLocale;
+    diagram?: DiagramLocale;
+    dataGrid?: DataGridLocale;
+    schemaFormEditor?: SchemaFormEditorLocale;
+    list?: ListLocale_2;
+    table?: TableLocale_2;
+    input?: InputLocale;
+    colorPicker?: ColorPickerLocale;
 }
 
 export declare const SgMentions: DefineComponent<MentionsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
@@ -5495,8 +5708,8 @@ onComplete?: ((v: string) => any) | undefined;
 }>, {
 length: number;
 mask: boolean;
-placeholder: string;
 type: "numeric" | "alphanumeric";
+placeholder: string;
 autoFocus: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
@@ -6069,6 +6282,12 @@ declare interface SkeletonAvatar {
     shape?: 'circle' | 'square';
 }
 
+/** Locale strings for the Skeleton component. */
+declare interface SkeletonLocale {
+    /** Accessible label announced while content is loading. */
+    loading?: string;
+}
+
 declare interface SkeletonParagraph {
     rows?: number;
     width?: Array<number | string>;
@@ -6119,6 +6338,12 @@ export declare interface SortConfig {
 
 export declare type SortDirection = 'asc' | 'desc'
 
+/** Locale strings for the Spin component. */
+declare interface SpinLocale {
+    /** Accessible label for the spinner role. */
+    loading?: string;
+}
+
 export declare interface SpinProps {
     /** When `true`, shows the loading state (subject to `delay`). @default true */
     spinning?: boolean;
@@ -6247,6 +6472,8 @@ export declare interface TableColumn {
     onCell?: (row: Record<string, unknown>, rowIndex: number) => TableCellSpan;
     /** Child columns for grouped headers. */
     children?: TableColumn[];
+    /** Extra class for header cell of this column. */
+    headerClassName?: string;
     /** Footer aggregate for this column. */
     aggregate?: TableAggregateType | ((values: unknown[]) => unknown);
 }
@@ -6391,6 +6618,12 @@ export declare interface TableLocale {
     expandIcon?: string;
 }
 
+/** Locale strings for the Table component (subset, Vue parity). */
+declare interface TableLocale_2 {
+    /** Accessible label for the "select all" header checkbox. */
+    selectAll?: string;
+}
+
 export declare interface TableOptions {
     pageSize?: number
     columns?: string[]
@@ -6562,6 +6795,12 @@ export declare interface TagInputProps {
     style?: CSSProperties;
 }
 
+/** Locale strings for the Tag component. */
+declare interface TagLocale {
+    /** Accessible label for the close (×) button on closable tags. */
+    closeAriaLabel?: string;
+}
+
 export declare interface TagProps {
     /** Preset semantic color or any CSS color string. @default 'default' */
     color?: 'default' | 'success' | 'error' | 'warning' | 'processing' | string;
@@ -6633,6 +6872,12 @@ export declare interface TimelineItem {
     position?: 'left' | 'right';
 }
 
+/** Locale strings for the Timeline component. */
+declare interface TimelineLocale {
+    /** Accessible label for the timeline root. */
+    ariaLabel?: string;
+}
+
 export declare type TimelineOrientation = 'horizontal' | 'vertical';
 
 export declare interface TimelineProps {
@@ -6760,6 +7005,24 @@ declare interface TransferLocale {
     deselectAll?: string;
 }
 
+/** Locale strings for the Transfer component. */
+declare interface TransferLocale_2 {
+    /** Titles for the left and right lists. */
+    titles?: [string, string];
+    /** Placeholder for the search input inside lists. */
+    searchPlaceholder?: string;
+    /** Singular unit label for items (e.g. "item"). */
+    itemUnit?: string;
+    /** Plural unit label for items (e.g. "items"). */
+    itemsUnit?: string;
+    /** Content shown when no items match the search. */
+    notFoundContent?: string;
+    /** Label for the "Select all" checkbox. */
+    selectAll?: string;
+    /** Label for the "Deselect all" checkbox. */
+    deselectAll?: string;
+}
+
 export declare interface TransferProps {
     /** Source data set. */
     dataSource: TransferItem[];
@@ -6893,6 +7156,12 @@ export declare interface TreeLocale {
     uncheckAllText?: string;
 }
 
+/** Locale strings for the Tree component. */
+declare interface TreeLocale_2 {
+    /** Accessible label for the clear-search (×) button. */
+    clearSearch?: string;
+}
+
 export declare interface TreeNodeAction {
     /** Action identifier (also a Vue list key). */
     key: string;
@@ -7038,6 +7307,14 @@ export declare interface TreeProps {
     showLine?: boolean;
 }
 
+/** Locale strings for the TreeSelect component. */
+declare interface TreeSelectLocale {
+    /** Placeholder for the search input inside the dropdown. */
+    searchPlaceholder?: string;
+    /** Empty-state text shown when search has no matches. */
+    noMatches?: string;
+}
+
 /** Back-compat alias — older Vue demos used the `value`/`label` shape. */
 export declare type TreeSelectNode = TreeNodeData;
 
@@ -7116,6 +7393,20 @@ export declare interface UploadFile {
     raw?: File;
 }
 
+/** Locale strings for the Upload component. */
+declare interface UploadLocale {
+    /** Label for the upload trigger. */
+    uploadText?: string;
+    /** Label for the remove-file action. */
+    removeFile?: string;
+    /** Text shown when an upload fails. */
+    uploadError?: string;
+    /** Label for the preview-file action. */
+    previewFile?: string;
+    /** Accessible name for the upload-file `<input type="file">`. */
+    uploadAriaLabel?: string;
+}
+
 export declare interface UploadProps {
     /** v-model binding (Vue idiom). */
     modelValue?: UploadFile[];