cnhis-design-vue 3.1.14-beta.2 → 3.1.14-beta.5

package/es/packages/shortcut-setter/src/ShortcutSetterItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,125 @@
+import { defineComponent, computed, ref, openBlock, createElementBlock, createVNode, unref, withModifiers, createElementVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { debounce, isString } from 'lodash-es';
+import { useMessage, NInput, NButton, NPopconfirm } from 'naive-ui';
+import { useShortcuts } from '../../../packages/shortcut-provider';
+import { transformKey2DisplaySignature, getDisplaySignature } from '../../../packages/shortcut-provider/src/utils';
+import { ShortcutInputState } from '../../../packages/shortcut-setter/constant';
+
+const _hoisted_1 = { class: "shortcut-setter-item__wrapper" };
+const _hoisted_2 = { class: "shortcut-setter-item__operation" };
+const _hoisted_3 = /* @__PURE__ */ createTextVNode("\u91CD\u7F6E");
+const _hoisted_4 = /* @__PURE__ */ createTextVNode(" \u786E\u8BA4\u91CD\u7F6E\u5FEB\u6377\u952E\u5417 ");
+var script = /* @__PURE__ */ defineComponent({
+  __name: "ShortcutSetterItem",
+  props: {
+    glob: { type: Boolean, required: false },
+    value: { type: null, required: true },
+    onChange: { type: null, required: true },
+    onFocus: { type: null, required: true },
+    fieldItem: { type: null, required: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const { query, update, updateState } = useShortcuts(props.glob);
+    const shortcutItem = computed(() => {
+      return query(props.fieldItem.val_key);
+    });
+    const disabledState = computed(() => {
+      var _a;
+      return !!((_a = shortcutItem.value) == null ? void 0 : _a.disabled);
+    });
+    const currentSetShortcut = computed(() => {
+      var _a, _b;
+      return transformKey2DisplaySignature((_b = (_a = shortcutItem.value) == null ? void 0 : _a.currentKeySignature) != null ? _b : "");
+    });
+    const state = ref(ShortcutInputState.STATIC);
+    const currentEditShortcut = ref("");
+    const showContent = computed(() => {
+      return state.value === ShortcutInputState.STATIC ? currentSetShortcut.value : currentEditShortcut.value;
+    });
+    function onInputFocus() {
+      state.value = ShortcutInputState.EDIT;
+    }
+    const inputRef = ref();
+    function onInputBlur() {
+      var _a;
+      state.value = ShortcutInputState.STATIC;
+      currentEditShortcut.value = "";
+      (_a = inputRef.value) == null ? void 0 : _a.blur();
+    }
+    const onInputKeyDown = debounce((event) => {
+      currentEditShortcut.value = getDisplaySignature(event);
+    }, 200, { leading: true, trailing: false });
+    const $message = useMessage();
+    function updateDecorator(fn, afterUpdate) {
+      try {
+        fn();
+      } catch (e) {
+        isString(e) && $message.error(e);
+        currentEditShortcut.value = "";
+      } finally {
+        afterUpdate == null ? void 0 : afterUpdate();
+      }
+    }
+    const onInputKeyUp = debounce((event) => {
+      updateDecorator(() => update(props.fieldItem.val_key, event), () => event.target.blur());
+    }, 200, { leading: true, trailing: false });
+    function onStop() {
+      if (!shortcutItem.value)
+        return;
+      updateDecorator(() => updateState(props.fieldItem.val_key, !disabledState.value), onInputBlur);
+    }
+    function onReset() {
+      if (!shortcutItem.value)
+        return;
+      updateDecorator(() => update(props.fieldItem.val_key, shortcutItem.value.defaultShortcut), onInputBlur);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createVNode(unref(NInput), {
+          ref_key: "inputRef",
+          ref: inputRef,
+          disabled: unref(disabledState),
+          value: unref(showContent),
+          onFocus: onInputFocus,
+          onBlur: onInputBlur,
+          onKeydown: withModifiers(unref(onInputKeyDown), ["prevent", "stop"]),
+          onKeyup: withModifiers(unref(onInputKeyUp), ["prevent", "stop"])
+        }, null, 8, ["disabled", "value", "onKeydown", "onKeyup"]),
+        createElementVNode("section", _hoisted_2, [
+          createVNode(unref(NButton), {
+            text: "",
+            onClick: onStop,
+            type: unref(disabledState) ? "info" : "warning"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(disabledState) ? "\u542F\u7528" : "\u7981\u7528"), 1)
+            ]),
+            _: 1
+          }, 8, ["type"]),
+          createVNode(unref(NPopconfirm), { onPositiveClick: onReset }, {
+            trigger: withCtx(() => [
+              createVNode(unref(NButton), {
+                disabled: unref(disabledState),
+                text: "",
+                onClick: onInputBlur,
+                type: "info"
+              }, {
+                default: withCtx(() => [
+                  _hoisted_3
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ]),
+            default: withCtx(() => [
+              _hoisted_4
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+
+export { script as default };

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

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

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

@@ -0,0 +1,562 @@
+import { SFCWithInstall } from '../../../es/src/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: 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("vueuc").FollowerPlacement>;
+            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>;
+        footerStyle: 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>>;
+        internalDeactivateImmediately: BooleanConstructor;
+        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;
+                closeIconColor: string;
+                closeIconColorHover: string;
+                closeIconColorPressed: string;
+                closeColorHover: string;
+                closeColorPressed: 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("vueuc").FollowerPlacement>;
+            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>;
+        footerStyle: 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>>;
+        internalDeactivateImmediately: BooleanConstructor;
+        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("vueuc").FollowerPlacement;
+        overlap: boolean;
+        scrollable: boolean;
+        trigger: import("naive-ui").PopoverTrigger;
+        showArrow: boolean;
+        delay: number;
+        arrowPointToCenter: boolean;
+        displayDirective: "show" | "if";
+        keepAliveOnHover: boolean;
+        internalDeactivateImmediately: boolean;
+        animated: boolean;
+        internalTrapFocus: boolean;
+        defaultShow: boolean;
+        internalSyncTargetWithParent: boolean;
+        internalInheritedEventHandlers: import("naive-ui/es/popover/src/Popover").TriggerEventHandlers[];
+        internalExtraClass: string[];
+        arrow: boolean | 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<{
+    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;