@ibiz-template/vue3-components 0.7.39 → 0.7.40

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

@@ -1,10 +1,20 @@
 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>;
-    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;
     };
@@ -28,17 +38,18 @@ export declare const IBizRaw: import("vue").DefineComponent<{
     content: Ref<string | number | undefined>;
     type: string;
     template: string;
+    enableOverFlow: import("vue").ComputedRef<boolean>;
     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: (ArrayConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<RawEditorController>, 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 +69,11 @@ export declare const IBizRaw: 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.mjs

@@ -12,6 +12,9 @@ const IBizRaw = /* @__PURE__ */ defineComponent({
     const c = props.controller;
     const editorModel = c.model;
     const content = ref("");
+    const enableOverFlow = computed(() => {
+      return !!c.model.editorHeight;
+    });
     let type = "TEXT";
     let template = "";
     if (editorModel.contentType) {
@@ -64,12 +67,13 @@ const IBizRaw = /* @__PURE__ */ defineComponent({
       content,
       type,
       template,
+      enableOverFlow,
       showFormDefaultContent
     };
   },
   render() {
     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)]
+      "class": [this.ns.b(), this.ns.is("overflow", this.enableOverFlow), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.content && createVNode(resolveComponent("iBizRawItem"), {
       "class": this.ns.b("content"),
       "content": this.content,

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

@@ -1,9 +1,29 @@
 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>;
-    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;
     };
@@ -41,14 +61,14 @@ export declare const IBizSlider: import("vue").DefineComponent<{
     pieStyle: import("vue").Ref<string>;
 }, 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<SliderEditorController>, 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;
     };
@@ -68,11 +88,11 @@ export declare const IBizSlider: 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/slider/ibiz-slider/ibiz-slider.mjs

@@ -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,10 +1,20 @@
 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>;
-    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;
     };
@@ -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;
@@ -55,7 +67,7 @@ export declare const IBizSpan: import("vue").DefineComponent<{
             modelId?: string | undefined;
             modelType?: string | undefined;
         } | undefined;
-        data?: IData | undefined;
+        data?: import("@ibiz-template/core").IApiData | undefined;
         tooltip?: string | undefined;
         userData?: string | undefined;
         beginValue?: number | undefined;
@@ -70,7 +82,7 @@ export declare const IBizSpan: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SpanEditorController>, 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;
     };

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

@@ -1,10 +1,18 @@
 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>;
-    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 IBizSpanLink: 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: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SpanEditorController>, 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 IBizSpanLink: 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/stepper/ibiz-stepper/ibiz-stepper.d.ts

@@ -1,9 +1,21 @@
 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>;
-    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;
     };
@@ -37,14 +49,14 @@ export declare const IBizStepper: 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<StepperEditorController>, 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;
     };
@@ -64,11 +76,11 @@ export declare const IBizStepper: 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/switch/ibiz-switch/ibiz-switch.d.ts

@@ -1,9 +1,18 @@
 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>;
-    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;
     };
@@ -29,19 +38,19 @@ export declare const IBizSwitch: import("vue").DefineComponent<{
     activeText: string;
     inactiveText: string;
     handleChange: (currentValue: boolean) => void;
-    dicData: IData[];
+    dicData: 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<SwitchEditorController>, 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 +70,11 @@ export declare const IBizSwitch: 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/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}

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

@@ -0,0 +1,68 @@
+import { SwitchEditorController } from '../switch-editor.controller';
+import './ibiz-switch-tristate.scss';
+export declare const IBizSwitchTriState: import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SwitchEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: SwitchEditorController;
+    currentVal: import("vue").Ref<number | null>;
+    onSwitchClick: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | 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<SwitchEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}>> & {
+    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?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

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

@@ -0,0 +1,70 @@
+import { ref, watch, createVNode, defineComponent } from 'vue';
+import { getSwitchProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import './ibiz-switch-tristate.css';
+
+"use strict";
+const IBizSwitchTriState = /* @__PURE__ */ defineComponent({
+  name: "IBizSwitchTriState",
+  props: getSwitchProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("switch-tristate");
+    const c = props.controller;
+    const lastVal = ref(null);
+    const currentVal = ref(null);
+    watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (newVal === 0) {
+          currentVal.value = 0;
+        } else if (newVal === 1) {
+          currentVal.value = 1;
+        } else {
+          currentVal.value = null;
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const onSwitchClick = () => {
+      if (props.disabled || props.readonly) {
+        return;
+      }
+      if (currentVal.value === null) {
+        if (lastVal.value === null || lastVal.value === 0) {
+          lastVal.value = null;
+          emit("change", 1);
+        }
+        if (lastVal.value === 1) {
+          lastVal.value = null;
+          emit("change", 0);
+        }
+      }
+      if (currentVal.value === 1) {
+        lastVal.value = 1;
+        emit("change", null);
+      }
+      if (currentVal.value === 0) {
+        lastVal.value = 0;
+        emit("change", null);
+      }
+    };
+    return {
+      ns,
+      c,
+      currentVal,
+      onSwitchClick
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b()]
+    }, [createVNode("div", {
+      "class": [this.ns.e("switch-wrapper"), this.ns.is("left", this.currentVal === 0), this.ns.is("center", this.currentVal === null), this.ns.is("right", this.currentVal === 1), this.ns.is("disabled", this.disabled || this.readonly)],
+      "onClick": this.onSwitchClick
+    }, null)]);
+  }
+});
+
+export { IBizSwitchTriState };

package/es/editor/switch/index.d.ts

@@ -1,3 +1,4 @@
 export { IBizSwitch } from './ibiz-switch/ibiz-switch';
+export { IBizSwitchTriState } from './ibiz-switch-tristate/ibiz-switch-tristate';
 export * from './switch-editor.controller';
 export * from './switch-editor.provider';

package/es/editor/switch/index.mjs

@@ -1,4 +1,5 @@
 export { IBizSwitch } from './ibiz-switch/ibiz-switch.mjs';
+export { IBizSwitchTriState } from './ibiz-switch-tristate/ibiz-switch-tristate.mjs';
 export { SwitchEditorController } from './switch-editor.controller.mjs';
 export { SwitchEditorProvider } from './switch-editor.provider.mjs';
 

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

@@ -11,5 +11,6 @@ import { SwitchEditorController } from './switch-editor.controller';
 export declare class SwitchEditorProvider implements IEditorProvider {
     formEditor: string;
     gridEditor: string;
+    constructor(editorStyle?: string);
     createController(editorModel: ICheckBox, parentController: IEditorContainerController): Promise<SwitchEditorController>;
 }

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

@@ -8,9 +8,13 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 class SwitchEditorProvider {
-  constructor() {
+  constructor(editorStyle) {
     __publicField(this, "formEditor", "IBizSwitch");
     __publicField(this, "gridEditor", "IBizSwitch");
+    if (editorStyle === "TRISTATE") {
+      this.formEditor = "IBizSwitchTriState";
+      this.gridEditor = "IBizSwitchTriState";
+    }
   }
   async createController(editorModel, parentController) {
     const c = new SwitchEditorController(editorModel, parentController);

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

@@ -1,10 +1,18 @@
 import { Ref } from 'vue';
 import './ibiz-input-ip.scss';
 import { TextBoxEditorController } from '../text-box-editor.controller';
+/**
+ * IP地址输入框
+ *
+ * @description 使用多个el-input组件用于 IP 地址数据的录入，呈现样式为 4 个输入框。支持编辑器类型包含：`IP地址输入框`
+ * @primary
+ * @ignoreprops overflowMode
+ * @ignoreemits infoTextChange
+ */
 export declare const IBizInputIP: import("vue").DefineComponent<{
     value: StringConstructor;
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, 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;
     };
@@ -38,14 +46,14 @@ export declare const IBizInputIP: import("vue").DefineComponent<{
     handleKeyUp: (e: KeyboardEvent) => void;
 }, 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;
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, 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;
     };
@@ -65,11 +73,11 @@ export declare const IBizInputIP: 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;