@opendesign-plus-test/components 0.0.1-rc.199 → 0.0.1-rc.200

package/dist/treeshaking/components/html-viewer/index.d.ts

@@ -1,50 +0,0 @@
-import { App } from 'vue';
-declare const OHtmlViewer: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        src?: string;
-        html?: string;
-        title?: string;
-    }> & Readonly<{
-        onError?: ((error: unknown) => any) | undefined;
-        onLoaded?: (() => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        error: (error: unknown) => any;
-        loaded: () => any;
-    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').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').ComponentOptionsBase<Readonly<{
-    src?: string;
-    html?: string;
-    title?: string;
-}> & Readonly<{
-    onError?: ((error: unknown) => any) | undefined;
-    onLoaded?: (() => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    error: (error: unknown) => any;
-    loaded: () => any;
-}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        loading?(_: {}): any;
-        error?(_: {}): any;
-    };
-}) & {
-    install(app: App): void;
-};
-export { OHtmlViewer };
-export * from './types';

package/dist/treeshaking/components/html-viewer/index.mjs

@@ -1,9 +0,0 @@
-import _OHtmlViewer from "./OHtmlViewer.vue.mjs";
-const OHtmlViewer = Object.assign(_OHtmlViewer, {
-  install(app) {
-    app.component("OHtmlViewer", _OHtmlViewer);
-  }
-});
-export {
-  OHtmlViewer
-};

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

@@ -1,14 +0,0 @@
-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/treeshaking/components/html-viewer/utils.d.ts

@@ -1,29 +0,0 @@
-/**
- * 将 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;

package/dist/treeshaking/components/html-viewer/utils.mjs

@@ -1,70 +0,0 @@
-function scopeCss(css, scope) {
-  css = css.replace(/@import[^;]+;/gi, "");
-  let result = "";
-  let i = 0;
-  while (i < css.length) {
-    const braceStart = css.indexOf("{", i);
-    if (braceStart === -1) {
-      result += css.slice(i);
-      break;
-    }
-    const selector = css.slice(i, braceStart);
-    let depth = 1;
-    let j = braceStart + 1;
-    while (j < css.length && depth > 0) {
-      const ch = css[j];
-      if (ch === "{") {
-        depth++;
-      } else if (ch === "}") {
-        depth--;
-      }
-      j++;
-    }
-    const body = css.slice(braceStart + 1, depth === 0 ? j - 1 : j);
-    const sel = selector.trim();
-    if (sel.startsWith("@")) {
-      if (/^@(media|supports|container|scope|layer)\b/i.test(sel)) {
-        result += `${selector}{${scopeCss(body, scope).trim()}}`;
-      } else if (!/^@import\b/i.test(sel)) {
-        result += `${selector}{${body}}`;
-      }
-    } else if (sel) {
-      const scoped = sel.split(",").map((part) => {
-        const t = part.trim();
-        if (!t) {
-          return "";
-        }
-        if (t === "*") {
-          return `${scope}, ${scope} *`;
-        }
-        if (/^(html|body)([\s,>+~:[.]|$)/i.test(t)) {
-          return t.replace(/^(html|body)/i, scope);
-        }
-        return `${scope} ${t}`;
-      }).filter(Boolean).join(", ");
-      result += scoped ? `${scoped}{${body.trim()}}` : "";
-    } else {
-      result += `${selector}{${body}}`;
-    }
-    i = j;
-  }
-  return result;
-}
-function parseHtml(text, scope) {
-  const styleParts = [];
-  for (const m of text.matchAll(/<style[^>]*>([\s\S]*?)<\/style>/gi)) {
-    styleParts.push(scopeCss(m[1], scope));
-  }
-  const bodyMatch = text.match(/<body[^>]*>([\s\S]*?)<\/body>/i);
-  let rawBody = bodyMatch ? bodyMatch[1] : text;
-  rawBody = rawBody.replace(/<style[^>]*>[\s\S]*?<\/style>/gi, "");
-  const body = rawBody.replace(/style\s*=\s*"([^"]*)"/gi, (_m, val) => {
-    const cleaned = val.replace(new RegExp("(?<![-\\w])(?:color|background(?:-color)?)\\s*:\\s*[^;]+;?", "gi"), "").replace(/\s{2,}/g, " ").trim();
-    return cleaned ? `style="${cleaned}"` : "";
-  });
-  return { body, styleCss: styleParts.join("\n") };
-}
-export {
-  parseHtml,
-  scopeCss
-};