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

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

@@ -0,0 +1,103 @@
+import { defineComponent, ref, watch, onMounted, computed, openBlock, createElementBlock, createVNode, mergeProps, unref, withCtx, createBlock, createCommentVNode, createElementVNode, Fragment, renderList, toDisplayString, renderSlot } from 'vue';
+import { useVModel, useVirtualList } from '@vueuse/core';
+import RecommendMenu from './RecommendMenu.vue.js';
+import BaseSearch from './BaseSearch.vue.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { class: "recommend-search" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("section", { class: "recommend-search__empty" }, "\u6682\u65E0\u6570\u636E", -1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "RecommendInput",
+  props: {
+    value: { type: String },
+    options: { type: Array, default: () => [] },
+    placeholder: { type: String, default: "\u8BF7\u8F93\u5165" },
+    commonList: { type: Array, default: () => [] },
+    recentList: { type: Array, default: () => [] },
+    recommendDeletable: { type: Boolean, default: true }
+  },
+  emits: ["update:value", "search", "delete", "choose", "clear", "openMenu", "closeMenu"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const baseSearchRef = ref();
+    function setPattern(value = "") {
+      var _a;
+      (_a = baseSearchRef.value) == null ? void 0 : _a.setPattern(value);
+    }
+    const valueRef = useVModel(props, "value", emits);
+    watch(valueRef, setPattern);
+    onMounted(() => setPattern(valueRef.value));
+    const parsedOptions = computed(() => {
+      if (valueRef.value) {
+        return props.options;
+      }
+      return props.options.filter((option) => {
+        return props.commonList.every(notInList) && props.recentList.every(notInList);
+        function notInList(item) {
+          return item.itemObj !== option.itemObj;
+        }
+      });
+    });
+    function search(value) {
+      valueRef.value = value;
+      emits("search", value);
+    }
+    function onOpenMenu() {
+      emits("openMenu");
+    }
+    function onCloseMenu() {
+      emits("closeMenu");
+    }
+    function onChoose({ type, value }) {
+      var _a;
+      valueRef.value = value.itemObj;
+      (_a = baseSearchRef.value) == null ? void 0 : _a.closeMenu();
+      emits("choose", { type, value: value.itemObj });
+    }
+    const { list, wrapperProps, containerProps } = useVirtualList(parsedOptions, { itemHeight: 32, overscan: 3 });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createVNode(BaseSearch, mergeProps({
+          ref_key: "baseSearchRef",
+          ref: baseSearchRef,
+          "display-value": unref(valueRef),
+          "clear-pattern-on-open-menu": false,
+          placeholder: __props.placeholder,
+          onSearch: search,
+          onOpenMenu,
+          onCloseMenu
+        }, _ctx.$attrs), {
+          menu: withCtx(() => [
+            !unref(valueRef) ? (openBlock(), createBlock(RecommendMenu, {
+              key: 0,
+              "common-list": __props.commonList,
+              "recent-list": __props.recentList,
+              deletable: __props.recommendDeletable,
+              onDelete: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("delete", $event)),
+              onChoose
+            }, null, 8, ["common-list", "recent-list", "deletable"])) : createCommentVNode("v-if", true),
+            unref(parsedOptions).length ? (openBlock(), createElementBlock("section", mergeProps({ key: 1 }, unref(containerProps), { style: { "height": "256px" } }), [
+              createElementVNode("section", mergeProps({ class: "recommend-search__optionList" }, unref(wrapperProps)), [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (option) => {
+                  return openBlock(), createElementBlock("div", {
+                    onClick: ($event) => onChoose({ value: option.data }),
+                    key: option.data.itemObj,
+                    class: "recommend-search__option"
+                  }, toDisplayString(option.data.itemObj), 9, _hoisted_2);
+                }), 128))
+              ], 16)
+            ], 16)) : createCommentVNode("v-if", true),
+            !unref(parsedOptions).length && unref(valueRef) ? renderSlot(_ctx.$slots, "empty", { key: 2 }, () => [
+              _hoisted_3
+            ]) : createCommentVNode("v-if", true)
+          ]),
+          _: 3
+        }, 16, ["display-value", "placeholder"])
+      ]);
+    };
+  }
+});
+var RecommendInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "RecommendInput.vue"]]);
+
+export { RecommendInput as default };

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

@@ -0,0 +1,63 @@
+import { RecommendType } from '../constant';
+import { RecommendItem } from '../types';
+declare const _default: 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;
+}>;
+export default _default;

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

@@ -0,0 +1,104 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, createBlock, unref, createCommentVNode, Fragment, renderList, withCtx, toDisplayString } from 'vue';
+import { TrashOutline } from '@vicons/ionicons5';
+import { NIcon, NTag } from 'naive-ui';
+import { RecommendType } from '../constant/index.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { class: "recommend-search__menuRecommend" };
+const _hoisted_2 = {
+  key: 0,
+  class: "recommend-search__recentRecommend"
+};
+const _hoisted_3 = { class: "recommend-search__menuRecommendList" };
+const _hoisted_4 = {
+  key: 1,
+  class: "recommend-search__commonRecommend"
+};
+const _hoisted_5 = { class: "recommend-search__menuRecommendList" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "RecommendMenu",
+  props: {
+    getDisplayValue: { type: Function, default: (item) => item.itemObj },
+    commonList: { default: () => [] },
+    recentList: { default: () => [] },
+    deletable: { type: Boolean }
+  },
+  emits: ["delete", "choose"],
+  setup(__props, { emit: emits }) {
+    function clickTag(type, value) {
+      emits("choose", { type, value });
+    }
+    function clickCommonTag(value) {
+      clickTag(RecommendType.COMMONLY, value);
+    }
+    function clickRecentTag(value) {
+      clickTag(RecommendType.RECENTLY, value);
+    }
+    function deleteTag(type) {
+      emits("delete", type);
+    }
+    function deleteCommonTag() {
+      deleteTag(RecommendType.COMMONLY);
+    }
+    function deleteRecentTag() {
+      deleteTag(RecommendType.RECENTLY);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        __props.commonList.length ? (openBlock(), createElementBlock("section", _hoisted_2, [
+          createElementVNode("header", null, [
+            createTextVNode(" \u5E38\u7528\u641C\u7D22 "),
+            __props.deletable ? (openBlock(), createBlock(unref(NIcon), {
+              key: 0,
+              component: unref(TrashOutline),
+              onClick: deleteRecentTag
+            }, null, 8, ["component"])) : createCommentVNode("v-if", true)
+          ]),
+          createElementVNode("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.commonList, (item) => {
+              return openBlock(), createBlock(unref(NTag), {
+                size: "small",
+                onClick: ($event) => clickCommonTag(item),
+                type: "primary",
+                key: item.itemObj
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.getDisplayValue(item)), 1)
+                ]),
+                _: 2
+              }, 1032, ["onClick"]);
+            }), 128))
+          ])
+        ])) : createCommentVNode("v-if", true),
+        __props.recentList.length ? (openBlock(), createElementBlock("section", _hoisted_4, [
+          createElementVNode("header", null, [
+            createTextVNode(" \u6700\u8FD1\u641C\u7D22 "),
+            __props.deletable ? (openBlock(), createBlock(unref(NIcon), {
+              key: 0,
+              component: unref(TrashOutline),
+              onClick: deleteCommonTag
+            }, null, 8, ["component"])) : createCommentVNode("v-if", true)
+          ]),
+          createElementVNode("div", _hoisted_5, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.recentList, (item) => {
+              return openBlock(), createBlock(unref(NTag), {
+                size: "small",
+                onClick: ($event) => clickRecentTag(item),
+                type: "primary",
+                key: item.itemObj
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.getDisplayValue(item)), 1)
+                ]),
+                _: 2
+              }, 1032, ["onClick"]);
+            }), 128))
+          ])
+        ])) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+var RecommendMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "RecommendMenu.vue"]]);
+
+export { RecommendMenu as default };

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

@@ -0,0 +1,350 @@
+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: PropType<string | number | null>;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    editPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    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: PropType<string | number | null>;
+        };
+        labelKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        valueKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        editPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        options: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
+        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;
+    showRef: import("vue").Ref<boolean>;
+    displayPlaceholder: import("vue").ComputedRef<string>;
+    currentOption: import("vue").Ref<AnyObject | undefined>;
+    jsonParse: import("@vueuse/core").UseMemoizedFn<any, [value: string]>;
+    getValue: (item: RecommendItem) => any;
+    getDisplayValue: (item: RecommendItem | string | number) => any;
+    baseSearchRef: import("vue").Ref<BaseSearchExpose | undefined>;
+    valueRef: import("vue").Ref<string | number | null | undefined> | import("vue").WritableComputedRef<string | number | null | undefined>;
+    parsedOptions: import("vue").ComputedRef<AnyObject[]>;
+    search: (value?: string) => void;
+    onOpenMenu: () => void;
+    onCloseMenu: () => void;
+    onClear: () => void;
+    emitChoose: (value: unknown, type?: RecommendType) => void;
+    onChooseRecommend: ({ type, value }: {
+        type?: RecommendType | undefined;
+        value: RecommendItem;
+    }) => void;
+    onChooseOption: (option: AnyObject) => 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: PropType<string | number | null>;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    editPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    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;
+    editPlaceholder: string;
+    labelKey: string;
+    valueKey: string;
+    commonList: RecommendItem[];
+    recentList: RecommendItem[];
+    recommendDeletable: boolean;
+}>;
+export default _default;