cnhis-design-vue 3.4.0-beta.10 → 3.4.0-beta.11

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<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     items: {
         type: PropType<Partial<{
             header: string | import("../../../shared/types").AnyFn;
-            type: "warning" | "primary" | "normal";
+            type: "warning" | "normal" | "primary";
             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<import("vue").ExtractPropT
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}>, {
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         items: {
             type: PropType<Partial<{
                 header: string | import("../../../shared/types").AnyFn;
-                type: "warning" | "primary" | "normal";
+                type: "warning" | "normal" | "primary";
                 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<import("vue").ExtractPropT
             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<import("vue").ExtractPropT
     theme: import("vue").ComputedRef<{
         '--step-notice-col-space': string;
     }>;
-    keyRef: import("vue").Ref<number, number>;
+    keyRef: import("vue").Ref<number>;
     reload: () => void;
-    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<{
+    wrapperRef: import("vue").Ref<HTMLElement | undefined>;
+    width: import("vue").Ref<number>;
+    useVersion: typeof useVersion;
+    NoticeItem: 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;
@@ -110,26 +110,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;
@@ -138,26 +138,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             iconStyle: import("vue").ComputedRef<{
                 top: string;
             }>;
-            readonly widthAppend: typeof import("../../../shared/utils").widthAppend;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            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<{
             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;
@@ -172,15 +172,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 import("./utils").parseRender;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            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<{
             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;
@@ -193,8 +193,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;
@@ -207,12 +207,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 import("./utils").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 import("./utils").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;
@@ -225,21 +225,21 @@ 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 import("./utils").parseRender;
-        readonly parseTitle: typeof import("./utils").parseTitle;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        }>>, {}>;
+        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<{
         item: {
             type: PropType<StepNotice.InternalItem>;
             required: true;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "itemClick"[], "itemClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }>>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "itemClick"[], "itemClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: PropType<Partial<{
             header: string | import("../../../shared/types").AnyFn;
-            type: "warning" | "primary" | "normal";
+            type: "warning" | "normal" | "primary";
             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<import("vue").ExtractPropT
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}>> & Readonly<{
+}>> & {
     onItemClick?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     items: Partial<{
         header: string | import("../../../shared/types").AnyFn;
-        type: "warning" | "primary" | "normal";
+        type: "warning" | "normal" | "primary";
         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<import("vue").ExtractPropT
     }>[];
     rowCapacity: number;
     colSpace: string | number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

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

@@ -23,9 +23,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   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);
@@ -63,18 +62,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: 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) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(itemGroups), (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<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

@@ -69,11 +69,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", {
           class: "step-notice__itemArrowPoint",
-          style: normalizeStyle(pointStyle.value)
+          style: normalizeStyle(unref(pointStyle))
         }, null, 4),
         createElementVNode("div", {
           class: "step-notice__itemArrowLine",
-          style: normalizeStyle(lineStyles.value)
+          style: normalizeStyle(unref(lineStyles))
         }, [
           __props.item.isGroupLast ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -83,7 +83,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           __props.item.isGroupLast ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
             class: "step-notice__itemArrowIcon",
-            style: normalizeStyle(iconStyle.value)
+            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';
@@ -61,10 +61,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock("section", {
-        class: normalizeClass(classList.value)
+        class: normalizeClass(unref(classList))
       }, [
         createVNode(unref(NPopover), {
-          disabled: popperDisabled.value,
+          disabled: unref(popperDisabled),
           "keep-alive-on-hover": "",
           placement: "bottom-start",
           animated: false,
@@ -86,7 +86,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 ])) : createCommentVNode("v-if", true),
                 createElementVNode("section", {
                   class: "step-notice__itemFront",
-                  style: normalizeStyle(frontStyle.value)
+                  style: normalizeStyle(unref(frontStyle))
                 }, [
                   createElementVNode("header", {
                     class: "step-notice__itemFrontHeader",

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<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<{}> & {}>;
-    getPositionInList: (index: number) => "center" | "last" | "first";
+    }>> & {}>>;
+    getPositionInList: (index: number) => "center" | "first" | "last";
     placementMap: {
         first: string;
         center: string;
@@ -24,12 +24,12 @@ 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>;
+}>>, {}>;
 export default _default;

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

@@ -4,6 +4,7 @@ import { useStepNoticeTheme } from '../hooks/useTheme.js';
 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: {
@@ -67,7 +68,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     (openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(noticeItem.subContent))))
                   ])
                 ], 64)) : createCommentVNode("v-if", true),
-                _cache[0] || (_cache[0] = createElementVNode("i", { class: "step-notice__itemAsidePopperBridge" }, null, -1))
+                _hoisted_2
               ], 6)
             ]),
             _: 2