@opendesign-plus/components 0.0.1-rc.87 → 0.0.1-rc.89

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

@@ -1,6 +1,6 @@
 import { App } from '../../../vue/dist/vue.esm-bundler.js';
 declare const OHeader: {
-    new (...args: any[]): import('../../../vue/dist/vue.esm-bundler.js').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').NavT> & Readonly<{
+    new (...args: any[]): import('../../../vue/dist/vue.esm-bundler.js').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').NavT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
         "onNav-layout"?: ((val: any) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
@@ -11,15 +11,15 @@ declare const OHeader: {
     }, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, {
         isFlatten: boolean;
     }, false, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, {
-        contentRef: HTMLDivElement;
-    }, HTMLDivElement, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, {
+        contentRef: HTMLElement;
+    }, HTMLElement, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         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/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../index').NavT> & Readonly<{
+} & import('../../../vue/dist/vue.esm-bundler.js').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/dist/vue.esm-bundler.js').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').NavT> & Readonly<{
-        "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
+    new (...args: any[]): import('../../../vue/dist/vue.esm-bundler.js').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/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').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/dist/vue.esm-bundler.js').PublicProps, {}, false, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').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/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps;
             $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
             $refs: {
@@ -85,18 +85,18 @@ declare const OHeaderMobile: {
             $root: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
             $parent: import('../../../vue/dist/vue.esm-bundler.js').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/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../index').NavMobileItemT> & Readonly<{
+            $options: import('../../../vue/dist/vue.esm-bundler.js').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/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').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/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -119,12 +119,12 @@ declare const OHeaderMobile: {
             $nextTick: typeof import('../../../vue/dist/vue.esm-bundler.js').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/dist/vue.esm-bundler.js').WatchOptions): import('../../../vue/dist/vue.esm-bundler.js').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/dist/vue.esm-bundler.js').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/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../index').NavT> & Readonly<{
-    "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
+} & import('../../../vue/dist/vue.esm-bundler.js').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/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').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/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps & (new () => {
     $slots: {

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

@@ -1,7 +1,7 @@
 export interface LanguageOptionT {
     id: string;
     label: string;
-    simple: string;
+    simple?: string;
 }
 declare const _default: import('../../../vue/dist/vue.esm-bundler.js').DefineComponent<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
     options: {
@@ -58,7 +58,7 @@ declare const _default: import('../../../vue/dist/vue.esm-bundler.js').DefineCom
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: "auto" | "common" | "mobile";
+    type: "auto" | "mobile" | "common";
     disabled: boolean;
     options: LanguageOptionT[];
     auto: boolean;

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

@@ -30,7 +30,7 @@ declare const OHeaderLanguageSwitcher: {
     }>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
         change: (...args: any[]) => void;
     }, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, {
-        type: "auto" | "common" | "mobile";
+        type: "auto" | "mobile" | "common";
         disabled: boolean;
         options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
         auto: boolean;
@@ -70,7 +70,7 @@ declare const OHeaderLanguageSwitcher: {
     }>> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        type: "auto" | "common" | "mobile";
+        type: "auto" | "mobile" | "common";
         disabled: boolean;
         options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
         auto: boolean;
@@ -109,7 +109,7 @@ declare const OHeaderLanguageSwitcher: {
 }>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
     change: (...args: any[]) => void;
 }, string, {
-    type: "auto" | "common" | "mobile";
+    type: "auto" | "mobile" | "common";
     disabled: boolean;
     options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
     auto: boolean;

package/dist/components/header-search/index.d.ts

@@ -20,8 +20,8 @@ declare const OHeaderSearch: {
         imageUrl: string;
         enableImageSearch: boolean;
         maxImageSize: number;
-        onestepItems: import('../../index').OSearchRecommendItem[];
-        suggestItems: import('../../index').OSearchRecommendItem[];
+        onestepItems: import('../search').OSearchRecommendItem[];
+        suggestItems: import('../search').OSearchRecommendItem[];
         recommendItems: string[];
         historyItems: string[];
         hotItems: string[];
@@ -46,7 +46,7 @@ declare const OHeaderSearch: {
                 readonly imagePlaceholder?: string | undefined;
                 readonly size?: "small" | "medium" | "large" | undefined;
                 readonly enableImageSearch?: boolean | undefined;
-                readonly uploadImage?: import('../../index').OSearchUploadImageFn | undefined;
+                readonly uploadImage?: import('../search').OSearchUploadImageFn | undefined;
                 readonly maxImageSize?: number | undefined;
                 readonly imageUploadTooltip?: string | undefined;
                 readonly expanded?: boolean | undefined;
@@ -509,8 +509,8 @@ declare const OHeaderSearch: {
         imageUrl: string;
         enableImageSearch: boolean;
         maxImageSize: number;
-        onestepItems: import('../../index').OSearchRecommendItem[];
-        suggestItems: import('../../index').OSearchRecommendItem[];
+        onestepItems: import('../search').OSearchRecommendItem[];
+        suggestItems: import('../search').OSearchRecommendItem[];
         recommendItems: string[];
         historyItems: string[];
         hotItems: string[];
@@ -546,8 +546,8 @@ declare const OHeaderSearch: {
     imageUrl: string;
     enableImageSearch: boolean;
     maxImageSize: number;
-    onestepItems: import('../../index').OSearchRecommendItem[];
-    suggestItems: import('../../index').OSearchRecommendItem[];
+    onestepItems: import('../search').OSearchRecommendItem[];
+    suggestItems: import('../search').OSearchRecommendItem[];
     recommendItems: string[];
     historyItems: string[];
     hotItems: string[];
@@ -573,8 +573,8 @@ declare const OHeaderSearch: {
             recommendItems: string[];
             historyItems: string[];
             hotItems: string[];
-            suggestItems: import('../../index').OSearchRecommendItem[];
-            onestepItems: import('../../index').OSearchRecommendItem[];
+            suggestItems: import('../search').OSearchRecommendItem[];
+            onestepItems: import('../search').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'recommend-header'?(_: {
@@ -584,17 +584,17 @@ declare const OHeaderSearch: {
             items: string[];
         }): any;
         'onestep-header'?(_: {
-            items: import('../../index').OSearchRecommendItem[];
+            items: import('../search').OSearchRecommendItem[];
         }): any;
         'onestep-content'?(_: {
-            items: import('../../index').OSearchRecommendItem[];
+            items: import('../search').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'suggest-header'?(_: {
-            items: import('../../index').OSearchRecommendItem[];
+            items: import('../search').OSearchRecommendItem[];
         }): any;
         'suggest-content'?(_: {
-            items: import('../../index').OSearchRecommendItem[];
+            items: import('../search').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'history-header'?(_: {

package/dist/components/header-user/OHeaderUser.vue.d.ts

@@ -35,5 +35,92 @@ declare const _default: import('../../../vue/dist/vue.esm-bundler.js').DefineCom
     simple: boolean;
     itemRadius: number;
     customSize: number;
-}, {}, {}, {}, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {
+    headerUserRef: HTMLDivElement;
+    userNameRef: HTMLParagraphElement;
+    userIconRef: ({
+        $: import('../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            button: boolean;
+            disabled: boolean;
+            loading: boolean;
+        }> & Omit<{
+            readonly loading: boolean;
+            readonly disabled: boolean;
+            readonly button: boolean;
+            readonly icon?: import('../../../vue/dist/vue.esm-bundler.js').Component<any, any, any, import('../../../vue/dist/vue.esm-bundler.js').ComputedOptions, import('../../../vue/dist/vue.esm-bundler.js').MethodOptions, {}, any> | undefined;
+        } & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, "loading" | "disabled" | "button">;
+        $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('../../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
+        }>;
+        $root: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+        $parent: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: HTMLDivElement;
+        $options: import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+            icon: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('../../../vue/dist/vue.esm-bundler.js').Component>;
+            };
+            button: {
+                type: BooleanConstructor;
+            };
+            disabled: {
+                type: BooleanConstructor;
+            };
+            loading: {
+                type: BooleanConstructor;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, {
+            button: boolean;
+            disabled: boolean;
+            loading: boolean;
+        }, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('../../../vue/dist/vue.esm-bundler.js').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/dist/vue.esm-bundler.js').WatchOptions): import('../../../vue/dist/vue.esm-bundler.js').WatchStopHandle;
+    } & Readonly<{
+        button: boolean;
+        disabled: boolean;
+        loading: boolean;
+    }> & Omit<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+        icon: {
+            type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('../../../vue/dist/vue.esm-bundler.js').Component>;
+        };
+        button: {
+            type: BooleanConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+        loading: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{}>, "loading" | "disabled" | "button"> & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+}, HTMLDivElement>;
 export default _default;

package/dist/components/header-user/index.d.ts

@@ -10,7 +10,94 @@ declare const OHeaderUser: {
         simple: boolean;
         itemRadius: number;
         customSize: number;
-    }, false, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, {}, HTMLDivElement, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, {
+    }, false, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, {
+        headerUserRef: HTMLDivElement;
+        userNameRef: HTMLParagraphElement;
+        userIconRef: ({
+            $: import('../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                button: boolean;
+                disabled: boolean;
+                loading: boolean;
+            }> & Omit<{
+                readonly loading: boolean;
+                readonly disabled: boolean;
+                readonly button: boolean;
+                readonly icon?: import('../../../vue/dist/vue.esm-bundler.js').Component<any, any, any, import('../../../vue/dist/vue.esm-bundler.js').ComputedOptions, import('../../../vue/dist/vue.esm-bundler.js').MethodOptions, {}, any> | undefined;
+            } & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, "loading" | "disabled" | "button">;
+            $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('../../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
+            }>;
+            $root: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+            $parent: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: HTMLDivElement;
+            $options: import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+                icon: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('../../../vue/dist/vue.esm-bundler.js').Component>;
+                };
+                button: {
+                    type: BooleanConstructor;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                };
+            }>> & Readonly<{}>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, {
+                button: boolean;
+                disabled: boolean;
+                loading: boolean;
+            }, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('../../../vue/dist/vue.esm-bundler.js').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/dist/vue.esm-bundler.js').WatchOptions): import('../../../vue/dist/vue.esm-bundler.js').WatchStopHandle;
+        } & Readonly<{
+            button: boolean;
+            disabled: boolean;
+            loading: boolean;
+        }> & Omit<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+            icon: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('../../../vue/dist/vue.esm-bundler.js').Component>;
+            };
+            button: {
+                type: BooleanConstructor;
+            };
+            disabled: {
+                type: BooleanConstructor;
+            };
+            loading: {
+                type: BooleanConstructor;
+            };
+        }>> & Readonly<{}>, "loading" | "disabled" | "button"> & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
+    }, HTMLDivElement, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

package/dist/components/html-viewer/OHtmlViewer.vue.d.ts

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    src?: string;
+    html?: string;
+    title?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        loading?(_: {}): any;
+        error?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('../../../vue/dist/vue.esm-bundler.js').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {} & {
+    error: (error: unknown) => any;
+    loaded: () => any;
+}, string, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onError?: ((error: unknown) => any) | undefined;
+    onLoaded?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('../../../vue/dist/vue.esm-bundler.js').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/components/html-viewer/index.d.ts

@@ -0,0 +1,50 @@
+import { App } from '../../../vue/dist/vue.esm-bundler.js';
+declare const OHtmlViewer: {
+    new (...args: any[]): import('../../../vue/dist/vue.esm-bundler.js').CreateComponentPublicInstanceWithMixins<Readonly<{
+        src?: string;
+        html?: string;
+        title?: string;
+    }> & Readonly<{
+        onError?: ((error: unknown) => any) | undefined;
+        onLoaded?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {} & {
+        error: (error: unknown) => any;
+        loaded: () => any;
+    }, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, {}, false, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, {}, HTMLDivElement, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        src?: string;
+        html?: string;
+        title?: string;
+    }> & Readonly<{
+        onError?: ((error: unknown) => any) | undefined;
+        onLoaded?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<{
+    src?: string;
+    html?: string;
+    title?: string;
+}> & Readonly<{
+    onError?: ((error: unknown) => any) | undefined;
+    onLoaded?: (() => any) | undefined;
+}>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {} & {
+    error: (error: unknown) => any;
+    loaded: () => any;
+}, string, {}, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps & (new () => {
+    $slots: {
+        loading?(_: {}): any;
+        error?(_: {}): any;
+    };
+}) & {
+    install(app: App): void;
+};
+export { OHtmlViewer };
+export * from './types';

package/dist/components/html-viewer/types.d.ts

@@ -0,0 +1,14 @@
+export interface HtmlViewerProps {
+    /** HTML 文件地址（远程 URL 或静态资源地址），组件内部会请求该地址并渲染文档内容 */
+    src?: string;
+    /** HTML 字符串内容，传入后优先于 src，不再发起请求 */
+    html?: string;
+    /** 文档描述，作为文档区域的 aria-label，用于无障碍访问 */
+    title?: string;
+}
+export interface HtmlViewerEmits {
+    /** 文档渲染完成时触发 */
+    (e: 'loaded'): void;
+    /** src 请求失败时触发 */
+    (e: 'error', error: unknown): void;
+}

package/dist/components/html-viewer/utils.d.ts

@@ -0,0 +1,29 @@
+/**
+ * 将 CSS 文本中的选择器限定在 scope 内，避免文档自带样式（如 `*`、`table`、`body` 等全局选择器）
+ * 影响宿主页面其他部分。
+ *
+ * 规则：
+ * - 普通选择器：追加 scope 前缀，如 `.foo` -> `${scope} .foo`，多选择器逐个处理；
+ * - `html` / `body` 开头的选择器：将 `html`/`body` 替换为 scope；
+ * - `*` 通用选择器：改写为 `${scope}, ${scope} *`；
+ * - `@media` / `@supports` 等条件块：递归处理内部规则；
+ * - `@keyframes` / `@font-face` 等块：保持原样；
+ * - `@import`：直接丢弃，避免文档额外拉取外部资源。
+ */
+export declare function scopeCss(css: string, scope: string): string;
+export interface ParsedDocT {
+    /** 净化待渲染的 body 内容（不含 style 块） */
+    body: string;
+    /** 提取并限定作用域后的 CSS 文本（不含 style 标签），无样式时为空字符串 */
+    styleCss: string;
+}
+/**
+ * 解析完整 HTML 文档：
+ * 1. 提取所有 `<style>` 块，将选择器限定在 scope 内后合并为 CSS 文本；
+ * 2. 提取 `<body>` 内容（无 body 标签时使用原文），并移除其中的 style 块；
+ * 3. 清理内联样式中的 color/background 声明，使文档跟随宿主主题。
+ *
+ * 注意：`<style>` 是 head-only 元素，交给 DOMPurify 片段净化时会因被解析进 head 而丢失，
+ * 因此调用方需将返回的 CSS 单独渲染，不要与 body 一起传入净化指令。
+ */
+export declare function parseHtml(text: string, scope: string): ParsedDocT;