cnhis-design-vue 3.1.40-beta.12 → 3.1.40-beta.16

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

@@ -1,376 +1 @@
-import { defineComponent, computed, toRefs, ref, watch, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createElementVNode, Fragment, renderList, createCommentVNode, withDirectives, renderSlot, toDisplayString, vShow, createBlock, withCtx, createVNode, createTextVNode } from 'vue';
-import { NTooltip, NEmpty } from 'naive-ui';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
-
-const _hoisted_1 = { class: "stepBox" };
-const _hoisted_2 = ["title"];
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("ul", { class: "nodeTipContent" }, [
-  /* @__PURE__ */ createElementVNode("li", null, [
-    /* @__PURE__ */ createElementVNode("p", null, [
-      /* @__PURE__ */ createElementVNode("span", { style: { "margin-right": "10px" } }, "(1)"),
-      /* @__PURE__ */ createTextVNode(" 2022-07-30 14:15:12 ")
-    ]),
-    /* @__PURE__ */ createElementVNode("p", null, "\u5468\u8001\u5E08"),
-    /* @__PURE__ */ createElementVNode("p", null, "\u6B65\u9AA4\u6761\u63D0\u793A"),
-    /* @__PURE__ */ createElementVNode("p", null, "\u54B1\u8FD9\u662F\u6D4B\u8BD5\u6848\u4F8B,\u8BF7\u4F7F\u7528\u63D2\u69FD\uFF1A#nodeTipBox \u81EA\u5B9A\u4E49")
-  ]),
-  /* @__PURE__ */ createElementVNode("li", null, [
-    /* @__PURE__ */ createElementVNode("p", null, [
-      /* @__PURE__ */ createElementVNode("span", { style: { "margin-right": "10px" } }, "(2)"),
-      /* @__PURE__ */ createTextVNode(" 2022-07-30 14:15:12 ")
-    ]),
-    /* @__PURE__ */ createElementVNode("p", null, "\u5468\u8001\u5E08"),
-    /* @__PURE__ */ createElementVNode("p", null, "\u6B65\u9AA4\u6761\u63D0\u793A"),
-    /* @__PURE__ */ createElementVNode("p", null, "\u54B1\u8FD9\u662F\u4E2A\u6D4B\u8BD5\u6848\u4F8B,\u8BF7\u4F7F\u7528\u63D2\u69FD\uFF1A#nodeTipBox \u81EA\u5B9A\u4E49")
-  ])
-], -1);
-const _hoisted_4 = ["title"];
-const _hoisted_5 = ["title"];
-const _hoisted_6 = ["title"];
-const _hoisted_7 = {
-  key: 0,
-  style: { "height": "48px" }
-};
-const _hoisted_8 = { key: 1 };
-const _hoisted_9 = { key: 1 };
-const _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
-    },
-    noDataMsg: {
-      type: String,
-      default: "\u6682\u65E0\u8282\u70B9\u6570\u636E"
-    },
-    placement: {
-      type: String,
-      default: "center"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const nodeRowCount = computed(() => {
-      return Math.ceil(stepInfoList.value.length / props.stepInfo.cols);
-    });
-    const lastNodeRenderShow = computed(() => {
-      return props.lastNodeRender;
-    });
-    const { noDataMsg } = 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 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) => a && (a.sort = i2));
-        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 (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;
-      }
-    };
-    watch(
-      () => props.stepInfo,
-      (val) => {
-        var _a;
-        if ((_a = val == null ? void 0 : val.list) == null ? void 0 : _a.length) {
-          handleNode(val.list, val.cols);
-        }
-      },
-      { immediate: true, deep: true }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "step-wheel-box",
-        style: normalizeStyle({ minWidth: unref(countBoxWidth) })
-      }, [
-        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) => {
-              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"
-                    }])
-                  }, [
-                    renderSlot(_ctx.$slots, "stepTopBox", { stepItem }, () => [
-                      createElementVNode("span", {
-                        title: stepItem.title
-                      }, toDisplayString(stepItem.title), 9, _hoisted_2)
-                    ])
-                  ], 2), [
-                    [vShow, stepItem.title]
-                  ]),
-                  createCommentVNode(" \u6B65\u9AA4\u6761\u7684\u8282\u70B9\uFF0C\u6B64\u5904\u4E3A\u5706\u5708 "),
-                  __props.toolTipShow ? (openBlock(), createBlock(unref(NTooltip), {
-                    key: 0,
-                    placement: "top",
-                    "show-arrow": true,
-                    trigger: "hover",
-                    style: normalizeStyle({ opacity: "0.88" })
-                  }, {
-                    trigger: withCtx(() => [
-                      createElementVNode("div", {
-                        class: normalizeClass(["icon", {
-                          active: __props.currentStep >= stepItem.nodeIndex,
-                          finished: handleFinishLastNodeCss(index)
-                        }])
-                      }, null, 2)
-                    ]),
-                    default: withCtx(() => [
-                      renderSlot(_ctx.$slots, "nodeTipBox", {
-                        stepItem,
-                        stepId: stepItem.stepId
-                      }, () => [
-                        _hoisted_3
-                      ])
-                    ]),
-                    _: 2
-                  }, 1032, ["style"])) : (openBlock(), createElementBlock("div", {
-                    key: 1,
-                    class: normalizeClass(["icon", {
-                      active: __props.currentStep >= stepItem.nodeIndex,
-                      finished: handleFinishLastNodeCss(index)
-                    }])
-                  }, null, 2)),
-                  createCommentVNode(" \u6B65\u9AA4\u6761\u8FDE\u63A5\u7EBF\uFF0C\u52A8\u6001\u663E\u793A  "),
-                  stepItem.nodeType !== "last" ? withDirectives((openBlock(), createElementBlock("div", {
-                    key: 2,
-                    class: normalizeClass(["line", {
-                      lineActive: lineActiveShow(stepItem, index),
-                      finished: handleFinishLastNodeLine(index)
-                    }])
-                  }, null, 2)), [
-                    [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({
-                      lineCircleActive: __props.currentStep > stepItem.nodeIndex,
-                      lineCircleFinished: handleFinishLastNodeLine(index, "circle"),
-                      lineCircleRight: lineCircleRight(stepItem),
-                      lineCircleLeft: lineCircleLeft(stepItem),
-                      lineCirclePlacementRight: lineCircleRight(stepItem) && __props.placement === "right",
-                      lineCirclePlacementLeft: lineCircleLeft(stepItem) && __props.placement === "left"
-                    })
-                  }, null, 2)) : 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"
-                    }])
-                  }, [
-                    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_4), [
-                        [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_5), [
-                              [vShow, stepItem.person]
-                            ]),
-                            createCommentVNode(" \u6B65\u9AA4\u65F6\u95F4  "),
-                            withDirectives(createElementVNode("p", {
-                              class: "statusTime",
-                              title: stepItem.statusTime
-                            }, toDisplayString(stepItem.statusTime), 9, _hoisted_6), [
-                              [vShow, stepItem.statusTime]
-                            ])
-                          ], 2)
-                        ])
-                      ], 2)
-                    ]),
-                    fillBoxShow(stepItem) ? (openBlock(), createElementBlock("div", _hoisted_7)) : createCommentVNode("v-if", true)
-                  ], 2)
-                ], 64)) : (openBlock(), createElementBlock("div", _hoisted_8, [
-                  createCommentVNode("null\u5143\u7D20\u5360\u4F4D")
-                ]))
-              ], 2);
-            }), 128))
-          ])
-        ], 2)) : (openBlock(), createElementBlock("div", _hoisted_9, [
-          createVNode(unref(NEmpty), { description: unref(noDataMsg) }, null, 8, ["description"])
-        ]))
-      ], 4);
-    };
-  }
-});
-var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "StepsWheel.vue"]]);
-
-export { script as default };
+import{defineComponent as e,computed as t,toRefs as l,ref as n,watch as s,openBlock as o,createElementBlock as i,normalizeStyle as p,unref as a,normalizeClass as r,createElementVNode as d,Fragment as u,renderList as c,createCommentVNode as m,withDirectives as f,renderSlot as h,toDisplayString as v,vShow as g,createBlock as I,withCtx as x,createVNode as y,createTextVNode as B}from"vue";import{NTooltip as w,NEmpty as T}from"naive-ui";import S from"../../../_virtual/plugin-vue_export-helper.js";const _={class:"stepBox"},b=["title"],k=d("ul",{class:"nodeTipContent"},[d("li",null,[d("p",null,[d("span",{style:{"margin-right":"10px"}},"(1)"),B(" 2022-07-30 14:15:12 ")]),d("p",null,"周老师"),d("p",null,"步骤条提示"),d("p",null,"咱这是测试案例,请使用插槽：#nodeTipBox 自定义")]),d("li",null,[d("p",null,[d("span",{style:{"margin-right":"10px"}},"(2)"),B(" 2022-07-30 14:15:12 ")]),d("p",null,"周老师"),d("p",null,"步骤条提示"),d("p",null,"咱这是个测试案例,请使用插槽：#nodeTipBox 自定义")])],-1),C=["title"],$=["title"],L=["title"],R={key:0,style:{height:"48px"}},M={key:1},N={key:1};var D=S(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},noDataMsg:{type:String,default:"暂无节点数据"},placement:{type:String,default:"center"}},setup(e){const B=e,S=t((()=>Math.ceil(O.value.length/B.stepInfo.cols))),D=t((()=>B.lastNodeRender)),{noDataMsg:j}=l(B),A=n(null),E=t((()=>{var e;let t=72;if(null==(e=null==A?void 0:A.value)?void 0:e.length){let e=A.value[0],l=window.getComputedStyle?window.getComputedStyle(e):e.currentStyle;t=isNaN(parseInt(l["min-width"]))?72:parseInt(l["min-width"])}return`${20+B.stepInfo.cols*t}px`})),O=n([]),W=n([]),F=e=>{if(W.value.length){if(e.rowIndex===W.value.length)return!0;if(e.rowIndex<W.value.length)return W.value[e.rowIndex].some((e=>null==e?void 0:e.title))}return!1},P=e=>{const{list:t=[]}=B.stepInfo;return e.rowIndex%2==0&&"frist"==e.nodeType&&e.nodeIndex!==t.length},q=e=>{const{list:t=[]}=B.stepInfo;return e.rowIndex%2!=0&&"last"==e.nodeType&&e.nodeIndex!==t.length},z=(e,t)=>e.rowIndex%2==0?B.currentStep>=t+(B.stepInfo.cols-2*e.sort):B.currentStep>=t+2,G=(e,t)=>{let l=e.length,n=l%t==0?l/t:Math.floor(l/t+1),s=[];for(let l=0;l<n;l++){let n=e.slice(l*t,l*t+t);s.push(n)}return s},H=e=>{const{cols:t}=B.stepInfo;let l=G(O.value,t),n=l[l.length-1].filter((e=>e));return S.value%2==0?e!=n[n.length-1].nodeIndex-(t-2*n[n.length-1].sort):e!=n[n.length-1].nodeIndex-1},J=e=>{const{cols:t}=B.stepInfo;let l=G(O.value,t),n=l[l.length-1].filter((e=>e));return S.value%2==0?D.value&&e==n[0].nodeIndex-(t-2*n[0].sort):D.value&&e==n[n.length-1].nodeIndex-1},K=(e,t)=>{const{cols:l}=B.stepInfo;let n=G(O.value,l),s=n[n.length-1].filter((e=>e));return S.value%2==0?"circle"===t?D.value&&e==s[0].nodeIndex-(l-2*s[0].sort)-l:D.value&&e==s[0].nodeIndex-(l-2*s[0].sort):"circle"===t?D.value&&e==s[s.length-1].nodeIndex-1-l:D.value&&e==s[s.length-1].nodeIndex-2};return s((()=>B.stepInfo),(e=>{var t;(null==(t=null==e?void 0:e.list)?void 0:t.length)&&((e,t)=>{let l=e.length+1,n=Math.ceil(e.length/t),s=!0,o=[];for(var i=0;i<n;i++)o[i]=new Array(t),o[i].fill(null);let p=0,a=0;for(let n=1;n<l;n++)o[p][a]=Object.assign(e[n-1],{nodeIndex:n,rowIndex:p+1}),s?n%t!=0?a++:(s=!s,p++):n%t!=0?a--:(s=!s,p++);let r=[];o.map((e=>{e.map(((e,t)=>e&&(e.sort=t))),e[0]&&(e[0].nodeType="frist"),e[e.length-1]&&(e[e.length-1].nodeType="last"),r=[...r,...e]})),O.value=r,W.value=o})(e.list,e.cols)}),{immediate:!0,deep:!0}),(t,l)=>(o(),i("div",{class:"step-wheel-box",style:p({minWidth:a(E)})},[O.value.length?(o(),i("div",{key:0,class:r(["stepOut",{placementLeft:"left"===e.placement,placementRight:"right"===e.placement}])},[d("ul",_,[(o(!0),i(u,null,c(O.value,((l,n)=>(o(),i("li",{ref_for:!0,ref_key:"stepItemRef",ref:A,key:(null==l?void 0:l.stepId)||n,class:r(["stepItem",{[`stepItem_${n+1}`]:!0,[`${null==l?void 0:l.stepId}`]:!!(null==l?void 0:l.stepId)}])},[l?(o(),i(u,{key:0},[m(" 步骤头部信息 "),f(d("div",{class:r(["stepTopBox",{finished:J(n),stepTopBox_right:"right"===e.placement,stepTopBox_left:"left"===e.placement}])},[h(t.$slots,"stepTopBox",{stepItem:l},(()=>[d("span",{title:l.title},v(l.title),9,b)]))],2),[[g,l.title]]),m(" 步骤条的节点，此处为圆圈 "),e.toolTipShow?(o(),I(a(w),{key:0,placement:"top","show-arrow":!0,trigger:"hover",style:p({opacity:"0.88"})},{trigger:x((()=>[d("div",{class:r(["icon",{active:e.currentStep>=l.nodeIndex,finished:J(n)}])},null,2)])),default:x((()=>[h(t.$slots,"nodeTipBox",{stepItem:l,stepId:l.stepId},(()=>[k]))])),_:2},1032,["style"])):(o(),i("div",{key:1,class:r(["icon",{active:e.currentStep>=l.nodeIndex,finished:J(n)}])},null,2)),m(" 步骤条连接线，动态显示  "),"last"!==l.nodeType?f((o(),i("div",{key:2,class:r(["line",{lineActive:z(l,n),finished:K(n)}])},null,2)),[[g,H(n)]]):m("v-if",!0),m(" 步骤条弯曲连线，动态渲染 "),P(l)||q(l)?(o(),i("div",{key:3,class:r({lineCircleActive:e.currentStep>l.nodeIndex,lineCircleFinished:K(n,"circle"),lineCircleRight:q(l),lineCircleLeft:P(l),lineCirclePlacementRight:q(l)&&"right"===e.placement,lineCirclePlacementLeft:P(l)&&"left"===e.placement})},null,2)):m("v-if",!0),m(" 步骤底部信息 "),d("div",{class:r(["stepBottomBox",{stepBottomBox_right:"right"===e.placement,stepBottomBox_left:"left"===e.placement}])},[h(t.$slots,"stepBottomBox",{stepItem:l},(()=>[m(" 步骤名称  "),f(d("p",{class:r(["stepLabel",{labelFinsh:J(n),stepLabel_right:"right"===e.placement,stepLabel_left:"left"===e.placement}]),title:l.label},v(l.label),11,C),[[g,l.label]]),d("div",{class:r({stepBottomCustomBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement})},[h(t.$slots,"stepBottomCustomBox",{stepItem:l},(()=>[d("div",{class:r({stepBottomDefaultBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement}),style:{width:"100%",display:"flex",flexDirection:"column"}},[f(d("p",{class:"stepExtra",title:l.person},v(l.person),9,$),[[g,l.person]]),m(" 步骤时间  "),f(d("p",{class:"statusTime",title:l.statusTime},v(l.statusTime),9,L),[[g,l.statusTime]])],2)]))],2)])),F(l)?(o(),i("div",R)):m("v-if",!0)],2)],64)):(o(),i("div",M,[m("null元素占位")]))],2)))),128))])],2)):(o(),i("div",N,[y(a(T),{description:a(j)},null,8,["description"])]))],4))}}),[["__file","StepsWheel.vue"]]);export{D as default};

package/es/components/table-filter/index.js

@@ -1,21 +1 @@
-import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
-import { safeComponentRegister } from '../../shared/utils/index.js';
-export { useAdvanced } from './src/hooks/useAdvanced.js';
-import scriptBaseSearch from './src/base-search-com/BaseSearch.vue.js';
-import scriptQuickSearch from './src/quick-search/QuickSearch.vue.js';
-import scriptClassification from './src/classification/Classification-com.vue.js';
-
-const CBaseSearch = scriptBaseSearch;
-CBaseSearch.install = function(app) {
-  safeComponentRegister(app, CBaseSearch, COMPONENT_NAMESPACE + "BaseSearch");
-};
-const CQuickSearch = scriptQuickSearch;
-CQuickSearch.install = function(app) {
-  safeComponentRegister(app, CQuickSearch, COMPONENT_NAMESPACE + "QuickSearch");
-};
-const CClassification = scriptClassification;
-CClassification.install = function(app) {
-  safeComponentRegister(app, CClassification, COMPONENT_NAMESPACE + "Classification");
-};
-
-export { CBaseSearch, CClassification, CQuickSearch };
+import{COMPONENT_NAMESPACE as s}from"../../shared/global/variable.js";import{safeComponentRegister as c}from"../../shared/utils/index.js";export{useAdvanced}from"./src/hooks/useAdvanced.js";import o from"./src/base-search-com/BaseSearch.vue.js";import i from"./src/quick-search/QuickSearch.vue.js";import r from"./src/classification/Classification-com.vue.js";const a=o;a.install=function(o){c(o,a,s+"BaseSearch")};const e=i;e.install=function(o){c(o,e,s+"QuickSearch")};const t=r;t.install=function(o){c(o,t,s+"Classification")};export{a as CBaseSearch,t as CClassification,e as CQuickSearch};