@ibiz-template/mob-vue3-components 0.0.1-alpha.19

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

@@ -0,0 +1,124 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./ibiz-number-range-picker.css');
+var lodashEs = require('lodash-es');
+
+"use strict";
+const IBizNumberRangePicker = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizNumberRangePicker",
+  props: vue3Util.getNumberRangeProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("number-range-picker");
+    const c = props.controller;
+    const editorModel = c.model;
+    let max = Infinity;
+    let min = -Infinity;
+    let precision = 0;
+    let valueSeparator = "-";
+    let startPlaceHolder = "";
+    let endPlaceHolder = "";
+    let rangeSeparator = "~";
+    if (editorModel.editorParams) {
+      if (editorModel.editorParams.maxValue) {
+        max = lodashEs.toNumber(editorModel.editorParams.maxValue);
+      }
+      if (editorModel.editorParams.minValue) {
+        min = lodashEs.toNumber(editorModel.editorParams.minValue);
+      }
+      if (editorModel.editorParams.precision) {
+        precision = lodashEs.toNumber(editorModel.editorParams.precision);
+      }
+      if (editorModel.editorParams.valueSeparator) {
+        valueSeparator = editorModel.editorParams.valueSeparator;
+      }
+      if (editorModel.editorParams.startPlaceHolder) {
+        startPlaceHolder = editorModel.editorParams.startPlaceHolder;
+      }
+      if (editorModel.editorParams.endPlaceHolder) {
+        endPlaceHolder = editorModel.editorParams.endPlaceHolder;
+      }
+      if (editorModel.editorParams.rangeSeparator) {
+        rangeSeparator = editorModel.editorParams.rangeSeparator;
+      }
+    }
+    const refFormItem = vue.ref([]);
+    const editorItems = editorModel.editorItems;
+    if (editorItems && editorItems.length > 0) {
+      const editorItemNames = editorItems.map((item) => item.id);
+      refFormItem.value = editorItemNames;
+    }
+    const minValue = vue.ref(null);
+    const maxValue = vue.ref(null);
+    vue.watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal && typeof newVal === "string") {
+        minValue.value = newVal.split(valueSeparator)[0] ? Number(newVal.split(valueSeparator)[0]) : null;
+        maxValue.value = newVal.split(valueSeparator)[1] ? Number(newVal.split(valueSeparator)[1]) : null;
+      }
+    }, {
+      immediate: true
+    });
+    const handleChange = (evt, index) => {
+      const value = evt.target.value;
+      if (index === 0) {
+        minValue.value = value;
+      } else if (index === 1) {
+        maxValue.value = value;
+      }
+      if (minValue.value !== null && maxValue.value !== null) {
+        emit("change", [minValue.value, maxValue.value].join(valueSeparator));
+      }
+      if (refFormItem.value) {
+        const valueName = refFormItem.value[index];
+        emit("change", value, valueName);
+      }
+    };
+    const {
+      componentRef: editorRef
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    return {
+      ns,
+      c,
+      refFormItem,
+      minValue,
+      maxValue,
+      handleChange,
+      max,
+      min,
+      precision,
+      valueSeparator,
+      startPlaceHolder,
+      endPlaceHolder,
+      rangeSeparator,
+      editorRef
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b()],
+      "ref": "editorRef"
+    }, [vue.createVNode(vue.resolveComponent("van-field"), {
+      "modelValue": this.minValue,
+      "disabled": this.disabled,
+      "readonly": this.readonly,
+      "placeholder": this.startPlaceHolder,
+      "type": "number",
+      "onInput": (val) => this.handleChange(val, 0)
+    }, null), vue.createVNode("div", {
+      "class": this.ns.b("separator")
+    }, [this.rangeSeparator]), vue.createVNode(vue.resolveComponent("van-field"), {
+      "type": "number",
+      "modelValue": this.maxValue,
+      "disabled": this.disabled,
+      "readonly": this.readonly,
+      "placeholder": this.endPlaceHolder,
+      "onInput": (val) => this.handleChange(val, 1)
+    }, null)]);
+  }
+});
+
+exports.IBizNumberRangePicker = IBizNumberRangePicker;

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;align-items:center;justify-content:center}.ibiz-number-range-picker .van-field{flex:1}.ibiz-number-range-picker .van-field__control{text-align:center}

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/radio-button-list/ibiz-radio/ibiz-radio.cjs

@@ -0,0 +1,78 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./ibiz-radio.css');
+
+"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 currentVal = vue.computed({
+      get() {
+        return props.value;
+      },
+      set(val) {
+        emit("change", val);
+      }
+    });
+    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) || "";
+    });
+    const {
+      componentRef: editorRef
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    return {
+      ns,
+      editorModel,
+      items,
+      valueText,
+      currentVal,
+      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("van-radio-group"), {
+      "class": this.ns.e("group"),
+      "modelValue": this.currentVal,
+      "onUpdate:modelValue": ($event) => this.currentVal = $event,
+      "direction": "horizontal"
+    }, _isSlot(_slot = this.items.map((_item, index) => vue.createVNode(vue.resolveComponent("van-radio"), {
+      "key": index,
+      "name": _item.value,
+      "disabled": this.disabled
+    }, {
+      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{height:100%;padding:var(--ibiz-spacing-tight) 0}.ibiz-radio .van-radio--horizontal{margin-right:0}.ibiz-radio .van-radio-group--horizontal{gap:var(--ibiz-spacing-tight)}.ibiz-radio .van-radio-group{height:100%}.ibiz-radio__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-radio--readonly{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,65 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var lodashEs = require('lodash-es');
+require('./ibiz-rate.css');
+
+"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 max = 5;
+    if (editorModel.editorParams) {
+      if (editorModel.editorParams.maxValue) {
+        max = lodashEs.toNumber(editorModel.editorParams.maxValue);
+      }
+    }
+    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,
+      max,
+      editorRef
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b()],
+      "ref": "editorRef"
+    }, [vue.createVNode(vue.resolveComponent("van-rate"), {
+      "modelValue": this.currentVal,
+      "onUpdate:modelValue": ($event) => this.currentVal = $event,
+      "disabled": this.disabled || this.readonly,
+      "count": this.max,
+      "onChange": this.handleChange
+    }, null)]);
+  }
+});
+
+exports.IBizRate = IBizRate;

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

@@ -0,0 +1 @@
+.ibiz-rate .van-rate .van-rate__icon--full{color:var(--ibiz-color-primary)}

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/slider/ibiz-slider/ibiz-slider.cjs

@@ -0,0 +1,101 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var lodashEs = require('lodash-es');
+require('./ibiz-slider.css');
+
+"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 range = 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.range) {
+        range = c.toBoolean(editorModel.editorParams.range);
+      }
+    }
+    const currentVal = vue.ref(0);
+    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) || 0;
+          }
+        }
+      }
+    }, {
+      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,
+      range,
+      editorRef
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b()],
+      "ref": "editorRef"
+    }, [vue.createVNode(vue.resolveComponent("van-slider"), {
+      "modelValue": this.currentVal,
+      "onUpdate:modelValue": ($event) => this.currentVal = $event,
+      "disabled": this.disabled || this.readonly,
+      "step": this.step,
+      "max": this.max,
+      "min": this.min,
+      "range": this.range,
+      "onChange": this.handleChange
+    }, {
+      button: () => {
+        return vue.createVNode("div", {
+          "class": this.ns.b("button")
+        }, [this.currentVal]);
+      }
+    })]);
+  }
+});
+
+exports.IBizSlider = IBizSlider;

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

@@ -0,0 +1 @@
+.ibiz-slider{height:100%;min-height:20px;display:flex;align-items:center;justify-content:flex-start}.ibiz-slider .ibiz-slider-button{width:26px;font-size:10px;line-height:18px;color:#fff;text-align:center;background-color:var(--ibiz-color-primary);border-radius:100px}

package/lib/editor/slider/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var ibizSlider = require('./ibiz-slider/ibiz-slider.cjs');
+var sliderEditor_controller = require('./slider-editor.controller.cjs');
+var sliderEditor_provider = require('./slider-editor.provider.cjs');
+
+"use strict";
+
+exports.IBizSlider = ibizSlider.IBizSlider;
+exports.SliderEditorController = sliderEditor_controller.SliderEditorController;
+exports.SliderEditorProvider = sliderEditor_provider.SliderEditorProvider;

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

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

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

@@ -0,0 +1,24 @@
+'use strict';
+
+var sliderEditor_controller = require('./slider-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 SliderEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizSlider");
+    __publicField(this, "gridEditor", "IBizSlider");
+  }
+  async createController(editorModel, parentController) {
+    const c = new sliderEditor_controller.SliderEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+exports.SliderEditorProvider = SliderEditorProvider;

package/lib/editor/span/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var span = require('./span/span.cjs');
+var spanLink = require('./span-link/span-link.cjs');
+var spanEditor_controller = require('./span-editor.controller.cjs');
+var spanEditor_provider = require('./span-editor.provider.cjs');
+
+"use strict";
+
+exports.IBizSpan = span.IBizSpan;
+exports.IBizSpanLink = spanLink.IBizSpanLink;
+exports.SpanEditorController = spanEditor_controller.SpanEditorController;
+exports.SpanEditorProvider = spanEditor_provider.SpanEditorProvider;

package/lib/editor/span/span/span.cjs

@@ -0,0 +1,82 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var dayjs = require('dayjs');
+require('./span.css');
+
+"use strict";
+const IBizSpan = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizSpan",
+  props: vue3Util.getSpanProps(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("span");
+    const c = props.controller;
+    const text = vue.ref("");
+    const codeList = c.codeList;
+    let valueSeparator = ",";
+    if (codeList && codeList.valueSeparator) {
+      valueSeparator = codeList.valueSeparator;
+    }
+    vue.watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (!newVal) {
+          text.value = "";
+          return;
+        }
+        if (c.parent.valueFormat) {
+          text.value = dayjs(newVal).format(c.parent.valueFormat);
+        } else {
+          text.value = newVal ? `${newVal}` : "";
+        }
+        if (c.parent.unitName) {
+          text.value += c.parent.unitName;
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const items = vue.ref([]);
+    if (codeList) {
+      vue.watch(() => props.data, (newVal) => {
+        c.loadCodeList(newVal).then((_codeList) => {
+          items.value = _codeList;
+        });
+      }, {
+        immediate: true,
+        deep: true
+      });
+    }
+    const codeListText = vue.computed(() => {
+      var _a;
+      if (!codeList || !props.value || items.value.length === 0) {
+        return void 0;
+      }
+      if (codeList.codeItemValueNumber) {
+        return (_a = items.value.find((item) => item.value === props.value)) == null ? void 0 : _a.text;
+      }
+      const values = props.value.split(valueSeparator);
+      const selects = items.value.filter((item) => values.includes(item.value));
+      return selects.map((item) => item.text).join(valueSeparator);
+    });
+    const {
+      componentRef: editorRef
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    return {
+      ns,
+      text,
+      codeListText,
+      editorRef
+    };
+  },
+  render() {
+    return vue.createVNode("span", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""],
+      "ref": "editorRef"
+    }, [this.codeListText || this.text]);
+  }
+});
+
+exports.IBizSpan = IBizSpan;

package/lib/editor/span/span/span.css

@@ -0,0 +1 @@
+.ibiz-span{display:inline-block;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:inherit;white-space:pre-line}.ibiz-span--disabled{color:var(--ibiz-form-item-disabled-color)}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}