@krds.ui/vue 0.0.6 → 0.0.8

package/dist/types/index.d.ts

@@ -9,6 +9,155 @@ import { RendererElement } from 'vue';
 import { RendererNode } from 'vue';
 import { VNode } from 'vue';
 
+declare const __VLS_component: DefineComponent<KrdsPanelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (value: boolean) => any;
+}, string, PublicProps, Readonly<KrdsPanelProps> & Readonly<{
+"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+modelValue: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const __VLS_component_2: DefineComponent<KrdsContextualHelpProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsContextualHelpProps> & Readonly<{}>, {
+tooltipTitle: string;
+position: "top left" | "top center" | "top right" | "bottom left" | "bottom center" | "bottom right";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+containerRef: HTMLDivElement;
+tooltipBtnRef: HTMLButtonElement;
+tooltipPopoverRef: HTMLDivElement;
+closeBtnRef: HTMLButtonElement;
+}, HTMLDivElement>;
+
+declare const __VLS_component_3: DefineComponent<KrdsCoachMarkProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+"update:modelValue": (value: number | null) => any;
+}, string, PublicProps, Readonly<KrdsCoachMarkProps> & Readonly<{
+onClose?: (() => any) | undefined;
+"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+}>, {
+modelValue: number | null;
+coachMarkClass: string | string[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_4: DefineComponent<KrdsTooltipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsTooltipProps> & Readonly<{}>, {
+disabled: boolean;
+type: TooltipType;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+containerRef: HTMLDivElement;
+popoverRef: HTMLDivElement;
+}, HTMLDivElement>;
+
+declare const __VLS_component_5: DefineComponent<KrdsLanguageSwitcherProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+"update:modelValue": (value: string) => any;
+}, string, PublicProps, Readonly<KrdsLanguageSwitcherProps> & Readonly<{
+onClose?: (() => any) | undefined;
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+type: "default" | "external";
+modelValue: string;
+dropPosition: DropdownPosition;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+dropdownRef: HTMLDivElement;
+buttonRef: HTMLButtonElement;
+}, any>;
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_2(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        containerRef: HTMLDivElement;
+        tooltipBtnRef: HTMLButtonElement;
+        tooltipPopoverRef: HTMLDivElement;
+        closeBtnRef: HTMLButtonElement;
+    };
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_3(): {
+    attrs: Partial<{}>;
+    slots: {
+        'coach-mark-content'?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare function __VLS_template_4(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        containerRef: HTMLDivElement;
+        popoverRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_5(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        'prev-item'?(_: {}): any;
+    };
+    refs: {
+        dropdownRef: HTMLDivElement;
+        buttonRef: HTMLButtonElement;
+    };
+    rootEl: any;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
+
+declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
+
+declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
+
+declare type __VLS_TemplateResult_5 = ReturnType<typeof __VLS_template_5>;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_2<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_3<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_4<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_5<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 /**
  * 정렬 타입
  */
@@ -91,6 +240,8 @@ export declare type CSSCustomProperties = Record<`--${string}`, string | number>
  */
 export declare type Direction = 'horizontal' | 'vertical';
 
+declare type DropdownPosition = 'left' | 'center' | 'right';
+
 /**
  * 파일 정보 인터페이스
  */
@@ -278,6 +429,15 @@ export declare interface KrdsCheckboxProps extends BaseFormProps {
     chip?: boolean;
 }
 
+export declare const KrdsCoachMark: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+
+export declare interface KrdsCoachMarkProps extends BaseComponentProps {
+    coachMarkClass?: string | string[];
+    stepsData: StepsData[];
+    activeStep: number;
+    modelValue?: number | null;
+}
+
 /**
  * KRDS 컴포넌트 타입
  */
@@ -288,6 +448,14 @@ export declare type KrdsComponent<Props = object, Slots = object, Emits = object
     __krdsEmits: Emits;
 };
 
+export declare const KrdsContextualHelp: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+
+export declare interface KrdsContextualHelpProps {
+    tooltipTitle?: string;
+    helpIcon?: boolean;
+    position?: 'top left' | 'top center' | 'top right' | 'bottom left' | 'bottom center' | 'bottom right';
+}
+
 export declare const KrdsDateInput: DefineComponent<KrdsDateInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 focus: (event: FocusEvent) => any;
 input: (event: Event) => any;
@@ -745,6 +913,15 @@ export declare interface KrdsInputProps extends BaseFormProps {
     loading?: boolean;
 }
 
+export declare const KrdsLanguageSwitcher: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
+
+export declare interface KrdsLanguageSwitcherProps extends BaseComponentProps {
+    languageList: LanguageData[];
+    modelValue?: string;
+    type?: 'default' | 'external';
+    dropPosition?: DropdownPosition;
+}
+
 export declare const KrdsLink: DefineComponent<KrdsLinkProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 /**
@@ -824,6 +1001,12 @@ export declare interface KrdsPaginationProps {
     pageRange?: number;
 }
 
+export declare const KrdsPanel: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+
+export declare interface KrdsPanelProps {
+    modelValue?: boolean;
+}
+
 export declare const KrdsRadio: DefineComponent<KrdsRadioProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsRadioProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 /**
@@ -849,6 +1032,22 @@ export declare interface KrdsRadioProps extends BaseFormProps {
     chip?: boolean;
 }
 
+export declare const KrdsResize: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+"update:modelValue": (value: string) => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onClose?: (() => any) | undefined;
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
+dropdownRef: HTMLDivElement;
+buttonRef: HTMLButtonElement;
+}, any>;
+
+export declare interface KrdsResizeEmits {
+    'update:modelValue': [value: string];
+    close: [];
+}
+
 export declare const KrdsSelect: DefineComponent<KrdsSelectProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 /**
@@ -1280,6 +1479,16 @@ export declare interface KrdsToggleSwitchProps extends BaseFormProps {
     size?: 'medium' | 'large';
 }
 
+export declare const KrdsTooltip: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
+
+export declare interface KrdsTooltipProps extends BaseComponentProps {
+    type?: TooltipType;
+    tooltipContent: string;
+    vertical?: boolean;
+    box?: boolean;
+    disabled?: boolean;
+}
+
 /**
  * KRDS Vue 플러그인
  */
@@ -1294,6 +1503,12 @@ export declare interface KrdsVueOptions {
     components?: string[];
 }
 
+declare type LanguageData = {
+    code: string;
+    name: string;
+    url?: string;
+};
+
 /**
  * 로딩 상태 속성
  */
@@ -1356,6 +1571,14 @@ export declare interface SelectOption {
  */
 export declare type Size = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 
+declare type StepsData = {
+    id: number;
+    title: string;
+    description: string;
+};
+
+declare type TooltipType = 'default' | 'icon' | 'button';
+
 /**
  * 버튼 변형 타입
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krds.ui/vue",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "KRDS Vue Design System - 한국 정부 디자인 시스템 Vue 컴포넌트 라이브러리",
   "keywords": [
     "krds",