cnhis-design-vue 3.1.18-beta.7 → 3.1.18

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

@@ -53,479 +53,7 @@ declare const _default: import("vue").DefineComponent<{
     lastLineHidden: (index: number) => boolean;
     handleFinishLastNodeCss: (index: number) => boolean;
     handleFinishLastNodeLine: (index: number) => boolean;
-    NTooltip: import("vue").DefineComponent<{
-        theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Tooltip", {
-            borderRadius: string;
-            boxShadow: string;
-            color: string;
-            textColor: string;
-            padding: string;
-        }, {
-            Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
-                fontSize: string;
-                borderRadius: string;
-                color: string;
-                dividerColor: string;
-                textColor: string;
-                boxShadow: string;
-                space: string;
-                spaceArrow: string;
-                arrowOffset: string;
-                arrowOffsetVertical: string;
-                arrowHeight: string;
-                padding: string;
-            }, any>;
-        }>>;
-        themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Tooltip", {
-            borderRadius: string;
-            boxShadow: string;
-            color: string;
-            textColor: string;
-            padding: string;
-        }, {
-            Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
-                fontSize: string;
-                borderRadius: string;
-                color: string;
-                dividerColor: string;
-                textColor: string;
-                boxShadow: string;
-                space: string;
-                spaceArrow: string;
-                arrowOffset: string;
-                arrowOffsetVertical: string;
-                arrowHeight: string;
-                padding: string;
-            }, any>;
-        }>>>;
-        builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Tooltip", {
-            borderRadius: string;
-            boxShadow: string;
-            color: string;
-            textColor: string;
-            padding: string;
-        }, {
-            Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
-                fontSize: string;
-                borderRadius: string;
-                color: string;
-                dividerColor: string;
-                textColor: string;
-                boxShadow: string;
-                space: string;
-                spaceArrow: string;
-                arrowOffset: string;
-                arrowOffsetVertical: string;
-                arrowHeight: string;
-                padding: string;
-            }, any>;
-        }>>>;
-        show: {
-            type: import("vue").PropType<boolean | undefined>;
-            default: undefined;
-        };
-        defaultShow: BooleanConstructor;
-        showArrow: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        trigger: {
-            type: import("vue").PropType<import("naive-ui").PopoverTrigger>;
-            default: string;
-        };
-        delay: {
-            type: NumberConstructor;
-            default: number;
-        };
-        duration: {
-            type: NumberConstructor;
-            default: number;
-        };
-        raw: BooleanConstructor;
-        placement: {
-            type: import("vue").PropType<import("naive-ui").PopoverPlacement>;
-            default: string;
-        };
-        x: NumberConstructor;
-        y: NumberConstructor;
-        arrowPointToCenter: BooleanConstructor;
-        disabled: BooleanConstructor;
-        getDisabled: import("vue").PropType<() => boolean>;
-        displayDirective: {
-            type: import("vue").PropType<"show" | "if">;
-            default: string;
-        };
-        arrowStyle: import("vue").PropType<string | import("vue").CSSProperties>;
-        flip: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        animated: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        width: {
-            type: import("vue").PropType<number | "trigger">;
-            default: undefined;
-        };
-        overlap: BooleanConstructor;
-        keepAliveOnHover: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        zIndex: NumberConstructor;
-        to: {
-            type: import("vue").PropType<string | boolean | HTMLElement>;
-            default: undefined;
-        };
-        scrollable: BooleanConstructor;
-        contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
-        headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
-        onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
-        'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
-        onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
-        internalSyncTargetWithParent: BooleanConstructor;
-        internalInheritedEventHandlers: {
-            type: import("vue").PropType<import("naive-ui/es/popover/src/Popover").TriggerEventHandlers[]>;
-            default: () => never[];
-        };
-        internalTrapFocus: BooleanConstructor;
-        internalExtraClass: {
-            type: import("vue").PropType<string[]>;
-            default: () => never[];
-        };
-        onShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void> | undefined>;
-        onHide: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void> | undefined>;
-        arrow: {
-            type: import("vue").PropType<boolean | undefined>;
-            default: undefined;
-        };
-        minWidth: NumberConstructor;
-        maxWidth: NumberConstructor;
-    }, {
-        popoverRef: import("vue").Ref<{
-            syncPosition: () => void;
-            setShow: (value: boolean) => void;
-        } | null>;
-        mergedTheme: import("vue").ComputedRef<{
-            common: {
-                baseColor: string;
-                primaryColor: string;
-                primaryColorHover: string;
-                primaryColorPressed: string;
-                primaryColorSuppl: string;
-                infoColor: string;
-                infoColorHover: string;
-                infoColorPressed: string;
-                infoColorSuppl: string;
-                successColor: string;
-                successColorHover: string;
-                successColorPressed: string;
-                successColorSuppl: string;
-                warningColor: string;
-                warningColorHover: string;
-                warningColorPressed: string;
-                warningColorSuppl: string;
-                errorColor: string;
-                errorColorHover: string;
-                errorColorPressed: string;
-                errorColorSuppl: string;
-                textColorBase: string;
-                textColor1: string;
-                textColor2: string;
-                textColor3: string;
-                textColorDisabled: string;
-                placeholderColor: string;
-                placeholderColorDisabled: string;
-                iconColor: string;
-                iconColorHover: string;
-                iconColorPressed: string;
-                iconColorDisabled: string;
-                opacity1: string;
-                opacity2: string;
-                opacity3: string;
-                opacity4: string;
-                opacity5: string;
-                dividerColor: string;
-                borderColor: string;
-                closeColor: string;
-                closeColorHover: string;
-                closeColorPressed: string;
-                closeColorDisabled: string;
-                clearColor: string;
-                clearColorHover: string;
-                clearColorPressed: string;
-                scrollbarColor: string;
-                scrollbarColorHover: string;
-                scrollbarWidth: string;
-                scrollbarHeight: string;
-                scrollbarBorderRadius: string;
-                progressRailColor: string;
-                railColor: string;
-                popoverColor: string;
-                tableColor: string;
-                cardColor: string;
-                modalColor: string;
-                bodyColor: string;
-                tagColor: string;
-                avatarColor: string;
-                invertedColor: string;
-                inputColor: string;
-                codeColor: string;
-                tabColor: string;
-                actionColor: string;
-                tableHeaderColor: string;
-                hoverColor: string;
-                tableColorHover: string;
-                tableColorStriped: string;
-                pressedColor: string;
-                opacityDisabled: string;
-                inputColorDisabled: string;
-                buttonColor2: string;
-                buttonColor2Hover: string;
-                buttonColor2Pressed: string;
-                boxShadow1: string;
-                boxShadow2: string;
-                boxShadow3: string;
-                fontFamily: string;
-                fontFamilyMono: string;
-                fontWeight: string;
-                fontWeightStrong: string;
-                cubicBezierEaseInOut: string;
-                cubicBezierEaseOut: string;
-                cubicBezierEaseIn: string;
-                borderRadius: string;
-                borderRadiusSmall: string;
-                fontSize: string;
-                fontSizeMini: string;
-                fontSizeTiny: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                lineHeight: string;
-                heightMini: string;
-                heightTiny: string;
-                heightSmall: string;
-                heightMedium: string;
-                heightLarge: string;
-                heightHuge: string;
-                name: "common";
-            };
-            self: {
-                borderRadius: string;
-                boxShadow: string;
-                color: string;
-                textColor: string;
-                padding: string;
-            };
-            peers: {
-                Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
-                    fontSize: string;
-                    borderRadius: string;
-                    color: string;
-                    dividerColor: string;
-                    textColor: string;
-                    boxShadow: string;
-                    space: string;
-                    spaceArrow: string;
-                    arrowOffset: string;
-                    arrowOffsetVertical: string;
-                    arrowHeight: string;
-                    padding: string;
-                }, any>;
-            };
-            peerOverrides: {
-                Popover?: {
-                    peers?: {
-                        [x: string]: any;
-                    } | undefined;
-                } | undefined;
-            };
-        }>;
-        popoverThemeOverrides: import("vue").ComputedRef<{
-            borderRadius: string;
-            boxShadow: string;
-            color: string;
-            textColor: string;
-            padding: string;
-        }>;
-        syncPosition: () => void;
-        setShow: (value: boolean) => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Tooltip", {
-            borderRadius: string;
-            boxShadow: string;
-            color: string;
-            textColor: string;
-            padding: string;
-        }, {
-            Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
-                fontSize: string;
-                borderRadius: string;
-                color: string;
-                dividerColor: string;
-                textColor: string;
-                boxShadow: string;
-                space: string;
-                spaceArrow: string;
-                arrowOffset: string;
-                arrowOffsetVertical: string;
-                arrowHeight: string;
-                padding: string;
-            }, any>;
-        }>>;
-        themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Tooltip", {
-            borderRadius: string;
-            boxShadow: string;
-            color: string;
-            textColor: string;
-            padding: string;
-        }, {
-            Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
-                fontSize: string;
-                borderRadius: string;
-                color: string;
-                dividerColor: string;
-                textColor: string;
-                boxShadow: string;
-                space: string;
-                spaceArrow: string;
-                arrowOffset: string;
-                arrowOffsetVertical: string;
-                arrowHeight: string;
-                padding: string;
-            }, any>;
-        }>>>;
-        builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Tooltip", {
-            borderRadius: string;
-            boxShadow: string;
-            color: string;
-            textColor: string;
-            padding: string;
-        }, {
-            Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
-                fontSize: string;
-                borderRadius: string;
-                color: string;
-                dividerColor: string;
-                textColor: string;
-                boxShadow: string;
-                space: string;
-                spaceArrow: string;
-                arrowOffset: string;
-                arrowOffsetVertical: string;
-                arrowHeight: string;
-                padding: string;
-            }, any>;
-        }>>>;
-        show: {
-            type: import("vue").PropType<boolean | undefined>;
-            default: undefined;
-        };
-        defaultShow: BooleanConstructor;
-        showArrow: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        trigger: {
-            type: import("vue").PropType<import("naive-ui").PopoverTrigger>;
-            default: string;
-        };
-        delay: {
-            type: NumberConstructor;
-            default: number;
-        };
-        duration: {
-            type: NumberConstructor;
-            default: number;
-        };
-        raw: BooleanConstructor;
-        placement: {
-            type: import("vue").PropType<import("naive-ui").PopoverPlacement>;
-            default: string;
-        };
-        x: NumberConstructor;
-        y: NumberConstructor;
-        arrowPointToCenter: BooleanConstructor;
-        disabled: BooleanConstructor;
-        getDisabled: import("vue").PropType<() => boolean>;
-        displayDirective: {
-            type: import("vue").PropType<"show" | "if">;
-            default: string;
-        };
-        arrowStyle: import("vue").PropType<string | import("vue").CSSProperties>;
-        flip: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        animated: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        width: {
-            type: import("vue").PropType<number | "trigger">;
-            default: undefined;
-        };
-        overlap: BooleanConstructor;
-        keepAliveOnHover: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        zIndex: NumberConstructor;
-        to: {
-            type: import("vue").PropType<string | boolean | HTMLElement>;
-            default: undefined;
-        };
-        scrollable: BooleanConstructor;
-        contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
-        headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
-        onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
-        'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
-        onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
-        internalSyncTargetWithParent: BooleanConstructor;
-        internalInheritedEventHandlers: {
-            type: import("vue").PropType<import("naive-ui/es/popover/src/Popover").TriggerEventHandlers[]>;
-            default: () => never[];
-        };
-        internalTrapFocus: BooleanConstructor;
-        internalExtraClass: {
-            type: import("vue").PropType<string[]>;
-            default: () => never[];
-        };
-        onShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void> | undefined>;
-        onHide: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void> | undefined>;
-        arrow: {
-            type: import("vue").PropType<boolean | undefined>;
-            default: undefined;
-        };
-        minWidth: NumberConstructor;
-        maxWidth: NumberConstructor;
-    }>>, {
-        show: boolean | undefined;
-        flip: boolean;
-        width: number | "trigger";
-        disabled: boolean;
-        duration: number;
-        to: string | boolean | HTMLElement;
-        raw: boolean;
-        placement: import("naive-ui").PopoverPlacement;
-        overlap: boolean;
-        scrollable: boolean;
-        trigger: import("naive-ui").PopoverTrigger;
-        showArrow: boolean;
-        delay: number;
-        arrowPointToCenter: boolean;
-        displayDirective: "show" | "if";
-        keepAliveOnHover: boolean;
-        animated: boolean;
-        internalTrapFocus: boolean;
-        defaultShow: boolean;
-        internalSyncTargetWithParent: boolean;
-        internalInheritedEventHandlers: import("naive-ui/es/popover/src/Popover").TriggerEventHandlers[];
-        internalExtraClass: string[];
-        arrow: boolean | undefined;
-    }>;
+    NTooltip: 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;

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

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