yuyeon 0.3.5 → 0.3.6-beta.1

package/types/components/tree-view/YTreeViewNode.d.ts

@@ -8,11 +8,13 @@ export declare const pressYTreeViewNodeProps: <Defaults extends {
     search?: unknown;
     disableTransition?: unknown;
     enableActive?: unknown;
+    activeStrategy?: unknown;
     activeClass?: unknown;
     activeSingleModifier?: unknown;
     requiredActive?: unknown;
     activeColor?: unknown;
     enableSelect?: unknown;
+    selectStrategy?: unknown;
     onMouseenterContainer?: unknown;
     onMouseleaveContainer?: unknown;
     onMousemoveContainer?: unknown;
@@ -75,6 +77,24 @@ export declare const pressYTreeViewNodeProps: <Defaults extends {
         type: PropType<unknown extends Defaults["enableActive"] ? boolean : boolean | Defaults["enableActive"]>;
         default: unknown extends Defaults["enableActive"] ? boolean : boolean | Defaults["enableActive"];
     };
+    activeStrategy: unknown extends Defaults["activeStrategy"] ? {
+        /**
+         * cascade: only action descendent leaves
+         * relative: cascade after check parent (ancestor)
+         */
+        type: PropType<"independent" | "cascade" | "relative">;
+        default: string;
+    } : Omit<{
+        /**
+         * cascade: only action descendent leaves
+         * relative: cascade after check parent (ancestor)
+         */
+        type: PropType<"independent" | "cascade" | "relative">;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["activeStrategy"] ? "relative" | "cascade" | "independent" : Defaults["activeStrategy"] | NonNullable<"relative" | "cascade" | "independent">>;
+        default: unknown extends Defaults["activeStrategy"] ? "relative" | "cascade" | "independent" : Defaults["activeStrategy"] | NonNullable<"relative" | "cascade" | "independent">;
+    };
     activeClass: unknown extends Defaults["activeClass"] ? (ArrayConstructor | StringConstructor)[] : {
         type: PropType<unknown extends Defaults["activeClass"] ? string | unknown[] : Defaults["activeClass"] | NonNullable<string | unknown[]>>;
         default: unknown extends Defaults["activeClass"] ? string | unknown[] : Defaults["activeClass"] | NonNullable<string | unknown[]>;
@@ -101,6 +121,26 @@ export declare const pressYTreeViewNodeProps: <Defaults extends {
         type: PropType<unknown extends Defaults["enableSelect"] ? boolean : boolean | Defaults["enableSelect"]>;
         default: unknown extends Defaults["enableSelect"] ? boolean : boolean | Defaults["enableSelect"];
     };
+    selectStrategy: unknown extends Defaults["selectStrategy"] ? {
+        /**
+         * cascade: only action descendent leaves
+         * relative: cascade after check parent (ancestor)
+         * leaves: relative after return values only leaf
+         */
+        type: PropType<"independent" | "cascade" | "relative" | "leaf">;
+        default: string;
+    } : Omit<{
+        /**
+         * cascade: only action descendent leaves
+         * relative: cascade after check parent (ancestor)
+         * leaves: relative after return values only leaf
+         */
+        type: PropType<"independent" | "cascade" | "relative" | "leaf">;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["selectStrategy"] ? "relative" | "cascade" | "leaf" | "independent" : Defaults["selectStrategy"] | NonNullable<"relative" | "cascade" | "leaf" | "independent">>;
+        default: unknown extends Defaults["selectStrategy"] ? "relative" | "cascade" | "leaf" | "independent" : Defaults["selectStrategy"] | NonNullable<"relative" | "cascade" | "leaf" | "independent">;
+    };
     onMouseenterContainer: unknown extends Defaults["onMouseenterContainer"] ? FunctionConstructor : {
         type: PropType<unknown extends Defaults["onMouseenterContainer"] ? Function : Function | Defaults["onMouseenterContainer"]>;
         default: unknown extends Defaults["onMouseenterContainer"] ? Function : Function | Defaults["onMouseenterContainer"];
@@ -114,6 +154,9 @@ export declare const pressYTreeViewNodeProps: <Defaults extends {
         default: unknown extends Defaults["onMousemoveContainer"] ? Function : Function | Defaults["onMousemoveContainer"];
     };
 };
+/**
+ * TODO: correct selected values what selectStrategy leaf or others
+ */
 export declare const YTreeViewNode: import('vue').DefineComponent<{
     items: {
         type: PropType<any[]>;
@@ -137,6 +180,14 @@ export declare const YTreeViewNode: import('vue').DefineComponent<{
     search: StringConstructor;
     disableTransition: BooleanConstructor;
     enableActive: BooleanConstructor;
+    activeStrategy: {
+        /**
+         * cascade: only action descendent leaves
+         * relative: cascade after check parent (ancestor)
+         */
+        type: PropType<"independent" | "cascade" | "relative">;
+        default: string;
+    };
     activeClass: (ArrayConstructor | StringConstructor)[];
     activeSingleModifier: StringConstructor;
     requiredActive: BooleanConstructor;
@@ -145,6 +196,15 @@ export declare const YTreeViewNode: import('vue').DefineComponent<{
         default: string;
     };
     enableSelect: BooleanConstructor;
+    selectStrategy: {
+        /**
+         * cascade: only action descendent leaves
+         * relative: cascade after check parent (ancestor)
+         * leaves: relative after return values only leaf
+         */
+        type: PropType<"independent" | "cascade" | "relative" | "leaf">;
+        default: string;
+    };
     onMouseenterContainer: FunctionConstructor;
     onMouseleaveContainer: FunctionConstructor;
     onMousemoveContainer: FunctionConstructor;
@@ -166,11 +226,21 @@ export declare const YTreeViewNode: import('vue').DefineComponent<{
         emitExpanded: () => void;
         emitActive: () => void;
         emitSelected: () => void;
+        isChildrenAll: (key: import('../../types').CandidateKey, stateKey: string, to: boolean) => boolean;
+        isChildrenSome: (key: import('../../types').CandidateKey, stateKey: string) => boolean;
+        selectedState: import('vue').ComputedRef<(key: import('../../types').CandidateKey, children: import('../../types').CandidateKey[]) => {
+            all: boolean;
+            some: boolean;
+        }>;
     };
     myKey: import('vue').ComputedRef<any>;
     expanded: import('vue').Ref<boolean, boolean>;
     active: import('vue').Ref<boolean, boolean>;
     selected: import('vue').Ref<boolean, boolean>;
-    immediate: import('vue').Ref<boolean, boolean>;
+    indeterminate: import('vue').Ref<boolean, boolean>;
+    childrenSelection: import('vue').ComputedRef<{
+        all: boolean;
+        some: boolean;
+    }>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
 export type YTreeNode = InstanceType<typeof YTreeViewNode>;

package/types/components/tree-view/tree-view.d.ts

@@ -1,4 +1,4 @@
-import { InjectionKey, Ref } from 'vue';
+import { ComputedRef, InjectionKey, Ref } from 'vue';
 import { NodeState } from './types';
 import { CandidateKey } from '../../types';
 
@@ -12,6 +12,12 @@ export declare const Y_TREE_VIEW: InjectionKey<{
     emitExpanded: () => void;
     emitActive: () => void;
     emitSelected: () => void;
+    isChildrenAll: (key: CandidateKey, stateKey: string, to: boolean) => boolean;
+    isChildrenSome: (key: CandidateKey, stateKey: string) => boolean;
+    selectedState: ComputedRef<(key: CandidateKey, children: CandidateKey[]) => {
+        all: boolean;
+        some: boolean;
+    }>;
 }>;
 export declare function provideTreeView(props: any): {
     nodes: Ref<Record<CandidateKey, NodeState>, Record<CandidateKey, NodeState>>;
@@ -37,6 +43,10 @@ export declare function provideTreeView(props: any): {
     searchLoading: import('vue').ShallowRef<boolean, boolean>;
     excludedSet: Ref<Set<CandidateKey> & Omit<Set<CandidateKey>, keyof Set<any>>, Set<CandidateKey> | (Set<CandidateKey> & Omit<Set<CandidateKey>, keyof Set<any>>)>;
     isExcluded: (key: CandidateKey) => boolean;
+    selectedState: ComputedRef<(key: CandidateKey, children: CandidateKey[]) => {
+        all: boolean;
+        some: boolean;
+    }>;
 };
 export declare function useTreeView(): {
     register: (key: CandidateKey, vnode: any) => void;
@@ -48,4 +58,10 @@ export declare function useTreeView(): {
     emitExpanded: () => void;
     emitActive: () => void;
     emitSelected: () => void;
+    isChildrenAll: (key: CandidateKey, stateKey: string, to: boolean) => boolean;
+    isChildrenSome: (key: CandidateKey, stateKey: string) => boolean;
+    selectedState: ComputedRef<(key: CandidateKey, children: CandidateKey[]) => {
+        all: boolean;
+        some: boolean;
+    }>;
 };

package/types/declares.d.ts

@@ -1 +1 @@
-declare module '*.scss';
+declare module '*.scss';

package/types/globals.d.ts

@@ -1,20 +1,20 @@
 import { VNode } from 'vue';
-
-
-declare global {
-  namespace JSX {
-    interface Element extends VNode {}
-
-    interface IntrinsicAttributes {
-      [name: string]: any;
-    }
-  }
-}
-
-declare module 'vue' {
-  export interface ComponentCustomProperties {}
-
-  export interface ComponentInternalInstance {
-    provides: Record<string, unknown>;
-  }
-}
+
+
+declare global {
+  namespace JSX {
+    interface Element extends VNode {}
+
+    interface IntrinsicAttributes {
+      [name: string]: any;
+    }
+  }
+}
+
+declare module 'vue' {
+  export interface ComponentCustomProperties {}
+
+  export interface ComponentInternalInstance {
+    provides: Record<string, unknown>;
+  }
+}

package/types/shims.d.ts

@@ -1,65 +1,65 @@
 import { YAlert, YApp, YBadge, YButton, YCard, YCardBody, YCardFooter, YCardHeader, YCheckbox, YChip, YDataTable, YDataTableServer, YDateCalendar, YDatePicker, YDividePanel, YDivider, YExpandHTransition, YExpandVTransition, YFieldInput, YForm, YHover, YIcon, YImg, YInput, YIpv4Field, YLayer, YList, YListItem, YMenu, YMonthPicker, YPagination, YProgressBar, YProgressRing, YSelect, YSnackbar, YSpinnerRing, YSwitch, YTab, YTable, YTabs, YTextarea, YTextEllipsis, YTextHighlighter, YTi, YTooltip, YTreeView } from 'yuyeon/components';
-
-
-declare module "vue" {
-  export interface GlobalComponents {
-    // @define-components
-    YApp: typeof YApp;
-    YButton: typeof YButton;
-    YChip: typeof YChip;
-    YInput: typeof YInput;
-    YFieldInput: typeof YFieldInput;
-    YTextarea: typeof YTextarea;
-    YForm: typeof YForm;
-    YCard: typeof YCard;
-    YCardBody: typeof YCardBody;
-    YCardHeader: typeof YCardHeader;
-    YCardFooter: typeof YCardFooter;
-    YDialog: typeof YDialog;
-    YLayer: typeof YLayer;
-    YSnackbar: typeof YSnackbar;
-    YProgressBar: typeof YProgressBar;
-    YSpinnerRing: typeof YSpinnerRing;
-    YTooltip: typeof YTooltip;
-    YExpandVTransition: typeof YExpandVTransition;
-    YExpandHTransition: typeof YExpandHTransition;
-    YDividePanel: typeof YDividePanel;
-    YList: typeof YList;
-    YListItem: typeof YListItem;
-    YTreeView: typeof YTreeView;
-    YTreeViewNode: typeof YTreeViewNode;
-    YTable: typeof YTable;
-    YDataTable: typeof YDataTable;
-    YDataTableLayerRows: typeof YDataTableLayerRows;
-    YDataTableLayerRow: typeof YDataTableLayerRow;
-    YDataTableServer: typeof YDataTableServer;
-    YMenu: typeof YMenu;
-    YPagination: typeof YPagination;
-    YInputCheckbox: typeof YInputCheckbox;
-    YCheckbox: typeof YCheckbox;
-    YSwitch: typeof YSwitch;
-    YDropdown: typeof YDropdown;
-    YSelect: typeof YSelect;
-    YAlert: typeof YAlert;
-    YTabs: typeof YTabs;
-    YTab: typeof YTab;
-    YDivider: typeof YDivider;
-    YDateCalendar: typeof YDateCalendar;
-    YIcon: typeof YIcon;
-    YDatePicker: typeof YDatePicker;
-    YMonthPicker: typeof YMonthPicker;
-    YBadge: typeof YBadge;
-    YIpv4Field: typeof YIpv4Field;
-    YHover: typeof YHover;
-    YTi: typeof YTi;
-    YTextHighlighter: typeof YTextHighlighter;
-    YProgressRing: typeof YProgressRing;
-    YTextEllipsis: typeof YTextEllipsis;
-    YImg: typeof YImg;
-  }
-
-  export interface GlobalDirectives {
-    vPlateWave: (import("yuyeon/directives"))["PlateWave"];
-    vComplementClick: (import("yuyeon/directives"))["ComplementClick"];
-  }
-}
+
+
+declare module "vue" {
+  export interface GlobalComponents {
+    // @define-components
+    YApp: typeof YApp;
+    YButton: typeof YButton;
+    YChip: typeof YChip;
+    YInput: typeof YInput;
+    YFieldInput: typeof YFieldInput;
+    YTextarea: typeof YTextarea;
+    YForm: typeof YForm;
+    YCard: typeof YCard;
+    YCardBody: typeof YCardBody;
+    YCardHeader: typeof YCardHeader;
+    YCardFooter: typeof YCardFooter;
+    YDialog: typeof YDialog;
+    YLayer: typeof YLayer;
+    YSnackbar: typeof YSnackbar;
+    YProgressBar: typeof YProgressBar;
+    YSpinnerRing: typeof YSpinnerRing;
+    YTooltip: typeof YTooltip;
+    YExpandVTransition: typeof YExpandVTransition;
+    YExpandHTransition: typeof YExpandHTransition;
+    YDividePanel: typeof YDividePanel;
+    YList: typeof YList;
+    YListItem: typeof YListItem;
+    YTreeView: typeof YTreeView;
+    YTreeViewNode: typeof YTreeViewNode;
+    YTable: typeof YTable;
+    YDataTable: typeof YDataTable;
+    YDataTableLayerRows: typeof YDataTableLayerRows;
+    YDataTableLayerRow: typeof YDataTableLayerRow;
+    YDataTableServer: typeof YDataTableServer;
+    YMenu: typeof YMenu;
+    YPagination: typeof YPagination;
+    YInputCheckbox: typeof YInputCheckbox;
+    YCheckbox: typeof YCheckbox;
+    YSwitch: typeof YSwitch;
+    YDropdown: typeof YDropdown;
+    YSelect: typeof YSelect;
+    YAlert: typeof YAlert;
+    YTabs: typeof YTabs;
+    YTab: typeof YTab;
+    YDivider: typeof YDivider;
+    YDateCalendar: typeof YDateCalendar;
+    YIcon: typeof YIcon;
+    YDatePicker: typeof YDatePicker;
+    YMonthPicker: typeof YMonthPicker;
+    YBadge: typeof YBadge;
+    YIpv4Field: typeof YIpv4Field;
+    YHover: typeof YHover;
+    YTi: typeof YTi;
+    YTextHighlighter: typeof YTextHighlighter;
+    YProgressRing: typeof YProgressRing;
+    YTextEllipsis: typeof YTextEllipsis;
+    YImg: typeof YImg;
+  }
+
+  export interface GlobalDirectives {
+    vPlateWave: (import("yuyeon/directives"))["PlateWave"];
+    vComplementClick: (import("yuyeon/directives"))["ComplementClick"];
+  }
+}