@codemonster-ru/vueforge 0.37.0 → 0.38.0

package/dist/package/components/__tests__/tree.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/package/components/tree-node.vue.d.ts

@@ -0,0 +1,41 @@
+import { TreeItem, TreeValue } from './tree.vue';
+interface Props {
+    node: TreeItem;
+    level: number;
+    size: 'small' | 'normal' | 'large';
+    variant: 'filled' | 'outlined';
+    disabled: boolean;
+    expandOnClick: boolean;
+    selectable: boolean;
+    isSelected: (key: TreeValue) => boolean;
+    isExpanded: (key: TreeValue) => boolean;
+    isDisabled: (node: TreeItem) => boolean;
+    onSelect: (node: TreeItem, event: Event) => void;
+    onToggle: (node: TreeItem, event: Event) => void;
+}
+type TreeLabelSlotProps = {
+    node: TreeItem;
+    level: number;
+    selected: boolean;
+    expanded: boolean;
+    disabled: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        label?: (props: TreeLabelSlotProps) => unknown;
+    }> & {
+        label?: (props: TreeLabelSlotProps) => unknown;
+    };
+    refs: {};
+    rootEl: HTMLLIElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/package/components/tree.vue.d.ts

@@ -0,0 +1,71 @@
+export type TreeValue = string | number;
+export interface TreeItem {
+    key: TreeValue;
+    label: string;
+    disabled?: boolean;
+    children?: Array<TreeItem>;
+}
+type TreeModelValue = TreeValue | Array<TreeValue> | undefined;
+type TreeLabelSlotProps = {
+    node: TreeItem;
+    level: number;
+    selected: boolean;
+    expanded: boolean;
+    disabled: boolean;
+};
+interface Props {
+    items?: Array<TreeItem>;
+    modelValue?: TreeModelValue;
+    expandedKeys?: Array<TreeValue>;
+    multiple?: boolean;
+    selectable?: boolean;
+    expandOnClick?: boolean;
+    disabled?: boolean;
+    size?: 'small' | 'normal' | 'large';
+    variant?: 'filled' | 'outlined';
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        label?: (props: TreeLabelSlotProps) => unknown;
+    }> & {
+        label?: (props: TreeLabelSlotProps) => unknown;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    toggle: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+    "update:expandedKeys": (...args: any[]) => void;
+    nodeClick: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onToggle?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:expandedKeys"?: ((...args: any[]) => any) | undefined;
+    onNodeClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    items: Array<TreeItem>;
+    size: "small" | "normal" | "large";
+    variant: "filled" | "outlined";
+    modelValue: TreeValue | TreeValue[];
+    ariaLabel: string;
+    multiple: boolean;
+    ariaLabelledby: string;
+    expandOnClick: boolean;
+    selectable: boolean;
+    expandedKeys: Array<TreeValue>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/package/config/theme-core.d.ts

@@ -762,6 +762,41 @@ export type RatingTokens = {
         size?: string;
     };
 };
+export type TreeTokens = {
+    gap?: string;
+    indent?: string;
+    rowGap?: string;
+    rowPadding?: string;
+    rowPaddingInline?: string;
+    rowBorderRadius?: string;
+    rowBorderColor?: string;
+    rowFontSize?: string;
+    rowTextColor?: string;
+    rowBackgroundColor?: string;
+    rowHoverBackgroundColor?: string;
+    rowSelectedBackgroundColor?: string;
+    rowSelectedTextColor?: string;
+    toggleSize?: string;
+    toggleRadius?: string;
+    toggleBorderColor?: string;
+    toggleBackgroundColor?: string;
+    toggleTextColor?: string;
+    toggleHoverBackgroundColor?: string;
+    focusRingShadow?: string;
+    disabledOpacity?: string;
+    small?: {
+        rowPadding?: string;
+        rowPaddingInline?: string;
+        rowFontSize?: string;
+        toggleSize?: string;
+    };
+    large?: {
+        rowPadding?: string;
+        rowPaddingInline?: string;
+        rowFontSize?: string;
+        toggleSize?: string;
+    };
+};
 export type StepperTokens = {
     gap?: string;
     itemGap?: string;
@@ -1070,6 +1105,7 @@ export type ThemeComponentTokens = {
     chip?: ChipTokens;
     avatar?: AvatarTokens;
     rating?: RatingTokens;
+    tree?: TreeTokens;
     [key: string]: unknown;
 };
 export type ThemeTokens = {

package/dist/package/themes/default/components/tree.d.ts

@@ -0,0 +1,36 @@
+declare const _default: {
+    gap: string;
+    indent: string;
+    rowGap: string;
+    rowPadding: string;
+    rowPaddingInline: string;
+    rowBorderRadius: string;
+    rowBorderColor: string;
+    rowFontSize: string;
+    rowTextColor: string;
+    rowBackgroundColor: string;
+    rowHoverBackgroundColor: string;
+    rowSelectedBackgroundColor: string;
+    rowSelectedTextColor: string;
+    toggleSize: string;
+    toggleRadius: string;
+    toggleBorderColor: string;
+    toggleBackgroundColor: string;
+    toggleTextColor: string;
+    toggleHoverBackgroundColor: string;
+    focusRingShadow: string;
+    disabledOpacity: string;
+    small: {
+        rowPadding: string;
+        rowPaddingInline: string;
+        rowFontSize: string;
+        toggleSize: string;
+    };
+    large: {
+        rowPadding: string;
+        rowPaddingInline: string;
+        rowFontSize: string;
+        toggleSize: string;
+    };
+};
+export default _default;

package/dist/package/themes/default/index.d.ts

@@ -1265,6 +1265,41 @@ declare const _default: {
                 size: string;
             };
         };
+        tree: {
+            gap: string;
+            indent: string;
+            rowGap: string;
+            rowPadding: string;
+            rowPaddingInline: string;
+            rowBorderRadius: string;
+            rowBorderColor: string;
+            rowFontSize: string;
+            rowTextColor: string;
+            rowBackgroundColor: string;
+            rowHoverBackgroundColor: string;
+            rowSelectedBackgroundColor: string;
+            rowSelectedTextColor: string;
+            toggleSize: string;
+            toggleRadius: string;
+            toggleBorderColor: string;
+            toggleBackgroundColor: string;
+            toggleTextColor: string;
+            toggleHoverBackgroundColor: string;
+            focusRingShadow: string;
+            disabledOpacity: string;
+            small: {
+                rowPadding: string;
+                rowPaddingInline: string;
+                rowFontSize: string;
+                toggleSize: string;
+            };
+            large: {
+                rowPadding: string;
+                rowPaddingInline: string;
+                rowFontSize: string;
+                toggleSize: string;
+            };
+        };
     };
     colors: {
         white: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@codemonster-ru/vueforge",
-    "version": "0.37.0",
+    "version": "0.38.0",
     "description": "Open source UI components for Vue.js.",
     "license": "MIT",
     "author": "Kirill Kolesnikov",