cnhis-design-vue 3.3.1-beta.7 → 3.3.1-release.4

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

@@ -1 +1,113 @@
-import{defineComponent as e,computed as t,ref as o,watch as s,openBlock as r,createElementBlock as i,mergeProps as a,unref as c,Fragment as p,renderList as n,createBlock as l,createCommentVNode as m}from"vue";import"../../../shared/utils/index.js";import"naive-ui";import{useDebounceFn as u,useElementSize as h}from"@vueuse/core";import"date-fns";import{cloneDeep as d,isNumber as f}from"lodash-es";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"../../../shared/hooks/useScrollLoading.js";import k from"./components/NoticeItem.vue.js";import{useStepNoticeTheme as v}from"./hooks/useTheme.js";var C=e({__name:"StepNotice",props:{items:{type:Array,default:()=>[]},rowCapacity:{type:Number,default:4},colSpace:{type:[Number,String],default:125}},emits:["itemClick"],setup(e,{expose:C,emit:g}){const w=e,S=t((()=>{const e=[],t=d(w.items);for(let o=0;o<t.length;o+=w.rowCapacity)e.push(t.slice(o,o+w.rowCapacity).map(((e,s,r)=>{const i=t[o+s+1];return Object.assign(e,{isGroupLast:s===r.length-1,nextItem:i}),e})));return e}));const j=v(),_=t((()=>({...j.value,"--step-notice-col-space":f(+w.colSpace)&&`${w.colSpace}`||"125"}))),x=o(0),N=u((()=>{x.value++}),200);s([()=>w.items,()=>w.rowCapacity,()=>w.colSpace],N,{deep:!0});const b=o(),{width:I}=h(b);return s(I,((e,t)=>{t&&N()})),C({reload:N}),(t,o)=>(r(),i("section",a({class:"step-notice",style:c(_),ref_key:"wrapperRef",ref:b},c(y)()),[(r(),i("section",{key:x.value},[(r(!0),i(p,null,n(c(S),((t,o)=>(r(),i("section",{key:o,class:"step-notice__group"},[(r(!0),i(p,null,n(t,((e,t)=>(r(),l(k,{item:e,key:t,onClick:t=>function(e){g("itemClick",e)}(e)},null,8,["item","onClick"])))),128)),t.length<e.rowCapacity?(r(!0),i(p,{key:0},n(e.rowCapacity-t.length,(e=>(r(),i("span",{key:e,class:"step-notice__placeholder"})))),128)):m("v-if",!0)])))),128))]))],16))}});export{C as default};
+import { defineComponent, computed, ref, watch, openBlock, createElementBlock, mergeProps, unref, Fragment, renderList, createBlock, createCommentVNode } from 'vue';
+import '../../../shared/utils/index.js';
+import 'naive-ui';
+import { useDebounceFn, useElementSize } from '@vueuse/core';
+import 'date-fns';
+import { cloneDeep, isNumber } from 'lodash-es';
+import '@vue/shared';
+import '@vueuse/shared';
+import '../../../shared/hooks/selectHooks/useSearchContent.js';
+import '@vicons/ionicons5';
+import { useVersion } from '../../../shared/hooks/useVersion.js';
+import '../../../shared/hooks/useScrollLoading.js';
+import NoticeItem from './components/NoticeItem.vue.js';
+import { useStepNoticeTheme } from './hooks/useTheme.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "StepNotice",
+  props: {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    rowCapacity: {
+      type: Number,
+      default: 4
+    },
+    colSpace: {
+      type: [Number, String],
+      default: 125
+    }
+  },
+  emits: [
+    "itemClick"
+  ],
+  setup(__props, {
+    expose,
+    emit
+  }) {
+    const props = __props;
+    const itemGroups = computed(() => {
+      const groups = [];
+      const items = cloneDeep(props.items);
+      for (let i = 0; i < items.length; i += props.rowCapacity) {
+        groups.push(items.slice(i, i + props.rowCapacity).map((item, index, arr) => {
+          const nextItem = items[i + index + 1];
+          Object.assign(item, {
+            isGroupLast: index === arr.length - 1,
+            nextItem
+          });
+          return item;
+        }));
+      }
+      return groups;
+    });
+    function onClick(item) {
+      emit("itemClick", item);
+    }
+    const _theme = useStepNoticeTheme();
+    const theme = computed(() => {
+      return {
+        ..._theme.value,
+        "--step-notice-col-space": isNumber(+props.colSpace) ? `${props.colSpace}` || "125" : "125"
+      };
+    });
+    const keyRef = ref(0);
+    const reload = useDebounceFn(() => {
+      keyRef.value++;
+    }, 200);
+    watch([() => props.items, () => props.rowCapacity, () => props.colSpace], reload, {
+      deep: true
+    });
+    const wrapperRef = ref();
+    const {
+      width
+    } = useElementSize(wrapperRef);
+    watch(width, (nv, ov) => {
+      ov && reload();
+    });
+    expose({
+      reload
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", mergeProps({
+        class: "step-notice",
+        style: unref(theme),
+        ref_key: "wrapperRef",
+        ref: wrapperRef
+      }, unref(useVersion)()), [(openBlock(), createElementBlock("section", {
+        key: keyRef.value
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(itemGroups), (group, index) => {
+        return openBlock(), createElementBlock("section", {
+          key: index,
+          class: "step-notice__group"
+        }, [(openBlock(true), createElementBlock(Fragment, null, renderList(group, (item, index2) => {
+          return openBlock(), createBlock(NoticeItem, {
+            item,
+            key: index2,
+            onClick: ($event) => onClick(item)
+          }, null, 8, ["item", "onClick"]);
+        }), 128)), group.length < __props.rowCapacity ? (openBlock(true), createElementBlock(Fragment, {
+          key: 0
+        }, renderList(__props.rowCapacity - group.length, (i) => {
+          return openBlock(), createElementBlock("span", {
+            key: i,
+            class: "step-notice__placeholder"
+          });
+        }), 128)) : createCommentVNode("v-if", true)]);
+      }), 128))]))], 16);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1 +1,6 @@
-import e from"./NoticeConnection.vue2.js";import o from"../../../../_virtual/_plugin-vue_export-helper.js";var t=o(e,[["__file","NoticeConnection.vue"]]);export{t as default};
+import _sfc_main from './NoticeConnection.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var NoticeConnection = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "NoticeConnection.vue"]]);
+
+export { NoticeConnection as default };

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

@@ -1 +1,94 @@
-import{defineComponent as e,toRef as t,computed as i,ref as n,onMounted as l,openBlock as o,createElementBlock as r,normalizeStyle as s,unref as u,createElementVNode as a,createCommentVNode as v}from"vue";import{widthAppend as c}from"../../../../shared/utils/index.js";import{isEmpty as p}from"lodash-es";const d={key:1,class:"step-notice__itemArrowSubLine step-notice__itemArrowLine--vertical"};var m=e({__name:"NoticeConnection",props:{item:{type:Object,required:!0}},setup(e){const m=t(e,"item"),f=i((()=>{var e,t;return{opacity:(null==(e=m.value)?void 0:e.isGroupLast)||!(null==(t=m.value.noticeList)?void 0:t.length)?1:0}})),_=n(0),g=n(0),L=n(0),h=n();l((function(){var e,t,i;if(!h.value)return;const n=h.value.parentElement;if(n)if(null==(e=m.value)?void 0:e.isGroupLast){const e=null==(i=null==(t=null==n?void 0:n.parentElement)?void 0:t.nextElementSibling)?void 0:i.querySelector(".step-notice__item");if(!e)return;const l=e.getBoundingClientRect(),o=n.getBoundingClientRect();_.value=(l.top-o.bottom)/2,L.value=o.left+(o.right-o.left)/2-(l.left+(l.right-l.left)/2)-24}else{const e=n.nextElementSibling;if(!e)return;g.value=e.getBoundingClientRect().left-n.getBoundingClientRect().right}}));const w=i((()=>{var e;return{width:c((null==(e=m.value)?void 0:e.isGroupLast)?16:g.value-8),height:c(_.value)}})),y=i((()=>{var e,t,i;return{top:c((null==(e=m.value)?void 0:e.isGroupLast)?2*_.value-8-(p(null==(i=null==(t=m.value)?void 0:t.nextItem)?void 0:i.topText)?0:20):4)}}));return(t,i)=>(o(),r("section",{class:"step-notice__itemArrow",style:s({"--step-info-offset":u(c)(L.value)}),ref_key:"wrapperRef",ref:h},[a("div",{class:"step-notice__itemArrowPoint",style:s(u(f))},null,4),a("div",{class:"step-notice__itemArrowLine",style:s(u(w))},[e.item.isGroupLast?(o(),r("div",{key:0,class:"step-notice__itemArrowSubLine step-notice__itemArrowLine--horizon",style:s({width:u(c)(L.value)})},null,4)):v("v-if",!0),e.item.isGroupLast?(o(),r("div",d)):v("v-if",!0),a("div",{class:"step-notice__itemArrowIcon",style:s(u(y))},null,4)],4)],4))}});export{m as default};
+import { defineComponent, toRef, computed, ref, onMounted, openBlock, createElementBlock, normalizeStyle, unref, createElementVNode, createCommentVNode } from 'vue';
+import { widthAppend } from '../../../../shared/utils/index.js';
+import { isEmpty } from 'lodash-es';
+
+const _hoisted_1 = {
+  key: 1,
+  class: "step-notice__itemArrowSubLine step-notice__itemArrowLine--vertical"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "NoticeConnection",
+  props: {
+    item: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const itemRef = toRef(props, "item");
+    const pointStyle = computed(() => {
+      var _a, _b;
+      return {
+        opacity: ((_a = itemRef.value) == null ? void 0 : _a.isGroupLast) || !((_b = itemRef.value.noticeList) == null ? void 0 : _b.length) ? 1 : 0
+      };
+    });
+    const verticalLineHeight = ref(0);
+    const horizonLineWidth = ref(0);
+    const subHorizonWidth = ref(0);
+    const wrapperRef = ref();
+    function calculatePositionRect() {
+      var _a, _b, _c;
+      if (!wrapperRef.value)
+        return;
+      const currentItemWrapper = wrapperRef.value.parentElement;
+      if (!currentItemWrapper)
+        return;
+      if ((_a = itemRef.value) == null ? void 0 : _a.isGroupLast) {
+        const nextItemWrapper = (_c = (_b = currentItemWrapper == null ? void 0 : currentItemWrapper.parentElement) == null ? void 0 : _b.nextElementSibling) == null ? void 0 : _c.querySelector(".step-notice__item");
+        if (!nextItemWrapper)
+          return;
+        const nextRect = nextItemWrapper.getBoundingClientRect();
+        const currentRect = currentItemWrapper.getBoundingClientRect();
+        verticalLineHeight.value = (nextRect.top - currentRect.bottom) / 2;
+        subHorizonWidth.value = currentRect.left + (currentRect.right - currentRect.left) / 2 - (nextRect.left + (nextRect.right - nextRect.left) / 2) - 24;
+      } else {
+        const nextItemWrapper = currentItemWrapper.nextElementSibling;
+        if (!nextItemWrapper)
+          return;
+        horizonLineWidth.value = nextItemWrapper.getBoundingClientRect().left - currentItemWrapper.getBoundingClientRect().right;
+      }
+    }
+    onMounted(calculatePositionRect);
+    const lineStyles = computed(() => {
+      var _a;
+      return {
+        width: widthAppend(((_a = itemRef.value) == null ? void 0 : _a.isGroupLast) ? 16 : horizonLineWidth.value - 8),
+        height: widthAppend(verticalLineHeight.value)
+      };
+    });
+    const iconStyle = computed(() => {
+      var _a, _b, _c;
+      return {
+        top: widthAppend(((_a = itemRef.value) == null ? void 0 : _a.isGroupLast) ? verticalLineHeight.value * 2 - 8 - (isEmpty((_c = (_b = itemRef.value) == null ? void 0 : _b.nextItem) == null ? void 0 : _c.topText) ? 0 : 20) : 4)
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", {
+        class: "step-notice__itemArrow",
+        style: normalizeStyle({
+          "--step-info-offset": unref(widthAppend)(subHorizonWidth.value)
+        }),
+        ref_key: "wrapperRef",
+        ref: wrapperRef
+      }, [createElementVNode("div", {
+        class: "step-notice__itemArrowPoint",
+        style: normalizeStyle(unref(pointStyle))
+      }, null, 4), createElementVNode("div", {
+        class: "step-notice__itemArrowLine",
+        style: normalizeStyle(unref(lineStyles))
+      }, [__props.item.isGroupLast ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "step-notice__itemArrowSubLine step-notice__itemArrowLine--horizon",
+        style: normalizeStyle({
+          width: unref(widthAppend)(subHorizonWidth.value)
+        })
+      }, null, 4)) : createCommentVNode("v-if", true), __props.item.isGroupLast ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("v-if", true), createElementVNode("div", {
+        class: "step-notice__itemArrowIcon",
+        style: normalizeStyle(unref(iconStyle))
+      }, null, 4)], 4)], 4);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1 +1,6 @@
-import e from"./NoticeItem.vue2.js";import t from"../../../../_virtual/_plugin-vue_export-helper.js";var r=t(e,[["__file","NoticeItem.vue"]]);export{r as default};
+import _sfc_main from './NoticeItem.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var NoticeItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "NoticeItem.vue"]]);
+
+export { NoticeItem as default };

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

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

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

@@ -1 +1,6 @@
-import e from"./NoticeItemAside.vue2.js";import t from"../../../../_virtual/_plugin-vue_export-helper.js";var i=t(e,[["__file","NoticeItemAside.vue"]]);export{i as default};
+import _sfc_main from './NoticeItemAside.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var NoticeItemAside = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "NoticeItemAside.vue"]]);
+
+export { NoticeItemAside as default };

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

@@ -1 +1,71 @@
-import{defineComponent as e,openBlock as t,createElementBlock as n,Fragment as i,renderList as s,createBlock as o,unref as r,withCtx as c,createElementVNode as l,normalizeClass as m,normalizeStyle as u,resolveDynamicComponent as a,createCommentVNode as p}from"vue";import{NPopover as d}from"naive-ui";import{useStepNoticeTheme as f}from"../hooks/useTheme.js";import{parseRender as _}from"../utils.js";const h={class:"step-notice__itemAside"},v=l("i",{class:"step-notice__itemAsidePopperBridge"},null,-1);var g=e({__name:"NoticeItemAside",props:{item:{type:Object,required:!0}},setup(e){const g=e;function A(e){return 1===g.item.noticeList.length?"center":0===e?"first":e<g.item.noticeList.length-1?"center":"last"}const b={first:"right-start",center:"right-center",last:"right-end"};function k(e){return b[A(e)]}function y(e,t){return[`step-notice__itemAsideElement--${A(t)}`,{"is-active":e.content||e.subContent}]}const j=f();return(f,g)=>(t(),n("section",h,[(t(!0),n(i,null,s(e.item.noticeList,((e,s)=>(t(),o(r(d),{raw:"","keep-alive-on-hover":"",placement:k(s),animated:!1,"show-arrow":!1,key:s},{trigger:c((()=>[l("div",{class:m(["step-notice__itemAsideElement",...y(e,s)])},null,2)])),default:c((()=>[l("div",{class:m(["step-notice__itemAsidePopper",...y(e,s)]),style:u(r(j))},[l("header",null,[(t(),o(a(r(_)(e.header))))]),e.content||e.subContent?(t(),n(i,{key:0},[l("section",null,[(t(),o(a(r(_)(e.content))))]),l("footer",null,[(t(),o(a(r(_)(e.subContent))))])],64)):p("v-if",!0),v],6)])),_:2},1032,["placement"])))),128))]))}});export{g as default};
+import { defineComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, unref, withCtx, createElementVNode, normalizeClass, normalizeStyle, resolveDynamicComponent, createCommentVNode } from 'vue';
+import { NPopover } from 'naive-ui';
+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: {
+    item: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    function getPositionInList(index) {
+      if (props.item.noticeList.length === 1)
+        return "center";
+      if (index === 0)
+        return "first";
+      if (index < props.item.noticeList.length - 1)
+        return "center";
+      return "last";
+    }
+    const placementMap = {
+      first: "right-start",
+      center: "right-center",
+      last: "right-end"
+    };
+    function getPlacement(index) {
+      return placementMap[getPositionInList(index)];
+    }
+    function getAsideClassList(noticeItem, index) {
+      return [`step-notice__itemAsideElement--${getPositionInList(index)}`, {
+        "is-active": noticeItem.content || noticeItem.subContent
+      }];
+    }
+    const theme = useStepNoticeTheme();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.item.noticeList, (noticeItem, index) => {
+        return openBlock(), createBlock(unref(NPopover), {
+          raw: "",
+          "keep-alive-on-hover": "",
+          placement: getPlacement(index),
+          animated: false,
+          "show-arrow": false,
+          key: index
+        }, {
+          trigger: withCtx(() => [createElementVNode("div", {
+            class: normalizeClass(["step-notice__itemAsideElement", ...getAsideClassList(noticeItem, index)])
+          }, null, 2)]),
+          default: withCtx(() => [createElementVNode("div", {
+            class: normalizeClass(["step-notice__itemAsidePopper", ...getAsideClassList(noticeItem, index)]),
+            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)]),
+          _: 2
+        }, 1032, ["placement"]);
+      }), 128))]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/step-notice/src/components/NoticeOperationList.vue.js

@@ -1 +1,6 @@
-import e from"./NoticeOperationList.vue2.js";import t from"../../../../_virtual/_plugin-vue_export-helper.js";var i=t(e,[["__file","NoticeOperationList.vue"]]);export{i as default};
+import _sfc_main from './NoticeOperationList.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var NoticeOperationList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "NoticeOperationList.vue"]]);
+
+export { NoticeOperationList as default };

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

@@ -1 +1,57 @@
-import{defineComponent as e,openBlock as t,createElementBlock as i,normalizeStyle as o,unref as s,Fragment as r,renderList as n,normalizeClass as a,createElementVNode as p,createBlock as m,resolveDynamicComponent as c}from"vue";import{CloseCircle as _,CheckmarkCircle as l}from"@vicons/ionicons5";import{useStepNoticeTheme as d}from"../hooks/useTheme.js";import{parseRender as I}from"../utils.js";const O={class:"step-notice__itemOperationItemHeaderWrapper"},u={class:"step-notice__itemOperationItemHeader"},y={class:"step-notice__itemOperationItemSubHeader"},v={class:"step-notice__itemOperationItemContentWrapper"},f={class:"step-notice__itemOperationItemContent"},k={class:"step-notice__itemOperationItemSubContent"},H={class:"step-notice__itemOperationItemRemark"};var b=e({__name:"NoticeOperationList",props:{operationList:{type:Array,required:!0}},setup(e){const b=d();return(d,h)=>(t(),i("section",{class:"step-notice__itemOperationWrapper",style:o(s(b))},[(t(!0),i(r,null,n(e.operationList,((e,o)=>(t(),i("section",{key:o,class:a(["step-notice__itemOperationItem",`step-notice__itemOperationItem--${e.type||"primary"}`])},[p("header",O,["warning"===e.type?(t(),m(s(_),{key:0,class:"step-notice__itemOperationItemHeaderIcon"})):(t(),m(s(l),{key:1,class:"step-notice__itemOperationItemHeaderIcon"})),p("div",u,[(t(),m(c(s(I)(e.header))))]),p("div",y,[(t(),m(c(s(I)(e.subHeader))))])]),p("section",v,[p("div",f,[(t(),m(c(s(I)(e.content))))]),p("div",k,[(t(),m(c(s(I)(e.subContent))))])]),p("footer",H,[(t(),m(c(s(I)(e.remark))))])],2)))),128))],4))}});export{b as default};
+import { defineComponent, openBlock, createElementBlock, normalizeStyle, unref, Fragment, renderList, normalizeClass, createElementVNode, createBlock, resolveDynamicComponent } from 'vue';
+import { CloseCircle, CheckmarkCircle } from '@vicons/ionicons5';
+import { useStepNoticeTheme } from '../hooks/useTheme.js';
+import { parseRender } from '../utils.js';
+
+const _hoisted_1 = {
+  class: "step-notice__itemOperationItemHeaderWrapper"
+};
+const _hoisted_2 = {
+  class: "step-notice__itemOperationItemHeader"
+};
+const _hoisted_3 = {
+  class: "step-notice__itemOperationItemSubHeader"
+};
+const _hoisted_4 = {
+  class: "step-notice__itemOperationItemContentWrapper"
+};
+const _hoisted_5 = {
+  class: "step-notice__itemOperationItemContent"
+};
+const _hoisted_6 = {
+  class: "step-notice__itemOperationItemSubContent"
+};
+const _hoisted_7 = {
+  class: "step-notice__itemOperationItemRemark"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "NoticeOperationList",
+  props: {
+    operationList: {
+      type: Array,
+      required: true
+    }
+  },
+  setup(__props) {
+    const theme = useStepNoticeTheme();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", {
+        class: "step-notice__itemOperationWrapper",
+        style: normalizeStyle(unref(theme))
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.operationList, (operation, index) => {
+        return openBlock(), createElementBlock("section", {
+          key: index,
+          class: normalizeClass(["step-notice__itemOperationItem", `step-notice__itemOperationItem--${operation.type || "primary"}`])
+        }, [createElementVNode("header", _hoisted_1, [operation.type === "warning" ? (openBlock(), createBlock(unref(CloseCircle), {
+          key: 0,
+          class: "step-notice__itemOperationItemHeaderIcon"
+        })) : (openBlock(), createBlock(unref(CheckmarkCircle), {
+          key: 1,
+          class: "step-notice__itemOperationItemHeaderIcon"
+        })), createElementVNode("div", _hoisted_2, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(operation.header))))]), createElementVNode("div", _hoisted_3, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(operation.subHeader))))])]), createElementVNode("section", _hoisted_4, [createElementVNode("div", _hoisted_5, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(operation.content))))]), createElementVNode("div", _hoisted_6, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(operation.subContent))))])]), createElementVNode("footer", _hoisted_7, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(operation.remark))))])], 2);
+      }), 128))], 4);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/step-notice/src/hooks/useTheme.js

@@ -1 +1,31 @@
-import{useTheme as e}from"../../../../shared/hooks/useTheme.js";import"vue";import"@vueuse/core";import"date-fns";import"lodash-es";import"@vue/shared";import"../../../../shared/utils/index.js";import"@vueuse/shared";import"../../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import"naive-ui";import"../../../../shared/hooks/useScrollLoading.js";function t(){return e({"--step-notice-primary":"#2563f4","--step-notice-primary-light":"#2563f426","--step-notice-warning":"#ff0000","--step-notice-warning-light":"#ffcbcb","--step-notice-normal":"#a9a9a9","--step-notice-normal-light":"#e6e6e6","--step-notice-not-accepted-0":"#cccccc","--step-notice-not-accepted-1":"#b2b2b2","--step-notice-not-accepted-2":"#7f7f7f","--step-notice-accepted-0":"#ff7700","--step-notice-accepted-1":"#dc0000","--step-notice-accepted-2":"#9f0000"})}export{t as useStepNoticeTheme};
+import { useTheme } from '../../../../shared/hooks/useTheme.js';
+import 'vue';
+import '@vueuse/core';
+import 'date-fns';
+import 'lodash-es';
+import '@vue/shared';
+import '../../../../shared/utils/index.js';
+import '@vueuse/shared';
+import '../../../../shared/hooks/selectHooks/useSearchContent.js';
+import '@vicons/ionicons5';
+import 'naive-ui';
+import '../../../../shared/hooks/useScrollLoading.js';
+
+function useStepNoticeTheme() {
+  return useTheme({
+    "--step-notice-primary": "#2563f4",
+    "--step-notice-primary-light": "#2563f426",
+    "--step-notice-warning": "#ff0000",
+    "--step-notice-warning-light": "#ffcbcb",
+    "--step-notice-normal": "#a9a9a9",
+    "--step-notice-normal-light": "#e6e6e6",
+    "--step-notice-not-accepted-0": "#cccccc",
+    "--step-notice-not-accepted-1": "#b2b2b2",
+    "--step-notice-not-accepted-2": "#7f7f7f",
+    "--step-notice-accepted-0": "#ff7700",
+    "--step-notice-accepted-1": "#dc0000",
+    "--step-notice-accepted-2": "#9f0000"
+  });
+}
+
+export { useStepNoticeTheme };

package/es/components/step-notice/src/utils.js

@@ -1 +1,10 @@
-import{isString as r,isFunction as n,constant as o}from"lodash-es";function t(n){return r(n)?n:""}function e(r){return n(r)?r:o(r)}export{e as parseRender,t as parseTitle};
+import { isString, isFunction, constant } from 'lodash-es';
+
+function parseTitle(content) {
+  return isString(content) ? content : "";
+}
+function parseRender(content) {
+  return isFunction(content) ? content : constant(content);
+}
+
+export { parseRender, parseTitle };

package/es/components/steps-wheel/index.d.ts

@@ -83,6 +83,7 @@ declare const StepsWheel: SFCWithInstall<import("vue").DefineComponent<{
     }>> & {}>>;
     cssVars: import("vue").ComputedRef<import("../../shared/types").AnyObject>;
     nodeRowCount: import("vue").ComputedRef<number>;
+    isOddRow: (index: number) => boolean;
     lastNodeRenderShow: import("vue").ComputedRef<boolean>;
     noDataMsg: import("vue").Ref<string>;
     nextNodeRender: import("vue").Ref<boolean>;
@@ -105,6 +106,23 @@ declare const StepsWheel: SFCWithInstall<import("vue").DefineComponent<{
     handlerActive: (stepItem: any, index: number, position: string) => any;
     NTooltip: any;
     NEmpty: any;
+    SlotRender: import("vue").DefineComponent<{
+        renderer: {
+            type: import("vue").PropType<string | import("vue").Component | import("../../shared/types").AnyFn>;
+            required: true;
+        };
+        rootSlots: {
+            type: import("vue").PropType<Record<string, import("../../shared/types").AnyFn>>;
+        };
+    }, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        renderer: {
+            type: import("vue").PropType<string | import("vue").Component | import("../../shared/types").AnyFn>;
+            required: true;
+        };
+        rootSlots: {
+            type: import("vue").PropType<Record<string, import("../../shared/types").AnyFn>>;
+        };
+    }>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     stepInfo: {
         type: ObjectConstructor;

package/es/components/steps-wheel/index.js

@@ -1 +1,10 @@
-import{COMPONENT_NAMESPACE as e}from"../../shared/global/variable.js";import{safeComponentRegister as s}from"../../shared/utils/index.js";import r from"./src/StepsWheel.vue.js";const t=r;t.install=function(r){s(r,t,e+"StepsWheel")};export{t as default};
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
+import { safeComponentRegister } from '../../shared/utils/index.js';
+import script from './src/StepsWheel.vue.js';
+
+const StepsWheel = script;
+StepsWheel.install = function(app) {
+  safeComponentRegister(app, StepsWheel, COMPONENT_NAMESPACE + "StepsWheel");
+};
+
+export { StepsWheel as default };

package/es/components/steps-wheel/src/StepsWheel.vue.d.ts

@@ -82,6 +82,7 @@ declare const _default: import("vue").DefineComponent<{
     }>> & {}>>;
     cssVars: import("vue").ComputedRef<import("../../../shared/types").AnyObject>;
     nodeRowCount: import("vue").ComputedRef<number>;
+    isOddRow: (index: number) => boolean;
     lastNodeRenderShow: import("vue").ComputedRef<boolean>;
     noDataMsg: import("vue").Ref<string>;
     nextNodeRender: import("vue").Ref<boolean>;
@@ -104,6 +105,23 @@ declare const _default: import("vue").DefineComponent<{
     handlerActive: (stepItem: any, index: number, position: string) => any;
     NTooltip: any;
     NEmpty: any;
+    SlotRender: import("vue").DefineComponent<{
+        renderer: {
+            type: import("vue").PropType<string | import("vue").Component | import("../../../shared/types").AnyFn>;
+            required: true;
+        };
+        rootSlots: {
+            type: import("vue").PropType<Record<string, import("../../../shared/types").AnyFn>>;
+        };
+    }, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        renderer: {
+            type: import("vue").PropType<string | import("vue").Component | import("../../../shared/types").AnyFn>;
+            required: true;
+        };
+        rootSlots: {
+            type: import("vue").PropType<Record<string, import("../../../shared/types").AnyFn>>;
+        };
+    }>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     stepInfo: {
         type: ObjectConstructor;