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

package/es/components/select-person/src/SearchTree.vue.d.ts

@@ -0,0 +1,147 @@
+declare const _default: import("vue").DefineComponent<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchNoMore: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadMorenLoadinng: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    formatTreeData: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    searchValue: {
+        type: StringConstructor;
+    };
+    defaultExpandedKeys: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    allCheckedKeys: {
+        type: ObjectConstructor;
+    };
+    dataListKeys: {
+        type: ObjectConstructor;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        searchNoMore: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        loadMorenLoadinng: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        formatTreeData: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        searchValue: {
+            type: StringConstructor;
+        };
+        defaultExpandedKeys: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        allCheckedKeys: {
+            type: ObjectConstructor;
+        };
+        dataListKeys: {
+            type: ObjectConstructor;
+        };
+    }>> & {
+        onAddCheckedkeysMain?: ((...args: any[]) => any) | undefined;
+        onRemoveCheckedkeysMain?: ((...args: any[]) => any) | undefined;
+        onAddCheckedkeysOther?: ((...args: any[]) => any) | undefined;
+        onRemoveCheckedkeysOther?: ((...args: any[]) => any) | undefined;
+        onSearchOnloadMore?: ((...args: any[]) => any) | undefined;
+    }>>;
+    state: {
+        expandedKeys: never[];
+        autoExpandParent: boolean;
+        checkedKeys: never[];
+        defaultCheckedKeys: {
+            main: never[];
+            other: never[];
+        };
+    };
+    emit: (event: "addCheckedkeysMain" | "removeCheckedkeysMain" | "addCheckedkeysOther" | "removeCheckedkeysOther" | "searchOnloadMore", ...args: any[]) => void;
+    dataLen: import("vue").ComputedRef<number>;
+    resetData: () => void;
+    emitCheckedkeys: () => void;
+    emitCheckedkeysMain: () => void;
+    emitCheckedkeysOther: () => void;
+    calcChangeKeys: (defaultCheckedKeys: any, currentCheckedKeys: any) => {
+        add: never[];
+        remove: never[];
+    };
+    emptyCheckedKeys: () => void;
+    setDefaultCheckedKeys: () => void;
+    setDefaultCheckedKeysMain: () => void;
+    setDefaultCheckedKeysOther: () => void;
+    setCurrentCheckedKeys: () => void;
+    onCheck: (checkedKeys: any) => void;
+    onExpand: (expandedKeys: any) => void;
+    treeCount: (count: any) => string;
+    searchOnloadMore: () => void;
+    formatName: (name: any) => any;
+    renderLabel: ({ option }: {
+        option: any;
+    }) => any;
+    NSpin: any;
+    NTree: any;
+    NIcon: any;
+    Search: 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<{}>>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("addCheckedkeysMain" | "removeCheckedkeysMain" | "addCheckedkeysOther" | "removeCheckedkeysOther" | "searchOnloadMore")[], "addCheckedkeysMain" | "removeCheckedkeysMain" | "addCheckedkeysOther" | "removeCheckedkeysOther" | "searchOnloadMore", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchNoMore: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadMorenLoadinng: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    formatTreeData: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    searchValue: {
+        type: StringConstructor;
+    };
+    defaultExpandedKeys: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    allCheckedKeys: {
+        type: ObjectConstructor;
+    };
+    dataListKeys: {
+        type: ObjectConstructor;
+    };
+}>> & {
+    onAddCheckedkeysMain?: ((...args: any[]) => any) | undefined;
+    onRemoveCheckedkeysMain?: ((...args: any[]) => any) | undefined;
+    onAddCheckedkeysOther?: ((...args: any[]) => any) | undefined;
+    onRemoveCheckedkeysOther?: ((...args: any[]) => any) | undefined;
+    onSearchOnloadMore?: ((...args: any[]) => any) | undefined;
+}, {
+    visible: boolean;
+    searchNoMore: boolean;
+    loadMorenLoadinng: boolean;
+    formatTreeData: unknown[];
+}>;
+export default _default;

package/es/components/select-person/src/SearchTree.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,233 @@
+import { defineComponent, reactive, computed, watch, withDirectives, openBlock, createElementBlock, createVNode, unref, mergeProps, createElementVNode, createCommentVNode, createBlock, vShow, createTextVNode } from 'vue';
+import { NTree, NSpin, NIcon, NTooltip } from 'naive-ui';
+import { Search } from '@vicons/ionicons5';
+
+const _hoisted_1 = {
+  class: "search-tree-wrap"
+};
+const _hoisted_2 = {
+  style: {
+    "text-align": "center"
+  }
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "load-more-btn-wrap"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SearchTree",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    searchNoMore: {
+      type: Boolean,
+      default: false
+    },
+    loadMorenLoadinng: {
+      type: Boolean,
+      default: false
+    },
+    formatTreeData: {
+      type: Array,
+      default: () => []
+    },
+    searchValue: {
+      type: String
+    },
+    defaultExpandedKeys: {
+      type: Array,
+      required: true
+    },
+    allCheckedKeys: {
+      type: Object
+    },
+    dataListKeys: {
+      type: Object
+    }
+  },
+  emits: ["addCheckedkeysMain", "removeCheckedkeysMain", "addCheckedkeysOther", "removeCheckedkeysOther", "searchOnloadMore"],
+  setup(__props, {
+    expose,
+    emit
+  }) {
+    const props = __props;
+    const state = reactive({
+      expandedKeys: [],
+      autoExpandParent: true,
+      checkedKeys: [],
+      defaultCheckedKeys: {
+        main: [],
+        other: []
+      }
+    });
+    const dataLen = computed(() => {
+      var _a;
+      return ((_a = props.formatTreeData) == null ? void 0 : _a.length) || 0;
+    });
+    const resetData = () => {
+      state.checkedKeys = [];
+      state.expandedKeys = [];
+      state.autoExpandParent = true;
+      state.defaultCheckedKeys.main = [];
+      state.defaultCheckedKeys.other = [];
+    };
+    const emitCheckedkeys = () => {
+      emitCheckedkeysMain();
+      emitCheckedkeysOther();
+      setDefaultCheckedKeys();
+    };
+    const emitCheckedkeysMain = () => {
+      let searchCheckedKeysMain = state.checkedKeys.filter((key) => {
+        return props.dataListKeys.main.includes(key);
+      });
+      let defaultCheckedKeysMain = state.defaultCheckedKeys.main;
+      let {
+        add,
+        remove
+      } = calcChangeKeys(defaultCheckedKeysMain, searchCheckedKeysMain);
+      emit("addCheckedkeysMain", add);
+      emit("removeCheckedkeysMain", remove);
+    };
+    const emitCheckedkeysOther = () => {
+      let searchCheckedKeysOther = state.checkedKeys.filter((key) => {
+        return props.dataListKeys.other.includes(key);
+      });
+      let defaultCheckedKeysOther = state.defaultCheckedKeys.other;
+      let {
+        add,
+        remove
+      } = calcChangeKeys(defaultCheckedKeysOther, searchCheckedKeysOther);
+      emit("addCheckedkeysOther", add);
+      emit("removeCheckedkeysOther", remove);
+    };
+    const calcChangeKeys = (defaultCheckedKeys, currentCheckedKeys) => {
+      let add = [];
+      let remove = [];
+      currentCheckedKeys.forEach((key) => {
+        if (!defaultCheckedKeys.includes(key)) {
+          add.push(key);
+        }
+      });
+      defaultCheckedKeys.forEach((key) => {
+        if (!currentCheckedKeys.includes(key)) {
+          remove.push(key);
+        }
+      });
+      return {
+        add,
+        remove
+      };
+    };
+    const emptyCheckedKeys = () => {
+      state.checkedKeys = [];
+      emitCheckedkeys();
+    };
+    const setDefaultCheckedKeys = () => {
+      setDefaultCheckedKeysMain();
+      setDefaultCheckedKeysOther();
+      setCurrentCheckedKeys();
+    };
+    const setDefaultCheckedKeysMain = () => {
+      state.defaultCheckedKeys.main = props.dataListKeys.main.filter((key) => {
+        return props.allCheckedKeys.main.includes(key);
+      });
+    };
+    const setDefaultCheckedKeysOther = () => {
+      state.defaultCheckedKeys.other = props.dataListKeys.other.filter((key) => {
+        return props.allCheckedKeys.other.includes(key);
+      });
+    };
+    const setCurrentCheckedKeys = () => {
+      let {
+        main,
+        other
+      } = state.defaultCheckedKeys;
+      let res = [.../* @__PURE__ */ new Set([...main, ...other])];
+      state.checkedKeys = res;
+    };
+    const onCheck = (checkedKeys) => {
+      state.checkedKeys = checkedKeys;
+      emitCheckedkeys();
+    };
+    const onExpand = (expandedKeys) => {
+      state.expandedKeys = expandedKeys;
+      state.autoExpandParent = false;
+    };
+    const searchOnloadMore = () => {
+      emit("searchOnloadMore");
+    };
+    const renderLabel = ({
+      option
+    }) => {
+      return createVNode("div", {
+        "class": "search-tree-item"
+      }, [createVNode("div", {
+        "class": "info-wrap"
+      }, [createVNode(NTooltip, {
+        "trigger": "hover"
+      }, {
+        default: () => `${option.title} ${option.sub_title || ""}`,
+        trigger: () => createVNode("p", {
+          "class": "info-wrap-top",
+          "style": "margin: 0"
+        }, [createVNode("span", {
+          "class": "info-wrap-title"
+        }, [createVNode("span", {
+          "class": "c-title"
+        }, [option.title]), createTextVNode("\u2009"), createVNode("span", {
+          "class": "c-sub-title"
+        }, [option.sub_title])])])
+      })])]);
+    };
+    watch(() => props.defaultExpandedKeys, (val) => {
+      state.expandedKeys = val;
+    }, {
+      immediate: true,
+      deep: true
+    });
+    watch(() => props.visible, (val) => {
+      if (!val) {
+        resetData();
+        return;
+      }
+      setDefaultCheckedKeys();
+    });
+    watch(() => dataLen, (val) => {
+      if (val.value > 0) {
+        setDefaultCheckedKeys();
+      }
+    });
+    expose({
+      setDefaultCheckedKeys,
+      checkedKeys: state.checkedKeys,
+      emptyCheckedKeys
+    });
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(NTree), mergeProps(_ctx.$attrs, {
+        ref: "searchTree",
+        "onUpdate:expandedKeys": onExpand,
+        "onUpdate:checkedKeys": onCheck,
+        checkable: "",
+        cascade: "",
+        "check-strategy": "all",
+        selectable: false,
+        "checked-keys": state.checkedKeys,
+        "expanded-keys": state.expandedKeys,
+        data: __props.formatTreeData,
+        "render-label": renderLabel
+      }), null, 16, ["checked-keys", "expanded-keys", "data"]), withDirectives(createElementVNode("div", _hoisted_2, [createCommentVNode(" loadMorenLoadinng "), __props.loadMorenLoadinng ? (openBlock(), createBlock(unref(NSpin), {
+        key: 0
+      })) : (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(NIcon), {
+        component: unref(Search),
+        class: "search-input-icon"
+      }, null, 8, ["component"]), createElementVNode("div", {
+        class: "load-more-btn",
+        onClick: searchOnloadMore
+      }, "\u52A0\u8F7D\u66F4\u591A")]))], 512), [[vShow, !__props.searchNoMore]])], 512)), [[vShow, __props.visible]]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/select-person/src/SelectPerson.js

@@ -0,0 +1,6 @@
+import _sfc_main from './SelectPerson.vue_vue_type_script_setup_true_lang.js';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
+
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "SelectPerson.vue"]]);
+
+export { script as default };