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

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

@@ -1,11 +1,11 @@
 import { useVersion } from '../../../shared/hooks';
 import { PropType } from 'vue';
 import { StepNotice } from '../../../components/step-notice/src/types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     items: {
         type: PropType<Partial<{
             header: string | import("../../../shared/types").AnyFn;
-            type: "warning" | "normal" | "primary";
+            type: "warning" | "primary" | "normal";
             icon: import("../../../shared/types").AnyFn | "warning";
             lineType: "dashed" | "solid";
             topText: (string | import("../../../shared/types").AnyFn)[];
@@ -37,12 +37,12 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         items: {
             type: PropType<Partial<{
                 header: string | import("../../../shared/types").AnyFn;
-                type: "warning" | "normal" | "primary";
+                type: "warning" | "primary" | "normal";
                 icon: import("../../../shared/types").AnyFn | "warning";
                 lineType: "dashed" | "solid";
                 topText: (string | import("../../../shared/types").AnyFn)[];
@@ -74,9 +74,9 @@ declare const _default: import("vue").DefineComponent<{
             type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
-    }>> & {
+    }>> & Readonly<{
         onItemClick?: ((...args: any[]) => any) | undefined;
-    }>>;
+    }> & {}>;
     emit: (event: "itemClick", ...args: any[]) => void;
     itemGroups: import("vue").ComputedRef<StepNotice.InternalItem[][]>;
     onClick: (item: StepNotice.Item) => void;
@@ -84,24 +84,24 @@ declare const _default: import("vue").DefineComponent<{
     theme: import("vue").ComputedRef<{
         '--step-notice-col-space': string;
     }>;
-    keyRef: import("vue").Ref<number>;
+    keyRef: import("vue").Ref<number, number>;
     reload: () => void;
-    wrapperRef: import("vue").Ref<HTMLElement | undefined>;
-    width: import("vue").Ref<number>;
-    useVersion: typeof useVersion;
-    NoticeItem: import("vue").DefineComponent<{
+    wrapperRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    width: import("vue").Ref<number, number>;
+    readonly useVersion: typeof useVersion;
+    NoticeItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         item: {
             type: PropType<StepNotice.InternalItem>;
             required: true;
         };
-    }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             item: {
                 type: PropType<StepNotice.InternalItem>;
                 required: true;
             };
-        }>> & {}>>;
-        itemRef: import("vue").Ref<StepNotice.InternalItem>;
+        }>> & Readonly<{}> & {}>;
+        itemRef: import("vue").Ref<StepNotice.InternalItem, StepNotice.InternalItem>;
         classList: import("vue").ComputedRef<string[]>;
         frontStyle: import("vue").ComputedRef<{
             minHeight: string;
@@ -110,26 +110,26 @@ declare const _default: import("vue").DefineComponent<{
         renderIcon: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }> | import("../../../shared/types").AnyFn | null;
-        NoticeConnection: import("vue").DefineComponent<{
+        NoticeConnection: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             item: {
                 type: PropType<StepNotice.InternalItem>;
                 required: true;
             };
-        }, {
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        }>, {
+            props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 item: {
                     type: PropType<StepNotice.InternalItem>;
                     required: true;
                 };
-            }>> & {}>>;
-            itemRef: import("vue").Ref<StepNotice.InternalItem>;
+            }>> & Readonly<{}> & {}>;
+            itemRef: import("vue").Ref<StepNotice.InternalItem, StepNotice.InternalItem>;
             pointStyle: import("vue").ComputedRef<{
                 opacity: number;
             }>;
-            verticalLineHeight: import("vue").Ref<number>;
-            horizonLineWidth: import("vue").Ref<number>;
-            subHorizonWidth: import("vue").Ref<number>;
-            wrapperRef: import("vue").Ref<HTMLElement | undefined>;
+            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>;
             calculatePositionRect: () => void;
             lineStyles: import("vue").ComputedRef<{
                 width: string;
@@ -138,26 +138,26 @@ declare const _default: import("vue").DefineComponent<{
             iconStyle: import("vue").ComputedRef<{
                 top: string;
             }>;
-            widthAppend: typeof import("../../../shared/utils").widthAppend;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            readonly widthAppend: typeof import("../../../shared/utils").widthAppend;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             item: {
                 type: PropType<StepNotice.InternalItem>;
                 required: true;
             };
-        }>>, {}>;
-        NoticeItemAside: import("vue").DefineComponent<{
+        }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        NoticeItemAside: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             item: {
                 type: PropType<StepNotice.InternalItem>;
                 required: true;
             };
-        }, {
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        }>, {
+            props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 item: {
                     type: PropType<StepNotice.InternalItem>;
                     required: true;
                 };
-            }>> & {}>>;
-            getPositionInList: (index: number) => "center" | "first" | "last";
+            }>> & Readonly<{}> & {}>;
+            getPositionInList: (index: number) => "center" | "last" | "first";
             placementMap: {
                 first: string;
                 center: string;
@@ -172,15 +172,15 @@ declare const _default: import("vue").DefineComponent<{
                 'is-active': string | import("../../../shared/types").AnyFn | undefined;
             })[];
             theme: import("vue").ComputedRef<import("../../../shared/types").AnyObject>;
-            NPopover: any;
-            parseRender: typeof import("./utils").parseRender;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            readonly NPopover: any;
+            readonly parseRender: typeof import("./utils").parseRender;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             item: {
                 type: PropType<StepNotice.InternalItem>;
                 required: true;
             };
-        }>>, {}>;
-        NoticeOperationList: import("vue").DefineComponent<{
+        }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        NoticeOperationList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             operationList: {
                 type: PropType<Partial<Partial<{
                     header: string | import("../../../shared/types").AnyFn;
@@ -193,8 +193,8 @@ declare const _default: import("vue").DefineComponent<{
                 }>[] | undefined>;
                 required: true;
             };
-        }, {
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        }>, {
+            props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 operationList: {
                     type: PropType<Partial<Partial<{
                         header: string | import("../../../shared/types").AnyFn;
@@ -207,12 +207,12 @@ declare const _default: import("vue").DefineComponent<{
                     }>[] | undefined>;
                     required: true;
                 };
-            }>> & {}>>;
+            }>> & Readonly<{}> & {}>;
             theme: import("vue").ComputedRef<import("../../../shared/types").AnyObject>;
-            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 import("./utils").parseRender;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            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 import("./utils").parseRender;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             operationList: {
                 type: PropType<Partial<Partial<{
                     header: string | import("../../../shared/types").AnyFn;
@@ -225,21 +225,21 @@ declare const _default: import("vue").DefineComponent<{
                 }>[] | undefined>;
                 required: true;
             };
-        }>>, {}>;
-        NPopover: any;
-        parseRender: typeof import("./utils").parseRender;
-        parseTitle: typeof import("./utils").parseTitle;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly NPopover: any;
+        readonly parseRender: typeof import("./utils").parseRender;
+        readonly parseTitle: typeof import("./utils").parseTitle;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         item: {
             type: PropType<StepNotice.InternalItem>;
             required: true;
         };
-    }>>, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "itemClick"[], "itemClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "itemClick"[], "itemClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: PropType<Partial<{
             header: string | import("../../../shared/types").AnyFn;
-            type: "warning" | "normal" | "primary";
+            type: "warning" | "primary" | "normal";
             icon: import("../../../shared/types").AnyFn | "warning";
             lineType: "dashed" | "solid";
             topText: (string | import("../../../shared/types").AnyFn)[];
@@ -271,12 +271,12 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}>> & {
+}>> & Readonly<{
     onItemClick?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     items: Partial<{
         header: string | import("../../../shared/types").AnyFn;
-        type: "warning" | "normal" | "primary";
+        type: "warning" | "primary" | "normal";
         icon: import("../../../shared/types").AnyFn | "warning";
         lineType: "dashed" | "solid";
         topText: (string | import("../../../shared/types").AnyFn)[];
@@ -300,5 +300,5 @@ declare const _default: import("vue").DefineComponent<{
     }>[];
     rowCapacity: number;
     colSpace: string | number;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -33,10 +33,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     "itemClick"
   ],
   setup(__props, {
-    expose,
-    emit
+    expose: __expose,
+    emit: __emit
   }) {
     const props = __props;
+    const emit = __emit;
     const itemGroups = computed(() => {
       const groups = [];
       const items = cloneDeep(props.items);
@@ -76,18 +77,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     watch(width, (nv, ov) => {
       ov && reload();
     });
-    expose({
+    __expose({
       reload
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", mergeProps({
         class: "step-notice",
-        style: unref(theme),
+        style: theme.value,
         ref_key: "wrapperRef",
         ref: wrapperRef
       }, unref(useVersion)()), [(openBlock(), createElementBlock("section", {
         key: keyRef.value
-      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(itemGroups), (group, index) => {
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(itemGroups.value, (group, index) => {
         return openBlock(), createElementBlock("section", {
           key: index,
           class: "step-notice__group"

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<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     item: {
         type: PropType<StepNotice.InternalItem>;
         required: true;
     };
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         item: {
             type: PropType<StepNotice.InternalItem>;
             required: true;
         };
-    }>> & {}>>;
-    itemRef: import("vue").Ref<StepNotice.InternalItem>;
+    }>> & Readonly<{}> & {}>;
+    itemRef: import("vue").Ref<StepNotice.InternalItem, StepNotice.InternalItem>;
     pointStyle: import("vue").ComputedRef<{
         opacity: number;
     }>;
-    verticalLineHeight: import("vue").Ref<number>;
-    horizonLineWidth: import("vue").Ref<number>;
-    subHorizonWidth: import("vue").Ref<number>;
-    wrapperRef: import("vue").Ref<HTMLElement | undefined>;
+    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>;
     calculatePositionRect: () => void;
     lineStyles: import("vue").ComputedRef<{
         width: string;
@@ -29,11 +29,11 @@ declare const _default: import("vue").DefineComponent<{
     iconStyle: import("vue").ComputedRef<{
         top: string;
     }>;
-    widthAppend: typeof widthAppend;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly widthAppend: typeof widthAppend;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, 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

@@ -73,10 +73,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         ref: wrapperRef
       }, [createElementVNode("div", {
         class: "step-notice__itemArrowPoint",
-        style: normalizeStyle(unref(pointStyle))
+        style: normalizeStyle(pointStyle.value)
       }, null, 4), createElementVNode("div", {
         class: "step-notice__itemArrowLine",
-        style: normalizeStyle(unref(lineStyles))
+        style: normalizeStyle(lineStyles.value)
       }, [__props.item.isGroupLast ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: "step-notice__itemArrowSubLine step-notice__itemArrowLine--horizon",
@@ -85,7 +85,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         })
       }, 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))
+        style: normalizeStyle(iconStyle.value)
       }, 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<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     item: {
         type: PropType<StepNotice.InternalItem>;
         required: true;
     };
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         item: {
             type: PropType<StepNotice.InternalItem>;
             required: true;
         };
-    }>> & {}>>;
-    itemRef: import("vue").Ref<StepNotice.InternalItem>;
+    }>> & Readonly<{}> & {}>;
+    itemRef: import("vue").Ref<StepNotice.InternalItem, StepNotice.InternalItem>;
     classList: import("vue").ComputedRef<string[]>;
     frontStyle: import("vue").ComputedRef<{
         minHeight: string;
@@ -23,26 +23,26 @@ declare const _default: import("vue").DefineComponent<{
     renderIcon: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | import("../../../../shared/types").AnyFn | null;
-    NoticeConnection: import("vue").DefineComponent<{
+    NoticeConnection: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         item: {
             type: PropType<StepNotice.InternalItem>;
             required: true;
         };
-    }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             item: {
                 type: PropType<StepNotice.InternalItem>;
                 required: true;
             };
-        }>> & {}>>;
-        itemRef: import("vue").Ref<StepNotice.InternalItem>;
+        }>> & Readonly<{}> & {}>;
+        itemRef: import("vue").Ref<StepNotice.InternalItem, StepNotice.InternalItem>;
         pointStyle: import("vue").ComputedRef<{
             opacity: number;
         }>;
-        verticalLineHeight: import("vue").Ref<number>;
-        horizonLineWidth: import("vue").Ref<number>;
-        subHorizonWidth: import("vue").Ref<number>;
-        wrapperRef: import("vue").Ref<HTMLElement | undefined>;
+        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>;
         calculatePositionRect: () => void;
         lineStyles: import("vue").ComputedRef<{
             width: string;
@@ -51,26 +51,26 @@ declare const _default: import("vue").DefineComponent<{
         iconStyle: import("vue").ComputedRef<{
             top: string;
         }>;
-        widthAppend: typeof widthAppend;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly widthAppend: typeof widthAppend;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         item: {
             type: PropType<StepNotice.InternalItem>;
             required: true;
         };
-    }>>, {}>;
-    NoticeItemAside: import("vue").DefineComponent<{
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    NoticeItemAside: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         item: {
             type: PropType<StepNotice.InternalItem>;
             required: true;
         };
-    }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             item: {
                 type: PropType<StepNotice.InternalItem>;
                 required: true;
             };
-        }>> & {}>>;
-        getPositionInList: (index: number) => "center" | "first" | "last";
+        }>> & Readonly<{}> & {}>;
+        getPositionInList: (index: number) => "center" | "last" | "first";
         placementMap: {
             first: string;
             center: string;
@@ -85,15 +85,15 @@ declare const _default: import("vue").DefineComponent<{
             'is-active': string | import("../../../../shared/types").AnyFn | undefined;
         })[];
         theme: import("vue").ComputedRef<import("../../../../shared/types").AnyObject>;
-        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<{
+        readonly NPopover: any;
+        readonly parseRender: typeof parseRender;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         item: {
             type: PropType<StepNotice.InternalItem>;
             required: true;
         };
-    }>>, {}>;
-    NoticeOperationList: import("vue").DefineComponent<{
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    NoticeOperationList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         operationList: {
             type: PropType<Partial<Partial<{
                 header: string | import("../../../../shared/types").AnyFn;
@@ -106,8 +106,8 @@ declare const _default: import("vue").DefineComponent<{
             }>[] | undefined>;
             required: true;
         };
-    }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    }>, {
+        props: 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<{
                 }>[] | undefined>;
                 required: true;
             };
-        }>> & {}>>;
+        }>> & Readonly<{}> & {}>;
         theme: import("vue").ComputedRef<import("../../../../shared/types").AnyObject>;
-        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<{
+        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<{
         operationList: {
             type: PropType<Partial<Partial<{
                 header: string | import("../../../../shared/types").AnyFn;
@@ -138,14 +138,14 @@ declare const _default: import("vue").DefineComponent<{
             }>[] | undefined>;
             required: true;
         };
-    }>>, {}>;
-    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<{
+    }>> & 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<{
     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, unref, createVNode, withCtx, createElementVNode, createBlock, resolveDynamicComponent, Fragment, renderList, createCommentVNode, normalizeStyle, h } from 'vue';
+import { defineComponent, toRef, computed, openBlock, createElementBlock, normalizeClass, createVNode, unref, 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';
@@ -66,9 +66,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock("section", {
-        class: normalizeClass(unref(classList))
+        class: normalizeClass(classList.value)
       }, [createVNode(unref(NPopover), {
-        disabled: unref(popperDisabled),
+        disabled: popperDisabled.value,
         "keep-alive-on-hover": "",
         placement: "bottom-start",
         animated: false,
@@ -82,7 +82,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             }, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(text))))]);
           }), 128))])) : createCommentVNode("v-if", true), createElementVNode("section", {
             class: "step-notice__itemFront",
-            style: normalizeStyle(unref(frontStyle))
+            style: normalizeStyle(frontStyle.value)
           }, [createElementVNode("header", {
             class: "step-notice__itemFrontHeader",
             title: unref(parseTitle)(__props.item.header)

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

@@ -1,19 +1,19 @@
 import { PropType } from 'vue';
 import { StepNotice } from '../../../../components/step-notice';
 import { parseRender } from '../../../../components/step-notice/src/utils';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     item: {
         type: PropType<StepNotice.InternalItem>;
         required: true;
     };
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         item: {
             type: PropType<StepNotice.InternalItem>;
             required: true;
         };
-    }>> & {}>>;
-    getPositionInList: (index: number) => "center" | "first" | "last";
+    }>> & Readonly<{}> & {}>;
+    getPositionInList: (index: number) => "center" | "last" | "first";
     placementMap: {
         first: string;
         center: string;
@@ -24,12 +24,12 @@ declare const _default: import("vue").DefineComponent<{
         'is-active': string | import("../../../../shared/types").AnyFn | undefined;
     })[];
     theme: import("vue").ComputedRef<import("../../../../shared/types").AnyObject>;
-    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<{
+    readonly NPopover: any;
+    readonly parseRender: typeof parseRender;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, 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/NoticeItemAside.vue2.js

@@ -6,9 +6,6 @@ import { parseRender } from '../utils.js';
 const _hoisted_1 = {
   class: "step-notice__itemAside"
 };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("i", {
-  class: "step-notice__itemAsidePopperBridge"
-}, null, -1);
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NoticeItemAside",
   props: {
@@ -60,7 +57,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(unref(theme))
           }, [createElementVNode("header", null, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(noticeItem.header))))]), noticeItem.content || noticeItem.subContent ? (openBlock(), createElementBlock(Fragment, {
             key: 0
-          }, [createElementVNode("section", null, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(noticeItem.content))))]), createElementVNode("footer", null, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(noticeItem.subContent))))])], 64)) : createCommentVNode("v-if", true), _hoisted_2], 6)]),
+          }, [createElementVNode("section", null, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(noticeItem.content))))]), createElementVNode("footer", null, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(noticeItem.subContent))))])], 64)) : createCommentVNode("v-if", true), _cache[0] || (_cache[0] = createElementVNode("i", {
+            class: "step-notice__itemAsidePopperBridge"
+          }, null, -1))], 6)]),
           _: 2
         }, 1032, ["placement"]);
       }), 128))]);