@ibiz-template/vue3-components 0.7.41-alpha.5 → 0.7.41-alpha.51

package/es/editor/markdown/ibiz-markdown-editor/render-util.mjs

@@ -0,0 +1,117 @@
+import { ref, nextTick, createVNode, resolveComponent, onBeforeUnmount } from 'vue';
+
+"use strict";
+function isElement(element, nodeName) {
+  return !!(element && element.nodeType === 1 && element.nodeName === nodeName);
+}
+function getMermaidSvg(element) {
+  let current = element;
+  while (current) {
+    if (current.classList.contains("cherry-previewer")) {
+      return null;
+    }
+    const parent = current.parentElement;
+    if (isElement(current, "svg") && parent && parent.dataset.type === "mermaid") {
+      return current;
+    }
+    current = current.parentElement;
+  }
+  return null;
+}
+function svgToBase64(svgElement) {
+  const clonedSvg = svgElement.cloneNode(true);
+  const width = svgElement.width.baseVal.value || svgElement.clientWidth;
+  const height = svgElement.height.baseVal.value || svgElement.clientHeight;
+  clonedSvg.setAttribute("width", width);
+  clonedSvg.setAttribute("height", height);
+  clonedSvg.style.backgroundColor = "white";
+  const svgString = new XMLSerializer().serializeToString(clonedSvg);
+  const base64 = btoa(unescape(encodeURIComponent(svgString)));
+  return "data:image/svg+xml;base64,".concat(base64);
+}
+function useImgPreviewRender(ns) {
+  const imgPreviewUrl = ref("");
+  const imgPreviewUrlList = ref([]);
+  const imgPreviewRef = ref();
+  let mdPreviewerDom = null;
+  const openImgPreview = async (url) => {
+    var _a;
+    imgPreviewUrl.value = url;
+    imgPreviewUrlList.value = [url];
+    await nextTick();
+    if (imgPreviewRef.value) {
+      const {
+        container
+      } = imgPreviewRef.value.$refs;
+      if (container) {
+        (_a = container.children[0]) == null ? void 0 : _a.click();
+      }
+    }
+  };
+  const handleKeyPress = (event) => {
+    if (event.key === "Escape" || event.keyCode === 27) {
+      event.stopPropagation();
+      event.preventDefault();
+      imgPreviewUrlList.value = [];
+      removeKeydownListener();
+    }
+  };
+  const addKeydownListener = async () => {
+    var _a;
+    await nextTick();
+    const container = (_a = imgPreviewRef.value) == null ? void 0 : _a.$refs.container;
+    if (!container)
+      return;
+    const imgViewerWrapper = container.querySelector(".el-image-viewer__wrapper");
+    imgViewerWrapper == null ? void 0 : imgViewerWrapper.addEventListener("keydown", handleKeyPress);
+  };
+  const removeKeydownListener = () => {
+    var _a;
+    const container = (_a = imgPreviewRef.value) == null ? void 0 : _a.$refs.container;
+    if (!container)
+      return;
+    const imgViewerWrapper = container.querySelector(".el-image-viewer__wrapper");
+    imgViewerWrapper == null ? void 0 : imgViewerWrapper.removeEventListener("keydown", handleKeyPress);
+  };
+  const handlePreviewerImgClick = (event) => {
+    const target = event == null ? void 0 : event.target;
+    if (isElement(target, "IMG") && target) {
+      openImgPreview(target.src);
+      return;
+    }
+    const mermaidSvg = getMermaidSvg(target);
+    if (mermaidSvg) {
+      openImgPreview(svgToBase64(mermaidSvg));
+    }
+  };
+  const renderImgPreview = () => {
+    return createVNode(resolveComponent("el-image"), {
+      "class": ns.e("img-preview"),
+      "ref": imgPreviewRef,
+      "zoom-rate": 1.1,
+      "src": imgPreviewUrl.value,
+      "preview-src-list": imgPreviewUrlList.value,
+      "hide-on-click-modal": true,
+      "onShow": addKeydownListener,
+      "fit": "cover"
+    }, null);
+  };
+  const onMDEditorCreated = (mdeditor) => {
+    var _a, _b;
+    mdPreviewerDom = ((_b = (_a = mdeditor == null ? void 0 : mdeditor.previewer) == null ? void 0 : _a.previewerBubble) == null ? void 0 : _b.previewerDom) || null;
+    mdPreviewerDom == null ? void 0 : mdPreviewerDom.addEventListener("click", handlePreviewerImgClick);
+  };
+  onBeforeUnmount(() => {
+    if (mdPreviewerDom) {
+      mdPreviewerDom.removeEventListener("click", handlePreviewerImgClick);
+      mdPreviewerDom = null;
+    }
+    removeKeydownListener();
+  });
+  return {
+    renderImgPreview,
+    onMDEditorCreated
+  };
+}
+
+export { useImgPreviewRender };

package/es/editor/markdown/markdown-editor.controller.mjs

@@ -1,5 +1,6 @@
 import { RuntimeModelError } from '@ibiz-template/core';
-import { EditorController, getDeACMode } from '@ibiz-template/runtime';
+import { EditorController, getDeACMode, UIActionUtil } from '@ibiz-template/runtime';
+import { clone } from 'ramda';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -75,6 +76,41 @@ class MarkDownEditorController extends EditorController {
      * @type {boolean}
      */
     __publicField(this, "chatCompletion", false);
+    /**
+     * 编辑器实例
+     *
+     * @type {IData}
+     * @memberof MarkDownEditorController
+     */
+    __publicField(this, "mdeditor", null);
+    /**
+     * 选区位置缓存
+     *
+     * @type {(IData | null)}
+     * @memberof MarkDownEditorController
+     */
+    __publicField(this, "selectionAreaPosition", null);
+    /**
+     * 选区方向  true表示正向，从左到右；false表示反向，从右到左
+     *
+     * @type {boolean}
+     * @memberof MarkDownEditorController
+     */
+    __publicField(this, "selectionDirection", true);
+    /**
+     * 当前编辑器使用主题
+     *
+     * @type {string}
+     * @memberof MarkDownEditorController
+     */
+    __publicField(this, "currentEditorTheme", "light");
+    /**
+     * AI行内聊天框高度
+     *
+     * @type {number}
+     * @memberof MarkDownEditorController
+     */
+    __publicField(this, "inlineAiChatHeight");
   }
   async onInit() {
     await super.onInit();
@@ -82,7 +118,7 @@ class MarkDownEditorController extends EditorController {
       this.style.height = "600px";
     }
     if (this.editorParams) {
-      const { uploadparams, exportparams } = this.editorParams;
+      const { uploadparams, exportparams, inlineaichatheight } = this.editorParams;
       if (uploadparams) {
         try {
           this.uploadParams = JSON.parse(uploadparams);
@@ -103,6 +139,9 @@ class MarkDownEditorController extends EditorController {
           );
         }
       }
+      if (inlineaichatheight) {
+        this.inlineAiChatHeight = Number(inlineaichatheight);
+      }
     }
     const model = this.model;
     if (model.appDEACModeId) {
@@ -141,6 +180,200 @@ class MarkDownEditorController extends EditorController {
       }
     }
   }
+  /**
+   * 设置编辑器实例
+   *
+   * @param {IData} mdeditor
+   * @memberof MarkDownEditorController
+   */
+  setMDEditor(mdeditor) {
+    this.mdeditor = mdeditor;
+  }
+  /**
+   * 设置保存当前选区位置
+   *
+   * @param {IData} start
+   * @param {IData} end
+   * @memberof MarkDownEditorController
+   */
+  setCursorPos(start, end) {
+    this.selectionAreaPosition = { start, end };
+  }
+  /**
+   * 设置当前编辑器的主题
+   *
+   * @param {string} theme
+   * @memberof MarkDownEditorController
+   */
+  setCurrentEditorTheme(theme) {
+    this.currentEditorTheme = theme;
+  }
+  /**
+   * 设置当前选区方向
+   *
+   * @param {boolean} direction
+   * @memberof MarkDownEditorController
+   */
+  setSelectionDirection(direction) {
+    this.selectionDirection = direction;
+  }
+  /**
+   * 获取当前主题
+   *
+   * @return {*}  {('light' | 'dark')}
+   * @memberof MarkDownEditorController
+   */
+  getCurrentTheme() {
+    return this.currentEditorTheme === "dark" ? "dark" : "light";
+  }
+  /**
+   * 获取选中文本
+   *
+   * @return {*}  {string}
+   * @memberof MarkDownEditorController
+   */
+  getSelectionText() {
+    var _a;
+    return (_a = this.mdeditor) == null ? void 0 : _a.editor.editor.getSelection();
+  }
+  /**
+   * 获取内联AI编辑器主题
+   *
+   * @return {*}  {('light' | 'dark')}
+   * @memberof MarkDownEditorController
+   */
+  getInLineAiEditorTheme() {
+    return this.getCurrentTheme();
+  }
+  /**
+   * 判断选区方向
+   *
+   * @param {IData} posA
+   * @param {IData} posB
+   * @return {*}  {boolean}
+   * @memberof MarkDownEditorController
+   */
+  isPositionBefore(posA, posB) {
+    if (posA.line < posB.line)
+      return true;
+    if (posA.line > posB.line)
+      return false;
+    return posA.ch < posB.ch;
+  }
+  /**
+   * 插入文本
+   *
+   * @param {string} text
+   * @memberof MarkDownEditorController
+   */
+  insertText(text) {
+    var _a, _b, _c;
+    if (this.selectionAreaPosition) {
+      const { start, end } = this.selectionAreaPosition;
+      const contentToInsert = "\n".concat(text, "\n");
+      const hasSelection = !(start.line === end.line && start.ch === end.ch);
+      if (!hasSelection) {
+        (_a = this.mdeditor) == null ? void 0 : _a.editor.editor.replaceSelection(contentToInsert);
+        return;
+      }
+      let insetPos;
+      if (this.selectionDirection) {
+        insetPos = end;
+      } else {
+        insetPos = start;
+      }
+      (_b = this.mdeditor) == null ? void 0 : _b.editor.editor.setCursor(insetPos);
+      (_c = this.mdeditor) == null ? void 0 : _c.editor.editor.replaceSelection(contentToInsert);
+      if (this.selectionDirection === false) {
+        const index = (contentToInsert.match(/\n/g) || []).length;
+        this.selectionAreaPosition.start.line += index;
+        this.selectionAreaPosition.end.line += index;
+        this.selectionAreaPosition.end.ch -= this.selectionAreaPosition.start.ch;
+        this.selectionAreaPosition.start.ch = 0;
+      }
+      this.restoreSelection();
+    }
+  }
+  /**
+   * 替换选中文本
+   *
+   * @param {string} text
+   * @memberof MarkDownEditorController
+   */
+  replaceSelectionText(text) {
+    var _a;
+    (_a = this.mdeditor) == null ? void 0 : _a.editor.editor.replaceSelection(text);
+  }
+  /**
+   * 恢复选区
+   *
+   * @memberof MarkDownEditorController
+   */
+  restoreSelection() {
+    var _a, _b, _c;
+    (_c = this.mdeditor) == null ? void 0 : _c.editor.editor.setSelection(
+      (_a = this.selectionAreaPosition) == null ? void 0 : _a.start,
+      (_b = this.selectionAreaPosition) == null ? void 0 : _b.end
+    );
+  }
+  /**
+   * 获取内联AI参数
+   *
+   * @return {*}  {IData}
+   * @memberof MarkDownEditorController
+   */
+  getInLineAiChatOptions() {
+    var _a, _b, _c, _d, _e;
+    const editorRect = (_a = this.mdeditor) == null ? void 0 : _a.wrapperDom.getBoundingClientRect();
+    if (!((_b = this.mdeditor) == null ? void 0 : _b.bubble.visible)) {
+      (_c = this.mdeditor) == null ? void 0 : _c.bubble.showBubble();
+    }
+    const bubbleRect = (_d = this.mdeditor) == null ? void 0 : _d.bubble.bubbleDom.getBoundingClientRect();
+    return {
+      // 编辑器的左侧距离 + 10px
+      left: editorRect.left + 10,
+      // 浮动工具栏的顶部距离位置
+      top: bubbleRect.top,
+      // 编辑器的宽度 - 右侧工具栏的宽度(38px) - 左侧边距（10px）- 右侧边距（10px）
+      width: editorRect.width - 58,
+      editorElement: (_e = this.mdeditor) == null ? void 0 : _e.wrapperDom,
+      editorTheme: this.getCurrentTheme(),
+      height: this.inlineAiChatHeight
+    };
+  }
+  /**
+   * 返回内联AI编辑器元素
+   *
+   * @return {*}  {Element}
+   * @memberof MarkDownEditorController
+   */
+  getInLineAiEditorElement() {
+    var _a;
+    return (_a = this.mdeditor) == null ? void 0 : _a.wrapperDom;
+  }
+  /**
+   *  执行内联AIUI操作
+   *
+   * @param {string} _uiAction
+   * @param {string} _appId
+   * @return {*}  {Promise<void>}
+   * @memberof MarkDownEditorController
+   */
+  async doInLineAIUIAction(uiActionId, appId) {
+    const eventArgs = this.ctrl.getEventArgs();
+    eventArgs.params = clone(eventArgs.params);
+    eventArgs.params.editor = this;
+    if (this.editorParams.srfaiappendcurdata && this.editorParams.srfaiappendcurdata === "true") {
+      eventArgs.context.srfaiappendcurdata = true;
+    }
+    await UIActionUtil.exec(
+      uiActionId,
+      {
+        ...eventArgs
+      },
+      appId
+    );
+  }
 }
 
 export { MarkDownEditorController };

package/es/editor/not-supported-editor/not-supported-editor.mjs

@@ -1,4 +1,4 @@
-import { createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './not-supported-editor.css';
 

package/es/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.mjs

@@ -1,5 +1,5 @@
-import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getNumberRangeProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { defineComponent, createVNode, resolveComponent, mergeProps, ref, computed, watch } from 'vue';
+import { useNamespace, useAutoFocusBlur, useFocusAndBlur, getEditorEmits, getNumberRangeProps } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
 import './ibiz-number-range-picker.css';
 
@@ -38,9 +38,15 @@ const IBizNumberRangePicker = /* @__PURE__ */ defineComponent({
       if (editorModel.editorParams.valueSeparator) {
         valueSeparator = editorModel.editorParams.valueSeparator;
       }
+      if (editorModel.editorParams.valueseparator) {
+        valueSeparator = editorModel.editorParams.valueseparator;
+      }
       if (editorModel.editorParams.rangeSeparator) {
         rangeSeparator = editorModel.editorParams.rangeSeparator;
       }
+      if (editorModel.editorParams.rangeseparator) {
+        rangeSeparator = editorModel.editorParams.rangeseparator;
+      }
     }
     const refFormItem = ref([]);
     const editorItems = editorModel.editorItems;
@@ -191,7 +197,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/preset/preset-rawitem/ibiz-preset-rawitem/ibiz-preset-rawitem.mjs

@@ -1,5 +1,5 @@
-import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
-import { getRawProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { defineComponent, createVNode, resolveComponent, ref, watch } from 'vue';
+import { useNamespace, useFocusAndBlur, getEditorEmits, getRawProps } from '@ibiz-template/vue3-util';
 import './ibiz-preset-rawitem.css';
 
 "use strict";

package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.mjs

@@ -1,5 +1,5 @@
-import { isVNode, ref, watch, computed, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getRadioProps, getEditorEmits, useNamespace, useAutoFocusBlur, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { isVNode, defineComponent, createVNode, resolveComponent, mergeProps, ref, watch, computed } from 'vue';
+import { useNamespace, useAutoFocusBlur, useCodeListListen, useFocusAndBlur, getEditorEmits, getRadioProps } from '@ibiz-template/vue3-util';
 import { notNilEmpty } from 'qx-util';
 import { showTitle } from '@ibiz-template/core';
 import './ibiz-radio.css';
@@ -24,9 +24,15 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
       if (editorModel.editorParams.renderMode) {
         renderMode = editorModel.editorParams.renderMode;
       }
+      if (editorModel.editorParams.rendermode) {
+        renderMode = editorModel.editorParams.rendermode;
+      }
       if (editorModel.editorParams.isBtnRoundCorner) {
         isBtnRoundCorner = c.toBoolean(editorModel.editorParams.isBtnRoundCorner);
       }
+      if (editorModel.editorParams.isbtnroundcorner) {
+        isBtnRoundCorner = c.toBoolean(editorModel.editorParams.isbtnroundcorner);
+      }
     }
     const {
       useInFocusAndBlur,

package/es/editor/radio-button-list/radio-button-list.controller.mjs

@@ -19,11 +19,14 @@ class RadioButtonListEditorController extends CodeListEditorController {
     __publicField(this, "rowNumber");
   }
   async onInit() {
-    var _a;
+    var _a, _b;
     super.onInit();
     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/es/editor/rate/ibiz-rate/ibiz-rate.mjs

@@ -1,5 +1,5 @@
-import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getRateProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { defineComponent, createVNode, resolveComponent, mergeProps, ref, computed, watch } from 'vue';
+import { useNamespace, useAutoFocusBlur, useFocusAndBlur, getEditorEmits, getRateProps } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
 import './ibiz-rate.css';
 
@@ -30,6 +30,9 @@ const IBizRate = /* @__PURE__ */ defineComponent({
       if (editorModel.editorParams.showText) {
         showText = c.toBoolean(editorModel.editorParams.showText);
       }
+      if (editorModel.editorParams.showtext) {
+        showText = c.toBoolean(editorModel.editorParams.showtext);
+      }
       if (editorModel.editorParams.maxvalue) {
         max = toNumber(editorModel.editorParams.maxvalue);
       }

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

@@ -1,5 +1,5 @@
-import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
-import { getRawProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import { defineComponent, createVNode, resolveComponent, ref, computed, watch } from 'vue';
+import { useNamespace, getEditorEmits, getRawProps } from '@ibiz-template/vue3-util';
 import './ibiz-raw.css';
 
 "use strict";
@@ -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/slider/ibiz-slider/ibiz-slider.mjs

@@ -1,5 +1,5 @@
-import { ref, computed, watch, nextTick, onMounted, onBeforeUnmount, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getSliderProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { defineComponent, createVNode, resolveComponent, mergeProps, ref, computed, watch, onMounted, nextTick, onBeforeUnmount } from 'vue';
+import { useNamespace, useAutoFocusBlur, useFocusAndBlur, getEditorEmits, getSliderProps } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
 import './ibiz-slider.css';
 
@@ -57,6 +57,9 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
       if (editorModel.editorParams.showText) {
         showText = c.toBoolean(editorModel.editorParams.showText);
       }
+      if (editorModel.editorParams.showtext) {
+        showText = c.toBoolean(editorModel.editorParams.showtext);
+      }
       if (editorModel.editorParams.format) {
         format = editorModel.editorParams.format;
       }
@@ -66,12 +69,21 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
       if (editorModel.editorParams.textItem) {
         textItem = editorModel.editorParams.textItem;
       }
+      if (editorModel.editorParams.textitem) {
+        textItem = editorModel.editorParams.textitem;
+      }
       if (editorModel.editorParams.pieBg) {
         pieBg = editorModel.editorParams.pieBg;
       }
+      if (editorModel.editorParams.piebg) {
+        pieBg = editorModel.editorParams.piebg;
+      }
       if (editorModel.editorParams.piePercentBg) {
         piePercentBg = editorModel.editorParams.piePercentBg;
       }
+      if (editorModel.editorParams.piepercentbg) {
+        piePercentBg = editorModel.editorParams.piepercentbg;
+      }
     }
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {

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

@@ -1,8 +1,8 @@
-import { ref, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
-import { getSpanProps, useNamespace, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { defineComponent, createVNode, resolveComponent, ref, watch, computed } from 'vue';
+import { useNamespace, useCodeListListen, useFocusAndBlur, getSpanProps } from '@ibiz-template/vue3-util';
 import './span.css';
 import { isNil } from 'ramda';
-import { DataTypes, isEmoji, base64ToStr, showTitle } from '@ibiz-template/core';
+import { showTitle, DataTypes, isEmoji, base64ToStr } from '@ibiz-template/core';
 import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
 
@@ -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)) {
@@ -151,16 +151,20 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
           "class": this.ns.e("code-list"),
           "codeListItems": this.items,
           "codeList": this.c.codeList,
-          "value": this.text
+          "value": this.text,
+          "convertToCodeItemText": this.c.convertToCodeItemText
         }, null);
       }
     } else if (this.text) {
       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/span/span-link/span-link.mjs

@@ -1,5 +1,5 @@
-import { ref, watch, computed, createVNode, defineComponent } from 'vue';
-import { getSpanProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { defineComponent, createVNode, ref, watch, computed } from 'vue';
+import { useNamespace, useFocusAndBlur, getEditorEmits, getSpanProps } from '@ibiz-template/vue3-util';
 import './span-link.css';
 
 "use strict";

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 { defineComponent, createVNode, resolveComponent, mergeProps, ref, computed, watch } from 'vue';
+import { useNamespace, getEditorEmits, getStepperProps } 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.mjs

@@ -1,5 +1,5 @@
-import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getSwitchProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { defineComponent, createVNode, resolveComponent, mergeProps, ref, computed, watch } from 'vue';
+import { useNamespace, useAutoFocusBlur, useFocusAndBlur, getEditorEmits, getSwitchProps } from '@ibiz-template/vue3-util';
 import './ibiz-switch.css';
 
 "use strict";
@@ -27,6 +27,9 @@ const IBizSwitch = /* @__PURE__ */ defineComponent({
       if (editorModel.editorParams.dicData) {
         dicData = c.toObj(editorModel.editorParams.dicData);
       }
+      if (editorModel.editorParams.dicdata) {
+        dicData = c.toObj(editorModel.editorParams.dicdata);
+      }
     }
     if (dicData && Array.isArray(dicData)) {
       const inactiveResult = dicData.find((item) => {

package/es/editor/switch/ibiz-switch-tristate/ibiz-switch-tristate.mjs

@@ -1,5 +1,5 @@
-import { ref, watch, createVNode, defineComponent } from 'vue';
-import { getSwitchProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import { defineComponent, createVNode, ref, watch } from 'vue';
+import { useNamespace, getEditorEmits, getSwitchProps } from '@ibiz-template/vue3-util';
 import './ibiz-switch-tristate.css';
 
 "use strict";

package/es/editor/text-box/ibiz-input-ip/ibiz-input-ip.css

@@ -1 +1 @@
-.ibiz-input-ip{display:flex;flex-wrap:nowrap;height:100%;line-height:var(--ibiz-form-item-line-height)}.ibiz-form-item .ibiz-input-ip.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-input-ip{display:flex;flex-wrap:nowrap;height:100%;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-input-ip .el-input .el-input__wrapper{background-color:transparent;box-shadow:none}.ibiz-input-ip .el-input.is-disabled .el-input__wrapper{background-color:transparent}.ibiz-input-ip:hover:not(.ibiz-input-ip--disabled) .ibiz-input-ip-content{box-shadow:0 0 0 1px var(--ibiz-editor-hover-border-color) inset}.ibiz-input-ip--disabled .ibiz-input-ip-content{color:var(--el-disabled-text-color);cursor:not-allowed;background-color:var(--el-disabled-bg-color);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset}.ibiz-input-ip--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-input-ip.is-focus .ibiz-input-ip-content{box-shadow:0 0 0 1px var(--ibiz-color-primary) inset}.ibiz-input-ip-content{display:flex;flex-wrap:nowrap;align-items:center;width:100%;height:100%;color:var(--ibiz-editor-default-text-color);border-radius:var(--ibiz-border-radius-small);box-shadow:0 0 0 1px var(--ibiz-editor-default-border-color) inset}.ibiz-form-item .ibiz-input-ip.is-show-default .ibiz-input-ip-form-default-content{display:block;padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-form-item .ibiz-input-ip.is-show-default .ibiz-input-ip-content{display:none}.ibiz-form-item .ibiz-input-ip.is-show-default:hover .ibiz-input-ip-form-default-content{display:none}.ibiz-form-item .ibiz-input-ip.is-show-default:hover .ibiz-input-ip-content{display:flex}.ibiz-form-item .ibiz-input-ip.is-show-default.is-focus .ibiz-input-ip-form-default-content{display:none}.ibiz-form-item .ibiz-input-ip.is-show-default.is-focus .ibiz-input-ip-content{display:flex}