@ibiz-template/vue3-components 0.7.40-alpha.9 → 0.7.41-alpha.0

package/es/editor/map-picker/map-picker-editor.provider.d.ts

@@ -0,0 +1,14 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { IMapPicker } from '@ibiz/model-core';
+import { MapPickerEditorController } from './map-picker-editor.controller';
+/**
+ * @description 地图选择器编辑器适配器
+ * @export
+ * @class MapPickerEditorProvider
+ * @implements {IEditorProvider}
+ */
+export declare class MapPickerEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    createController(editorModel: IMapPicker, parentController: IEditorContainerController): Promise<MapPickerEditorController>;
+}

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.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

@@ -1,8 +1,8 @@
-import { defineComponent, ref, watch, nextTick, onMounted, onBeforeUnmount, 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";
@@ -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);
@@ -58,6 +59,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
       return result;
     };
     const setCherryContent = (val) => {
+      isIgnoreChange = true;
       editor == null ? void 0 : editor.setMarkdown(val, false);
     };
     watch(() => props.value, (newVal, oldVal) => {
@@ -78,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 {
@@ -126,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());
       }
@@ -140,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");
@@ -235,7 +238,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
           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.editor.options.editorDom.parentElement : (_a2 = editor.editor.options.editorDom.parentElement) == null ? void 0 : _a2.querySelector(".cherry-toolbar>.toolbar-right");

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';
 

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

@@ -1,6 +1,19 @@
 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>;
@@ -78,8 +91,8 @@ export declare const IBizNumberRangePicker: import("vue").DefineComponent<{
     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;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => 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 { 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';
+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,6 +1,14 @@
 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>;
@@ -61,8 +69,8 @@ export declare const IBizPresetRawitem: import("vue").DefineComponent<{
     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;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | 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 .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,5 +1,17 @@
 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>;
@@ -64,8 +76,8 @@ export declare const IBizRadio: import("vue").DefineComponent<{
     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;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => 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, 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 { 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,8 +1,32 @@
 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属性，辅助文字数组}
+ * @editorparams {"name":"colors","parameterType":"string[]","defaultvalue":"[]","description":"设置评分不同阶段展示的颜色，传入数组，共有 3 个元素，为 3 个分段所对应的颜色。示例配置：[\"#99A9BF\",\"#F7BA2A\",\"#FF9900\"]"}
+ * @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>;
+    /**
+     * 评分器
+     *
+     * @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属性，辅助文字数组}
+     * @editorparams {"name":"colors","parameterType":"string[]","defaultvalue":"[]","description":"设置评分不同阶段展示的颜色，传入数组，共有 3 个元素，为 3 个分段所对应的颜色。示例配置：[\"#99A9BF\",\"#F7BA2A\",\"#FF9900\"]"}
+     * @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;
@@ -41,6 +65,18 @@ export declare const IBizRate: import("vue").DefineComponent<{
 }, 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>;
+    /**
+     * 评分器
+     *
+     * @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属性，辅助文字数组}
+     * @editorparams {"name":"colors","parameterType":"string[]","defaultvalue":"[]","description":"设置评分不同阶段展示的颜色，传入数组，共有 3 个元素，为 3 个分段所对应的颜色。示例配置：[\"#99A9BF\",\"#F7BA2A\",\"#FF9900\"]"}
+     * @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;
@@ -64,8 +100,8 @@ export declare const IBizRate: import("vue").DefineComponent<{
     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;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | 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

@@ -1,6 +1,16 @@
 import { Ref } from 'vue';
 import { RawEditorController } from '../raw-editor.controller';
 import './ibiz-raw.scss';
+/**
+ * 直接内容
+ *
+ * @description 用于绘制配置的直接内容，如HTML内容、视频内容、图片内容等。支持编辑器类型包含：`直接内容`
+ * @primary
+ * @editorparams {name:contenttype,parameterType:'IMAGE' | 'TEXT' | 'RAW' | 'HEADING1' | 'HEADING2' | 'HEADING3' | 'HEADING4' | 'HEADING5' | 'HEADING6' | 'PARAGRAPH' | 'HTML' | 'VIDEO' | 'DIVIDER' | 'INFO' | 'WARNING' | 'ERROR' | 'MARKDOWN' | 'PLACEHOLDER',defaultvalue:'TEXT',description:定义组件展示的内容类别。包含`IMAGE`（图片）、`TEXT`（文本）、`RAW`（直接内容）、`HEADING1`-`HEADING6`（各级标题）、`PARAGRAPH`（段落）、`HTML`（Html内容）、`VIDEO`（视频）、`DIVIDER`（分割线）、`INFO`（常规提示）、`WARNING`（警告提示）、`ERROR`（错误提示）、`MARKDOWN`（Markdown内容）、`PLACEHOLDER`（占位）}
+ * @editorparams {name:template,parameterType:string,description:配置的handlerBars模版，用于将组件输入参数中的value值解析并转换为HTML内容，实现动态内容的渲染}
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits change | blur | focus | enter | infoTextChange
+ */
 export declare const IBizRaw: import("vue").DefineComponent<{
     value: (ArrayConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<RawEditorController>, undefined, undefined>;
@@ -62,8 +72,8 @@ export declare const IBizRaw: import("vue").DefineComponent<{
     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;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | 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

@@ -1,5 +1,25 @@
 import { SliderEditorController } from '../slider-editor.controller';
 import './ibiz-slider.scss';
+/**
+ * 进度条
+ *
+ * @description 使用el-slider或el-progress组件，用于展示操作进度，告知用户当前状态和预期，并且直线进度条是可编辑的。支持编辑器类型包含：`滑动输入条`
+ * @primary
+ * @editorparams {name:type,parameterType:'line' | 'circle' | 'pie',defaultvalue:'line',description:'line' 绘制线性滑块、'circle' 绘制圆形进度条、'pie' 绘制饼图进度条}
+ * @editorparams {name:stepvalue,parameterType:number,defaultvalue:1,description:当 `type` 为 'line' 时，设置进度值改变的步长}
+ * @editorparams {name:maxvalue,parameterType:number,defaultvalue:100,description:当 `type` 为 'line' 时，设置允许的进度最大值}
+ * @editorparams {name:minvalue,parameterType:number,defaultvalue:0,description:当 `type` 为 'line' 时，设置允许的进度最小值}
+ * @editorparams {name:showstops,parameterType:boolean,defaultvalue:false,description:当 `type` 为 'line' 时，是否显示间断点}
+ * @editorparams {name:range,parameterType:boolean,defaultvalue:false,description:当 `type` 为 'line' 时，是否开启选择范围}
+ * @editorparams {name:showinput,parameterType:boolean,defaultvalue:false,description:当 `type` 为 'line' 时，是否显示输入框}
+ * @editorparams {name:showText,parameterType:boolean,defaultvalue:false,description:当 `type` 为 'line' 或为 'circle' 时，是否显示百分比}
+ * @editorparams {name:format,parameterType:string,defaultvalue:'0%',description:当 `type` 为 'line' 或为 'circle' 时，设置值格式化的值}
+ * @editorparams {name:textItem,parameterType:string,description:当 `type` 为 'line' 或为 'circle' 时，设置文本显示属性。设置后，圆形进度条的文本显示值将优先获取主数据内对应属性的数据}
+ * @editorparams {name:pieBg,parameterType:string,description:当 `type` 为 'pie' 时，设置饼图进度条背景色，可配置十六进制颜色、rgb颜色}
+ * @editorparams {name:piePercentBg,parameterType:string,description:当 `type` 为 'pie' 时，设置饼图进度背景色}
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits blur | focus | enter | infoTextChange
+ */
 export declare const IBizSlider: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SliderEditorController>, undefined, undefined>;
@@ -71,8 +91,8 @@ export declare const IBizSlider: import("vue").DefineComponent<{
     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;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | 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';
@@ -115,10 +115,10 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
         pieStyle.value = "height:".concat(pieSize.value, "px;width:").concat(pieSize.value, "px;min-width:unset;min-height:unset;");
       }
       if (pieBg) {
-        pieStyle.value += "--ibiz-editor-slider-pie-bg:".concat(pieBg, ";");
+        pieStyle.value += "".concat(ns.cssVarName("editor-slider-pie-bg"), ":").concat(pieBg, ";");
       }
       if (piePercentBg) {
-        pieStyle.value += "--ibiz-editor-slider-pie-percent-bg:".concat(piePercentBg, ";");
+        pieStyle.value += "".concat(ns.cssVarName("editor-slider-pie-percent-bg"), ":").concat(piePercentBg, ";");
       }
       pieStyle.value += "animation-delay:-".concat(currentVal.value, "s;");
     };

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

@@ -1,6 +1,16 @@
 import { Ref } from 'vue';
 import './span.scss';
 import { SpanEditorController } from '../span-editor.controller';
+/**
+ * 标签
+ *
+ * @description 直接呈现文本内容,可配置单位，无值时显示全局配置的emptyText，支持编辑器类型包含：`标签`
+ * @primary
+ * @editorparams {name:TEXTSEPARATOR,parameterType:string,defaultvalue:'',description:文本分隔符。如果是数组数据，在呈现时用逗号分隔并且转换为字符串显示}
+ * @editorparams {name:overflowMode,parameterType:'auto' | 'ellipsis',defaultvalue:'auto',description:当参数为 'auto' 时，宽度按照内容展开；当参数为 'ellipsis' 时，若内容超出宽度则会显示省略号}
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits change | blur | focus | enter | infoTextChange
+ */
 export declare const IBizSpan: import("vue").DefineComponent<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SpanEditorController>, undefined, undefined>;
@@ -29,6 +39,8 @@ export declare const IBizSpan: import("vue").DefineComponent<{
     text: Ref<string>;
     editorRef: Ref<any>;
     items: Ref<readonly {
+        [x: string]: any;
+        [x: symbol]: any;
         value: string | number;
         text: string;
         id: string;

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

@@ -1,6 +1,14 @@
 import { Ref } from 'vue';
 import './span-link.scss';
 import { SpanEditorController } from '../span-editor.controller';
+/**
+ * 标签链接
+ *
+ * @description 直接呈现文本内容，可配置数据链接视图用于视图跳转。支持编辑器类型包含：`标签（数据链接）`
+ * @primary
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits change | blur | focus | enter | infoTextChange
+ */
 export declare const IBizSpanLink: import("vue").DefineComponent<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SpanEditorController>, undefined, undefined>;
@@ -61,8 +69,8 @@ export declare const IBizSpanLink: import("vue").DefineComponent<{
     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;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | 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

@@ -1,5 +1,17 @@
 import './ibiz-stepper.scss';
 import { StepperEditorController } from '../stepper-editor.controller';
+/**
+ * 步进器
+ *
+ * @description 使用el-input-number组件，在数值框的基础上，增加或减少特定数值。支持编辑器类型包含：`步进器`
+ * @primary
+ * @editorparams {name:stepvalue,parameterType:number,defaultvalue:1,description:el-input-number组件的step属性，设置递增递减的步进控制}
+ * @editorparams {name:precision,parameterType:number,defaultvalue:0,description:el-input-number组件的precision属性，设置数值精度}
+ * @editorparams {name:maxvalue,parameterType:number,defaultvalue:Infinity,description:el-input-number组件的max属性，设置步进器允许的最大值}
+ * @editorparams {name:minvalue,parameterType:number,defaultvalue:Infinity,description:el-input-number组件的min属性，设置步进器允许的最小值}
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits enter | infoTextChange
+ */
 export declare const IBizStepper: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<StepperEditorController>, undefined, undefined>;
@@ -67,8 +79,8 @@ export declare const IBizStepper: import("vue").DefineComponent<{
     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;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | 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

@@ -1,5 +1,14 @@
 import './ibiz-switch.scss';
 import { SwitchEditorController } from '../switch-editor.controller';
+/**
+ * 开关
+ *
+ * @description 使用el-switch组件，表示两种相互对立的状态间的切换，多用于触发「开/关」。支持编辑器类型包含：`开关部件`
+ * @primary
+ * @editorparams {"name":"dicData","parameterType":"Array<{value: number;label: string;}>","defaultvalue":[{"value":0,"label":""},{"value":1,"label":""}],"description":"开关时文字描述。在配置的数组中，value值为0时，是 switch 关闭时的文字描述；value值为1时，是 switch 打开时的文字描述"}
+ * @ignoreprops overflowMode
+ * @ignoreemits blur | focus | enter | infoTextChange
+ */
 export declare const IBizSwitch: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SwitchEditorController>, undefined, undefined>;
@@ -64,8 +73,8 @@ export declare const IBizSwitch: import("vue").DefineComponent<{
     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;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | 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/switch/ibiz-switch-tristate/ibiz-switch-tristate.css

@@ -0,0 +1 @@
+.ibiz-switch-tristate{--ibiz-switch-tristate-leftbg:var(--ibiz-color-danger);--ibiz-switch-tristate-rightbg:var(--ibiz-color-primary);--ibiz-switch-tristate-centerbg:var(--ibiz-color-fill-1);display:flex;flex-direction:column;justify-content:center;width:100%;height:32px}.ibiz-switch-tristate__switch-wrapper{position:relative;display:inline-block;width:44px;height:20px;cursor:pointer;border-radius:10px}.ibiz-switch-tristate__switch-wrapper::after{position:absolute;top:2px;width:16px;height:16px;content:"";background-color:var(--ibiz-color-white);border-radius:50%;transition:all .3s}.ibiz-switch-tristate__switch-wrapper.is-left{background-color:var(--ibiz-switch-tristate-leftbg)}.ibiz-switch-tristate__switch-wrapper.is-left::after{left:2px}.ibiz-switch-tristate__switch-wrapper.is-right{background-color:var(--ibiz-switch-tristate-rightbg)}.ibiz-switch-tristate__switch-wrapper.is-right::after{left:26px}.ibiz-switch-tristate__switch-wrapper.is-center{background-color:var(--ibiz-switch-tristate-centerbg)}.ibiz-switch-tristate__switch-wrapper.is-center::after{left:14px}.ibiz-switch-tristate__switch-wrapper.is-disabled{cursor:not-allowed}.ibiz-switch-tristate__switch-wrapper.is-disabled::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-color:var(--ibiz-color-bg-4);opacity:.3}