cnhis-design-vue 3.1.17 → 3.1.18-beta.11

package/es/components/shortcut-setter/src/ShortcutSetterItem.js

@@ -0,0 +1,73 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createVNode, unref, withModifiers } from 'vue';
+import { NInput } from 'naive-ui';
+import { getDisplaySignature } from '../../shortcut-provider/src/utils/index2.js';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { class: "shortcut-setter-item__wrapper" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ShortcutSetterItem",
+  props: {
+    shortcutKey: null,
+    shortcutSignature: null,
+    value: null,
+    onChange: null,
+    onFocus: null,
+    placeholder: { default: "\u70B9\u51FB\u8BBE\u7F6E\u5FEB\u6377\u952E" },
+    editPlaceholder: { default: "\u952E\u76D8\u6309\u4E0B\u8981\u8BBE\u7F6E\u7684\u5FEB\u6377\u952E\u7EC4\u5408" }
+  },
+  emits: ["shortcutChange"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const currentSetShortcut = ref(getDisplaySignature(props.shortcutSignature));
+    const state = ref(0);
+    const isEditState = computed(() => state.value === 0);
+    const currentEditShortcut = ref("");
+    const showContent = computed(() => {
+      return isEditState.value ? currentSetShortcut.value : currentEditShortcut.value;
+    });
+    const placeholder = computed(() => {
+      return isEditState.value ? props.placeholder : props.editPlaceholder;
+    });
+    function onInputFocus() {
+      state.value = 1;
+    }
+    const inputRef = ref();
+    function onInputBlur() {
+      var _a;
+      state.value = 0;
+      currentEditShortcut.value = "";
+      (_a = inputRef.value) == null ? void 0 : _a.blur();
+    }
+    const onInputKeyDown = (event) => {
+      currentEditShortcut.value = getDisplaySignature(event);
+    };
+    const onInputKeyUp = async (event) => {
+      try {
+        await new Promise((resolve, reject) => {
+          emit("shortcutChange", { key: props.shortcutKey, info: event, resolve, reject });
+        });
+        currentSetShortcut.value = getDisplaySignature(event);
+      } finally {
+        onInputBlur();
+        currentEditShortcut.value = "";
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createVNode(unref(NInput), {
+          ref_key: "inputRef",
+          ref: inputRef,
+          value: unref(showContent),
+          placeholder: unref(placeholder),
+          onFocus: onInputFocus,
+          onBlur: onInputBlur,
+          onKeydown: withModifiers(onInputKeyDown, ["prevent", "stop"]),
+          onKeyup: withModifiers(onInputKeyUp, ["prevent", "stop"])
+        }, null, 8, ["value", "placeholder", "onKeydown", "onKeyup"])
+      ]);
+    };
+  }
+});
+var ShortcutSetterItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "ShortcutSetterItem.vue"]]);
+
+export { ShortcutSetterItem as default };

package/es/components/shortcut-setter/src/ShortcutSetterItem.vue.d.ts

@@ -0,0 +1,99 @@
+import { AnyObject } from '../../../../es/shared/types';
+import { ShortcutSignatureInfo } from '../../../../es/components/shortcut-provider';
+declare enum ShortcutInputState {
+    STATIC = 0,
+    EDIT = 1
+}
+declare const _default: import("vue").DefineComponent<{
+    shortcutKey: {
+        type: StringConstructor;
+        required: true;
+    };
+    shortcutSignature: {
+        type: null;
+        required: true;
+    };
+    value: {
+        type: null;
+        required: true;
+    };
+    onChange: {
+        type: null;
+        required: true;
+    };
+    onFocus: {
+        type: null;
+        required: true;
+    };
+    placeholder: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    editPlaceholder: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}, {
+    props: {
+        shortcutKey: string;
+        shortcutSignature: ShortcutSignatureInfo;
+        value: unknown;
+        onChange: unknown;
+        onFocus: unknown;
+        placeholder: string;
+        editPlaceholder: string;
+    };
+    ShortcutInputState: typeof ShortcutInputState;
+    currentSetShortcut: import("vue").Ref<string>;
+    state: import("vue").Ref<ShortcutInputState>;
+    isEditState: import("vue").ComputedRef<boolean>;
+    currentEditShortcut: import("vue").Ref<string>;
+    showContent: import("vue").ComputedRef<string>;
+    placeholder: import("vue").ComputedRef<string>;
+    onInputFocus: () => void;
+    inputRef: import("vue").Ref<AnyObject | undefined>;
+    onInputBlur: () => void;
+    onInputKeyDown: (event: KeyboardEvent) => void;
+    emit: (event: "shortcutChange", ...args: any[]) => void;
+    onInputKeyUp: (event: KeyboardEvent) => Promise<void>;
+    NInput: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "shortcutChange"[], "shortcutChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    shortcutKey: {
+        type: StringConstructor;
+        required: true;
+    };
+    shortcutSignature: {
+        type: null;
+        required: true;
+    };
+    value: {
+        type: null;
+        required: true;
+    };
+    onChange: {
+        type: null;
+        required: true;
+    };
+    onFocus: {
+        type: null;
+        required: true;
+    };
+    placeholder: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    editPlaceholder: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}>> & {
+    onShortcutChange?: ((...args: any[]) => any) | undefined;
+}, {
+    placeholder: string;
+    editPlaceholder: string;
+}>;
+export default _default;

package/es/components/shortcut-setter/src/types/index.d.ts

@@ -0,0 +1,6 @@
+import { ShortcutSignatureInfo } from '../../../../../es/components/shortcut-provider';
+export interface ShortcutSetterExpose {
+    loadSignature(): void;
+    getSignature(): Record<string, ShortcutSignatureInfo>;
+    setSignature(): void;
+}

package/es/components/shortcut-setter/style/index.css

@@ -0,0 +1 @@
+.shortcut-setter-item__wrapper{display:flex}.shortcut-setter-item__operation{display:flex;gap:12px;margin-left:12px}

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

@@ -0,0 +1,84 @@
+import { SFCWithInstall } from '../../../es/shared/types';
+declare const StepsWheel: SFCWithInstall<import("vue").DefineComponent<{
+    stepInfo: {
+        type: ObjectConstructor;
+        default: () => {
+            list: never[];
+            cols: number;
+        };
+    };
+    currentStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    toolTipShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lastNodeRender: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        stepInfo: {
+            type: ObjectConstructor;
+            default: () => {
+                list: never[];
+                cols: number;
+            };
+        };
+        currentStep: {
+            type: NumberConstructor;
+            default: number;
+        };
+        toolTipShow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        lastNodeRender: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
+    nodeRowCount: import("vue").ComputedRef<number>;
+    lastNodeRenderShow: import("vue").ComputedRef<boolean>;
+    stepInfoList: import("vue").Ref<any[]>;
+    handleNode: (nodeList: any[], cols: number) => void;
+    lineCircleLeft: (stepItem: any) => boolean;
+    lineCircleRight: (stepItem: any) => boolean;
+    lineActiveShow: (stepItem: any, index: number) => boolean;
+    format2DArray: (baseArray: any[], cols: number) => never[];
+    lastLineHidden: (index: number) => boolean;
+    handleFinishLastNodeCss: (index: number) => boolean;
+    handleFinishLastNodeLine: (index: number) => boolean;
+    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;
+        default: () => {
+            list: never[];
+            cols: number;
+        };
+    };
+    currentStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    toolTipShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lastNodeRender: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    stepInfo: Record<string, any>;
+    currentStep: number;
+    toolTipShow: boolean;
+    lastNodeRender: boolean;
+}>>;
+export default StepsWheel;

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

@@ -0,0 +1 @@
+export { default } from './index2.js';

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

@@ -0,0 +1,10 @@
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable2.js';
+import { safeComponentRegister } from '../../shared/utils/index2.js';
+import script from './src/StepsWheel.js';
+
+const StepsWheel = script;
+StepsWheel.install = function(app) {
+  safeComponentRegister(app, StepsWheel, COMPONENT_NAMESPACE + "StepsWheel");
+};
+
+export { StepsWheel as default };

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

@@ -0,0 +1,83 @@
+declare const _default: import("vue").DefineComponent<{
+    stepInfo: {
+        type: ObjectConstructor;
+        default: () => {
+            list: never[];
+            cols: number;
+        };
+    };
+    currentStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    toolTipShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lastNodeRender: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        stepInfo: {
+            type: ObjectConstructor;
+            default: () => {
+                list: never[];
+                cols: number;
+            };
+        };
+        currentStep: {
+            type: NumberConstructor;
+            default: number;
+        };
+        toolTipShow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        lastNodeRender: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
+    nodeRowCount: import("vue").ComputedRef<number>;
+    lastNodeRenderShow: import("vue").ComputedRef<boolean>;
+    stepInfoList: import("vue").Ref<any[]>;
+    handleNode: (nodeList: any[], cols: number) => void;
+    lineCircleLeft: (stepItem: any) => boolean;
+    lineCircleRight: (stepItem: any) => boolean;
+    lineActiveShow: (stepItem: any, index: number) => boolean;
+    format2DArray: (baseArray: any[], cols: number) => never[];
+    lastLineHidden: (index: number) => boolean;
+    handleFinishLastNodeCss: (index: number) => boolean;
+    handleFinishLastNodeLine: (index: number) => boolean;
+    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;
+        default: () => {
+            list: never[];
+            cols: number;
+        };
+    };
+    currentStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    toolTipShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lastNodeRender: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    stepInfo: Record<string, any>;
+    currentStep: number;
+    toolTipShow: boolean;
+    lastNodeRender: boolean;
+}>;
+export default _default;

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

@@ -0,0 +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}

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

@@ -0,0 +1,81 @@
+import { SFCWithInstall } from '../../../es/shared/types';
+declare const TimeLine: SFCWithInstall<import("vue").DefineComponent<{
+    items: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => never[];
+    };
+}, {
+    props: {
+        items: {
+            type: "default" | "error" | "success" | "warning" | "info";
+            subItem: {
+                title: string;
+                name: string;
+                time: string;
+                extraText?: string | undefined;
+                content: string;
+            }[];
+        }[];
+    };
+    NTimeline: any;
+    NTimelineItem: import("vue").DefineComponent<{
+        time: import("vue").PropType<string | number>;
+        title: StringConstructor;
+        content: StringConstructor;
+        color: StringConstructor;
+        lineType: {
+            type: import("vue").PropType<"default" | "dashed">;
+            default: string;
+        };
+        type: {
+            type: import("vue").PropType<"default" | "error" | "success" | "warning" | "info">;
+            default: string;
+        };
+    }, {
+        mergedClsPrefix: import("vue").Ref<string>;
+        cssVars: import("vue").ComputedRef<{
+            '--n-bezier': string;
+            '--n-circle-border': string;
+            '--n-icon-color': string;
+            '--n-content-font-size': string;
+            '--n-content-text-color': string;
+            '--n-line-color': string;
+            '--n-meta-text-color': string;
+            '--n-title-font-size': string;
+            '--n-title-font-weight': string;
+            '--n-title-margin': string;
+            '--n-title-text-color': string;
+            '--n-icon-size': string;
+        }> | 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<{
+        time: import("vue").PropType<string | number>;
+        title: StringConstructor;
+        content: StringConstructor;
+        color: StringConstructor;
+        lineType: {
+            type: import("vue").PropType<"default" | "dashed">;
+            default: string;
+        };
+        type: {
+            type: import("vue").PropType<"default" | "error" | "success" | "warning" | "info">;
+            default: string;
+        };
+    }>>, {
+        type: "default" | "error" | "success" | "warning" | "info";
+        lineType: "default" | "dashed";
+    }>;
+    NButton: any;
+    NSpace: 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<{
+    items: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => never[];
+    };
+}>>, {
+    items: unknown[];
+}>>;
+export default TimeLine;

package/es/components/time-line/index.js

@@ -0,0 +1 @@
+export { default } from './index2.js';

package/es/components/time-line/index2.js

@@ -0,0 +1,10 @@
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable2.js';
+import { safeComponentRegister } from '../../shared/utils/index2.js';
+import script from './src/TimeLine.js';
+
+const TimeLine = script;
+TimeLine.install = function(app) {
+  safeComponentRegister(app, TimeLine, COMPONENT_NAMESPACE + "TimeLine");
+};
+
+export { TimeLine as default };

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

@@ -0,0 +1,84 @@
+import { PropType } from 'vue';
+declare type TtemType = 'default' | 'success' | 'info' | 'warning' | 'error';
+declare type SubItem = {
+    title: string;
+    name: string;
+    time: string;
+    extraText?: string;
+    content: string;
+};
+declare type Item = {
+    type: TtemType;
+    subItem: SubItem[];
+};
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => never[];
+    };
+}, {
+    props: {
+        items: Array<Item>;
+    };
+    NTimeline: any;
+    NTimelineItem: import("vue").DefineComponent<{
+        time: PropType<string | number>;
+        title: StringConstructor;
+        content: StringConstructor;
+        color: StringConstructor;
+        lineType: {
+            type: PropType<"default" | "dashed">;
+            default: string;
+        };
+        type: {
+            type: PropType<"default" | "error" | "success" | "warning" | "info">;
+            default: string;
+        };
+    }, {
+        mergedClsPrefix: import("vue").Ref<string>;
+        cssVars: import("vue").ComputedRef<{
+            '--n-bezier': string;
+            '--n-circle-border': string;
+            '--n-icon-color': string;
+            '--n-content-font-size': string;
+            '--n-content-text-color': string;
+            '--n-line-color': string;
+            '--n-meta-text-color': string;
+            '--n-title-font-size': string;
+            '--n-title-font-weight': string;
+            '--n-title-margin': string;
+            '--n-title-text-color': string;
+            '--n-icon-size': string;
+        }> | 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<{
+        time: PropType<string | number>;
+        title: StringConstructor;
+        content: StringConstructor;
+        color: StringConstructor;
+        lineType: {
+            type: PropType<"default" | "dashed">;
+            default: string;
+        };
+        type: {
+            type: PropType<"default" | "error" | "success" | "warning" | "info">;
+            default: string;
+        };
+    }>>, {
+        type: "default" | "error" | "success" | "warning" | "info";
+        lineType: "default" | "dashed";
+    }>;
+    NButton: any;
+    NSpace: 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<{
+    items: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => never[];
+    };
+}>>, {
+    items: unknown[];
+}>;
+export default _default;

package/es/components/time-line/style/index.css

@@ -0,0 +1 @@
+.c-time-line.n-timeline .n-timeline-item .n-timeline-item-timeline .n-timeline-item-timeline__circle{border-width:5px;height:10px;margin-left:2px;width:10px}.c-time-line .content{background-color:#fafafa;border:1px solid #d5d5d5;border-radius:4px;box-sizing:border-box;color:#212121;font-size:14px;margin-bottom:10px;padding:10px;width:245px}.c-time-line .content-extra,.c-time-line .content-name{font-size:16px;font-weight:600}.c-time-line .content-extra+span,.c-time-line .content-name+span{color:#666}.c-time-line .content p{line-height:20px;margin:5px 0 0;text-align:left}.c-time-line .content-extra{margin-bottom:8px!important}

package/es/env.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_APP_TYPE: string;
+  // 更多环境变量...
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}
+
+declare module '*.vue' {
+// @ts-ignore
+  import type { App, defineComponent } from 'vue';
+  // // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  // // const component: DefineComponent<{}, {}, any>
+  const component: ReturnType<typeof defineComponent> & {
+    install(app: App): void;
+  };
+  // @ts-ignore
+  export default component;
+}
+
+declare module '*.js';