@ibiz-template/vue3-components 0.7.41-alpha.6 → 0.7.41-alpha.8

package/lib/control/tree/tree.cjs

@@ -307,6 +307,9 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       updateUI,
       triggerNodeExpand
     } = elTreeUtil.useElTreeUtil(treeRef, c);
+    const {
+      addLoadMoreNode
+    } = elTreeUtil.useLoadMoreUtil(treeRef, c);
     const toElNodes = (nodes) => {
       return nodes.map((node) => ({
         _id: node._id,
@@ -325,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) => {
@@ -388,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", () => {
@@ -635,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);
     };
@@ -726,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,
@@ -754,7 +794,8 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       handleDrop,
       onNodeTextEditBlur,
       renderNewNode,
-      handleEditKeyDown
+      handleEditKeyDown,
+      handleLoadMore
     };
   },
   render() {
@@ -796,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,
@@ -813,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);

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/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/autocomplete/ibiz-autocomplete/ibiz-autocomplete.cjs

@@ -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

@@ -469,7 +469,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/data-picker/ibiz-mpicker/ibiz-mpicker.cjs

@@ -373,7 +373,10 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
       return vue.createVNode("span", {
         "class": this.ns.b("content-item")
       }, [item[this.c.textName]]);
-    }) : ibiz.config.common.emptyText]);
+    }) : 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/data-picker/ibiz-picker/ibiz-picker.cjs

@@ -30,20 +30,18 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
       return false;
     });
     const resetCurValue = () => {
-      const value = props.value;
+      const {
+        value
+      } = props;
       if (c.model.valueType === "OBJECT") {
-        curValue.value = value ? value[c.objectNameField] : null;
+        curValue.value = value && c.objectNameField ? value[c.objectNameField] : null;
       } else {
         curValue.value = value;
       }
-      if (value === null) {
-        curValue.value = "";
-      }
       const valueItem = props.data[c.valueItem];
       const index = items.value.findIndex((item) => Object.is(item[c.keyName], valueItem));
-      if (index !== -1) {
+      if (index !== -1)
         return;
-      }
       items.value = [];
       if (value && !ramda.isEmpty(valueItem)) {
         items.value.push({
@@ -52,10 +50,8 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
         });
       }
     };
-    vue.watch(() => props.value, (newVal) => {
-      if (newVal || newVal === null) {
-        resetCurValue();
-      }
+    vue.watch(() => props.value, () => {
+      resetCurValue();
     }, {
       immediate: true
     });
@@ -376,7 +372,10 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
     }, [this.valueText]);
     const formDefaultContent = vue.createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.curValue ? this.valueText : ibiz.config.common.emptyText]);
+    }, [this.curValue ? 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.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent]);

package/lib/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.cjs

@@ -33,32 +33,29 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
       return false;
     });
     const resetCurValue = () => {
+      const {
+        value
+      } = props;
       if (c.model.valueType === "OBJECT") {
-        curValue.value = props.value ? props.value[c.objectNameField] : null;
+        curValue.value = value && c.objectNameField ? value[c.objectNameField] : null;
       } else {
-        curValue.value = props.value;
+        curValue.value = value;
       }
-      if (props.value === null) {
-        curValue.value = "";
-      }
-      const value = props.data[c.valueItem];
-      refValue.value = value || curValue.value;
-      const index = items.value.findIndex((item) => Object.is(item[c.keyName], value));
-      if (index !== -1) {
+      const valueItem = props.data[c.valueItem];
+      refValue.value = valueItem || curValue.value;
+      const index = items.value.findIndex((item) => Object.is(item[c.keyName], valueItem));
+      if (index !== -1)
         return;
-      }
       items.value = [];
-      if (!ramda.isNil(props.value) && !ramda.isNil(value)) {
+      if (!ramda.isNil(props.value) && !ramda.isNil(valueItem)) {
         items.value.push({
           [c.textName]: props.value,
-          [c.keyName]: value
+          [c.keyName]: valueItem
         });
       }
     };
-    vue.watch(() => props.value, (newVal) => {
-      if (newVal || newVal === null) {
-        resetCurValue();
-      }
+    vue.watch(() => props.value, () => {
+      resetCurValue();
     }, {
       immediate: true
     });
@@ -358,7 +355,10 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
     }, [this.valueText]);
     const formDefaultContent = vue.createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.curValue ? this.valueText : ibiz.config.common.emptyText]);
+    }, [this.curValue ? this.valueText : vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     const hiddenInput = vue.createVNode("input", {
       "ref": "hiddenInputRef",
       "type": "text",

package/lib/editor/data-picker/ibiz-picker-link/ibiz-picker-link.cjs

@@ -42,13 +42,11 @@ const IBizPickerLink = /* @__PURE__ */ vue.defineComponent({
       }
       return false;
     });
-    vue.watch(() => props.value, (newVal, oldVal) => {
-      if (newVal && newVal !== oldVal) {
-        if (c.model.valueType === "OBJECT") {
-          curValue.value = newVal ? newVal[c.objectNameField] : "";
-        } else {
-          curValue.value = newVal;
-        }
+    vue.watch(() => props.value, (newVal) => {
+      if (c.model.valueType === "OBJECT") {
+        curValue.value = newVal && c.objectNameField ? newVal[c.objectNameField] : null;
+      } else {
+        curValue.value = newVal;
       }
     }, {
       immediate: true
@@ -133,7 +131,10 @@ const IBizPickerLink = /* @__PURE__ */ vue.defineComponent({
         }
         this.openLinkView();
       }
-    }, [isEmpty ? ibiz.config.common.emptyText : this.curValue])]);
+    }, [isEmpty ? vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.controller.emptyShowPlaceholder,
+      "placeHolder": this.controller.placeHolder
+    }, null) : this.curValue])]);
   }
 });
 

package/lib/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.cjs

@@ -507,7 +507,10 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.b("content-item")
     }, [this.valueText]) : this.valueText.split(",").map((item) => vue.createVNode("span", {
       "class": this.ns.b("content-item")
-    }, [item])) : ibiz.config.common.emptyText]);
+    }, [item])) : 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/date-picker/ibiz-date-picker/ibiz-date-picker.cjs

@@ -158,7 +158,10 @@ const IBizDatePicker = /* @__PURE__ */ vue.defineComponent({
     const readonlyContent = this.formatValue;
     const formDefaultContent = vue.createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.formatValue ? this.formatValue : ibiz.config.common.emptyText]);
+    }, [this.formatValue ? this.formatValue : 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.e(this.editorModel.editorType), this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)],
       "onKeyup": this.handleKeyUp

package/lib/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.cjs

@@ -194,7 +194,10 @@ const IBizDateRangePicker = /* @__PURE__ */ vue.defineComponent({
       "start-placeholder": this.startPlaceHolder,
       "end-placeholder": this.endPlaceHolder,
       "unlink-panels": this.unlinkPanels
-    }, this.$attrs), null) : ibiz.config.common.emptyText]);
+    }, this.$attrs), null) : 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/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs

@@ -478,7 +478,10 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode("span", {
         "class": this.ns.be("content-item", "label")
       }, [text])]);
-    }) : ibiz.config.common.emptyText]);
+    }) : vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     const hiddenInput = vue.createVNode("input", {
       "ref": "hiddenInputRef",
       "type": "text",

package/lib/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.cjs

@@ -89,7 +89,10 @@ const IBizEmojiPicker = /* @__PURE__ */ vue.defineComponent({
     const renderFormDefaultContent = () => {
       return vue.createVNode("div", {
         "class": [ns.b("form-default-content"), ns.is("clear", !!emoji.value)]
-      }, [emoji.value ? emoji.value : ibiz.config.common.emptyText]);
+      }, [emoji.value ? emoji.value : vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+        "showPlaceholder": c.emptyShowPlaceholder,
+        "placeHolder": c.placeHolder
+      }, null)]);
     };
     const renderReference = () => {
       return vue.createVNode(vue.resolveComponent("el-button"), {

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

@@ -356,7 +356,10 @@ const IBizMapPicker = /* @__PURE__ */ vue.defineComponent({
     }
     const formDefaultContent = vue.createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.value ? this.value : ibiz.config.common.emptyText]);
+    }, [this.value ? this.value : 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("show-default", this.showFormDefaultContent)]
     }, [this.showFormDefaultContent && formDefaultContent, content]);

package/lib/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.cjs

@@ -193,7 +193,10 @@ const IBizNumberRangePicker = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.b("default-separator")
     }, [this.rangeSeparator]), vue.createVNode("div", {
       "class": this.ns.b("default-max")
-    }, [this.maxValue])] : ibiz.config.common.emptyText]);
+    }, [this.maxValue])] : 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)],
       "ref": "componentRef"

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

@@ -58,6 +58,8 @@ const IBizRaw = /* @__PURE__ */ vue.defineComponent({
               }
             });
           }
+          ibiz.log.debug("\u6A21\u677F\u5185\u5BB9\uFF1A", template);
+          ibiz.log.debug("\u6A21\u677F\u7F16\u8BD1\u5BF9\u8C61\uFF1A", obj);
           content.value = await ibiz.util.hbs.render(template, obj);
         }
       }

package/lib/editor/span/span/span.cjs

@@ -22,7 +22,7 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
-    var _a;
+    var _a, _b;
     const ns = vue3Util.useNamespace("span");
     const c = props.controller;
     const text = vue.ref("");
@@ -33,7 +33,7 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
       unitName
     } = c.parent;
     const spanTitle = vue.ref("");
-    const textSeparator = c.model.textSeparator || ((_a = c.editorParams) == null ? void 0 : _a.TEXTSEPARATOR) || ",";
+    const textSeparator = c.model.textSeparator || ((_a = c.editorParams) == null ? void 0 : _a.TEXTSEPARATOR) || ((_b = c.editorParams) == null ? void 0 : _b.textseparator) || ",";
     vue.watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         if (ramda.isNil(newVal)) {
@@ -160,9 +160,12 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
       content = this.text;
       this.spanTitle = this.text;
     } else {
-      content = ibiz.config.common.emptyText;
+      content = vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+        "showPlaceholder": this.c.emptyShowPlaceholder,
+        "placeHolder": this.c.placeHolder
+      }, null);
     }
-    const isEllipsis = this.c.editorParams.overflowMode === "ellipsis" || this.c.model.wrapMode === "NOWRAP";
+    const isEllipsis = this.c.editorParams.overflowMode === "ellipsis" || this.c.editorParams.overflowmode === "ellipsis" || this.c.model.wrapMode === "NOWRAP";
     return vue.createVNode("span", {
       "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent), this.ns.is("is-ellipsis", isEllipsis)],
       "ref": "editorRef",

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

@@ -2,6 +2,7 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
+var qxUtil = require('qx-util');
 var lodashEs = require('lodash-es');
 require('./ibiz-stepper.css');
 
@@ -77,7 +78,7 @@ const IBizStepper = /* @__PURE__ */ vue.defineComponent({
   render() {
     let content = null;
     if (this.readonly) {
-      content = "".concat(this.currentVal);
+      content = qxUtil.isNilOrEmpty(this.currentVal) ? "" : "".concat(this.currentVal);
     } else {
       content = [vue.createVNode(vue.resolveComponent("el-input-number"), vue.mergeProps({
         "ref": "inputRef",

package/lib/editor/text-box/ibiz-input-number/ibiz-input-number.cjs

@@ -45,7 +45,7 @@ const IBizInputNumber = /* @__PURE__ */ vue.defineComponent({
         minimumFractionDigits: decimalPlaces,
         maximumFractionDigits: decimalPlaces
       };
-      return num.toLocaleString("en-US", options);
+      return num == null ? void 0 : num.toLocaleString("en-US", options);
     };
     const convertToNumber = (str) => {
       const stringWithoutCommas = str.replace(/,/g, "");
@@ -205,7 +205,10 @@ const IBizInputNumber = /* @__PURE__ */ vue.defineComponent({
       }
       return vue.createVNode("div", {
         "class": this.ns.b("form-default-content")
-      }, [this.currentVal || this.currentVal === 0 ? this.currentFormatVal + unit : ibiz.config.common.emptyText]);
+      }, [this.currentVal || this.currentVal === 0 ? this.currentFormatVal + unit : 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)]

package/lib/editor/text-box/input/input.cjs

@@ -33,10 +33,10 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
       rows.value = 10;
     }
     if (c.editorParams) {
-      if (c.editorParams.SHOWLIMIT === "false") {
+      if (c.editorParams.SHOWLIMIT === "false" || c.editorParams.showlimit === "false") {
         showLimit.value = false;
       }
-      if (c.editorParams.ISAUTO === "true") {
+      if (c.editorParams.ISAUTO === "true" || c.editorParams.isauto === "true") {
         isAuto.value = true;
       }
     }
@@ -503,7 +503,10 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     }
     const formDefaultContent = vue.createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.currentVal ? this.type === "password" ? this.currentVal.split("").map((_item) => "\u2022") : this.currentFormatVal : ibiz.config.common.emptyText]);
+    }, [this.currentVal ? this.type === "password" ? this.currentVal.split("").map((_item) => "\u2022") : this.currentFormatVal : vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.ns.is("textarea", Object.is(this.type, "textarea")), 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)],
       "style": {

package/lib/locale/en/index.cjs

@@ -434,6 +434,11 @@ var index = {
       hideControl: "Column selection"
     },
     kanban: {
+      lane: "Lane",
+      collapsed: "Collapsed",
+      expand: "Expand",
+      allCollapsed: "All collapsed",
+      allExpand: "All expand",
       selectAll: "Select all",
       selectedDataCount: "Selected <span>{length}</span> pieces of data",
       natchOperation: "Batch operation"

package/lib/locale/zh-CN/index.cjs

@@ -430,6 +430,11 @@ var index = {
       hideControl: "\u5217\u9009\u62E9"
     },
     kanban: {
+      lane: "\u6CF3\u9053",
+      collapsed: "\u6298\u53E0",
+      expand: "\u5C55\u5F00",
+      allCollapsed: "\u5168\u90E8\u6536\u8D77",
+      allExpand: "\u5168\u90E8\u5C55\u5F00",
       selectAll: "\u5168\u9009",
       selectedDataCount: "\u5DF2\u9009\u62E9<span>{length}</span>\u6761\u6570\u636E",
       natchOperation: "\u6279\u91CF\u64CD\u4F5C"

package/lib/panel-component/app-extend-menu/bottom-side-menu/bottom-side-menu.css

@@ -1 +1 @@
-.ibiz-bottom-side-menu{width:100%;height:100%}
+.ibiz-bottom-side-menu{width:100%;height:100%}.ibiz-col--self-align>.ibiz-bottom-side-menu{width:100%;height:100%}