@opendesign-plus/components 0.0.1-rc.103 → 0.0.1-rc.104

package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OHeaderSourceCode_vue_vue_type_script_setup_true_lang_default from "./OHeaderSourceCode.vue_vue_type_script_setup_true_lang.mjs";
+import './OHeaderSourceCode.vue_vue_type_style_index_0_scoped_4c72b8c0_lang.css';
+// src/components/header-source-code/OHeaderSourceCode.vue
+var OHeaderSourceCode_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OHeaderSourceCode_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-4c72b8c0"]]);
+export { OHeaderSourceCode_default as default };

package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,73 @@
+import icon_chevron_down_default from "../../_virtual/~icons/components/icon-chevron-down.mjs";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { ODropdown, ODropdownItem, OIcon } from "@opensig/opendesign";
+// src/components/header-source-code/OHeaderSourceCode.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "source-code" };
+var _hoisted_2 = { class: "title" };
+var _hoisted_3 = { class: "info-wrap hover-icon-rotate" };
+var _hoisted_4 = { class: "title" };
+var OHeaderSourceCode_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OHeaderSourceCode",
+	props: {
+		title: {},
+		options: {},
+		href: {},
+		target: {},
+		icon: {},
+		justify: { default: "center" },
+		itemRadius: { default: 4 }
+	},
+	setup(__props) {
+		const itemChange = (data) => {
+			window.open(data.href, data.target ? data.target : "_blank");
+		};
+		const dropdownVisible = ref(false);
+		const visibleChange = (val) => {
+			dropdownVisible.value = val;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [__props.href ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: "info-wrap",
+				onClick: _cache[0] || (_cache[0] = ($event) => itemChange({
+					href: __props.href,
+					target: __props.target
+				}))
+			}, [createElementVNode("span", _hoisted_2, toDisplayString(__props.title), 1), __props.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(__props.icon), { class: "icon" }))]),
+				_: 1
+			})) : createCommentVNode("", true)])) : (openBlock(), createBlock(unref(ODropdown), {
+				key: 1,
+				trigger: "hover",
+				optionPosition: "bottom",
+				"option-wrap-class": "dropdown",
+				"option-width-mode": "auto",
+				class: normalizeClass({ "dropdown-active": dropdownVisible.value }),
+				onVisibleChange: visibleChange
+			}, {
+				dropdown: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
+					return openBlock(), createBlock(unref(ODropdownItem), {
+						onClick: ($event) => itemChange(item),
+						key: item.href,
+						style: normalizeStyle({
+							"--dropdown-item-justify": __props.justify,
+							"--dropdown-item-radius": `${__props.itemRadius}px`
+						})
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(item.label) + " ", 1), item.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
+							default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "icon" }))]),
+							_: 2
+						}, 1024)) : createCommentVNode("", true)]),
+						_: 2
+					}, 1032, ["onClick", "style"]);
+				}), 128))]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_3, [createElementVNode("span", _hoisted_4, toDisplayString(__props.title), 1), createVNode(unref(OIcon), { class: "icon" }, {
+					default: withCtx(() => [createVNode(unref(icon_chevron_down_default))]),
+					_: 1
+				})])]),
+				_: 1
+			}, 8, ["class"]))]);
+		};
+	}
+});
+export { OHeaderSourceCode_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/header-source-code/index.mjs

@@ -1,9 +1,6 @@
-import OHeaderSourceCode$1 from "./OHeaderSourceCode.vue.mjs";
-const OHeaderSourceCode = Object.assign(OHeaderSourceCode$1, {
-  install(app) {
-    app.component("OHeaderSourceCode", OHeaderSourceCode$1);
-  }
-});
-export {
-  OHeaderSourceCode
-};
+import OHeaderSourceCode_default from "./OHeaderSourceCode.mjs";
+// src/components/header-source-code/index.ts
+var OHeaderSourceCode = Object.assign(OHeaderSourceCode_default, { install(app) {
+	app.component("OHeaderSourceCode", OHeaderSourceCode_default);
+} });
+export { OHeaderSourceCode };

package/dist/treeshaking/components/header-theme/OHeaderTheme.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OHeaderTheme_vue_vue_type_script_setup_true_lang_default from "./OHeaderTheme.vue_vue_type_script_setup_true_lang.mjs";
+import './OHeaderTheme.vue_vue_type_style_index_0_scoped_a8461f7a_lang.css';
+// src/components/header-theme/OHeaderTheme.vue
+var OHeaderTheme_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OHeaderTheme_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a8461f7a"]]);
+export { OHeaderTheme_default as default };

package/dist/treeshaking/components/header-theme/OHeaderTheme.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,75 @@
+import icon_moon_default from "../../_virtual/~icons/components/icon-moon.mjs";
+import icon_sun_default from "../../_virtual/~icons/components/icon-sun.mjs";
+import { computed, createBlock, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, unref, withCtx } from "vue";
+import { OIcon, OIconMoon, OIconSun, OSwitch } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+// src/components/header-theme/OHeaderTheme.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-theme-switcher" };
+var _hoisted_2 = {
+	key: 1,
+	class: "o-theme-switcher-mobile"
+};
+var OHeaderTheme_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OHeaderTheme",
+	props: {
+		theme: { default: "light" },
+		type: { default: "auto" },
+		lightValue: { default: "light" },
+		darkValue: { default: "dark" },
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["update:theme", "change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { lePadV } = useScreen();
+		const switchVal = computed({
+			get() {
+				return props.theme;
+			},
+			set(val) {
+				emit("update:theme", val);
+				emit("change", val);
+			}
+		});
+		const isCommon = computed(() => {
+			return props.type === "common" || props.type === "auto" && !lePadV.value;
+		});
+		const toggleTheme = () => {
+			if (props.disabled) return;
+			switchVal.value = switchVal.value === props.lightValue ? props.darkValue : props.lightValue;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [isCommon.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(["o-theme-switcher-common", { disabled: __props.disabled }]),
+				onClick: toggleTheme
+			}, [createVNode(unref(OIcon), { class: "o-theme-icon" }, {
+				default: withCtx(() => [switchVal.value === __props.lightValue ? (openBlock(), createBlock(unref(icon_moon_default), { key: 0 })) : (openBlock(), createBlock(unref(icon_sun_default), { key: 1 }))]),
+				_: 1
+			})], 2)) : (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(OSwitch), {
+				modelValue: switchVal.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => switchVal.value = $event),
+				class: "o-theme-switch",
+				"checked-value": __props.lightValue,
+				"unchecked-value": __props.darkValue,
+				disabled: __props.disabled
+			}, {
+				inactive: withCtx(() => [createVNode(unref(OIconMoon))]),
+				active: withCtx(() => [createVNode(unref(OIconSun))]),
+				off: withCtx(() => [createVNode(unref(OIconSun))]),
+				on: withCtx(() => [createVNode(unref(OIconMoon))]),
+				_: 1
+			}, 8, [
+				"modelValue",
+				"checked-value",
+				"unchecked-value",
+				"disabled"
+			])]))]);
+		};
+	}
+});
+export { OHeaderTheme_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/header-theme/index.mjs

@@ -1,9 +1,6 @@
-import OHeaderTheme$1 from "./OHeaderTheme.vue.mjs";
-const OHeaderTheme = Object.assign(OHeaderTheme$1, {
-  install(app) {
-    app.component("OHeaderTheme", OHeaderTheme$1);
-  }
-});
-export {
-  OHeaderTheme
-};
+import OHeaderTheme_default from "./OHeaderTheme.mjs";
+// src/components/header-theme/index.ts
+var OHeaderTheme = Object.assign(OHeaderTheme_default, { install(app) {
+	app.component("OHeaderTheme", OHeaderTheme_default);
+} });
+export { OHeaderTheme };

package/dist/treeshaking/components/header-user/OHeaderUser.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OHeaderUser_vue_vue_type_script_setup_true_lang_default from "./OHeaderUser.vue_vue_type_script_setup_true_lang.mjs";
+import './OHeaderUser.vue_vue_type_style_index_0_scoped_01df49a0_lang.css';
+import './OHeaderUser.vue_vue_type_style_index_1_lang.css';
+// src/components/header-user/OHeaderUser.vue
+var OHeaderUser_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OHeaderUser_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-01df49a0"]]);
+export { OHeaderUser_default as default };

package/dist/treeshaking/components/header-user/OHeaderUser.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,124 @@
+import icon_chevron_down_default from "../../_virtual/~icons/components/icon-chevron-down.mjs";
+import icon_avatar_line_default from "../../_virtual/~icons/components/icon-avatar-line.mjs";
+import AppAvatar_default from "../common/AppAvatar.mjs";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, vShow, watch, withCtx, withDirectives } from "vue";
+import { OBadge, ODropdown, ODropdownItem, OIcon } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+import { useElementSize } from "@vueuse/core";
+// src/components/header-user/OHeaderUser.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "user-info"
+};
+var _hoisted_2 = { class: "info-wrap hover-icon-rotate" };
+var _hoisted_3 = { key: 1 };
+var OHeaderUser_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OHeaderUser",
+	props: {
+		token: {},
+		lang: {},
+		noticeTotal: {},
+		userInfo: {},
+		options: {},
+		customSize: { default: 20 },
+		simple: {
+			type: Boolean,
+			default: false
+		},
+		itemRadius: { default: 4 }
+	},
+	emits: ["login", "logout"],
+	setup(__props, { emit: __emit }) {
+		const { lePadV } = useScreen();
+		const props = __props;
+		const emit = __emit;
+		const isUserHidden = inject("isUserHidden");
+		const autoSimple = computed(() => props.simple || isUserHidden?.value);
+		const login = () => {
+			emit("login");
+		};
+		const jumpToPage = (val) => {
+			if (val?.logout) emit("logout");
+			else window.open(val.url, val.target);
+		};
+		const headerUserRef = ref();
+		const { width: headerUserWidth } = useElementSize(headerUserRef);
+		const reportHeaderUserWidth = inject("reportHeaderUserWidth");
+		watch(headerUserWidth, (width) => {
+			if (props.userInfo?.username && !autoSimple.value) reportHeaderUserWidth?.(Math.ceil(width));
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "headerUserRef",
+				ref: headerUserRef,
+				class: "header-user"
+			}, [!__props.token ? (openBlock(), createBlock(unref(OIcon), {
+				key: 0,
+				onClick: login,
+				class: "avatar-icon"
+			}, {
+				default: withCtx(() => [createVNode(unref(icon_avatar_line_default))]),
+				_: 1
+			})) : createCommentVNode("", true), createVNode(Transition, { name: "header-user-zoom-in" }, {
+				default: withCtx(() => [__props.token ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(ODropdown), {
+					trigger: unref(lePadV) ? "click" : "hover",
+					optionWidthMode: "auto",
+					optionPosition: unref(lePadV) ? "br" : "bottom",
+					"option-wrap-class": `user-dropdown ${__props.lang === "en" ? "is-en" : ""}`
+				}, {
+					dropdown: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
+						return openBlock(), createBlock(unref(ODropdownItem), {
+							key: item.label,
+							onClick: ($event) => jumpToPage(item),
+							style: normalizeStyle({ "--dropdown-item-radius": `${__props.itemRadius}px` })
+						}, {
+							default: withCtx(() => [item?.total ? (openBlock(), createBlock(unref(OBadge), {
+								key: 0,
+								value: item.total,
+								color: "danger",
+								class: normalizeClass(["header-message message", { "notice-not": !item.total }])
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
+								_: 2
+							}, 1032, ["value", "class"])) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(item.label), 1))]),
+							_: 2
+						}, 1032, ["onClick", "style"]);
+					}), 128))]),
+					default: withCtx(() => [createElementVNode("div", _hoisted_2, [createVNode(unref(OBadge), {
+						value: __props.noticeTotal,
+						dot: true,
+						color: "danger",
+						class: normalizeClass(["header-message user-avatar", { "notice-not": !__props.noticeTotal }])
+					}, {
+						default: withCtx(() => [createVNode(AppAvatar_default, {
+							avatar: __props.userInfo?.photo,
+							name: __props.userInfo?.username,
+							"custom-size": __props.customSize
+						}, null, 8, [
+							"avatar",
+							"name",
+							"custom-size"
+						])]),
+						_: 1
+					}, 8, ["value", "class"]), __props.userInfo?.username ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [withDirectives(createElementVNode("p", {
+						ref: "userNameRef",
+						class: "user-account"
+					}, toDisplayString(__props.userInfo?.username), 513), [[vShow, !autoSimple.value]]), withDirectives(createVNode(unref(OIcon), {
+						ref: "userIconRef",
+						class: "icon"
+					}, {
+						default: withCtx(() => [createVNode(unref(icon_chevron_down_default))]),
+						_: 1
+					}, 512), [[vShow, !autoSimple.value]])], 64)) : createCommentVNode("", true)])]),
+					_: 1
+				}, 8, [
+					"trigger",
+					"optionPosition",
+					"option-wrap-class"
+				])])) : createCommentVNode("", true)]),
+				_: 1
+			})], 512);
+		};
+	}
+});
+export { OHeaderUser_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/header-user/index.mjs

@@ -1,9 +1,6 @@
-import OHeaderUser$1 from "./OHeaderUser.vue.mjs";
-const OHeaderUser = Object.assign(OHeaderUser$1, {
-  install(app) {
-    app.component("OHeaderUser", OHeaderUser$1);
-  }
-});
-export {
-  OHeaderUser
-};
+import OHeaderUser_default from "./OHeaderUser.mjs";
+// src/components/header-user/index.ts
+var OHeaderUser = Object.assign(OHeaderUser_default, { install(app) {
+	app.component("OHeaderUser", OHeaderUser_default);
+} });
+export { OHeaderUser };

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

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OHtmlViewer_vue_vue_type_script_setup_true_lang_default from "./OHtmlViewer.vue_vue_type_script_setup_true_lang.mjs";
+import './OHtmlViewer.vue_vue_type_style_index_0_scoped_2f5d08df_lang.css';
+// src/components/html-viewer/OHtmlViewer.vue
+var OHtmlViewer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OHtmlViewer_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2f5d08df"]]);
+export { OHtmlViewer_default as default };

package/dist/treeshaking/components/html-viewer/OHtmlViewer.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,87 @@
+import { useI18n } from "../../i18n/index.mjs";
+import { parseHtml } from "./utils.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, nextTick, onMounted, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, watch, withDirectives } from "vue";
+import { isClient } from "@opensig/opendesign";
+import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
+// src/components/html-viewer/OHtmlViewer.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-html-viewer" };
+var _hoisted_2 = ["aria-label"];
+var _hoisted_3 = {
+	key: 2,
+	class: "o-html-viewer__status"
+};
+var _hoisted_4 = {
+	key: 3,
+	class: "o-html-viewer__status is-error"
+};
+var SCOPE = ".o-html-viewer__body";
+var OHtmlViewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OHtmlViewer",
+	props: {
+		src: {},
+		html: {},
+		title: {}
+	},
+	emits: ["loaded", "error"],
+	setup(__props, { emit: __emit }) {
+		const vDompurifyHtml = buildVueDompurifyHTMLDirective();
+		const props = __props;
+		const emit = __emit;
+		const { t } = useI18n();
+		const innerHtml = ref(props.html ?? "");
+		const loading = ref(false);
+		const loadError = ref("");
+		const parsed = computed(() => {
+			if (!innerHtml.value) return {
+				body: "",
+				styleCss: ""
+			};
+			return parseHtml(innerHtml.value, SCOPE);
+		});
+		const resolvedBody = computed(() => parsed.value.body);
+		const docStyle = computed(() => parsed.value.styleCss);
+		async function loadFromSrc() {
+			if (!props.src || !isClient) return;
+			loading.value = true;
+			loadError.value = "";
+			try {
+				const res = await fetch(props.src);
+				if (!res.ok) throw new Error(`Failed to load document: ${res.status} ${res.statusText}`);
+				innerHtml.value = await res.text();
+			} catch (err) {
+				innerHtml.value = "";
+				loadError.value = err instanceof Error ? err.message : String(err);
+				emit("error", err);
+			} finally {
+				loading.value = false;
+			}
+		}
+		onMounted(() => {
+			if (!props.html && props.src) loadFromSrc();
+		});
+		watch(() => [props.html, props.src], ([html, src]) => {
+			if (html !== void 0) {
+				if (innerHtml.value !== html) innerHtml.value = html;
+				loading.value = false;
+				loadError.value = "";
+				return;
+			}
+			if (src && isClient) loadFromSrc();
+		});
+		watch(resolvedBody, (val) => {
+			if (val) nextTick(() => emit("loaded"));
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [docStyle.value ? (openBlock(), createBlock(resolveDynamicComponent("style"), {
+				key: 0,
+				textContent: docStyle.value
+			}, null, 8, ["textContent"])) : createCommentVNode("", true), resolvedBody.value ? withDirectives((openBlock(), createElementBlock("div", {
+				key: 1,
+				class: "o-html-viewer__body",
+				role: "document",
+				"aria-label": __props.title ?? unref(t)("htmlViewer.title")
+			}, null, 8, _hoisted_2)), [[unref(vDompurifyHtml), resolvedBody.value]]) : loading.value ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "loading", {}, () => [createTextVNode(toDisplayString(unref(t)("htmlViewer.loading")), 1)], true)])) : loadError.value ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "error", {}, () => [createTextVNode(toDisplayString(loadError.value), 1)], true)])) : createCommentVNode("", true)]);
+		};
+	}
+});
+export { OHtmlViewer_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -1,9 +1,6 @@
-import _OHtmlViewer from "./OHtmlViewer.vue.mjs";
-const OHtmlViewer = Object.assign(_OHtmlViewer, {
-  install(app) {
-    app.component("OHtmlViewer", _OHtmlViewer);
-  }
-});
-export {
-  OHtmlViewer
-};
+import OHtmlViewer_default from "./OHtmlViewer.mjs";
+// src/components/html-viewer/index.ts
+var OHtmlViewer = Object.assign(OHtmlViewer_default, { install(app) {
+	app.component("OHtmlViewer", OHtmlViewer_default);
+} });
+export { OHtmlViewer };

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

@@ -1,70 +1,75 @@
+// src/components/html-viewer/utils.ts
+/**
+* 将 CSS 文本中的选择器限定在 scope 内，避免文档自带样式（如 `*`、`table`、`body` 等全局选择器）
+* 影响宿主页面其他部分。
+*
+* 规则：
+* - 普通选择器：追加 scope 前缀，如 `.foo` -> `${scope} .foo`，多选择器逐个处理；
+* - `html` / `body` 开头的选择器：将 `html`/`body` 替换为 scope；
+* - `*` 通用选择器：改写为 `${scope}, ${scope} *`；
+* - `@media` / `@supports` 等条件块：递归处理内部规则；
+* - `@keyframes` / `@font-face` 等块：保持原样；
+* - `@import`：直接丢弃，避免文档额外拉取外部资源。
+*/
 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;
+	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;
 }
+/**
+* 解析完整 HTML 文档：
+* 1. 提取所有 `<style>` 块，将选择器限定在 scope 内后合并为 CSS 文本；
+* 2. 提取 `<body>` 内容（无 body 标签时使用原文），并移除其中的 style 块；
+* 3. 清理内联样式中的 color/background 声明，使文档跟随宿主主题。
+*
+* 注意：`<style>` 是 head-only 元素，交给 DOMPurify 片段净化时会因被解析进 head 而丢失，
+* 因此调用方需将返回的 CSS 单独渲染，不要与 body 一起传入净化指令。
+*/
 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") };
+	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, "");
+	return {
+		body: rawBody.replace(/style\s*=\s*"([^"]*)"/gi, (_m, val) => {
+			const cleaned = val.replace(/(?<![-\w])(?:color|background(?:-color)?)\s*:\s*[^;]+;?/gi, "").replace(/\s{2,}/g, " ").trim();
+			return cleaned ? `style="${cleaned}"` : "";
+		}),
+		styleCss: styleParts.join("\n")
+	};
 }
-export {
-  parseHtml,
-  scopeCss
-};
+export { parseHtml, scopeCss };

package/dist/treeshaking/components/icon/index.mjs

@@ -1,12 +1,16 @@
-import { defineComponent, resolveDirective, withDirectives, h } from "vue";
+import { defineComponent, h, resolveDirective, withDirectives } from "vue";
+// src/components/icon/index.ts
+/**
+* svg html 创建图标组件
+* @param {string} raw svg html
+* @param {string} [parentTag] 父标签，默认用 span
+* @param {string} [parentClass] 父标签 class，默认为 svg-icon
+* @returns Component
+*/
 function createSvgIcon(raw, parentTag = "span", parentClass = "svg-icon") {
-  return defineComponent({
-    render() {
-      const dir = resolveDirective("dompurify-html");
-      return withDirectives(h(parentTag, { class: parentClass }), [[dir, raw]]);
-    }
-  });
+	return defineComponent({ render() {
+		const dir = resolveDirective("dompurify-html");
+		return withDirectives(h(parentTag, { class: parentClass }), [[dir, raw]]);
+	} });
 }
-export {
-  createSvgIcon
-};
+export { createSvgIcon };

package/dist/treeshaking/components/logo-swiper/OLogoSwiper.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OLogoSwiper_vue_vue_type_script_setup_true_lang_default from "./OLogoSwiper.vue_vue_type_script_setup_true_lang.mjs";
+import './OLogoSwiper.vue_vue_type_style_index_0_scoped_6c8c87fc_lang.css';
+// src/components/logo-swiper/OLogoSwiper.vue
+var OLogoSwiper_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OLogoSwiper_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6c8c87fc"]]);
+export { OLogoSwiper_default as default };