cnhis-design-vue 3.3.3-beta.13 → 3.3.3-beta.15

package/es/components/select-person/src/components/GroupItem.vue.js

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

package/es/components/select-person/src/components/GroupItem.vue2.js

@@ -0,0 +1,37 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString } from 'vue';
+
+const _hoisted_1 = ["title"];
+const _hoisted_2 = {
+  class: "font-12 ml-4"
+};
+const _hoisted_3 = {
+  class: "c-select-person__searchGroupItemDesc c-select-person__ellipsis"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GroupItem",
+  props: {
+    item: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ["checked"],
+  setup(__props, {
+    emit
+  }) {
+    function handleClick(item) {
+      emit("checked", item);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "c-select-person__searchGroupItemCell",
+        onClick: _cache[0] || (_cache[0] = ($event) => handleClick(__props.item))
+      }, [createElementVNode("div", {
+        class: "c-select-person__ellipsis",
+        title: __props.item.label
+      }, [createTextVNode(toDisplayString(__props.item.label) + " " + toDisplayString(__props.item.innerItemsNum ? `(${__props.item.innerItemsNum}\u4EBA)` : "") + " ", 1), createElementVNode("span", _hoisted_2, toDisplayString(__props.item.labelExpand), 1)], 8, _hoisted_1), createElementVNode("div", _hoisted_3, toDisplayString(__props.item.parentName), 1)]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1,5 +1,8 @@
 import { PropType } from 'vue';
+import { type TreeOption } from 'naive-ui';
 import { AnyObject } from '../../../../shared/types';
+import { PTreeOption, IWordBook } from '../types';
+type ITreeOption = TreeOption & AnyObject;
 declare const _default: import("vue").DefineComponent<{
     data: {
         type: PropType<{
@@ -13,6 +16,14 @@ declare const _default: import("vue").DefineComponent<{
         }[]>;
         required: true;
     };
+    wordbook: {
+        type: PropType<IWordBook<ITreeOption>>;
+        default: () => {};
+    };
+    showTagHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     type: {
         type: StringConstructor;
         default: string;
@@ -32,6 +43,14 @@ declare const _default: import("vue").DefineComponent<{
             }[]>;
             required: true;
         };
+        wordbook: {
+            type: PropType<IWordBook<ITreeOption>>;
+            default: () => {};
+        };
+        showTagHover: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         type: {
             type: StringConstructor;
             default: string;
@@ -48,10 +67,12 @@ declare const _default: import("vue").DefineComponent<{
             parentName: string;
         }[];
     }[]>;
+    getChildren: (tag: PTreeOption) => AnyObject[];
     handleClick: (item: AnyObject) => void;
     handleChange: (item: AnyObject, checked: boolean) => void;
     NVirtualList: any;
     NCheckbox: any;
+    NPopover: any;
     CDefaultPage: import("../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
         type: {
             type: StringConstructor;
@@ -107,6 +128,62 @@ declare const _default: import("vue").DefineComponent<{
         type: string;
         config: AnyObject;
     }>>;
+    GroupItem: import("vue").DefineComponent<{
+        item: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+    }, {
+        emit: (event: "checked", ...args: any[]) => void;
+        handleClick: (item: AnyObject) => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "checked"[], "checked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        item: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+    }>> & {
+        onChecked?: ((...args: any[]) => any) | undefined;
+    }, {}>;
+    TagItem: import("vue").DefineComponent<{
+        tag: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+        showClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            tag: {
+                type: PropType<AnyObject>;
+                required: true;
+            };
+            showClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            onUnchecked?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "unchecked", ...args: any[]) => void;
+        updateChecked: (key: string, checked: boolean) => void;
+        NIcon: any;
+        CloseCircleSharp: 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, "unchecked"[], "unchecked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        tag: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+        showClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onUnchecked?: ((...args: any[]) => any) | undefined;
+    }, {
+        showClose: boolean;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "checked"[], "checked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<{
@@ -120,6 +197,14 @@ declare const _default: import("vue").DefineComponent<{
         }[]>;
         required: true;
     };
+    wordbook: {
+        type: PropType<IWordBook<ITreeOption>>;
+        default: () => {};
+    };
+    showTagHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     type: {
         type: StringConstructor;
         default: string;
@@ -128,5 +213,7 @@ declare const _default: import("vue").DefineComponent<{
     onChecked?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
+    wordbook: IWordBook<ITreeOption>;
+    showTagHover: boolean;
 }>;
 export default _default;

package/es/components/select-person/src/components/SearchGroupList.vue2.js

@@ -1,6 +1,9 @@
 import { defineComponent, computed, openBlock, createElementBlock, Fragment, renderList, unref, normalizeStyle, createCommentVNode, createVNode, withCtx, createElementVNode, createTextVNode, toDisplayString, createBlock } from 'vue';
-import { NVirtualList, NCheckbox } from 'naive-ui';
+import { NVirtualList, NCheckbox, NPopover } from 'naive-ui';
 import DefaultPage from '../../../default-page/index.js';
+import GroupItem from './GroupItem.vue.js';
+import TagItem from './TagItem.vue.js';
+import { getAllChildren } from '../utils/index.js';
 
 const _hoisted_1 = {
   class: "c-select-person__searchGroup"
@@ -18,9 +21,12 @@ const _hoisted_5 = {
 const _hoisted_6 = ["onClick"];
 const _hoisted_7 = ["title"];
 const _hoisted_8 = {
-  class: "font-12 ml-4"
+  class: "c-select-person__popover"
 };
 const _hoisted_9 = {
+  class: "font-12 ml-4"
+};
+const _hoisted_10 = {
   class: "c-select-person__searchGroupItemDesc c-select-person__ellipsis"
 };
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -30,6 +36,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       type: Array,
       required: true
     },
+    wordbook: {
+      type: Object,
+      default: () => ({})
+    },
+    showTagHover: {
+      type: Boolean,
+      default: false
+    },
     type: {
       type: String,
       default: ""
@@ -47,6 +61,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return props.data;
     });
+    function getChildren(tag) {
+      var _a;
+      const {
+        children: childrenKey = "children"
+      } = props.wordbook;
+      if (!tag || !((_a = tag[childrenKey]) == null ? void 0 : _a.length))
+        return [];
+      return getAllChildren(tag, childrenKey);
+    }
     function handleClick(item) {
       emit("checked", item.key, true);
     }
@@ -95,14 +118,30 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(({
             item
-          }) => [(openBlock(), createElementBlock("div", {
-            key: item.key,
+          }) => [__props.showTagHover && item.innerItemsNum > 0 ? (openBlock(), createElementBlock("div", {
+            key: 0,
             class: "c-select-person__searchGroupItemCell",
             onClick: ($event) => handleClick(item)
           }, [createElementVNode("div", {
             class: "c-select-person__ellipsis",
             title: item.label
-          }, [createTextVNode(toDisplayString(item.label) + " " + toDisplayString(item.innerItemsNum ? `(${item.innerItemsNum}\u4EBA)` : "") + " ", 1), createElementVNode("span", _hoisted_8, toDisplayString(item.labelExpand), 1)], 8, _hoisted_7), createElementVNode("div", _hoisted_9, toDisplayString(item.parentName), 1)], 8, _hoisted_6))]),
+          }, [createVNode(unref(NPopover), {
+            trigger: "hover"
+          }, {
+            trigger: withCtx(() => [createElementVNode("span", null, toDisplayString(item.label), 1)]),
+            default: withCtx(() => [createElementVNode("div", _hoisted_8, [(openBlock(true), createElementBlock(Fragment, null, renderList(getChildren(item), (childTag) => {
+              return openBlock(), createBlock(TagItem, {
+                key: childTag.key,
+                tag: childTag,
+                showClose: false
+              }, null, 8, ["tag"]);
+            }), 128))])]),
+            _: 2
+          }, 1024), createTextVNode(" " + toDisplayString(item.innerItemsNum ? `(${item.innerItemsNum}\u4EBA)` : "") + " ", 1), createElementVNode("span", _hoisted_9, toDisplayString(item.labelExpand), 1)], 8, _hoisted_7), createElementVNode("div", _hoisted_10, toDisplayString(item.parentName), 1)], 8, _hoisted_6)) : (openBlock(), createBlock(GroupItem, {
+            key: 1,
+            item,
+            onChecked: handleClick
+          }, null, 8, ["item"]))]),
           _: 2
         }, 1032, ["items"])], 64))], 4);
       }), 128)), !__props.data.length ? (openBlock(), createBlock(unref(DefaultPage), {

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

@@ -1,6 +1,7 @@
 import { ref, PropType } from 'vue';
 import { type TreeOption } from 'naive-ui';
 import { AnyObject } from '../../../shared/types';
+import { Strategy } from './types';
 type IKey = string | number;
 type ITreeOption = TreeOption & AnyObject;
 type IWordBook<T> = {
@@ -1539,14 +1540,13 @@ declare const _default: import("vue").DefineComponent<{
         renderLabel: ({ option }: {
             option: TreeOption;
         }) => JSX.Element;
+        getChildren: (tag: import("./types").PTreeOption) => AnyObject[];
         transformData: (trees: (import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & AnyObject)[], parentNode: import("./types").PTreeOption | null, visitor?: Partial<Record<"enter" | "leave", (node: import("./types").PTreeOption) => unknown>> | undefined) => {
             treeItems: import("./types").PTreeOption[];
             leafCount: number;
-            innerItems: any[];
         };
-        getTreeOptionChildren: (item: import("./types").PTreeOption) => void;
         onSearch: () => Promise<void>;
-        getAllKeys: (tree: import("./types").PTreeOption[], strategy: import("./types").Strategy) => (string | number)[];
+        getAllKeys: (tree: import("./types").PTreeOption[], strategy: Strategy) => (string | number)[];
         getParentKeys: (node: import("./types").PTreeOption, map: Map<string | number, import("./types").PTreeOption>) => never[];
         getTopLevelCheckedKey: (node: import("./types").PTreeOption, checked: Set<string | number>, map: Map<string | number, import("./types").PTreeOption>) => string | number;
         checkedAllChange: (checked: boolean) => void;
@@ -1559,7 +1559,7 @@ declare const _default: import("vue").DefineComponent<{
         updateChecked: (key: string | number, checked: boolean) => void;
         notifyCheck: (key: string | number, isChecked?: boolean) => void;
         checkSearchClear: (kw: string) => void;
-        getCheckWithLevel: (strategy?: import("./types").Strategy | undefined, hideLeaf?: boolean | undefined) => {
+        getCheckWithLevel: (strategy?: Strategy | undefined, hideLeaf?: boolean | undefined) => {
             parentNode: import("./types").PTreeOption | undefined;
             key: string | number;
             label: string;
@@ -1597,6 +1597,14 @@ declare const _default: import("vue").DefineComponent<{
                 }[]>;
                 required: true;
             };
+            wordbook: {
+                type: PropType<import("./types").IWordBook<import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & AnyObject>>;
+                default: () => {};
+            };
+            showTagHover: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             type: {
                 type: StringConstructor;
                 default: string;
@@ -1616,6 +1624,14 @@ declare const _default: import("vue").DefineComponent<{
                     }[]>;
                     required: true;
                 };
+                wordbook: {
+                    type: PropType<import("./types").IWordBook<import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & AnyObject>>;
+                    default: () => {};
+                };
+                showTagHover: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 type: {
                     type: StringConstructor;
                     default: string;
@@ -1632,10 +1648,12 @@ declare const _default: import("vue").DefineComponent<{
                     parentName: string;
                 }[];
             }[]>;
+            getChildren: (tag: import("./types").PTreeOption) => AnyObject[];
             handleClick: (item: AnyObject) => void;
             handleChange: (item: AnyObject, checked: boolean) => void;
             NVirtualList: any;
             NCheckbox: any;
+            NPopover: any;
             CDefaultPage: import("../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
                 type: {
                     type: StringConstructor;
@@ -1691,6 +1709,62 @@ declare const _default: import("vue").DefineComponent<{
                 type: string;
                 config: AnyObject;
             }>>;
+            GroupItem: import("vue").DefineComponent<{
+                item: {
+                    type: PropType<AnyObject>;
+                    required: true;
+                };
+            }, {
+                emit: (event: "checked", ...args: any[]) => void;
+                handleClick: (item: AnyObject) => void;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "checked"[], "checked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                item: {
+                    type: PropType<AnyObject>;
+                    required: true;
+                };
+            }>> & {
+                onChecked?: ((...args: any[]) => any) | undefined;
+            }, {}>;
+            TagItem: import("vue").DefineComponent<{
+                tag: {
+                    type: PropType<AnyObject>;
+                    required: true;
+                };
+                showClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }, {
+                props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                    tag: {
+                        type: PropType<AnyObject>;
+                        required: true;
+                    };
+                    showClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & {
+                    onUnchecked?: ((...args: any[]) => any) | undefined;
+                }>>;
+                emit: (event: "unchecked", ...args: any[]) => void;
+                updateChecked: (key: string, checked: boolean) => void;
+                NIcon: any;
+                CloseCircleSharp: 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, "unchecked"[], "unchecked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                tag: {
+                    type: PropType<AnyObject>;
+                    required: true;
+                };
+                showClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & {
+                onUnchecked?: ((...args: any[]) => any) | undefined;
+            }, {
+                showClose: boolean;
+            }>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "checked"[], "checked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             data: {
                 type: PropType<{
@@ -1704,6 +1778,14 @@ declare const _default: import("vue").DefineComponent<{
                 }[]>;
                 required: true;
             };
+            wordbook: {
+                type: PropType<import("./types").IWordBook<import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & AnyObject>>;
+                default: () => {};
+            };
+            showTagHover: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             type: {
                 type: StringConstructor;
                 default: string;
@@ -1712,6 +1794,8 @@ declare const _default: import("vue").DefineComponent<{
             onChecked?: ((...args: any[]) => any) | undefined;
         }, {
             type: string;
+            wordbook: import("./types").IWordBook<import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & AnyObject>;
+            showTagHover: boolean;
         }>;
         TagItem: import("vue").DefineComponent<{
             tag: {
@@ -2033,7 +2117,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: unknown;
     }>;
     emits: (event: "check" | "checkWithLevel", ...args: any[]) => void;
-    getCheckWithLevel: () => any;
+    getCheckWithLevel: (strategy?: Strategy, hideLeaf?: boolean) => any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("check" | "checkWithLevel")[], "check" | "checkWithLevel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     defaultList: {
         type: PropType<(IKey | ITag)[]>;

package/es/components/select-person/src/index.vue2.js

@@ -153,9 +153,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       __emits(eventName, ...args);
     };
     provide(InjectionSelectPersonEmits, emits);
-    const getCheckWithLevel = () => {
+    const getCheckWithLevel = (strategy, hideLeaf) => {
       var _a;
-      return (_a = selectPersonRef.value) == null ? void 0 : _a.getCheckWithLevel();
+      return (_a = selectPersonRef.value) == null ? void 0 : _a.getCheckWithLevel(strategy, hideLeaf);
     };
     expose({
       getCheckWithLevel

package/es/components/select-person/src/utils/index.d.ts

@@ -1,4 +1,6 @@
 import { type TreeOption } from 'naive-ui';
+import { AnyObject } from '../../../../shared/types';
 export declare function searchFilterTree(attr: string, data: TreeOption[], keyword: string, filterKey: string): any[];
 export declare function searchBasisTree(data: TreeOption[], keyword: string, filterKey: string): TreeOption[];
+export declare function getAllChildren(tag: AnyObject, childrenKey: string): AnyObject[];
 export declare function getExpandedKeys(tree: TreeOption[]): (string | number)[];

package/es/components/select-person/src/utils/index.js

@@ -22,6 +22,29 @@ function searchBasisTree(data, keyword, filterKey) {
   transform(data, keyword, filterKey);
   return filterHandle(data);
 }
+function getAllChildren(tag, childrenKey) {
+  const cache = /* @__PURE__ */ new WeakMap();
+  function* childrenIterator(node) {
+    if (cache.has(node)) {
+      yield* cache.get(node);
+      return;
+    }
+    const result = [];
+    const children = node[childrenKey];
+    if ((node == null ? void 0 : node.leaf) && !(node == null ? void 0 : node.disabled)) {
+      result.push(node);
+      yield node;
+    } else {
+      if (children == null ? void 0 : children.length) {
+        for (const child of children) {
+          yield* childrenIterator(child);
+        }
+      }
+    }
+    cache.set(node, result);
+  }
+  return Array.from(childrenIterator(tag));
+}
 function transform(data, keyword, filterKey) {
   data.forEach((item) => {
     var _a;
@@ -108,4 +131,4 @@ function getExpandedKeys(tree) {
   return expandedKeys;
 }
 
-export { getExpandedKeys, searchBasisTree, searchFilterTree };
+export { getAllChildren, getExpandedKeys, searchBasisTree, searchFilterTree };

package/es/shared/package.json.js

@@ -1,5 +1,5 @@
 var name = "@cnhis-design-vue/shared";
-var version = "3.3.3-beta.13";
+var version = "3.3.3-beta.15";
 var main = "index.ts";
 var peerDependencies = {
 	"naive-ui": "^2.30.0",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cnhis-design-vue",
-	"version": "3.3.3-beta.13",
+	"version": "3.3.3-beta.15",
 	"license": "ISC",
 	"module": "./es/components/index.js",
 	"main": "./es/components/index.js",
@@ -73,5 +73,5 @@
 		"iOS 7",
 		"last 3 iOS versions"
 	],
-	"gitHead": "41910b2d19f33ed2feac6a63c5450f5124f48b80"
+	"gitHead": "b3c7727fd02488c58b52cef69d5fa97a264ca5b2"
 }