@opendesign-plus/components 0.0.1-rc.82 → 0.0.1-rc.84

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

@@ -0,0 +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-cc083317"]]);
+export {
+  MarkdownTitle as default
+};

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

@@ -0,0 +1,69 @@
+import { defineComponent, openBlock, createElementBlock, withDirectives, createElementVNode, unref, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
+import { useMessage, OPopover, OIcon } from "@opensig/opendesign";
+import { useClipboard } from "@opendesign-plus/composables";
+import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
+import { useI18n } from "../../../i18n/index.mjs";
+import IconLink from "../../../_virtual/icon-link.mjs";
+const _hoisted_1 = { class: "o-md-title-wrap" };
+const _hoisted_2 = { class: "o-md-title __mounted" };
+const _hoisted_3 = { class: "o-md-title-copy-link-wrap" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MarkdownTitle",
+  props: {
+    el: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const vDompurifyHtml = buildVueDompurifyHTMLDirective({
+      default: {
+        FORBID_ATTR: ["style"]
+      }
+    });
+    const message = useMessage();
+    const { t } = useI18n();
+    const onClickCopyLink = async () => {
+      var _a, _b;
+      const text = `${window.location.origin}${window.location.pathname}#${(_b = (_a = props.el) == null ? void 0 : _a.id) == null ? void 0 : _b.replace("user-content-", "")}`;
+      if (await useClipboard(text)) {
+        message.success({
+          content: t("common.copySuccess")
+        });
+      }
+    };
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        withDirectives(createElementVNode("div", _hoisted_2, null, 512), [
+          [unref(vDompurifyHtml), (_a = __props.el) == null ? void 0 : _a.outerHTML]
+        ]),
+        createElementVNode("span", _hoisted_3, [
+          createVNode(unref(OPopover), {
+            position: "right",
+            trigger: "hover"
+          }, {
+            target: withCtx(() => [
+              createElementVNode("a", {
+                class: "o-md-title-copy-link",
+                onClick: onClickCopyLink
+              }, [
+                createVNode(unref(OIcon), { class: "o-md-title-icon-copy" }, {
+                  default: withCtx(() => [
+                    createVNode(unref(IconLink))
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            default: withCtx(() => [
+              createTextVNode(" " + toDisplayString(unref(t)("common.copyLink")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,16 @@
+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
+};

package/dist/treeshaking/components/markdown/replacer/code.d.ts

@@ -0,0 +1,2 @@
+import { AppContext } from 'vue';
+export declare function mountMarkdownCode(el: Element, context: AppContext): (() => void) | undefined;

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

@@ -0,0 +1,22 @@
+import { createVNode, render } from "vue";
+import MarkdownCode from "../components/MarkdownCode.vue.mjs";
+function mountMarkdownCode(el, context) {
+  var _a, _b, _c;
+  if (((_a = el.className) == null ? void 0 : _a.includes("o-")) || ((_c = (_b = el.parentNode) == null ? void 0 : _b.className) == null ? void 0 : _c.includes("__mounted"))) {
+    return;
+  }
+  let vnode = createVNode(MarkdownCode, {
+    el
+  });
+  vnode.appContext = context;
+  let container = document.createElement("div");
+  render(vnode, container);
+  el.replaceWith(container.querySelector(".o-md-code"));
+  return () => {
+    vnode = null;
+    container = null;
+  };
+}
+export {
+  mountMarkdownCode
+};

package/dist/treeshaking/components/markdown/replacer/h1.d.ts

@@ -0,0 +1,11 @@
+import { AppContext, MaybeRefOrGetter } from 'vue';
+export interface MarkdownPageTitleProps {
+    sourceUrl?: MaybeRefOrGetter<string | undefined>;
+    updateTime?: MaybeRefOrGetter<string | undefined>;
+    titleBg?: MaybeRefOrGetter<string | undefined>;
+    enableDownload?: MaybeRefOrGetter<boolean | undefined>;
+    enableStar?: MaybeRefOrGetter<boolean | undefined>;
+    onDownload?: () => void;
+    onCollect?: () => void;
+}
+export declare function mountMarkdownPageTitle(el: Element, context: AppContext, props?: MarkdownPageTitleProps): (() => void) | undefined;

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

@@ -0,0 +1,29 @@
+import { createVNode, render } from "vue";
+import MarkdownPageTitle from "../components/MarkdownPageTitle.vue.mjs";
+function mountMarkdownPageTitle(el, context, props) {
+  var _a, _b, _c;
+  if (((_a = el.className) == null ? void 0 : _a.includes("o-")) || ((_c = (_b = el.parentNode) == null ? void 0 : _b.className) == null ? void 0 : _c.includes("__mounted"))) {
+    return;
+  }
+  let vnode = createVNode(MarkdownPageTitle, {
+    el,
+    sourceUrl: props == null ? void 0 : props.sourceUrl,
+    updateTime: props == null ? void 0 : props.updateTime,
+    bgImage: props == null ? void 0 : props.titleBg,
+    enableDownload: props == null ? void 0 : props.enableDownload,
+    enableStar: props == null ? void 0 : props.enableStar,
+    onDownload: props == null ? void 0 : props.onDownload,
+    onCollect: props == null ? void 0 : props.onCollect
+  });
+  vnode.appContext = context;
+  let container = document.createElement("div");
+  render(vnode, container);
+  el.replaceWith(container.querySelector(".o-md-page-title"));
+  return () => {
+    vnode = null;
+    container = null;
+  };
+}
+export {
+  mountMarkdownPageTitle
+};

package/dist/treeshaking/components/markdown/replacer/h2.d.ts

@@ -0,0 +1,2 @@
+import { AppContext } from 'vue';
+export declare function mountMarkdownTitle(el: Element, context: AppContext): (() => void) | undefined;

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

@@ -0,0 +1,22 @@
+import { createVNode, render } from "vue";
+import MarkdownTitle from "../components/MarkdownTitle.vue.mjs";
+function mountMarkdownTitle(el, context) {
+  var _a, _b, _c;
+  if (((_a = el.className) == null ? void 0 : _a.includes("o-")) || ((_c = (_b = el.parentNode) == null ? void 0 : _b.className) == null ? void 0 : _c.includes("__mounted"))) {
+    return;
+  }
+  let vnode = createVNode(MarkdownTitle, {
+    el
+  });
+  vnode.appContext = context;
+  let container = document.createElement("div");
+  render(vnode, container);
+  el.replaceWith(container.querySelector(".o-md-title-wrap"));
+  return () => {
+    vnode = null;
+    container = null;
+  };
+}
+export {
+  mountMarkdownTitle
+};

package/dist/treeshaking/components/markdown/replacer/img.d.ts

@@ -0,0 +1,2 @@
+import { AppContext } from 'vue';
+export declare function mountMarkdownImage(el: Element, context: AppContext): (() => void) | undefined;

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

@@ -0,0 +1,22 @@
+import { createVNode, render } from "vue";
+import MarkdownImage from "../components/MarkdownImage.vue.mjs";
+function mountMarkdownImage(el, context) {
+  var _a, _b, _c;
+  if (((_a = el.className) == null ? void 0 : _a.includes("o-")) || ((_c = (_b = el.parentNode) == null ? void 0 : _b.className) == null ? void 0 : _c.includes("__mounted"))) {
+    return;
+  }
+  let vnode = createVNode(MarkdownImage, {
+    el
+  });
+  vnode.appContext = context;
+  let container = document.createElement("div");
+  render(vnode, container);
+  el.replaceWith(container.querySelector(".o-md-img"));
+  return () => {
+    vnode = null;
+    container = null;
+  };
+}
+export {
+  mountMarkdownImage
+};

package/dist/treeshaking/components/markdown/replacer/table.d.ts

@@ -0,0 +1,2 @@
+import { AppContext } from 'vue';
+export declare function mountMarkdownTable(el: HTMLTableElement, context: AppContext): (() => void) | undefined;

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

@@ -0,0 +1,22 @@
+import { createVNode, render } from "vue";
+import MarkdownTable from "../components/MarkdownTable.vue.mjs";
+function mountMarkdownTable(el, context) {
+  var _a, _b, _c;
+  if (((_a = el.className) == null ? void 0 : _a.includes("o-")) || ((_c = (_b = el.parentNode) == null ? void 0 : _b.className) == null ? void 0 : _c.includes("__mounted"))) {
+    return;
+  }
+  let vnode = createVNode(MarkdownTable, {
+    el
+  });
+  vnode.appContext = context;
+  let container = document.createElement("div");
+  render(vnode, container);
+  el.replaceWith(container.querySelector(".o-md-table-container"));
+  return () => {
+    vnode = null;
+    container = null;
+  };
+}
+export {
+  mountMarkdownTable
+};

package/dist/treeshaking/components/meeting/OMeetingForm.vue.d.ts

@@ -18,22 +18,45 @@ declare const _default: import('vue').DefineComponent<MeetingFormPropsT, {
         $data: {};
         $props: Partial<{
             layout: "h" | "v" | "inline";
+            disabled: boolean | undefined;
+            clearable: boolean | undefined;
             hasRequired: boolean;
+            requiredIcon: boolean;
+            labelWidth: string;
+            showMessage: boolean;
+            validateOnRuleChange: boolean;
+            scrollToError: boolean;
         }> & Omit<{
             readonly hasRequired: boolean;
+            readonly requiredIcon: boolean;
             readonly layout: "v" | "h" | "inline";
-            readonly model?: Record<string, any> | undefined;
+            readonly labelWidth: string;
+            readonly showMessage: boolean;
+            readonly validateOnRuleChange: boolean;
+            readonly scrollToError: boolean;
+            readonly size?: "small" | "large" | "medium" | undefined;
+            readonly round?: import('@opensig/opendesign').RoundT | undefined;
+            readonly disabled?: boolean | undefined;
             readonly labelAlign?: "top" | "center" | "bottom" | undefined;
             readonly labelJustify?: "center" | "left" | "right" | undefined;
-            readonly labelWidth?: string | undefined;
+            readonly clearable?: boolean | undefined;
+            readonly model?: Record<string, any> | undefined;
+            readonly rules?: import('@opensig/opendesign').FormRulesT | undefined;
             readonly onClear?: ((filed?: string | string[] | undefined) => any) | undefined | undefined;
             readonly onReset?: ((filed?: string | string[] | undefined) => any) | undefined | undefined;
             readonly onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined | undefined;
             readonly onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "hasRequired" | "layout">;
+            readonly onValidateField?: ((payload: {
+                field: string;
+                isValid: boolean;
+                message: string;
+            }) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "clearable" | "hasRequired" | "requiredIcon" | "layout" | "labelWidth" | "showMessage" | "validateOnRuleChange" | "scrollToError">;
         $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
+        } & {
+            formEl: HTMLFormElement;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -41,46 +64,114 @@ declare const _default: import('vue').DefineComponent<MeetingFormPropsT, {
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "clear", filed?: string | string[] | undefined) => void) & ((event: "validate", results: import('@opensig/opendesign').FieldResultT[]) => void) & ((event: "reset", filed?: string | string[] | undefined) => void) & ((event: "submit", results: import('@opensig/opendesign').FieldResultT[]) => void);
+        $emit: ((event: "clear", filed?: string | string[] | undefined) => void) & ((event: "validate", results: import('@opensig/opendesign').FieldResultT[]) => void) & ((event: "validateField", payload: {
+            field: string;
+            isValid: boolean;
+            message: string;
+        }) => void) & ((event: "reset", filed?: string | string[] | undefined) => void) & ((event: "submit", results: import('@opensig/opendesign').FieldResultT[]) => void);
         $el: HTMLFormElement;
         $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            labelAlign: {
+                type: import('vue').PropType<"top" | "center" | "bottom">;
+            };
+            labelJustify: {
+                type: import('vue').PropType<"left" | "center" | "right">;
+            };
+            disabled: {
+                type: import('vue').PropType<boolean | undefined>;
+                default: undefined;
+            };
+            size: {
+                type: import('vue').PropType<import('@opensig/opendesign').SizeT>;
+            };
+            round: {
+                type: import('vue').PropType<import('@opensig/opendesign').RoundT>;
+            };
+            clearable: {
+                type: import('vue').PropType<boolean | undefined>;
+                default: undefined;
+            };
             model: {
                 type: ObjectConstructor;
             };
+            rules: {
+                type: import('vue').PropType<import('@opensig/opendesign').FormRulesT>;
+            };
             hasRequired: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            requiredIcon: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             layout: {
                 type: import('vue').PropType<"h" | "v" | "inline">;
                 default: string;
             };
-            labelAlign: {
-                type: import('vue').PropType<"top" | "center" | "bottom">;
-            };
-            labelJustify: {
-                type: import('vue').PropType<"left" | "center" | "right">;
-            };
             labelWidth: {
                 type: StringConstructor;
+                default: string;
+            };
+            showMessage: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            validateOnRuleChange: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            scrollToError: {
+                type: BooleanConstructor;
+                default: boolean;
             };
         }>> & Readonly<{
             onClear?: ((filed?: string | string[] | undefined) => any) | undefined;
             onReset?: ((filed?: string | string[] | undefined) => any) | undefined;
             onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
             onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
+            onValidateField?: ((payload: {
+                field: string;
+                isValid: boolean;
+                message: string;
+            }) => any) | undefined;
         }>, {
-            validate: (filed?: string | string[]) => Promise<import('@opensig/opendesign').FieldResultT[]>;
+            validate: (filed?: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
+                type: "warning" | "danger" | "success" | "";
+                message: string[];
+            }[]>;
+            validateField: (field: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
+                type: "warning" | "danger" | "success" | "";
+                message: string[];
+            }[]>;
             resetFields: (filed?: string | string[]) => void;
+            setInitialValues: (data: Record<string, any>) => void;
             clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => void;
+            scrollToField: (field: string, options?: boolean | {
+                behavior?: "auto" | "smooth" | "instant";
+                block?: "start" | "center" | "end" | "nearest";
+                inline?: "start" | "center" | "end" | "nearest";
+            }) => Promise<void>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             clear: (filed?: string | string[] | undefined) => any;
             reset: (filed?: string | string[] | undefined) => any;
             submit: (results: import('@opensig/opendesign').FieldResultT[]) => any;
             validate: (results: import('@opensig/opendesign').FieldResultT[]) => any;
+            validateField: (payload: {
+                field: string;
+                isValid: boolean;
+                message: string;
+            }) => any;
         }, string, {
             layout: "h" | "v" | "inline";
+            disabled: boolean | undefined;
+            clearable: boolean | undefined;
             hasRequired: boolean;
+            requiredIcon: boolean;
+            labelWidth: string;
+            showMessage: boolean;
+            validateOnRuleChange: boolean;
+            scrollToError: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -103,37 +194,96 @@ declare const _default: import('vue').DefineComponent<MeetingFormPropsT, {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
         layout: "h" | "v" | "inline";
+        disabled: boolean | undefined;
+        clearable: boolean | undefined;
         hasRequired: boolean;
+        requiredIcon: boolean;
+        labelWidth: string;
+        showMessage: boolean;
+        validateOnRuleChange: boolean;
+        scrollToError: boolean;
     }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        labelAlign: {
+            type: import('vue').PropType<"top" | "center" | "bottom">;
+        };
+        labelJustify: {
+            type: import('vue').PropType<"left" | "center" | "right">;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean | undefined>;
+            default: undefined;
+        };
+        size: {
+            type: import('vue').PropType<import('@opensig/opendesign').SizeT>;
+        };
+        round: {
+            type: import('vue').PropType<import('@opensig/opendesign').RoundT>;
+        };
+        clearable: {
+            type: import('vue').PropType<boolean | undefined>;
+            default: undefined;
+        };
         model: {
             type: ObjectConstructor;
         };
+        rules: {
+            type: import('vue').PropType<import('@opensig/opendesign').FormRulesT>;
+        };
         hasRequired: {
             type: BooleanConstructor;
             default: boolean;
         };
+        requiredIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         layout: {
             type: import('vue').PropType<"h" | "v" | "inline">;
             default: string;
         };
-        labelAlign: {
-            type: import('vue').PropType<"top" | "center" | "bottom">;
-        };
-        labelJustify: {
-            type: import('vue').PropType<"left" | "center" | "right">;
-        };
         labelWidth: {
             type: StringConstructor;
+            default: string;
+        };
+        showMessage: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        validateOnRuleChange: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        scrollToError: {
+            type: BooleanConstructor;
+            default: boolean;
         };
     }>> & Readonly<{
         onClear?: ((filed?: string | string[] | undefined) => any) | undefined;
         onReset?: ((filed?: string | string[] | undefined) => any) | undefined;
         onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
         onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
-    }>, "hasRequired" | "layout" | "validate" | "resetFields" | "clearValidate"> & {
-        validate: (filed?: string | string[]) => Promise<import('@opensig/opendesign').FieldResultT[]>;
+        onValidateField?: ((payload: {
+            field: string;
+            isValid: boolean;
+            message: string;
+        }) => any) | undefined;
+    }>, "disabled" | "clearable" | "hasRequired" | "requiredIcon" | "layout" | "labelWidth" | "showMessage" | "validateOnRuleChange" | "scrollToError" | "validate" | "validateField" | "resetFields" | "setInitialValues" | "clearValidate" | "scrollToField"> & {
+        validate: (filed?: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
+            type: "warning" | "danger" | "success" | "";
+            message: string[];
+        }[]>;
+        validateField: (field: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
+            type: "warning" | "danger" | "success" | "";
+            message: string[];
+        }[]>;
         resetFields: (filed?: string | string[]) => void;
+        setInitialValues: (data: Record<string, any>) => void;
         clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => void;
+        scrollToField: (field: string, options?: boolean | {
+            behavior?: "auto" | "smooth" | "instant";
+            block?: "start" | "center" | "end" | "nearest";
+            inline?: "start" | "center" | "end" | "nearest";
+        }) => Promise<void>;
     } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;

package/dist/treeshaking/components/meeting/OMeetingMinutes.css

@@ -42,44 +42,28 @@
     min-height: auto;
 }
 }
-.o-meeting-minutes .o-meeting-minutes-loading {
-  display: flex;
-  flex-direction: column;
-  gap: var(--o-gap-3);
-}
-@media (max-width: 1200px) {
-.o-meeting-minutes .o-meeting-minutes-loading {
-    gap: var(--o-gap-2);
-}
-}
-.o-meeting-minutes .o-meeting-minutes-loading .loading-tip {
-  color: var(--o-color-info3);
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-meeting-minutes .o-meeting-minutes-loading .loading-tip {
-    font-size: 14px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-meeting-minutes .o-meeting-minutes-loading .loading-tip {
-    font-size: 12px;
-    line-height: 18px;
+.o-meeting-minutes .o-meeting-minutes-main-loading .o-meeting-minutes-title-wrap,
+.o-meeting-minutes .o-meeting-minutes-main-loading .minutes-meta,
+.o-meeting-minutes .o-meeting-minutes-main-loading .o-meeting-minutes-body-wrap .o-meeting-minutes-body-header {
+  display: block;
 }
+.o-meeting-minutes .minutes-skeleton.minutes-skeleton-title {
+  --skeleton-height: var(--o-r-font_size-h2);
 }
-@media (min-width: 601px) and (max-width: 840px) {
-.o-meeting-minutes .o-meeting-minutes-loading .loading-tip {
-    font-size: 12px;
-    line-height: 18px;
+.o-meeting-minutes .minutes-skeleton.minutes-skeleton-title .o-skeleton-item {
+  --skeleton-width: 50%;
 }
+.o-meeting-minutes .minutes-skeleton.minutes-skeleton-btn {
+  --skeleton-width: 112px;
+  --skeleton-height: 40px;
+  --skeleton-radius: 20px;
 }
-@media (max-width: 600px) {
-.o-meeting-minutes .o-meeting-minutes-loading .loading-tip {
-    font-size: 12px;
-    line-height: 18px;
+.o-meeting-minutes .minutes-skeleton.minutes-skeleton-body-title {
+  --skeleton-width: 96px;
+  --skeleton-height: var(--o-r-font_size-h4);
 }
+.o-meeting-minutes .minutes-skeleton.minutes-skeleton-body {
+  --skeleton-width: 100%;
 }
 .o-meeting-minutes .o-meeting-minutes-head {
   display: flex;
@@ -213,13 +197,18 @@
 }
 .o-meeting-minutes .o-meeting-minutes-body-wrap .o-meeting-minutes-body-content {
   margin-top: var(--o-r-gap-5);
+}
+.o-meeting-minutes .o-meeting-minutes-body-wrap .o-meeting-minutes-body-content.is-empty {
+  min-height: 360px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.o-meeting-minutes .o-meeting-minutes-body-wrap .o-meeting-minutes-body-content .minutes-preview {
   padding: var(--o-r-gap-3) var(--o-r-gap-4);
   border-radius: var(--minutes-card-radius);
   background-color: color-mix(in srgb, var(--o-color-control2-light) 40%, transparent);
 }
-.o-meeting-minutes .o-meeting-minutes-body-wrap .o-meeting-minutes-body-content.o-meeting-minutes-body-content_edit {
-  padding: 0;
-}
 .o-meeting-minutes .o-meeting-minutes-body-wrap .o-meeting-minutes-body-footer {
   margin-top: var(--o-r-gap-5);
   color: var(--o-color-info3);
@@ -485,11 +474,13 @@
     line-height: 18px;
 }
 }
+@media (min-width: 841px) {
 .o-meeting-minutes-log-detail .o-dlg-main {
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  max-height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    max-height: 100%;
+}
 }