@ibiz-template/vue3-components 0.7.34 → 0.7.38-alpha.12

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

@@ -0,0 +1,73 @@
+import './ibiz-radio.scss';
+import { RadioButtonListEditorController } from '../radio-button-list.controller';
+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>;
+    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;
+    editorModel: import("@ibiz/model-core").ICodeListEditor;
+    items: import("vue").Ref<readonly IData[]>;
+    valueText: import("vue").ComputedRef<any>;
+    onSelectValueChange: (value: string | number) => void;
+    editorRef: import("vue").Ref<any>;
+    renderMode: string;
+    isBtnRoundCorner: boolean;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined) => boolean;
+    blur: (_event?: IData | undefined) => boolean;
+    focus: (_event?: IData | undefined) => boolean;
+    enter: (_event?: IData | 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>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}>> & {
+    onFocus?: ((_event?: IData | undefined) => any) | undefined;
+    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

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

@@ -88,7 +88,7 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
       "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) : "",
       "ref": "editorRef"
-    }, [this.readonly ? this.valueText : createVNode(resolveComponent("el-radio-group"), mergeProps({
+    }, [this.readonly ? this.valueText : this.renderMode !== "tab" ? createVNode(resolveComponent("el-radio-group"), mergeProps({
       "class": this.ns.e("group"),
       "model-value": notNilEmpty(this.value) ? String(this.value) : "",
       "onChange": this.onSelectValueChange
@@ -111,7 +111,22 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
       }, [_item.text])]
     }))) ? _slot : {
       default: () => [_slot]
-    })]);
+    }) : createVNode("div", {
+      "class": this.ns.b("tab")
+    }, [this.items.map((_item) => {
+      const currentValue = notNilEmpty(this.value) ? String(this.value) : "";
+      const value = notNilEmpty(_item.value) ? String(_item.value) : "";
+      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)],
+        "onClick": () => {
+          if (disabled) {
+            return;
+          }
+          this.onSelectValueChange(value);
+        }
+      }, [_item.text || ""]);
+    })])]);
   }
 });
 

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

@@ -0,0 +1,3 @@
+export { IBizRadio } from './ibiz-radio/ibiz-radio';
+export * from './radio-button-list.controller';
+export * from './radio-button-list.provider';

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

@@ -0,0 +1,18 @@
+import { CodeListEditorController } from '@ibiz-template/runtime';
+import { IRadioButtonList } from '@ibiz/model-core';
+/**
+ * 单选项列表编辑器控制器
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2022-08-25 10:57:58
+ */
+export declare class RadioButtonListEditorController extends CodeListEditorController<IRadioButtonList> {
+    /**
+     * 单选一行展示几个
+     * @author fangZhiHao
+     * @date 2024-07-17 10:07:40
+     * @type {(number | undefined)}
+     */
+    rowNumber: number | undefined;
+    protected onInit(): Promise<void>;
+}

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

@@ -0,0 +1,17 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { IRadioButtonList } from '@ibiz/model-core';
+import { RadioButtonListEditorController } from './radio-button-list.controller';
+/**
+ * 单选框列表编辑器适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class RadioButtonListEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class RadioButtonListEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    createController(editorModel: IRadioButtonList, parentController: IEditorContainerController): Promise<RadioButtonListEditorController>;
+}

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

@@ -0,0 +1,73 @@
+import './ibiz-rate.scss';
+import { RateEditorController } from '../rate-editor.controller';
+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>;
+    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;
+    currentVal: import("vue").Ref<number | undefined>;
+    handleChange: (currentValue: number | undefined) => void;
+    colors: IData[];
+    showText: boolean;
+    max: number;
+    texts: IData[];
+    editorRef: import("vue").Ref<any>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined) => boolean;
+    blur: (_event?: IData | undefined) => boolean;
+    focus: (_event?: IData | undefined) => boolean;
+    enter: (_event?: IData | 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>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}>> & {
+    onFocus?: ((_event?: IData | undefined) => any) | undefined;
+    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

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

@@ -0,0 +1,3 @@
+export { IBizRate } from './ibiz-rate/ibiz-rate';
+export * from './rate-editor.controller';
+export * from './rate-editor.provider';

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

@@ -0,0 +1,11 @@
+import { EditorController } from '@ibiz-template/runtime';
+import { IRating } from '@ibiz/model-core';
+/**
+ * 评分器编辑器控制器
+ *
+ * @export
+ * @class RateEditorController
+ * @extends {EditorController}
+ */
+export declare class RateEditorController extends EditorController<IRating> {
+}

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

@@ -0,0 +1,15 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { IRating } from '@ibiz/model-core';
+import { RateEditorController } from './rate-editor.controller';
+/**
+ * 评分器编辑器适配器
+ *
+ * @export
+ * @class RateEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class RateEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    createController(editorModel: IRating, parentController: IEditorContainerController): Promise<RateEditorController>;
+}

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

@@ -0,0 +1,70 @@
+import { Ref } from 'vue';
+import { RawEditorController } from '../raw-editor.controller';
+import './ibiz-raw.scss';
+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>;
+    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;
+    content: Ref<string | number | undefined>;
+    type: string;
+    template: string;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined) => boolean;
+    blur: (_event?: IData | undefined) => boolean;
+    focus: (_event?: IData | undefined) => boolean;
+    enter: (_event?: IData | 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>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}>> & {
+    onFocus?: ((_event?: IData | undefined) => any) | undefined;
+    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

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

@@ -8,7 +8,6 @@ const IBizRaw = /* @__PURE__ */ defineComponent({
   props: getRawProps(),
   emits: getEditorEmits(),
   setup(props) {
-    var _a, _b, _c, _d;
     const ns = useNamespace("raw");
     const c = props.controller;
     const editorModel = c.model;
@@ -18,14 +17,14 @@ const IBizRaw = /* @__PURE__ */ defineComponent({
     if (editorModel.contentType) {
       type = editorModel.contentType;
     }
-    if ((_a = editorModel.editorParams) == null ? void 0 : _a.contenttype) {
-      type = (_b = editorModel.editorParams) == null ? void 0 : _b.contenttype;
+    if (editorModel.editorParams && editorModel.editorParams.contenttype) {
+      type = editorModel.editorParams.contenttype;
     }
-    if ((_c = editorModel.editorParams) == null ? void 0 : _c.template) {
-      template = editorModel.editorParams.template.replaceAll("//n", "\n");
+    if (editorModel.editorParams && editorModel.editorParams.template) {
+      template = editorModel.editorParams.template.replace(/\/\/n/g, "\n");
     }
-    if ((_d = editorModel.editorParams) == null ? void 0 : _d.TEMPLATE) {
-      template = editorModel.editorParams.TEMPLATE.replaceAll("//n", "\n");
+    if (editorModel.editorParams && editorModel.editorParams.TEMPLATE) {
+      template = editorModel.editorParams.TEMPLATE.replace(/\/\/n/g, "\n");
     }
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {

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

@@ -0,0 +1,3 @@
+export { IBizRaw } from './ibiz-raw/ibiz-raw';
+export * from './raw-editor.controller';
+export * from './raw-editor.provider';

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

@@ -0,0 +1,11 @@
+import { EditorController } from '@ibiz-template/runtime';
+import { IRaw } from '@ibiz/model-core';
+/**
+ * 直接内容编辑器控制器
+ *
+ * @export
+ * @class RawEditorController
+ * @extends {EditorController}
+ */
+export declare class RawEditorController extends EditorController<IRaw> {
+}

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

@@ -0,0 +1,15 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { IRaw } from '@ibiz/model-core';
+import { RawEditorController } from './raw-editor.controller';
+/**
+ * 直接内容编辑器适配器
+ *
+ * @export
+ * @class RawEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class RawEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    createController(editorModel: IRaw, parentController: IEditorContainerController): Promise<RawEditorController>;
+}

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

@@ -1 +1 @@
-.ibiz-slider{--ibiz-editor-slider-trigger-width:0.375rem;--ibiz-editor-slider-text-width:2.375rem;display:flex;align-items:center;width:100%}.ibiz-slider__text .el-slider__button,.ibiz-slider__text .el-slider__button-wrapper{width:var(--ibiz-editor-slider-trigger-width);height:var(--ibiz-height-control-default);border:none;opacity:0}.ibiz-slider__text .el-slider__bar{border-radius:var(--ibiz-border-radius-small)}.ibiz-slider__text .el-slider__runway.is-disabled .el-slider__bar{background-color:var(--ibiz-color-primary)}.ibiz-slider__text--val{min-width:var(--ibiz-editor-slider-text-width);margin-left:var(--ibiz-spacing-tight)}.ibiz-slider__circle--text{font-size:var(--ibiz-font-size-regular)}.ibiz-slider__circle .el-progress{--el-fill-color-light:var(--ibiz-color-fill-0);width:100%}.ibiz-slider__circle .el-progress .el-progress-circle svg>path:nth-child(2){stroke:var(--ibiz-color-primary)}.ibiz-form-item .ibiz-slider.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-slider{--ibiz-editor-slider-trigger-width:0.375rem;--ibiz-editor-slider-text-width:2.375rem;--ibiz-editor-slider-pie-bg:var(--ibiz-color-warning);--ibiz-editor-slider-pie-percent-bg:var(--ibiz-color-primary-light-active);display:flex;align-items:center;width:100%}.ibiz-slider__text .el-slider__button,.ibiz-slider__text .el-slider__button-wrapper{width:var(--ibiz-editor-slider-trigger-width);height:var(--ibiz-height-control-default);border:none;opacity:0}.ibiz-slider__text .el-slider__bar{border-radius:var(--ibiz-border-radius-small)}.ibiz-slider__text .el-slider__runway.is-disabled .el-slider__bar{background-color:var(--ibiz-color-primary)}.ibiz-slider__text--val{min-width:var(--ibiz-editor-slider-text-width);margin-left:var(--ibiz-spacing-tight)}.ibiz-slider__circle--text{font-size:var(--ibiz-font-size-regular)}.ibiz-slider__circle .el-progress{--el-fill-color-light:var(--ibiz-color-fill-0);width:100%}.ibiz-slider__circle .el-progress .el-progress-circle svg>path:nth-child(2){stroke:var(--ibiz-color-primary)}.ibiz-slider__pie{justify-content:center}@keyframes spin{to{transform:rotate(.5turn)}}@keyframes bg{50%{background:var(--ibiz-editor-slider-pie-percent-bg)}}.ibiz-slider__pie-content{min-width:30px;min-height:30px;background:var(--ibiz-editor-slider-pie-bg);background-image:linear-gradient(to right,transparent 50%,var(--ibiz-editor-slider-pie-percent-bg) 0);border-radius:50%}.ibiz-slider__pie-content.is-hundred-percent{background:var(--ibiz-editor-slider-pie-percent-bg)}.ibiz-slider__pie-content::before{display:block;height:100%;margin-left:50%;content:"";background-color:inherit;border-radius:0 100% 100% 0/50%;transform-origin:left;animation:spin 50s linear infinite,bg 100s step-end infinite;animation-play-state:paused;animation-delay:inherit}.ibiz-form-item .ibiz-slider.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -0,0 +1,80 @@
+import { SliderEditorController } from '../slider-editor.controller';
+import './ibiz-slider.scss';
+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>;
+    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;
+    currentVal: import("vue").Ref<number | number[] | undefined>;
+    handleChange: (currentValue: number | undefined | Array<number>) => void;
+    step: number;
+    max: number;
+    min: number;
+    type: string;
+    textItem: string;
+    showStops: boolean;
+    range: boolean;
+    showInput: boolean;
+    editorRef: import("vue").Ref<any>;
+    showText: boolean;
+    textVal: import("vue").ComputedRef<string>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    pieStyle: import("vue").Ref<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined) => boolean;
+    blur: (_event?: IData | undefined) => boolean;
+    focus: (_event?: IData | undefined) => boolean;
+    enter: (_event?: IData | 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>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}>> & {
+    onFocus?: ((_event?: IData | undefined) => any) | undefined;
+    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watch, createVNode, resolveComponent, mergeProps } from 'vue';
+import { defineComponent, ref, computed, watch, onMounted, nextTick, onBeforeUnmount, createVNode, resolveComponent, mergeProps } from 'vue';
 import { getSliderProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
 import './ibiz-slider.css';
@@ -21,6 +21,8 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
       useInFocusAndBlur,
       useInValueChange
     } = useAutoFocusBlur(props, emit);
+    const pieStyle = ref("");
+    const pieSize = ref(0);
     let step = 1;
     let max = 100;
     let min = 0;
@@ -31,6 +33,8 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
     let format = valueFormat || "0%";
     let type = "line";
     let textItem = "";
+    let pieBg = "";
+    let piePercentBg = "";
     if (editorModel.editorParams) {
       if (editorModel.editorParams.stepvalue) {
         step = toNumber(editorModel.editorParams.stepvalue);
@@ -62,6 +66,12 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
       if (editorModel.editorParams.textItem) {
         textItem = editorModel.editorParams.textItem;
       }
+      if (editorModel.editorParams.pieBg) {
+        pieBg = editorModel.editorParams.pieBg;
+      }
+      if (editorModel.editorParams.piePercentBg) {
+        piePercentBg = editorModel.editorParams.piePercentBg;
+      }
     }
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
@@ -84,10 +94,34 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
           return handleLineVal(val);
         case "circle":
           return handleCircleVal(val);
+        case "pie":
+          return handleCircleVal(val);
         default:
           return val;
       }
     };
+    const {
+      componentRef: editorRef
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
+    const caclPieWidth = () => {
+      if (editorRef.value) {
+        pieSize.value = Math.min(editorRef.value.clientHeight, editorRef.value.clientWidth);
+      }
+    };
+    const caclPieStyle = () => {
+      caclPieWidth();
+      pieStyle.value = "";
+      if (pieSize.value > 0) {
+        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, ";");
+      }
+      if (piePercentBg) {
+        pieStyle.value += "--ibiz-editor-slider-pie-percent-bg:".concat(piePercentBg, ";");
+      }
+      pieStyle.value += "animation-delay:-".concat(currentVal.value, "s;");
+    };
     const currentVal = ref();
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
@@ -97,13 +131,35 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
           } else {
             currentVal.value = 0;
           }
+          if (type === "pie") {
+            caclPieStyle();
+          }
         } else {
           currentVal.value = handleCurVal(newVal);
+          if (type === "pie") {
+            caclPieStyle();
+          }
         }
       }
     }, {
       immediate: true
     });
+    const calcSize = () => {
+      caclPieStyle();
+    };
+    onMounted(() => {
+      if (type === "pie") {
+        window.addEventListener("resize", calcSize);
+        nextTick(() => {
+          caclPieStyle();
+        });
+      }
+    });
+    onBeforeUnmount(() => {
+      if (type === "pie") {
+        window.removeEventListener("resize", calcSize);
+      }
+    });
     const textVal = computed(() => {
       if (textItem) {
         const data = props.data || {};
@@ -122,9 +178,6 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
       }
       useInValueChange();
     };
-    const {
-      componentRef: editorRef
-    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       currentVal,
@@ -140,7 +193,8 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
       editorRef,
       showText,
       textVal,
-      showFormDefaultContent
+      showFormDefaultContent,
+      pieStyle
     };
   },
   render() {
@@ -180,6 +234,12 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
         }
       });
     }
+    if (this.type === "pie") {
+      content = createVNode("div", {
+        "class": [this.ns.e("pie-content"), this.ns.is("hundred-percent", this.currentVal >= this.max)],
+        "style": this.pieStyle
+      }, null);
+    }
     return createVNode("div", {
       "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.showText ? this.ns.e("text") : "", this.ns.is("show-default", this.showFormDefaultContent), this.ns.e(this.type)],
       "ref": "editorRef"

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

@@ -0,0 +1,3 @@
+export { IBizSlider } from './ibiz-slider/ibiz-slider';
+export * from './slider-editor.controller';
+export * from './slider-editor.provider';

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

@@ -0,0 +1,12 @@
+import { EditorController } from '@ibiz-template/runtime';
+import { ISlider } from '@ibiz/model-core';
+/**
+ * 滑动输入条编辑器控制器
+ *
+ * @export
+ * @class SliderEditorController
+ * @extends {EditorController}
+ */
+export declare class SliderEditorController extends EditorController<ISlider> {
+    protected onInit(): Promise<void>;
+}

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

@@ -0,0 +1,15 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { ISlider } from '@ibiz/model-core';
+import { SliderEditorController } from './slider-editor.controller';
+/**
+ * 滑动输入条编辑器适配器
+ *
+ * @export
+ * @class SliderEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class SliderEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    createController(editorModel: ISlider, parentController: IEditorContainerController): Promise<SliderEditorController>;
+}

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

@@ -0,0 +1,4 @@
+export { IBizSpan } from './span/span';
+export { IBizSpanLink } from './span-link/span-link';
+export * from './span-editor.controller';
+export * from './span-editor.provider';