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

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

@@ -8,21 +8,10 @@ const _hoisted_1 = {
 };
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "M12 8.15c0.418 0 0.763 0.31 0.817 0.713l0.008 0.112v8.8c0 0.456-0.369 0.825-0.825 0.825-0.418 0-0.763-0.31-0.817-0.713l-0.008-0.112v-8.8c0-0.456 0.369-0.825 0.825-0.825z"
-    }, null, -1),
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "M13.2 6.225c0 0.663-0.537 1.2-1.2 1.2s-1.2-0.537-1.2-1.2c0-0.663 0.537-1.2 1.2-1.2s1.2 0.537 1.2 1.2z"
-    }, null, -1),
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "M12 0.23c1.222 0 2.42 0.187 3.563 0.549 0.405 0.129 0.63 0.561 0.501 0.967s-0.561 0.63-0.967 0.501c-0.993-0.315-2.034-0.477-3.097-0.477-5.65 0-10.23 4.58-10.23 10.23s4.58 10.23 10.23 10.23c5.65 0 10.23-4.58 10.23-10.23 0-3.276-1.549-6.292-4.128-8.211-0.341-0.254-0.412-0.736-0.158-1.077s0.736-0.412 1.077-0.158c2.965 2.207 4.748 5.679 4.748 9.447 0 6.5-5.27 11.77-11.77 11.77s-11.77-5.27-11.77-11.77c0-6.5 5.27-11.77 11.77-11.77z"
-    }, null, -1)
+    createElementVNode("path", { d: "M12.032 2.355c1.632 0 3.205 0.404 4.611 1.166 0.34 0.182 0.466 0.609 0.281 0.949s-0.609 0.463-0.949 0.281c-1.201-0.65-2.546-0.996-3.943-0.996-4.585 0-8.3 3.715-8.3 8.297 0 4.588 3.715 8.303 8.3 8.303s8.3-3.715 8.3-8.303c0-2.063-0.753-4.002-2.098-5.514-0.258-0.287-0.231-0.732 0.059-0.984 0.287-0.258 0.729-0.234 0.987 0.053 1.57 1.764 2.452 4.037 2.452 6.445 0 5.361-4.342 9.703-9.7 9.703s-9.7-4.342-9.7-9.703c0-5.355 4.342-9.697 9.7-9.697zM10.866 7.658c0-0.627 0.507-1.131 1.134-1.131s1.134 0.504 1.134 1.131c0 0.627-0.507 1.131-1.134 1.131s-1.134-0.504-1.134-1.131zM12.706 10.002c-0.044-0.346-0.337-0.609-0.691-0.609-0.387 0-0.7 0.311-0.703 0.697l-0.023 6.762 0.006 0.1c0.044 0.34 0.337 0.603 0.691 0.603 0.387 0.006 0.7-0.311 0.703-0.697l0.023-6.762-0.006-0.094z" }, null, -1)
   ])]);
 }
-const IconTips = { name: "user-center-icon-tips", render };
+const IconTips = { name: "components-icon-tips", render };
 export {
   IconTips as default
 };

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

@@ -8,10 +8,21 @@ const _hoisted_1 = {
 };
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", { d: "M12.032 2.355c1.632 0 3.205 0.404 4.611 1.166 0.34 0.182 0.466 0.609 0.281 0.949s-0.609 0.463-0.949 0.281c-1.201-0.65-2.546-0.996-3.943-0.996-4.585 0-8.3 3.715-8.3 8.297 0 4.588 3.715 8.303 8.3 8.303s8.3-3.715 8.3-8.303c0-2.063-0.753-4.002-2.098-5.514-0.258-0.287-0.231-0.732 0.059-0.984 0.287-0.258 0.729-0.234 0.987 0.053 1.57 1.764 2.452 4.037 2.452 6.445 0 5.361-4.342 9.703-9.7 9.703s-9.7-4.342-9.7-9.703c0-5.355 4.342-9.697 9.7-9.697zM10.866 7.658c0-0.627 0.507-1.131 1.134-1.131s1.134 0.504 1.134 1.131c0 0.627-0.507 1.131-1.134 1.131s-1.134-0.504-1.134-1.131zM12.706 10.002c-0.044-0.346-0.337-0.609-0.691-0.609-0.387 0-0.7 0.311-0.703 0.697l-0.023 6.762 0.006 0.1c0.044 0.34 0.337 0.603 0.691 0.603 0.387 0.006 0.7-0.311 0.703-0.697l0.023-6.762-0.006-0.094z" }, null, -1)
+    createElementVNode("path", {
+      fill: "currentColor",
+      d: "M12 8.15c0.418 0 0.763 0.31 0.817 0.713l0.008 0.112v8.8c0 0.456-0.369 0.825-0.825 0.825-0.418 0-0.763-0.31-0.817-0.713l-0.008-0.112v-8.8c0-0.456 0.369-0.825 0.825-0.825z"
+    }, null, -1),
+    createElementVNode("path", {
+      fill: "currentColor",
+      d: "M13.2 6.225c0 0.663-0.537 1.2-1.2 1.2s-1.2-0.537-1.2-1.2c0-0.663 0.537-1.2 1.2-1.2s1.2 0.537 1.2 1.2z"
+    }, null, -1),
+    createElementVNode("path", {
+      fill: "currentColor",
+      d: "M12 0.23c1.222 0 2.42 0.187 3.563 0.549 0.405 0.129 0.63 0.561 0.501 0.967s-0.561 0.63-0.967 0.501c-0.993-0.315-2.034-0.477-3.097-0.477-5.65 0-10.23 4.58-10.23 10.23s4.58 10.23 10.23 10.23c5.65 0 10.23-4.58 10.23-10.23 0-3.276-1.549-6.292-4.128-8.211-0.341-0.254-0.412-0.736-0.158-1.077s0.736-0.412 1.077-0.158c2.965 2.207 4.748 5.679 4.748 9.447 0 6.5-5.27 11.77-11.77 11.77s-11.77-5.27-11.77-11.77c0-6.5 5.27-11.77 11.77-11.77z"
+    }, null, -1)
   ])]);
 }
-const IconTips = { name: "components-icon-tips", render };
+const IconTips = { name: "user-center-icon-tips", render };
 export {
   IconTips as default
 };

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

@@ -1,6 +1,6 @@
 import { App } from 'vue';
 declare const OActivityForm: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').ActivityFormPropsT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').ActivityFormPropsT> & Readonly<{
         onConfirm?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -292,7 +292,7 @@ declare const OActivityForm: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').ActivityFormPropsT> & Readonly<{
+    }, Readonly<import('../../index').ActivityFormPropsT> & Readonly<{
         onConfirm?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -301,7 +301,7 @@ declare const OActivityForm: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').ActivityFormPropsT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').ActivityFormPropsT> & Readonly<{
     onConfirm?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -313,7 +313,7 @@ declare const OActivityForm: {
     install(app: App): void;
 };
 declare const OActivityApproval: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         formRef: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -597,15 +597,15 @@ declare const OActivityApproval: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import('../../index').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;
 };
 declare const OActivityMyCalendar: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MyActivityCalendarPropsT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').MyActivityCalendarPropsT> & Readonly<{
         onEdit?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         edit: (...args: any[]) => void;
@@ -926,13 +926,13 @@ declare const OActivityMyCalendar: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').MyActivityCalendarPropsT> & Readonly<{
+    }, Readonly<import('../../index').MyActivityCalendarPropsT> & Readonly<{
         onEdit?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').MyActivityCalendarPropsT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').MyActivityCalendarPropsT> & Readonly<{
     onEdit?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     edit: (...args: any[]) => void;

package/dist/treeshaking/components/anchor-bar/OAnchorBar.vue.d.ts

@@ -13,9 +13,9 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<AnchorBarPropsT, {
     isSticky: import('vue').Ref<boolean, boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AnchorBarPropsT> & Readonly<{}>, {
-    mode: import('./types').AnchorBarModeT;
+    mode: import('../../index').AnchorBarModeT;
     mobileFixed: boolean;
-    items: import('./types').AnchorBarItemT[];
+    items: import('../../index').AnchorBarItemT[];
     targetOffset: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     sentinelRef: HTMLDivElement;

package/dist/treeshaking/components/anchor-bar/index.d.ts

@@ -1,11 +1,11 @@
 import { App } from 'vue';
 declare const OAnchorBar: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').AnchorBarPropsT> & Readonly<{}>, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').AnchorBarPropsT> & Readonly<{}>, {
         isSticky: import('vue').Ref<boolean, boolean>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        mode: import('./types').AnchorBarModeT;
+        mode: import('../../index').AnchorBarModeT;
         mobileFixed: boolean;
-        items: import('./types').AnchorBarItemT[];
+        items: import('../../index').AnchorBarItemT[];
         targetOffset: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         sentinelRef: HTMLDivElement;
@@ -16,23 +16,23 @@ declare const OAnchorBar: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').AnchorBarPropsT> & Readonly<{}>, {
+    }, Readonly<import('../../index').AnchorBarPropsT> & Readonly<{}>, {
         isSticky: import('vue').Ref<boolean, boolean>;
     }, {}, {}, {}, {
-        mode: import('./types').AnchorBarModeT;
+        mode: import('../../index').AnchorBarModeT;
         mobileFixed: boolean;
-        items: import('./types').AnchorBarItemT[];
+        items: import('../../index').AnchorBarItemT[];
         targetOffset: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').AnchorBarPropsT> & Readonly<{}>, {
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').AnchorBarPropsT> & Readonly<{}>, {
     isSticky: import('vue').Ref<boolean, boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    mode: import('./types').AnchorBarModeT;
+    mode: import('../../index').AnchorBarModeT;
     mobileFixed: boolean;
-    items: import('./types').AnchorBarItemT[];
+    items: import('../../index').AnchorBarItemT[];
     targetOffset: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

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

@@ -5,8 +5,8 @@ declare const OArticle: {
         headerBg?: string;
         tags?: string[];
         community?: string;
-        prev?: import('../article-pagination').OArticlePaginationItemT | null;
-        next?: import('../article-pagination').OArticlePaginationItemT | null;
+        prev?: import('../../index').OArticlePaginationItemT | null;
+        next?: import('../../index').OArticlePaginationItemT | null;
         type?: "article" | "doc";
         disableH2?: boolean;
         disableTable?: boolean;
@@ -21,11 +21,11 @@ declare const OArticle: {
         nextLabel?: string;
         radius?: string;
     }> & Readonly<{
-        onNavigate?: ((type: "prev" | "next", item: import('../article-pagination').OArticlePaginationItemT) => any) | undefined;
+        onNavigate?: ((type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any) | undefined;
         onDownload?: (() => any) | undefined;
         onCollect?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        navigate: (type: "prev" | "next", item: import('../article-pagination').OArticlePaginationItemT) => any;
+        navigate: (type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any;
         download: () => any;
         collect: () => any;
     }, import('vue').PublicProps, {
@@ -34,8 +34,8 @@ declare const OArticle: {
         disableTable: boolean;
         disableImg: boolean;
         disableCode: boolean;
-        prev: import('../article-pagination').OArticlePaginationItemT | null;
-        next: import('../article-pagination').OArticlePaginationItemT | null;
+        prev: import('../../index').OArticlePaginationItemT | null;
+        next: import('../../index').OArticlePaginationItemT | null;
         radius: string;
         tags: string[];
         enableDownload: boolean;
@@ -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;
@@ -141,8 +146,8 @@ declare const OArticle: {
         headerBg?: string;
         tags?: string[];
         community?: string;
-        prev?: import('../article-pagination').OArticlePaginationItemT | null;
-        next?: import('../article-pagination').OArticlePaginationItemT | null;
+        prev?: import('../../index').OArticlePaginationItemT | null;
+        next?: import('../../index').OArticlePaginationItemT | null;
         type?: "article" | "doc";
         disableH2?: boolean;
         disableTable?: boolean;
@@ -157,7 +162,7 @@ declare const OArticle: {
         nextLabel?: string;
         radius?: string;
     }> & Readonly<{
-        onNavigate?: ((type: "prev" | "next", item: import('../article-pagination').OArticlePaginationItemT) => any) | undefined;
+        onNavigate?: ((type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any) | undefined;
         onDownload?: (() => any) | undefined;
         onCollect?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
@@ -166,8 +171,8 @@ declare const OArticle: {
         disableTable: boolean;
         disableImg: boolean;
         disableCode: boolean;
-        prev: import('../article-pagination').OArticlePaginationItemT | null;
-        next: import('../article-pagination').OArticlePaginationItemT | null;
+        prev: import('../../index').OArticlePaginationItemT | null;
+        next: import('../../index').OArticlePaginationItemT | null;
         radius: string;
         tags: string[];
         enableDownload: boolean;
@@ -182,8 +187,8 @@ declare const OArticle: {
     headerBg?: string;
     tags?: string[];
     community?: string;
-    prev?: import('../article-pagination').OArticlePaginationItemT | null;
-    next?: import('../article-pagination').OArticlePaginationItemT | null;
+    prev?: import('../../index').OArticlePaginationItemT | null;
+    next?: import('../../index').OArticlePaginationItemT | null;
     type?: "article" | "doc";
     disableH2?: boolean;
     disableTable?: boolean;
@@ -198,11 +203,11 @@ declare const OArticle: {
     nextLabel?: string;
     radius?: string;
 }> & Readonly<{
-    onNavigate?: ((type: "prev" | "next", item: import('../article-pagination').OArticlePaginationItemT) => any) | undefined;
+    onNavigate?: ((type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any) | undefined;
     onDownload?: (() => any) | undefined;
     onCollect?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    navigate: (type: "prev" | "next", item: import('../article-pagination').OArticlePaginationItemT) => any;
+    navigate: (type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any;
     download: () => any;
     collect: () => any;
 }, string, {
@@ -211,8 +216,8 @@ declare const OArticle: {
     disableTable: boolean;
     disableImg: boolean;
     disableCode: boolean;
-    prev: import('../article-pagination').OArticlePaginationItemT | null;
-    next: import('../article-pagination').OArticlePaginationItemT | null;
+    prev: import('../../index').OArticlePaginationItemT | null;
+    next: import('../../index').OArticlePaginationItemT | null;
     radius: string;
     tags: string[];
     enableDownload: boolean;
@@ -226,7 +231,7 @@ declare const OArticle: {
     install(app: App): void;
 };
 declare const OArticleList: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').ArticleListPropsT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').ArticleListPropsT> & Readonly<{
         "onPage-change"?: ((value: {
             page: number;
             pageSize: number;
@@ -237,7 +242,7 @@ declare const OArticleList: {
             pageSize: number;
         }) => any;
     }, import('vue').PublicProps, {
-        data: import('./types').ArticleItemT[];
+        data: import('../../index').ArticleItemT[];
         pageSizes: number[];
         pageSize: number;
         defaultCovers: string[];
@@ -249,13 +254,13 @@ declare const OArticleList: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').ArticleListPropsT> & Readonly<{
+    }, Readonly<import('../../index').ArticleListPropsT> & Readonly<{
         "onPage-change"?: ((value: {
             page: number;
             pageSize: number;
         }) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        data: import('./types').ArticleItemT[];
+        data: import('../../index').ArticleItemT[];
         pageSizes: number[];
         pageSize: number;
         defaultCovers: string[];
@@ -264,7 +269,7 @@ declare const OArticleList: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').ArticleListPropsT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').ArticleListPropsT> & Readonly<{
     "onPage-change"?: ((value: {
         page: number;
         pageSize: number;
@@ -275,7 +280,7 @@ declare const OArticleList: {
         pageSize: number;
     }) => any;
 }, string, {
-    data: import('./types').ArticleItemT[];
+    data: import('../../index').ArticleItemT[];
     pageSizes: number[];
     pageSize: number;
     defaultCovers: string[];
@@ -284,7 +289,7 @@ declare const OArticleList: {
     $slots: Readonly<{
         filter?: () => any;
         card?: (props: {
-            item: import('./types').ArticleItemT;
+            item: import('../../index').ArticleItemT;
             index: number;
             cover?: string;
         }) => any;
@@ -292,7 +297,7 @@ declare const OArticleList: {
     }> & {
         filter?: () => any;
         card?: (props: {
-            item: import('./types').ArticleItemT;
+            item: import('../../index').ArticleItemT;
             index: number;
             cover?: string;
         }) => any;