@opendesign-plus/components 0.0.1-rc.87 → 0.0.1-rc.88

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

@@ -1,111 +1,64 @@
-.hover-icon-rotate .o-icon[data-v-0fa8fa3e] {
+.hover-icon-rotate .o-icon[data-v-5f73735b] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-0fa8fa3e] {
+.hover-icon-rotate:hover .o-icon[data-v-5f73735b] {
     transform: rotate(-180deg);
 }
 }
-.o-table-data--wrap[data-v-0fa8fa3e] {
-  --o-gap-1: 4px;
-  --o-gap-2: 8px;
-  --o-gap-3: 12px;
-  --o-gap-4: 16px;
-  --o-gap-5: 24px;
-  --o-gap-6: 32px;
-  --o-gap-7: 40px;
-  --o-gap-8: 48px;
-  --o-gap-9: 64px;
-  --o-gap-10: 72px;
+.o-table-data--wrap[data-v-5f73735b] .o-data-table {
+  --table-edge-padding: 16px;
+  --table-cell-padding: 8px 16px;
+  --table-head-cell-padding: 8px 16px;
+  --table-head-bg: var(--o-color-fill2);
+  width: 100%;
+}
+.o-table-data--wrap[data-v-5f73735b] .o-data-table .o-data-table-header-divider-h {
+  border-image: linear-gradient(to right, #2e53fa, #7b25f4) 1;
 }
 @media (max-width: 1680px) {
-.o-table-data--wrap[data-v-0fa8fa3e] {
-    --o-gap-1: 4px;
-    --o-gap-2: 8px;
-    --o-gap-3: 8px;
-    --o-gap-4: 12px;
-    --o-gap-5: 16px;
-    --o-gap-6: 24px;
-    --o-gap-7: 24px;
-    --o-gap-8: 40px;
-    --o-gap-9: 48px;
-    --o-gap-10: 56px;
+.o-table-data--wrap[data-v-5f73735b] .o-data-table {
+    --table-edge-padding: 12px;
+    --table-cell-padding: 8px 12px;
+    --table-head-cell-padding: 8px 12px;
 }
 }
 @media (max-width: 1200px) {
-.o-table-data--wrap[data-v-0fa8fa3e] {
-    --o-gap-1: 4px;
-    --o-gap-2: 8px;
-    --o-gap-3: 8px;
-    --o-gap-4: 8px;
-    --o-gap-5: 12px;
-    --o-gap-6: 16px;
-    --o-gap-7: 16px;
-    --o-gap-8: 24px;
-    --o-gap-9: 32px;
-    --o-gap-10: 40px;
+.o-table-data--wrap[data-v-5f73735b] .o-data-table {
+    --table-edge-padding: 8px;
+    --table-cell-padding: 8px 8px;
+    --table-head-cell-padding: 8px 8px;
 }
 }
 @media (max-width: 840px) {
-.o-table-data--wrap[data-v-0fa8fa3e] {
-    --o-gap-1: 4px;
-    --o-gap-2: 8px;
-    --o-gap-3: 12px;
-    --o-gap-4: 16px;
-    --o-gap-5: 24px;
-    --o-gap-6: 28px;
-    --o-gap-7: 12px;
-    --o-gap-8: 24px;
-    --o-gap-9: 32px;
-    --o-gap-10: 32px;
-}
-}
-@media (max-width: 600px) {
-.o-table-data--wrap[data-v-0fa8fa3e] {
-    --o-gap-1: 4px;
-    --o-gap-2: 8px;
-    --o-gap-3: 12px;
-    --o-gap-4: 16px;
-    --o-gap-5: 24px;
-    --o-gap-6: 28px;
-    --o-gap-7: 12px;
-    --o-gap-8: 24px;
-    --o-gap-9: 32px;
-    --o-gap-10: 32px;
-}
-}
-.o-table-data--wrap[data-v-0fa8fa3e] .o-data-table {
-  --table-edge-padding: var(--o-gap-4);
-  --table-cell-padding: var(--o-gap-2) var(--o-gap-4);
-  --table-head-cell-padding: var(--o-gap-2) var(--o-gap-4);
-  --table-head-bg: var(--o-color-fill2);
-  width: 100%;
+.o-table-data--wrap[data-v-5f73735b] .o-data-table {
+    --table-edge-padding: 16px;
+    --table-cell-padding: 8px 16px;
+    --table-head-cell-padding: 8px 16px;
 }
-.o-table-data--wrap[data-v-0fa8fa3e] .o-data-table .o-data-table-header-divider-h {
-  border-image: linear-gradient(to right, #2e53fa, #7b25f4) 1;
 }
-.o-table-data--wrap[data-v-0fa8fa3e] .md-cell {
+.o-table-data--wrap[data-v-5f73735b] .md-cell {
   background-color: transparent !important;
   color: var(--o-color-info1);
 }
-.o-table-data-original[data-v-0fa8fa3e] {
+.o-table-data-original[data-v-5f73735b] {
   width: 100%;
-  margin-bottom: var(--o-gap-2);
+  margin-bottom: 8px;
   max-height: var(--o-md-table-max-height);
   overflow: auto;
   border: 1px solid var(--o-color-control4);
   border-radius: var(--o-md-table-radius, var(--o-radius-xs));
 }
-.o-table-data-original .o-markdown-body[data-v-0fa8fa3e] {
+.o-table-data-original .o-markdown-body[data-v-5f73735b] {
   color: var(--o-color-info1);
 }
-.o-table-data-original .o-markdown-body[data-v-0fa8fa3e] table {
+.o-table-data-original .o-markdown-body[data-v-5f73735b] table {
   margin-bottom: 0;
   /* 由 markTableEdges 标记的最右列 / 最底行单元格：把外侧边框交给滚动容器绘制，避免叠加成 2px */
 }
-.o-table-data-original .o-markdown-body[data-v-0fa8fa3e] table .md-cell-edge-right {
+.o-table-data-original .o-markdown-body[data-v-5f73735b] table .md-cell-edge-right {
   border-right: none;
 }
-.o-table-data-original .o-markdown-body[data-v-0fa8fa3e] table .md-cell-edge-bottom {
+.o-table-data-original .o-markdown-body[data-v-5f73735b] table .md-cell-edge-bottom {
   border-bottom: none;
 }

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

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

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

@@ -1,122 +1,72 @@
-.hover-icon-rotate .o-icon[data-v-1c4d30a3] {
+.hover-icon-rotate .o-icon[data-v-dd533245] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-1c4d30a3] {
+.hover-icon-rotate:hover .o-icon[data-v-dd533245] {
     transform: rotate(-180deg);
 }
 }
-.o-md-title-wrap[data-v-1c4d30a3] {
-  --o-gap-1: 4px;
-  --o-gap-2: 8px;
-  --o-gap-3: 12px;
-  --o-gap-4: 16px;
-  --o-gap-5: 24px;
-  --o-gap-6: 32px;
-  --o-gap-7: 40px;
-  --o-gap-8: 48px;
-  --o-gap-9: 64px;
-  --o-gap-10: 72px;
+.o-md-title-wrap[data-v-dd533245] {
+  display: flex;
+  align-items: flex-start;
+  margin-top: 32px;
+  margin-bottom: 16px;
 }
 @media (max-width: 1680px) {
-.o-md-title-wrap[data-v-1c4d30a3] {
-    --o-gap-1: 4px;
-    --o-gap-2: 8px;
-    --o-gap-3: 8px;
-    --o-gap-4: 12px;
-    --o-gap-5: 16px;
-    --o-gap-6: 24px;
-    --o-gap-7: 24px;
-    --o-gap-8: 40px;
-    --o-gap-9: 48px;
-    --o-gap-10: 56px;
+.o-md-title-wrap[data-v-dd533245] {
+    margin-top: 24px;
+    margin-bottom: 12px;
 }
 }
 @media (max-width: 1200px) {
-.o-md-title-wrap[data-v-1c4d30a3] {
-    --o-gap-1: 4px;
-    --o-gap-2: 8px;
-    --o-gap-3: 8px;
-    --o-gap-4: 8px;
-    --o-gap-5: 12px;
-    --o-gap-6: 16px;
-    --o-gap-7: 16px;
-    --o-gap-8: 24px;
-    --o-gap-9: 32px;
-    --o-gap-10: 40px;
+.o-md-title-wrap[data-v-dd533245] {
+    margin-top: 16px;
+    margin-bottom: 8px;
 }
 }
 @media (max-width: 840px) {
-.o-md-title-wrap[data-v-1c4d30a3] {
-    --o-gap-1: 4px;
-    --o-gap-2: 8px;
-    --o-gap-3: 12px;
-    --o-gap-4: 16px;
-    --o-gap-5: 24px;
-    --o-gap-6: 28px;
-    --o-gap-7: 12px;
-    --o-gap-8: 24px;
-    --o-gap-9: 32px;
-    --o-gap-10: 32px;
-}
+.o-md-title-wrap[data-v-dd533245] {
+    margin-top: 28px;
+    margin-bottom: 16px;
 }
-@media (max-width: 600px) {
-.o-md-title-wrap[data-v-1c4d30a3] {
-    --o-gap-1: 4px;
-    --o-gap-2: 8px;
-    --o-gap-3: 12px;
-    --o-gap-4: 16px;
-    --o-gap-5: 24px;
-    --o-gap-6: 28px;
-    --o-gap-7: 12px;
-    --o-gap-8: 24px;
-    --o-gap-9: 32px;
-    --o-gap-10: 32px;
-}
-}
-.o-md-title-wrap[data-v-1c4d30a3] {
-  display: flex;
-  align-items: flex-start;
-  margin-top: var(--o-gap-6);
-  margin-bottom: var(--o-gap-4);
 }
-.o-md-title-wrap .o-md-title[data-v-1c4d30a3] {
+.o-md-title-wrap .o-md-title[data-v-dd533245] {
   overflow-wrap: break-word;
   word-wrap: break-word;
   word-break: normal;
   max-width: calc(100% - 2rem);
 }
-.o-md-title-wrap .o-md-title[data-v-1c4d30a3] h2 {
+.o-md-title-wrap .o-md-title[data-v-dd533245] h2 {
   margin-top: 0;
   margin-bottom: 0;
   font-size: 22px;
   line-height: 30px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-md-title-wrap .o-md-title[data-v-1c4d30a3] h2 {
+.o-md-title-wrap .o-md-title[data-v-dd533245] h2 {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-md-title-wrap .o-md-title[data-v-1c4d30a3] h2 {
+.o-md-title-wrap .o-md-title[data-v-dd533245] h2 {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-md-title-wrap .o-md-title[data-v-1c4d30a3] h2 {
+.o-md-title-wrap .o-md-title[data-v-dd533245] h2 {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) {
-.o-md-title-wrap .o-md-title[data-v-1c4d30a3] h2 {
+.o-md-title-wrap .o-md-title[data-v-dd533245] h2 {
     font-size: 16px;
     line-height: 24px;
 }
 }
-.o-md-title-wrap .o-md-title-copy-link-wrap[data-v-1c4d30a3] {
+.o-md-title-wrap .o-md-title-copy-link-wrap[data-v-dd533245] {
   position: relative;
   width: 1em;
   height: 1em;
@@ -124,50 +74,50 @@
   clear: both;
 }
 @media (max-width: 1680px) {
-.o-md-title-wrap .o-md-title-copy-link-wrap[data-v-1c4d30a3] {
+.o-md-title-wrap .o-md-title-copy-link-wrap[data-v-dd533245] {
     margin-left: 4px;
 }
 }
-.o-md-title-wrap .o-md-title-copy-link[data-v-1c4d30a3] {
+.o-md-title-wrap .o-md-title-copy-link[data-v-dd533245] {
   position: absolute;
   top: 2px;
   font-size: 24px;
   line-height: 32px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-md-title-wrap .o-md-title-copy-link[data-v-1c4d30a3] {
+.o-md-title-wrap .o-md-title-copy-link[data-v-dd533245] {
     font-size: 20px;
     line-height: 28px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-md-title-wrap .o-md-title-copy-link[data-v-1c4d30a3] {
+.o-md-title-wrap .o-md-title-copy-link[data-v-dd533245] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-md-title-wrap .o-md-title-copy-link[data-v-1c4d30a3] {
+.o-md-title-wrap .o-md-title-copy-link[data-v-dd533245] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 600px) {
-.o-md-title-wrap .o-md-title-copy-link[data-v-1c4d30a3] {
+.o-md-title-wrap .o-md-title-copy-link[data-v-dd533245] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (hover: hover) {
-.o-md-title-wrap .o-md-title-copy-link[data-v-1c4d30a3]:hover {
+.o-md-title-wrap .o-md-title-copy-link[data-v-dd533245]:hover {
     color: var(--o-color-primary1);
 }
 }
-.o-md-title-wrap .o-md-title-copy-link .o-md-title-icon-copy[data-v-1c4d30a3] {
+.o-md-title-wrap .o-md-title-copy-link .o-md-title-icon-copy[data-v-dd533245] {
   color: var(--o-color-info2);
 }
 @media (hover: hover) {
-.o-md-title-wrap .o-md-title-copy-link .o-md-title-icon-copy[data-v-1c4d30a3]:hover {
+.o-md-title-wrap .o-md-title-copy-link .o-md-title-icon-copy[data-v-dd533245]:hover {
     color: var(--o-color-info1);
 }
 }

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

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

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

@@ -104,72 +104,5 @@ declare const OMarkdown: {
 }) & {
     install(app: App): void;
 };
-declare const OMarkdownPagination: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        prev?: import('../../index').OMarkdownPaginationItemT | null;
-        next?: import('../../index').OMarkdownPaginationItemT | null;
-        prevLabel?: string;
-        nextLabel?: string;
-        divider?: boolean;
-        radius?: string;
-    }> & Readonly<{
-        onNavigate?: ((type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        navigate: (type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any;
-    }, import('vue').PublicProps, {
-        prev: import('../../index').OMarkdownPaginationItemT | null;
-        next: import('../../index').OMarkdownPaginationItemT | null;
-        prevLabel: string;
-        nextLabel: string;
-        divider: boolean;
-        radius: string;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        prev?: import('../../index').OMarkdownPaginationItemT | null;
-        next?: import('../../index').OMarkdownPaginationItemT | null;
-        prevLabel?: string;
-        nextLabel?: string;
-        divider?: boolean;
-        radius?: string;
-    }> & Readonly<{
-        onNavigate?: ((type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        prev: import('../../index').OMarkdownPaginationItemT | null;
-        next: import('../../index').OMarkdownPaginationItemT | null;
-        prevLabel: string;
-        nextLabel: string;
-        divider: boolean;
-        radius: string;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{
-    prev?: import('../../index').OMarkdownPaginationItemT | null;
-    next?: import('../../index').OMarkdownPaginationItemT | null;
-    prevLabel?: string;
-    nextLabel?: string;
-    divider?: boolean;
-    radius?: string;
-}> & Readonly<{
-    onNavigate?: ((type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    navigate: (type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any;
-}, string, {
-    prev: import('../../index').OMarkdownPaginationItemT | null;
-    next: import('../../index').OMarkdownPaginationItemT | null;
-    prevLabel: string;
-    nextLabel: string;
-    divider: boolean;
-    radius: 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;
-};
 export * from './types';
-export { OMarkdown, OMarkdownPagination };
+export { OMarkdown };

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

@@ -1,16 +1,9 @@
 import _OMarkdown from "./OMarkdown.vue.mjs";
-import _OMarkdownPagination from "./OMarkdownPagination.vue.mjs";
 const OMarkdown = Object.assign(_OMarkdown, {
   install(app) {
     app.component("OMarkdown", _OMarkdown);
   }
 });
-const OMarkdownPagination = Object.assign(_OMarkdownPagination, {
-  install(app) {
-    app.component("OMarkdownPagination", _OMarkdownPagination);
-  }
-});
 export {
-  OMarkdown,
-  OMarkdownPagination
+  OMarkdown
 };

package/dist/treeshaking/components/markdown/replacer/code.mjs

@@ -2,7 +2,7 @@ import { createVNode, render } from "vue";
 import MarkdownCode from "../components/MarkdownCode.vue.mjs";
 function mountMarkdownCode(el, context, props) {
   var _a;
-  if (((_a = el.className) == null ? void 0 : _a.includes("o-")) || el.closest(".__mounted")) {
+  if (((_a = el.className) == null ? void 0 : _a.includes("o-")) || el.closest(".__mounted") || el.closest('[class*="vitepress-demo-plugin-source"]')) {
     return;
   }
   let vnode = createVNode(MarkdownCode, {

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

@@ -1,6 +1,2 @@
 export interface OMarkdownMaybeElementT extends Element {
 }
-export interface OMarkdownPaginationItemT {
-    title?: string;
-    url?: string;
-}

package/dist/treeshaking/index.d.ts

@@ -1,6 +1,7 @@
 export * from './components/activity';
 export * from './components/anchor-bar';
 export * from './components/article';
+export * from './components/article-pagination';
 export * from './components/banner';
 export * from './components/brand';
 export * from './components/config-provider';

package/dist/treeshaking/index.mjs

@@ -1,6 +1,7 @@
 import { OActivityApproval, OActivityForm, OActivityMyCalendar } from "./components/activity/index.mjs";
 import { OAnchorBar } from "./components/anchor-bar/index.mjs";
-import { OArticle } from "./components/article/index.mjs";
+import { OArticle, OArticleList } from "./components/article/index.mjs";
+import { OArticlePagination } from "./components/article-pagination/index.mjs";
 import { OBanner, OBannerContent } from "./components/banner/index.mjs";
 import { OBrandFile, OBrandLogo, OBrandStandard } from "./components/brand/index.mjs";
 import { OPlusConfigProvider } from "./components/config-provider/index.mjs";
@@ -18,7 +19,7 @@ import { OHeaderTheme } from "./components/header-theme/index.mjs";
 import { OHeaderUser } from "./components/header-user/index.mjs";
 import { createSvgIcon } from "./components/icon/index.mjs";
 import { OLogoSwiper, OLogoSwiperItems } from "./components/logo-swiper/index.mjs";
-import { OMarkdown, OMarkdownPagination } from "./components/markdown/index.mjs";
+import { OMarkdown } from "./components/markdown/index.mjs";
 import { OMeetingCalendar, OMeetingForm, OMeetingMinutes, OMeetingMinutesCopyDetail, OMeetingMyCalendar, OMeetingPlayback, OMeetingSendMinutesForm, OMeetingSigCalendar } from "./components/meeting/index.mjs";
 import { OOrgDesc, OOrgMembers } from "./components/org/index.mjs";
 import { OSearchInput } from "./components/search/index.mjs";
@@ -40,6 +41,8 @@ export {
   OActivityMyCalendar,
   OAnchorBar,
   OArticle,
+  OArticleList,
+  OArticlePagination,
   OBanner,
   OBannerContent,
   OBrandFile,
@@ -67,7 +70,6 @@ export {
   OLogoSwiper,
   OLogoSwiperItems,
   OMarkdown,
-  OMarkdownPagination,
   OMeetingCalendar,
   OMeetingForm,
   OMeetingMinutes,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus/components",
-  "version": "0.0.1-rc.87",
+  "version": "0.0.1-rc.88",
   "type": "module",
   "publishConfig": {
     "access": "public",

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

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