cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.5

package/es/components/steps-wheel/src/StepsWheel.vue.js

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

package/es/components/steps-wheel/src/StepsWheel.vue2.js

@@ -1 +1,514 @@
-import{defineComponent as e,computed as t,toRefs as l,ref as o,watch as n,openBlock as s,createElementBlock as r,normalizeStyle as i,unref as a,normalizeClass as d,createElementVNode as c,Fragment as p,renderList as u,createCommentVNode as f,withDirectives as m,renderSlot as h,toDisplayString as g,vShow as v,createBlock as x,withCtx as y,createVNode as I}from"vue";import{NTooltip as b,NEmpty as k}from"naive-ui";import{useTheme as w}from"../../../shared/hooks/useTheme.js";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"../../../shared/hooks/useScrollLoading.js";import{defaultCssVars as S}from"./constants/index.js";const B={class:"stepBox"},j=["title"],N=["onMouseenter","onMouseleave"],M=["onMouseenter","onMouseleave"],R=["title"],T=["title"],C=["title"],O={key:0,style:{height:"48px"}},_={key:1},L={key:1};var $=e({__name:"StepsWheel",props:{stepInfo:{type:Object,default:()=>({list:[],cols:6})},currentStep:{type:Number,default:1},toolTipShow:{type:Boolean,default:!0},lastNodeRender:{type:Boolean,default:!1},nextNodeRender:{type:Boolean,default:!1},lastNodeColor:{type:Object,default:()=>({})},singleNodeRender:{type:Object,default:()=>({})},noDataMsg:{type:String,default:"暂无节点数据"},placement:{type:String,default:"center"}},setup(e){const $=e;let V=w(S,"StepsWheel");const D=t((()=>Math.ceil(H.value.length/$.stepInfo.cols))),W=t((()=>$.lastNodeRender)),{noDataMsg:E,nextNodeRender:P}=l($),F=o(null),A=t((()=>{var e;let t=72;if(null==(e=null==F?void 0:F.value)?void 0:e.length){let e=F.value[0],l=window.getComputedStyle?window.getComputedStyle(e):e.currentStyle;t=isNaN(parseInt(l["min-width"]))?72:parseInt(l["min-width"])}return`${20+$.stepInfo.cols*t}px`})),H=o([]),q=o([]),z=e=>{e.tipVisible=!0},G=e=>{e.tipVisible=!1},J=e=>{if(q.value.length){if(e.rowIndex===q.value.length)return!0;if(e.rowIndex<q.value.length)return q.value[e.rowIndex].some((e=>null==e?void 0:e.title))}return!1},K=e=>{const{list:t=[]}=$.stepInfo;return e.rowIndex%2==0&&"frist"==e.nodeType&&e.nodeIndex!==t.length},Q=e=>{const{list:t=[]}=$.stepInfo;return e.rowIndex%2!=0&&"last"==e.nodeType&&e.nodeIndex!==t.length},U=(e,t)=>{let l=e.length,o=l%t==0?l/t:Math.floor(l/t+1),n=[];for(let l=0;l<o;l++){let o=e.slice(l*t,l*t+t);n.push(o)}return n},X=e=>{const{cols:t}=$.stepInfo;let l=U(H.value,t),o=l[l.length-1].filter((e=>e));return D.value%2==0?e!=o[o.length-1].nodeIndex-(t-2*o[o.length-1].sort):e!=o[o.length-1].nodeIndex-1},Y=e=>{const{cols:t}=$.stepInfo;let l=U(H.value,t),o=l[l.length-1].filter((e=>e));return D.value%2==0?W.value&&e==o[0].nodeIndex-(t-2*o[0].sort):W.value&&e==o[o.length-1].nodeIndex-1},Z=(e,t)=>{const{cols:l}=$.stepInfo;let o=U(H.value,l),n=o[o.length-1].filter((e=>e));return D.value%2==0?"circle"===t?W.value&&e==n[0].nodeIndex-(l-2*n[0].sort)-l:W.value&&e==n[0].nodeIndex-(l-2*n[0].sort):"circle"===t?W.value&&e==n[n.length-1].nodeIndex-1-l:W.value&&e==n[n.length-1].nodeIndex-2},ee=(e,t,l)=>{var o,n;if((null==(o=$.singleNodeRender)?void 0:o.field)&&(null==(n=$.singleNodeRender)?void 0:n.details)&&"[object Object]"===Object.prototype.toString.call($.singleNodeRender.details)&&Object.keys($.singleNodeRender.details).length){const{details:o,field:n}=$.singleNodeRender;if(o[e[n]]&&"[object Object]"===Object.prototype.toString.call(o[e[n]])&&Object.keys(o[e[n]]).length){let s={};switch(l){case"title":s={color:o[e[n]].color,background:o[e[n]].background};break;case"icon":s={background:o[e[n]].nodeLineColor};break;case"line":s={"border-bottom":`1px solid ${o[e[n]].nodeLineColor}`},$.nextNodeRender?e.rowIndex%2==0&&(s={"border-bottom":`1px solid ${o[H.value[t+1][n]].nodeLineColor}`}):s={};break;case"circle":$.nextNodeRender&&(s={border:`1px solid ${o[e[n]].nodeLineColor}`})}return s}}let s={color:"var(--c-primary-color)",background:"#f1f5fe"};if("icon"===l){if(s={background:"var(--c-primary-color)"},$.currentStep>=e.nodeIndex)return s}else if("circle"===l){if(s={border:"1px solid var(--c-primary-color)"},$.nextNodeRender){if($.currentStep>=e.nodeIndex)return s}else if($.currentStep>e.nodeIndex)return s}else if("line"===l){if(s={"border-bottom":"1px solid var(--c-primary-color)"},((e,t)=>P.value?e.rowIndex%2==0?$.currentStep>=t+($.stepInfo.cols-2*e.sort)-1:$.currentStep>=t+1:e.rowIndex%2==0?$.currentStep>=t+($.stepInfo.cols-2*e.sort):$.currentStep>=t+2)(e,t))return s}else if("title"===l&&$.currentStep>=e.nodeIndex)return s;return{}};return n((()=>$.stepInfo),(e=>{((e,t)=>{let l=e.length+1,o=Math.ceil(e.length/t),n=!0,s=[];for(var r=0;r<o;r++)s[r]=new Array(t),s[r].fill(null);let i=0,a=0;for(let o=1;o<l;o++)s[i][a]=Object.assign(e[o-1],{nodeIndex:o,rowIndex:i+1}),n?o%t!=0?a++:(n=!n,i++):o%t!=0?a--:(n=!n,i++);let d=[];s.map((e=>{e.map(((e,t)=>{e&&(e.sort=t,!e.hasOwnProperty("tipVisible")&&(e.tipVisible=!1))})),e[0]&&(e[0].nodeType="frist"),e[e.length-1]&&(e[e.length-1].nodeType="last"),d=[...d,...e]})),H.value=d,q.value=s})(e.list||[],e.cols)}),{immediate:!0,deep:!0}),n((()=>$.lastNodeColor),(e=>{if(e&&"[object Object]"===Object.prototype.toString.call(e)&&Object.keys(e).length){const t=Object.assign({},S,{"--c-success-color":e.color||"#5dc055","--c-success-title-color":e.background||"#fff"});V=w(t,"StepsWheel")}}),{immediate:!0,deep:!0}),(t,l)=>(s(),r("div",{class:"step-wheel-box",style:i({minWidth:a(A),...a(V)})},[H.value.length?(s(),r("div",{key:0,class:d(["stepOut",{placementLeft:"left"===e.placement,placementRight:"right"===e.placement}])},[c("ul",B,[(s(!0),r(p,null,u(H.value,((l,o)=>(s(),r("li",{ref_for:!0,ref_key:"stepItemRef",ref:F,key:(null==l?void 0:l.stepId)||o,class:d(["stepItem",{[`stepItem_${o+1}`]:!0,[`${null==l?void 0:l.stepId}`]:!!(null==l?void 0:l.stepId)}])},[l?(s(),r(p,{key:0},[f(" 步骤头部信息 "),m(c("div",{class:d(["stepTopBox",{finished:Y(o),stepTopBox_right:"right"===e.placement,stepTopBox_left:"left"===e.placement}]),style:i({...ee(l,o,"title")})},[h(t.$slots,"stepTopBox",{stepItem:l},(()=>[c("span",{title:l.title},g(l.title),9,j)]))],6),[[v,l.title]]),f(" 步骤条的节点，此处为圆圈 "),e.toolTipShow&&l.tipShow?(s(),x(a(b),{key:0,placement:"top",delay:0,"show-arrow":!0,show:l.tipVisible,trigger:"manual",style:i({opacity:"0.88"}),onMouseenter:e=>z(l),onMouseleave:e=>G(l)},{trigger:y((()=>[c("div",{class:d(["icon",{finished:Y(o)}]),style:i({...ee(l,o,"icon")}),onMouseenter:e=>z(l),onMouseleave:e=>G(l)},null,46,N)])),default:y((()=>[h(t.$slots,"nodeTipBox",{stepItem:l,stepId:l.stepId})])),_:2},1032,["show","style","onMouseenter","onMouseleave"])):(s(),r("div",{key:1,class:d(["icon",{finished:Y(o)}]),style:i({...ee(l,o,"icon")})},null,6)),f(" 步骤条连接线，动态显示  "),"last"!==l.nodeType?m((s(),r("div",{key:2,class:d(["line",{finished:Z(o)}]),style:i({...ee(l,o,"line")})},null,6)),[[v,X(o)]]):f("v-if",!0),f(" 步骤条弯曲连线，动态渲染 "),K(l)||Q(l)?(s(),r("div",{key:3,class:d({lineCircleFinished:Z(o,"circle"),lineCircleRight:Q(l),lineCircleLeft:K(l),lineCirclePlacementRight:Q(l)&&"right"===e.placement,lineCirclePlacementLeft:K(l)&&"left"===e.placement}),style:i({...ee(l,o,"circle")})},null,6)):f("v-if",!0),f(" 步骤底部信息 "),c("div",{class:d(["stepBottomBox",{stepBottomBox_right:"right"===e.placement,stepBottomBox_left:"left"===e.placement}]),onMouseenter:e=>z(l),onMouseleave:e=>G(l)},[h(t.$slots,"stepBottomBox",{stepItem:l},(()=>[f(" 步骤名称  "),m(c("p",{class:d(["stepLabel",{labelFinsh:Y(o),stepLabel_right:"right"===e.placement,stepLabel_left:"left"===e.placement}]),title:l.label},g(l.label),11,R),[[v,l.label]]),c("div",{class:d({stepBottomCustomBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement})},[h(t.$slots,"stepBottomCustomBox",{stepItem:l},(()=>[c("div",{class:d({stepBottomDefaultBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement}),style:{width:"100%",display:"flex",flexDirection:"column"}},[m(c("p",{class:"stepExtra",title:l.person},g(l.person),9,T),[[v,l.person]]),f(" 步骤时间  "),m(c("p",{class:"statusTime",title:l.statusTime},g(l.statusTime),9,C),[[v,l.statusTime]])],2)]))],2)])),J(l)?(s(),r("div",O)):f("v-if",!0)],42,M)],64)):(s(),r("div",_,[f("null元素占位")]))],2)))),128))])],2)):(s(),r("div",L,[I(a(k),{description:a(E)},null,8,["description"])]))],4))}});export{$ as default};
+import { defineComponent, computed, toRefs, ref, watch, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createElementVNode, Fragment, renderList, createCommentVNode, withDirectives, renderSlot, toDisplayString, vShow, createBlock, withCtx, createVNode } from 'vue';
+import { NTooltip, NEmpty } from 'naive-ui';
+import { useTheme } from '../../../shared/hooks/useTheme.js';
+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 '../../../shared/hooks/useScrollLoading.js';
+import { defaultCssVars } from './constants/index.js';
+import script from '../../../shared/components/SlotRender/SlotRender.js';
+
+const _hoisted_1 = {
+  class: "stepBox"
+};
+const _hoisted_2 = ["title"];
+const _hoisted_3 = ["onMouseenter", "onMouseleave"];
+const _hoisted_4 = {
+  style: {
+    position: "absolute",
+    left: "50%",
+    top: "50%",
+    translate: "-50% -50%"
+  }
+};
+const _hoisted_5 = ["onMouseenter", "onMouseleave"];
+const _hoisted_6 = ["title"];
+const _hoisted_7 = ["title"];
+const _hoisted_8 = ["title"];
+const _hoisted_9 = {
+  key: 0,
+  style: {
+    "height": "48px"
+  }
+};
+const _hoisted_10 = {
+  key: 1
+};
+const _hoisted_11 = {
+  key: 1
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "StepsWheel",
+  props: {
+    stepInfo: {
+      type: Object,
+      default: () => {
+        return {
+          list: [],
+          cols: 6
+        };
+      }
+    },
+    currentStep: {
+      type: Number,
+      default: 1
+    },
+    toolTipShow: {
+      type: Boolean,
+      default: true
+    },
+    lastNodeRender: {
+      type: Boolean,
+      default: false
+    },
+    nextNodeRender: {
+      type: Boolean,
+      default: false
+    },
+    lastNodeColor: {
+      type: Object,
+      default: () => ({})
+    },
+    singleNodeRender: {
+      type: Object,
+      default: () => ({})
+    },
+    noDataMsg: {
+      type: String,
+      default: "\u6682\u65E0\u8282\u70B9\u6570\u636E"
+    },
+    placement: {
+      type: String,
+      default: "center"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    let cssVars = useTheme(defaultCssVars, "StepsWheel");
+    const nodeRowCount = computed(() => {
+      return Math.ceil(stepInfoList.value.length / props.stepInfo.cols);
+    });
+    function isOddRow(index) {
+      return !(Math.ceil((index + 1) / props.stepInfo.cols) % 2);
+    }
+    const lastNodeRenderShow = computed(() => {
+      return props.lastNodeRender;
+    });
+    const {
+      noDataMsg,
+      nextNodeRender
+    } = toRefs(props);
+    const stepItemRef = ref(null);
+    const countBoxWidth = computed(() => {
+      var _a;
+      let min = 72;
+      if ((_a = stepItemRef == null ? void 0 : stepItemRef.value) == null ? void 0 : _a.length) {
+        let element = stepItemRef.value[0];
+        let style = window.getComputedStyle ? window.getComputedStyle(element) : element.currentStyle;
+        min = isNaN(parseInt(style["min-width"])) ? 72 : parseInt(style["min-width"]);
+      }
+      let width = 20 + props.stepInfo.cols * min;
+      return `${width}px`;
+    });
+    const stepInfoList = ref([]);
+    const stepInfoArray = ref([]);
+    const mouseEnter = (stepItem) => {
+      stepItem.tipVisible = true;
+    };
+    const mouseLeave = (stepItem) => {
+      stepItem.tipVisible = false;
+    };
+    const handleNode = (nodeList, cols) => {
+      let length = nodeList.length + 1;
+      let rows = Math.ceil(nodeList.length / cols);
+      let sort = true;
+      let arr = [];
+      for (var i = 0; i < rows; i++) {
+        arr[i] = new Array(cols);
+        arr[i].fill(null);
+      }
+      let x = 0, y = 0;
+      for (let i2 = 1; i2 < length; i2++) {
+        arr[x][y] = Object.assign(nodeList[i2 - 1], {
+          nodeIndex: i2,
+          rowIndex: x + 1
+        });
+        if (sort) {
+          if (i2 % cols != 0) {
+            y++;
+          } else {
+            sort = !sort;
+            x++;
+          }
+        } else {
+          if (i2 % cols != 0) {
+            y--;
+          } else {
+            sort = !sort;
+            x++;
+          }
+        }
+      }
+      let list = [];
+      arr.map((v) => {
+        v.map((a, i2) => {
+          if (a) {
+            a.sort = i2;
+            !a.hasOwnProperty("tipVisible") && (a.tipVisible = false);
+          }
+        });
+        v[0] && (v[0].nodeType = "frist");
+        v[v.length - 1] && (v[v.length - 1].nodeType = "last");
+        list = [...list, ...v];
+      });
+      stepInfoList.value = list;
+      stepInfoArray.value = arr;
+    };
+    const fillBoxShow = (item) => {
+      if (stepInfoArray.value.length) {
+        if (item.rowIndex === stepInfoArray.value.length) {
+          return true;
+        }
+        if (item.rowIndex < stepInfoArray.value.length) {
+          return stepInfoArray.value[item.rowIndex].some((v) => v == null ? void 0 : v.title);
+        }
+      }
+      return false;
+    };
+    const lineCircleLeft = (stepItem) => {
+      const {
+        list = []
+      } = props.stepInfo;
+      return stepItem.rowIndex % 2 == 0 && stepItem.nodeType == "frist" && stepItem.nodeIndex !== list.length;
+    };
+    const lineCircleRight = (stepItem) => {
+      const {
+        list = []
+      } = props.stepInfo;
+      return stepItem.rowIndex % 2 != 0 && stepItem.nodeType == "last" && stepItem.nodeIndex !== list.length;
+    };
+    const lineActiveShow = (stepItem, index) => {
+      if (nextNodeRender.value) {
+        if (stepItem.rowIndex % 2 == 0) {
+          return props.currentStep >= index + (props.stepInfo.cols - 2 * stepItem.sort) - 1;
+        } else {
+          return props.currentStep >= index + 1;
+        }
+      } else {
+        if (stepItem.rowIndex % 2 == 0) {
+          return props.currentStep >= index + (props.stepInfo.cols - 2 * stepItem.sort);
+        } else {
+          return props.currentStep >= index + 2;
+        }
+      }
+    };
+    const format2DArray = (baseArray, cols) => {
+      let len = baseArray.length;
+      let lineNum = len % cols === 0 ? len / cols : Math.floor(len / cols + 1);
+      let res = [];
+      for (let i = 0; i < lineNum; i++) {
+        let temp = baseArray.slice(i * cols, i * cols + cols);
+        res.push(temp);
+      }
+      return res;
+    };
+    const lastLineHidden = (index) => {
+      const {
+        cols
+      } = props.stepInfo;
+      let arr = format2DArray(stepInfoList.value, cols);
+      let lastRow = arr[arr.length - 1].filter((v) => v);
+      if (nodeRowCount.value % 2 == 0) {
+        return index != lastRow[lastRow.length - 1].nodeIndex - (cols - 2 * lastRow[lastRow.length - 1].sort);
+      } else {
+        return index != lastRow[lastRow.length - 1].nodeIndex - 1;
+      }
+    };
+    const handleFinishLastNodeCss = (index) => {
+      const {
+        cols
+      } = props.stepInfo;
+      let arr = format2DArray(stepInfoList.value, cols);
+      let lastRow = arr[arr.length - 1].filter((v) => v);
+      if (nodeRowCount.value % 2 == 0) {
+        return lastNodeRenderShow.value && index == lastRow[0].nodeIndex - (cols - 2 * lastRow[0].sort);
+      } else {
+        return lastNodeRenderShow.value && index == lastRow[lastRow.length - 1].nodeIndex - 1;
+      }
+    };
+    const handleFinishLastNodeLine = (index, type) => {
+      const {
+        cols
+      } = props.stepInfo;
+      let arr = format2DArray(stepInfoList.value, cols);
+      let lastRow = arr[arr.length - 1].filter((v) => v);
+      if (nodeRowCount.value % 2 == 0) {
+        if (type === "circle") {
+          return lastNodeRenderShow.value && index == lastRow[0].nodeIndex - (cols - 2 * lastRow[0].sort) - cols;
+        }
+        return lastNodeRenderShow.value && index == lastRow[0].nodeIndex - (cols - 2 * lastRow[0].sort);
+      } else {
+        if (type === "circle") {
+          return lastNodeRenderShow.value && index == lastRow[lastRow.length - 1].nodeIndex - 1 - cols;
+        }
+        return lastNodeRenderShow.value && index == lastRow[lastRow.length - 1].nodeIndex - 2;
+      }
+    };
+    const handlerActive = (stepItem, index, position) => {
+      var _a, _b;
+      if (((_a = props.singleNodeRender) == null ? void 0 : _a.field) && ((_b = props.singleNodeRender) == null ? void 0 : _b.details) && Object.prototype.toString.call(props.singleNodeRender.details) === "[object Object]" && Object.keys(props.singleNodeRender.details).length) {
+        const {
+          details,
+          field
+        } = props.singleNodeRender;
+        if (details[stepItem[field]] && Object.prototype.toString.call(details[stepItem[field]]) === "[object Object]" && Object.keys(details[stepItem[field]]).length) {
+          let styleObj = {};
+          switch (position) {
+            case "title":
+              styleObj = {
+                color: details[stepItem[field]].color,
+                background: details[stepItem[field]].background
+              };
+              break;
+            case "icon":
+              styleObj = {
+                background: details[stepItem[field]].nodeLineColor
+              };
+              break;
+            case "line":
+              styleObj = {
+                "border-bottom": `1px solid ${details[stepItem[field]].nodeLineColor}`
+              };
+              if (props.nextNodeRender) {
+                if (stepItem.rowIndex % 2 == 0) {
+                  styleObj = {
+                    "border-bottom": `1px solid ${details[stepInfoList.value[index + 1][field]].nodeLineColor}`
+                  };
+                }
+              } else {
+                styleObj = {};
+              }
+              break;
+            case "circle":
+              if (props.nextNodeRender) {
+                styleObj = {
+                  border: `1px solid ${details[stepItem[field]].nodeLineColor}`
+                };
+              }
+              break;
+          }
+          return styleObj;
+        }
+      }
+      let defaultStyle = {
+        color: "var(--c-primary-color)",
+        background: "#f1f5fe"
+      };
+      if (position === "icon") {
+        defaultStyle = {
+          background: "var(--c-primary-color)"
+        };
+        if (props.currentStep >= stepItem.nodeIndex)
+          return defaultStyle;
+      } else if (position === "circle") {
+        defaultStyle = {
+          border: "1px solid var(--c-primary-color)"
+        };
+        if (props.nextNodeRender) {
+          if (props.currentStep >= stepItem.nodeIndex)
+            return defaultStyle;
+        } else {
+          if (props.currentStep > stepItem.nodeIndex)
+            return defaultStyle;
+        }
+      } else if (position === "line") {
+        defaultStyle = {
+          "border-bottom": "1px solid var(--c-primary-color)"
+        };
+        if (lineActiveShow(stepItem, index))
+          return defaultStyle;
+      } else if (position === "title") {
+        if (props.currentStep >= stepItem.nodeIndex)
+          return defaultStyle;
+      }
+      return {};
+    };
+    watch(() => props.stepInfo, (val) => {
+      handleNode(val.list || [], val.cols);
+    }, {
+      immediate: true,
+      deep: true
+    });
+    watch(() => props.lastNodeColor, (val) => {
+      if (val && Object.prototype.toString.call(val) === "[object Object]" && Object.keys(val).length) {
+        const defaultCss = Object.assign({}, defaultCssVars, {
+          "--c-success-color": val.color || "#5dc055",
+          "--c-success-title-color": val.background || "#fff"
+        });
+        cssVars = useTheme(defaultCss, "StepsWheel");
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "step-wheel-box",
+        style: normalizeStyle({
+          minWidth: unref(countBoxWidth),
+          ...unref(cssVars)
+        })
+      }, [stepInfoList.value.length ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["stepOut", {
+          placementLeft: __props.placement === "left",
+          placementRight: __props.placement === "right"
+        }])
+      }, [createElementVNode("ul", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(stepInfoList.value, (stepItem, index) => {
+        var _a;
+        return openBlock(), createElementBlock("li", {
+          ref_for: true,
+          ref_key: "stepItemRef",
+          ref: stepItemRef,
+          key: (stepItem == null ? void 0 : stepItem.stepId) || index,
+          class: normalizeClass(["stepItem", {
+            [`stepItem_${index + 1}`]: true,
+            [`${stepItem == null ? void 0 : stepItem.stepId}`]: (stepItem == null ? void 0 : stepItem.stepId) ? true : false
+          }])
+        }, [stepItem ? (openBlock(), createElementBlock(Fragment, {
+          key: 0
+        }, [createCommentVNode(" \u6B65\u9AA4\u5934\u90E8\u4FE1\u606F "), withDirectives(createElementVNode("div", {
+          class: normalizeClass(["stepTopBox", {
+            finished: handleFinishLastNodeCss(index),
+            stepTopBox_right: __props.placement === "right",
+            stepTopBox_left: __props.placement === "left"
+          }]),
+          style: normalizeStyle({
+            ...handlerActive(stepItem, index, "title")
+          })
+        }, [renderSlot(_ctx.$slots, "stepTopBox", {
+          stepItem
+        }, () => [createElementVNode("span", {
+          title: stepItem.title
+        }, toDisplayString(stepItem.title), 9, _hoisted_2)])], 6), [[vShow, stepItem.title]]), createCommentVNode(" \u6B65\u9AA4\u6761\u7684\u8282\u70B9\uFF0C\u6B64\u5904\u4E3A\u5706\u5708 "), __props.toolTipShow && stepItem.tipShow ? (openBlock(), createBlock(unref(NTooltip), {
+          key: 0,
+          placement: "top",
+          delay: 0,
+          "show-arrow": true,
+          show: stepItem.tipVisible,
+          trigger: "manual",
+          style: normalizeStyle({
+            opacity: "0.88"
+          }),
+          onMouseenter: ($event) => mouseEnter(stepItem),
+          onMouseleave: ($event) => mouseLeave(stepItem)
+        }, {
+          trigger: withCtx(() => [createElementVNode("div", {
+            class: normalizeClass(["icon", {
+              finished: handleFinishLastNodeCss(index)
+            }]),
+            style: normalizeStyle({
+              ...handlerActive(stepItem, index, "icon")
+            }),
+            onMouseenter: ($event) => mouseEnter(stepItem),
+            onMouseleave: ($event) => mouseLeave(stepItem)
+          }, null, 46, _hoisted_3)]),
+          default: withCtx(() => [renderSlot(_ctx.$slots, "nodeTipBox", {
+            stepItem,
+            stepId: stepItem.stepId
+          })]),
+          _: 2
+        }, 1032, ["show", "style", "onMouseenter", "onMouseleave"])) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(["icon", {
+            finished: handleFinishLastNodeCss(index)
+          }]),
+          style: normalizeStyle({
+            ...handlerActive(stepItem, index, "icon")
+          })
+        }, null, 6)), createCommentVNode(" \u6B65\u9AA4\u6761\u8FDE\u63A5\u7EBF\uFF0C\u52A8\u6001\u663E\u793A  "), stepItem.nodeType !== "last" ? withDirectives((openBlock(), createElementBlock("div", {
+          key: 2,
+          class: normalizeClass(["line", {
+            finished: handleFinishLastNodeLine(index)
+          }]),
+          style: normalizeStyle({
+            ...handlerActive(stepItem, index, "line")
+          })
+        }, [createElementVNode("div", _hoisted_4, [createVNode(unref(script), {
+          renderer: isOddRow(index) ? (_a = stepInfoList.value[index + 1]) == null ? void 0 : _a.spaceRenderer : stepItem.spaceRenderer
+        }, null, 8, ["renderer"])])], 6)), [[vShow, lastLineHidden(index)]]) : createCommentVNode("v-if", true), createCommentVNode(" \u6B65\u9AA4\u6761\u5F2F\u66F2\u8FDE\u7EBF\uFF0C\u52A8\u6001\u6E32\u67D3 "), lineCircleLeft(stepItem) || lineCircleRight(stepItem) ? (openBlock(), createElementBlock("div", {
+          key: 3,
+          class: normalizeClass({
+            lineCircleFinished: handleFinishLastNodeLine(index, "circle"),
+            lineCircleRight: lineCircleRight(stepItem),
+            lineCircleLeft: lineCircleLeft(stepItem),
+            lineCirclePlacementRight: lineCircleRight(stepItem) && __props.placement === "right",
+            lineCirclePlacementLeft: lineCircleLeft(stepItem) && __props.placement === "left"
+          }),
+          style: normalizeStyle({
+            ...handlerActive(stepItem, index, "circle")
+          })
+        }, [createElementVNode("div", {
+          style: normalizeStyle({
+            position: "absolute",
+            left: lineCircleLeft(stepItem) ? "0" : "100%",
+            top: "50%",
+            translate: "-50% -50%"
+          })
+        }, [createVNode(unref(script), {
+          renderer: stepItem.spaceRenderer
+        }, null, 8, ["renderer"])], 4)], 6)) : createCommentVNode("v-if", true), createCommentVNode(" \u6B65\u9AA4\u5E95\u90E8\u4FE1\u606F "), createElementVNode("div", {
+          class: normalizeClass(["stepBottomBox", {
+            stepBottomBox_right: __props.placement === "right",
+            stepBottomBox_left: __props.placement === "left"
+          }]),
+          onMouseenter: ($event) => mouseEnter(stepItem),
+          onMouseleave: ($event) => mouseLeave(stepItem)
+        }, [renderSlot(_ctx.$slots, "stepBottomBox", {
+          stepItem
+        }, () => [createCommentVNode(" \u6B65\u9AA4\u540D\u79F0  "), withDirectives(createElementVNode("p", {
+          class: normalizeClass(["stepLabel", {
+            labelFinsh: handleFinishLastNodeCss(index),
+            stepLabel_right: __props.placement === "right",
+            stepLabel_left: __props.placement === "left"
+          }]),
+          title: stepItem.label
+        }, toDisplayString(stepItem.label), 11, _hoisted_6), [[vShow, stepItem.label]]), createElementVNode("div", {
+          class: normalizeClass({
+            stepBottomCustomBox: true,
+            alignItemsEnd: __props.placement === "left",
+            alignItemsStart: __props.placement === "right"
+          })
+        }, [renderSlot(_ctx.$slots, "stepBottomCustomBox", {
+          stepItem
+        }, () => [createElementVNode("div", {
+          class: normalizeClass({
+            stepBottomDefaultBox: true,
+            alignItemsEnd: __props.placement === "left",
+            alignItemsStart: __props.placement === "right"
+          }),
+          style: {
+            width: "100%",
+            display: "flex",
+            flexDirection: "column"
+          }
+        }, [withDirectives(createElementVNode("p", {
+          class: "stepExtra",
+          title: stepItem.person
+        }, toDisplayString(stepItem.person), 9, _hoisted_7), [[vShow, stepItem.person]]), createCommentVNode(" \u6B65\u9AA4\u65F6\u95F4  "), withDirectives(createElementVNode("p", {
+          class: "statusTime",
+          title: stepItem.statusTime
+        }, toDisplayString(stepItem.statusTime), 9, _hoisted_8), [[vShow, stepItem.statusTime]])], 2)])], 2)]), fillBoxShow(stepItem) ? (openBlock(), createElementBlock("div", _hoisted_9)) : createCommentVNode("v-if", true)], 42, _hoisted_5)], 64)) : (openBlock(), createElementBlock("div", _hoisted_10, [createCommentVNode("null\u5143\u7D20\u5360\u4F4D")]))], 2);
+      }), 128))])], 2)) : (openBlock(), createElementBlock("div", _hoisted_11, [createVNode(unref(NEmpty), {
+        description: unref(noDataMsg)
+      }, null, 8, ["description"])]))], 4);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1 +1,7 @@
-const c={"--c-primary-color":"#2563f4","--c-success-color":"#fff","--c-success-title-color":"#5dc055"};export{c as defaultCssVars};
+const defaultCssVars = {
+  "--c-primary-color": "#2563f4",
+  "--c-success-color": "#fff",
+  "--c-success-title-color": "#5dc055"
+};
+
+export { defaultCssVars };

package/es/components/table-export-field/index.js

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

package/es/components/table-export-field/src/components/ExportModal.vue.js

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