@opendesign-plus-test/components 0.0.1-rc.213 → 0.0.1-rc.215

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-4ee3dd0c"]]);
+const HeaderContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6d490c27"]]);
 export {
   HeaderContent as default
 };

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

@@ -113,14 +113,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return res;
     };
     return (_ctx, _cache) => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d;
       const _directive_analytics = resolveDirective("analytics");
       return openBlock(), createElementBlock("div", {
         onMouseenter: onMouseEnter,
         onMouseleave: onMouseLeave
       }, [
         withDirectives(createElementVNode("div", {
-          class: normalizeClass(["nav-content", [(_a = props.community) == null ? void 0 : _a.toLowerCase(), props.hoverIndex, unref(theme), `${props.hoverIndex}-${unref(locale)}`]])
+          class: normalizeClass(["nav-content", [
+            (_a = props.community) == null ? void 0 : _a.toLowerCase(),
+            props.hoverIndex,
+            unref(theme),
+            `${props.hoverIndex}-${unref(locale)}`,
+            { "is-horizontal": (_b = props.itemData) == null ? void 0 : _b.horizontal }
+          ]])
         }, [
           createElementVNode("div", {
             class: "nav-background-left",
@@ -138,7 +144,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "disabled-y": ""
             }, {
               default: withCtx(() => {
-                var _a2, _b2, _c2, _d, _e, _f, _g, _h;
+                var _a2, _b2, _c2, _d2, _e, _f, _g, _h;
                 return [
                   createElementVNode("div", _hoisted_2, [
                     createElementVNode("div", _hoisted_3, [
@@ -236,7 +242,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       }), 128))
                     ]),
                     ((_c2 = (_b2 = props.itemData) == null ? void 0 : _b2.shortcut) == null ? void 0 : _c2.length) ? (openBlock(), createElementBlock("div", _hoisted_10)) : createCommentVNode("", true),
-                    ((_e = (_d = props.itemData) == null ? void 0 : _d.shortcut) == null ? void 0 : _e.length) ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                    ((_e = (_d2 = props.itemData) == null ? void 0 : _d2.shortcut) == null ? void 0 : _e.length) ? (openBlock(), createElementBlock("div", _hoisted_11, [
                       createElementVNode("span", _hoisted_12, toDisplayString(unref(t)("header.quickLink")), 1),
                       !((_f = props.itemData) == null ? void 0 : _f.withPicture) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList((_g = props.itemData) == null ? void 0 : _g.shortcut, (shortcut) => {
                         return openBlock(), createElementBlock("div", {
@@ -354,7 +360,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             })
           ])
         ], 2), [
-          [vShow, props.itemActive && (props.itemVisible || navVisible.value) && ((_c = (_b = props.itemData) == null ? void 0 : _b.children) == null ? void 0 : _c.length)]
+          [vShow, props.itemActive && (props.itemVisible || navVisible.value) && ((_d = (_c = props.itemData) == null ? void 0 : _c.children) == null ? void 0 : _d.length)]
         ])
       ], 32);
     };

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

@@ -1,13 +1,13 @@
-import _OHeader from "./OHeader.vue.mjs";
-import _OHeaderMobile from "./OHeaderMobile.vue.mjs";
-const OHeader = Object.assign(_OHeader, {
+import OHeader$1 from "./OHeader.vue.mjs";
+import OHeaderMobile$1 from "./OHeaderMobile.vue.mjs";
+const OHeader = Object.assign(OHeader$1, {
   install(app) {
-    app.component("OHeader", _OHeader);
+    app.component("OHeader", OHeader$1);
   }
 });
-const OHeaderMobile = Object.assign(_OHeaderMobile, {
+const OHeaderMobile = Object.assign(OHeaderMobile$1, {
   install(app) {
-    app.component("OHeaderMobile", _OHeaderMobile);
+    app.component("OHeaderMobile", OHeaderMobile$1);
   }
 });
 export {

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

@@ -40,6 +40,7 @@ export interface NavItemT {
     tag?: string;
     tagExpire?: string;
     disabled?: boolean;
+    horizontal?: boolean;
 }
 export interface CodeItemT {
     label: string;

package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.css

@@ -1,43 +1,43 @@
-.hover-icon-rotate .o-icon[data-v-2620f484] {
+.hover-icon-rotate .o-icon[data-v-423f1b29] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-2620f484] {
+.hover-icon-rotate:hover .o-icon[data-v-423f1b29] {
     transform: rotate(-180deg);
 }
 }
-.hide-lang[data-v-2620f484] {
+.hide-lang[data-v-423f1b29] {
   display: none;
 }
-.header-lang[data-v-2620f484] {
+.header-lang[data-v-423f1b29] {
   height: 100%;
   display: flex;
   align-items: center;
 }
-.header-lang .info-wrap[data-v-2620f484] {
+.header-lang .info-wrap[data-v-423f1b29] {
   height: 100%;
   display: flex;
   align-items: center;
   cursor: pointer;
 }
-.header-lang .info-wrap .icon[data-v-2620f484] {
+.header-lang .info-wrap .icon[data-v-423f1b29] {
   font-size: var(--o-icon_size_control-m);
   position: relative;
   color: var(--o-color-info2);
 }
 @media (hover: hover) {
-.header-lang .info-wrap .icon[data-v-2620f484]:hover {
+.header-lang .info-wrap .icon[data-v-423f1b29]:hover {
     color: var(--o-color-primary2);
     background-color: var(--o-color-control2-light);
     border-radius: var(--o-radius-xs);
 }
 }
 @media (max-width: 1200px) {
-.header-lang .info-wrap .icon[data-v-2620f484] {
+.header-lang .info-wrap .icon[data-v-423f1b29] {
     font-size: var(--o-icon_size_control-s);
 }
 }
-.header-lang .info-wrap .locale-tag[data-v-2620f484] {
+.header-lang .info-wrap .locale-tag[data-v-423f1b29] {
   position: absolute;
   font-size: 10px;
   height: 12px;
@@ -49,28 +49,28 @@
   left: 12px;
   top: 11px;
 }
-.header-lang .info-wrap .locale-tag.is-en[data-v-2620f484] {
+.header-lang .info-wrap .locale-tag.is-en[data-v-423f1b29] {
   width: 16px;
 }
-.header-lang.is-disabled .info-wrap[data-v-2620f484] {
+.header-lang.is-disabled .info-wrap[data-v-423f1b29] {
   color: var(--o-color-info4);
   cursor: not-allowed;
 }
-.header-lang.is-disabled .info-wrap[data-v-2620f484]:hover {
+.header-lang.is-disabled .info-wrap[data-v-423f1b29]:hover {
   color: var(--o-color-info4);
 }
-.header-lang.is-disabled .info-wrap .o-icon[data-v-2620f484] {
+.header-lang.is-disabled .info-wrap .o-icon[data-v-423f1b29] {
   color: inherit;
 }
 @media (hover: hover) {
-.header-lang.is-disabled .info-wrap .o-icon[data-v-2620f484]:hover {
+.header-lang.is-disabled .info-wrap .o-icon[data-v-423f1b29]:hover {
     background-color: transparent;
 }
 }
-.o-dropdown[data-v-2620f484] {
+.o-dropdown[data-v-423f1b29] {
   height: 100%;
 }
-.o-dropdown-item[data-v-2620f484] {
+.o-dropdown-item[data-v-423f1b29] {
   background: var(--o-color-control5-light);
   cursor: pointer;
   --dropdown-item-color: var(--o-color-info2);
@@ -80,45 +80,45 @@
   --dropdown-item-text-height: 22px;
 }
 @media (hover: hover) {
-.o-dropdown-item[data-v-2620f484]:hover {
+.o-dropdown-item[data-v-423f1b29]:hover {
     background: var(--o-color-control2-light);
 }
 }
-.o-dropdown-item[data-v-2620f484]:active {
+.o-dropdown-item[data-v-423f1b29]:active {
   color: var(--o-color-primary1);
   background: var(--o-color-control3-light);
   font-weight: 600;
 }
-.o-dropdown-item.is-active[data-v-2620f484] {
+.o-dropdown-item.is-active[data-v-423f1b29] {
   color: var(--o-color-primary1);
   background: var(--o-color-control3-light);
 }
-.mobile-change-language[data-v-2620f484] {
+.mobile-change-language[data-v-423f1b29] {
   display: flex;
   align-items: center;
 }
-.mobile-change-language .o-divider[data-v-2620f484] {
+.mobile-change-language .o-divider[data-v-423f1b29] {
   margin: 0 var(--o-gap-2);
   height: 8px;
   background-color: var(--o-color-control4);
 }
-.mobile-change-language span[data-v-2620f484] {
+.mobile-change-language span[data-v-423f1b29] {
   color: var(--o-color-info1);
   text-align: center;
   cursor: pointer;
   font-size: 14px;
   line-height: 22px;
 }
-.mobile-change-language span.active[data-v-2620f484] {
+.mobile-change-language span.active[data-v-423f1b29] {
   color: var(--o-color-primary1);
   font-weight: 500;
 }
-.mobile-change-language.is-disabled span[data-v-2620f484] {
+.mobile-change-language.is-disabled span[data-v-423f1b29] {
   color: var(--o-color-info4);
   cursor: not-allowed;
 }
 @media (hover: hover) {
-.mobile-change-language.is-disabled span[data-v-2620f484]:hover {
+.mobile-change-language.is-disabled span[data-v-423f1b29]:hover {
     color: var(--o-color-info4);
 }
 }

package/dist/treeshaking/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').DefineComponent<import('vue').ExtractPropTypes<{
     options: {

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

@@ -2,7 +2,7 @@ import _sfc_main from "./OHeaderLanguageSwitcher.vue2.mjs";
 import './OHeaderLanguageSwitcher.css';
 import './OHeaderLanguageSwitcher2.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OHeaderLanguageSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2620f484"]]);
+const OHeaderLanguageSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-423f1b29"]]);
 export {
-  _OHeaderLanguageSwitcher as default
+  OHeaderLanguageSwitcher as default
 };

package/dist/treeshaking/components/header-language-switcher/index.mjs

@@ -1,7 +1,7 @@
-import _OHeaderLanguageSwitcher from "./OHeaderLanguageSwitcher.vue.mjs";
-const OHeaderLanguageSwitcher = Object.assign(_OHeaderLanguageSwitcher, {
+import OHeaderLanguageSwitcher$1 from "./OHeaderLanguageSwitcher.vue.mjs";
+const OHeaderLanguageSwitcher = Object.assign(OHeaderLanguageSwitcher$1, {
   install(app) {
-    app.component("OHeaderLanguageSwitcher", _OHeaderLanguageSwitcher);
+    app.component("OHeaderLanguageSwitcher", OHeaderLanguageSwitcher$1);
   }
 });
 export {

package/dist/treeshaking/components/header-search/OHeaderSearch.vue.mjs

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

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

@@ -1,7 +1,7 @@
-import _OHeaderSearch from "./OHeaderSearch.vue.mjs";
-const OHeaderSearch = Object.assign(_OHeaderSearch, {
+import OHeaderSearch$1 from "./OHeaderSearch.vue.mjs";
+const OHeaderSearch = Object.assign(OHeaderSearch$1, {
   install(app) {
-    app.component("OHeaderSearch", _OHeaderSearch);
+    app.component("OHeaderSearch", OHeaderSearch$1);
   }
 });
 export {

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

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

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

@@ -1,7 +1,7 @@
-import _OHeaderSourceCode from "./OHeaderSourceCode.vue.mjs";
-const OHeaderSourceCode = Object.assign(_OHeaderSourceCode, {
+import OHeaderSourceCode$1 from "./OHeaderSourceCode.vue.mjs";
+const OHeaderSourceCode = Object.assign(OHeaderSourceCode$1, {
   install(app) {
-    app.component("OHeaderSourceCode", _OHeaderSourceCode);
+    app.component("OHeaderSourceCode", OHeaderSourceCode$1);
   }
 });
 export {

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

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

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

@@ -1,7 +1,7 @@
-import _OHeaderTheme from "./OHeaderTheme.vue.mjs";
-const OHeaderTheme = Object.assign(_OHeaderTheme, {
+import OHeaderTheme$1 from "./OHeaderTheme.vue.mjs";
+const OHeaderTheme = Object.assign(OHeaderTheme$1, {
   install(app) {
-    app.component("OHeaderTheme", _OHeaderTheme);
+    app.component("OHeaderTheme", OHeaderTheme$1);
   }
 });
 export {

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

@@ -2,7 +2,7 @@ import _sfc_main from "./OHeaderUser.vue2.mjs";
 import './OHeaderUser.css';
 import './OHeaderUser2.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OHeaderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-01df49a0"]]);
+const OHeaderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-01df49a0"]]);
 export {
-  _OHeaderUser as default
+  OHeaderUser as default
 };

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

@@ -1,7 +1,7 @@
-import _OHeaderUser from "./OHeaderUser.vue.mjs";
-const OHeaderUser = Object.assign(_OHeaderUser, {
+import OHeaderUser$1 from "./OHeaderUser.vue.mjs";
+const OHeaderUser = Object.assign(OHeaderUser$1, {
   install(app) {
-    app.component("OHeaderUser", _OHeaderUser);
+    app.component("OHeaderUser", OHeaderUser$1);
   }
 });
 export {

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

@@ -0,0 +1,196 @@
+.hover-icon-rotate .o-icon[data-v-2f5d08df] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-2f5d08df] {
+    transform: rotate(-180deg);
+}
+}
+.o-html-viewer[data-v-2f5d08df] {
+  position: relative;
+  width: 100%;
+}
+.o-html-viewer__status[data-v-2f5d08df] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 160px;
+  padding: 24px;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--o-color-info2);
+}
+.o-html-viewer__status.is-error[data-v-2f5d08df] {
+  color: var(--o-color-info3);
+}
+.o-html-viewer__body[data-v-2f5d08df] {
+  max-width: 1200px;
+  margin: 0 auto;
+  font-family: var(--doc-font-body, "SimSun", "宋体", "Times New Roman", serif);
+  font-size: var(--doc-base-size, 14px);
+  line-height: var(--doc-line-height, 1.8);
+  color: var(--o-color-info1);
+  overflow-x: hidden;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}
+.o-html-viewer__body[data-v-2f5d08df] .title_content {
+  color: var(--o-color-info1);
+}
+.o-html-viewer__body[data-v-2f5d08df] .body_content {
+  padding: 0;
+}
+.o-html-viewer__body[data-v-2f5d08df] .ropa_base_information .content {
+  padding-left: 0;
+}
+.o-html-viewer__body[data-v-2f5d08df] .ropa_base_information .content ul, .o-html-viewer__body[data-v-2f5d08df] .ropa_base_information .content ol {
+  padding-left: 0;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(h1) {
+  font-family: var(--doc-font-heading, "SimHei", "黑体", "Arial", sans-serif);
+  font-size: 22px;
+  font-weight: bold;
+  text-align: center;
+  margin: 2.5rem 0 2rem;
+  padding-bottom: 0.6rem;
+  border-bottom: 2px solid var(--o-color-primary1);
+  line-height: 1.4;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(h2) {
+  font-family: var(--doc-font-heading, "SimHei", "黑体", "Arial", sans-serif);
+  font-size: 18px;
+  font-weight: bold;
+  color: var(--o-color-primary1);
+  padding-bottom: 0.3rem;
+  line-height: 1.4;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(h3) {
+  font-family: var(--doc-font-heading, "SimHei", "黑体", "Arial", sans-serif);
+  font-size: 16px;
+  font-weight: bold;
+  color: var(--o-color-info1);
+  margin: 1.8rem 0 0.8rem;
+  line-height: 1.5;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(h4) {
+  font-family: var(--doc-font-heading, "SimHei", "黑体", "Arial", sans-serif);
+  font-size: 15px;
+  font-weight: bold;
+  color: var(--o-color-info1);
+  margin: 1.5rem 0 0.6rem;
+  line-height: 1.5;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(h5) {
+  font-family: var(--doc-font-heading, "SimHei", "黑体", "Arial", sans-serif);
+  font-size: 14px;
+  font-weight: bold;
+  color: var(--o-color-info1);
+  margin: 1.2rem 0 0.5rem;
+  line-height: 1.5;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(h6) {
+  font-family: var(--doc-font-heading, "SimHei", "黑体", "Arial", sans-serif);
+  font-size: 14px;
+  font-weight: bold;
+  color: var(--o-color-info2);
+  margin: 1rem 0 0.4rem;
+  line-height: 1.5;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(p) {
+  margin: 0.4rem 0;
+  text-align: justify;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(a) {
+  color: var(--o-color-primary1);
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p) {
+  text-indent: 0;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(.table-wrap) {
+  overflow-x: auto;
+  margin: 1rem 0;
+  -webkit-overflow-scrolling: touch;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(table) {
+  border-collapse: collapse;
+  width: 100%;
+  font-size: 13px;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(th, td) {
+  border: 1px solid var(--o-color-control1);
+  padding: 6px 10px;
+  text-align: left;
+  vertical-align: top;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(th) {
+  background-color: var(--o-color-fill2);
+  font-family: var(--doc-font-heading, "SimHei", "黑体", "Arial", sans-serif);
+  font-weight: bold;
+  text-align: center;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(tr:nth-child(even)) {
+  background-color: var(--o-color-fill3);
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(td p, th p) {
+  text-indent: 0;
+  margin: 0.2rem 0;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(ul, ol) {
+  padding-left: 2em;
+  margin: 0.5rem 0;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(li) {
+  margin-bottom: 0.3rem;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(li p) {
+  text-indent: 0;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(img) {
+  max-width: 100%;
+  height: auto;
+  display: block;
+  margin: 1rem auto;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(code) {
+  font-family: var(--doc-font-mono, "Consolas", "Courier New", monospace);
+  background: var(--o-color-fill3);
+  padding: 1px 4px;
+  border-radius: 2px;
+  font-size: 0.9em;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(pre) {
+  font-family: var(--doc-font-mono, "Consolas", "Courier New", monospace);
+  background: var(--o-color-fill3);
+  padding: 12px 16px;
+  border-radius: 4px;
+  overflow-x: auto;
+  font-size: 13px;
+  line-height: 1.5;
+  margin: 0.8rem 0;
+  max-width: 100%;
+  -webkit-overflow-scrolling: touch;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(pre code) {
+  background: none;
+  padding: 0;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(blockquote) {
+  border-left: 3px solid var(--o-color-primary1);
+  margin: 0.8rem 0;
+  padding: 0.5rem 1rem;
+  color: var(--o-color-info2);
+  background: var(--o-color-fill2);
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(blockquote p) {
+  text-indent: 0;
+}
+.o-html-viewer__body[data-v-2f5d08df] :where(hr) {
+  border: none;
+  border-top: 1px solid var(--o-color-control4);
+  margin: 1.5rem 0;
+}
+@media (max-width: 840px) {
+.o-html-viewer__body[data-v-2f5d08df] {
+    padding: 24px 16px;
+}
+}

package/dist/treeshaking/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').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    error: (error: unknown) => any;
+    loaded: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onError?: ((error: unknown) => any) | undefined;
+    onLoaded?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').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/treeshaking/components/html-viewer/OHtmlViewer.vue.mjs

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