@ibiz-template/vue3-components 0.7.38-alpha.43 → 0.7.39

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

@@ -1,8 +1,8 @@
-import { defineComponent, ref, watch, nextTick, onMounted, onUnmounted, createVNode } from 'vue';
+import { ref, watch, nextTick, onMounted, onBeforeUnmount, onUnmounted, createVNode, defineComponent } from 'vue';
 import { getMarkDownProps, getEditorEmits, useNamespace, useUIStore } from '@ibiz-template/vue3-util';
-import { createUUID, getCookie } from 'qx-util';
+import { createUUID } from 'qx-util';
 import Cherry from 'cherry-markdown';
-import { CoreConst } from '@ibiz-template/core';
+import { CoreConst, getAppCookie } from '@ibiz-template/core';
 import './ibiz-markdown-editor.css';
 
 "use strict";
@@ -13,20 +13,22 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
+    var _a;
     const ns = useNamespace("markdown");
     const c = props.controller;
     const currentVal = ref("");
     const editor = ref(null);
     const id = createUUID();
     const headers = ref({
-      ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(getCookie(CoreConst.TOKEN))
+      ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(getAppCookie(CoreConst.TOKEN))
     });
     const uploadUrl = ref("");
     const downloadUrl = ref("");
+    const customTheme = (_a = c == null ? void 0 : c.editorParams) == null ? void 0 : _a.customTheme;
     const {
       UIStore
     } = useUIStore();
-    const theme = ref(UIStore.theme);
+    const theme = ref(customTheme || UIStore.theme);
     const defaultModel = ref("editOnly");
     let resizeObserver = null;
     let lastMarkDownWidth = 0;
@@ -48,18 +50,18 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
       callback(url);
     };
     const getCherryHtml = () => {
-      var _a;
-      const result = (_a = editor.value) == null ? void 0 : _a.getHtml();
+      var _a2;
+      const result = (_a2 = editor.value) == null ? void 0 : _a2.getHtml();
       return result;
     };
     const getCherryContent = () => {
-      var _a;
-      const result = (_a = editor.value) == null ? void 0 : _a.getMarkdown();
+      var _a2;
+      const result = (_a2 = editor.value) == null ? void 0 : _a2.getMarkdown();
       return result;
     };
     const setCherryContent = (val) => {
-      var _a;
-      (_a = editor.value) == null ? void 0 : _a.setMarkdown(val, false);
+      var _a2;
+      (_a2 = editor.value) == null ? void 0 : _a2.setMarkdown(val, false);
     };
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
@@ -86,6 +88,88 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
         [e]: src
       };
     };
+    const createElement = (tagName, className = "") => {
+      const element = document.createElement(tagName);
+      element.className = className;
+      return element;
+    };
+    const createCherryIcon = (tagName) => {
+      return createElement("i", "ch-icon ch-icon-".concat(tagName));
+    };
+    const fullscreenClassName = ns.e("fullscreen");
+    const clearNodeChildren = (node) => {
+      while (node.firstChild) {
+        node.removeChild(node.firstChild);
+      }
+    };
+    const getFullscreenNodeInfo = () => {
+      if (editor.value && markDownBox.value) {
+        const parentElement = editor.value.editor.options.editorDom.parentElement;
+        const cherryClass = parentElement.classList;
+        const fullscreenNode = markDownBox.value.querySelector(".".concat(fullscreenClassName));
+        if (!fullscreenNode)
+          return {};
+        return {
+          parentElement,
+          cherryClass,
+          fullscreenNode
+        };
+      }
+      return {};
+    };
+    const openFullscreen = () => {
+      const {
+        parentElement,
+        cherryClass,
+        fullscreenNode
+      } = getFullscreenNodeInfo();
+      if (parentElement && cherryClass && fullscreenNode) {
+        clearNodeChildren(fullscreenNode);
+        fullscreenNode.appendChild(createCherryIcon("minscreen"));
+        cherryClass.add("fullscreen");
+        fullscreenNode.title = ibiz.i18n.t("editor.markdown.minimize");
+        parentElement.setAttribute("tabindex", "-1");
+        nextTick(() => parentElement == null ? void 0 : parentElement.focus());
+      }
+    };
+    const closeFullscreen = () => {
+      const {
+        parentElement,
+        cherryClass,
+        fullscreenNode
+      } = getFullscreenNodeInfo();
+      if (parentElement && cherryClass && fullscreenNode) {
+        clearNodeChildren(fullscreenNode);
+        fullscreenNode.appendChild(createCherryIcon("fullscreen"));
+        fullscreenNode.title = ibiz.i18n.t("editor.markdown.fullscreen");
+        cherryClass.remove("fullscreen");
+        parentElement == null ? void 0 : parentElement.blur();
+        parentElement.setAttribute("tabindex", "-1");
+      }
+    };
+    const isFullscreen = () => {
+      const {
+        cherryClass
+      } = getFullscreenNodeInfo();
+      return cherryClass == null ? void 0 : cherryClass.contains("fullscreen");
+    };
+    const onSwitchFullscreen = () => {
+      if (editor.value && markDownBox.value) {
+        if (isFullscreen()) {
+          closeFullscreen();
+        } else {
+          openFullscreen();
+        }
+      }
+    };
+    const handleKeyDown = (_e) => {
+      _e.stopPropagation();
+      if (_e.key === "Escape") {
+        if (isFullscreen()) {
+          closeFullscreen();
+        }
+      }
+    };
     const editorInit = () => {
       if (props.disabled) {
         defaultModel.value = "previewOnly";
@@ -130,17 +214,26 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
             beforeImageMounted
           }
         });
+        if (customTheme) {
+          editor.value.setTheme(customTheme);
+        }
+        const span = createElement("span", "".concat(fullscreenClassName, " cherry-toolbar-button"));
+        span.title = ibiz.i18n.t("editor.markdown.fullscreen");
+        span.onclick = onSwitchFullscreen;
+        span.appendChild(createCherryIcon("fullscreen"));
+        const parentElement = props.disabled ? editor.value.editor.options.editorDom.parentElement : editor.value.editor.options.editorDom.parentElement.querySelector(".cherry-toolbar>.toolbar-right");
+        parentElement == null ? void 0 : parentElement.appendChild(span);
       });
     };
     watch(() => UIStore.theme, (newVal) => {
-      var _a;
-      theme.value = newVal;
-      (_a = editor.value) == null ? void 0 : _a.setTheme(theme.value);
+      var _a2;
+      theme.value = customTheme || newVal;
+      (_a2 = editor.value) == null ? void 0 : _a2.setTheme(theme.value);
     });
     const calcMarkDownStyle = () => {
       if (window.ResizeObserver && markDownBox.value) {
         const tempCssVars = {
-          width: "".concat(markDownBox.value.offsetWidth, "px")
+          width: markDownBox.value.offsetWidth ? "".concat(markDownBox.value.offsetWidth, "px") : "100%"
         };
         if (c && typeof c.parent.model.height === "number") {
           Object.assign(tempCssVars, {
@@ -167,8 +260,14 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
       }
     };
     onMounted(() => {
+      var _a2;
       editorInit();
       calcMarkDownStyle();
+      (_a2 = markDownBox.value) == null ? void 0 : _a2.addEventListener("keydown", handleKeyDown.bind(this));
+    });
+    onBeforeUnmount(() => {
+      var _a2;
+      (_a2 = markDownBox.value) == null ? void 0 : _a2.removeEventListener("keydown", handleKeyDown.bind(this));
     });
     onUnmounted(() => {
       editor.value = null;

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

@@ -1 +1 @@
-.ibiz-not-supported-editor{color:var(--ibiz-color-danger)}
+.ibiz-not-supported-editor{color:var(--ibiz-color-danger)}.ibiz-not-supported-editor-preview-content{height:var(--el-component-size);color:var(--el-disabled-text-color);background-color:var(--el-disabled-bg-color);border-radius:var(--el-border-radius-base);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset}

package/es/editor/not-supported-editor/not-supported-editor.d.ts

@@ -6,11 +6,18 @@ export declare const NotSupportedEditor: import("vue").DefineComponent<{
         type: PropType<IEditor>;
         required: true;
     };
+    context: {
+        type: PropType<IContext>;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    isDesignPreview: boolean;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IEditor>;
         required: true;
     };
+    context: {
+        type: PropType<IContext>;
+    };
 }>>, {}, {}>;

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

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode } from 'vue';
+import { createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './not-supported-editor.css';
 
@@ -9,15 +9,28 @@ const NotSupportedEditor = /* @__PURE__ */ defineComponent({
     modelData: {
       type: Object,
       required: true
+    },
+    context: {
+      type: Object
     }
   },
-  setup() {
+  setup(props) {
+    var _a;
     const ns = useNamespace("not-supported-editor");
+    const isDesignPreview = ((_a = props.context) == null ? void 0 : _a.srfrunmode) === "DESIGN";
     return {
-      ns
+      ns,
+      isDesignPreview
     };
   },
   render() {
+    if (this.isDesignPreview) {
+      return createVNode("div", {
+        "class": this.ns.b()
+      }, [createVNode("div", {
+        "class": this.ns.b("preview-content")
+      }, null)]);
+    }
     return createVNode("div", {
       "class": this.ns.b()
     }, [ibiz.i18n.t("editor.notSupportedEditor.unsupportedType", {

package/es/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.d.ts

@@ -47,7 +47,7 @@ export declare const IBizNumberRangePicker: import("vue").DefineComponent<{
     setEditable: (flag: boolean) => void;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (_value: unknown, _name?: string | undefined) => boolean;
+    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | undefined) => boolean;
@@ -77,9 +77,9 @@ export declare const IBizNumberRangePicker: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, createVNode, resolveComponent, mergeProps } from 'vue';
+import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getNumberRangeProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-number-range-picker.css';
 import { toNumber } from 'lodash-es';
@@ -191,7 +191,7 @@ const IBizNumberRangePicker = /* @__PURE__ */ defineComponent({
       "class": this.ns.b("default-separator")
     }, [this.rangeSeparator]), createVNode("div", {
       "class": this.ns.b("default-max")
-    }, [this.maxValue])] : "-"]);
+    }, [this.maxValue])] : ibiz.config.common.emptyText]);
     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.d.ts

@@ -30,7 +30,7 @@ export declare const IBizPresetRawitem: import("vue").DefineComponent<{
     type: string | undefined;
     content: Ref<string | number | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (_value: unknown, _name?: string | undefined) => boolean;
+    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | undefined) => boolean;
@@ -60,9 +60,9 @@ export declare const IBizPresetRawitem: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/preset/preset-rawitem/ibiz-preset-rawitem/ibiz-preset-rawitem.mjs

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

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

@@ -1 +1 @@
-.ibiz-radio{--ibiz-radio-group-row-number:0}.ibiz-radio__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-radio--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-radio__button--round-corner{margin-right:var(--ibiz-spacing-base-loose)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__inner{color:var(--ibiz-color-primary);background-color:var(--ibiz-color-secondary-light-default);border-color:var(--ibiz-color-secondary-light-default)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__original-radio:checked+.el-radio-button__inner{box-shadow:none}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);background-color:var(--ibiz-color-tertiary-light-hover);border-color:var(--ibiz-color-tertiary-light-hover);border-radius:var(--ibiz-height-control-default)}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner:nth-last-child(1){margin:0}.ibiz-radio__button--round-corner.el-radio-button.is-disabled.is-active .el-radio-button__inner{border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-disabled-text)}.ibiz-radio__button--round-corner.el-radio-button.is-disabled .el-radio-button__inner{color:var(--ibiz-color-disabled-text);background:var(--ibiz-color-disabled-bg);border-color:var(--ibiz-color-disabled-border)}.ibiz-radio.is-grid-layout .el-radio-group{display:grid;grid-template-columns:repeat(var(--ibiz-radio-group-row-number),1fr)}.ibiz-form-item .ibiz-radio.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-radio-tab{height:100%;overflow-x:auto;white-space:nowrap}.ibiz-radio-tab-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-radio-tab-item:hover{color:var(--ibiz-color-primary)}.ibiz-radio-tab-item.is-selected::after{position:absolute;bottom:2px;left:var(--ibiz-spacing-base-tight);width:calc(100% - 2 * var(--ibiz-spacing-base-tight));height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-radio-tab-item.is-disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-radio-tab-item.is-disabled::after{background-color:var(--ibiz-color-disabled-text)}
+.ibiz-radio{--ibiz-radio-group-row-number:0}.ibiz-radio .el-radio__label{display:flex;align-items:center}.ibiz-radio .el-radio__label .ibiz-icon{display:flex;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-radio__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-radio--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-radio__button--round-corner{margin-right:var(--ibiz-spacing-base-loose)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__inner{color:var(--ibiz-color-primary);background-color:var(--ibiz-color-secondary-light-default);border-color:var(--ibiz-color-secondary-light-default)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__original-radio:checked+.el-radio-button__inner{box-shadow:none}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);background-color:var(--ibiz-color-tertiary-light-hover);border-color:var(--ibiz-color-tertiary-light-hover);border-radius:var(--ibiz-height-control-default)}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner:nth-last-child(1){margin:0}.ibiz-radio__button--round-corner.el-radio-button.is-disabled.is-active .el-radio-button__inner{border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-disabled-text)}.ibiz-radio__button--round-corner.el-radio-button.is-disabled .el-radio-button__inner{color:var(--ibiz-color-disabled-text);background:var(--ibiz-color-disabled-bg);border-color:var(--ibiz-color-disabled-border)}.ibiz-radio__button .el-radio-button__inner{display:flex;align-items:center}.ibiz-radio__button .el-radio-button__inner .ibiz-icon{display:flex;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-radio.is-grid-layout .el-radio-group{display:grid;grid-template-columns:repeat(var(--ibiz-radio-group-row-number),1fr)}.ibiz-form-item .ibiz-radio.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-radio-tab{display:flex;height:100%;overflow-x:auto;white-space:nowrap}.ibiz-radio-tab-item{position:relative;display:inline-block;display:flex;align-items:center;width:auto;height:100%;padding:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-radio-tab-item:hover{color:var(--ibiz-color-primary)}.ibiz-radio-tab-item .ibiz-icon{display:flex;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-radio-tab-item.is-selected::after{position:absolute;bottom:2px;left:var(--ibiz-spacing-base-tight);width:calc(100% - 2 * var(--ibiz-spacing-base-tight));height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-radio-tab-item.is-disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-radio-tab-item.is-disabled::after{background-color:var(--ibiz-color-disabled-text)}

package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.d.ts

@@ -1,5 +1,5 @@
-import './ibiz-radio.scss';
 import { RadioButtonListEditorController } from '../radio-button-list.controller';
+import './ibiz-radio.scss';
 export declare const IBizRadio: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<RadioButtonListEditorController>, undefined, undefined>;
@@ -33,7 +33,7 @@ export declare const IBizRadio: import("vue").DefineComponent<{
     isBtnRoundCorner: boolean;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (_value: unknown, _name?: string | undefined) => boolean;
+    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | undefined) => boolean;
@@ -63,9 +63,9 @@ export declare const IBizRadio: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1,7 +1,7 @@
-import { isVNode, defineComponent, ref, watch, computed, createVNode, resolveComponent, mergeProps } from 'vue';
+import { isVNode, ref, watch, computed, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getRadioProps, getEditorEmits, useNamespace, useAutoFocusBlur, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
-import './ibiz-radio.css';
 import { notNilEmpty } from 'qx-util';
+import './ibiz-radio.css';
 
 "use strict";
 function _isSlot(s) {
@@ -45,9 +45,8 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
       deep: true
     });
     const fn = (data) => {
-      if (data) {
+      if (data)
         items.value = data;
-      }
     };
     useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     const valueText = computed(() => {
@@ -97,7 +96,9 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
       "label": notNilEmpty(_item.value) ? String(_item.value) : "",
       "disabled": this.disabled || _item.disableSelect === true
     }, {
-      default: () => [createVNode("span", {
+      default: () => [_item.sysImage && createVNode(resolveComponent("iBizIcon"), {
+        "icon": _item.sysImage
+      }, null), createVNode("span", {
         "class": this.ns.e("text")
       }, [_item.text])]
     }) : createVNode(resolveComponent("el-radio-button"), {
@@ -106,7 +107,9 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
       "label": notNilEmpty(_item.value) ? String(_item.value) : "",
       "disabled": this.disabled || _item.disableSelect === true
     }, {
-      default: () => [createVNode("span", {
+      default: () => [_item.sysImage && createVNode(resolveComponent("iBizIcon"), {
+        "icon": _item.sysImage
+      }, null), createVNode("span", {
         "class": this.ns.em("button", "text")
       }, [_item.text])]
     }))) ? _slot : {
@@ -125,7 +128,9 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
           }
           this.onSelectValueChange(value);
         }
-      }, [_item.text || ""]);
+      }, [_item.sysImage && createVNode(resolveComponent("iBizIcon"), {
+        "icon": _item.sysImage
+      }, null), _item.text || ""]);
     })])]);
   }
 });

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

@@ -33,7 +33,7 @@ export declare const IBizRate: import("vue").DefineComponent<{
     editorRef: import("vue").Ref<any>;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (_value: unknown, _name?: string | undefined) => boolean;
+    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | undefined) => boolean;
@@ -63,9 +63,9 @@ export declare const IBizRate: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, createVNode, resolveComponent, mergeProps } from 'vue';
+import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getRateProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
 import './ibiz-rate.css';

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

@@ -30,7 +30,7 @@ export declare const IBizRaw: import("vue").DefineComponent<{
     template: string;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (_value: unknown, _name?: string | undefined) => boolean;
+    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | undefined) => boolean;
@@ -60,9 +60,9 @@ export declare const IBizRaw: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, createVNode, resolveComponent } from 'vue';
+import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getRawProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-raw.css';
 

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

@@ -40,7 +40,7 @@ export declare const IBizSlider: import("vue").DefineComponent<{
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
     pieStyle: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (_value: unknown, _name?: string | undefined) => boolean;
+    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | undefined) => boolean;
@@ -70,9 +70,9 @@ export declare const IBizSlider: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, onMounted, nextTick, onBeforeUnmount, createVNode, resolveComponent, mergeProps } from 'vue';
+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 { toNumber } from 'lodash-es';
 import './ibiz-slider.css';

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, computed, createVNode, resolveComponent } from 'vue';
+import { ref, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getSpanProps, useNamespace, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './span.css';
 import { isNil } from 'ramda';
@@ -158,7 +158,7 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
       content = this.text;
       this.spanTitle = this.text;
     } else {
-      content = "-";
+      content = ibiz.config.common.emptyText;
     }
     const isEllipsis = this.c.editorParams.overflowMode === "ellipsis" || this.c.model.wrapMode === "NOWRAP";
     return createVNode("span", {

package/es/editor/span/span-link/span-link.d.ts

@@ -30,7 +30,7 @@ export declare const IBizSpanLink: import("vue").DefineComponent<{
     editorRef: Ref<any>;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (_value: unknown, _name?: string | undefined) => boolean;
+    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | undefined) => boolean;
@@ -60,9 +60,9 @@ export declare const IBizSpanLink: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/span/span-link/span-link.mjs

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

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

@@ -36,7 +36,7 @@ export declare const IBizStepper: import("vue").DefineComponent<{
     onBlur: () => void;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (_value: unknown, _name?: string | undefined) => boolean;
+    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | undefined) => boolean;
@@ -66,9 +66,9 @@ export declare const IBizStepper: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, createVNode, resolveComponent, mergeProps } from 'vue';
+import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getStepperProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
 import './ibiz-stepper.css';

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

@@ -33,7 +33,7 @@ export declare const IBizSwitch: import("vue").DefineComponent<{
     editorRef: import("vue").Ref<any>;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (_value: unknown, _name?: string | undefined) => boolean;
+    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | undefined) => boolean;
@@ -63,9 +63,9 @@ export declare const IBizSwitch: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, createVNode, resolveComponent, mergeProps } from 'vue';
+import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getSwitchProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-switch.css';
 

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

@@ -37,7 +37,7 @@ export declare const IBizInputIP: import("vue").DefineComponent<{
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
     handleKeyUp: (e: KeyboardEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (_value: unknown, _name?: string | undefined) => boolean;
+    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | undefined) => boolean;
@@ -67,9 +67,9 @@ export declare const IBizInputIP: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, createVNode, resolveComponent, createTextVNode } from 'vue';
+import { ref, computed, watch, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
 import { getInputIpProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-input-ip.css';