tsv2-library 1.0.61-alpha.29 → 1.0.61-alpha.30

package/dist/src/components/v2/ButtonSelectTree/ButtonSelectTree.vue.d.ts

@@ -150,6 +150,10 @@ export interface ButtonSelectTreeProps {
    * @default false
    */
   fetchTreeOnButtonRender?: boolean;
+  /**
+   * Disable level 2 (All > Level 1 > Level 2)
+   */
+  disableSubChildren?: boolean;
 }
 
 export type ButtonSelectTreeEmits = {

package/dist/src/components/v2/DialogSelectTree/DialogSelectTree.vue.d.ts

@@ -62,6 +62,10 @@ export interface SelectTreeDialogProps {
    * Render hidden dialog to trigger fetch tree
    */
   hidden?: boolean;
+  /**
+   * Disable level 2 (All > Level 1 > Level 2)
+   */
+  disableSubChildren?: boolean;
 }
 
 type TreeSelectPayload = {

package/dist/tsv2-library.es.js

@@ -39528,6 +39528,9 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
         emit("update:selectedKeys", keys2);
       }
     });
+    const flattenNodes = computed(() => {
+      return flattenTreeNodeChildren(treeNodes.value);
+    });
     const initialChecked = shallowRef({});
     const setInitialChecked = (keys2) => {
       if (props.selectionMode === "checkbox") {
@@ -39861,6 +39864,21 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     const expandNodeAll = () => {
       expandedKeys2.value = { "0": true };
     };
+    const handleSelectionChange = (selectedNodeKeys) => {
+      if (props.disableSubChildren && props.selectionMode === "checkbox") {
+        enforceTopLevelSelection(selectedNodeKeys);
+      }
+    };
+    const enforceTopLevelSelection = (selectedNodeKeys) => {
+      var _a, _b;
+      const topLevelNodeKeys = (_b = (_a = flattenNodes.value) == null ? void 0 : _a.filter((node2) => node2.level <= 1)) == null ? void 0 : _b.map((node2) => node2.key);
+      const topLevelSelections = Object.fromEntries(
+        Object.entries(selectedNodeKeys).filter(
+          ([key]) => topLevelNodeKeys.includes(key)
+        )
+      );
+      selectedKeysModel.value = { ...topLevelSelections };
+    };
     watch(
       () => props.filter,
       (query) => {
@@ -39888,7 +39906,10 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
           "expanded-keys": expandedKeys2.value,
           "onUpdate:expandedKeys": _cache[0] || (_cache[0] = ($event) => expandedKeys2.value = $event),
           "selection-keys": selectedKeysModel.value,
-          "onUpdate:selectionKeys": _cache[1] || (_cache[1] = ($event) => selectedKeysModel.value = $event),
+          "onUpdate:selectionKeys": [
+            _cache[1] || (_cache[1] = ($event) => selectedKeysModel.value = $event),
+            handleSelectionChange
+          ],
           class: { readonly: props.readonly },
           loading: isLoading.value,
           "selection-mode": props.selectionMode,
@@ -40018,7 +40039,8 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     showDisposableGroups: { type: Boolean },
     flattenDisposableNode: { type: Boolean },
     excludedKeys: {},
-    hidden: { type: Boolean }
+    hidden: { type: Boolean },
+    disableSubChildren: { type: Boolean }
   },
   emits: ["update:visible", "select", "hide"],
   setup(__props, { emit: __emit }) {
@@ -40167,6 +40189,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
             "auto-select-all": _ctx.autoSelectAll,
             "disable-keys": _ctx.disableKeys,
             "disable-node-all": _ctx.disableNodeAll,
+            "disable-sub-children": _ctx.disableSubChildren,
             "exact-disable-key": _ctx.exactDisableKey,
             "excluded-keys": _ctx.excludedKeys,
             filter: treeFilter.value,
@@ -40177,7 +40200,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
             "selection-mode": _ctx.selectionMode,
             type: props.type,
             onNodeSelect: _cache[3] || (_cache[3] = ($event) => temporarySelectedNode.value = $event)
-          }, null, 8, ["selected-keys", "selected-tree-nodes", "auto-select-all", "disable-keys", "disable-node-all", "exact-disable-key", "excluded-keys", "filter", "flatten-disposable-node", "group-params", "readonly", "select-disposable-only", "selection-mode", "type"])
+          }, null, 8, ["selected-keys", "selected-tree-nodes", "auto-select-all", "disable-keys", "disable-node-all", "disable-sub-children", "exact-disable-key", "excluded-keys", "filter", "flatten-disposable-node", "group-params", "readonly", "select-disposable-only", "selection-mode", "type"])
         ]),
         _: 2
       }, [
@@ -40254,7 +40277,8 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     excludedKeys: {},
     singleEditable: { type: Boolean, default: true },
     singleResetable: { type: Boolean },
-    fetchTreeOnButtonRender: { type: Boolean, default: false }
+    fetchTreeOnButtonRender: { type: Boolean, default: false },
+    disableSubChildren: { type: Boolean }
   },
   emits: ["update:keys", "update:selectedNode", "update:selectedNodes", "dialogShown", "dialogHidden", "reset"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -40434,6 +40458,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
           "auto-select-all": _ctx.autoSelectAll,
           "disable-keys": _ctx.disableKeys,
           "disable-node-all": _ctx.disableNodeAll,
+          "disable-sub-children": _ctx.disableSubChildren,
           "exact-disable-key": _ctx.exactDisableKey,
           "excluded-keys": _ctx.excludedKeys,
           "flatten-disposable-node": _ctx.flattenDisposableNode,
@@ -40447,7 +40472,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
           type: props.type,
           onHide: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("dialogHidden")),
           onSelect: setTreeSelection
-        }, null, 8, ["visible", "allow-empty-selection", "auto-select-all", "disable-keys", "disable-node-all", "exact-disable-key", "excluded-keys", "flatten-disposable-node", "group-params", "header", "hidden", "keys", "readonly", "selection-mode", "show-disposable-groups", "type"]))
+        }, null, 8, ["visible", "allow-empty-selection", "auto-select-all", "disable-keys", "disable-node-all", "disable-sub-children", "exact-disable-key", "excluded-keys", "flatten-disposable-node", "group-params", "header", "hidden", "keys", "readonly", "selection-mode", "show-disposable-groups", "type"]))
       ], 64);
     };
   }