cnhis-design-vue 3.1.6-beta.1 → 3.1.6-beta.2

package/es/packages/select-person/index.d.ts

@@ -1662,6 +1662,7 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: undefined;
         };
+        allowInput: import("vue").PropType<(value: string) => boolean>;
         onMousedown: import("vue").PropType<(e: MouseEvent) => void>;
         onKeydown: import("vue").PropType<(e: KeyboardEvent) => void>;
         onKeyup: import("vue").PropType<(e: KeyboardEvent) => void>;
@@ -1917,7 +1918,7 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
         handleCompositionEnd: (e: CompositionEvent) => void;
         handleInput: (e: Event | CompositionEvent | InputEvent, index?: 0 | 1 | undefined, event?: string | undefined) => void;
         handleInputBlur: (e: FocusEvent) => void;
-        handleInputFocus: (e: FocusEvent) => void;
+        handleInputFocus: (e: FocusEvent, index: number) => void;
         handleWrapperBlur: (e: FocusEvent) => void;
         handleWrapperFocus: (e: FocusEvent) => void;
         handleMouseEnter: () => void;
@@ -1928,7 +1929,7 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
         handleClear: (e: MouseEvent) => void;
         handlePasswordToggleClick: () => void;
         handlePasswordToggleMousedown: (e: MouseEvent) => void;
-        handleWrapperKeyDown: (e: KeyboardEvent) => void;
+        handleWrapperKeydown: (e: KeyboardEvent) => void;
         handleTextAreaMirrorResize: () => void;
         getTextareaScrollContainer: () => HTMLTextAreaElement | null;
         mergedTheme: import("vue").ComputedRef<{
@@ -2217,6 +2218,7 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: undefined;
         };
+        allowInput: import("vue").PropType<(value: string) => boolean>;
         onMousedown: import("vue").PropType<(e: MouseEvent) => void>;
         onKeydown: import("vue").PropType<(e: KeyboardEvent) => void>;
         onKeyup: import("vue").PropType<(e: KeyboardEvent) => void>;
@@ -3182,7 +3184,7 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
         setDefaultCheckedKeysMain: () => void;
         setDefaultCheckedKeysOther: () => void;
         setCurrentCheckedKeys: () => void;
-        onCheck: () => void;
+        onCheck: (checkedKeys: any) => void;
         onExpand: (expandedKeys: any) => void;
         treeCount: (count: any) => string;
         searchOnloadMore: () => void;

package/es/packages/select-person/index.mjs

@@ -1 +1 @@
-export{default}from"./index2.mjs";
+export { default } from './index2.mjs';

package/es/packages/select-person/index2.mjs

@@ -1 +1,11 @@
-import{KEY_COMPONENT_NAME as e}from"cnhis-design-vue/es/src/global/variable";import{safeComponentRegister as s,getComponentName as r}from"cnhis-design-vue/es/src/utils";import"./src/SelectPerson2.mjs";import t from"./src/SelectPerson.vue_vue_type_script_setup_true_lang.mjs";const i=t;i.install=function(t){s(t,i,e+r(i))};export{i as default};
+import { KEY_COMPONENT_NAME } from 'cnhis-design-vue/es/src/global/variable';
+import { safeComponentRegister, getComponentName } from 'cnhis-design-vue/es/src/utils';
+import './src/SelectPerson2.mjs';
+import script from './src/SelectPerson.vue_vue_type_script_setup_true_lang.mjs';
+
+const SelectPerson = script;
+SelectPerson.install = function(app) {
+  safeComponentRegister(app, SelectPerson, KEY_COMPONENT_NAME + getComponentName(SelectPerson));
+};
+
+export { SelectPerson as default };

package/es/packages/select-person/src/SearchTree.mjs

@@ -1 +1,2 @@
-import"./SearchTree2.mjs";export{default}from"./SearchTree.vue_vue_type_script_setup_true_lang.mjs";
+import './SearchTree2.mjs';
+export { default } from './SearchTree.vue_vue_type_script_setup_true_lang.mjs';

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

@@ -90,7 +90,7 @@ declare const _default: import("vue").DefineComponent<{
     setDefaultCheckedKeysMain: () => void;
     setDefaultCheckedKeysOther: () => void;
     setCurrentCheckedKeys: () => void;
-    onCheck: () => void;
+    onCheck: (checkedKeys: any) => void;
     onExpand: (expandedKeys: any) => void;
     treeCount: (count: any) => string;
     searchOnloadMore: () => void;

package/es/packages/select-person/src/SearchTree.vue_vue_type_script_setup_true_lang.mjs

@@ -1 +1,233 @@
-import{defineComponent as e,reactive as a,computed as t,watch as d,withDirectives as s,openBlock as c,createElementBlock as r,createVNode as l,unref as n,mergeProps as o,createElementVNode as i,createCommentVNode as h,createBlock as y,vShow as k,createTextVNode as p}from"vue";import{NTree as u,NSpin as K,NIcon as m,NTooltip as f}from"naive-ui";import{Search as v}from"@vicons/ionicons5";const C={class:"search-tree-wrap"},x={style:{"text-align":"center"}},b={key:1,class:"load-more-btn-wrap"};var g=e({name:"SearchTree",props:{visible:{type:Boolean,default:!1},searchNoMore:{type:Boolean,default:!1},loadMorenLoadinng:{type:Boolean,default:!1},formatTreeData:{type:Array,default:()=>[]},searchValue:{type:String},defaultExpandedKeys:{type:Array,required:!0},allCheckedKeys:{type:Object},dataListKeys:{type:Object}},emits:["addCheckedkeysMain","removeCheckedkeysMain","addCheckedkeysOther","removeCheckedkeysOther","searchOnloadMore"],setup(e,{expose:g,emit:M}){const L=e,O=a({expandedKeys:[],autoExpandParent:!0,checkedKeys:[],defaultCheckedKeys:{main:[],other:[]}}),w=t((()=>{var e;return(null==(e=L.formatTreeData)?void 0:e.length)||0})),E=()=>{T(),D(),P()},T=()=>{let e=O.checkedKeys.filter((e=>L.dataListKeys.main.includes(e))),a=O.defaultCheckedKeys.main,{add:t,remove:d}=B(a,e);M("addCheckedkeysMain",t),M("removeCheckedkeysMain",d)},D=()=>{let e=O.checkedKeys.filter((e=>L.dataListKeys.other.includes(e))),a=O.defaultCheckedKeys.other,{add:t,remove:d}=B(a,e);M("addCheckedkeysOther",t),M("removeCheckedkeysOther",d)},B=(e,a)=>{let t=[],d=[];return a.forEach((a=>{e.includes(a)||t.push(a)})),e.forEach((e=>{a.includes(e)||d.push(e)})),{add:t,remove:d}},P=()=>{S(),U(),$()},S=()=>{O.defaultCheckedKeys.main=L.dataListKeys.main.filter((e=>L.allCheckedKeys.main.includes(e)))},U=()=>{O.defaultCheckedKeys.other=L.dataListKeys.other.filter((e=>L.allCheckedKeys.other.includes(e)))},$=()=>{let{main:e,other:a}=O.defaultCheckedKeys,t=[...new Set([...e,...a])];O.checkedKeys=t},j=()=>{E()},A=e=>{O.expandedKeys=e,O.autoExpandParent=!1},N=()=>{M("searchOnloadMore")},_=({option:e})=>l("div",{class:"search-tree-item"},[l("div",{class:"info-wrap"},[l(f,{trigger:"hover"},{default:()=>`${e.title} ${e.sub_title||""}`,trigger:()=>l("p",{class:"info-wrap-top",style:"margin: 0"},[l("span",{class:"info-wrap-title"},[l("span",{class:"c-title"},[e.title]),p(" "),l("span",{class:"c-sub-title"},[e.sub_title])])])})])]);return d((()=>L.defaultExpandedKeys),(e=>{O.expandedKeys=e}),{immediate:!0,deep:!0}),d((()=>L.visible),(e=>{if(!e)return O.checkedKeys=[],O.expandedKeys=[],O.autoExpandParent=!0,O.defaultCheckedKeys.main=[],void(O.defaultCheckedKeys.other=[]);P()})),d((()=>w),(e=>{e.value>0&&P()})),g({setDefaultCheckedKeys:P,checkedKeys:O.checkedKeys,emptyCheckedKeys:()=>{O.checkedKeys=[],E()}}),(a,t)=>s((c(),r("div",C,[l(n(u),o(a.$attrs,{ref:"searchTree","checked-keys":O.checkedKeys,"onUpdate:checked-keys":t[0]||(t[0]=e=>O.checkedKeys=e),"onUpdate:expandedKeys":A,"onUpdate:checkedKeys":j,checkable:"",cascade:"","allow-checking-not-loaded":"","check-strategy":"all",selectable:!1,"expanded-keys":O.expandedKeys,data:e.formatTreeData,"render-label":_}),null,16,["checked-keys","expanded-keys","data"]),s(i("div",x,[h(" loadMorenLoadinng "),e.loadMorenLoadinng?(c(),y(n(K),{key:0})):(c(),r("div",b,[l(n(m),{component:n(v),class:"search-input-icon"},null,8,["component"]),i("div",{class:"load-more-btn",onClick:N}," 加载更多 ")]))],512),[[k,!e.searchNoMore]])],512)),[[k,e.visible]])}});export{g as default};
+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 script = /* @__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 { script as default };

package/es/packages/select-person/src/SearchTree2.mjs

@@ -1 +1,4 @@
-import e from"./SearchTree.vue_vue_type_script_setup_true_lang.mjs";export{default}from"./SearchTree.vue_vue_type_script_setup_true_lang.mjs";e.__file="packages/select-person/src/SearchTree.vue";
+import script from './SearchTree.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './SearchTree.vue_vue_type_script_setup_true_lang.mjs';
+
+script.__file = "packages/select-person/src/SearchTree.vue";

package/es/packages/select-person/src/SelectPerson.mjs

@@ -1 +1,2 @@
-import"./SelectPerson2.mjs";export{default}from"./SelectPerson.vue_vue_type_script_setup_true_lang.mjs";
+import './SelectPerson2.mjs';
+export { default } from './SelectPerson.vue_vue_type_script_setup_true_lang.mjs';

package/es/packages/select-person/src/SelectPerson.vue.d.ts

@@ -1661,13 +1661,16 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: undefined;
         };
+        allowInput: import("vue").PropType<(value: string) => boolean>;
         onMousedown: import("vue").PropType<(e: MouseEvent) => void>;
         onKeydown: import("vue").PropType<(e: KeyboardEvent) => void>;
         onKeyup: import("vue").PropType<(e: KeyboardEvent) => void>;
         onInput: import("vue").PropType<import("naive-ui/es/input/src/interface").OnUpdateValue>;
         onFocus: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: FocusEvent) => void>>;
         onBlur: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: FocusEvent) => void>>;
-        onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
+        onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>; /**
+         * 过滤默认值的右边展示
+         */
         onChange: import("vue").PropType<import("naive-ui/es/input/src/interface").OnUpdateValue>;
         onClear: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
         status: import("vue").PropType<import("naive-ui/es/form/src/interface").FormValidationStatus>;
@@ -1916,7 +1919,7 @@ declare const _default: import("vue").DefineComponent<{
         handleCompositionEnd: (e: CompositionEvent) => void;
         handleInput: (e: Event | CompositionEvent | InputEvent, index?: 0 | 1 | undefined, event?: string | undefined) => void;
         handleInputBlur: (e: FocusEvent) => void;
-        handleInputFocus: (e: FocusEvent) => void;
+        handleInputFocus: (e: FocusEvent, index: number) => void;
         handleWrapperBlur: (e: FocusEvent) => void;
         handleWrapperFocus: (e: FocusEvent) => void;
         handleMouseEnter: () => void;
@@ -1927,7 +1930,7 @@ declare const _default: import("vue").DefineComponent<{
         handleClear: (e: MouseEvent) => void;
         handlePasswordToggleClick: () => void;
         handlePasswordToggleMousedown: (e: MouseEvent) => void;
-        handleWrapperKeyDown: (e: KeyboardEvent) => void;
+        handleWrapperKeydown: (e: KeyboardEvent) => void;
         handleTextAreaMirrorResize: () => void;
         getTextareaScrollContainer: () => HTMLTextAreaElement | null;
         mergedTheme: import("vue").ComputedRef<{
@@ -2110,10 +2113,10 @@ declare const _default: import("vue").DefineComponent<{
             '--n-height': string;
             '--n-padding-left': string;
             '--n-padding-right': string;
-            '--n-text-color': string;
+            '--n-text-color': string; /** 提交映射 */
             '--n-caret-color': string;
             '--n-text-decoration-color': string;
-            '--n-border': string; /** 提交映射 */
+            '--n-border': string;
             '--n-border-disabled': string;
             '--n-border-hover': string;
             '--n-border-focus': string;
@@ -2216,6 +2219,7 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: undefined;
         };
+        allowInput: import("vue").PropType<(value: string) => boolean>;
         onMousedown: import("vue").PropType<(e: MouseEvent) => void>;
         onKeydown: import("vue").PropType<(e: KeyboardEvent) => void>;
         onKeyup: import("vue").PropType<(e: KeyboardEvent) => void>;
@@ -3183,7 +3187,7 @@ declare const _default: import("vue").DefineComponent<{
         setDefaultCheckedKeysMain: () => void;
         setDefaultCheckedKeysOther: () => void;
         setCurrentCheckedKeys: () => void;
-        onCheck: () => void;
+        onCheck: (checkedKeys: any) => void;
         onExpand: (expandedKeys: any) => void;
         treeCount: (count: any) => string;
         searchOnloadMore: () => void;