@opendesign-plus-test/components 0.0.1-rc.196 → 0.0.1-rc.198

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: {

package/dist/components/{user-center/OAsideBar.vue.d.ts → html-viewer/OHtmlViewer.vue.d.ts}

@@ -1,21 +1,24 @@
-import { AsideMenuItemT } from './types/usercenter.interface';
 type __VLS_Props = {
-    menus?: AsideMenuItemT[];
-    currentPath?: string;
+    src?: string;
+    html?: string;
+    title?: string;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        userinfo?(_: {}): any;
+        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, {} & {
-    navigate: (url: string) => any;
+    error: (error: unknown) => any;
+    loaded: () => any;
 }, string, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onNavigate?: ((url: string) => any) | undefined;
+    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;

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;