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

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

@@ -13,6 +13,14 @@ declare const _default: import("vue").DefineComponent<{
         }[]>;
         required: true;
     };
+    getChildren: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    showTagHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     type: {
         type: StringConstructor;
         default: string;
@@ -32,6 +40,14 @@ declare const _default: import("vue").DefineComponent<{
             }[]>;
             required: true;
         };
+        getChildren: {
+            type: FunctionConstructor;
+            required: true;
+        };
+        showTagHover: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         type: {
             type: StringConstructor;
             default: string;
@@ -52,6 +68,7 @@ declare const _default: import("vue").DefineComponent<{
     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 +124,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 +193,14 @@ declare const _default: import("vue").DefineComponent<{
         }[]>;
         required: true;
     };
+    getChildren: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    showTagHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     type: {
         type: StringConstructor;
         default: string;
@@ -128,5 +209,6 @@ declare const _default: import("vue").DefineComponent<{
     onChecked?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
+    showTagHover: boolean;
 }>;
 export default _default;

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

@@ -1,6 +1,8 @@
 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';
 
 const _hoisted_1 = {
   class: "c-select-person__searchGroup"
@@ -18,9 +20,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 +35,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       type: Array,
       required: true
     },
+    getChildren: {
+      type: Function,
+      required: true
+    },
+    showTagHover: {
+      type: Boolean,
+      default: false
+    },
     type: {
       type: String,
       default: ""
@@ -95,14 +108,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(__props.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;
             };
+            getChildren: {
+                type: FunctionConstructor;
+                required: true;
+            };
+            showTagHover: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             type: {
                 type: StringConstructor;
                 default: string;
@@ -1616,6 +1624,14 @@ declare const _default: import("vue").DefineComponent<{
                     }[]>;
                     required: true;
                 };
+                getChildren: {
+                    type: FunctionConstructor;
+                    required: true;
+                };
+                showTagHover: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 type: {
                     type: StringConstructor;
                     default: string;
@@ -1636,6 +1652,7 @@ declare const _default: import("vue").DefineComponent<{
             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 +1708,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 +1777,14 @@ declare const _default: import("vue").DefineComponent<{
                 }[]>;
                 required: true;
             };
+            getChildren: {
+                type: FunctionConstructor;
+                required: true;
+            };
+            showTagHover: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             type: {
                 type: StringConstructor;
                 default: string;
@@ -1712,6 +1793,7 @@ declare const _default: import("vue").DefineComponent<{
             onChecked?: ((...args: any[]) => any) | undefined;
         }, {
             type: string;
+            showTagHover: boolean;
         }>;
         TagItem: import("vue").DefineComponent<{
             tag: {
@@ -2033,7 +2115,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(children: 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(children, childrenKey) {
+  const cache = /* @__PURE__ */ new WeakMap();
+  function* childrenIterator(nodes) {
+    if (!(nodes == null ? void 0 : nodes.length))
+      return;
+    for (const node of nodes) {
+      if (cache.has(node)) {
+        yield* cache.get(node);
+        continue;
+      }
+      const result = [];
+      const children2 = node[childrenKey];
+      if ((node == null ? void 0 : node.leaf) && !(node == null ? void 0 : node.disabled)) {
+        result.push(node);
+        yield node;
+      } else if (children2 == null ? void 0 : children2.length) {
+        yield* childrenIterator(children2);
+      }
+      cache.set(node, result);
+    }
+  }
+  return Array.from(childrenIterator(children || []));
+}
 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.16";
 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.16",
 	"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": "2b2da68d316cd3ea18fd4ff5bc679f30cc6678a8"
 }