@ibiz-template/vue3-components 0.4.8-dev.0 → 0.4.8

package/lib/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.css

@@ -0,0 +1 @@
+.ibiz-number-range-picker{width:100%;display:flex}.ibiz-number-range-picker .ibiz-number-range-picker-separator{margin:0 var(--ibiz-spacing-tight)}.ibiz-number-range-picker .el-input-number{flex:1}

package/lib/editor/number-range/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var ibizNumberRangePicker = require('./ibiz-number-range-picker/ibiz-number-range-picker.cjs');
+var numberRangeEditor_controller = require('./number-range-editor.controller.cjs');
+var numberRangeEditor_provider = require('./number-range-editor.provider.cjs');
+
+"use strict";
+
+exports.IBizNumberRangePicker = ibizNumberRangePicker.IBizNumberRangePicker;
+exports.NumberRangeEditorController = numberRangeEditor_controller.NumberRangeEditorController;
+exports.NumberRangeEditorProvider = numberRangeEditor_provider.NumberRangeEditorProvider;

package/lib/editor/number-range/number-range-editor.controller.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class NumberRangeEditorController extends runtime.EditorController {
+}
+
+exports.NumberRangeEditorController = NumberRangeEditorController;

package/lib/editor/number-range/number-range-editor.provider.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var numberRangeEditor_controller = require('./number-range-editor.controller.cjs');
+
+"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 NumberRangeEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizNumberRangePicker");
+    __publicField(this, "gridEditor", "IBizNumberRangePicker");
+  }
+  async createController(editorModel, parentController) {
+    const c = new numberRangeEditor_controller.NumberRangeEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+exports.NumberRangeEditorProvider = NumberRangeEditorProvider;

package/lib/editor/preset/index.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+require('./preset-rawitem/index.cjs');
+var ibizPresetRawitem = require('./preset-rawitem/ibiz-preset-rawitem/ibiz-preset-rawitem.cjs');
+var presetRawitem_controller = require('./preset-rawitem/preset-rawitem.controller.cjs');
+var presetRawitem_provider = require('./preset-rawitem/preset-rawitem.provider.cjs');
+
+"use strict";
+
+exports.IBizPresetRawitem = ibizPresetRawitem.IBizPresetRawitem;
+exports.PresetRawitemEditorController = presetRawitem_controller.PresetRawitemEditorController;
+exports.PresetRawitemEditorProvider = presetRawitem_provider.PresetRawitemEditorProvider;

package/lib/editor/preset/preset-rawitem/ibiz-preset-rawitem/ibiz-preset-rawitem.cjs

@@ -0,0 +1,60 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./ibiz-preset-rawitem.css');
+
+"use strict";
+const IBizPresetRawitem = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPresetRawitem",
+  props: vue3Util.getRawProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("preset-rawitem");
+    const c = props.controller;
+    const editorModel = c.model;
+    const {
+      componentRef: editorRef
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    const type = c.model.predefinedType;
+    const content = vue.ref("");
+    vue.watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        content.value = newVal;
+      }
+    }, {
+      immediate: true
+    });
+    return {
+      ns,
+      editorModel,
+      editorRef,
+      type,
+      content
+    };
+  },
+  render() {
+    let content = null;
+    if (this.type === "FIELD_IMAGE") {
+      content = vue.createVNode(vue.resolveComponent("iBizRawItem"), {
+        "content": this.content,
+        "type": "IMAGE"
+      }, null);
+    } else if (this.type === "FIELD_TEXT_DYNAMIC") {
+      content = vue.createVNode(vue.resolveComponent("iBizRawItem"), {
+        "content": this.content,
+        "type": "TEXT"
+      }, null);
+    } else {
+      content = vue.createVNode("div", null, [vue.createTextVNode("\u6682\u672A\u652F\u6301"), this.type]);
+    }
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""],
+      "ref": "editorRef"
+    }, [content]);
+  }
+});
+
+exports.IBizPresetRawitem = IBizPresetRawitem;

package/lib/editor/preset/preset-rawitem/ibiz-preset-rawitem/ibiz-preset-rawitem.css

@@ -0,0 +1 @@
+.ibiz-preset-rawitem{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}

package/lib/editor/preset/preset-rawitem/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var ibizPresetRawitem = require('./ibiz-preset-rawitem/ibiz-preset-rawitem.cjs');
+var presetRawitem_controller = require('./preset-rawitem.controller.cjs');
+var presetRawitem_provider = require('./preset-rawitem.provider.cjs');
+
+"use strict";
+
+exports.IBizPresetRawitem = ibizPresetRawitem.IBizPresetRawitem;
+exports.PresetRawitemEditorController = presetRawitem_controller.PresetRawitemEditorController;
+exports.PresetRawitemEditorProvider = presetRawitem_provider.PresetRawitemEditorProvider;

package/lib/editor/preset/preset-rawitem/preset-rawitem.controller.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class PresetRawitemEditorController extends runtime.EditorController {
+}
+
+exports.PresetRawitemEditorController = PresetRawitemEditorController;

package/lib/editor/preset/preset-rawitem/preset-rawitem.provider.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var presetRawitem_controller = require('./preset-rawitem.controller.cjs');
+
+"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 PresetRawitemEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizPresetRawitem");
+    __publicField(this, "gridEditor", "IBizPresetRawitem");
+  }
+  async createController(editorModel, parentController) {
+    const c = new presetRawitem_controller.PresetRawitemEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+exports.PresetRawitemEditorProvider = PresetRawitemEditorProvider;

package/lib/editor/radio-button-list/ibiz-radio/ibiz-radio.cjs

@@ -0,0 +1,80 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./ibiz-radio.css');
+var qxUtil = require('qx-util');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const IBizRadio = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizRadio",
+  props: vue3Util.getRadioProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("radio");
+    const c = props.controller;
+    const editorModel = c.model;
+    const onSelectValueChange = (value) => {
+      emit("change", value);
+    };
+    const items = vue.ref([]);
+    vue.watch(() => props.data, (newVal) => {
+      c.loadCodeList(newVal).then((_codeList) => {
+        items.value = _codeList;
+      });
+    }, {
+      immediate: true,
+      deep: true
+    });
+    const valueText = vue.computed(() => {
+      var _a;
+      return ((_a = items.value.find((item) => item.value == props.value)) == null ? void 0 : _a.text) || "";
+    });
+    vue.watch(valueText, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emit("infoTextChange", newVal);
+      }
+    }, {
+      immediate: true
+    });
+    const {
+      componentRef: editorRef
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    return {
+      ns,
+      editorModel,
+      items,
+      valueText,
+      onSelectValueChange,
+      editorRef
+    };
+  },
+  render() {
+    let _slot;
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""],
+      "ref": "editorRef"
+    }, [this.readonly ? this.valueText : vue.createVNode(vue.resolveComponent("el-radio-group"), {
+      "class": this.ns.e("group"),
+      "model-value": qxUtil.notNilEmpty(this.value) ? String(this.value) : "",
+      "onChange": this.onSelectValueChange
+    }, _isSlot(_slot = this.items.map((_item, index) => vue.createVNode(vue.resolveComponent("el-radio"), {
+      "key": index,
+      "label": qxUtil.notNilEmpty(_item.value) ? String(_item.value) : "",
+      "disabled": this.disabled || _item.disableSelect === true
+    }, {
+      default: () => [vue.createVNode("span", {
+        "class": this.ns.e("text")
+      }, [_item.text])]
+    }))) ? _slot : {
+      default: () => [_slot]
+    })]);
+  }
+});
+
+exports.IBizRadio = IBizRadio;

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

@@ -0,0 +1 @@
+.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)}

package/lib/editor/radio-button-list/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var ibizRadio = require('./ibiz-radio/ibiz-radio.cjs');
+var radioButtonList_controller = require('./radio-button-list.controller.cjs');
+var radioButtonList_provider = require('./radio-button-list.provider.cjs');
+
+"use strict";
+
+exports.IBizRadio = ibizRadio.IBizRadio;
+exports.RadioButtonListEditorController = radioButtonList_controller.RadioButtonListEditorController;
+exports.RadioButtonListEditorProvider = radioButtonList_provider.RadioButtonListEditorProvider;

package/lib/editor/radio-button-list/radio-button-list.controller.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class RadioButtonListEditorController extends runtime.CodeListEditorController {
+}
+
+exports.RadioButtonListEditorController = RadioButtonListEditorController;

package/lib/editor/radio-button-list/radio-button-list.provider.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var radioButtonList_controller = require('./radio-button-list.controller.cjs');
+
+"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 RadioButtonListEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizRadio");
+    __publicField(this, "gridEditor", "IBizRadio");
+  }
+  async createController(editorModel, parentController) {
+    const c = new radioButtonList_controller.RadioButtonListEditorController(
+      editorModel,
+      parentController
+    );
+    await c.init();
+    return c;
+  }
+}
+
+exports.RadioButtonListEditorProvider = RadioButtonListEditorProvider;

package/lib/editor/rate/ibiz-rate/ibiz-rate.cjs

@@ -0,0 +1,82 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var lodashEs = require('lodash-es');
+
+"use strict";
+const IBizRate = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizRate",
+  props: vue3Util.getRateProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("rate");
+    const currentVal = vue.ref();
+    const c = props.controller;
+    const editorModel = c.model;
+    let colors = [];
+    let showText = false;
+    let max = 5;
+    let texts = [];
+    if (editorModel.editorParams) {
+      if (editorModel.editorParams.colors) {
+        colors = c.toObj(editorModel.editorParams.colors);
+      }
+      if (editorModel.editorParams.showText) {
+        showText = c.toBoolean(editorModel.editorParams.showText);
+      }
+      if (editorModel.editorParams.maxvalue) {
+        max = lodashEs.toNumber(editorModel.editorParams.maxvalue);
+      }
+      if (editorModel.editorParams.texts) {
+        texts = c.toObj(editorModel.editorParams.texts);
+      }
+    }
+    vue.watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (!newVal) {
+          currentVal.value = 0;
+        } else {
+          currentVal.value = newVal;
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const handleChange = (currentValue) => {
+      emit("change", currentValue);
+    };
+    const {
+      componentRef: editorRef
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    return {
+      ns,
+      currentVal,
+      handleChange,
+      colors,
+      showText,
+      max,
+      texts,
+      editorRef
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b()],
+      "ref": "editorRef"
+    }, [vue.createVNode(vue.resolveComponent("el-rate"), {
+      "modelValue": this.currentVal,
+      "onUpdate:modelValue": ($event) => this.currentVal = $event,
+      "disabled": this.disabled || this.readonly,
+      "max": this.max,
+      "colors": this.colors,
+      "showText": this.showText,
+      "texts": this.texts,
+      "onChange": this.handleChange
+    }, null)]);
+  }
+});
+
+exports.IBizRate = IBizRate;

package/lib/editor/rate/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var ibizRate = require('./ibiz-rate/ibiz-rate.cjs');
+var rateEditor_controller = require('./rate-editor.controller.cjs');
+var rateEditor_provider = require('./rate-editor.provider.cjs');
+
+"use strict";
+
+exports.IBizRate = ibizRate.IBizRate;
+exports.RateEditorController = rateEditor_controller.RateEditorController;
+exports.RateEditorProvider = rateEditor_provider.RateEditorProvider;

package/lib/editor/rate/rate-editor.controller.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class RateEditorController extends runtime.EditorController {
+}
+
+exports.RateEditorController = RateEditorController;

package/lib/editor/rate/rate-editor.provider.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var rateEditor_controller = require('./rate-editor.controller.cjs');
+
+"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 RateEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizRate");
+    __publicField(this, "gridEditor", "IBizRate");
+  }
+  async createController(editorModel, parentController) {
+    const c = new rateEditor_controller.RateEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+exports.RateEditorProvider = RateEditorProvider;

package/lib/editor/raw/ibiz-raw/ibiz-raw.cjs

@@ -0,0 +1,70 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./ibiz-raw.css');
+
+"use strict";
+const IBizRaw = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizRaw",
+  props: vue3Util.getRawProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props) {
+    var _a, _b, _c, _d;
+    const ns = vue3Util.useNamespace("raw");
+    const c = props.controller;
+    const editorModel = c.model;
+    const content = vue.ref("");
+    let type = "TEXT";
+    let template = "";
+    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 ((_c = editorModel.editorParams) == null ? void 0 : _c.template) {
+      template = editorModel.editorParams.template.replaceAll("//n", "\n");
+    }
+    if ((_d = editorModel.editorParams) == null ? void 0 : _d.TEMPLATE) {
+      template = editorModel.editorParams.TEMPLATE.replaceAll("//n", "\n");
+    }
+    vue.watch(() => props.value, async (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (typeof newVal === "string" || typeof newVal === "number") {
+          content.value = newVal;
+        }
+        if (template && newVal) {
+          let obj = null;
+          if (typeof newVal === "string") {
+            try {
+              obj = JSON.parse(newVal);
+            } catch (error) {
+              ibiz.log.error("JSON\u5B57\u7B26\u4E32\u8F6C\u6362\u9519\u8BEF");
+            }
+          }
+          content.value = await ibiz.util.hbs.render(template, obj || newVal);
+        }
+      }
+    }, {
+      immediate: true
+    });
+    return {
+      ns,
+      content,
+      type,
+      template
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+    }, [this.content && vue.createVNode(vue.resolveComponent("iBizRawItem"), {
+      "class": this.ns.b("content"),
+      "content": this.content,
+      "type": this.type
+    }, null)]);
+  }
+});
+
+exports.IBizRaw = IBizRaw;

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

@@ -0,0 +1 @@
+.ibiz-raw{line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color)}

package/lib/editor/raw/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var ibizRaw = require('./ibiz-raw/ibiz-raw.cjs');
+var rawEditor_controller = require('./raw-editor.controller.cjs');
+var rawEditor_provider = require('./raw-editor.provider.cjs');
+
+"use strict";
+
+exports.IBizRaw = ibizRaw.IBizRaw;
+exports.RawEditorController = rawEditor_controller.RawEditorController;
+exports.RawEditorProvider = rawEditor_provider.RawEditorProvider;

package/lib/editor/raw/raw-editor.controller.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class RawEditorController extends runtime.EditorController {
+}
+
+exports.RawEditorController = RawEditorController;

package/lib/editor/raw/raw-editor.provider.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var rawEditor_controller = require('./raw-editor.controller.cjs');
+
+"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 RawEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizRaw");
+    __publicField(this, "gridEditor", "IBizRaw");
+  }
+  async createController(editorModel, parentController) {
+    const c = new rawEditor_controller.RawEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+exports.RawEditorProvider = RawEditorProvider;

package/lib/editor/slider/ibiz-slider/ibiz-slider.cjs

@@ -0,0 +1,106 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var lodashEs = require('lodash-es');
+
+"use strict";
+const IBizSlider = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizSlider",
+  props: vue3Util.getSliderProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("slider");
+    const c = props.controller;
+    const editorModel = c.model;
+    let step = 1;
+    let max = 100;
+    let min = 0;
+    let showStops = false;
+    let range = false;
+    let showInput = false;
+    if (editorModel.editorParams) {
+      if (editorModel.editorParams.stepvalue) {
+        step = lodashEs.toNumber(editorModel.editorParams.stepvalue);
+      }
+      if (editorModel.editorParams.maxvalue) {
+        max = lodashEs.toNumber(editorModel.editorParams.maxvalue);
+      }
+      if (editorModel.editorParams.minvalue) {
+        min = lodashEs.toNumber(editorModel.editorParams.minvalue);
+      }
+      if (editorModel.editorParams.showstops) {
+        showStops = c.toBoolean(editorModel.editorParams.showstops);
+      }
+      if (editorModel.editorParams.range) {
+        range = c.toBoolean(editorModel.editorParams.range);
+      }
+      if (editorModel.editorParams.showinput) {
+        showInput = c.toBoolean(editorModel.editorParams.showinput);
+      }
+    }
+    const currentVal = vue.ref();
+    vue.watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (newVal === null || newVal === void 0) {
+          if (range) {
+            currentVal.value = [0, 1];
+          } else {
+            currentVal.value = 0;
+          }
+        } else {
+          if (range) {
+            currentVal.value = JSON.parse(newVal);
+          } else {
+            currentVal.value = Number(newVal);
+          }
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const handleChange = (currentValue) => {
+      if (Array.isArray(currentValue)) {
+        emit("change", JSON.stringify(currentValue));
+      } else {
+        emit("change", currentValue);
+      }
+    };
+    const {
+      componentRef: editorRef
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    return {
+      ns,
+      currentVal,
+      handleChange,
+      step,
+      max,
+      min,
+      showStops,
+      range,
+      showInput,
+      editorRef
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : ""],
+      "ref": "editorRef"
+    }, [vue.createVNode(vue.resolveComponent("el-slider"), {
+      "modelValue": this.currentVal,
+      "onUpdate:modelValue": ($event) => this.currentVal = $event,
+      "disabled": this.disabled || this.readonly,
+      "step": this.step,
+      "max": this.max,
+      "min": this.min,
+      "showStops": this.showStops,
+      "range": this.range,
+      "showInput": this.showInput,
+      "onChange": this.handleChange
+    }, null)]);
+  }
+});
+
+exports.IBizSlider = IBizSlider;