cnhis-design-vue 3.2.2-beta.1 → 3.2.2-beta.7

package/es/components/step-notice/index.d.ts

@@ -5,6 +5,7 @@ declare const StepNotice: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<Partial<{
             header: string | import("../../shared/types").AnyFn<any[], any>;
             type: "warning" | "normal" | "primary";
+            icon: "warning" | import("../../shared/types").AnyFn<any[], any>;
             lineType: "dashed" | "solid";
             topText: (string | import("../../shared/types").AnyFn<any[], any>)[];
             footerText: string | import("../../shared/types").AnyFn<any[], any>;
@@ -37,6 +38,7 @@ declare const StepNotice: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<Partial<{
                 header: string | import("../../shared/types").AnyFn<any[], any>;
                 type: "warning" | "normal" | "primary";
+                icon: "warning" | import("../../shared/types").AnyFn<any[], any>;
                 lineType: "dashed" | "solid";
                 topText: (string | import("../../shared/types").AnyFn<any[], any>)[];
                 footerText: string | import("../../shared/types").AnyFn<any[], any>;
@@ -71,6 +73,7 @@ declare const StepNotice: SFCWithInstall<import("vue").DefineComponent<{
     onClick: (item: Partial<{
         header: string | import("../../shared/types").AnyFn<any[], any>;
         type: "warning" | "normal" | "primary";
+        icon: "warning" | import("../../shared/types").AnyFn<any[], any>;
         lineType: "dashed" | "solid";
         topText: (string | import("../../shared/types").AnyFn<any[], any>)[];
         footerText: string | import("../../shared/types").AnyFn<any[], any>;
@@ -96,6 +99,7 @@ declare const StepNotice: SFCWithInstall<import("vue").DefineComponent<{
     reload: () => void;
     wrapperRef: import("vue").Ref<HTMLElement | undefined>;
     width: import("vue").Ref<number>;
+    useVersion: typeof import("..").useVersion;
     NoticeItem: import("vue").DefineComponent<{
         item: {
             type: import("vue").PropType<import("./src/types").StepNotice.InternalItem>;
@@ -114,6 +118,9 @@ declare const StepNotice: SFCWithInstall<import("vue").DefineComponent<{
             minHeight: string;
         }>;
         popperDisabled: import("vue").ComputedRef<boolean>;
+        renderIcon: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("../../shared/types").AnyFn<any[], any> | null;
         NoticeConnection: import("vue").DefineComponent<{
             item: {
                 type: import("vue").PropType<import("./src/types").StepNotice.InternalItem>;
@@ -244,6 +251,7 @@ declare const StepNotice: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<Partial<{
             header: string | import("../../shared/types").AnyFn<any[], any>;
             type: "warning" | "normal" | "primary";
+            icon: "warning" | import("../../shared/types").AnyFn<any[], any>;
             lineType: "dashed" | "solid";
             topText: (string | import("../../shared/types").AnyFn<any[], any>)[];
             footerText: string | import("../../shared/types").AnyFn<any[], any>;
@@ -276,6 +284,7 @@ declare const StepNotice: SFCWithInstall<import("vue").DefineComponent<{
     items: Partial<{
         header: string | import("../../shared/types").AnyFn<any[], any>;
         type: "warning" | "normal" | "primary";
+        icon: "warning" | import("../../shared/types").AnyFn<any[], any>;
         lineType: "dashed" | "solid";
         topText: (string | import("../../shared/types").AnyFn<any[], any>)[];
         footerText: string | import("../../shared/types").AnyFn<any[], any>;

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

@@ -1,3 +1,4 @@
+import { useVersion } from '../../../shared/hooks';
 import { PropType } from 'vue';
 import { StepNotice } from '../../../components/step-notice/src/types';
 declare const _default: import("vue").DefineComponent<{
@@ -5,6 +6,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Partial<{
             header: string | import("../..").AnyFn<any[], any>;
             type: "warning" | "normal" | "primary";
+            icon: "warning" | import("../..").AnyFn<any[], any>;
             lineType: "dashed" | "solid";
             topText: (string | import("../..").AnyFn<any[], any>)[];
             footerText: string | import("../..").AnyFn<any[], any>;
@@ -37,6 +39,7 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<Partial<{
                 header: string | import("../..").AnyFn<any[], any>;
                 type: "warning" | "normal" | "primary";
+                icon: "warning" | import("../..").AnyFn<any[], any>;
                 lineType: "dashed" | "solid";
                 topText: (string | import("../..").AnyFn<any[], any>)[];
                 footerText: string | import("../..").AnyFn<any[], any>;
@@ -74,6 +77,7 @@ declare const _default: import("vue").DefineComponent<{
     reload: () => void;
     wrapperRef: import("vue").Ref<HTMLElement | undefined>;
     width: import("vue").Ref<number>;
+    useVersion: typeof useVersion;
     NoticeItem: import("vue").DefineComponent<{
         item: {
             type: PropType<StepNotice.InternalItem>;
@@ -92,6 +96,9 @@ declare const _default: import("vue").DefineComponent<{
             minHeight: string;
         }>;
         popperDisabled: import("vue").ComputedRef<boolean>;
+        renderIcon: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("../..").AnyFn<any[], any> | null;
         NoticeConnection: import("vue").DefineComponent<{
             item: {
                 type: PropType<StepNotice.InternalItem>;
@@ -222,6 +229,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Partial<{
             header: string | import("../..").AnyFn<any[], any>;
             type: "warning" | "normal" | "primary";
+            icon: "warning" | import("../..").AnyFn<any[], any>;
             lineType: "dashed" | "solid";
             topText: (string | import("../..").AnyFn<any[], any>)[];
             footerText: string | import("../..").AnyFn<any[], any>;
@@ -254,6 +262,7 @@ declare const _default: import("vue").DefineComponent<{
     items: Partial<{
         header: string | import("../..").AnyFn<any[], any>;
         type: "warning" | "normal" | "primary";
+        icon: "warning" | import("../..").AnyFn<any[], any>;
         lineType: "dashed" | "solid";
         topText: (string | import("../..").AnyFn<any[], any>)[];
         footerText: string | import("../..").AnyFn<any[], any>;

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

@@ -1 +1 @@
-import{defineComponent as e,computed as t,ref as o,watch as s,openBlock as i,createElementBlock as r,normalizeStyle as a,unref as c,Fragment as p,renderList as n,createBlock as l,createCommentVNode as m}from"vue";import{useDebounceFn as u,useElementSize as y}from"@vueuse/core";import{cloneDeep as f}from"lodash-es";import k from"./components/NoticeItem.vue.js";import{useStepNoticeTheme as h}from"./hooks/useTheme.js";var C=e({__name:"StepNotice",props:{items:{type:Array,default:()=>[]},rowCapacity:{type:Number,default:4}},emits:["itemClick"],setup(e,{expose:C,emit:d}){const w=e,v=t((()=>{const e=[],t=f(w.items);for(let o=0;o<t.length;o+=w.rowCapacity)e.push(t.slice(o,o+w.rowCapacity).map(((e,s,i)=>{const r=t[o+s+1];return Object.assign(e,{isGroupLast:s===i.length-1,nextItem:r}),e})));return e}));const _=h(),g=o(0),j=u((()=>{g.value++}),200);s([()=>w.items,()=>w.rowCapacity],j,{deep:!0});const x=o(),{width:N}=y(x);return s(N,((e,t)=>{t&&j()})),C({reload:j}),(t,o)=>(i(),r("section",{class:"step-notice",style:a(c(_)),ref_key:"wrapperRef",ref:x},[(i(),r("section",{key:g.value},[(i(!0),r(p,null,n(c(v),((t,o)=>(i(),r("section",{key:o,class:"step-notice__group"},[(i(!0),r(p,null,n(t,((e,t)=>(i(),l(k,{item:e,key:t,onClick:t=>function(e){d("itemClick",e)}(e)},null,8,["item","onClick"])))),128)),t.length<e.rowCapacity?(i(!0),r(p,{key:0},n(e.rowCapacity-t.length,(e=>(i(),r("span",{key:e,class:"step-notice__placeholder"})))),128)):m("v-if",!0)])))),128))]))],4))}});export{C as default};
+import{defineComponent as e,computed as t,ref as o,watch as s,openBlock as i,createElementBlock as r,mergeProps as a,unref as n,Fragment as p,renderList as c,createBlock as m,createCommentVNode as l}from"vue";import"../../../shared/utils/index.js";import{cloneDeep as u}from"lodash-es";import"naive-ui";import{useDebounceFn as h,useElementSize as f}from"@vueuse/core";import"date-fns";import"@vue/shared";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{useVersion as y}from"../../../shared/hooks/useVersion.js";import d from"./components/NoticeItem.vue.js";import{useStepNoticeTheme as k}from"./hooks/useTheme.js";var v=e({__name:"StepNotice",props:{items:{type:Array,default:()=>[]},rowCapacity:{type:Number,default:4}},emits:["itemClick"],setup(e,{expose:v,emit:C}){const w=e,_=t((()=>{const e=[],t=u(w.items);for(let o=0;o<t.length;o+=w.rowCapacity)e.push(t.slice(o,o+w.rowCapacity).map(((e,s,i)=>{const r=t[o+s+1];return Object.assign(e,{isGroupLast:s===i.length-1,nextItem:r}),e})));return e}));const g=k(),j=o(0),x=h((()=>{j.value++}),200);s([()=>w.items,()=>w.rowCapacity],x,{deep:!0});const N=o(),{width:b}=f(N);return s(b,((e,t)=>{t&&x()})),v({reload:x}),(t,o)=>(i(),r("section",a({class:"step-notice",style:n(g),ref_key:"wrapperRef",ref:N},n(y)()),[(i(),r("section",{key:j.value},[(i(!0),r(p,null,c(n(_),((t,o)=>(i(),r("section",{key:o,class:"step-notice__group"},[(i(!0),r(p,null,c(t,((e,t)=>(i(),m(d,{item:e,key:t,onClick:t=>function(e){C("itemClick",e)}(e)},null,8,["item","onClick"])))),128)),t.length<e.rowCapacity?(i(!0),r(p,{key:0},c(e.rowCapacity-t.length,(e=>(i(),r("span",{key:e,class:"step-notice__placeholder"})))),128)):l("v-if",!0)])))),128))]))],16))}});export{v as default};

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

@@ -20,6 +20,9 @@ declare const _default: import("vue").DefineComponent<{
         minHeight: string;
     }>;
     popperDisabled: import("vue").ComputedRef<boolean>;
+    renderIcon: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("../../..").AnyFn<any[], any> | null;
     NoticeConnection: import("vue").DefineComponent<{
         item: {
             type: PropType<StepNotice.InternalItem>;

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

@@ -1 +1 @@
-import{defineComponent as t,toRef as e,computed as i,openBlock as o,createBlock as n,unref as s,withCtx as r,createElementVNode as m,normalizeClass as l,createElementBlock as a,Fragment as c,renderList as p,resolveDynamicComponent as u,createCommentVNode as v,normalizeStyle as d,createVNode as _}from"vue";import{widthAppend as f}from"../../../../shared/utils/index.js";import y from"./NoticeConnection.vue.js";import h from"./NoticeItemAside.vue.js";import x from"./NoticeOperationList.vue.js";import{NPopover as b}from"naive-ui";import{parseRender as C,parseTitle as T}from"../utils.js";const k={key:0,class:"step-notice__itemHeader"},g=["title"],j={key:0,class:"step-notice__itemFrontContent"},F=["title"],L=["title"],N={key:1,class:"step-notice__itemFooter"};var H=t({__name:"NoticeItem",props:{item:{type:Object,required:!0}},setup(t){const H=e(t,"item"),I=i((()=>["step-notice__item",`step-notice__item--${H.value.type||"primary"}`,"step-notice__item--"+((H.value.lineType||"solid")+"Line")])),w=i((()=>{const t=H.value;return{minHeight:f(t.content||t.subContent||(null==t?void 0:t.footerText)?81:44)}})),O=i((()=>{var t,e;return!(null==(e=null==(t=H.value)?void 0:t.operationList)?void 0:e.length)}));return(e,i)=>(o(),n(s(b),{disabled:s(O),"keep-alive-on-hover":"",placement:"bottom-start",animated:!1,"show-arrow":!1},{trigger:r((()=>{var e,i;return[m("section",{class:l(s(I))},[(null==(e=t.item.topText)?void 0:e.length)?(o(),a("section",k,[(o(!0),a(c,null,p(t.item.topText,((t,e)=>(o(),a("span",{key:e},[(o(),n(u(s(C)(t))))])))),128))])):v("v-if",!0),m("section",{class:"step-notice__itemFront",style:d(s(w))},[m("header",{class:"step-notice__itemFrontHeader",title:s(T)(t.item.header)},[(o(),n(u(s(C)(t.item.header))))],8,g),t.item.content||t.item.subContent?(o(),a("section",j,[m("div",{class:"step-notice__itemFrontContentText",title:s(T)(t.item.content)},[(o(),n(u(s(C)(t.item.content))))],8,F),m("div",{class:"step-notice__itemFrontContentSubText",title:s(T)(t.item.subContent)},[(o(),n(u(s(C)(t.item.subContent))))],8,L)])):v("v-if",!0)],4),t.item.footerText?(o(),a("footer",N,[(o(),n(u(s(C)(t.item.footerText))))])):v("v-if",!0),(null==(i=t.item.noticeList)?void 0:i.length)?(o(),n(h,{key:2,item:t.item},null,8,["item"])):v("v-if",!0),t.item.nextItem?(o(),n(y,{key:3,item:t.item},null,8,["item"])):v("v-if",!0)],2)]})),default:r((()=>[_(x,{"operation-list":t.item.operationList},null,8,["operation-list"])])),_:1},8,["disabled"]))}});export{H as default};
+import{defineComponent as t,toRef as e,computed as i,openBlock as o,createElementBlock as n,normalizeClass as s,unref as r,createElementVNode as l,createBlock as m,resolveDynamicComponent as a,Fragment as c,renderList as p,createCommentVNode as u,createVNode as v,withCtx as _,normalizeStyle as d,h as f}from"vue";import{widthAppend as y}from"../../../../shared/utils/index.js";import{AlertCircle as h}from"@vicons/ionicons5";import x from"./NoticeConnection.vue.js";import b from"./NoticeItemAside.vue.js";import g from"./NoticeOperationList.vue.js";import{NPopover as C}from"naive-ui";import{parseRender as T,parseTitle as k}from"../utils.js";const j={class:"step-notice__icon"},F={key:0,class:"step-notice__itemHeader"},L=["title"],w={key:0,class:"step-notice__itemFrontContent"},N=["title"],H=["title"],I={key:1,class:"step-notice__itemFooter"};var O=t({__name:"NoticeItem",props:{item:{type:Object,required:!0}},setup(t){const O=e(t,"item"),q=i((()=>["step-notice__item",`step-notice__item--${O.value.type||"primary"}`,"step-notice__item--"+((O.value.lineType||"solid")+"Line")])),A=i((()=>{const t=O.value;return{minHeight:y(t.content||t.subContent||(null==t?void 0:t.footerText)?81:44)}})),S=i((()=>{var t,e;return!(null==(e=null==(t=O.value)?void 0:t.operationList)?void 0:e.length)}));function $(){var t;const e=null==(t=O.value)?void 0:t.icon;return e?"warning"===e?f(h,{class:"step-notice__icon--warning"}):e:null}return(e,i)=>{var f,y;return o(),n("section",{class:s(r(q))},[l("span",j,[(o(),m(a($)))]),(null==(f=t.item.topText)?void 0:f.length)?(o(),n("section",F,[(o(!0),n(c,null,p(t.item.topText,((t,e)=>(o(),n("span",{key:e},[(o(),m(a(r(T)(t))))])))),128))])):u("v-if",!0),v(r(C),{disabled:r(S),"keep-alive-on-hover":"",placement:"bottom-start",animated:!1,"show-arrow":!1},{trigger:_((()=>[l("section",{class:"step-notice__itemFront",style:d(r(A))},[l("header",{class:"step-notice__itemFrontHeader",title:r(k)(t.item.header)},[(o(),m(a(r(T)(t.item.header))))],8,L),t.item.content||t.item.subContent?(o(),n("section",w,[l("div",{class:"step-notice__itemFrontContentText",title:r(k)(t.item.content)},[(o(),m(a(r(T)(t.item.content))))],8,N),l("div",{class:"step-notice__itemFrontContentSubText",title:r(k)(t.item.subContent)},[(o(),m(a(r(T)(t.item.subContent))))],8,H)])):u("v-if",!0)],4)])),default:_((()=>[v(g,{"operation-list":t.item.operationList},null,8,["operation-list"])])),_:1},8,["disabled"]),t.item.footerText?(o(),n("footer",I,[(o(),m(a(r(T)(t.item.footerText))))])):u("v-if",!0),(null==(y=t.item.noticeList)?void 0:y.length)?(o(),m(b,{key:2,item:t.item},null,8,["item"])):u("v-if",!0),t.item.nextItem?(o(),m(x,{key:3,item:t.item},null,8,["item"])):u("v-if",!0)],2)}}});export{O as default};

package/es/components/step-notice/src/types.d.ts

@@ -13,6 +13,7 @@ export declare namespace StepNotice {
     type Item = Partial<{
         header: string | AnyFn;
         type: 'normal' | 'primary' | 'warning';
+        icon: 'warning' | AnyFn;
         lineType: 'dashed' | 'solid';
         topText: (string | AnyFn)[];
         footerText: string | AnyFn;

package/es/components/step-notice/style/index.css

@@ -1 +1 @@
-.step-notice__group{align-items:center;display:flex;gap:16px;justify-content:space-between}.step-notice__group:not(:last-of-type){margin-bottom:125px}.step-notice__placeholder{width:140px}.step-notice__item{position:relative;width:140px}.step-notice__item:last-of-type .step-notice__itemArrow{bottom:-8px;left:50%;top:unset;transform:translateY(0) translateX(-8px)}.step-notice__item:last-of-type .step-notice__itemArrowLine{border-left:0;border-radius:0 0 16px;border-top:0;left:-8px;position:absolute;top:8px}.step-notice__item:last-of-type .step-notice__itemArrowLine--horizon{right:15px}.step-notice__item:last-of-type .step-notice__itemArrowLine--vertical{right:calc(var(--step-info-offset) + 15px)}.step-notice__item:last-of-type .step-notice__itemArrowIcon{border-width:8px 4px 0!important;right:calc(var(--step-info-offset) + 18.5px);top:117px}.step-notice__item:last-of-type.step-notice__item--dashedLine .step-notice__itemArrowIcon{border-left-color:transparent;border-top-color:var(--step-notice-normal)}.step-notice__item:last-of-type.step-notice__item--solidLine .step-notice__itemArrowIcon{border-left-color:transparent;border-top-color:var(--step-notice-primary)}.step-notice__itemArrow{align-items:center;display:flex;left:calc(100% - 8px);position:absolute;top:50%;transform:translateY(-50%);z-index:15}.step-notice__itemArrowPoint{border:4px solid #fff;border-radius:50%;height:16px;width:16px}.step-notice__itemArrowLine{border:1px solid #000;border-top:0;box-sizing:border-box}.step-notice__itemArrowLine--horizon{border:1px solid #000;border-top:0;bottom:-1px;position:absolute}.step-notice__itemArrowLine--vertical{border:1px solid #000;border-bottom:0;border-radius:8px 0 0;border-right:0;bottom:-100%;height:100%;position:absolute;width:8px;z-index:1}.step-notice__itemArrowIcon{border-color:transparent;border-style:solid;border-width:4px 0 4px 8px;position:absolute;right:0}.step-notice__item--normal .step-notice__itemFront{background:var(--step-notice-normal-light);border-color:var(--step-notice-normal-light);color:#000}.step-notice__item--normal .step-notice__itemFooter{background:var(--step-notice-normal);color:#fff}.step-notice__item--primary .step-notice__itemFront{background:var(--step-notice-primary);border-color:var(--step-notice-primary);color:#fff}.step-notice__item--primary .step-notice__itemFooter{background:var(--step-notice-primary-light);color:var(--step-notice-primary)}.step-notice__item--warning .step-notice__itemFront{background:var(--step-notice-warning-light);border-color:var(--step-notice-warning);color:#000}.step-notice__item--warning .step-notice__itemFooter{background:var(--step-notice-warning);color:#fff}.step-notice__item--dashedLine .step-notice__itemArrowPoint{background:var(--step-notice-normal)}.step-notice__item--dashedLine .step-notice__itemArrowIcon{border-left-color:var(--step-notice-normal)}.step-notice__item--dashedLine .step-notice__itemArrowLine,.step-notice__item--dashedLine .step-notice__itemArrowLine .step-notice__itemArrowSubLine{border-color:var(--step-notice-normal);border-style:dashed}.step-notice__item--solidLine .step-notice__itemArrowPoint{background:var(--step-notice-primary)}.step-notice__item--solidLine .step-notice__itemArrowIcon{border-left-color:var(--step-notice-primary)}.step-notice__item--solidLine .step-notice__itemArrowLine,.step-notice__item--solidLine .step-notice__itemArrowLine .step-notice__itemArrowSubLine{border-color:var(--step-notice-primary);border-style:solid}.step-notice__itemFront{align-items:center;border-radius:8px;border-style:solid;border-width:1px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-evenly;position:relative;z-index:10}.step-notice__itemFrontHeader{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;font-weight:500;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;word-break:break-all}.step-notice__itemFrontContent{align-items:center;background:#fff;border-radius:4px;display:flex;flex-direction:column;justify-content:space-evenly;margin-bottom:8px;max-height:42px;min-height:26px;padding:2px 0;width:110px}.step-notice__itemFrontContentText{color:#000}.step-notice__itemFrontContentSubText,.step-notice__itemFrontContentText{box-sizing:border-box;max-width:100%;overflow:hidden;padding:0 4px;text-overflow:ellipsis;white-space:nowrap}.step-notice__itemFrontContentSubText{color:rgba(0,0,0,.5);font-size:12px}.step-notice__itemFooter{border-radius:8px;box-sizing:border-box;font-size:12px;height:40px;line-height:22px;margin-top:-18px;max-width:100%;overflow:hidden;padding:18px 10px 0;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:5}.step-notice__itemFooter.is-active{text-align:center}.step-notice__itemAside{border-radius:0 4px 4px 0;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:8px;z-index:20}.step-notice__itemAsidePopper{align-items:flex-start;border-radius:8px!important;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-evenly;min-height:44px;min-width:120px;padding:4px 13px;position:relative}.step-notice__itemAsidePopper:not(.is-active){align-items:center}.step-notice__itemAsidePopper footer{font-size:12px}.step-notice__itemAsidePopperBridge{background:inherit;height:27px;left:-12px;position:absolute;width:20px}.step-notice__itemAsideElement{height:27px;width:100%}.step-notice__itemAsideElement--first{background:var(--step-notice-not-accepted-0)}.step-notice__itemAsideElement--first .step-notice__itemAsidePopperBridge{top:0}.step-notice__itemAsideElement--first.is-active{background:var(--step-notice-accepted-0);color:#fff}.step-notice__itemAsideElement--center{background:var(--step-notice-not-accepted-1)}.step-notice__itemAsideElement--center .step-notice__itemAsidePopperBridge{top:50%;transform:translateY(-50%)}.step-notice__itemAsideElement--center.is-active{background:var(--step-notice-accepted-1);color:#fff}.step-notice__itemAsideElement--last{background:var(--step-notice-not-accepted-2);color:#fff}.step-notice__itemAsideElement--last .step-notice__itemAsidePopperBridge{bottom:0}.step-notice__itemAsideElement--last.is-active{background:var(--step-notice-accepted-2)}.step-notice__itemHeader{background:var(--step-notice-warning);border-radius:4px 4px 0 0;color:#fff;display:flex;flex-wrap:nowrap;font-size:12px;justify-content:space-between;left:50%;line-height:1;padding:5px 7px 3px;position:absolute;top:-20px;transform:translateX(-50%);width:108px;z-index:30}.step-notice__itemOperationWrapper{display:flex;flex-direction:column;gap:8px;min-width:210px}.step-notice__itemOperationItem{border-radius:4px;margin:0 -4px;padding:8px;word-break:break-all}.step-notice__itemOperationItemSubHeader{font-size:12px}.step-notice__itemOperationItemHeader{flex:1;font-size:14px;font-weight:700}.step-notice__itemOperationItemHeaderIcon{height:20px;width:20px}.step-notice__itemOperationItemHeaderWrapper{align-items:center;display:flex;gap:4px;justify-content:space-between}.step-notice__itemOperationItemSubContent{color:rgba(0,0,0,.5);font-size:12px}.step-notice__itemOperationItemContent{box-sizing:border-box;display:flex;flex:1;font-size:14px;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.step-notice__itemOperationItemContentWrapper{align-items:center;display:flex;gap:4px;justify-content:space-between}.step-notice__itemOperationItem--primary .step-notice__itemOperationItemHeader,.step-notice__itemOperationItem--primary .step-notice__itemOperationItemHeaderIcon{color:var(--step-notice-primary)}.step-notice__itemOperationItem--primary.step-notice__itemOperationItem{background:var(--step-notice-primary-light)}.step-notice__itemOperationItem--warning .step-notice__itemOperationItemHeader,.step-notice__itemOperationItem--warning .step-notice__itemOperationItemHeaderIcon{color:var(--step-notice-warning)}.step-notice__itemOperationItem--warning.step-notice__itemOperationItem{background:var(--step-notice-warning-light)}
+.step-notice__icon{height:20px;position:absolute;width:20px;z-index:20}.step-notice__icon--warning{background:radial-gradient(circle,#fff 0,#fff 50%,transparent 0,transparent 100%);border-radius:50%;color:var(--step-notice-warning)}.step-notice__group{align-items:center;display:flex;gap:16px;justify-content:space-between}.step-notice__group:not(:last-of-type){margin-bottom:125px}.step-notice__placeholder{width:140px}.step-notice__item{position:relative;width:140px}.step-notice__item:last-of-type .step-notice__itemArrow{bottom:-8px;left:50%;top:unset;transform:translateY(0) translateX(-8px)}.step-notice__item:last-of-type .step-notice__itemArrowLine{border-left:0;border-radius:0 0 16px;border-top:0;left:-8px;position:absolute;top:8px}.step-notice__item:last-of-type .step-notice__itemArrowLine--horizon{right:15px}.step-notice__item:last-of-type .step-notice__itemArrowLine--vertical{right:calc(var(--step-info-offset) + 15px)}.step-notice__item:last-of-type .step-notice__itemArrowIcon{border-width:8px 4px 0!important;right:calc(var(--step-info-offset) + 18.5px);top:117px}.step-notice__item:last-of-type.step-notice__item--dashedLine .step-notice__itemArrowIcon{border-left-color:transparent;border-top-color:var(--step-notice-normal)}.step-notice__item:last-of-type.step-notice__item--solidLine .step-notice__itemArrowIcon{border-left-color:transparent;border-top-color:var(--step-notice-primary)}.step-notice__itemArrow{align-items:center;display:flex;left:calc(100% - 8px);position:absolute;top:50%;transform:translateY(-50%);z-index:15}.step-notice__itemArrowPoint{border:4px solid #fff;border-radius:50%;height:16px;width:16px}.step-notice__itemArrowLine{border:1px solid #000;border-top:0;box-sizing:border-box}.step-notice__itemArrowLine--horizon{border:1px solid #000;border-top:0;bottom:-1px;position:absolute}.step-notice__itemArrowLine--vertical{border:1px solid #000;border-bottom:0;border-radius:8px 0 0;border-right:0;bottom:-100%;height:100%;position:absolute;width:8px;z-index:1}.step-notice__itemArrowIcon{border-color:transparent;border-style:solid;border-width:4px 0 4px 8px;position:absolute;right:0}.step-notice__item--normal .step-notice__itemFront{background:var(--step-notice-normal-light);border-color:var(--step-notice-normal-light);color:#000}.step-notice__item--normal .step-notice__itemFooter{background:var(--step-notice-normal);color:#fff}.step-notice__item--primary .step-notice__itemFront{background:var(--step-notice-primary);border-color:var(--step-notice-primary);color:#fff}.step-notice__item--primary .step-notice__itemFooter{background:var(--step-notice-primary-light);color:var(--step-notice-primary)}.step-notice__item--warning .step-notice__itemFront{background:var(--step-notice-warning-light);border-color:var(--step-notice-warning);color:#000}.step-notice__item--warning .step-notice__itemFooter{background:var(--step-notice-warning);color:#fff}.step-notice__item--dashedLine .step-notice__itemArrowPoint{background:var(--step-notice-normal)}.step-notice__item--dashedLine .step-notice__itemArrowIcon{border-left-color:var(--step-notice-normal)}.step-notice__item--dashedLine .step-notice__itemArrowLine,.step-notice__item--dashedLine .step-notice__itemArrowLine .step-notice__itemArrowSubLine{border-color:var(--step-notice-normal);border-style:dashed}.step-notice__item--solidLine .step-notice__itemArrowPoint{background:var(--step-notice-primary)}.step-notice__item--solidLine .step-notice__itemArrowIcon{border-left-color:var(--step-notice-primary)}.step-notice__item--solidLine .step-notice__itemArrowLine,.step-notice__item--solidLine .step-notice__itemArrowLine .step-notice__itemArrowSubLine{border-color:var(--step-notice-primary);border-style:solid}.step-notice__itemFront{align-items:center;border-radius:8px;border-style:solid;border-width:1px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-evenly;position:relative;z-index:10}.step-notice__itemFrontHeader{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;font-weight:500;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;word-break:break-all}.step-notice__itemFrontContent{align-items:center;background:#fff;border-radius:4px;display:flex;flex-direction:column;justify-content:space-evenly;margin-bottom:8px;max-height:42px;min-height:26px;padding:2px 0;width:110px}.step-notice__itemFrontContentText{color:#000}.step-notice__itemFrontContentSubText,.step-notice__itemFrontContentText{box-sizing:border-box;max-width:100%;overflow:hidden;padding:0 4px;text-overflow:ellipsis;white-space:nowrap}.step-notice__itemFrontContentSubText{color:rgba(0,0,0,.5);font-size:12px}.step-notice__itemFooter{border-radius:8px;box-sizing:border-box;font-size:12px;height:40px;line-height:22px;margin-top:-18px;max-width:100%;overflow:hidden;padding:18px 10px 0;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:5}.step-notice__itemFooter.is-active{text-align:center}.step-notice__itemAside{border-radius:0 4px 4px 0;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:8px;z-index:20}.step-notice__itemAsidePopper{align-items:flex-start;border-radius:8px!important;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-evenly;min-height:44px;min-width:120px;padding:4px 13px;position:relative}.step-notice__itemAsidePopper:not(.is-active){align-items:center}.step-notice__itemAsidePopper footer{font-size:12px}.step-notice__itemAsidePopperBridge{background:inherit;height:27px;left:-12px;position:absolute;width:20px}.step-notice__itemAsideElement{height:27px;width:100%}.step-notice__itemAsideElement--first{background:var(--step-notice-not-accepted-0)}.step-notice__itemAsideElement--first .step-notice__itemAsidePopperBridge{top:0}.step-notice__itemAsideElement--first.is-active{background:var(--step-notice-accepted-0);color:#fff}.step-notice__itemAsideElement--center{background:var(--step-notice-not-accepted-1)}.step-notice__itemAsideElement--center .step-notice__itemAsidePopperBridge{top:50%;transform:translateY(-50%)}.step-notice__itemAsideElement--center.is-active{background:var(--step-notice-accepted-1);color:#fff}.step-notice__itemAsideElement--last{background:var(--step-notice-not-accepted-2);color:#fff}.step-notice__itemAsideElement--last .step-notice__itemAsidePopperBridge{bottom:0}.step-notice__itemAsideElement--last.is-active{background:var(--step-notice-accepted-2)}.step-notice__itemHeader{background:var(--step-notice-warning);border-radius:4px 4px 0 0;color:#fff;display:flex;flex-wrap:nowrap;font-size:12px;justify-content:space-between;left:50%;line-height:1;padding:5px 7px 3px;position:absolute;top:-20px;transform:translateX(-50%);width:108px;z-index:30}.step-notice__itemOperationWrapper{display:flex;flex-direction:column;gap:8px;min-width:210px}.step-notice__itemOperationItem{border-radius:4px;margin:0 -4px;padding:8px;word-break:break-all}.step-notice__itemOperationItemSubHeader{font-size:12px}.step-notice__itemOperationItemHeader{flex:1;font-size:14px;font-weight:700}.step-notice__itemOperationItemHeaderIcon{height:20px;width:20px}.step-notice__itemOperationItemHeaderWrapper{align-items:center;display:flex;gap:4px;justify-content:space-between}.step-notice__itemOperationItemSubContent{color:rgba(0,0,0,.5);font-size:12px}.step-notice__itemOperationItemContent{box-sizing:border-box;display:flex;flex:1;font-size:14px;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.step-notice__itemOperationItemContentWrapper{align-items:center;display:flex;gap:4px;justify-content:space-between}.step-notice__itemOperationItem--primary .step-notice__itemOperationItemHeader,.step-notice__itemOperationItem--primary .step-notice__itemOperationItemHeaderIcon{color:var(--step-notice-primary)}.step-notice__itemOperationItem--primary.step-notice__itemOperationItem{background:var(--step-notice-primary-light)}.step-notice__itemOperationItem--warning .step-notice__itemOperationItemHeader,.step-notice__itemOperationItem--warning .step-notice__itemOperationItemHeaderIcon{color:var(--step-notice-warning)}.step-notice__itemOperationItem--warning.step-notice__itemOperationItem{background:var(--step-notice-warning-light)}

package/es/shared/package.json.js

@@ -1 +1 @@
-var e="@cnhis-design-vue/shared",i="3.2.2-beta.1",s="index.ts",n={"naive-ui":"^2.30.0",vue:"^3.2.0"},a={"@vicons/ionicons5":"^0.12.0","lodash-es":"^4.17.21",moment:"^2.29.1","video.js":"^7.19.2","videojs-contrib-hls":"^5.15.0",viewerjs:"^1.10.5","xe-utils":"^3.5.4"},d={name:e,version:"3.2.2-beta.1",private:!0,main:"index.ts",peerDependencies:n,dependencies:a};export{d as default,a as dependencies,s as main,e as name,n as peerDependencies,i as version};
+var e="@cnhis-design-vue/shared",i="3.2.2-beta.7",s="index.ts",n={"naive-ui":"^2.30.0",vue:"^3.2.0"},a={"@vicons/ionicons5":"^0.12.0","lodash-es":"^4.17.21",moment:"^2.29.1","video.js":"^7.19.2","videojs-contrib-hls":"^5.15.0",viewerjs:"^1.10.5","xe-utils":"^3.5.4"},d={name:e,version:"3.2.2-beta.7",private:!0,main:"index.ts",peerDependencies:n,dependencies:a};export{d as default,a as dependencies,s as main,e as name,n as peerDependencies,i as version};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cnhis-design-vue",
-	"version": "3.2.2-beta.1",
+	"version": "3.2.2-beta.7",
 	"license": "ISC",
 	"module": "./es/components/index.js",
 	"main": "./es/components/index.js",
@@ -71,5 +71,5 @@
 		"iOS 7",
 		"last 3 iOS versions"
 	],
-	"gitHead": "9181459adaa3838ff3b4449bcb675c5f5b0bcf42"
+	"gitHead": "28cd645def3c2d48d3087bf34fc8624f0b2fbc69"
 }