@ibiz-template/vue3-components 0.7.41-alpha.1 → 0.7.41-alpha.11

package/lib/control/tree/tree.cjs

@@ -108,10 +108,10 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
     const c = vue3Util.useControlController((...args) => new runtime.TreeController(...args));
     elTreeUtil.useAppTreeBase(c, props);
     const cascadeSelect = vue.ref(false);
-    const counterData = vue.reactive({});
+    const counterData = vue.ref({});
     const menuShowMode = vue.ref("default");
     const fn = (counter) => {
-      Object.assign(counterData, counter);
+      counterData.value = counter;
     };
     c.evt.on("onCreated", () => {
       if (c.counter) {
@@ -135,21 +135,38 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
     const treeNodeTextInputRef = vue.ref(null);
     const editingNodeKey = vue.ref(null);
     const editingNodeText = vue.ref(null);
+    const newNodePanelRef = vue.ref();
     const newTreeNodeText = vue.ref(null);
     const newNodeModel = vue.ref(null);
     const newDefaultValue = vue.ref(null);
     const newNodeKey = vue.ref("".concat(qxUtil.createUUID(), "-").concat(qxUtil.createUUID()));
     const newNodeData = vue.ref(null);
-    c.evt.on("onNewTreeNode", (args) => {
+    const newNodeDeData = vue.ref(null);
+    const newNodeControlPanel = vue.ref(null);
+    c.evt.on("onNewTreeNode", async (args) => {
+      var _a;
       const {
         nodeModel,
         defaultValue,
         parentNodeData
       } = args;
-      newNodeModel.value = nodeModel;
+      const {
+        appId,
+        appDataEntityId
+      } = nodeModel;
+      const entityModel = await ibiz.hub.getAppDataEntity(appDataEntityId, appId);
+      const layoutPanel = elTreeUtil.getNewNodeControlPanel(nodeModel);
+      if (layoutPanel) {
+        newNodeDeData.value = new runtime.AppDataEntity(entityModel, {});
+        newNodeControlPanel.value = layoutPanel || null;
+      }
       newDefaultValue.value = defaultValue;
       editingNodeKey.value = null;
       editingNodeText.value = null;
+      if (newNodeData.value) {
+        (_a = treeRef.value) == null ? void 0 : _a.remove(newNodeData.value);
+        newNodeData.value = null;
+      }
       if (parentNodeData && treeRef.value) {
         const _newNodeData = {};
         Object.assign(_newNodeData, {
@@ -160,6 +177,7 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
         treeRef.value.append(_newNodeData, parentNodeData);
         newNodeData.value = _newNodeData;
       }
+      newNodeModel.value = nodeModel;
     });
     vue.watch(() => treeNodeTextInputRef.value, (newVal) => {
       if (newVal) {
@@ -191,7 +209,28 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
         }
       }
       if (newNodeModel.value) {
-        if (newTreeNodeText.value) {
+        const hasNonNullValue = newNodeDeData.value && Object.values(newNodeDeData.value).some((_val) => !!_val);
+        if (newNodeControlPanel.value && hasNonNullValue) {
+          const {
+            textAppDEFieldId,
+            id
+          } = newNodeModel.value;
+          const nodeData = {
+            _nodeId: id,
+            _text: [newNodeDeData.value[textAppDEFieldId]],
+            _deData: {}
+          };
+          Object.assign(nodeData._deData, newNodeDeData.value);
+          if (newDefaultValue.value) {
+            Object.keys(newDefaultValue.value).forEach((_key) => {
+              if (!nodeData._deData[_key])
+                Object.assign(nodeData._deData, {
+                  [_key]: newDefaultValue.value[_key]
+                });
+            });
+          }
+          await c.createDeNodeData([nodeData]);
+        } else if (newTreeNodeText.value) {
           const {
             textAppDEFieldId,
             id
@@ -215,6 +254,9 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
         newNodeModel.value = null;
         newTreeNodeText.value = null;
         newDefaultValue.value = null;
+        newNodeDeData.value = null;
+        newNodeControlPanel.value = null;
+        newNodePanelRef.value = null;
         if (newNodeData.value)
           (_a = treeRef.value) == null ? void 0 : _a.remove(newNodeData.value);
         newNodeData.value = null;
@@ -230,6 +272,9 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
         newNodeModel.value = null;
         newTreeNodeText.value = null;
         newDefaultValue.value = null;
+        newNodeDeData.value = null;
+        newNodeControlPanel.value = null;
+        newNodePanelRef.value = null;
         if (newNodeData.value)
           (_a = treeRef.value) == null ? void 0 : _a.remove(newNodeData.value);
         newNodeData.value = null;
@@ -244,10 +289,27 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
         onNodeTextEditEsc();
       }
     };
+    const onPanelItemEvent = (_args) => {
+      if (!_args)
+        return;
+      const {
+        panelItemEventName
+      } = _args;
+      if (panelItemEventName === runtime.PanelItemEventName.ENTER) {
+        onNodeTextEditBlur();
+      }
+    };
+    const onPanelItemKeydown = (e) => {
+      if (e.code === "Escape" || e.keyCode === 27)
+        onNodeTextEditEsc();
+    };
     const {
       updateUI,
       triggerNodeExpand
     } = elTreeUtil.useElTreeUtil(treeRef, c);
+    const {
+      addLoadMoreNode
+    } = elTreeUtil.useLoadMoreUtil(treeRef, c);
     const toElNodes = (nodes) => {
       return nodes.map((node) => ({
         _id: node._id,
@@ -266,6 +328,9 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
         const elNodes = toElNodes(children);
         treeRef.value.updateKeyChildren(parentNode._id, elNodes);
         updateUI();
+        vue.nextTick(() => {
+          addLoadMoreNode(parentNode._id, parentNode);
+        });
       }
     });
     c.evt.on("onAfterNodeDrop", (event) => {
@@ -329,6 +394,10 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       ibiz.log.debug("\u7ED9\u6811\u8FD4\u56DE\u503C", nodes);
       callback(toElNodes(nodes));
       updateUI();
+      vue.nextTick(() => {
+        var _a, _b, _c;
+        addLoadMoreNode(item.level === 0 ? (_b = (_a = c.state.rootNodes) == null ? void 0 : _a[0]) == null ? void 0 : _b._id : (_c = item.data) == null ? void 0 : _c._id, item);
+      });
     };
     let selectionWait = false;
     c.evt.on("onLoadSuccess", () => {
@@ -576,12 +645,20 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       debounceSearch();
     };
     const allowDrop = (draggingNode, dropNode, type) => {
+      var _a;
+      if ((_a = dropNode.data) == null ? void 0 : _a._load_more) {
+        return false;
+      }
       const draggingNodeData = elTreeUtil.findNodeData(draggingNode.data._uuid, c);
       const dropNodeData = elTreeUtil.findNodeData(dropNode.data._uuid, c);
       const result = c.calcAllowDrop(draggingNodeData, dropNodeData, type);
       return result;
     };
     const allowDrag = (draggingNode) => {
+      var _a;
+      if ((_a = draggingNode.data) == null ? void 0 : _a._load_more) {
+        return false;
+      }
       const nodeData = elTreeUtil.findNodeData(draggingNode.data._uuid, c);
       return c.calcAllowDrag(nodeData);
     };
@@ -596,17 +673,25 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
         editCurrentNodeText();
       }
     };
+    const handleMouseup = () => {
+      var _a;
+      const isFoucs = (_a = newNodePanelRef.value) == null ? void 0 : _a.$el.querySelector(".is-focus");
+      if (newNodeControlPanel.value && !isFoucs)
+        onNodeTextEditBlur();
+    };
     vue.onMounted(() => {
       var _a;
+      document.addEventListener("mouseup", handleMouseup.bind(this));
       (_a = treeviewRef.value) == null ? void 0 : _a.$el.addEventListener("keydown", keydownHandle);
     });
     vue.onUnmounted(() => {
       var _a;
+      document.removeEventListener("mouseup", handleMouseup.bind(this));
       (_a = treeviewRef.value) == null ? void 0 : _a.$el.removeEventListener("keydown", keydownHandle);
     });
     const renderCounter = (nodeModel) => {
       if (nodeModel.counterId) {
-        const value = counterData[nodeModel.counterId];
+        const value = counterData.value[nodeModel.counterId];
         if (ramda.isNil(value)) {
           return null;
         }
@@ -620,19 +705,32 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const renderNewNode = () => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d;
       if (!newNodeModel.value) {
         return null;
       }
+      if (newNodeControlPanel.value) {
+        return vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+          "class": [ns.b("new-node"), (_a = newNodeModel.value.sysCss) == null ? void 0 : _a.cssName],
+          "ref": newNodePanelRef,
+          "data": newNodeDeData.value,
+          "modelData": newNodeControlPanel.value,
+          "context": c.context,
+          "params": c.params,
+          "onMouseup": (_e) => _e.stopPropagation(),
+          "onPanelItemEvent": onPanelItemEvent,
+          "onKeydown": onPanelItemKeydown
+        }, null);
+      }
       return vue.createVNode("div", {
-        "class": [ns.b("new-node"), (_a = newNodeModel.value.sysCss) == null ? void 0 : _a.cssName],
+        "class": [ns.b("new-node"), (_b = newNodeModel.value.sysCss) == null ? void 0 : _b.cssName],
         "onClick": (_e) => {
           _e.preventDefault();
           _e.stopPropagation();
         }
-      }, [((_b = newNodeModel.value) == null ? void 0 : _b.sysImage) ? vue.createVNode(iBizIcon, {
+      }, [((_c = newNodeModel.value) == null ? void 0 : _c.sysImage) ? vue.createVNode(iBizIcon, {
         "class": ns.be("node", "icon"),
-        "icon": (_c = newNodeModel.value) == null ? void 0 : _c.sysImage
+        "icon": (_d = newNodeModel.value) == null ? void 0 : _d.sysImage
       }, null) : null, vue.createVNode(vue.resolveComponent("el-input"), {
         "modelValue": newTreeNodeText.value,
         "onUpdate:modelValue": ($event) => newTreeNodeText.value = $event,
@@ -646,6 +744,28 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
         }
       }, null)]);
     };
+    const handleLoadMore = async (e, item) => {
+      var _a, _b;
+      e.stopPropagation();
+      if (!item) {
+        return;
+      }
+      if (item.level === 0) {
+        await c.loadNodes(void 0, true);
+        return;
+      }
+      const nodeData = elTreeUtil.findNodeData((_a = item.data) == null ? void 0 : _a._uuid, c);
+      if (!nodeData) {
+        return;
+      }
+      await c.loadNodes(nodeData, true);
+      const elNodes = toElNodes(nodeData._children || []);
+      (_b = treeRef.value) == null ? void 0 : _b.updateKeyChildren(nodeData._id, elNodes);
+      updateUI();
+      vue.nextTick(() => {
+        addLoadMoreNode(nodeData._id, nodeData);
+      });
+    };
     return {
       c,
       ns,
@@ -674,7 +794,8 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       handleDrop,
       onNodeTextEditBlur,
       renderNewNode,
-      handleEditKeyDown
+      handleEditKeyDown,
+      handleLoadMore
     };
   },
   render() {
@@ -716,7 +837,13 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
             label: "_text",
             children: "_children",
             isLeaf: "_leaf",
-            disabled: "_disableSelect"
+            disabled: "_disableSelect",
+            class: (data) => {
+              if (data == null ? void 0 : data._load_more) {
+                return this.ns.is("load-more", true);
+              }
+              return "";
+            }
           },
           "lazy": true,
           "load": this.loadData,
@@ -733,9 +860,18 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
           "onNodeDrop": this.handleDrop
         }, this.$attrs), {
           default: ({
-            data
+            data,
+            node
           }) => {
             var _a, _b;
+            if (data._load_more) {
+              return vue.createVNode("div", {
+                "class": this.ns.b("node"),
+                "onClick": (e) => {
+                  this.handleLoadMore(e, node == null ? void 0 : node.parent);
+                }
+              }, [data._text]);
+            }
             if (this.newNodeKey === data._id)
               return this.renderNewNode();
             const nodeData = this.findNodeData(data._uuid, this.c);
@@ -759,7 +895,7 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
                 }
               }, null)]);
             }
-            const layoutPanel = runtime.getControlPanel(nodeModel);
+            const layoutPanel = elTreeUtil.getNodeControlPanel(nodeModel);
             let content;
             if (layoutPanel) {
               content = vue.createVNode(vue.resolveComponent("iBizControlShell"), {

package/lib/control/tree/tree.css

@@ -1 +1 @@
-.ibiz-control-treeview{--ibiz-control-treeview-text-color:var(--ibiz-color-text-0);--ibiz-control-treeview-bg-color:transparent;--ibiz-control-treeview-disabled-color:var(--ibiz-color-disabled-text);--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) 0;--ibiz-control-treeview-row-hover-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-row-select-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-select-bg-color:var(--ibiz-color-primary-light-default);--ibiz-control-treeview-font-size:var(--ibiz-font-size-regular);--ibiz-control-treeview-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-treeview-node-icon-height:var(--ibiz-width-icon-medium);--ibiz-control-treeview-node-icon-width:var(--ibiz-width-icon-medium);--ibiz-control-treeview-node-icon-margin-right:var(--ibiz-spacing-tight);--ibiz-control-treeview-node-height:26px;--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-context-menu-item-height:40px;--ibiz-control-treeview-context-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-context-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-context-menu-text-color:var(--ibiz-color-text-2);--ibiz-control-treeview-quick-search-padding:0 var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-control-treeview-tree-padding:0 var(--ibiz-spacing-base);position:relative;height:100%;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview__nav-icon{position:absolute;top:14px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node .ibiz-context-menu{display:flex;flex-shrink:0}.ibiz-control-treeview-node .ibiz-context-menu__item--level-200{display:none}.ibiz-control-treeview-node:hover .ibiz-context-menu__item--level-200{display:block}.ibiz-control-treeview-node__icon{display:flex;align-items:center;width:var(--ibiz-control-treeview-node-icon-width);height:var(--ibiz-control-treeview-node-icon-height);margin-right:var(--ibiz-control-treeview-node-icon-margin-right)}.ibiz-control-treeview-node__icon>svg{width:100%;height:100%}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-node--disabled{color:var(--ibiz-control-treeview-disabled-color);cursor:not-allowed}.ibiz-control-treeview-node__buttons--hover .ibiz-context-menu__item{display:none}.ibiz-control-treeview-node:hover .ibiz-control-treeview-node__buttons--hover .ibiz-context-menu__item{display:block}.ibiz-control-treeview-new-node{display:flex;align-items:center;justify-content:center;padding-right:var(--ibiz-spacing-base);padding-left:calc(1em + 12px);font-size:var(--ibiz-control-treeview-font-size)}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:var(--ibiz-control-treeview-context-menu-width);text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu{--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-context-menu-item-height:40px;--ibiz-control-treeview-context-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-context-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-context-menu-text-color:var(--ibiz-color-text-2)}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-control-treeview-context-menu-padding);background-color:var(--ibiz-control-treeview-context-menu-bg-color);border-radius:var(--ibiz-control-treeview-context-menu-border-radius);--mx-menu-text:var(--ibiz-control-treeview-context-menu-text-color)}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{height:var(--ibiz-control-treeview-context-menu-item-height);padding:var(--ibiz-control-treeview-context-menu-item-padding);cursor:pointer}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item:hover{color:var(--ibiz-control-treeview-context-menu-text-color);background-color:var(--ibiz-control-treeview-context-menu-hover-color)}.ibiz-control-treeview-quick-search{padding:var(--ibiz-control-treeview-quick-search-padding)}.ibiz-control-treeview-tree.el-tree{--el-tree-text-color:var(--ibiz-control-treeview-text-color);--el-tree-node-content-height:var(--ibiz-control-treeview-node-height);padding:var(--ibiz-control-treeview-tree-padding);background-color:var(--ibiz-control-treeview-bg-color)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:hover{color:var(--ibiz-control-treeview-row-hover-color);background-color:var(--ibiz-control-treeview-row-hover-bg-color)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:has(.ibiz-control-treeview-new-node) .ibiz-control-treeview-new-node{width:100%;padding-right:0;padding-left:0}.ibiz-control-treeview-tree.el-tree.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:var(--ibiz-control-treeview-row-select-color);background-color:var(--ibiz-control-treeview-row-select-bg-color)}.ibiz-control-treeview-editing-node{--el-input-height:var(--ibiz-control-treeview-node-height)}
+.ibiz-control-treeview{--ibiz-control-treeview-text-color:var(--ibiz-color-text-0);--ibiz-control-treeview-bg-color:transparent;--ibiz-control-treeview-disabled-color:var(--ibiz-color-disabled-text);--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) 0;--ibiz-control-treeview-row-hover-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-row-select-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-select-bg-color:var(--ibiz-color-primary-light-default);--ibiz-control-treeview-font-size:var(--ibiz-font-size-regular);--ibiz-control-treeview-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-treeview-node-icon-height:var(--ibiz-width-icon-medium);--ibiz-control-treeview-node-icon-width:var(--ibiz-width-icon-medium);--ibiz-control-treeview-node-icon-margin-right:var(--ibiz-spacing-tight);--ibiz-control-treeview-node-height:26px;--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-context-menu-item-height:40px;--ibiz-control-treeview-context-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-context-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-context-menu-text-color:var(--ibiz-color-text-2);--ibiz-control-treeview-quick-search-padding:0 var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-control-treeview-tree-padding:0 var(--ibiz-spacing-base);position:relative;height:100%;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview__nav-icon{position:absolute;top:14px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-treeview .el-tree-node.is-load-more{pointer-events:none}.ibiz-control-treeview .el-tree-node.is-load-more .el-checkbox,.ibiz-control-treeview .el-tree-node.is-load-more .el-icon{display:none}.ibiz-control-treeview .el-tree-node.is-load-more .ibiz-control-treeview-node{justify-content:center;color:var(--ibiz-color-primary);pointer-events:all}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node .ibiz-context-menu{display:flex;flex-shrink:0}.ibiz-control-treeview-node .ibiz-context-menu__item--level-200{display:none}.ibiz-control-treeview-node:hover .ibiz-context-menu__item--level-200{display:block}.ibiz-control-treeview-node__icon{display:flex;align-items:center;width:var(--ibiz-control-treeview-node-icon-width);height:var(--ibiz-control-treeview-node-icon-height);margin-right:var(--ibiz-control-treeview-node-icon-margin-right)}.ibiz-control-treeview-node__icon>svg{width:100%;height:100%}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-node--disabled{color:var(--ibiz-control-treeview-disabled-color);cursor:not-allowed}.ibiz-control-treeview-node__buttons--hover .ibiz-context-menu__item{display:none}.ibiz-control-treeview-node:hover .ibiz-control-treeview-node__buttons--hover .ibiz-context-menu__item{display:block}.ibiz-control-treeview-new-node{display:flex;align-items:center;justify-content:center;padding-right:var(--ibiz-spacing-base);padding-left:calc(1em + 12px);font-size:var(--ibiz-control-treeview-font-size)}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:var(--ibiz-control-treeview-context-menu-width);text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu{--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-context-menu-item-height:40px;--ibiz-control-treeview-context-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-context-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-context-menu-text-color:var(--ibiz-color-text-2)}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-control-treeview-context-menu-padding);background-color:var(--ibiz-control-treeview-context-menu-bg-color);border-radius:var(--ibiz-control-treeview-context-menu-border-radius);--mx-menu-text:var(--ibiz-control-treeview-context-menu-text-color)}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{height:var(--ibiz-control-treeview-context-menu-item-height);padding:var(--ibiz-control-treeview-context-menu-item-padding);cursor:pointer}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item:hover{color:var(--ibiz-control-treeview-context-menu-text-color);background-color:var(--ibiz-control-treeview-context-menu-hover-color)}.ibiz-control-treeview-quick-search{padding:var(--ibiz-control-treeview-quick-search-padding)}.ibiz-control-treeview-tree.el-tree{--el-tree-text-color:var(--ibiz-control-treeview-text-color);--el-tree-node-content-height:var(--ibiz-control-treeview-node-height);padding:var(--ibiz-control-treeview-tree-padding);background-color:var(--ibiz-control-treeview-bg-color)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:hover{color:var(--ibiz-control-treeview-row-hover-color);background-color:var(--ibiz-control-treeview-row-hover-bg-color)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:has(.ibiz-control-treeview-new-node) .ibiz-control-treeview-new-node{width:100%;padding-right:0;padding-left:0}.ibiz-control-treeview-tree.el-tree.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:var(--ibiz-control-treeview-row-select-color);background-color:var(--ibiz-control-treeview-row-select-bg-color)}.ibiz-control-treeview-editing-node{--el-input-height:var(--ibiz-control-treeview-node-height)}

package/lib/control/tree-grid/tree-grid.cjs

@@ -112,7 +112,7 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
       defaultSort,
       summaryMethod,
       headerDragend
-    } = gridControl_util.useAppGridBase(c, props);
+    } = gridControl_util.useAppGridBase(c, props, tableRef);
     const {
       renderPopover
     } = useRowEditPopover.useRowEditPopover(tableRef, c);

package/lib/control/tree-grid-ex/use-row-edit-popover.cjs

@@ -18,7 +18,7 @@ function useRowEditPopover(tableRef, c) {
     const tableEl = tableRef.value.$el;
     let selector = ".el-table__row";
     if (row.data._uuid) {
-      selector += ".id-".concat(row.data._uuid);
+      selector += '[class*="id-'.concat(row.data._uuid, '"]');
     }
     const trEl = tableEl.querySelector(selector);
     if (!trEl) {

package/lib/control/wizard-panel/wizard-panel.cjs

@@ -107,7 +107,7 @@ const WizardPanelControl = /* @__PURE__ */ vue.defineComponent({
         dewizardSteps
       } = dewizard;
       if (this.c.model.showStepBar && dewizardSteps && dewizardSteps.length > 0) {
-        let _slot;
+        let _slot2;
         let active = this.c.steps.indexOf(this.c.stepTags["".concat(this.c.model.name, "_form_").concat((_e = this.c.state.activeFormTag) == null ? void 0 : _e.toLowerCase())]);
         if (active === -1)
           active = 0;
@@ -116,12 +116,28 @@ const WizardPanelControl = /* @__PURE__ */ vue.defineComponent({
           "align-center": true,
           "finish-status": "success",
           "active": active
-        }, _isSlot(_slot = dewizardSteps.map((step) => {
-          return vue.createVNode(vue.resolveComponent("el-step"), {
-            "title": core.showTitle(step.title)
-          }, null);
-        })) ? _slot : {
-          default: () => [_slot]
+        }, _isSlot(_slot2 = dewizardSteps.map((step) => {
+          const _slot = {
+            title: () => {
+              var _a2;
+              return vue.createVNode("span", {
+                "class": [this.ns.bm("header", "title"), (_a2 = step.titleSysCss) == null ? void 0 : _a2.cssName]
+              }, [core.showTitle(step.title)]);
+            }
+          };
+          if (step.sysImage) {
+            Object.assign(_slot, {
+              icon: () => vue.createVNode(vue3Util.IBizIcon, {
+                "class": this.ns.bm("header", "step-icon"),
+                "icon": step.sysImage
+              }, null)
+            });
+          }
+          return vue.createVNode(vue.resolveComponent("el-step"), null, _isSlot(_slot) ? _slot : {
+            default: () => [_slot]
+          });
+        })) ? _slot2 : {
+          default: () => [_slot2]
         });
       }
     }

package/lib/control/wizard-panel/wizard-panel.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-control-wizardpanel{--ibiz-control-wizard-panel-header-height:60px;--ibiz-control-wizard-panel-footer-height:40px;height:100%}.ibiz-control-wizardpanel .ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height));overflow:auto}.ibiz-control-wizardpanel.is-header .ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height) - var(--ibiz-control-wizard-panel-header-height))}.ibiz-control-wizardpanel-header{height:var(--ibiz-control-wizard-panel-header-height)}.ibiz-control-wizardpanel-footer{display:flex;align-items:center;justify-content:flex-end;height:var(--ibiz-control-wizard-panel-footer-height);padding-right:var(--ibiz-padding)}
+@charset "UTF-8";.ibiz-control-wizardpanel{--ibiz-control-wizard-panel-header-height:60px;--ibiz-control-wizard-panel-footer-height:40px;--ibiz-control-wizard-panel-step-icon-width:22px;height:100%}.ibiz-control-wizardpanel .ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height));overflow:auto}.ibiz-control-wizardpanel.is-header .ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height) - var(--ibiz-control-wizard-panel-header-height))}.ibiz-control-wizardpanel-header{height:var(--ibiz-control-wizard-panel-header-height)}.ibiz-control-wizardpanel-header--step-icon{font-size:var(--ibiz-control-wizard-panel-step-icon-width)}.ibiz-control-wizardpanel-header .el-step__icon{--el-bg-color:var(--ibiz-color-bg-1)}.ibiz-control-wizardpanel-footer{display:flex;align-items:center;justify-content:flex-end;height:var(--ibiz-control-wizard-panel-footer-height);padding-right:var(--ibiz-padding)}

package/lib/editor/array/ibiz-array/ibiz-array.cjs

@@ -33,6 +33,9 @@ const IBizArray = /* @__PURE__ */ vue.defineComponent({
       if (editorModel.editorParams.editorStyle) {
         editorStyle = editorModel.editorParams.editorStyle;
       }
+      if (editorModel.editorParams.editorstyle) {
+        editorStyle = editorModel.editorParams.editorstyle;
+      }
       if (editorModel.editorParams.size) {
         size = editorModel.editorParams.size;
       }
@@ -42,9 +45,15 @@ const IBizArray = /* @__PURE__ */ vue.defineComponent({
       if (editorModel.editorParams.maxLength) {
         maxLength = lodashEs.toNumber(editorModel.editorParams.maxLength);
       }
+      if (editorModel.editorParams.maxlength) {
+        maxLength = lodashEs.toNumber(editorModel.editorParams.maxlength);
+      }
       if (editorModel.editorParams.showWordLimit) {
         showWordLimit = c.toBoolean(editorModel.editorParams.showWordLimit);
       }
+      if (editorModel.editorParams.showwordlimit) {
+        showWordLimit = c.toBoolean(editorModel.editorParams.showwordlimit);
+      }
       if (editorModel.editorParams.prepend) {
         prepend = editorModel.editorParams.prepend;
       }

package/lib/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.cjs

@@ -218,7 +218,7 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     var _a;
-    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
+    const overflowMode = this.c.editorParams.overflowMode || this.c.editorParams.overflowmode || ibiz.config.pickerEditor.overflowMode;
     const isEllipsis = overflowMode === "ellipsis";
     const panel = (_a = this.c.deACMode) == null ? void 0 : _a.itemLayoutPanel;
     const {
@@ -294,7 +294,10 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
     }, [this.curValue]);
     const formDefaultContent = vue.createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.curValue ? this.curValue : ibiz.config.common.emptyText]);
+    }, [this.curValue ? this.curValue : vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent]);

package/lib/editor/cascader/ibiz-cascader/ibiz-cascader.cjs

@@ -39,6 +39,9 @@ const IBizCascader = /* @__PURE__ */ vue.defineComponent({
       if (editorModel.editorParams.editorStyle) {
         editorStyle = editorModel.editorParams.editorStyle;
       }
+      if (editorModel.editorParams.editorstyle) {
+        editorStyle = editorModel.editorParams.editorstyle;
+      }
       if (editorModel.editorParams.size) {
         size = editorModel.editorParams.size;
       }
@@ -469,7 +472,10 @@ const IBizCascader = /* @__PURE__ */ vue.defineComponent({
     }, [this.valueText]);
     const formDefaultContent = vue.createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.valueText ? this.valueText : ibiz.config.common.emptyText]);
+    }, [this.valueText ? this.valueText : vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)],
       "onKeyup": this.handleKeyUp

package/lib/editor/check-box/ibiz-checkbox/ibiz-checkbox.cjs

@@ -12,7 +12,7 @@ const IBizCheckbox = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const ns = vue3Util.useNamespace("checkbox");
     const c = props.controller;
     const editorModel = c.model;
@@ -21,9 +21,15 @@ const IBizCheckbox = /* @__PURE__ */ vue.defineComponent({
     if ((_a = editorModel.editorParams) == null ? void 0 : _a.selectValue) {
       selectValue = editorModel.editorParams.selectValue;
     }
-    if ((_b = editorModel.editorParams) == null ? void 0 : _b.nullValue) {
+    if ((_b = editorModel.editorParams) == null ? void 0 : _b.selectvalue) {
+      selectValue = editorModel.editorParams.selectvalue;
+    }
+    if ((_c = editorModel.editorParams) == null ? void 0 : _c.nullValue) {
       nullValue = editorModel.editorParams.nullValue;
     }
+    if ((_d = editorModel.editorParams) == null ? void 0 : _d.nullvalue) {
+      nullValue = editorModel.editorParams.nullvalue;
+    }
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;

package/lib/editor/check-box-list/checkbox-list-editor.controller.cjs

@@ -28,7 +28,7 @@ class CheckBoxListEditorController extends runtime.CodeListEditorController {
     __publicField(this, "rowNumber");
   }
   async onInit() {
-    var _a;
+    var _a, _b;
     super.onInit();
     if (this.model.appCodeListId) {
       const app = await ibiz.hub.getApp(this.context.srfappid);
@@ -37,6 +37,9 @@ class CheckBoxListEditorController extends runtime.CodeListEditorController {
     if ((_a = this.editorParams) == null ? void 0 : _a.rowNumber) {
       this.rowNumber = Number(this.editorParams.rowNumber);
     }
+    if ((_b = this.editorParams) == null ? void 0 : _b.rownumber) {
+      this.rowNumber = Number(this.editorParams.rownumber);
+    }
   }
 }
 

package/lib/editor/code/monaco-editor/monaco-editor.cjs

@@ -38,9 +38,17 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
         readonlyState.value = true;
         enableEdit.value = c.toBoolean(editorModel.editorParams.enableEdit) && !props.readonly && !props.disabled;
       }
+      if (editorModel.editorParams.enableedit) {
+        hasEnableEdit.value = true;
+        readonlyState.value = true;
+        enableEdit.value = c.toBoolean(editorModel.editorParams.enableedit) && !props.readonly && !props.disabled;
+      }
       if (editorModel.editorParams.enableFullScreen) {
         enableFullScreen.value = c.toBoolean(editorModel.editorParams.enableFullScreen);
       }
+      if (editorModel.editorParams.enablefullscreen) {
+        enableFullScreen.value = c.toBoolean(editorModel.editorParams.enablefullscreen);
+      }
     }
     let editor;
     let monacoEditor;
@@ -58,6 +66,9 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
       if (customTheme) {
         return customTheme === "dark" ? "vs-dark" : "vs";
       }
+      if (ibiz.config.codeEditorTheme) {
+        return ibiz.config.codeEditorTheme === "dark" ? "vs-dark" : "vs";
+      }
       return name === "dark" ? "vs-".concat(UIStore.theme) : "vs";
     };
     vue.watch(() => UIStore.theme, (newVal) => {
@@ -244,13 +255,7 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
           uploader: {
             onUpload: async (file, reportProgress, options) => {
               const fileMeata = ibiz.util.file.calcFileUpDownUrl((options == null ? void 0 : options.context) || c.context, (options == null ? void 0 : options.params) || c.params, {});
-              const uploadHeaders = {};
-              const token = core.getAppCookie(core.CoreConst.TOKEN);
-              if (token) {
-                Object.assign(uploadHeaders, {
-                  ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(token)
-                });
-              }
+              const uploadHeaders = ibiz.util.file.getUploadHeaders();
               const formData = new FormData();
               formData.append("file", file);
               const res = await ibiz.net.axios({

package/lib/editor/color-picker/color-picker-editor.controller.cjs

@@ -21,10 +21,13 @@ class ColorPickerEditorController extends runtime.EditorController {
   }
   async onInit() {
     await super.onInit();
-    const { defaultVal } = this.editorParams;
+    const { defaultVal, defaultval } = this.editorParams;
     if (defaultVal) {
       this.defaultVal = JSON.parse(defaultVal);
     }
+    if (defaultval) {
+      this.defaultVal = JSON.parse(defaultval);
+    }
   }
 }
 

package/lib/editor/color-picker/ibiz-color-picker/ibiz-color-picker.cjs

@@ -14,15 +14,15 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const ns = vue3Util.useNamespace("color-picker");
     const c = props.controller;
     const currentVal = vue.ref("");
     const colorPicker = vue.ref(null);
-    const multiple = ((_a = c.editorParams) == null ? void 0 : _a.MULTIPLE) === "true";
-    const isCustom = ((_b = c.editorParams) == null ? void 0 : _b.CUSTOM) === "true";
-    const type = (_c = c.editorParams) == null ? void 0 : _c.TYPE;
-    const customColorList = ((_d = c.editorParams) == null ? void 0 : _d.CUSTOMCOLORLIST) || "";
+    const multiple = ((_a = c.editorParams) == null ? void 0 : _a.MULTIPLE) === "true" || ((_b = c.editorParams) == null ? void 0 : _b.multiple) === "true";
+    const isCustom = ((_c = c.editorParams) == null ? void 0 : _c.CUSTOM) === "true" || ((_d = c.editorParams) == null ? void 0 : _d.custom) === "true";
+    const type = ((_e = c.editorParams) == null ? void 0 : _e.TYPE) || ((_f = c.editorParams) == null ? void 0 : _f.type);
+    const customColorList = ((_g = c.editorParams) == null ? void 0 : _g.CUSTOMCOLORLIST) || ((_h = c.editorParams) == null ? void 0 : _h.customcolorlist) || "";
     const predefineColors = vue.ref(["#000000", "#2C2C2C", "#50555C", "#ACB3BF", "#D0D3D9", "#C4C4C4", "#DADADA", "#E5E5E5", "#F0F0F0", "#F24E1E", "#E99C58", "#FFC700", "#FF4D00", "#FF00D6", "#D82E57", "#8E1DE8", "#0ACF83", "#18A0FB", "#A259FF", "#907CFF"]);
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
@@ -54,7 +54,7 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
     const handleChange = (e) => {
       emit("change", e);
     };
-    const showPicker = (_e) => {
+    const showPicker = (_e2) => {
       setTimeout(() => {
         if (colorPicker.value) {
           colorPicker.value.show();
@@ -96,7 +96,7 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    var _a, _b;
+    var _a, _b, _c;
     if (this.multiple) {
       if (this.isCustom) {
         return vue.createVNode(ibizColorMpickerCustom.IBizColorMPickerCustom, {
@@ -135,7 +135,7 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
         "size": "small",
         "predefine": this.predefineColors,
         "show-alpha": true
-      }, this.$attrs), null), ((_b = this.c.editorParams) == null ? void 0 : _b.isHiddenText) === "true" ? null : vue.createVNode("span", {
+      }, this.$attrs), null), ((_b = this.c.editorParams) == null ? void 0 : _b.isHiddenText) === "true" || ((_c = this.c.editorParams) == null ? void 0 : _c.ishiddentext) === "true" ? null : vue.createVNode("span", {
         "class": this.ns.b("text")
       }, [this.currentVal])]);
     }