cnhis-design-vue 3.1.19-beta.2 → 3.1.19-beta.4

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

@@ -19,6 +19,14 @@ declare const StepsWheel: SFCWithInstall<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    noDataMsg: {
+        type: StringConstructor;
+        default: string;
+    };
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         stepInfo: {
@@ -40,11 +48,22 @@ declare const StepsWheel: SFCWithInstall<import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        noDataMsg: {
+            type: StringConstructor;
+            default: string;
+        };
+        placement: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & {
         [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
     nodeRowCount: import("vue").ComputedRef<number>;
     lastNodeRenderShow: import("vue").ComputedRef<boolean>;
+    noDataMsg: import("vue").Ref<string>;
+    stepItemRef: any;
+    countBoxWidth: import("vue").ComputedRef<string>;
     stepInfoList: import("vue").Ref<any[]>;
     handleNode: (nodeList: any[], cols: number) => void;
     lineCircleLeft: (stepItem: any) => boolean;
@@ -55,6 +74,7 @@ declare const StepsWheel: SFCWithInstall<import("vue").DefineComponent<{
     handleFinishLastNodeCss: (index: number) => boolean;
     handleFinishLastNodeLine: (index: number) => boolean;
     NTooltip: any;
+    NEmpty: any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     stepInfo: {
         type: ObjectConstructor;
@@ -75,7 +95,17 @@ declare const StepsWheel: SFCWithInstall<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    noDataMsg: {
+        type: StringConstructor;
+        default: string;
+    };
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
+    noDataMsg: string;
+    placement: string;
     stepInfo: Record<string, any>;
     currentStep: number;
     toolTipShow: boolean;

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

@@ -1,9 +1,12 @@
-import { defineComponent, computed, ref, watch, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, createCommentVNode, renderSlot, toDisplayString, createBlock, unref, normalizeStyle, withCtx, withDirectives, vShow, createTextVNode } from 'vue';
-import { NTooltip } from 'naive-ui';
+import { defineComponent, computed, toRefs, ref, watch, openBlock, createElementBlock, normalizeStyle, unref, createElementVNode, Fragment, renderList, normalizeClass, createCommentVNode, renderSlot, toDisplayString, createBlock, withCtx, withDirectives, vShow, createVNode, createTextVNode } from 'vue';
+import { NTooltip, NEmpty } from 'naive-ui';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
-const _hoisted_1 = { class: "stepOut" };
-const _hoisted_2 = { style: { "list-style": "none" } };
+const _hoisted_1 = {
+  key: 0,
+  class: "stepOut"
+};
+const _hoisted_2 = { style: { "list-style": "none", "width": "100%" } };
 const _hoisted_3 = ["title"];
 const _hoisted_4 = /* @__PURE__ */ createElementVNode("ul", { class: "nodeTipContent" }, [
   /* @__PURE__ */ createElementVNode("li", null, [
@@ -25,11 +28,10 @@ const _hoisted_4 = /* @__PURE__ */ createElementVNode("ul", { class: "nodeTipCon
     /* @__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_5 = { class: "stepBottomBox" };
+const _hoisted_5 = ["title"];
 const _hoisted_6 = ["title"];
-const _hoisted_7 = ["title"];
-const _hoisted_8 = { class: "statusTime" };
-const _hoisted_9 = { key: 1 };
+const _hoisted_7 = { key: 1 };
+const _hoisted_8 = { key: 1 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "StepsWheel",
   props: {
@@ -53,6 +55,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     lastNodeRender: {
       type: Boolean,
       default: false
+    },
+    noDataMsg: {
+      type: String,
+      default: "\u6682\u65E0\u8282\u70B9\u6570\u636E"
+    },
+    placement: {
+      type: String,
+      default: "center"
     }
   },
   setup(__props) {
@@ -63,12 +73,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     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 handleNode = (nodeList, cols) => {
       let length = nodeList.length + 1;
-      let rows = Math.ceil(length / cols);
+      let rows = Math.ceil(nodeList.length / cols);
       let sort = true;
-      let arr = new Array();
+      let arr = [];
       for (var i = 0; i < rows; i++) {
         arr[i] = new Array(cols);
         arr[i].fill(null);
@@ -105,10 +128,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       stepInfoList.value = list;
     };
     const lineCircleLeft = (stepItem) => {
-      return stepItem.rowIndex % 2 == 0 && stepItem.nodeType == "frist";
+      const { list = [] } = props.stepInfo;
+      return stepItem.rowIndex % 2 == 0 && stepItem.nodeType == "frist" && stepItem.nodeIndex !== list.length;
     };
     const lineCircleRight = (stepItem) => {
-      return stepItem.rowIndex % 2 != 0 && stepItem.nodeType == "last";
+      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) {
@@ -164,99 +189,123 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }, { immediate: true, deep: true });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("ul", _hoisted_2, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(stepInfoList.value, (stepItem, index) => {
-            return openBlock(), createElementBlock("li", {
-              class: normalizeClass(["stepItem", { [`stepItem_${index + 1}`]: true, [`${stepItem == null ? void 0 : stepItem.stepId}`]: (stepItem == null ? void 0 : stepItem.stepId) ? true : false }]),
-              key: (stepItem == null ? void 0 : stepItem.stepId) || index
-            }, [
-              stepItem ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                createCommentVNode(" \u6B65\u9AA4\u5934\u90E8\u4FE1\u606F "),
-                createElementVNode("div", {
-                  class: normalizeClass(["stepTopBox", { finished: handleFinishLastNodeCss(index) }])
-                }, [
-                  renderSlot(_ctx.$slots, "stepTopBox", {}, () => [
-                    createElementVNode("span", {
-                      title: stepItem.title
-                    }, toDisplayString(stepItem.title), 9, _hoisted_3)
-                  ])
-                ], 2),
-                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", {
-                      stepId: stepItem.stepId
-                    }, () => [
-                      _hoisted_4
+      return openBlock(), createElementBlock("div", {
+        class: "step-wheel-box",
+        style: normalizeStyle({ minWidth: unref(countBoxWidth) })
+      }, [
+        stepInfoList.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("ul", _hoisted_2, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(stepInfoList.value, (stepItem, index) => {
+              return openBlock(), createElementBlock("li", {
+                class: normalizeClass(["stepItem", { [`stepItem_${index + 1}`]: true, [`${stepItem == null ? void 0 : stepItem.stepId}`]: (stepItem == null ? void 0 : stepItem.stepId) ? true : false }]),
+                ref_for: true,
+                ref_key: "stepItemRef",
+                ref: stepItemRef,
+                key: (stepItem == null ? void 0 : stepItem.stepId) || index
+              }, [
+                stepItem ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  createCommentVNode(" \u6B65\u9AA4\u5934\u90E8\u4FE1\u606F "),
+                  createElementVNode("div", {
+                    class: normalizeClass(["stepTopBox", {
+                      finished: handleFinishLastNodeCss(index),
+                      stepTopBox_right: __props.placement === "right",
+                      stepTopBox_left: __props.placement === "left"
+                    }])
+                  }, [
+                    renderSlot(_ctx.$slots, "stepTopBox", {}, () => [
+                      createElementVNode("span", {
+                        title: stepItem.title
+                      }, toDisplayString(stepItem.title), 9, _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,
-                    lineCircleRight: lineCircleRight(stepItem),
-                    lineCircleLeft: lineCircleLeft(stepItem)
-                  })
-                }, null, 2)) : createCommentVNode("v-if", true),
-                createCommentVNode(" \u6B65\u9AA4\u5E95\u90E8\u4FE1\u606F "),
-                createElementVNode("div", _hoisted_5, [
-                  renderSlot(_ctx.$slots, "stepBottomBox", {}, () => [
-                    createCommentVNode(" \u6B65\u9AA4\u540D\u79F0  "),
-                    createElementVNode("p", {
-                      class: normalizeClass(["stepLabel", { labelFinsh: handleFinishLastNodeCss(index) }]),
-                      title: stepItem.label
-                    }, toDisplayString(stepItem.label), 11, _hoisted_6),
-                    withDirectives(createElementVNode("p", {
-                      class: "stepExtra",
-                      title: stepItem.person
-                    }, toDisplayString(stepItem.person), 9, _hoisted_7), [
-                      [vShow, stepItem.person]
+                  ], 2),
+                  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", {
+                        stepId: stepItem.stepId
+                      }, () => [
+                        _hoisted_4
+                      ])
                     ]),
-                    createCommentVNode(" \u6B65\u9AA4\u65F6\u95F4  "),
-                    createElementVNode("p", _hoisted_8, toDisplayString(stepItem.statusTime), 1)
-                  ])
-                ])
-              ], 64)) : (openBlock(), createElementBlock("div", _hoisted_9, [
-                createCommentVNode("null\u5143\u7D20\u5360\u4F4D")
-              ]))
-            ], 2);
-          }), 128))
-        ])
-      ]);
+                    _: 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,
+                      lineCircleRight: lineCircleRight(stepItem),
+                      lineCircleLeft: lineCircleLeft(stepItem)
+                    })
+                  }, 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", {}, () => [
+                      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_5), [
+                        [vShow, stepItem.label]
+                      ]),
+                      withDirectives(createElementVNode("p", {
+                        class: "stepExtra",
+                        title: stepItem.person
+                      }, toDisplayString(stepItem.person), 9, _hoisted_6), [
+                        [vShow, stepItem.person]
+                      ]),
+                      createCommentVNode(" \u6B65\u9AA4\u65F6\u95F4  "),
+                      withDirectives(createElementVNode("p", { class: "statusTime" }, toDisplayString(stepItem.statusTime), 513), [
+                        [vShow, stepItem.statusTime]
+                      ])
+                    ])
+                  ], 2)
+                ], 64)) : (openBlock(), createElementBlock("div", _hoisted_7, [
+                  createCommentVNode("null\u5143\u7D20\u5360\u4F4D")
+                ]))
+              ], 2);
+            }), 128))
+          ])
+        ])) : (openBlock(), createElementBlock("div", _hoisted_8, [
+          createVNode(unref(NEmpty), { description: unref(noDataMsg) }, null, 8, ["description"])
+        ]))
+      ], 4);
     };
   }
 });

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

@@ -18,6 +18,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    noDataMsg: {
+        type: StringConstructor;
+        default: string;
+    };
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         stepInfo: {
@@ -39,11 +47,22 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        noDataMsg: {
+            type: StringConstructor;
+            default: string;
+        };
+        placement: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & {
         [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
     nodeRowCount: import("vue").ComputedRef<number>;
     lastNodeRenderShow: import("vue").ComputedRef<boolean>;
+    noDataMsg: import("vue").Ref<string>;
+    stepItemRef: any;
+    countBoxWidth: import("vue").ComputedRef<string>;
     stepInfoList: import("vue").Ref<any[]>;
     handleNode: (nodeList: any[], cols: number) => void;
     lineCircleLeft: (stepItem: any) => boolean;
@@ -54,6 +73,7 @@ declare const _default: import("vue").DefineComponent<{
     handleFinishLastNodeCss: (index: number) => boolean;
     handleFinishLastNodeLine: (index: number) => boolean;
     NTooltip: any;
+    NEmpty: any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     stepInfo: {
         type: ObjectConstructor;
@@ -74,7 +94,17 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    noDataMsg: {
+        type: StringConstructor;
+        default: string;
+    };
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
+    noDataMsg: string;
+    placement: string;
     stepInfo: Record<string, any>;
     currentStep: number;
     toolTipShow: boolean;

package/es/components/steps-wheel/style/index.css

@@ -1 +1 @@
-.stepOut{display:flex;font-family:PingFangSC-Medium,PingFang SC;font-size:16px;font-weight:500;height:100%;justify-content:center;width:100%}.stepOut .stepItem{float:left;font-family:SimSun;font-size:16px;height:180px;min-width:65px;position:relative;text-align:center;top:48px;width:15%}.stepOut .stepItem .lineCircleRight{border:1px dashed rgba(3,2,2,.4);border-left:none;border-left:0 dashed rgba(3,2,2,.4)!important;border-radius:0 25px 25px 0;display:block;height:100%;left:55%;position:absolute;top:6px;width:30%}.stepOut .stepItem .lineCircleLeft{border-color:#fff;border-bottom:1px dashed rgba(3,2,2,.4);border-left:none;border-left:1px dashed rgba(3,2,2,.4);border-radius:25px 0 0 25px;border-right:0 dashed rgba(3,2,2,.4)!important;border-top:1px dashed rgba(3,2,2,.4);display:block;height:100%;left:15%;position:absolute;top:6px;width:30%}.stepOut .stepItem .lineCircleActive{border:1px solid #2563f4}.stepOut .stepItem .icon{background:#969696;border-radius:50%;height:13px;margin:0 auto;position:relative;width:13px;z-index:888}.stepOut .stepItem .active{background-color:#2563f4}.stepOut .stepItem .finished{background-color:#5dc055!important;border-color:#5dc055!important;color:#fff!important}.stepOut .stepItem .labelFinsh{color:#5dc055!important}.stepOut .stepItem .line{border-bottom:1px dashed rgba(3,2,2,.4);left:55%;position:absolute;top:6px;width:90%;z-index:111}.stepOut .stepItem .lineActive{border-bottom:1px solid #2563f4}.stepOut .stepItem .stepTopBox{background:rgba(110,153,255,.11);border-radius:4px;color:#2563f4;cursor:pointer;height:40px;left:50%;line-height:40px;max-width:70%;min-width:65px;overflow:hidden;padding:0 5px;position:absolute;text-overflow:ellipsis;top:-48px;transform:translateX(-50%);white-space:nowrap}.stepOut .stepItem .stepBottomBox{align-items:center;cursor:pointer;display:flex;flex-direction:column;min-width:65px;width:100%}.stepOut .stepItem .stepLabel{color:#212121;line-height:36px;width:100%}.stepOut .stepItem .stepExtra,.stepOut .stepItem .stepLabel{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stepOut .stepItem .stepExtra{border:1px solid #cacaca;border-radius:4px;height:26px;width:68px}.stepOut .stepItem .statusTime{color:rgba(0,0,0,.6);font-size:14px;font-weight:400;height:34px;margin:0;width:89px}.nodeTipContent{margin:0;max-height:200px;max-width:400px;overflow:auto;padding:0;text-align:center}.nodeTipContent li{list-style:none;margin-bottom:5px}.nodeTipContent li p{margin:0}
+.step-wheel-box{font-family:PingFangSC-Medium,PingFang SC;font-size:16px;font-weight:500;height:100%;width:100%}.step-wheel-box .stepOut{display:flex;justify-content:center}.step-wheel-box .stepOut .stepItem{float:left;font-family:SimSun;font-size:16px;height:180px;min-width:73px;position:relative;text-align:center;top:48px;width:15%}.step-wheel-box .stepOut .stepItem .lineCircleRight{border:1px dashed rgba(3,2,2,.4);border-left:none;border-left:0 dashed rgba(3,2,2,.4)!important;border-radius:0 25px 25px 0;display:block;height:100%;left:55%;position:absolute;top:6px;width:30%}.step-wheel-box .stepOut .stepItem .lineCircleLeft{border-color:#fff;border-bottom:1px dashed rgba(3,2,2,.4);border-left:none;border-left:1px dashed rgba(3,2,2,.4);border-radius:25px 0 0 25px;border-right:0 dashed rgba(3,2,2,.4)!important;border-top:1px dashed rgba(3,2,2,.4);display:block;height:100%;left:15%;position:absolute;top:6px;width:30%}.step-wheel-box .stepOut .stepItem .lineCircleActive{border:1px solid #2563f4}.step-wheel-box .stepOut .stepItem .icon{background:#969696;border-radius:50%;height:13px;margin:0 auto;position:relative;width:13px;z-index:888}.step-wheel-box .stepOut .stepItem .active{background-color:#2563f4}.step-wheel-box .stepOut .stepItem .finished{background-color:#5dc055!important;border-color:#5dc055!important;color:#fff!important}.step-wheel-box .stepOut .stepItem .labelFinsh{color:#5dc055!important}.step-wheel-box .stepOut .stepItem .line{border-bottom:1px dashed rgba(3,2,2,.4);left:55%;position:absolute;top:6px;width:90%;z-index:111}.step-wheel-box .stepOut .stepItem .lineActive{border-bottom:1px solid #2563f4}.step-wheel-box .stepOut .stepItem .stepTopBox{background:rgba(110,153,255,.11);border-radius:4px;color:#2563f4;cursor:pointer;height:40px;left:50%;line-height:40px;max-width:70%;min-width:73px;overflow:hidden;padding:0 5px;position:absolute;text-overflow:ellipsis;top:-48px;transform:translateX(-50%);white-space:nowrap}.step-wheel-box .stepOut .stepItem .stepTopBox_right{transform:translateX(-10%)}.step-wheel-box .stepOut .stepItem .stepTopBox_left{transform:translateX(-90%)}.step-wheel-box .stepOut .stepItem .stepBottomBox{align-items:center;cursor:pointer;display:flex;flex-direction:column;min-width:73px;width:100%}.step-wheel-box .stepOut .stepItem .stepBottomBox_right{align-items:flex-start;left:45%;position:relative}.step-wheel-box .stepOut .stepItem .stepBottomBox_left{align-items:flex-end;left:-45%;position:relative}.step-wheel-box .stepOut .stepItem .stepLabel{color:#212121;line-height:36px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.step-wheel-box .stepOut .stepItem .stepLabel_right{text-align:left}.step-wheel-box .stepOut .stepItem .stepLabel_left{text-align:right}.step-wheel-box .stepOut .stepItem .stepExtra{border:1px solid #cacaca;border-radius:4px;height:26px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:73px}.step-wheel-box .stepOut .stepItem .statusTime{color:rgba(0,0,0,.6);font-size:14px;font-weight:400;height:34px;margin:0;width:73px}.nodeTipContent{margin:0;max-height:200px;max-width:400px;overflow:auto;padding:0;text-align:center}.nodeTipContent li{list-style:none;margin-bottom:5px}.nodeTipContent li p{margin:0}

package/es/components/time-line/index.d.ts

@@ -50,7 +50,7 @@ declare const TimeLine: SFCWithInstall<import("vue").DefineComponent<{
         }> | undefined;
         themeClass: import("vue").Ref<string> | undefined;
         onRender: (() => void) | undefined;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         time: import("vue").PropType<string | number>;
         title: StringConstructor;
         content: StringConstructor;

package/es/components/time-line/src/TimeLine.vue.d.ts

@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
         }> | undefined;
         themeClass: import("vue").Ref<string> | undefined;
         onRender: (() => void) | undefined;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         time: PropType<string | number>;
         title: StringConstructor;
         content: StringConstructor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cnhis-design-vue",
-  "version": "3.1.19-beta.2",
+  "version": "3.1.19-beta.4",
   "license": "ISC",
   "module": "./es/components/index.js",
   "main": "./es/components/index.js",
@@ -10,10 +10,11 @@
     "es/components/*(.css,.less)"
   ],
   "files": [
-    "es"
+    "es",
+    "README.md"
   ],
   "peerDependencies": {
-    "naive-ui": "^2.29.1",
+    "naive-ui": "^2.30.0",
     "vue": "^3.2.0"
   },
   "dependencies": {
@@ -42,7 +43,7 @@
     "min-dash": "^3.8.1",
     "min-dom": "^3.2.1",
     "moment": "^2.29.1",
-    "naive-ui": "^2.29.1",
+    "naive-ui": "^2.30.0",
     "rimraf": "^3.0.2",
     "spark-md5": "^3.0.2",
     "tiny-svg": "^2.2.4",
@@ -65,5 +66,5 @@
     "iOS 7",
     "last 3 iOS versions"
   ],
-  "gitHead": "6cdac6ec5a98755712260db0ba068706fc884c4b"
+  "gitHead": "0b7947b3fce24ea999c0b8e54be9da41e0757c1a"
 }