@ibiz-template/vue3-components 0.7.39 → 0.7.40

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

@@ -0,0 +1,22 @@
+import { MapPickerEditorController } from './map-picker-editor.controller.mjs';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class MapPickerEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizMapPicker");
+    __publicField(this, "gridEditor", "IBizMapPicker");
+  }
+  async createController(editorModel, parentController) {
+    const c = new MapPickerEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+export { MapPickerEditorProvider };

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.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}
+.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:98;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.d.ts

@@ -1,3 +1,12 @@
 import './ibiz-markdown-editor.scss';
+/**
+ * Markdown编辑框
+ *
+ * @description 使用cherryMarkdown组件封装，用于Markdown文档编辑。支持编辑器类型包含：`Markdown编辑框`
+ * @primary
+ * @editorparams {"name":"customTheme","parameterType":"'default' | 'dark'","defaultvalue":"'default'","description":"设置Markdown主题"}
+ * @ignoreprops autoFocus | overflowMode | controlParams
+ * @ignoreemits blur | focus | enter | infoTextChange
+ */
 declare const IBizMarkDown: any;
 export default IBizMarkDown;

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

@@ -17,7 +17,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("markdown");
     const c = props.controller;
     const currentVal = ref("");
-    const editor = ref(null);
+    let editor = null;
     const id = createUUID();
     const headers = ref({
       ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(getAppCookie(CoreConst.TOKEN))
@@ -33,6 +33,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
     let resizeObserver = null;
     let lastMarkDownWidth = 0;
     const cssVars = ref({});
+    let isIgnoreChange = false;
     watch(() => props.data, (newVal) => {
       if (newVal && c) {
         const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, newVal, c.editorParams);
@@ -50,18 +51,16 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
       callback(url);
     };
     const getCherryHtml = () => {
-      var _a2;
-      const result = (_a2 = editor.value) == null ? void 0 : _a2.getHtml();
+      const result = editor == null ? void 0 : editor.getHtml();
       return result;
     };
     const getCherryContent = () => {
-      var _a2;
-      const result = (_a2 = editor.value) == null ? void 0 : _a2.getMarkdown();
+      const result = editor == null ? void 0 : editor.getMarkdown();
       return result;
     };
     const setCherryContent = (val) => {
-      var _a2;
-      (_a2 = editor.value) == null ? void 0 : _a2.setMarkdown(val, false);
+      isIgnoreChange = true;
+      editor == null ? void 0 : editor.setMarkdown(val, false);
     };
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
@@ -81,7 +80,8 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
       }
     });
     const afterChange = (_e) => {
-      emit("change", getCherryContent());
+      emit("change", getCherryContent(), c == null ? void 0 : c.model.id, isIgnoreChange);
+      isIgnoreChange = false;
     };
     const beforeImageMounted = (e, src) => {
       return {
@@ -103,8 +103,10 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
       }
     };
     const getFullscreenNodeInfo = () => {
-      if (editor.value && markDownBox.value) {
-        const parentElement = editor.value.editor.options.editorDom.parentElement;
+      if (editor && markDownBox.value) {
+        const parentElement = editor.editor.options.editorDom.parentElement;
+        if (!parentElement)
+          return {};
         const cherryClass = parentElement.classList;
         const fullscreenNode = markDownBox.value.querySelector(".".concat(fullscreenClassName));
         if (!fullscreenNode)
@@ -127,7 +129,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
         clearNodeChildren(fullscreenNode);
         fullscreenNode.appendChild(createCherryIcon("minscreen"));
         cherryClass.add("fullscreen");
-        fullscreenNode.title = ibiz.i18n.t("editor.markdown.minimize");
+        fullscreenNode.title = ibiz.i18n.t("editor.common.minimize");
         parentElement.setAttribute("tabindex", "-1");
         nextTick(() => parentElement == null ? void 0 : parentElement.focus());
       }
@@ -141,7 +143,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
       if (parentElement && cherryClass && fullscreenNode) {
         clearNodeChildren(fullscreenNode);
         fullscreenNode.appendChild(createCherryIcon("fullscreen"));
-        fullscreenNode.title = ibiz.i18n.t("editor.markdown.fullscreen");
+        fullscreenNode.title = ibiz.i18n.t("editor.common.fullscreen");
         cherryClass.remove("fullscreen");
         parentElement == null ? void 0 : parentElement.blur();
         parentElement.setAttribute("tabindex", "-1");
@@ -154,7 +156,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
       return cherryClass == null ? void 0 : cherryClass.contains("fullscreen");
     };
     const onSwitchFullscreen = () => {
-      if (editor.value && markDownBox.value) {
+      if (editor && markDownBox.value) {
         if (isFullscreen()) {
           closeFullscreen();
         } else {
@@ -175,10 +177,19 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
         defaultModel.value = "previewOnly";
       }
       nextTick(() => {
-        editor.value = new Cherry({
+        var _a2;
+        editor = new Cherry({
           id,
           value: currentVal.value,
-          theme: theme.value,
+          previewer: {
+            enablePreviewerBubble: !(props.disabled || props.readonly)
+          },
+          themeSettings: {
+            // 目前应用的主题
+            mainTheme: theme.value,
+            // 目前应用的代码块主题
+            codeBlockTheme: theme.value
+          },
           fileUpload,
           emoji: {
             useUnicode: true
@@ -200,7 +211,6 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
             }
           },
           toolbars: {
-            theme: theme.value,
             toolbar: ["bold", "italic", "underline", "strikethrough", "|", "color", "header", "|", "list", "image", {
               insert: ["link", "hr", "br", "code", "formula", "toc", "table", "line-table", "bar-table"]
             }, "settings", "togglePreview"],
@@ -212,23 +222,33 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
           callback: {
             afterChange,
             beforeImageMounted
+          },
+          engine: {
+            syntax: {
+              table: {
+                enableChart: false,
+                externals: ["echarts"]
+              }
+            }
           }
         });
+        editor.setTheme(theme.value);
         if (customTheme) {
-          editor.value.setTheme(customTheme);
+          editor.setTheme(customTheme);
+          editor.setCodeBlockTheme(customTheme);
         }
         const span = createElement("span", "".concat(fullscreenClassName, " cherry-toolbar-button"));
-        span.title = ibiz.i18n.t("editor.markdown.fullscreen");
+        span.title = ibiz.i18n.t("editor.common.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");
+        const parentElement = props.disabled ? editor.editor.options.editorDom.parentElement : (_a2 = editor.editor.options.editorDom.parentElement) == null ? void 0 : _a2.querySelector(".cherry-toolbar>.toolbar-right");
         parentElement == null ? void 0 : parentElement.appendChild(span);
       });
     };
     watch(() => UIStore.theme, (newVal) => {
-      var _a2;
       theme.value = customTheme || newVal;
-      (_a2 = editor.value) == null ? void 0 : _a2.setTheme(theme.value);
+      editor == null ? void 0 : editor.setTheme(theme.value);
+      editor == null ? void 0 : editor.setCodeBlockTheme(theme.value);
     });
     const calcMarkDownStyle = () => {
       if (window.ResizeObserver && markDownBox.value) {
@@ -270,7 +290,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
       (_a2 = markDownBox.value) == null ? void 0 : _a2.removeEventListener("keydown", handleKeyDown.bind(this));
     });
     onUnmounted(() => {
-      editor.value = null;
+      editor = null;
       if (resizeObserver) {
         resizeObserver.disconnect();
       }

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

@@ -7,7 +7,7 @@ export declare const NotSupportedEditor: import("vue").DefineComponent<{
         required: true;
     };
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
@@ -18,6 +18,6 @@ export declare const NotSupportedEditor: import("vue").DefineComponent<{
         required: true;
     };
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
     };
 }>>, {}, {}>;

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

@@ -1,10 +1,23 @@
 import { Ref } from 'vue';
-import './ibiz-number-range-picker.scss';
 import { NumberRangeEditorController } from '../number-range-editor.controller';
+import './ibiz-number-range-picker.scss';
+/**
+ * 数值范围编辑框
+ *
+ * @description 使用el-input-number组件封装，用于输入数值范围，如：1~10。支持编辑器类型包含：`数值范围编辑框`
+ * @primary
+ * @editorparams {"name":"maxvalue","parameterType":"number","defaultvalue":"Infinity","description":"el-input-number组件max属性，设置右侧输入框最大输入值"}
+ * @editorparams {"name":"minvalue","parameterType":"number","defaultvalue":"Infinity","description":"el-input-number组件min属性，设置左侧输入框最小输入值"}
+ * @editorparams {"name":"valueSeparator","parameterType":"string","defaultvalue":"'-'","description":"值分割符，是最大值与最小值转为字符串时的分隔符号"}
+ * @editorparams {"name":"rangeSeparator","parameterType":"string","defaultvalue":"'~'","description":"选择范围时的分隔符，是数值范围组件在呈现时中间位置的分隔符"}
+ * @editorparams {"name":"triggerMode","parameterType":"'blur' |' input'","defaultvalue":"'blur'","description":"指定编辑器触发 `emit` 事件的模式，input: 输入框值变更时触发emit，blur：输入框blur时触发blur"}
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits infoTextChange
+ */
 export declare const IBizNumberRangePicker: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<NumberRangeEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -48,14 +61,14 @@ export declare const IBizNumberRangePicker: import("vue").DefineComponent<{
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     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;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<NumberRangeEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -75,11 +88,11 @@ export declare const IBizNumberRangePicker: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | 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;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1,7 +1,7 @@
 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';
+import './ibiz-number-range-picker.css';
 
 "use strict";
 const IBizNumberRangePicker = /* @__PURE__ */ defineComponent({

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

@@ -1,10 +1,18 @@
 import { Ref } from 'vue';
 import './ibiz-preset-rawitem.scss';
 import { PresetRawitemEditorController } from '../preset-rawitem.controller';
+/**
+ * 直接内容
+ *
+ * @description 用于展示直接内容。此为平台预置标准编辑器组件
+ * @primary
+ * @ignoreprops autoFocus | overflowMode | controlParams
+ * @ignoreemits change | enter | infoTextChange
+ */
 export declare const IBizPresetRawitem: import("vue").DefineComponent<{
     value: (ArrayConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PresetRawitemEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -31,14 +39,14 @@ export declare const IBizPresetRawitem: import("vue").DefineComponent<{
     content: Ref<string | number | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     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;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (ArrayConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PresetRawitemEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -58,11 +66,11 @@ export declare const IBizPresetRawitem: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | 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;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1 +1 @@
-.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)}
+.ibiz-radio{--ibiz-radio-group-row-number:0}.ibiz-radio .el-radio__label{display:flex;align-items:center;overflow:hidden}.ibiz-radio .el-radio__label .ibiz-icon{display:flex;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-radio__text{overflow:hidden;font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);text-overflow:ellipsis;white-space:nowrap}.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;justify-content:center}.ibiz-radio__button .el-radio-button__inner .ibiz-icon{display:flex;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-radio__button--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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;justify-content: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)}.ibiz-radio-tab-item__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

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

@@ -1,9 +1,21 @@
 import { RadioButtonListEditorController } from '../radio-button-list.controller';
 import './ibiz-radio.scss';
+/**
+ * 单选框列表
+ *
+ * @description 使用el-radio-group组件，在一组备选项中进行单选。支持编辑器类型包含：`单选项列表`
+ * @primary
+ * @editorparams {name:rowNumber,parameterType:number,description:设置每行呈现的单选框个数}
+ * @editorparams {name:renderMode,parameterType:'radio' | 'button',defaultvalue:'radio',description:默认绘制单选框列表，当值为 'button' 时绘制按钮列表}
+ * @editorparams {name:isBtnRoundCorner,parameterType:boolean,defaultvalue:false,description:设置按钮是否显示圆角}
+ * @editorparams {name:itemwidth,parameterType:number,description:设置单选框列表的项宽度}
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits blur | focus | enter
+ */
 export declare const IBizRadio: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<RadioButtonListEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -25,7 +37,7 @@ export declare const IBizRadio: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     editorModel: import("@ibiz/model-core").ICodeListEditor;
-    items: import("vue").Ref<readonly IData[]>;
+    items: import("vue").Ref<readonly import("@ibiz-template/core").IApiData[]>;
     valueText: import("vue").ComputedRef<any>;
     onSelectValueChange: (value: string | number) => void;
     editorRef: import("vue").Ref<any>;
@@ -34,14 +46,14 @@ export declare const IBizRadio: import("vue").DefineComponent<{
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     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;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<RadioButtonListEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -61,11 +73,11 @@ export declare const IBizRadio: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | 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;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1,6 +1,7 @@
 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 { showTitle } from '@ibiz-template/core';
 import './ibiz-radio.css';
 
 "use strict";
@@ -82,10 +83,13 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
+    var _a;
     let _slot;
+    const itemWidth = (_a = this.controller.editorParams) == null ? void 0 : _a.itemwidth;
+    const width = itemWidth ? "".concat(itemWidth, "px") : "";
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent), this.ns.is("grid-layout", !!this.controller.rowNumber)],
-      "style": this.controller.rowNumber ? "--ibiz-radio-group-row-number:".concat(this.controller.rowNumber) : "",
+      "style": this.controller.rowNumber ? "".concat(this.ns.cssVarBlockName("group-row-number"), ":").concat(this.controller.rowNumber) : "",
       "ref": "editorRef"
     }, [this.readonly ? this.valueText : this.renderMode !== "tab" ? createVNode(resolveComponent("el-radio-group"), mergeProps({
       "class": this.ns.e("group"),
@@ -93,6 +97,10 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
       "onChange": this.onSelectValueChange
     }, this.$attrs), _isSlot(_slot = this.items.map((_item, index) => this.renderMode === "radio" ? createVNode(resolveComponent("el-radio"), {
       "key": index,
+      "style": {
+        width
+      },
+      "title": showTitle(_item.text),
       "label": notNilEmpty(_item.value) ? String(_item.value) : "",
       "disabled": this.disabled || _item.disableSelect === true
     }, {
@@ -104,6 +112,10 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
     }) : createVNode(resolveComponent("el-radio-button"), {
       "key": index,
       "class": [this.ns.e("button"), this.isBtnRoundCorner ? this.ns.em("button", "round-corner") : ""],
+      "style": {
+        width
+      },
+      "title": showTitle(_item.text),
       "label": notNilEmpty(_item.value) ? String(_item.value) : "",
       "disabled": this.disabled || _item.disableSelect === true
     }, {
@@ -122,6 +134,10 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
       const disabled = this.disabled || _item.disableSelect === true;
       return createVNode("span", {
         "class": [this.ns.b("tab-item"), this.ns.is("selected", currentValue === value), this.ns.is("disabled", disabled)],
+        "style": {
+          width
+        },
+        "title": showTitle(_item.text),
         "onClick": () => {
           if (disabled) {
             return;
@@ -130,7 +146,9 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
         }
       }, [_item.sysImage && createVNode(resolveComponent("iBizIcon"), {
         "icon": _item.sysImage
-      }, null), _item.text || ""]);
+      }, null), createVNode("span", {
+        "class": this.ns.be("tab-item", "text")
+      }, [_item.text || ""])]);
     })])]);
   }
 });

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

@@ -1,9 +1,31 @@
 import './ibiz-rate.scss';
 import { RateEditorController } from '../rate-editor.controller';
+/**
+ * 评分器
+ *
+ * @description 使用el-rate评分组件，让用户进行评分。支持编辑器类型包含：`评分器`
+ * @primary
+ * @editorparams {name:showText,parameterType:boolean,defaultvalue:false,description:el-rate组件的showText属性，是否显示辅助文字，值为 true 时会在右侧显示辅助文字}
+ * @editorparams {name:maxvalue,parameterType:number,defaultvalue:5,description:el-rate组件的max属性，设置允许的最大分值}
+ * @editorparams {name:texts,parameterType:string[],defaultvalue:[],description:el-rate组件的texts属性，辅助文字数组}
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits blur | focus | enter | infoTextChange
+ */
 export declare const IBizRate: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<RateEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    /**
+     * 评分器
+     *
+     * @description 使用el-rate评分组件，让用户进行评分。支持编辑器类型包含：`评分器`
+     * @primary
+     * @editorparams {name:showText,parameterType:boolean,defaultvalue:false,description:el-rate组件的showText属性，是否显示辅助文字，值为 true 时会在右侧显示辅助文字}
+     * @editorparams {name:maxvalue,parameterType:number,defaultvalue:5,description:el-rate组件的max属性，设置允许的最大分值}
+     * @editorparams {name:texts,parameterType:string[],defaultvalue:[],description:el-rate组件的texts属性，辅助文字数组}
+     * @ignoreprops autoFocus | overflowMode
+     * @ignoreemits blur | focus | enter | infoTextChange
+     */
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -26,22 +48,33 @@ export declare const IBizRate: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     currentVal: import("vue").Ref<number | undefined>;
     handleChange: (currentValue: number | undefined) => void;
-    colors: IData[];
+    colors: import("@ibiz-template/core").IApiData[];
     showText: boolean;
     max: number;
-    texts: IData[];
+    texts: import("@ibiz-template/core").IApiData[];
     editorRef: import("vue").Ref<any>;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     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;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<RateEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    /**
+     * 评分器
+     *
+     * @description 使用el-rate评分组件，让用户进行评分。支持编辑器类型包含：`评分器`
+     * @primary
+     * @editorparams {name:showText,parameterType:boolean,defaultvalue:false,description:el-rate组件的showText属性，是否显示辅助文字，值为 true 时会在右侧显示辅助文字}
+     * @editorparams {name:maxvalue,parameterType:number,defaultvalue:5,description:el-rate组件的max属性，设置允许的最大分值}
+     * @editorparams {name:texts,parameterType:string[],defaultvalue:[],description:el-rate组件的texts属性，辅助文字数组}
+     * @ignoreprops autoFocus | overflowMode
+     * @ignoreemits blur | focus | enter | infoTextChange
+     */
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -61,11 +94,11 @@ export declare const IBizRate: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | 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;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1 +1 @@
-.ibiz-raw{line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-raw.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-raw{line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-raw.is-overflow .ibiz-rawitem{overflow-y:auto}.ibiz-form-item .ibiz-raw.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}