@opendesign-plus-test/components 0.0.1-rc.182 → 0.0.1-rc.183

package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./HeaderContent.vue2.mjs";
 import './HeaderContent.css';
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const HeaderContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d1399506"]]);
+const HeaderContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7f4b5f07"]]);
 export {
   HeaderContent as default
 };

package/dist/treeshaking/components/header/components/HeaderContent.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, inject, resolveDirective, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, createVNode, withCtx, Fragment, renderList, toDisplayString, withDirectives, createBlock, resolveDynamicComponent, createCommentVNode, createTextVNode } from "vue";
+import { defineComponent, ref, inject, resolveDirective, openBlock, createElementBlock, withDirectives, createElementVNode, normalizeClass, unref, normalizeStyle, createVNode, withCtx, Fragment, renderList, toDisplayString, createBlock, resolveDynamicComponent, createCommentVNode, createTextVNode, vShow } from "vue";
 import { OScroller, OPopover, OIcon, OTag } from "@opensig/opendesign";
 import { useTheme } from "../../../shared/theme.mjs";
 import { useI18n } from "../../../i18n/index.mjs";
@@ -124,9 +124,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onMouseenter: onMouseEnter,
         onMouseleave: onMouseLeave
       }, [
-        (props.itemVisible || navVisible.value) && ((_b = (_a = props.itemData) == null ? void 0 : _a.children) == null ? void 0 : _b.length) ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(["nav-content", [(_c = props.community) == null ? void 0 : _c.toLowerCase(), props.hoverIndex, unref(theme), `${props.hoverIndex}-${unref(locale)}`]])
+        withDirectives(createElementVNode("div", {
+          class: normalizeClass(["nav-content", [(_a = props.community) == null ? void 0 : _a.toLowerCase(), props.hoverIndex, unref(theme), `${props.hoverIndex}-${unref(locale)}`]])
         }, [
           createElementVNode("div", {
             class: "nav-background-left",
@@ -298,7 +297,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, [
                           createElementVNode("img", {
                             src: unref(isDark) && (shortcut == null ? void 0 : shortcut.pictureDark) ? shortcut == null ? void 0 : shortcut.pictureDark : shortcut.picture,
-                            class: "review-picture"
+                            class: "review-picture",
+                            loading: "lazy"
                           }, null, 8, _hoisted_16),
                           createElementVNode("div", _hoisted_17, [
                             showDesc.value ? (openBlock(), createBlock(unref(OPopover), {
@@ -357,7 +357,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _: 1
             })
           ])
-        ], 2)) : createCommentVNode("", true)
+        ], 2), [
+          [vShow, (props.itemVisible || navVisible.value) && ((_c = (_b = props.itemData) == null ? void 0 : _b.children) == null ? void 0 : _c.length)]
+        ])
       ], 32);
     };
   }

package/dist/treeshaking/components/header/components/HeaderNavMobile.vue.d.ts

@@ -22,7 +22,7 @@ declare const __VLS_component: import('vue').DefineComponent<NavMobileItemT, {},
     "onOn-click"?: (() => any) | undefined;
     "onLang-click"?: ((val: LangItemT) => any) | undefined;
 }>, {
-    navData: import('../../../index.ts').NavItemT[];
+    navData: import('../types.ts').NavItemT[];
     menuShow: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/treeshaking/components/header/index.d.ts

@@ -1,6 +1,6 @@
 import { App } from 'vue';
 declare const OHeader: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').NavT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').NavT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
         "onNav-layout"?: ((val: any) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
@@ -19,7 +19,7 @@ declare const OHeader: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').NavT> & Readonly<{
+    }, Readonly<import('./types').NavT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
         "onNav-layout"?: ((val: any) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
@@ -29,7 +29,7 @@ declare const OHeader: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').NavT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').NavT> & Readonly<{
     "onHandle-click"?: ((val: any) => any) | undefined;
     "onNav-layout"?: ((val: any) => any) | undefined;
     "onGo-home"?: (() => any) | undefined;
@@ -50,15 +50,15 @@ declare const OHeader: {
     install(app: App): void;
 };
 declare const OHeaderMobile: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').NavT> & Readonly<{
-        "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').NavT> & Readonly<{
+        "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
-        "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
+        "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
         "onGo-back"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "handle-click": (val: import('../../index').NavItemT) => any;
+        "handle-click": (val: import('./types').NavItemT) => any;
         "go-home": () => any;
-        "lang-click": (val: import('../../index').LangItemT) => any;
+        "lang-click": (val: import('./types').LangItemT) => any;
         "go-back": () => any;
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         mobileNav: ({
@@ -66,14 +66,14 @@ declare const OHeaderMobile: {
             $data: {};
             $props: {
                 readonly menuShow: boolean;
-                readonly navData: import('../../index').NavItemT[];
-                readonly codeData?: import('../../index').CodeT | undefined;
-                readonly langData?: import('../../index').LangT | undefined;
+                readonly navData: import('./types').NavItemT[];
+                readonly codeData?: import('./types').CodeT | undefined;
+                readonly langData?: import('./types').LangT | undefined;
                 readonly activeIndex: string | number;
                 readonly community?: string | undefined;
                 readonly "onHandle-click"?: ((val: any) => any) | undefined;
                 readonly "onOn-click"?: (() => any) | undefined;
-                readonly "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
+                readonly "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: import('vue').Attrs;
             $refs: {
@@ -85,18 +85,18 @@ declare const OHeaderMobile: {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "handle-click", val: any) => void) & ((event: "on-click") => void) & ((event: "lang-click", val: import('../../index').LangItemT) => void);
+            $emit: ((event: "handle-click", val: any) => void) & ((event: "on-click") => void) & ((event: "lang-click", val: import('./types').LangItemT) => void);
             $el: HTMLDivElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('../../index').NavMobileItemT> & Readonly<{
+            $options: import('vue').ComponentOptionsBase<Readonly<import('./types').NavMobileItemT> & Readonly<{
                 "onHandle-click"?: ((val: any) => any) | undefined;
                 "onOn-click"?: (() => any) | undefined;
-                "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
+                "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 "handle-click": (val: any) => any;
                 "on-click": () => any;
-                "lang-click": (val: import('../../index').LangItemT) => any;
+                "lang-click": (val: import('./types').LangItemT) => any;
             }, string, {
-                navData: import('../../index').NavItemT[];
+                navData: import('./types').NavItemT[];
                 menuShow: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -119,12 +119,12 @@ declare const OHeaderMobile: {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            navData: import('../../index').NavItemT[];
+            navData: import('./types').NavItemT[];
             menuShow: boolean;
-        }> & Omit<Readonly<import('../../index').NavMobileItemT> & Readonly<{
+        }> & Omit<Readonly<import('./types').NavMobileItemT> & Readonly<{
             "onHandle-click"?: ((val: any) => any) | undefined;
             "onOn-click"?: (() => any) | undefined;
-            "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
+            "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
         }>, "navData" | "menuShow"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 tool?(_: {}): any;
@@ -137,24 +137,24 @@ declare const OHeaderMobile: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').NavT> & Readonly<{
-        "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
+    }, Readonly<import('./types').NavT> & Readonly<{
+        "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
-        "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
+        "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
         "onGo-back"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').NavT> & Readonly<{
-    "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').NavT> & Readonly<{
+    "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
     "onGo-home"?: (() => any) | undefined;
-    "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
+    "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
     "onGo-back"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "handle-click": (val: import('../../index').NavItemT) => any;
+    "handle-click": (val: import('./types').NavItemT) => any;
     "go-home": () => any;
-    "lang-click": (val: import('../../index').LangItemT) => any;
+    "lang-click": (val: import('./types').LangItemT) => any;
     "go-back": () => any;
 }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue.d.ts

@@ -60,8 +60,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     type: "auto" | "common" | "mobile";
     disabled: boolean;
-    options: LanguageOptionT[];
     auto: boolean;
+    options: LanguageOptionT[];
     itemRadius: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/treeshaking/components/header-language-switcher/index.d.ts

@@ -32,8 +32,8 @@ declare const OHeaderLanguageSwitcher: {
     }, import('vue').PublicProps, {
         type: "auto" | "common" | "mobile";
         disabled: boolean;
-        options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
         auto: boolean;
+        options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
         itemRadius: number;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -72,8 +72,8 @@ declare const OHeaderLanguageSwitcher: {
     }>, {}, {}, {}, {}, {
         type: "auto" | "common" | "mobile";
         disabled: boolean;
-        options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
         auto: boolean;
+        options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
         itemRadius: number;
     }>;
     __isFragment?: never;
@@ -111,8 +111,8 @@ declare const OHeaderLanguageSwitcher: {
 }, string, {
     type: "auto" | "common" | "mobile";
     disabled: boolean;
-    options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
     auto: boolean;
+    options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
     itemRadius: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;

package/dist/treeshaking/components/header-search/OHeaderSearch.vue.d.ts

@@ -128,9 +128,9 @@ declare function __VLS_template(): {
                     $props: Partial<{
                         color: "normal" | "primary" | "success" | "warning" | "danger";
                         type: "text" | "password";
-                        disabled: boolean | undefined;
+                        disabled: boolean;
                         variant: "solid" | "outline" | "text";
-                        clearable: boolean | undefined;
+                        clearable: boolean;
                         readonly: boolean;
                         noKeyboard: boolean;
                         showLength: "auto" | "always" | "never";
@@ -143,8 +143,10 @@ declare function __VLS_template(): {
                         readonly type: "text" | "password";
                         readonly color: "danger" | "warning" | "success" | "primary" | "normal";
                         readonly variant: "solid" | "outline" | "text";
+                        readonly disabled: boolean;
                         readonly readonly: boolean;
                         readonly noKeyboard: boolean;
+                        readonly clearable: boolean;
                         readonly showLength: "auto" | "always" | "never";
                         readonly inputOnOutlimit: boolean;
                         readonly showPasswordEvent: "click" | "pointerdown";
@@ -153,8 +155,6 @@ declare function __VLS_template(): {
                         readonly onlyNumericInput: boolean;
                         readonly size?: "small" | "large" | "medium" | undefined;
                         readonly round?: import('@opensig/opendesign').RoundT | undefined;
-                        readonly disabled?: boolean | undefined;
-                        readonly clearable?: boolean | undefined;
                         readonly modelValue?: string | number | undefined;
                         readonly defaultValue?: string | number | undefined;
                         readonly placeholder?: string | undefined;
@@ -172,7 +172,7 @@ declare function __VLS_template(): {
                         readonly onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
                         readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
                         readonly onPressEnter?: ((evt: KeyboardEvent) => any) | undefined | undefined;
-                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "color" | "variant" | "disabled" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "color" | "variant" | "disabled" | "readonly" | "noKeyboard" | "clearable" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
                     $attrs: import('vue').Attrs;
                     $refs: {
                         [x: string]: unknown;
@@ -217,8 +217,7 @@ declare function __VLS_template(): {
                             type: StringConstructor;
                         };
                         disabled: {
-                            type: import('vue').PropType<boolean | undefined>;
-                            default: undefined;
+                            type: BooleanConstructor;
                         };
                         readonly: {
                             type: BooleanConstructor;
@@ -227,8 +226,7 @@ declare function __VLS_template(): {
                             type: BooleanConstructor;
                         };
                         clearable: {
-                            type: import('vue').PropType<boolean | undefined>;
-                            default: undefined;
+                            type: BooleanConstructor;
                         };
                         minLength: {
                             type: NumberConstructor;
@@ -295,9 +293,9 @@ declare function __VLS_template(): {
                     }, string, {
                         color: "normal" | "primary" | "success" | "warning" | "danger";
                         type: "text" | "password";
-                        disabled: boolean | undefined;
+                        disabled: boolean;
                         variant: "solid" | "outline" | "text";
-                        clearable: boolean | undefined;
+                        clearable: boolean;
                         readonly: boolean;
                         noKeyboard: boolean;
                         showLength: "auto" | "always" | "never";
@@ -329,9 +327,9 @@ declare function __VLS_template(): {
                 } & Readonly<{
                     color: "normal" | "primary" | "success" | "warning" | "danger";
                     type: "text" | "password";
-                    disabled: boolean | undefined;
+                    disabled: boolean;
                     variant: "solid" | "outline" | "text";
-                    clearable: boolean | undefined;
+                    clearable: boolean;
                     readonly: boolean;
                     noKeyboard: boolean;
                     showLength: "auto" | "always" | "never";
@@ -372,8 +370,7 @@ declare function __VLS_template(): {
                         type: StringConstructor;
                     };
                     disabled: {
-                        type: import('vue').PropType<boolean | undefined>;
-                        default: undefined;
+                        type: BooleanConstructor;
                     };
                     readonly: {
                         type: BooleanConstructor;
@@ -382,8 +379,7 @@ declare function __VLS_template(): {
                         type: BooleanConstructor;
                     };
                     clearable: {
-                        type: import('vue').PropType<boolean | undefined>;
-                        default: undefined;
+                        type: BooleanConstructor;
                     };
                     minLength: {
                         type: NumberConstructor;
@@ -433,7 +429,7 @@ declare function __VLS_template(): {
                     onFocus?: ((evt: FocusEvent) => any) | undefined;
                     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                     onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
-                }>, "blur" | "focus" | "type" | "color" | "variant" | "disabled" | "clear" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput" | "inputEl" | "togglePassword"> & {
+                }>, "blur" | "focus" | "type" | "color" | "variant" | "disabled" | "clear" | "readonly" | "noKeyboard" | "clearable" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput" | "inputEl" | "togglePassword"> & {
                     focus: () => void | undefined;
                     blur: () => void | undefined;
                     clear: () => void | undefined;
@@ -483,8 +479,8 @@ declare function __VLS_template(): {
             }, string, {
                 size: "small" | "medium" | "large";
                 disabled: boolean;
-                clearable: boolean;
                 modelValue: string;
+                clearable: boolean;
                 preview: boolean;
                 expanded: boolean;
                 imageUrl: string;
@@ -516,8 +512,8 @@ declare function __VLS_template(): {
         } & Readonly<{
             size: "small" | "medium" | "large";
             disabled: boolean;
-            clearable: boolean;
             modelValue: string;
+            clearable: boolean;
             preview: boolean;
             expanded: boolean;
             imageUrl: string;
@@ -528,7 +524,7 @@ declare function __VLS_template(): {
             allowedImageTypes: string[];
         }> & Omit<Readonly<import('../search/internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
             [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-        }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "clearable" | "modelValue" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
+        }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
             focus: () => void | undefined;
             blur: () => void | undefined;
             awaitUpload: () => Promise<void>;
@@ -564,8 +560,8 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
 }, string, import('vue').PublicProps, Readonly<OHeaderSearchPropsT> & Readonly<{
     [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
-    clearable: boolean;
     modelValue: string;
+    clearable: boolean;
     debounce: number;
     simple: boolean;
     imageUrl: string;
@@ -618,9 +614,9 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
                 $props: Partial<{
                     color: "normal" | "primary" | "success" | "warning" | "danger";
                     type: "text" | "password";
-                    disabled: boolean | undefined;
+                    disabled: boolean;
                     variant: "solid" | "outline" | "text";
-                    clearable: boolean | undefined;
+                    clearable: boolean;
                     readonly: boolean;
                     noKeyboard: boolean;
                     showLength: "auto" | "always" | "never";
@@ -633,8 +629,10 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
                     readonly type: "text" | "password";
                     readonly color: "danger" | "warning" | "success" | "primary" | "normal";
                     readonly variant: "solid" | "outline" | "text";
+                    readonly disabled: boolean;
                     readonly readonly: boolean;
                     readonly noKeyboard: boolean;
+                    readonly clearable: boolean;
                     readonly showLength: "auto" | "always" | "never";
                     readonly inputOnOutlimit: boolean;
                     readonly showPasswordEvent: "click" | "pointerdown";
@@ -643,8 +641,6 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
                     readonly onlyNumericInput: boolean;
                     readonly size?: "small" | "large" | "medium" | undefined;
                     readonly round?: import('@opensig/opendesign').RoundT | undefined;
-                    readonly disabled?: boolean | undefined;
-                    readonly clearable?: boolean | undefined;
                     readonly modelValue?: string | number | undefined;
                     readonly defaultValue?: string | number | undefined;
                     readonly placeholder?: string | undefined;
@@ -662,7 +658,7 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
                     readonly onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
                     readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
                     readonly onPressEnter?: ((evt: KeyboardEvent) => any) | undefined | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "color" | "variant" | "disabled" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "color" | "variant" | "disabled" | "readonly" | "noKeyboard" | "clearable" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
                 $attrs: import('vue').Attrs;
                 $refs: {
                     [x: string]: unknown;
@@ -707,8 +703,7 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
                         type: StringConstructor;
                     };
                     disabled: {
-                        type: import('vue').PropType<boolean | undefined>;
-                        default: undefined;
+                        type: BooleanConstructor;
                     };
                     readonly: {
                         type: BooleanConstructor;
@@ -717,8 +712,7 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
                         type: BooleanConstructor;
                     };
                     clearable: {
-                        type: import('vue').PropType<boolean | undefined>;
-                        default: undefined;
+                        type: BooleanConstructor;
                     };
                     minLength: {
                         type: NumberConstructor;
@@ -785,9 +779,9 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
                 }, string, {
                     color: "normal" | "primary" | "success" | "warning" | "danger";
                     type: "text" | "password";
-                    disabled: boolean | undefined;
+                    disabled: boolean;
                     variant: "solid" | "outline" | "text";
-                    clearable: boolean | undefined;
+                    clearable: boolean;
                     readonly: boolean;
                     noKeyboard: boolean;
                     showLength: "auto" | "always" | "never";
@@ -819,9 +813,9 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
             } & Readonly<{
                 color: "normal" | "primary" | "success" | "warning" | "danger";
                 type: "text" | "password";
-                disabled: boolean | undefined;
+                disabled: boolean;
                 variant: "solid" | "outline" | "text";
-                clearable: boolean | undefined;
+                clearable: boolean;
                 readonly: boolean;
                 noKeyboard: boolean;
                 showLength: "auto" | "always" | "never";
@@ -862,8 +856,7 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
                     type: StringConstructor;
                 };
                 disabled: {
-                    type: import('vue').PropType<boolean | undefined>;
-                    default: undefined;
+                    type: BooleanConstructor;
                 };
                 readonly: {
                     type: BooleanConstructor;
@@ -872,8 +865,7 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
                     type: BooleanConstructor;
                 };
                 clearable: {
-                    type: import('vue').PropType<boolean | undefined>;
-                    default: undefined;
+                    type: BooleanConstructor;
                 };
                 minLength: {
                     type: NumberConstructor;
@@ -923,7 +915,7 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
                 onFocus?: ((evt: FocusEvent) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
-            }>, "blur" | "focus" | "type" | "color" | "variant" | "disabled" | "clear" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput" | "inputEl" | "togglePassword"> & {
+            }>, "blur" | "focus" | "type" | "color" | "variant" | "disabled" | "clear" | "readonly" | "noKeyboard" | "clearable" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput" | "inputEl" | "togglePassword"> & {
                 focus: () => void | undefined;
                 blur: () => void | undefined;
                 clear: () => void | undefined;
@@ -973,8 +965,8 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
         }, string, {
             size: "small" | "medium" | "large";
             disabled: boolean;
-            clearable: boolean;
             modelValue: string;
+            clearable: boolean;
             preview: boolean;
             expanded: boolean;
             imageUrl: string;
@@ -1006,8 +998,8 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
     } & Readonly<{
         size: "small" | "medium" | "large";
         disabled: boolean;
-        clearable: boolean;
         modelValue: string;
+        clearable: boolean;
         preview: boolean;
         expanded: boolean;
         imageUrl: string;
@@ -1018,7 +1010,7 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
         allowedImageTypes: string[];
     }> & Omit<Readonly<import('../search/internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
         [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-    }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "clearable" | "modelValue" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
+    }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
         focus: () => void | undefined;
         blur: () => void | undefined;
         awaitUpload: () => Promise<void>;