cnhis-design-vue 3.4.0-beta.4 → 3.4.0-beta.7

package/es/components/step-notice/src/StepNotice.vue2.js

@@ -16,40 +16,29 @@ import { useStepNoticeTheme } from './hooks/useTheme.js';
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "StepNotice",
   props: {
-    items: {
-      type: Array,
-      default: () => []
-    },
-    rowCapacity: {
-      type: Number,
-      default: 4
-    },
-    colSpace: {
-      type: [Number, String],
-      default: 125
-    }
+    items: { type: Array, default: () => [] },
+    rowCapacity: { type: Number, default: 4 },
+    colSpace: { type: [Number, String], default: 125 }
   },
   emits: [
     "itemClick"
   ],
-  setup(__props, {
-    expose: __expose,
-    emit: __emit
-  }) {
+  setup(__props, { expose, emit }) {
     const props = __props;
-    const emit = __emit;
     const itemGroups = computed(() => {
       const groups = [];
       const items = cloneDeep(props.items);
       for (let i = 0; i < items.length; i += props.rowCapacity) {
-        groups.push(items.slice(i, i + props.rowCapacity).map((item, index, arr) => {
-          const nextItem = items[i + index + 1];
-          Object.assign(item, {
-            isGroupLast: index === arr.length - 1,
-            nextItem
-          });
-          return item;
-        }));
+        groups.push(
+          items.slice(i, i + props.rowCapacity).map((item, index, arr) => {
+            const nextItem = items[i + index + 1];
+            Object.assign(item, {
+              isGroupLast: index === arr.length - 1,
+              nextItem
+            });
+            return item;
+          })
+        );
       }
       return groups;
     });
@@ -67,46 +56,45 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const reload = useDebounceFn(() => {
       keyRef.value++;
     }, 200);
-    watch([() => props.items, () => props.rowCapacity, () => props.colSpace], reload, {
-      deep: true
-    });
+    watch([() => props.items, () => props.rowCapacity, () => props.colSpace], reload, { deep: true });
     const wrapperRef = ref();
-    const {
-      width
-    } = useElementSize(wrapperRef);
+    const { width } = useElementSize(wrapperRef);
     watch(width, (nv, ov) => {
       ov && reload();
     });
-    __expose({
+    expose({
       reload
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", mergeProps({
         class: "step-notice",
-        style: theme.value,
+        style: unref(theme),
         ref_key: "wrapperRef",
         ref: wrapperRef
-      }, unref(useVersion)()), [(openBlock(), createElementBlock("section", {
-        key: keyRef.value
-      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(itemGroups.value, (group, index) => {
-        return openBlock(), createElementBlock("section", {
-          key: index,
-          class: "step-notice__group"
-        }, [(openBlock(true), createElementBlock(Fragment, null, renderList(group, (item, index2) => {
-          return openBlock(), createBlock(NoticeItem, {
-            item,
-            key: index2,
-            onClick: ($event) => onClick(item)
-          }, null, 8, ["item", "onClick"]);
-        }), 128)), group.length < __props.rowCapacity ? (openBlock(true), createElementBlock(Fragment, {
-          key: 0
-        }, renderList(__props.rowCapacity - group.length, (i) => {
-          return openBlock(), createElementBlock("span", {
-            key: i,
-            class: "step-notice__placeholder"
-          });
-        }), 128)) : createCommentVNode("v-if", true)]);
-      }), 128))]))], 16);
+      }, unref(useVersion)()), [
+        (openBlock(), createElementBlock("section", { key: keyRef.value }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(itemGroups), (group, index) => {
+            return openBlock(), createElementBlock("section", {
+              key: index,
+              class: "step-notice__group"
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(group, (item, index2) => {
+                return openBlock(), createBlock(NoticeItem, {
+                  item,
+                  key: index2,
+                  onClick: ($event) => onClick(item)
+                }, null, 8, ["item", "onClick"]);
+              }), 128)),
+              group.length < __props.rowCapacity ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.rowCapacity - group.length, (i) => {
+                return openBlock(), createElementBlock("span", {
+                  key: i,
+                  class: "step-notice__placeholder"
+                });
+              }), 128)) : createCommentVNode("v-if", true)
+            ]);
+          }), 128))
+        ]))
+      ], 16);
     };
   }
 });

package/es/components/step-notice/src/components/NoticeConnection.vue.d.ts

@@ -1,26 +1,26 @@
 import { widthAppend } from '../../../../shared/utils';
 import { PropType } from 'vue';
 import { StepNotice } from '../../../../components/step-notice';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     item: {
         type: PropType<StepNotice.InternalItem>;
         required: true;
     };
-}>, {
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         item: {
             type: PropType<StepNotice.InternalItem>;
             required: true;
         };
-    }>> & Readonly<{}> & {}>;
-    itemRef: import("vue").Ref<StepNotice.InternalItem, StepNotice.InternalItem>;
+    }>> & {}>>;
+    itemRef: import("vue").Ref<StepNotice.InternalItem>;
     pointStyle: import("vue").ComputedRef<{
         opacity: number;
     }>;
-    verticalLineHeight: import("vue").Ref<number, number>;
-    horizonLineWidth: import("vue").Ref<number, number>;
-    subHorizonWidth: import("vue").Ref<number, number>;
-    wrapperRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    verticalLineHeight: import("vue").Ref<number>;
+    horizonLineWidth: import("vue").Ref<number>;
+    subHorizonWidth: import("vue").Ref<number>;
+    wrapperRef: import("vue").Ref<HTMLElement | undefined>;
     calculatePositionRect: () => void;
     lineStyles: import("vue").ComputedRef<{
         width: string;
@@ -29,11 +29,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     iconStyle: import("vue").ComputedRef<{
         top: string;
     }>;
-    readonly widthAppend: typeof widthAppend;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    widthAppend: typeof widthAppend;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     item: {
         type: PropType<StepNotice.InternalItem>;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>>, {}>;
 export default _default;

package/es/components/step-notice/src/components/NoticeConnection.vue2.js

@@ -9,19 +9,14 @@ const _hoisted_1 = {
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NoticeConnection",
   props: {
-    item: {
-      type: Object,
-      required: true
-    }
+    item: { type: Object, required: true }
   },
   setup(__props) {
     const props = __props;
     const itemRef = toRef(props, "item");
     const pointStyle = computed(() => {
       var _a, _b;
-      return {
-        opacity: ((_a = itemRef.value) == null ? void 0 : _a.isGroupLast) || !((_b = itemRef.value.noticeList) == null ? void 0 : _b.length) ? 1 : 0
-      };
+      return { opacity: ((_a = itemRef.value) == null ? void 0 : _a.isGroupLast) || !((_b = itemRef.value.noticeList) == null ? void 0 : _b.length) ? 1 : 0 };
     });
     const verticalLineHeight = ref(0);
     const horizonLineWidth = ref(0);
@@ -60,33 +55,38 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const iconStyle = computed(() => {
       var _a, _b, _c;
       return {
-        top: widthAppend(((_a = itemRef.value) == null ? void 0 : _a.isGroupLast) ? verticalLineHeight.value * 2 - 8 - (isEmpty((_c = (_b = itemRef.value) == null ? void 0 : _b.nextItem) == null ? void 0 : _c.topText) ? 0 : 20) : 4)
+        top: widthAppend(
+          ((_a = itemRef.value) == null ? void 0 : _a.isGroupLast) ? verticalLineHeight.value * 2 - 8 - (isEmpty((_c = (_b = itemRef.value) == null ? void 0 : _b.nextItem) == null ? void 0 : _c.topText) ? 0 : 20) : 4
+        )
       };
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", {
         class: "step-notice__itemArrow",
-        style: normalizeStyle({
-          "--step-info-offset": unref(widthAppend)(subHorizonWidth.value)
-        }),
+        style: normalizeStyle({ "--step-info-offset": unref(widthAppend)(subHorizonWidth.value) }),
         ref_key: "wrapperRef",
         ref: wrapperRef
-      }, [createElementVNode("div", {
-        class: "step-notice__itemArrowPoint",
-        style: normalizeStyle(pointStyle.value)
-      }, null, 4), createElementVNode("div", {
-        class: "step-notice__itemArrowLine",
-        style: normalizeStyle(lineStyles.value)
-      }, [__props.item.isGroupLast ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: "step-notice__itemArrowSubLine step-notice__itemArrowLine--horizon",
-        style: normalizeStyle({
-          width: unref(widthAppend)(subHorizonWidth.value)
-        })
-      }, null, 4)) : createCommentVNode("v-if", true), __props.item.isGroupLast ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("v-if", true), createElementVNode("div", {
-        class: "step-notice__itemArrowIcon",
-        style: normalizeStyle(iconStyle.value)
-      }, null, 4)], 4)], 4);
+      }, [
+        createElementVNode("div", {
+          class: "step-notice__itemArrowPoint",
+          style: normalizeStyle(unref(pointStyle))
+        }, null, 4),
+        createElementVNode("div", {
+          class: "step-notice__itemArrowLine",
+          style: normalizeStyle(unref(lineStyles))
+        }, [
+          __props.item.isGroupLast ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "step-notice__itemArrowSubLine step-notice__itemArrowLine--horizon",
+            style: normalizeStyle({ width: unref(widthAppend)(subHorizonWidth.value) })
+          }, null, 4)) : createCommentVNode("v-if", true),
+          __props.item.isGroupLast ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("v-if", true),
+          createElementVNode("div", {
+            class: "step-notice__itemArrowIcon",
+            style: normalizeStyle(unref(iconStyle))
+          }, null, 4)
+        ], 4)
+      ], 4);
     };
   }
 });

package/es/components/step-notice/src/components/NoticeItem.vue.d.ts

@@ -2,19 +2,19 @@ import { widthAppend } from '../../../../shared/utils';
 import { PropType } from 'vue';
 import { StepNotice } from '../../../../components/step-notice/src/types';
 import { parseRender, parseTitle } from '../../../../components/step-notice/src/utils';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     item: {
         type: PropType<StepNotice.InternalItem>;
         required: true;
     };
-}>, {
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         item: {
             type: PropType<StepNotice.InternalItem>;
             required: true;
         };
-    }>> & Readonly<{}> & {}>;
-    itemRef: import("vue").Ref<StepNotice.InternalItem, StepNotice.InternalItem>;
+    }>> & {}>>;
+    itemRef: import("vue").Ref<StepNotice.InternalItem>;
     classList: import("vue").ComputedRef<string[]>;
     frontStyle: import("vue").ComputedRef<{
         minHeight: string;
@@ -23,26 +23,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     renderIcon: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | import("../../../../shared/types").AnyFn | null;
-    NoticeConnection: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    NoticeConnection: import("vue").DefineComponent<{
         item: {
             type: PropType<StepNotice.InternalItem>;
             required: true;
         };
-    }>, {
-        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             item: {
                 type: PropType<StepNotice.InternalItem>;
                 required: true;
             };
-        }>> & Readonly<{}> & {}>;
-        itemRef: import("vue").Ref<StepNotice.InternalItem, StepNotice.InternalItem>;
+        }>> & {}>>;
+        itemRef: import("vue").Ref<StepNotice.InternalItem>;
         pointStyle: import("vue").ComputedRef<{
             opacity: number;
         }>;
-        verticalLineHeight: import("vue").Ref<number, number>;
-        horizonLineWidth: import("vue").Ref<number, number>;
-        subHorizonWidth: import("vue").Ref<number, number>;
-        wrapperRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        verticalLineHeight: import("vue").Ref<number>;
+        horizonLineWidth: import("vue").Ref<number>;
+        subHorizonWidth: import("vue").Ref<number>;
+        wrapperRef: import("vue").Ref<HTMLElement | undefined>;
         calculatePositionRect: () => void;
         lineStyles: import("vue").ComputedRef<{
             width: string;
@@ -51,26 +51,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         iconStyle: import("vue").ComputedRef<{
             top: string;
         }>;
-        readonly widthAppend: typeof widthAppend;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        widthAppend: typeof widthAppend;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         item: {
             type: PropType<StepNotice.InternalItem>;
             required: true;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    NoticeItemAside: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    }>>, {}>;
+    NoticeItemAside: import("vue").DefineComponent<{
         item: {
             type: PropType<StepNotice.InternalItem>;
             required: true;
         };
-    }>, {
-        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             item: {
                 type: PropType<StepNotice.InternalItem>;
                 required: true;
             };
-        }>> & Readonly<{}> & {}>;
-        getPositionInList: (index: number) => "center" | "last" | "first";
+        }>> & {}>>;
+        getPositionInList: (index: number) => "center" | "first" | "last";
         placementMap: {
             first: string;
             center: string;
@@ -85,15 +85,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             'is-active': string | import("../../../../shared/types").AnyFn | undefined;
         })[];
         theme: import("vue").ComputedRef<import("../../../../shared/types").AnyObject>;
-        readonly NPopover: any;
-        readonly parseRender: typeof parseRender;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        NPopover: any;
+        parseRender: typeof parseRender;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         item: {
             type: PropType<StepNotice.InternalItem>;
             required: true;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    NoticeOperationList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    }>>, {}>;
+    NoticeOperationList: import("vue").DefineComponent<{
         operationList: {
             type: PropType<Partial<Partial<{
                 header: string | import("../../../../shared/types").AnyFn;
@@ -106,8 +106,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>[] | undefined>;
             required: true;
         };
-    }>, {
-        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             operationList: {
                 type: PropType<Partial<Partial<{
                     header: string | import("../../../../shared/types").AnyFn;
@@ -120,12 +120,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>[] | undefined>;
                 required: true;
             };
-        }>> & Readonly<{}> & {}>;
+        }>> & {}>>;
         theme: import("vue").ComputedRef<import("../../../../shared/types").AnyObject>;
-        readonly CheckmarkCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        readonly CloseCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        readonly parseRender: typeof parseRender;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        CheckmarkCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        CloseCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        parseRender: typeof parseRender;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         operationList: {
             type: PropType<Partial<Partial<{
                 header: string | import("../../../../shared/types").AnyFn;
@@ -138,14 +138,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>[] | undefined>;
             required: true;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    readonly NPopover: any;
-    readonly parseRender: typeof parseRender;
-    readonly parseTitle: typeof parseTitle;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }>>, {}>;
+    NPopover: any;
+    parseRender: typeof parseRender;
+    parseTitle: typeof parseTitle;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     item: {
         type: PropType<StepNotice.InternalItem>;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>>, {}>;
 export default _default;

package/es/components/step-notice/src/components/NoticeItem.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, toRef, computed, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createElementVNode, createBlock, resolveDynamicComponent, Fragment, renderList, createCommentVNode, normalizeStyle, h } from 'vue';
+import { defineComponent, toRef, computed, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, createElementVNode, createBlock, resolveDynamicComponent, Fragment, renderList, createCommentVNode, normalizeStyle, h } from 'vue';
 import { widthAppend } from '../../../../shared/utils/index.js';
 import { AlertCircle } from '@vicons/ionicons5';
 import NoticeConnection from './NoticeConnection.vue.js';
@@ -7,12 +7,8 @@ import NoticeOperationList from './NoticeOperationList.vue.js';
 import { NPopover } from 'naive-ui';
 import { parseRender, parseTitle } from '../utils.js';
 
-const _hoisted_1 = {
-  class: "step-notice__itemWrapper"
-};
-const _hoisted_2 = {
-  class: "step-notice__icon"
-};
+const _hoisted_1 = { class: "step-notice__itemWrapper" };
+const _hoisted_2 = { class: "step-notice__icon" };
 const _hoisted_3 = {
   key: 0,
   class: "step-notice__itemHeader"
@@ -31,16 +27,17 @@ const _hoisted_8 = {
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NoticeItem",
   props: {
-    item: {
-      type: Object,
-      required: true
-    }
+    item: { type: Object, required: true }
   },
   setup(__props) {
     const props = __props;
     const itemRef = toRef(props, "item");
     const classList = computed(() => {
-      return ["step-notice__item", `step-notice__item--${itemRef.value.type || "primary"}`, `step-notice__item--${(itemRef.value.lineType || "solid") + "Line"}`];
+      return [
+        "step-notice__item",
+        `step-notice__item--${itemRef.value.type || "primary"}`,
+        `step-notice__item--${(itemRef.value.lineType || "solid") + "Line"}`
+      ];
     });
     const frontStyle = computed(() => {
       const item = itemRef.value;
@@ -58,53 +55,82 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       if (!icon)
         return null;
       if (icon === "warning")
-        return h(AlertCircle, {
-          class: "step-notice__icon--warning"
-        });
+        return h(AlertCircle, { class: "step-notice__icon--warning" });
       return icon;
     }
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock("section", {
-        class: normalizeClass(classList.value)
-      }, [createVNode(unref(NPopover), {
-        disabled: popperDisabled.value,
-        "keep-alive-on-hover": "",
-        placement: "bottom-start",
-        animated: false,
-        "show-arrow": false
-      }, {
-        trigger: withCtx(() => {
-          var _a2;
-          return [createElementVNode("section", _hoisted_1, [createElementVNode("span", _hoisted_2, [(openBlock(), createBlock(resolveDynamicComponent(renderIcon)))]), ((_a2 = __props.item.topText) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("section", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.item.topText, (text, index) => {
-            return openBlock(), createElementBlock("span", {
-              key: index
-            }, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(text))))]);
-          }), 128))])) : createCommentVNode("v-if", true), createElementVNode("section", {
-            class: "step-notice__itemFront",
-            style: normalizeStyle(frontStyle.value)
-          }, [createElementVNode("header", {
-            class: "step-notice__itemFrontHeader",
-            title: unref(parseTitle)(__props.item.header)
-          }, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(__props.item.header))))], 8, _hoisted_4), __props.item.content || __props.item.subContent ? (openBlock(), createElementBlock("section", _hoisted_5, [createElementVNode("div", {
-            class: "step-notice__itemFrontContentText",
-            title: unref(parseTitle)(__props.item.content)
-          }, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(__props.item.content))))], 8, _hoisted_6), createElementVNode("div", {
-            class: "step-notice__itemFrontContentSubText",
-            title: unref(parseTitle)(__props.item.subContent)
-          }, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(__props.item.subContent))))], 8, _hoisted_7)])) : createCommentVNode("v-if", true)], 4), __props.item.footerText ? (openBlock(), createElementBlock("footer", _hoisted_8, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(__props.item.footerText))))])) : createCommentVNode("v-if", true)])];
-        }),
-        default: withCtx(() => [createVNode(NoticeOperationList, {
-          "operation-list": __props.item.operationList
-        }, null, 8, ["operation-list"])]),
-        _: 1
-      }, 8, ["disabled"]), ((_a = __props.item.noticeList) == null ? void 0 : _a.length) ? (openBlock(), createBlock(NoticeItemAside, {
-        key: 0,
-        item: __props.item
-      }, null, 8, ["item"])) : createCommentVNode("v-if", true), __props.item.nextItem ? (openBlock(), createBlock(NoticeConnection, {
-        key: 1,
-        item: __props.item
-      }, null, 8, ["item"])) : createCommentVNode("v-if", true)], 2);
+        class: normalizeClass(unref(classList))
+      }, [
+        createVNode(unref(NPopover), {
+          disabled: unref(popperDisabled),
+          "keep-alive-on-hover": "",
+          placement: "bottom-start",
+          animated: false,
+          "show-arrow": false
+        }, {
+          trigger: withCtx(() => {
+            var _a2;
+            return [
+              createElementVNode("section", _hoisted_1, [
+                createElementVNode("span", _hoisted_2, [
+                  (openBlock(), createBlock(resolveDynamicComponent(renderIcon)))
+                ]),
+                ((_a2 = __props.item.topText) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("section", _hoisted_3, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.item.topText, (text, index) => {
+                    return openBlock(), createElementBlock("span", { key: index }, [
+                      (openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(text))))
+                    ]);
+                  }), 128))
+                ])) : createCommentVNode("v-if", true),
+                createElementVNode("section", {
+                  class: "step-notice__itemFront",
+                  style: normalizeStyle(unref(frontStyle))
+                }, [
+                  createElementVNode("header", {
+                    class: "step-notice__itemFrontHeader",
+                    title: unref(parseTitle)(__props.item.header)
+                  }, [
+                    (openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(__props.item.header))))
+                  ], 8, _hoisted_4),
+                  __props.item.content || __props.item.subContent ? (openBlock(), createElementBlock("section", _hoisted_5, [
+                    createElementVNode("div", {
+                      class: "step-notice__itemFrontContentText",
+                      title: unref(parseTitle)(__props.item.content)
+                    }, [
+                      (openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(__props.item.content))))
+                    ], 8, _hoisted_6),
+                    createElementVNode("div", {
+                      class: "step-notice__itemFrontContentSubText",
+                      title: unref(parseTitle)(__props.item.subContent)
+                    }, [
+                      (openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(__props.item.subContent))))
+                    ], 8, _hoisted_7)
+                  ])) : createCommentVNode("v-if", true)
+                ], 4),
+                __props.item.footerText ? (openBlock(), createElementBlock("footer", _hoisted_8, [
+                  (openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(__props.item.footerText))))
+                ])) : createCommentVNode("v-if", true)
+              ])
+            ];
+          }),
+          default: withCtx(() => [
+            createVNode(NoticeOperationList, {
+              "operation-list": __props.item.operationList
+            }, null, 8, ["operation-list"])
+          ]),
+          _: 1
+        }, 8, ["disabled"]),
+        ((_a = __props.item.noticeList) == null ? void 0 : _a.length) ? (openBlock(), createBlock(NoticeItemAside, {
+          key: 0,
+          item: __props.item
+        }, null, 8, ["item"])) : createCommentVNode("v-if", true),
+        __props.item.nextItem ? (openBlock(), createBlock(NoticeConnection, {
+          key: 1,
+          item: __props.item
+        }, null, 8, ["item"])) : createCommentVNode("v-if", true)
+      ], 2);
     };
   }
 });