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

package/es/editor/index.mjs

@@ -168,10 +168,25 @@ const IBizEditor = {
       "IPADDRESSTEXTBOX",
       () => new TextBoxEditorProvider("IPADDRESSTEXTBOX")
     );
+    registerEditorProvider("MOBTEXT", () => textBoxEditorProvider);
+    registerEditorProvider(
+      "MOBNUMBER",
+      () => new TextBoxEditorProvider("NUMBER")
+    );
+    registerEditorProvider("MOBTEXTAREA", () => textBoxEditorProvider);
+    registerEditorProvider("MOBPASSWORD", () => textBoxEditorProvider);
     registerEditorProvider(
       "DROPDOWNLIST",
       () => new DropDownListEditorProvider()
     );
+    registerEditorProvider(
+      "MOBDROPDOWNLIST",
+      () => new DropDownListEditorProvider()
+    );
+    registerEditorProvider(
+      "MOBCHECKLIST",
+      () => new DropDownListEditorProvider()
+    );
     registerEditorProvider(
       "DROPDOWNLIST_100",
       () => new DropDownListEditorProvider()
@@ -201,6 +216,10 @@ const IBizEditor = {
       "RADIOBUTTONLIST",
       () => new RadioButtonListEditorProvider()
     );
+    registerEditorProvider(
+      "MOBRADIOLIST",
+      () => new RadioButtonListEditorProvider()
+    );
     const datePickerProvider = new DatePickerEditorProvider();
     registerEditorProvider("DATEPICKER", () => datePickerProvider);
     registerEditorProvider("DATEPICKEREX", () => datePickerProvider);
@@ -213,6 +232,13 @@ const IBizEditor = {
       "DATEPICKEREX_NODAY_NOSECOND",
       () => datePickerProvider
     );
+    registerEditorProvider("MOBDATE", () => datePickerProvider);
+    registerEditorProvider("MOBDATE_HOUR", () => datePickerProvider);
+    registerEditorProvider("MOBDATE_MINUTE", () => datePickerProvider);
+    registerEditorProvider("MOBDATE_NODAY", () => datePickerProvider);
+    registerEditorProvider("MOBDATE_NODAY_NOSECOND", () => datePickerProvider);
+    registerEditorProvider("MOBDATE_NOTIME", () => datePickerProvider);
+    registerEditorProvider("MOBDATE_SECOND", () => datePickerProvider);
     registerEditorProvider(
       "DATERANGE_SWITCHUNIT",
       () => new DateRangeSelectProvider()
@@ -225,6 +251,14 @@ const IBizEditor = {
       "FILEUPLOADER_ONE",
       () => new FileUploaderEditorProvider("FILEUPLOADER_ONE")
     );
+    registerEditorProvider(
+      "MOBSINGLEFILEUPLOAD",
+      () => new FileUploaderEditorProvider("MOBSINGLEFILEUPLOAD")
+    );
+    registerEditorProvider(
+      "MOBMULTIFILEUPLOAD",
+      () => new FileUploaderEditorProvider("MOBMULTIFILEUPLOAD")
+    );
     registerEditorProvider(
       "PICTURE",
       () => new FileUploaderEditorProvider("PICTURE")
@@ -237,15 +271,31 @@ const IBizEditor = {
       "PICTURE_ONE_RAW",
       () => new FileUploaderEditorProvider("PICTURE_ONE_RAW")
     );
+    registerEditorProvider(
+      "MOBPICTURE",
+      () => new FileUploaderEditorProvider("MOBPICTURE")
+    );
+    registerEditorProvider(
+      "MOBPICTURE_RAW",
+      () => new FileUploaderEditorProvider("MOBPICTURE_RAW")
+    );
+    registerEditorProvider(
+      "MOBPICTURELIST",
+      () => new FileUploaderEditorProvider("MOBPICTURELIST")
+    );
     registerEditorProvider(
       "PICTURE_CROPPING",
       () => new FileUploaderEditorProvider("PICTURE_CROPPING")
     );
     registerEditorProvider("RAW", () => new RawEditorProvider());
     registerEditorProvider("STEPPER", () => new StepperEditorProvider());
+    registerEditorProvider("MOBSTEPPER", () => new StepperEditorProvider());
     registerEditorProvider("RATING", () => new RateEditorProvider());
+    registerEditorProvider("MOBRATING", () => new RateEditorProvider());
     registerEditorProvider("SLIDER", () => new SliderEditorProvider());
+    registerEditorProvider("MOBSLIDER", () => new SliderEditorProvider());
     registerEditorProvider("SWITCH", () => new SwitchEditorProvider());
+    registerEditorProvider("MOBSWITCH", () => new SwitchEditorProvider());
     registerEditorProvider("LISTBOX", () => new ListBoxEditorProvider());
     registerEditorProvider("LISTBOXPICKUP", () => new ListBoxEditorProvider());
     const AutoCompleteProvider = new AutoCompleteEditorProvider();
@@ -305,24 +355,54 @@ const IBizEditor = {
       "PICKUPVIEW",
       () => new DataPickerEditorProvider("PICKUPVIEW")
     );
+    registerEditorProvider(
+      "MOBPICKER",
+      () => new DataPickerEditorProvider("MOBPICKER")
+    );
+    registerEditorProvider(
+      "MOBPICKER_DROPDOWNVIEW",
+      () => new DataPickerEditorProvider("MOBPICKER_DROPDOWNVIEW")
+    );
+    registerEditorProvider(
+      "MOBMPICKER",
+      () => new DataPickerEditorProvider("MOBMPICKER")
+    );
     registerEditorProvider(
       "NUMBERRANGE",
       () => new NumberRangeEditorProvider()
     );
+    registerEditorProvider(
+      "MOBNUMBERRANGE",
+      () => new NumberRangeEditorProvider()
+    );
     registerEditorProvider("DATERANGE", () => new DateRangeEditorProvider());
     registerEditorProvider(
       "DATERANGE_NOTIME",
       () => new DateRangeEditorProvider()
     );
+    registerEditorProvider("MOBDATERANGE", () => new DateRangeEditorProvider());
+    registerEditorProvider(
+      "MOBDATERANGE_NOTIME",
+      () => new DateRangeEditorProvider()
+    );
     registerEditorProvider("CODE", () => new CodeEditorProvider());
+    registerEditorProvider("MOBCODE", () => new CodeEditorProvider());
     registerEditorProvider("HTMLEDITOR", () => new HtmlEditorProvider());
+    registerEditorProvider("MOBHTMLTEXT", () => new HtmlEditorProvider());
     registerEditorProvider("MARKDOWN", () => new MarkDownEditorProvider());
+    registerEditorProvider("MOBMARKDOWN", () => new MarkDownEditorProvider());
     registerEditorProvider("ARRAY", () => new ArrayEditorProvider());
+    registerEditorProvider("MOBARRAY", () => new ArrayEditorProvider());
     registerEditorProvider("CASCADER", () => new CascaderEditorProvider());
+    registerEditorProvider("MOBCASCADER", () => new CascaderEditorProvider());
     registerEditorProvider(
       "COLORPICKER",
       () => new ColorPickerEditorProvider()
     );
+    registerEditorProvider(
+      "MOBCOLORPICKER",
+      () => new ColorPickerEditorProvider()
+    );
     registerEditorProvider(
       "PICKER_searchCondEdit",
       () => new SearchCondEditEditorProvider()

package/es/editor/list-box/ibiz-list-box/ibiz-list-box.d.ts

@@ -64,8 +64,8 @@ export declare const IBizListBox: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/list-box/ibiz-list-box/ibiz-list-box.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, computed, ref, watch, createVNode, resolveComponent, mergeProps, h } from 'vue';
+import { isVNode, computed, ref, watch, resolveComponent, mergeProps, h, createVNode, defineComponent } from 'vue';
 import { getListBoxProps, getEditorEmits, useNamespace, useAutoFocusBlur, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
 import { useCalcOrMode, useCodeListSelection } from '@ibiz-template/runtime';

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

@@ -1 +1 @@
-.ibiz-markdown .ibiz-markdown-cherry{--ibiz-markdown-width:100%;width:var(--ibiz-markdown-width)}.ibiz-markdown .ibiz-markdown-cherry .cherry{width:100%}.ibiz-markdown.is-disabled .cherry{min-height:auto}.ibiz-markdown .cherry-preview--full{border-left:none}.ibiz-markdown .theme__dark,.ibiz-markdown .theme__light{color:var(--ibiz-form-item-text-color)}.ibiz-markdown .cherry-markdown h1 a::before,.ibiz-markdown .cherry-markdown h2 a::before,.ibiz-markdown .cherry-markdown h3 a::before,.ibiz-markdown .cherry-markdown h4 a::before,.ibiz-markdown .cherry-markdown h5 a::before,.ibiz-markdown .cherry-markdown h6 a::before{display:none}
+.ibiz-markdown .ibiz-markdown-cherry{--ibiz-markdown-width:100%;width:var(--ibiz-markdown-width)}.ibiz-markdown .ibiz-markdown-cherry .cherry{width:100%}.ibiz-markdown.is-disabled .cherry{min-height:auto}.ibiz-markdown.is-disabled .ibiz-markdown__fullscreen{position:absolute;top:8px;right:12px;z-index:99;font-size:var(--ibiz-font-size-regular);line-height:2.8}.ibiz-markdown.is-disabled .theme__dark .ibiz-markdown__fullscreen{color:var(--ibiz-color-text-0)}.ibiz-markdown.is-disabled .theme__dark .ibiz-markdown__fullscreen:hover{background-color:var(--ibiz-color-bg-3)}.ibiz-markdown .cherry-preview--full{border-left:none}.ibiz-markdown .theme__dark,.ibiz-markdown .theme__light{color:var(--ibiz-form-item-text-color)}.ibiz-markdown .cherry-markdown h1 a::before,.ibiz-markdown .cherry-markdown h2 a::before,.ibiz-markdown .cherry-markdown h3 a::before,.ibiz-markdown .cherry-markdown h4 a::before,.ibiz-markdown .cherry-markdown h5 a::before,.ibiz-markdown .cherry-markdown h6 a::before{display:none}

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 } from 'qx-util';
 import Cherry from 'cherry-markdown';
-import { getAppCookie, CoreConst } from '@ibiz-template/core';
+import { CoreConst, getAppCookie } from '@ibiz-template/core';
 import './ibiz-markdown-editor.css';
 
 "use strict";
@@ -13,6 +13,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
+    var _a;
     const ns = useNamespace("markdown");
     const c = props.controller;
     const currentVal = ref("");
@@ -23,10 +24,11 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
     });
     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,12 +214,21 @@ 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) {
@@ -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

@@ -78,8 +78,8 @@ 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, _ignore?: boolean | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | 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';

package/es/editor/preset/preset-rawitem/ibiz-preset-rawitem/ibiz-preset-rawitem.d.ts

@@ -61,8 +61,8 @@ 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, _ignore?: boolean | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | 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

@@ -64,8 +64,8 @@ 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, _ignore?: boolean | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | 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,4 +1,4 @@
-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 { notNilEmpty } from 'qx-util';
 import './ibiz-radio.css';
@@ -96,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"), {
@@ -105,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 : {
@@ -124,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

@@ -64,8 +64,8 @@ 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, _ignore?: boolean | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | 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

@@ -61,8 +61,8 @@ 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, _ignore?: boolean | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | 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

@@ -71,8 +71,8 @@ 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, _ignore?: boolean | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | 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';

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

@@ -61,8 +61,8 @@ 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, _ignore?: boolean | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | 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

@@ -67,8 +67,8 @@ 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, _ignore?: boolean | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | 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

@@ -64,8 +64,8 @@ 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, _ignore?: boolean | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | 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';