cnhis-design-vue 3.1.31-beta.1 → 3.1.31-beta.10

package/es/components/recommend-search/src/RecommendSearch.vue.js

@@ -0,0 +1,62 @@
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, mergeProps, isRef, withCtx, renderSlot } from 'vue';
+import { useVModel } from '@vueuse/core';
+import RecommendInput from './components/RecommendInput.vue.js';
+import RecommendSelect from './components/RecommendSelect.vue.js';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "RecommendSearch",
+  props: {
+    mode: { type: String, default: "input" },
+    value: { type: [String, Number] },
+    labelKey: { type: String, default: "label" },
+    valueKey: { type: String, default: "value" },
+    placeholder: { type: String },
+    editPlaceholder: { type: String, default: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57\u8FDB\u884C\u641C\u7D22" },
+    options: { type: Array, default: () => [] },
+    commonList: { type: Array, default: () => [] },
+    recentList: { type: Array, default: () => [] },
+    recommendDeletable: { type: Boolean, default: true },
+    inputProps: { type: Object },
+    popProps: { type: Object }
+  },
+  emits: [
+    "update:value",
+    "search",
+    "delete",
+    "choose",
+    "clear",
+    "openMenu",
+    "closeMenu"
+  ],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const valueRef = useVModel(props, "value", emits);
+    const componentMap = {
+      input: RecommendInput,
+      select: RecommendSelect
+    };
+    const currentComponent = computed(() => {
+      return componentMap[props.mode];
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(currentComponent)), mergeProps(_ctx.$props, {
+        value: unref(valueRef),
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(valueRef) ? valueRef.value = $event : null),
+        onSearch: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("search", $event)),
+        onChoose: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("choose", $event)),
+        onOpenMenu: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("openMenu", $event)),
+        onCloseMenu: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("closeMenu", $event)),
+        onDelete: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("delete", $event))
+      }), {
+        empty: withCtx(() => [
+          renderSlot(_ctx.$slots, "empty")
+        ]),
+        _: 3
+      }, 16, ["value"]);
+    };
+  }
+});
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "RecommendSearch.vue"]]);
+
+export { script as default };

package/es/components/recommend-search/src/components/BaseSearch.vue.d.ts

@@ -0,0 +1,119 @@
+import { Func } from '../../../../../es/shared/types';
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    displayValue: {
+        type: StringConstructor;
+    };
+    valueFormatter: {
+        type: PropType<(value: undefined | number | string | Array<any>) => string>;
+    };
+    show: {
+        type: BooleanConstructor;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    popProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    clearPatternOnOpenMenu: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        displayValue: {
+            type: StringConstructor;
+        };
+        valueFormatter: {
+            type: PropType<(value: undefined | number | string | Array<any>) => string>;
+        };
+        show: {
+            type: BooleanConstructor;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputProps: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        popProps: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        clearPatternOnOpenMenu: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
+        onSearch?: ((...args: any[]) => any) | undefined;
+        onOpenMenu?: ((...args: any[]) => any) | undefined;
+        onCloseMenu?: ((...args: any[]) => any) | undefined;
+    }>>;
+    uuid: string;
+    emits: (event: "clear" | "update:show" | "search" | "openMenu" | "closeMenu", ...args: any[]) => void;
+    search: (content?: any) => void;
+    popoverRef: import("vue").Ref<{
+        syncPosition: Func;
+    } | undefined>;
+    _show: import("vue").Ref<boolean>;
+    show: import("vue").WritableComputedRef<boolean>;
+    inputRef: import("vue").Ref<HTMLElement | undefined>;
+    patternContent: import("vue").Ref<string>;
+    displayValueRef: import("vue").WritableComputedRef<string | undefined>;
+    openMenuAtInput: (evt: PointerEvent) => void;
+    openMenu: () => void;
+    closeMenu: () => void;
+    onClear: () => void;
+    NInput: any;
+    NPopover: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:show" | "search" | "openMenu" | "closeMenu")[], "search" | "closeMenu" | "clear" | "update:show" | "openMenu", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    displayValue: {
+        type: StringConstructor;
+    };
+    valueFormatter: {
+        type: PropType<(value: undefined | number | string | Array<any>) => string>;
+    };
+    show: {
+        type: BooleanConstructor;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    popProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    clearPatternOnOpenMenu: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+    onOpenMenu?: ((...args: any[]) => any) | undefined;
+    onCloseMenu?: ((...args: any[]) => any) | undefined;
+}, {
+    show: boolean;
+    placeholder: string;
+    inputProps: Record<string, any>;
+    popProps: Record<string, any>;
+    clearPatternOnOpenMenu: boolean;
+}>;
+export default _default;

package/es/components/recommend-search/src/components/BaseSearch.vue.js

@@ -0,0 +1,148 @@
+import { defineComponent, ref, computed, openBlock, createBlock, unref, mergeProps, isRef, withCtx, createVNode, withKeys, createElementVNode, renderSlot } from 'vue';
+import { uuidGenerator } from '../../../../shared/utils/index.js';
+import { useDebounceFn, onClickOutside } from '@vueuse/core';
+import { NPopover, NInput } from 'naive-ui';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = ["id"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BaseSearch",
+  props: {
+    displayValue: { type: String },
+    valueFormatter: {
+      type: Function
+    },
+    show: { type: Boolean },
+    placeholder: { type: String, default: "\u8BF7\u8F93\u5165" },
+    inputProps: { type: Object, default: () => ({}) },
+    popProps: { type: Object, default: () => ({}) },
+    clearPatternOnOpenMenu: { type: Boolean, default: true }
+  },
+  emits: ["update:show", "clear", "search", "openMenu", "closeMenu"],
+  setup(__props, { expose, emit: emits }) {
+    const props = __props;
+    const uuid = uuidGenerator();
+    const search = useDebounceFn((content = "") => {
+      emits("search", content);
+    }, 300);
+    const popoverRef = ref();
+    const _show = ref(props.show);
+    const show = computed({
+      get() {
+        return _show.value || props.show;
+      },
+      set(value) {
+        emits("update:show", value);
+        _show.value = value;
+      }
+    });
+    const inputRef = ref();
+    const patternContent = ref("");
+    const displayValueRef = computed({
+      get() {
+        if (show.value)
+          return patternContent.value;
+        return props.displayValue;
+      },
+      set(value) {
+        patternContent.value = value || "";
+        search(value);
+      }
+    });
+    function openMenuAtInput(evt) {
+      var _a;
+      if (((_a = evt.target) == null ? void 0 : _a.tagName) !== "INPUT")
+        return;
+      openMenu();
+    }
+    function openMenu() {
+      if (show.value)
+        return;
+      show.value = true;
+      emits("openMenu");
+      if (props.clearPatternOnOpenMenu) {
+        patternContent.value = "";
+      }
+    }
+    function closeMenu() {
+      var _a;
+      show.value = false;
+      (_a = inputRef.value) == null ? void 0 : _a.blur();
+      emits("closeMenu");
+    }
+    function onClear() {
+      emits("clear");
+    }
+    onClickOutside(inputRef, (evt) => {
+      var _a;
+      if (!show.value)
+        return;
+      const _evt = evt;
+      if (!_evt.target)
+        return closeMenu();
+      if (isInPopper(_evt.target)) {
+        (_a = inputRef.value) == null ? void 0 : _a.focus();
+        return;
+      }
+      closeMenu();
+      function isInPopper(targetEle) {
+        let result = false;
+        let current = targetEle;
+        while (current) {
+          if (current.id === uuid) {
+            result = true;
+            break;
+          }
+          current = current.parentElement;
+        }
+        return result;
+      }
+    });
+    expose({
+      setPattern(value) {
+        patternContent.value = value;
+      },
+      closeMenu,
+      openMenu
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NPopover), mergeProps({
+        trigger: "manual",
+        class: "recommend-search",
+        placement: "bottom-start",
+        show: unref(show),
+        "onUpdate:show": _cache[1] || (_cache[1] = ($event) => isRef(show) ? show.value = $event : null),
+        "show-arrow": false,
+        ref_key: "popoverRef",
+        ref: popoverRef,
+        width: "trigger"
+      }, __props.popProps), {
+        trigger: withCtx(() => [
+          createVNode(unref(NInput), mergeProps(__props.inputProps, {
+            placeholder: __props.placeholder,
+            onClear,
+            onFocus: openMenuAtInput,
+            onClick: openMenuAtInput,
+            onKeydown: withKeys(openMenuAtInput, ["enter"]),
+            ref_key: "inputRef",
+            ref: inputRef,
+            value: unref(displayValueRef),
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(displayValueRef) ? displayValueRef.value = $event : null)
+          }), null, 16, ["placeholder", "onKeydown", "value"])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("section", {
+            id: unref(uuid),
+            class: "base-search__menu"
+          }, [
+            renderSlot(_ctx.$slots, "menu")
+          ], 8, _hoisted_1)
+        ]),
+        _: 3
+      }, 16, ["show"]);
+    };
+  }
+});
+var BaseSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "BaseSearch.vue"]]);
+
+export { BaseSearch as default };

package/es/components/recommend-search/src/components/RecommendInput.vue.d.ts

@@ -0,0 +1,303 @@
+import { AnyObject } from '../../../../../es/shared/types';
+import { PropType } from 'vue';
+import { RecommendType } from '../../../../../es/components/recommend-search/src/constant';
+import { BaseSearchExpose, RecommendItem } from '../../../../../es/components/recommend-search/src/types';
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: StringConstructor;
+    };
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    commonList: {
+        type: PropType<RecommendItem[]>;
+        default: () => never[];
+    };
+    recentList: {
+        type: PropType<RecommendItem[]>;
+        default: () => never[];
+    };
+    recommendDeletable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: StringConstructor;
+        };
+        options: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        commonList: {
+            type: PropType<RecommendItem[]>;
+            default: () => never[];
+        };
+        recentList: {
+            type: PropType<RecommendItem[]>;
+            default: () => never[];
+        };
+        recommendDeletable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+        onDelete?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
+        onSearch?: ((...args: any[]) => any) | undefined;
+        onChoose?: ((...args: any[]) => any) | undefined;
+        onOpenMenu?: ((...args: any[]) => any) | undefined;
+        onCloseMenu?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emits: (event: "delete" | "clear" | "update:value" | "search" | "choose" | "openMenu" | "closeMenu", ...args: any[]) => void;
+    baseSearchRef: import("vue").Ref<BaseSearchExpose | undefined>;
+    setPattern: (value?: string) => void;
+    valueRef: import("vue").Ref<string | undefined> | import("vue").WritableComputedRef<string | undefined>;
+    parsedOptions: import("vue").ComputedRef<AnyObject[]>;
+    search: (value: string) => void;
+    onOpenMenu: () => void;
+    onCloseMenu: () => void;
+    onChoose: ({ type, value }: {
+        type?: RecommendType | undefined;
+        value: RecommendItem;
+    }) => void;
+    list: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<AnyObject>[]>;
+    wrapperProps: import("vue").ComputedRef<{
+        style: {
+            width: string;
+            height: string;
+            marginTop: string;
+        };
+    }>;
+    containerProps: {
+        ref: import("vue").Ref<any>;
+        onScroll: () => void;
+        style: Partial<CSSStyleDeclaration>;
+    };
+    RecommendMenu: import("vue").DefineComponent<{
+        getDisplayValue: {
+            type: FunctionConstructor;
+            required: false;
+            default: (item: RecommendItem) => string;
+        };
+        commonList: {
+            type: ArrayConstructor;
+            required: true;
+            default: () => never[];
+        };
+        recentList: {
+            type: ArrayConstructor;
+            required: true;
+            default: () => never[];
+        };
+        deletable: {
+            type: BooleanConstructor;
+            required: false;
+        };
+    }, {
+        emits: (event: "delete" | "choose", ...args: any[]) => void;
+        clickTag: (type: RecommendType, value: RecommendItem) => void;
+        clickCommonTag: (value: RecommendItem) => void;
+        clickRecentTag: (value: RecommendItem) => void;
+        deleteTag: (type: RecommendType) => void;
+        deleteCommonTag: () => void;
+        deleteRecentTag: () => void;
+        TrashOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        NTag: any;
+        NIcon: any;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "choose")[], "delete" | "choose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        getDisplayValue: {
+            type: FunctionConstructor;
+            required: false;
+            default: (item: RecommendItem) => string;
+        };
+        commonList: {
+            type: ArrayConstructor;
+            required: true;
+            default: () => never[];
+        };
+        recentList: {
+            type: ArrayConstructor;
+            required: true;
+            default: () => never[];
+        };
+        deletable: {
+            type: BooleanConstructor;
+            required: false;
+        };
+    }>> & {
+        onDelete?: ((...args: any[]) => any) | undefined;
+        onChoose?: ((...args: any[]) => any) | undefined;
+    }, {
+        commonList: unknown[];
+        recentList: unknown[];
+        getDisplayValue: Function;
+        deletable: boolean;
+    }>;
+    BaseSearch: import("vue").DefineComponent<{
+        displayValue: {
+            type: StringConstructor;
+        };
+        valueFormatter: {
+            type: PropType<(value: string | number | any[] | undefined) => string>;
+        };
+        show: {
+            type: BooleanConstructor;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputProps: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        popProps: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        clearPatternOnOpenMenu: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            displayValue: {
+                type: StringConstructor;
+            };
+            valueFormatter: {
+                type: PropType<(value: string | number | any[] | undefined) => string>;
+            };
+            show: {
+                type: BooleanConstructor;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            inputProps: {
+                type: ObjectConstructor;
+                default: () => {};
+            };
+            popProps: {
+                type: ObjectConstructor;
+                default: () => {};
+            };
+            clearPatternOnOpenMenu: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+            onClear?: ((...args: any[]) => any) | undefined;
+            onSearch?: ((...args: any[]) => any) | undefined;
+            onOpenMenu?: ((...args: any[]) => any) | undefined;
+            onCloseMenu?: ((...args: any[]) => any) | undefined;
+        }>>;
+        uuid: string;
+        emits: (event: "clear" | "update:show" | "search" | "openMenu" | "closeMenu", ...args: any[]) => void;
+        search: (content?: any) => void;
+        popoverRef: import("vue").Ref<{
+            syncPosition: import("../../../../../es/shared/types").Func<any[], any>;
+        } | undefined>;
+        _show: import("vue").Ref<boolean>;
+        show: import("vue").WritableComputedRef<boolean>;
+        inputRef: import("vue").Ref<HTMLElement | undefined>;
+        patternContent: import("vue").Ref<string>;
+        displayValueRef: import("vue").WritableComputedRef<string | undefined>;
+        openMenuAtInput: (evt: PointerEvent) => void;
+        openMenu: () => void;
+        closeMenu: () => void;
+        onClear: () => void;
+        NInput: any;
+        NPopover: any;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:show" | "search" | "openMenu" | "closeMenu")[], "search" | "closeMenu" | "clear" | "update:show" | "openMenu", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        displayValue: {
+            type: StringConstructor;
+        };
+        valueFormatter: {
+            type: PropType<(value: string | number | any[] | undefined) => string>;
+        };
+        show: {
+            type: BooleanConstructor;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputProps: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        popProps: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        clearPatternOnOpenMenu: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
+        onSearch?: ((...args: any[]) => any) | undefined;
+        onOpenMenu?: ((...args: any[]) => any) | undefined;
+        onCloseMenu?: ((...args: any[]) => any) | undefined;
+    }, {
+        show: boolean;
+        placeholder: string;
+        inputProps: Record<string, any>;
+        popProps: Record<string, any>;
+        clearPatternOnOpenMenu: boolean;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "clear" | "update:value" | "search" | "choose" | "openMenu" | "closeMenu")[], "search" | "closeMenu" | "delete" | "clear" | "update:value" | "choose" | "openMenu", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+    };
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    commonList: {
+        type: PropType<RecommendItem[]>;
+        default: () => never[];
+    };
+    recentList: {
+        type: PropType<RecommendItem[]>;
+        default: () => never[];
+    };
+    recommendDeletable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    onDelete?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+    onChoose?: ((...args: any[]) => any) | undefined;
+    onOpenMenu?: ((...args: any[]) => any) | undefined;
+    onCloseMenu?: ((...args: any[]) => any) | undefined;
+}, {
+    options: AnyObject[];
+    placeholder: string;
+    commonList: RecommendItem[];
+    recentList: RecommendItem[];
+    recommendDeletable: boolean;
+}>;
+export default _default;