cnhis-design-vue 3.1.24-beta.7 → 3.1.24-beta.8

package/es/components/search-cascader/index.d.ts

@@ -0,0 +1,212 @@
+import { SFCWithInstall } from '../../../es/shared/types';
+declare const SearchCascader: SFCWithInstall<import("vue").DefineComponent<{
+    value: {
+        type: import("vue").PropType<string | import("../../../es/shared/types").AnyObject[]>;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    childKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    editPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
+        default: () => never[];
+    };
+    search: {
+        type: import("vue").PropType<import("../../../es/shared/types").Func<any[], any>>;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    beforeSetValue: {
+        type: import("vue").PropType<(value: string | import("../../../es/shared/types").AnyObject[]) => void | (string | import("../../../es/shared/types").AnyObject[]) | Promise<string | import("../../../es/shared/types").AnyObject[]>>;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: import("vue").PropType<string | import("../../../es/shared/types").AnyObject[]>;
+        };
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        childKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        editPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        options: {
+            type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
+            default: () => never[];
+        };
+        search: {
+            type: import("vue").PropType<import("../../../es/shared/types").Func<any[], any>>;
+        };
+        labelKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        valueKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        beforeSetValue: {
+            type: import("vue").PropType<(value: string | import("../../../es/shared/types").AnyObject[]) => void | (string | import("../../../es/shared/types").AnyObject[]) | Promise<string | import("../../../es/shared/types").AnyObject[]>>;
+        };
+    }>> & {
+        onFocus?: ((...args: any[]) => any) | undefined;
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emits: (event: "update:show" | "update:value" | "focus", ...args: any[]) => void;
+    emitValue: (value: string | import("../../../es/shared/types").AnyObject[]) => void;
+    onClear: () => void;
+    onClick: (evt: Event) => void;
+    cssVariable: {
+        '--menu-width': number;
+    };
+    uuid: string;
+    show: import("vue").WritableComputedRef<boolean>;
+    patternContent: import("vue").Ref<string>;
+    displayValue: import("vue").WritableComputedRef<string>;
+    onFocus: (focusEvt: Event) => void;
+    openMenu: () => void;
+    closeMenu: () => Promise<void>;
+    inputRef: import("vue").Ref<any>;
+    popoverRef: import("vue").Ref<any>;
+    currentNode: import("vue").Ref<import("../../../es/shared/types").AnyObject | undefined>;
+    loadingNode: import("vue").Ref<import("../../../es/shared/types").Nullable<import("../../../es/shared/types").AnyObject>>;
+    search: (node?: import("../../../es/shared/types").AnyObject | undefined, keyword?: string | undefined) => Promise<void>;
+    NInput: any;
+    NPopover: any;
+    SearchMenu: import("vue").DefineComponent<{
+        childKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        options: {
+            type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
+            default: () => never[];
+        };
+        onNodeClick: {
+            type: import("vue").PropType<import("../../../es/shared/types").Func<any[], any>>;
+        };
+        labelKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        currentNode: {
+            type: import("vue").PropType<import("../../../es/shared/types").AnyObject>;
+        };
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        childKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        options: {
+            type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
+            default: () => never[];
+        };
+        onNodeClick: {
+            type: import("vue").PropType<import("../../../es/shared/types").Func<any[], any>>;
+        };
+        labelKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        currentNode: {
+            type: import("vue").PropType<import("../../../es/shared/types").AnyObject>;
+        };
+    }>>, {
+        options: import("../../../es/shared/types").AnyObject[];
+        childKey: string;
+        labelKey: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "update:value" | "focus")[], "focus" | "update:show" | "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<string | import("../../../es/shared/types").AnyObject[]>;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    childKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    editPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
+        default: () => never[];
+    };
+    search: {
+        type: import("vue").PropType<import("../../../es/shared/types").Func<any[], any>>;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    beforeSetValue: {
+        type: import("vue").PropType<(value: string | import("../../../es/shared/types").AnyObject[]) => void | (string | import("../../../es/shared/types").AnyObject[]) | Promise<string | import("../../../es/shared/types").AnyObject[]>>;
+    };
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}, {
+    show: boolean;
+    options: import("../../../es/shared/types").AnyObject[];
+    placeholder: string;
+    valueKey: string;
+    clearable: boolean;
+    childKey: string;
+    editPlaceholder: string;
+    labelKey: string;
+}>>;
+export default SearchCascader;

package/es/components/search-cascader/index.js

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

package/es/components/search-cascader/src/SearchCascader.js

@@ -0,0 +1,188 @@
+import { defineComponent, computed, ref, provide, nextTick, openBlock, createBlock, unref, isRef, normalizeStyle, withCtx, createVNode, withKeys, createElementVNode, renderSlot } from 'vue';
+import { uuidGenerator } from '../../../shared/utils/index.js';
+import { onClickOutside, useDebounceFn } from '@vueuse/core';
+import { isString, isArray, isFunction, isObject } from 'lodash-es';
+import { NPopover, NInput } from 'naive-ui';
+import { InjectionSearchCascaderLoadingNode } from './constants/index.js';
+import { useCssVariable } from './hooks/useCssVariable.js';
+import { SearchMenu } from './components/SearchMenu.js';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = ["id"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SearchCascader",
+  props: {
+    value: { type: [String, Array] },
+    show: { type: Boolean, default: false },
+    clearable: { type: Boolean, default: false },
+    childKey: { type: String, default: "children" },
+    placeholder: { type: String, default: "\u8BF7\u9009\u62E9" },
+    editPlaceholder: { type: String, default: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57\u8FDB\u884C\u641C\u7D22" },
+    options: { type: Array, default: () => [] },
+    search: { type: Function },
+    labelKey: { type: String, default: "label" },
+    valueKey: { type: String, default: "value" },
+    beforeSetValue: { type: Function }
+  },
+  emits: ["update:value", "focus", "update:show"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    function emitValue(value) {
+      Promise.resolve(isFunction(props.beforeSetValue) ? props.beforeSetValue(value) : value).then(
+        (result) => {
+          emits("update:value", result);
+        },
+        () => {
+        }
+      );
+    }
+    function onClear() {
+      emitValue([]);
+    }
+    function onClick(evt) {
+      var _a;
+      if (((_a = evt.target) == null ? void 0 : _a.tagName) !== "INPUT")
+        return;
+      openMenu();
+    }
+    const cssVariable = useCssVariable();
+    const uuid = uuidGenerator();
+    const show = computed({
+      get() {
+        return props.show;
+      },
+      set(value) {
+        emits("update:show", value);
+      }
+    });
+    const patternContent = ref("");
+    const displayValue = computed({
+      get() {
+        if (show.value)
+          return patternContent.value;
+        if (isString(props.value))
+          return props.value;
+        if (isArray(props.value))
+          return arrayOptionsToString(props.value);
+        return "";
+        function arrayOptionsToString(optionList) {
+          return optionList.reduce((res, item, idx) => {
+            if (idx === 0)
+              return item[props.labelKey];
+            return res + " / " + item[props.labelKey];
+          }, "");
+        }
+      },
+      set(value) {
+        patternContent.value = value;
+        search(void 0, value);
+      }
+    });
+    function onFocus(focusEvt) {
+      emits("focus", focusEvt);
+    }
+    function openMenu() {
+      if (show.value)
+        return;
+      show.value = true;
+      patternContent.value = "";
+      search();
+    }
+    async function closeMenu() {
+      var _a;
+      show.value = false;
+      (_a = inputRef.value) == null ? void 0 : _a.blur();
+    }
+    const inputRef = ref();
+    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;
+      }
+    });
+    const popoverRef = ref();
+    const currentNode = ref();
+    const loadingNode = ref(null);
+    provide(InjectionSearchCascaderLoadingNode, loadingNode);
+    const search = useDebounceFn(async (node, keyword) => {
+      var _a;
+      try {
+        loadingNode.value = node;
+        const result = await (isFunction(props.search) && props.search(node, keyword));
+        currentNode.value = isObject(result) ? result : node;
+      } finally {
+        loadingNode.value = null;
+        await nextTick();
+        (_a = popoverRef.value) == null ? void 0 : _a.syncPosition();
+      }
+    }, 400);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NPopover), {
+        class: "search-cascader",
+        trigger: "manual",
+        show: unref(show),
+        "onUpdate:show": _cache[1] || (_cache[1] = ($event) => isRef(show) ? show.value = $event : null),
+        "show-arrow": false,
+        placement: "bottom-start",
+        style: normalizeStyle(unref(cssVariable)),
+        width: __props.options.length ? void 0 : "trigger",
+        ref_key: "popoverRef",
+        ref: popoverRef
+      }, {
+        trigger: withCtx(() => [
+          createVNode(unref(NInput), {
+            class: "search-cascader__input",
+            placeholder: unref(show) ? __props.editPlaceholder : __props.placeholder,
+            clearable: __props.clearable,
+            onClear,
+            value: unref(displayValue),
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(displayValue) ? displayValue.value = $event : null),
+            ref_key: "inputRef",
+            ref: inputRef,
+            onFocus,
+            onClick,
+            onKeydown: withKeys(onClick, ["enter"])
+          }, null, 8, ["placeholder", "clearable", "value", "onKeydown"])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("section", { id: unref(uuid) }, [
+            createVNode(unref(SearchMenu), {
+              "label-key": __props.labelKey,
+              options: __props.options,
+              onNodeClick: unref(search),
+              "current-node": currentNode.value
+            }, {
+              empty: withCtx(() => [
+                renderSlot(_ctx.$slots, "empty")
+              ]),
+              _: 3
+            }, 8, ["label-key", "options", "onNodeClick", "current-node"])
+          ], 8, _hoisted_1)
+        ]),
+        _: 3
+      }, 8, ["show", "style", "width"]);
+    };
+  }
+});
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "SearchCascader.vue"]]);
+
+export { script as default };

package/es/components/search-cascader/src/SearchCascader.vue.d.ts

@@ -0,0 +1,214 @@
+import { AnyObject, Func, Nullable } from '../../../../es/shared/types';
+import { PropType } from 'vue';
+declare type ValueType = string | AnyObject[];
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: PropType<ValueType>;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    childKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    editPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    search: {
+        type: PropType<Func<any[], any>>;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    beforeSetValue: {
+        type: PropType<(value: ValueType) => void | ValueType | Promise<ValueType>>;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: PropType<ValueType>;
+        };
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        childKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        editPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        options: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
+        search: {
+            type: PropType<Func<any[], any>>;
+        };
+        labelKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        valueKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        beforeSetValue: {
+            type: PropType<(value: ValueType) => void | ValueType | Promise<ValueType>>;
+        };
+    }>> & {
+        onFocus?: ((...args: any[]) => any) | undefined;
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emits: (event: "update:show" | "update:value" | "focus", ...args: any[]) => void;
+    emitValue: (value: ValueType) => void;
+    onClear: () => void;
+    onClick: (evt: Event) => void;
+    cssVariable: {
+        '--menu-width': number;
+    };
+    uuid: string;
+    show: import("vue").WritableComputedRef<boolean>;
+    patternContent: import("vue").Ref<string>;
+    displayValue: import("vue").WritableComputedRef<string>;
+    onFocus: (focusEvt: Event) => void;
+    openMenu: () => void;
+    closeMenu: () => Promise<void>;
+    inputRef: import("vue").Ref<any>;
+    popoverRef: import("vue").Ref<any>;
+    currentNode: import("vue").Ref<AnyObject | undefined>;
+    loadingNode: import("vue").Ref<Nullable<AnyObject>>;
+    search: (node?: AnyObject, keyword?: string) => Promise<void>;
+    NInput: any;
+    NPopover: any;
+    SearchMenu: import("vue").DefineComponent<{
+        childKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        options: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
+        onNodeClick: {
+            type: PropType<Func<any[], any>>;
+        };
+        labelKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        currentNode: {
+            type: PropType<AnyObject>;
+        };
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        childKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        options: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
+        onNodeClick: {
+            type: PropType<Func<any[], any>>;
+        };
+        labelKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        currentNode: {
+            type: PropType<AnyObject>;
+        };
+    }>>, {
+        options: AnyObject[];
+        childKey: string;
+        labelKey: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "update:value" | "focus")[], "focus" | "update:show" | "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: PropType<ValueType>;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    childKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    editPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    search: {
+        type: PropType<Func<any[], any>>;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    beforeSetValue: {
+        type: PropType<(value: ValueType) => void | ValueType | Promise<ValueType>>;
+    };
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}, {
+    show: boolean;
+    options: AnyObject[];
+    placeholder: string;
+    valueKey: string;
+    clearable: boolean;
+    childKey: string;
+    editPlaceholder: string;
+    labelKey: string;
+}>;
+export default _default;

package/es/components/search-cascader/src/components/SearchMenu.d.ts

@@ -0,0 +1,45 @@
+import { AnyObject, Func } from '../../../../../es/shared/types';
+import { PropType } from 'vue';
+export declare const SearchMenu: import("vue").DefineComponent<{
+    childKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    onNodeClick: {
+        type: PropType<Func<any[], any>>;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    currentNode: {
+        type: PropType<AnyObject>;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    childKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    onNodeClick: {
+        type: PropType<Func<any[], any>>;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    currentNode: {
+        type: PropType<AnyObject>;
+    };
+}>>, {
+    options: AnyObject[];
+    childKey: string;
+    labelKey: string;
+}>;