@ibiz-template/vue3-components 0.6.0-alpha.4 → 0.6.0

package/es/common/data-import2/data-import2.css

@@ -1 +1 @@
-.ibiz-data-import2{display:flex;flex-flow:column nowrap;min-width:644px;height:568px;background:var(--ibiz-color-bg-1)}.ibiz-data-import2__data-import2-toolbar{display:flex;align-items:center;justify-content:space-between}.ibiz-data-import2__data-import2-toolbar-container{display:flex;align-items:center;justify-content:space-between}.ibiz-data-import2__select-option-item-button{height:100%}
+.ibiz-data-import2{display:flex;flex-flow:column nowrap;min-width:644px;background:var(--ibiz-color-bg-1)}.ibiz-data-import2.ibiz-view{height:568px}.ibiz-data-import2__data-import2-toolbar{display:flex;align-items:center;justify-content:space-between}.ibiz-data-import2__data-import2-toolbar-container{display:flex;align-items:center;justify-content:space-between}.ibiz-data-import2__select-option-item-button{height:100%}

package/es/control/tree/index.d.ts

@@ -935,6 +935,7 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
     treeRefreshKey: import("vue").Ref<string>;
     editingNodeKey: import("vue").Ref<string | null>;
     editingNodeText: import("vue").Ref<string | null>;
+    cascadeSelect: import("vue").Ref<boolean>;
     findNodeData: typeof import("./el-tree-util").findNodeData;
     onCheck: (nodeData: import("@ibiz-template/runtime").ITreeNodeData, opts: {
         checkedNodes: import("@ibiz-template/runtime").ITreeNodeData[];

package/es/control/tree/tree.d.ts

@@ -956,6 +956,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
     treeRefreshKey: import("vue").Ref<string>;
     editingNodeKey: import("vue").Ref<string | null>;
     editingNodeText: import("vue").Ref<string | null>;
+    cascadeSelect: import("vue").Ref<boolean>;
     findNodeData: typeof findNodeData;
     onCheck: (nodeData: ITreeNodeData, opts: {
         checkedNodes: ITreeNodeData[];

package/es/control/tree/tree.mjs

@@ -1,4 +1,4 @@
-import { isVNode, reactive, ref, watch, computed, nextTick, resolveComponent, createVNode, onMounted, onUnmounted, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, ref, reactive, watch, computed, nextTick, resolveComponent, createVNode, onMounted, onUnmounted, resolveDirective, withDirectives, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import { debounce } from 'lodash-es';
@@ -67,6 +67,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
   },
   setup() {
     const c = useControlController((...args) => new TreeController(...args));
+    const cascadeSelect = ref(false);
     const counterData = reactive({});
     c.evt.on("onCreated", () => {
       if (c.counter) {
@@ -74,6 +75,9 @@ const TreeControl = /* @__PURE__ */ defineComponent({
           Object.assign(counterData, counter);
         }, true);
       }
+      if (c.controlParams.cascadeselect) {
+        cascadeSelect.value = true;
+      }
     });
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const treeRef = ref(null);
@@ -405,6 +409,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       treeRefreshKey,
       editingNodeKey,
       editingNodeText,
+      cascadeSelect,
       findNodeData,
       onCheck,
       onNodeClick,
@@ -453,7 +458,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
           "expand-on-click-node": false,
           "auto-expand-parent": false,
           "show-checkbox": !this.c.state.singleSelect,
-          "check-strictly": true,
+          "check-strictly": !this.cascadeSelect,
           "default-expanded-keys": this.c.state.expandedKeys,
           "props": {
             label: "_text",

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.css

@@ -1 +1 @@
-.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper{width:100%;max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-select{display:block}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content .ibiz-picker-select-view-content-item{height:22px;padding:0 9px;margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:22px;color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-select{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-select{display:block}
+.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper{width:100%;min-height:100px;max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-select{display:block}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content .ibiz-picker-select-view-content-item{height:22px;padding:0 9px;margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:22px;color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-select{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-select{display:block}.ibiz-picker-select-view-select-popover{display:none}

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.d.ts

@@ -33,15 +33,10 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
     queryValue: Ref<string>;
     visible: Ref<boolean>;
     pickViewWidth: Ref<string>;
-    context: Ref<{
-        [x: string]: any;
-        [x: symbol]: any;
-        srfsessionid: string;
-        srfappid: string;
-    }>;
-    params: Ref<IParams>;
+    context: Ref<IContext>;
+    params: Ref<IData>;
     editorRef: Ref<any>;
-    onInputChange: () => void;
+    onInputChange: (e: IData) => void;
     triggerMenu: (show?: boolean) => void;
     onViewDataChange: (event: IData[]) => void;
     onClear: () => void;
@@ -57,6 +52,9 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
     isEditable: Ref<boolean>;
     setEditable: (flag: boolean) => void;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    onVisibleChange: (e: boolean) => void;
+    showView: Ref<boolean>;
+    selectedData: Ref<IData[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.mjs

@@ -1,8 +1,8 @@
-import { isVNode, ref, computed, watch, onMounted, resolveComponent, createVNode, h, defineComponent } from 'vue';
+import { isVNode, ref, watch, computed, onMounted, resolveComponent, createVNode, h, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-picker-select-view.css';
-import { clone } from 'ramda';
 import { ViewMode, Modal } from '@ibiz-template/runtime';
+import { clone } from 'ramda';
 
 "use strict";
 function _isSlot(s) {
@@ -30,9 +30,24 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
     const queryValue = ref("");
     const visible = ref(false);
     const pickViewWidth = ref("auto");
-    const context = ref(clone(c.context));
-    const params = ref(clone(c.params));
+    const context = ref(c.context);
+    const params = ref(c.params);
+    watch(() => props.data, (newVal) => {
+      const {
+        context: tempContext,
+        params: tempParams
+      } = c.handlePublicParams(newVal, c.context, c.params);
+      Object.assign(context.value, tempContext);
+      Object.assign(params.value, tempParams);
+    }, {
+      immediate: true,
+      deep: true
+    });
     const isEditable = ref(false);
+    const multipleTempValue = ref(null);
+    const multipleTempText = ref(null);
+    const multipleObjs = ref(null);
+    const showView = ref(false);
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover") {
         return true;
@@ -48,12 +63,6 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
         }, 100);
       }
     };
-    const onInputChange = () => {
-      context.value = {
-        query: queryValue.value,
-        ...context.value
-      };
-    };
     const triggerMenu = (show) => {
       if (props.disabled) {
         return;
@@ -84,10 +93,30 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
           params.value.selectedData = selectedData.value;
         }
       } else {
-        keySet.value = [];
         const selectItems = [];
+        keySet.value = [];
+        items.value = [];
         if (newVal) {
-          if (!props.data || !c.valueItem || !props.data[c.valueItem]) {
+          if (c.model.valueType === "OBJECTS") {
+            newVal.forEach((item) => {
+              const _item = clone(item);
+              Object.assign(_item, {
+                [c.keyName]: item[c.objectIdField],
+                [c.textName]: item[c.objectNameField]
+              });
+              if (c.objectValueField) {
+                Object.assign(_item, {
+                  ...item[c.objectValueField]
+                });
+                delete _item[c.objectValueField];
+              }
+              if (_item[c.keyName]) {
+                items.value.push(_item);
+                keySet.value.push(_item[c.keyName]);
+              }
+            });
+            selectItems.push(...newVal);
+          } else if (!props.data || !c.valueItem || !props.data[c.valueItem]) {
             ibiz.log.error("\u503C\u9879\u5F02\u5E38");
           } else {
             const tempValue = props.data[c.valueItem].split(",");
@@ -98,7 +127,6 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
                 srfkey
               });
             });
-            items.value = [];
             selectItems.forEach((item) => {
               keySet.value.push(item.srfkey);
               const index = items.value.findIndex((i) => Object.is(i.srfkey, item.srfkey));
@@ -112,10 +140,10 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
           }
         }
         selectedData.value = selectItems;
-        params.value.selectedData = selectedData.value;
+        multipleObjs.value = selectItems;
       }
     }, {
-      immediate: false,
+      immediate: true,
       deep: true
     });
     onMounted(() => {
@@ -135,9 +163,26 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
       }
       emit("change", null);
     };
+    const onInputChange = (e) => {
+      if (!e) {
+        onClear();
+      }
+    };
     const onViewDataChange = (event) => {
       if (event.length === 0) {
-        onClear();
+        if (singleSelect.value) {
+          onClear();
+        } else {
+          items.value = [];
+          if (c.model.valueType === "OBJECTS") {
+            multipleObjs.value = null;
+          } else {
+            if (c.valueItem) {
+              multipleTempValue.value = null;
+            }
+            multipleTempText.value = null;
+          }
+        }
         return;
       }
       if (singleSelect.value) {
@@ -152,6 +197,15 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
         } else {
           emit("change", tempText);
         }
+      } else if (c.model.valueType === "OBJECTS") {
+        if (event && Array.isArray(event)) {
+          const objs = [];
+          event.forEach((item) => {
+            const obj = c.handleObjectParams(item);
+            objs.push(obj);
+          });
+          multipleObjs.value = objs;
+        }
       } else {
         let tempValue = "";
         let tempText = "";
@@ -174,9 +228,9 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
         tempValue = tempValue.substring(0, tempValue.length - 1);
         tempText = tempText.substring(0, tempText.length - 1);
         if (c.valueItem) {
-          emit("change", tempValue, c.valueItem);
+          multipleTempValue.value = tempValue;
         }
-        emit("change", tempText);
+        multipleTempText.value = tempText;
       }
     };
     const openLinkView = async (e) => {
@@ -196,20 +250,31 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
           }
         });
       }
-      let tempValue = "";
-      let tempText = "";
-      val.forEach((select) => {
-        const srfkey = select[c.keyName] ? select[c.keyName] : select.srfkey;
-        tempValue += "".concat(srfkey, ",");
-        const srfmajortext = select[c.textName] ? select[c.textName] : select.srfmajortext;
-        tempText += "".concat(srfmajortext, ",");
-      });
-      tempValue = tempValue.substring(0, tempValue.length - 1);
-      tempText = tempText.substring(0, tempText.length - 1);
-      if (c.valueItem) {
-        emit("change", tempValue, c.valueItem);
+      if (c.model.valueType === "OBJECTS") {
+        const objs = [];
+        val.forEach((item) => {
+          const obj = c.handleObjectParams(item);
+          objs.push(obj);
+        });
+        emit("change", objs);
+      } else {
+        let tempValue = "";
+        let tempText = "";
+        val.forEach((select) => {
+          const srfkey = select[c.keyName] ? select[c.keyName] : select.srfkey;
+          tempValue += "".concat(srfkey, ",");
+          const srfmajortext = select[c.textName] ? select[c.textName] : select.srfmajortext;
+          tempText += "".concat(srfmajortext, ",");
+        });
+        tempValue = tempValue.substring(0, tempValue.length - 1);
+        tempText = tempText.substring(0, tempText.length - 1);
+        if (c.valueItem) {
+          multipleTempValue.value = tempValue;
+          emit("change", tempValue, c.valueItem);
+        }
+        multipleTempText.value = tempText;
+        emit("change", tempText);
       }
-      emit("change", tempText);
     };
     const remoteMethod = (e) => {
       queryValue.value = e;
@@ -217,6 +282,9 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
     const onSelectionChange = (event) => {
       if (event.data) {
         onViewDataChange(event.data);
+        if (singleSelect.value && editorRef.value) {
+          editorRef.value.handleClose();
+        }
       }
     };
     const modal = new Modal({
@@ -243,8 +311,21 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
       if (singleSelect.value) {
         return queryValue.value;
       }
-      return selectedData.value.map((item) => item.srfmajortext).join(",");
+      return selectedData.value.map((item) => item[c.textName]).join(",");
     });
+    const onVisibleChange = (e) => {
+      showView.value = e;
+      if (!e && !singleSelect.value) {
+        if (c.model.valueType === "OBJECTS") {
+          emit("change", multipleObjs.value);
+        } else {
+          if (c.valueItem) {
+            emit("change", multipleTempValue.value, c.valueItem);
+          }
+          emit("change", multipleTempText.value);
+        }
+      }
+    };
     return {
       ns,
       c,
@@ -272,7 +353,10 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
       valueText,
       isEditable,
       setEditable,
-      showFormDefaultContent
+      showFormDefaultContent,
+      onVisibleChange,
+      showView,
+      selectedData
     };
   },
   render() {
@@ -281,7 +365,8 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
       "trigger": "click",
       "teleported": false,
       "class": this.ns.b("select"),
-      "popper-class": this.ns.b("popper")
+      "popper-class": this.ns.b("popper"),
+      "onVisibleChange": this.onVisibleChange
     }, {
       default: () => {
         let _slot;
@@ -292,6 +377,7 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
           "disabled": this.disabled,
           "readonly": this.readonly,
           "onChange": this.onInputChange,
+          "clearable": true,
           "onFocus": (e) => {
             this.onFocus(e);
           },
@@ -302,13 +388,13 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
             return [this.queryValue && !this.disabled && !this.readonly && createVNode("ion-icon", {
               "onClick": this.onClear,
               "name": "clear"
-            }, null), this.c.model.linkAppViewId && this.queryValue && createVNode("ion-icon", {
+            }, null), this.c.model.linkAppViewId && createVNode("ion-icon", {
               "onClick": this.openLinkView,
               "name": "link-arrow"
             }, null)];
           }
         }) : createVNode(resolveComponent("el-select"), {
-          "popper-class": "select",
+          "popper-class": this.ns.b("select-popover"),
           "model-value": this.keySet,
           "placeholder": this.c.placeHolder ? this.c.placeHolder : " ",
           "multiple": true,
@@ -333,19 +419,24 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
         });
       },
       dropdown: () => {
+        if (!this.showView) {
+          return;
+        }
         const viewShell = resolveComponent("IBizViewShell");
-        return createVNode(resolveComponent("el-dropdown-menu"), null, {
-          default: () => [this.c.pickupView && h(viewShell, {
-            context: this.context,
-            params: this.params,
-            viewId: this.c.pickupView.id,
-            style: {
-              height: "100%",
-              width: this.pickViewWidth
-            },
-            onSelectionChange: this.onSelectionChange,
-            modal: this.modal
-          })]
+        return this.c.pickupView && h(viewShell, {
+          context: this.context,
+          params: this.params,
+          viewId: this.c.pickupView.id,
+          style: {
+            height: "100%",
+            width: this.pickViewWidth
+          },
+          state: {
+            singleSelect: this.singleSelect,
+            selectedData: this.selectedData
+          },
+          onSelectionChange: this.onSelectionChange,
+          modal: this.modal
         });
       }
     });

package/es/editor/data-picker/picker-editor.controller.mjs

@@ -1,6 +1,6 @@
 import { RuntimeModelError } from '@ibiz-template/core';
 import { EditorController, getDeACMode, OpenAppViewCommand } from '@ibiz-template/runtime';
-import { mergeDeepLeft, clone } from 'ramda';
+import { mergeDeepLeft } from 'ramda';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -293,7 +293,14 @@ class PickerEditorController extends EditorController {
     }
     if (this.objectValueField) {
       Object.assign(object, {
-        [this.objectValueField]: clone(select)
+        [this.objectValueField]: {
+          ...select
+        }
+      });
+    }
+    if (select.srfnodeid) {
+      Object.assign(object, {
+        srfnodeid: select.srfnodeid
       });
     }
     return object;

package/es/view-engine/pickup-tree-view.engine.d.ts

@@ -3,6 +3,13 @@ import { IAppDETreeView } from '@ibiz/model-core';
 import { TreeViewEngine } from './tree-view.engine';
 export declare class PickupTreeViewEngine extends TreeViewEngine {
     protected view: ViewController<IAppDETreeView, IPickupTreeViewState, IPickupTreeViewEvent>;
+    /**
+     * 选中数据
+     *
+     * @type {IData[]}
+     * @memberof PickupViewEngine
+     */
+    selectData: IData[];
     /**
      * 创建完成
      *
@@ -11,6 +18,14 @@ export declare class PickupTreeViewEngine extends TreeViewEngine {
      * @memberof PickupGridViewEngine
      */
     onCreated(): Promise<void>;
+    /**
+     * 根据key计算需要展开的节点标识
+     * @author lxm
+     * @date 2023-11-07 02:42:45
+     * @param {string} key
+     * @return {*}  {string[]}
+     */
+    calcExpandKeys(key: string): string[];
     /**
      * 挂载完成
      *

package/es/view-engine/pickup-tree-view.engine.mjs

@@ -1,8 +1,24 @@
-import { TreeDataSetNodeData, ViewCallTag } from '@ibiz-template/runtime';
+import { ViewCallTag } from '@ibiz-template/runtime';
 import { TreeViewEngine } from './tree-view.engine.mjs';
 
 "use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 class PickupTreeViewEngine extends TreeViewEngine {
+  constructor() {
+    super(...arguments);
+    /**
+     * 选中数据
+     *
+     * @type {IData[]}
+     * @memberof PickupViewEngine
+     */
+    __publicField(this, "selectData", []);
+  }
   /**
    * 创建完成
    *
@@ -16,6 +32,41 @@ class PickupTreeViewEngine extends TreeViewEngine {
       this.view.slotProps.tree = {};
     }
     this.view.slotProps.tree.singleSelect = this.view.state.singleSelect;
+    if (this.view.state.selectedData) {
+      this.selectData = this.view.state.selectedData.map((item) => {
+        return {
+          ...item,
+          _id: item.srfnodeid
+        };
+      });
+      const set = /* @__PURE__ */ new Set();
+      this.selectData.forEach((item) => {
+        if (item.srfnodeid) {
+          const keys = this.calcExpandKeys(item.srfnodeid);
+          keys.forEach((key) => set.add(key));
+        }
+      });
+      this.view.slotProps.tree.defaultExpandedKeys = Array.from(set);
+    }
+  }
+  /**
+   * 根据key计算需要展开的节点标识
+   * @author lxm
+   * @date 2023-11-07 02:42:45
+   * @param {string} key
+   * @return {*}  {string[]}
+   */
+  calcExpandKeys(key) {
+    const expandedKeys = [];
+    key.split(":").forEach((item, index) => {
+      if (index === 0) {
+        expandedKeys.push(item);
+      } else {
+        expandedKeys.push("".concat(expandedKeys[index - 1], ":").concat(item));
+      }
+    });
+    expandedKeys.pop();
+    return expandedKeys;
   }
   /**
    * 挂载完成
@@ -26,15 +77,21 @@ class PickupTreeViewEngine extends TreeViewEngine {
    */
   async onMounted() {
     const { model } = this.view;
+    let forbiddenSelectionChange = false;
     this.xdataControl.evt.on("onSelectionChange", async (event) => {
-      if (event.data[0] && event.data[0] instanceof TreeDataSetNodeData) {
-        event.data[0] = event.data[0]._deData;
+      if (forbiddenSelectionChange) {
+        return;
       }
       this.view.evt.emit("onSelectionChange", { ...event });
     });
     this.xdataControl.evt.on("onActive", async (event) => {
       this.view.evt.emit("onDataActive", { ...event });
     });
+    this.xdataControl.evt.on("onLoadSuccess", () => {
+      forbiddenSelectionChange = true;
+      this.xdataControl.setSelection(this.selectData);
+      forbiddenSelectionChange = false;
+    });
     if (!this.view.state.noLoadDefault && model.loadDefault) {
       this.load();
     }

package/lib/common/data-import2/data-import2.css

@@ -1 +1 @@
-.ibiz-data-import2{display:flex;flex-flow:column nowrap;min-width:644px;height:568px;background:var(--ibiz-color-bg-1)}.ibiz-data-import2__data-import2-toolbar{display:flex;align-items:center;justify-content:space-between}.ibiz-data-import2__data-import2-toolbar-container{display:flex;align-items:center;justify-content:space-between}.ibiz-data-import2__select-option-item-button{height:100%}
+.ibiz-data-import2{display:flex;flex-flow:column nowrap;min-width:644px;background:var(--ibiz-color-bg-1)}.ibiz-data-import2.ibiz-view{height:568px}.ibiz-data-import2__data-import2-toolbar{display:flex;align-items:center;justify-content:space-between}.ibiz-data-import2__data-import2-toolbar-container{display:flex;align-items:center;justify-content:space-between}.ibiz-data-import2__select-option-item-button{height:100%}

package/lib/control/tree/tree.cjs

@@ -69,6 +69,7 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
   },
   setup() {
     const c = vue3Util.useControlController((...args) => new runtime.TreeController(...args));
+    const cascadeSelect = vue.ref(false);
     const counterData = vue.reactive({});
     c.evt.on("onCreated", () => {
       if (c.counter) {
@@ -76,6 +77,9 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
           Object.assign(counterData, counter);
         }, true);
       }
+      if (c.controlParams.cascadeselect) {
+        cascadeSelect.value = true;
+      }
     });
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const treeRef = vue.ref(null);
@@ -407,6 +411,7 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       treeRefreshKey,
       editingNodeKey,
       editingNodeText,
+      cascadeSelect,
       findNodeData: elTreeUtil.findNodeData,
       onCheck,
       onNodeClick,
@@ -455,7 +460,7 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
           "expand-on-click-node": false,
           "auto-expand-parent": false,
           "show-checkbox": !this.c.state.singleSelect,
-          "check-strictly": true,
+          "check-strictly": !this.cascadeSelect,
           "default-expanded-keys": this.c.state.expandedKeys,
           "props": {
             label: "_text",