@opendesign-plus/components 0.0.1-rc.95 → 0.0.1-rc.97

package/dist/treeshaking/_virtual/icon-email.mjs

@@ -1,21 +1,22 @@
 import { openBlock, createElementBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
+  width: "24px",
+  height: "24px",
+  viewBox: "0 0 24 24",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
-  width: "32",
-  height: "32",
-  viewBox: "0 0 32 32"
+  "xmlns:xlink": "http://www.w3.org/1999/xlink"
 };
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      opacity: "0.8",
-      fill: "#000",
-      d: "M26.307 5.012c1.473 0 2.667 1.193 2.667 2.667v7.32c0 0.516-0.417 0.933-0.933 0.933s-0.933-0.417-0.933-0.933l-0.001-6.997-9.461 7.828c-0.999 0.825-2.445 0.815-3.431-0.025l-9.465-8.075v16.671c0 0.441 0.359 0.8 0.8 0.8h20.759c0.441 0 0.8-0.359 0.8-0.8v-5.395c0-0.516 0.417-0.933 0.933-0.933s0.933 0.417 0.933 0.933v5.395c0 1.473-1.193 2.667-2.667 2.667h-20.759c-1.473 0-2.667-1.193-2.667-2.667v-16.721c0-1.473 1.193-2.667 2.667-2.667h20.759zM25.533 6.879h-18.907l8.799 7.505c0.296 0.252 0.729 0.256 1.029 0.008l9.079-7.513z"
+      d: "M19.7302143,3.7590332 C20.8347769,3.7590332 21.7302074,4.65446353 21.7302074,5.7590332 L21.7302074,11.2494191 C21.7302074,11.6360247 21.4168126,11.9494212 21.0302108,11.9494212 C20.643609,11.9494212 20.3302142,11.6360247 20.3302142,11.2494191 L20.3304289,6.00074187 C19.2986037,6.85443694 16.9329556,8.81168905 13.2334847,11.8724982 C12.4849639,12.4917966 11.399646,12.4836263 10.6605433,11.853125 C10.6605433,11.853125 8.29408169,9.83438585 3.56115837,5.79690763 L3.56137022,18.2997234 C3.56137022,18.6310996 3.83001113,18.8997205 4.16137695,18.8997205 L19.7302143,18.8997205 C20.0615733,18.8997205 20.3302142,18.6310996 20.3302142,18.2997234 L20.3302142,14.2535395 C20.3302142,13.8669339 20.643609,13.5535374 21.0302108,13.5535374 C21.4168126,13.5535374 21.7302074,13.8669339 21.7302074,14.2535395 L21.7302074,18.2997234 C21.7302074,19.4042943 20.8347769,20.2997246 19.7302143,20.2997246 L4.16137695,20.2997246 C3.0568075,20.2997246 2.16137695,19.4042943 2.16137695,18.2997234 L2.16137695,5.7590332 C2.16137695,4.65446353 3.0568075,3.7590332 4.16137695,3.7590332 L19.7302143,3.7590332 Z M19.1508914,5.15959067 L4.97116245,5.15953281 C6.08234646,6.10744194 8.28167148,7.9836031 11.5691375,10.7880163 C11.7908756,10.9771675 12.1164692,10.9796194 12.3410309,10.7938315 C12.3410309,10.7938315 14.6109844,8.91575122 19.1508914,5.15959067 Z",
+      id: "形状结合",
+      fill: "currentColor"
     }, null, -1)
   ])]);
 }
-const IconEmail = { name: "components-icon-email", render };
+const IconMail = { name: "user-center-icon-email", render };
 export {
-  IconEmail as default
+  IconMail as default
 };

package/dist/treeshaking/_virtual/icon-email2.mjs

@@ -1,22 +1,21 @@
 import { openBlock, createElementBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
-  width: "24px",
-  height: "24px",
-  viewBox: "0 0 24 24",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
-  "xmlns:xlink": "http://www.w3.org/1999/xlink"
+  width: "32",
+  height: "32",
+  viewBox: "0 0 32 32"
 };
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      d: "M19.7302143,3.7590332 C20.8347769,3.7590332 21.7302074,4.65446353 21.7302074,5.7590332 L21.7302074,11.2494191 C21.7302074,11.6360247 21.4168126,11.9494212 21.0302108,11.9494212 C20.643609,11.9494212 20.3302142,11.6360247 20.3302142,11.2494191 L20.3304289,6.00074187 C19.2986037,6.85443694 16.9329556,8.81168905 13.2334847,11.8724982 C12.4849639,12.4917966 11.399646,12.4836263 10.6605433,11.853125 C10.6605433,11.853125 8.29408169,9.83438585 3.56115837,5.79690763 L3.56137022,18.2997234 C3.56137022,18.6310996 3.83001113,18.8997205 4.16137695,18.8997205 L19.7302143,18.8997205 C20.0615733,18.8997205 20.3302142,18.6310996 20.3302142,18.2997234 L20.3302142,14.2535395 C20.3302142,13.8669339 20.643609,13.5535374 21.0302108,13.5535374 C21.4168126,13.5535374 21.7302074,13.8669339 21.7302074,14.2535395 L21.7302074,18.2997234 C21.7302074,19.4042943 20.8347769,20.2997246 19.7302143,20.2997246 L4.16137695,20.2997246 C3.0568075,20.2997246 2.16137695,19.4042943 2.16137695,18.2997234 L2.16137695,5.7590332 C2.16137695,4.65446353 3.0568075,3.7590332 4.16137695,3.7590332 L19.7302143,3.7590332 Z M19.1508914,5.15959067 L4.97116245,5.15953281 C6.08234646,6.10744194 8.28167148,7.9836031 11.5691375,10.7880163 C11.7908756,10.9771675 12.1164692,10.9796194 12.3410309,10.7938315 C12.3410309,10.7938315 14.6109844,8.91575122 19.1508914,5.15959067 Z",
-      id: "形状结合",
-      fill: "currentColor"
+      opacity: "0.8",
+      fill: "#000",
+      d: "M26.307 5.012c1.473 0 2.667 1.193 2.667 2.667v7.32c0 0.516-0.417 0.933-0.933 0.933s-0.933-0.417-0.933-0.933l-0.001-6.997-9.461 7.828c-0.999 0.825-2.445 0.815-3.431-0.025l-9.465-8.075v16.671c0 0.441 0.359 0.8 0.8 0.8h20.759c0.441 0 0.8-0.359 0.8-0.8v-5.395c0-0.516 0.417-0.933 0.933-0.933s0.933 0.417 0.933 0.933v5.395c0 1.473-1.193 2.667-2.667 2.667h-20.759c-1.473 0-2.667-1.193-2.667-2.667v-16.721c0-1.473 1.193-2.667 2.667-2.667h20.759zM25.533 6.879h-18.907l8.799 7.505c0.296 0.252 0.729 0.256 1.029 0.008l9.079-7.513z"
     }, null, -1)
   ])]);
 }
-const IconMail = { name: "user-center-icon-email", render };
+const IconEmail = { name: "components-icon-email", render };
 export {
-  IconMail as default
+  IconEmail as default
 };

package/dist/treeshaking/components/article/OArticle.vue.d.ts

@@ -56,6 +56,7 @@ declare function __VLS_template(): {
                 readonly disableChangeCodeTheme?: boolean | undefined;
                 readonly markdownBodyClass?: string | undefined;
                 readonly hideFirstH1?: boolean | undefined;
+                readonly hideFirstElementMarginTop?: boolean | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: import('vue').Attrs;
             $refs: {
@@ -79,6 +80,7 @@ declare function __VLS_template(): {
                 disableChangeCodeTheme?: boolean;
                 markdownBodyClass?: string;
                 hideFirstH1?: boolean;
+                hideFirstElementMarginTop?: boolean;
             }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                 disableChangeCodeTheme: boolean;
                 disableH2: boolean;
@@ -87,6 +89,7 @@ declare function __VLS_template(): {
                 disableCode: boolean;
                 markdownBodyClass: string;
                 hideFirstH1: boolean;
+                hideFirstElementMarginTop: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -115,6 +118,7 @@ declare function __VLS_template(): {
             disableCode: boolean;
             markdownBodyClass: string;
             hideFirstH1: boolean;
+            hideFirstElementMarginTop: boolean;
         }> & Omit<Readonly<{
             disableH2?: boolean;
             disableTable?: boolean;
@@ -123,7 +127,8 @@ declare function __VLS_template(): {
             disableChangeCodeTheme?: boolean;
             markdownBodyClass?: string;
             hideFirstH1?: boolean;
-        }> & Readonly<{}>, "disableChangeCodeTheme" | "disableH2" | "disableTable" | "disableImg" | "disableCode" | "markdownBodyClass" | "hideFirstH1"> & {} & import('vue').ComponentCustomProperties & {} & {
+            hideFirstElementMarginTop?: boolean;
+        }> & Readonly<{}>, "disableChangeCodeTheme" | "disableH2" | "disableTable" | "disableImg" | "disableCode" | "markdownBodyClass" | "hideFirstH1" | "hideFirstElementMarginTop"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 header?(_: {
                     h1: HTMLElement | undefined;
@@ -169,6 +174,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             readonly disableChangeCodeTheme?: boolean | undefined;
             readonly markdownBodyClass?: string | undefined;
             readonly hideFirstH1?: boolean | undefined;
+            readonly hideFirstElementMarginTop?: boolean | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: import('vue').Attrs;
         $refs: {
@@ -192,6 +198,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             disableChangeCodeTheme?: boolean;
             markdownBodyClass?: string;
             hideFirstH1?: boolean;
+            hideFirstElementMarginTop?: boolean;
         }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
             disableChangeCodeTheme: boolean;
             disableH2: boolean;
@@ -200,6 +207,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             disableCode: boolean;
             markdownBodyClass: string;
             hideFirstH1: boolean;
+            hideFirstElementMarginTop: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -228,6 +236,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         disableCode: boolean;
         markdownBodyClass: string;
         hideFirstH1: boolean;
+        hideFirstElementMarginTop: boolean;
     }> & Omit<Readonly<{
         disableH2?: boolean;
         disableTable?: boolean;
@@ -236,7 +245,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         disableChangeCodeTheme?: boolean;
         markdownBodyClass?: string;
         hideFirstH1?: boolean;
-    }> & Readonly<{}>, "disableChangeCodeTheme" | "disableH2" | "disableTable" | "disableImg" | "disableCode" | "markdownBodyClass" | "hideFirstH1"> & {} & import('vue').ComponentCustomProperties & {} & {
+        hideFirstElementMarginTop?: boolean;
+    }> & Readonly<{}>, "disableChangeCodeTheme" | "disableH2" | "disableTable" | "disableImg" | "disableCode" | "markdownBodyClass" | "hideFirstH1" | "hideFirstElementMarginTop"> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             header?(_: {
                 h1: HTMLElement | undefined;

package/dist/treeshaking/components/article/OArticleList.css

@@ -107,15 +107,16 @@
   flex-wrap: wrap;
   gap: var(--o-gap-1);
 }
-.o-article-list .article-content .o-card .o-card-detail .item-type {
-  display: inline-flex;
+.o-article-list .article-content .o-card .o-card-detail .item-tags {
+  display: flex;
+  flex-wrap: wrap; /* 换行时上下间距同为 --o-gap-2 */
   align-items: center;
-  padding: var(--o-gap-1);
+  gap: var(--o-gap-2);
 }
-.o-article-list .article-content .o-card .o-card-detail .item-type.empty-tag {
-  border-color: transparent;
+.o-article-list .article-content .o-card .o-card-detail .item-tags .item-tag {
+  padding: var(--o-gap-1);
 }
-.o-article-list .article-content .o-card .o-card-detail .item-type .o-tag-icon {
+.o-article-list .article-content .o-card .o-card-detail .item-tags .item-tag .o-tag-icon {
   display: flex;
   align-items: center;
 }

package/dist/treeshaking/components/article/OArticleList.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, useSlots, ref, computed, watch, openBlock, createElementBlock, unref, renderSlot, createCommentVNode, createElementVNode, createBlock, withCtx, Fragment, renderList, createVNode, createSlots, normalizeClass, toDisplayString, resolveDynamicComponent, createTextVNode } from "vue";
+import { defineComponent, useSlots, ref, computed, watch, openBlock, createElementBlock, unref, renderSlot, createCommentVNode, createElementVNode, createBlock, withCtx, Fragment, renderList, createVNode, createSlots, toDisplayString, resolveDynamicComponent, createTextVNode } from "vue";
 import { ORow, OCol, OCard, OTag, OIcon, OPagination } from "@opensig/opendesign";
 import { useScreen } from "@opendesign-plus/composables";
 import OEmpty from "../empty/OEmpty.vue.mjs";
@@ -11,14 +11,18 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = { class: "article-content" };
 const _hoisted_4 = {
+  key: 0,
+  class: "item-tags"
+};
+const _hoisted_5 = {
   key: 1,
   class: "item-desc"
 };
-const _hoisted_5 = { class: "item-info" };
-const _hoisted_6 = { key: 0 };
-const _hoisted_7 = { key: 1 };
-const _hoisted_8 = { key: 2 };
-const _hoisted_9 = {
+const _hoisted_6 = { class: "item-info" };
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { key: 1 };
+const _hoisted_9 = { key: 2 };
+const _hoisted_10 = {
   key: 1,
   class: "article-pagination"
 };
@@ -107,39 +111,49 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         href: item.href,
                         layout: unref(lePadV) ? __props.mobileLayout : "v"
                       }, createSlots({
-                        detail: withCtx(() => [
-                          item.tag ? (openBlock(), createBlock(unref(OTag), {
-                            key: 0,
-                            variant: "outline",
-                            class: normalizeClass(["item-type", !item.tag.label && "empty-tag"])
-                          }, createSlots({
-                            default: withCtx(() => [
-                              createElementVNode("span", null, toDisplayString(item.tag.label), 1)
-                            ]),
-                            _: 2
-                          }, [
-                            item.tag.icon ? {
-                              name: "icon",
-                              fn: withCtx(() => [
-                                createVNode(unref(OIcon), null, {
+                        detail: withCtx(() => {
+                          var _a;
+                          return [
+                            ((_a = item.tags) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList(item.tags, (tag, idx) => {
+                                return openBlock(), createBlock(unref(OTag), {
+                                  key: idx,
+                                  class: "item-tag",
+                                  color: tag.color,
+                                  variant: tag.variant ?? "outline",
+                                  size: tag.size,
+                                  round: tag.round
+                                }, createSlots({
                                   default: withCtx(() => [
-                                    (openBlock(), createBlock(resolveDynamicComponent(item.tag.icon)))
+                                    createElementVNode("span", null, toDisplayString(tag.label), 1)
                                   ]),
                                   _: 2
-                                }, 1024)
-                              ]),
-                              key: "0"
-                            } : void 0
-                          ]), 1032, ["class"])) : createCommentVNode("", true),
-                          item.description ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(item.description), 1)) : createCommentVNode("", true)
-                        ]),
+                                }, [
+                                  tag.icon ? {
+                                    name: "icon",
+                                    fn: withCtx(() => [
+                                      createVNode(unref(OIcon), null, {
+                                        default: withCtx(() => [
+                                          (openBlock(), createBlock(resolveDynamicComponent(tag.icon)))
+                                        ]),
+                                        _: 2
+                                      }, 1024)
+                                    ]),
+                                    key: "0"
+                                  } : void 0
+                                ]), 1032, ["color", "variant", "size", "round"]);
+                              }), 128))
+                            ])) : createCommentVNode("", true),
+                            item.description ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(item.description), 1)) : createCommentVNode("", true)
+                          ];
+                        }),
                         _: 2
                       }, [
                         item.date || item.author || item.location ? {
                           name: "footer",
                           fn: withCtx(() => [
-                            createElementVNode("div", _hoisted_5, [
-                              item.date ? (openBlock(), createElementBlock("span", _hoisted_6, [
+                            createElementVNode("div", _hoisted_6, [
+                              item.date ? (openBlock(), createElementBlock("span", _hoisted_7, [
                                 createVNode(unref(OIcon), null, {
                                   default: withCtx(() => [
                                     createVNode(unref(IconTime))
@@ -148,7 +162,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }),
                                 createTextVNode(" " + toDisplayString(item.date), 1)
                               ])) : createCommentVNode("", true),
-                              item.author ? (openBlock(), createElementBlock("span", _hoisted_7, [
+                              item.author ? (openBlock(), createElementBlock("span", _hoisted_8, [
                                 createVNode(unref(OIcon), null, {
                                   default: withCtx(() => [
                                     createVNode(unref(IconAvatar))
@@ -157,7 +171,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }),
                                 createTextVNode(" " + toDisplayString(authorText(item.author)), 1)
                               ])) : createCommentVNode("", true),
-                              item.location ? (openBlock(), createElementBlock("span", _hoisted_8, [
+                              item.location ? (openBlock(), createElementBlock("span", _hoisted_9, [
                                 createVNode(unref(OIcon), null, {
                                   default: withCtx(() => [
                                     createVNode(unref(IconAvatar))
@@ -185,7 +199,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["img"])
           ])
         ]),
-        showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
+        showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_10, [
           createVNode(unref(OPagination), {
             page: current.value,
             simple: unref(lePadV),

package/dist/treeshaking/components/article/index.d.ts

@@ -53,6 +53,7 @@ declare const OArticle: {
                 readonly disableChangeCodeTheme?: boolean | undefined;
                 readonly markdownBodyClass?: string | undefined;
                 readonly hideFirstH1?: boolean | undefined;
+                readonly hideFirstElementMarginTop?: boolean | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: import('vue').Attrs;
             $refs: {
@@ -76,6 +77,7 @@ declare const OArticle: {
                 disableChangeCodeTheme?: boolean;
                 markdownBodyClass?: string;
                 hideFirstH1?: boolean;
+                hideFirstElementMarginTop?: boolean;
             }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                 disableChangeCodeTheme: boolean;
                 disableH2: boolean;
@@ -84,6 +86,7 @@ declare const OArticle: {
                 disableCode: boolean;
                 markdownBodyClass: string;
                 hideFirstH1: boolean;
+                hideFirstElementMarginTop: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -112,6 +115,7 @@ declare const OArticle: {
             disableCode: boolean;
             markdownBodyClass: string;
             hideFirstH1: boolean;
+            hideFirstElementMarginTop: boolean;
         }> & Omit<Readonly<{
             disableH2?: boolean;
             disableTable?: boolean;
@@ -120,7 +124,8 @@ declare const OArticle: {
             disableChangeCodeTheme?: boolean;
             markdownBodyClass?: string;
             hideFirstH1?: boolean;
-        }> & Readonly<{}>, "disableChangeCodeTheme" | "disableH2" | "disableTable" | "disableImg" | "disableCode" | "markdownBodyClass" | "hideFirstH1"> & {} & import('vue').ComponentCustomProperties & {} & {
+            hideFirstElementMarginTop?: boolean;
+        }> & Readonly<{}>, "disableChangeCodeTheme" | "disableH2" | "disableTable" | "disableImg" | "disableCode" | "markdownBodyClass" | "hideFirstH1" | "hideFirstElementMarginTop"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 header?(_: {
                     h1: HTMLElement | undefined;

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

@@ -1,8 +1,14 @@
 import { Component } from 'vue';
-/** 文章类型标签（卡片详情区顶部展示） */
+import { TagColorT, TagVariantT } from '@opensig/opendesign';
+import { RoundT, SizeT } from '@opensig/opendesign/es/_utils/types';
+/** 文章类型标签（卡片详情区顶部展示，从左往右排列可换行，间距 --o-gap-2） */
 export interface ArticleTagT {
     label: string;
     icon?: Component;
+    color?: TagColorT;
+    variant?: TagVariantT;
+    size?: SizeT;
+    round?: RoundT;
 }
 /** 文章列表项（新闻/博客通用） */
 export interface ArticleItemT {
@@ -13,7 +19,7 @@ export interface ArticleItemT {
     date?: string;
     author?: string | string[];
     location?: string;
-    tag?: ArticleTagT;
+    tags?: ArticleTagT[];
     [key: string]: any;
 }
 export interface ArticleListPropsT {

package/dist/treeshaking/components/markdown/OMarkdown.vue.d.ts

@@ -6,6 +6,7 @@ type __VLS_Props = {
     disableChangeCodeTheme?: boolean;
     markdownBodyClass?: string;
     hideFirstH1?: boolean;
+    hideFirstElementMarginTop?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -30,6 +31,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     disableCode: boolean;
     markdownBodyClass: string;
     hideFirstH1: boolean;
+    hideFirstElementMarginTop: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     markdownBodyRef: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/treeshaking/components/markdown/OMarkdown.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./OMarkdown.vue2.mjs";
 import './OMarkdown.css';
 import './OMarkdown2.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OMarkdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b845f428"]]);
+const _OMarkdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4be4e234"]]);
 export {
   _OMarkdown as default
 };

package/dist/treeshaking/components/markdown/OMarkdown.vue2.mjs

@@ -13,7 +13,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disableCode: { type: Boolean, default: false },
     disableChangeCodeTheme: { type: Boolean, default: false },
     markdownBodyClass: { default: "o-markdown-body" },
-    hideFirstH1: { type: Boolean, default: false }
+    hideFirstH1: { type: Boolean, default: false },
+    hideFirstElementMarginTop: { type: Boolean, default: true }
   },
   setup(__props) {
     const props = __props;
@@ -71,18 +72,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       });
     };
+    const isElementHidden = (el) => {
+      return !!el.hidden || el.style.display === "none" || getComputedStyle(el).display === "none";
+    };
+    const getFirstContentElement = (root) => {
+      let container = root;
+      for (let i = 0; i < 100; i++) {
+        let first = container.firstElementChild;
+        while (first && isElementHidden(first)) {
+          first = first.nextElementSibling;
+        }
+        if (!first) {
+          return null;
+        }
+        if (first.tagName === "DIV" && container.childElementCount === 1) {
+          container = first;
+          continue;
+        }
+        return first;
+      }
+      return container.firstElementChild;
+    };
     const applyHandleFirstElement = () => {
       const root = markdownBodyRef.value;
-      const target = root == null ? void 0 : root.firstElementChild;
-      if (!target) {
+      if (!root) {
         firstH1.value = void 0;
         return;
       }
-      let container = root;
-      if (target.tagName === "DIV" && root.childElementCount === 1) {
-        container = target;
-      }
-      const firstContent = container.firstElementChild;
+      const firstContent = getFirstContentElement(root);
       if (!firstContent) {
         firstH1.value = void 0;
         return;
@@ -90,13 +107,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       firstH1.value = firstContent.tagName === "H1" ? firstContent : void 0;
       if (props.hideFirstH1 && firstContent.tagName === "H1") {
         firstContent.style.display = "none";
-        const next = firstContent.nextElementSibling;
-        if (next) {
-          next.style.marginTop = "0";
+        if (props.hideFirstElementMarginTop) {
+          const next = firstContent.nextElementSibling;
+          if (next) {
+            next.style.marginTop = "0";
+          }
         }
         return;
       }
-      firstContent.style.marginTop = "0";
+      if (props.hideFirstElementMarginTop) {
+        firstContent.style.marginTop = "0";
+      }
     };
     const processMutations = (mutations) => {
       const activeMap = selectorMap.value;

package/dist/treeshaking/components/markdown/OMarkdown2.css

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-b845f428] {
+.hover-icon-rotate .o-icon[data-v-4be4e234] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-b845f428] {
+.hover-icon-rotate:hover .o-icon[data-v-4be4e234] {
     transform: rotate(-180deg);
 }
 }
-.o-markdown.unmounted[data-v-b845f428] .o-markdown-body table {
+.o-markdown.unmounted[data-v-4be4e234] .o-markdown-body table {
   display: block !important;
   overflow: hidden !important;
   max-height: calc(100vh - 210px) !important;

package/dist/treeshaking/components/markdown/index.d.ts

@@ -8,6 +8,7 @@ declare const OMarkdown: {
         disableChangeCodeTheme?: boolean;
         markdownBodyClass?: string;
         hideFirstH1?: boolean;
+        hideFirstElementMarginTop?: boolean;
     }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         disableChangeCodeTheme: boolean;
         disableH2: boolean;
@@ -16,6 +17,7 @@ declare const OMarkdown: {
         disableCode: boolean;
         markdownBodyClass: string;
         hideFirstH1: boolean;
+        hideFirstElementMarginTop: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         markdownBodyRef: HTMLDivElement;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -33,6 +35,7 @@ declare const OMarkdown: {
         disableChangeCodeTheme?: boolean;
         markdownBodyClass?: string;
         hideFirstH1?: boolean;
+        hideFirstElementMarginTop?: boolean;
     }> & Readonly<{}>, {}, {}, {}, {}, {
         disableChangeCodeTheme: boolean;
         disableH2: boolean;
@@ -41,6 +44,7 @@ declare const OMarkdown: {
         disableCode: boolean;
         markdownBodyClass: string;
         hideFirstH1: boolean;
+        hideFirstElementMarginTop: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -53,6 +57,7 @@ declare const OMarkdown: {
     disableChangeCodeTheme?: boolean;
     markdownBodyClass?: string;
     hideFirstH1?: boolean;
+    hideFirstElementMarginTop?: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     disableChangeCodeTheme: boolean;
     disableH2: boolean;
@@ -61,6 +66,7 @@ declare const OMarkdown: {
     disableCode: boolean;
     markdownBodyClass: string;
     hideFirstH1: boolean;
+    hideFirstElementMarginTop: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {

package/dist/treeshaking/components/org/OOrgMembers.vue2.mjs

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, openBlock, createElementBlock, Fragment
 import { OLink, OButton, OIcon, OIconChevronUp, OIconChevronDown } from "@opensig/opendesign";
 import { useScreen } from "@opendesign-plus/composables";
 import { useI18n } from "../../i18n/index.mjs";
-import IconEmail from "../../_virtual/icon-email.mjs";
+import IconEmail from "../../_virtual/icon-email2.mjs";
 const _hoisted_1 = { class: "o-org-members" };
 const _hoisted_2 = ["src", "alt"];
 const _hoisted_3 = { class: "o-org-members-title" };

package/dist/treeshaking/components/user-center/OAccountSetting.vue2.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, onMounted, watch, openBlock, createElementBlock, Fragment, createElementVNode, toDisplayString, unref, createCommentVNode, normalizeClass, createVNode, withCtx, renderList, createBlock, resolveDynamicComponent, createTextVNode } from "vue";
-import IconMail from "../../_virtual/icon-email2.mjs";
+import IconMail from "../../_virtual/icon-email.mjs";
 import IconPhone from "../../_virtual/icon-phone.mjs";
 import { useMessage, OSkeleton, OIcon, OLink, OSkeletonText } from "@opensig/opendesign";
 import { useI18n } from "../../i18n/index.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus/components",
-  "version": "0.0.1-rc.95",
+  "version": "0.0.1-rc.97",
   "type": "module",
   "publishConfig": {
     "access": "public",
@@ -47,7 +47,7 @@
     "vue": "^3.5.13",
     "element-plus": "2.13.1",
     "@opendesign-plus/composables": "0.0.1-rc.10",
-    "@opendesign-plus/styles": "0.0.1-rc.3"
+    "@opendesign-plus/styles": "0.0.1-rc.4"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.1",