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

package/es/control/tree/tree.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, onUnmounted, watch, computed, nextTick, resolveComponent, createVNode, onMounted, mergeProps, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, ref, onUnmounted, watch, nextTick, computed, resolveComponent, createVNode, onMounted, mergeProps, resolveDirective, withDirectives, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import { cloneDeep, debounce } from 'lodash-es';
@@ -6,7 +6,7 @@ import { TreeController, AppDataEntity, PanelItemEventName } from '@ibiz-templat
 import './tree.css';
 import { RuntimeError } from '@ibiz-template/core';
 import { isNil } from 'ramda';
-import { useAppTreeBase, getNewNodeControlPanel, findNodeData, useElTreeUtil, findChildItems, formatNodeDropType, getNodeControlPanel } from './el-tree-util.mjs';
+import { useAppTreeBase, getNewNodeControlPanel, findNodeData, useElTreeUtil, useLoadMoreUtil, findChildItems, formatNodeDropType, getNodeControlPanel } from './el-tree-util.mjs';
 
 "use strict";
 function _isSlot(s) {
@@ -305,6 +305,9 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       updateUI,
       triggerNodeExpand
     } = useElTreeUtil(treeRef, c);
+    const {
+      addLoadMoreNode
+    } = useLoadMoreUtil(treeRef, c);
     const toElNodes = (nodes) => {
       return nodes.map((node) => ({
         _id: node._id,
@@ -323,6 +326,9 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         const elNodes = toElNodes(children);
         treeRef.value.updateKeyChildren(parentNode._id, elNodes);
         updateUI();
+        nextTick(() => {
+          addLoadMoreNode(parentNode._id, parentNode);
+        });
       }
     });
     c.evt.on("onAfterNodeDrop", (event) => {
@@ -386,6 +392,10 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       ibiz.log.debug("\u7ED9\u6811\u8FD4\u56DE\u503C", nodes);
       callback(toElNodes(nodes));
       updateUI();
+      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", () => {
@@ -633,12 +643,20 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       debounceSearch();
     };
     const allowDrop = (draggingNode, dropNode, type) => {
+      var _a;
+      if ((_a = dropNode.data) == null ? void 0 : _a._load_more) {
+        return false;
+      }
       const draggingNodeData = findNodeData(draggingNode.data._uuid, c);
       const dropNodeData = 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 = findNodeData(draggingNode.data._uuid, c);
       return c.calcAllowDrag(nodeData);
     };
@@ -724,6 +742,28 @@ const TreeControl = /* @__PURE__ */ 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 = 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();
+      nextTick(() => {
+        addLoadMoreNode(nodeData._id, nodeData);
+      });
+    };
     return {
       c,
       ns,
@@ -752,7 +792,8 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       handleDrop,
       onNodeTextEditBlur,
       renderNewNode,
-      handleEditKeyDown
+      handleEditKeyDown,
+      handleLoadMore
     };
   },
   render() {
@@ -794,7 +835,13 @@ const TreeControl = /* @__PURE__ */ 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,
@@ -811,9 +858,18 @@ const TreeControl = /* @__PURE__ */ defineComponent({
           "onNodeDrop": this.handleDrop
         }, this.$attrs), {
           default: ({
-            data
+            data,
+            node
           }) => {
             var _a, _b;
+            if (data._load_more) {
+              return 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/es/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/es/control/wizard-panel/wizard-panel.mjs

@@ -1,5 +1,5 @@
 import { isVNode, resolveComponent, h, createVNode, defineComponent } from 'vue';
-import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { useControlController, useNamespace, IBizIcon } from '@ibiz-template/vue3-util';
 import './wizard-panel.css';
 import { WizardPanelController } from '@ibiz-template/runtime';
 import { showTitle } from '@ibiz-template/core';
@@ -105,7 +105,7 @@ const WizardPanelControl = /* @__PURE__ */ 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;
@@ -114,12 +114,28 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
           "align-center": true,
           "finish-status": "success",
           "active": active
-        }, _isSlot(_slot = dewizardSteps.map((step) => {
-          return createVNode(resolveComponent("el-step"), {
-            "title": showTitle(step.title)
-          }, null);
-        })) ? _slot : {
-          default: () => [_slot]
+        }, _isSlot(_slot2 = dewizardSteps.map((step) => {
+          const _slot = {
+            title: () => {
+              var _a2;
+              return createVNode("span", {
+                "class": [this.ns.bm("header", "title"), (_a2 = step.titleSysCss) == null ? void 0 : _a2.cssName]
+              }, [showTitle(step.title)]);
+            }
+          };
+          if (step.sysImage) {
+            Object.assign(_slot, {
+              icon: () => createVNode(IBizIcon, {
+                "class": this.ns.bm("header", "step-icon"),
+                "icon": step.sysImage
+              }, null)
+            });
+          }
+          return createVNode(resolveComponent("el-step"), null, _isSlot(_slot) ? _slot : {
+            default: () => [_slot]
+          });
+        })) ? _slot2 : {
+          default: () => [_slot2]
         });
       }
     }

package/es/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.mjs

@@ -292,7 +292,10 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
     }, [this.curValue]);
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.curValue ? this.curValue : ibiz.config.common.emptyText]);
+    }, [this.curValue ? this.curValue : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return 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/es/editor/cascader/ibiz-cascader/ibiz-cascader.mjs

@@ -467,7 +467,10 @@ const IBizCascader = /* @__PURE__ */ defineComponent({
     }, [this.valueText]);
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.valueText ? this.valueText : ibiz.config.common.emptyText]);
+    }, [this.valueText ? this.valueText : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return 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/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.mjs

@@ -371,7 +371,10 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
       return createVNode("span", {
         "class": this.ns.b("content-item")
       }, [item[this.c.textName]]);
-    }) : ibiz.config.common.emptyText]);
+    }) : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return 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/es/editor/data-picker/ibiz-picker/ibiz-picker.mjs

@@ -28,20 +28,18 @@ const IBizPicker = /* @__PURE__ */ 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 && !isEmpty(valueItem)) {
         items.value.push({
@@ -50,10 +48,8 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
         });
       }
     };
-    watch(() => props.value, (newVal) => {
-      if (newVal || newVal === null) {
-        resetCurValue();
-      }
+    watch(() => props.value, () => {
+      resetCurValue();
     }, {
       immediate: true
     });
@@ -374,7 +370,10 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
     }, [this.valueText]);
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.curValue ? this.valueText : ibiz.config.common.emptyText]);
+    }, [this.curValue ? this.valueText : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return 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/es/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.mjs

@@ -31,32 +31,29 @@ const IBizPickerDropDown = /* @__PURE__ */ 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 (!isNil(props.value) && !isNil(value)) {
+      if (!isNil(props.value) && !isNil(valueItem)) {
         items.value.push({
           [c.textName]: props.value,
-          [c.keyName]: value
+          [c.keyName]: valueItem
         });
       }
     };
-    watch(() => props.value, (newVal) => {
-      if (newVal || newVal === null) {
-        resetCurValue();
-      }
+    watch(() => props.value, () => {
+      resetCurValue();
     }, {
       immediate: true
     });
@@ -356,7 +353,10 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
     }, [this.valueText]);
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.curValue ? this.valueText : ibiz.config.common.emptyText]);
+    }, [this.curValue ? this.valueText : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     const hiddenInput = createVNode("input", {
       "ref": "hiddenInputRef",
       "type": "text",

package/es/editor/data-picker/ibiz-picker-link/ibiz-picker-link.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, onMounted, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur, renderString } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import { isNil } from 'ramda';
@@ -40,13 +40,11 @@ const IBizPickerLink = /* @__PURE__ */ defineComponent({
       }
       return false;
     });
-    watch(() => props.value, (newVal, oldVal) => {
-      if (newVal && newVal !== oldVal) {
-        if (c.model.valueType === "OBJECT") {
-          curValue.value = newVal ? newVal[c.objectNameField] : "";
-        } else {
-          curValue.value = newVal;
-        }
+    watch(() => props.value, (newVal) => {
+      if (c.model.valueType === "OBJECT") {
+        curValue.value = newVal && c.objectNameField ? newVal[c.objectNameField] : null;
+      } else {
+        curValue.value = newVal;
       }
     }, {
       immediate: true
@@ -131,7 +129,10 @@ const IBizPickerLink = /* @__PURE__ */ defineComponent({
         }
         this.openLinkView();
       }
-    }, [isEmpty ? ibiz.config.common.emptyText : this.curValue])]);
+    }, [isEmpty ? createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.controller.emptyShowPlaceholder,
+      "placeHolder": this.controller.placeHolder
+    }, null) : this.curValue])]);
   }
 });
 

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

@@ -505,7 +505,10 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
       "class": this.ns.b("content-item")
     }, [this.valueText]) : this.valueText.split(",").map((item) => createVNode("span", {
       "class": this.ns.b("content-item")
-    }, [item])) : ibiz.config.common.emptyText]);
+    }, [item])) : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return 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/es/editor/date-picker/ibiz-date-picker/ibiz-date-picker.mjs

@@ -156,7 +156,10 @@ const IBizDatePicker = /* @__PURE__ */ defineComponent({
     const readonlyContent = this.formatValue;
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.formatValue ? this.formatValue : ibiz.config.common.emptyText]);
+    }, [this.formatValue ? this.formatValue : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return 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/es/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.mjs

@@ -192,7 +192,10 @@ const IBizDateRangePicker = /* @__PURE__ */ defineComponent({
       "start-placeholder": this.startPlaceHolder,
       "end-placeholder": this.endPlaceHolder,
       "unlink-panels": this.unlinkPanels
-    }, this.$attrs), null) : ibiz.config.common.emptyText]);
+    }, this.$attrs), null) : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return 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/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

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

package/es/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.mjs

@@ -87,7 +87,10 @@ const IBizEmojiPicker = /* @__PURE__ */ defineComponent({
     const renderFormDefaultContent = () => {
       return 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 : createVNode(resolveComponent("iBizEditorEmptyText"), {
+        "showPlaceholder": c.emptyShowPlaceholder,
+        "placeHolder": c.placeHolder
+      }, null)]);
     };
     const renderReference = () => {
       return createVNode(resolveComponent("el-button"), {

package/es/editor/map-picker/ibiz-map-picker/ibiz-map-picker.mjs

@@ -354,7 +354,10 @@ const IBizMapPicker = /* @__PURE__ */ defineComponent({
     }
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.value ? this.value : ibiz.config.common.emptyText]);
+    }, [this.value ? this.value : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return 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/es/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.mjs

@@ -191,7 +191,10 @@ const IBizNumberRangePicker = /* @__PURE__ */ defineComponent({
       "class": this.ns.b("default-separator")
     }, [this.rangeSeparator]), createVNode("div", {
       "class": this.ns.b("default-max")
-    }, [this.maxValue])] : ibiz.config.common.emptyText]);
+    }, [this.maxValue])] : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return 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/es/editor/raw/ibiz-raw/ibiz-raw.d.ts

@@ -6,8 +6,8 @@ import './ibiz-raw.scss';
  *
  * @description 用于绘制配置的直接内容，如HTML内容、视频内容、图片内容等。支持编辑器类型包含：`直接内容`
  * @primary
- * @editorparams {name:contenttype,parameterType:'IMAGE' | 'TEXT' | 'RAW' | 'HEADING1' | 'HEADING2' | 'HEADING3' | 'HEADING4' | 'HEADING5' | 'HEADING6' | 'PARAGRAPH' | 'HTML' | 'VIDEO' | 'DIVIDER' | 'INFO' | 'WARNING' | 'ERROR' | 'MARKDOWN' | 'PLACEHOLDER',defaultvalue:'TEXT',description:定义组件展示的内容类别。包含`IMAGE`（图片）、`TEXT`（文本）、`RAW`（直接内容）、`HEADING1`-`HEADING6`（各级标题）、`PARAGRAPH`（段落）、`HTML`（Html内容）、`VIDEO`（视频）、`DIVIDER`（分割线）、`INFO`（常规提示）、`WARNING`（警告提示）、`ERROR`（错误提示）、`MARKDOWN`（Markdown内容）、`PLACEHOLDER`（占位）}
- * @editorparams {name:template,parameterType:string,description:配置的handlerBars模版，用于将组件输入参数中的value值解析并转换为HTML内容，实现动态内容的渲染}
+ * @editorparams {name:contenttype,parameterType:'IMAGE' | 'TEXT' | 'RAW' | 'HEADING1' | 'HEADING2' | 'HEADING3' | 'HEADING4' | 'HEADING5' | 'HEADING6' | 'PARAGRAPH' | 'HTML' | 'VIDEO' | 'DIVIDER' | 'INFO' | 'WARNING' | 'ERROR' | 'MARKDOWN' | 'PLACEHOLDER',defaultvalue:'TEXT',description:定义组件展示的内容类型。包含`IMAGE`（图片）、`TEXT`（文本）、`RAW`（直接内容）、`HEADING1`-`HEADING6`（各级标题）、`PARAGRAPH`（段落）、`HTML`（Html内容）、`VIDEO`（视频）、`DIVIDER`（分割线）、`INFO`（常规提示）、`WARNING`（警告提示）、`ERROR`（错误提示）、`MARKDOWN`（Markdown内容）、`PLACEHOLDER`（占位）}
+ * @editorparams {name:template,parameterType:string,description:配置的handlerBars模板内容，用于将组件输入参数中的value值解析并转换为HTML内容，实现动态内容的渲染}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits change | blur | focus | enter | infoTextChange
  */

package/es/editor/raw/ibiz-raw/ibiz-raw.mjs

@@ -56,6 +56,8 @@ const IBizRaw = /* @__PURE__ */ 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/es/editor/span/span/span.d.ts

@@ -4,10 +4,10 @@ import { SpanEditorController } from '../span-editor.controller';
 /**
  * 标签
  *
- * @description 直接呈现文本内容,可配置单位，无值时显示全局配置的emptyText，支持编辑器类型包含：`标签`
+ * @description 直接呈现文本内容，可配置单位，无值时显示全局配置的emptyText，支持编辑器类型包含：`标签`
  * @primary
- * @editorparams {name:TEXTSEPARATOR,parameterType:string,defaultvalue:'',description:文本分隔符。如果是数组数据，在呈现时用逗号分隔并且转换为字符串显示}
- * @editorparams {name:overflowMode,parameterType:'auto' | 'ellipsis',defaultvalue:'auto',description:当参数为 'auto' 时，宽度按照内容展开；当参数为 'ellipsis' 时，若内容超出宽度则会显示省略号}
+ * @editorparams {"name":"textseparator","parameterType":"string","defaultvalue":"','","description":"文本分隔符。如果是数组数据，在呈现时会使用文本分隔符拼接为字符串显示"}
+ * @editorparams {name:overflowmode,parameterType:'auto' | 'ellipsis',defaultvalue:'auto',description:文本换行模式。当参数为 'auto' 时，若内容超出宽度则会换行显示；当参数为 'ellipsis' 时，若内容超出宽度则会显示省略号}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits change | blur | focus | enter | infoTextChange
  */

package/es/editor/span/span/span.mjs

@@ -20,7 +20,7 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
-    var _a;
+    var _a, _b;
     const ns = useNamespace("span");
     const c = props.controller;
     const text = ref("");
@@ -31,7 +31,7 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
       unitName
     } = c.parent;
     const spanTitle = 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) || ",";
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         if (isNil(newVal)) {
@@ -158,9 +158,12 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
       content = this.text;
       this.spanTitle = this.text;
     } else {
-      content = ibiz.config.common.emptyText;
+      content = createVNode(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 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/es/editor/stepper/ibiz-stepper/ibiz-stepper.mjs

@@ -1,5 +1,6 @@
 import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getStepperProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import { isNilOrEmpty } from 'qx-util';
 import { toNumber } from 'lodash-es';
 import './ibiz-stepper.css';
 
@@ -75,7 +76,7 @@ const IBizStepper = /* @__PURE__ */ defineComponent({
   render() {
     let content = null;
     if (this.readonly) {
-      content = "".concat(this.currentVal);
+      content = isNilOrEmpty(this.currentVal) ? "" : "".concat(this.currentVal);
     } else {
       content = [createVNode(resolveComponent("el-input-number"), mergeProps({
         "ref": "inputRef",

package/es/editor/switch/ibiz-switch/ibiz-switch.d.ts

@@ -5,7 +5,7 @@ import { SwitchEditorController } from '../switch-editor.controller';
  *
  * @description 使用el-switch组件，表示两种相互对立的状态间的切换，多用于触发「开/关」。支持编辑器类型包含：`开关部件`
  * @primary
- * @editorparams {"name":"dicData","parameterType":"Array<{value: number;label: string;}>","defaultvalue":[{"value":0,"label":""},{"value":1,"label":""}],"description":"开关时文字描述。在配置的数组中，value值为0时，是 switch 关闭时的文字描述；value值为1时，是 switch 打开时的文字描述"}
+ * @editorparams {"name":"dicData","parameterType":"Array<{value: number;label: string;}>","defaultvalue":[{"value":0,"label":""},{"value":1,"label":""}],"description":"开关的文字描述。在配置的数组中，value值为0时，是 switch 关闭时的文字描述；value值为1时，是 switch 打开时的文字描述"}
  * @ignoreprops overflowMode
  * @ignoreemits blur | focus | enter | infoTextChange
  */

package/es/editor/text-box/ibiz-input-number/ibiz-input-number.d.ts

@@ -7,9 +7,9 @@ import { TextBoxEditorController } from '../text-box-editor.controller';
  * @primary
  * @editorparams {name:precision,parameterType:number,description:el-input-number组件的precision属性，设置数值精度}
  * @editorparams {name:maxvalue,parameterType:number,defaultvalue:Infinity,description:el-input-number组件的max属性，设置数值框允许的最大值}
- * @editorparams {name:minvalue,parameterType:number,defaultvalue:Infinity,description:el-input-number组件的min属性，设置数值框允许的最小值}
+ * @editorparams {name:minvalue,parameterType:number,defaultvalue:-Infinity,description:el-input-number组件的min属性，设置数值框允许的最小值}
  * @editorparams {name:enablethousands,parameterType:boolean,defaultvalue:false,description:是否启用千分位}
- * @editorparams {"name":"triggerMode","parameterType":"'blur' |' input'","defaultvalue":"'blur'","description":"指定编辑器触发 `emit` 事件的模式，input: 输入框值变更时触发emit，blur：输入框blur时触发blur"}
+ * @editorparams {"name":"triggermode","parameterType":"'blur' | 'input'","defaultvalue":"'blur'","description":"指定编辑器触发 `change` 值变更事件的模式，input: 输入框输入时触发事件，blur：输入框blur时触发事件"}
  * @ignoreprops overflowMode
  * @ignoreemits infoTextChange
  */

package/es/editor/text-box/ibiz-input-number/ibiz-input-number.mjs

@@ -43,7 +43,7 @@ const IBizInputNumber = /* @__PURE__ */ 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, "");
@@ -203,7 +203,10 @@ const IBizInputNumber = /* @__PURE__ */ defineComponent({
       }
       return 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 : createVNode(resolveComponent("iBizEditorEmptyText"), {
+        "showPlaceholder": this.c.emptyShowPlaceholder,
+        "placeHolder": this.c.placeHolder
+      }, null)]);
     };
     return 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/es/editor/text-box/input/input.d.ts

@@ -5,12 +5,13 @@ import './input.scss';
  *
  * @description 使用el-input组件，用于数据录入，通过鼠标或键盘输入字符。支持编辑器类型包含：`文本框`、`多行输入框`、`多行输入（10行）`、`密码框`
  * @primary
- * @editorparams {name:SHOWLIMIT,parameterType:boolean,defaultvalue:true,description:el-input组件的show-word-limit属性，当编辑器类型为多行输入框、多行输入（10行）时生效}
- * @editorparams {name:ISAUTO,parameterType:boolean,defaultvalue:false,description:el-input组件的autosize属性，文本域是否自适应高度，当编辑器类型为多行输入框、多行输入（10行）时生效}
+ * @editorparams {name:showlimit,parameterType:boolean,defaultvalue:true,description:el-input组件的show-word-limit属性，控制文本域是否显示字数限制，当编辑器类型为多行输入框、多行输入（10行）时生效}
+ * @editorparams {name:isauto,parameterType:boolean,defaultvalue:false,description:el-input组件的autosize属性，控制文本域高度是否自适应，当编辑器类型为多行输入框、多行输入（10行）时生效}
  * @editorparams {name:autocomplete,parameterType:boolean,defaultvalue:false,description:el-input组件的autocomplete属性，是否允许自动填充}
+ * @editorparams {name:ac,parameterType:boolean,defaultvalue:false,description:是否启用ac自填模式}
  * @editorparams {name:srfaiappendcurdata,parameterType:boolean,defaultvalue:false,description:在打开AI功能时，该参数用于判断是否传入对象参数，主要用于在请求历史记录时，附加当前参数}
  * @editorparams {name:srfaiappendcurcontent,parameterType:string,description:在打开AI功能时，如果该参数存在值，会将其传入编辑内容作为用户消息，主要用于在请求历史记录后，附加当前编辑内容作为用户消息}
- * @editorparams {"name":"triggerMode","parameterType":"'blur' |' input'","defaultvalue":"'blur'","description":"指定编辑器触发 `emit` 事件的模式，input: 输入框值变更时触发emit，blur：输入框blur时触发blur"}
+ * @editorparams {"name":"triggermode","parameterType":"'blur' | 'input'","defaultvalue":"'blur'","description":"指定编辑器触发 `change` 值变更事件的模式，input: 输入框输入时触发事件，blur：输入框blur时触发事件"}
  * @ignoreprops overflowMode
  * @ignoreemits infoTextChange
  */