@ibiz-template/mob-vue3-components 0.0.6 → 0.0.8

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

@@ -1,4 +1,4 @@
-import { isVNode, computed, ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getRadioProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-radio.css';
 
@@ -16,15 +16,16 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("radio");
     const c = props.controller;
     const editorModel = c.model;
+    const items = ref([]);
     const currentVal = computed({
       get() {
-        return props.value;
+        var _a;
+        return (_a = items.value.find((item) => item.value == props.value)) == null ? void 0 : _a.value;
       },
       set(val) {
         emit("change", val);
       }
     });
-    const items = ref([]);
     watch(() => props.data, (newVal) => {
       c.loadCodeList(newVal).then((_codeList) => {
         items.value = _codeList;
@@ -35,7 +36,7 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
     });
     const valueText = computed(() => {
       var _a;
-      return ((_a = items.value.find((item) => item.value === props.value)) == null ? void 0 : _a.text) || "";
+      return ((_a = items.value.find((item) => item.value == props.value)) == null ? void 0 : _a.text) || "";
     });
     const {
       componentRef: editorRef

package/es/editor/span/span/span.mjs

@@ -118,10 +118,10 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
     } else if (this.text) {
       content = this.text;
     } else {
-      content = "- - -";
+      content = "";
     }
     return createVNode("span", {
-      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : ""],
+      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.readonly ? this.ns.m("disabled") : ""],
       "ref": "editorRef"
     }, [content]);
   }

package/es/editor/text-box/ibiz-input-number/ibiz-input-number.css

@@ -1 +1 @@
-.ibiz-input-number{height:100%}.ibiz-input-number input{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color);-webkit-text-fill-color:var(--ibiz-form-item-text-color)}.ibiz-input-number input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-input-number--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input-number .ibiz-input-number__unit{margin-left:.625rem;font-size:var(--ibiz-form-item-font-size);font-style:normal}
+.ibiz-input-number{height:100%}.ibiz-input-number input{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color);-webkit-text-fill-color:var(--ibiz-form-item-text-color)}.ibiz-input-number input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-text-color)}.ibiz-input-number input::placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-text-color)}.ibiz-input-number input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-input-number--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input-number .ibiz-input-number__unit{margin-left:.625rem;font-size:var(--ibiz-form-item-font-size);font-style:normal}

package/es/view-engine/mob-edit-view.engine.mjs

@@ -160,6 +160,7 @@ class MobEditViewEngine extends ViewEngineBase {
     await this.save();
     const app = ibiz.hub.getApp(this.view.context.srfappid);
     const entityService = await app.deService.getService(
+      this.view.context,
       this.view.model.appDataEntityId
     );
     const res = await entityService.wf.getWFVersion();
@@ -212,6 +213,7 @@ class MobEditViewEngine extends ViewEngineBase {
     const app = ibiz.hub.getApp(this.view.context.srfappid);
     const data = this.form.state.data;
     const entityService = await app.deService.getService(
+      this.view.context,
       this.view.model.appDataEntityId
     );
     await entityService.wf.wfWithdraw(

package/es/view-engine/mob-wf-dyna-edit-view.engine.mjs

@@ -90,6 +90,7 @@ class MobWFDynaEditViewEngine extends MobEditViewEngine {
     await super.onCreated();
     const app = ibiz.hub.getApp(this.view.context.srfappid);
     this.entityService = await app.deService.getService(
+      this.view.context,
       this.view.model.appDataEntityId
     );
     await this.calcProcessForm();
@@ -133,7 +134,7 @@ class MobWFDynaEditViewEngine extends MobEditViewEngine {
    * @return {*}  {Promise<string>}
    */
   async calcProcessFormName() {
-    const res = await this.entityService.wf.getWFStep(this.view.params);
+    const res = await this.entityService.wf.getWFStep(this.view.context);
     this.isEditable = res.data.isEditable === "true";
     const processForm = res.data["process-mobform"] ? `wfform_${res.data["process-mobform"]}` : "form";
     return processForm;

package/es/view-engine/wf-step-trace-view.engine.mjs

@@ -48,7 +48,10 @@ class WFStepTraceViewEngine extends ViewEngineBase {
       throw new RuntimeError("\u6CA1\u6709\u63A5\u6536\u5230appDataEntityId");
     }
     const app = ibiz.hub.getApp(this.view.context.srfappid);
-    this.entityService = await app.deService.getService(appDataEntityId);
+    this.entityService = await app.deService.getService(
+      this.view.context,
+      appDataEntityId
+    );
     await this.load();
   }
   /**

package/lib/control/app-menu-icon-view/app-menu-icon-view.css

@@ -1 +1 @@
-.ibiz-control-appmenu-iconview{--ibiz-control-appmenu-icon-width:100%;--ibiz-control-appmenu-icon-view-icon-size:2.1875rem;--ibiz-control-appmenu-icon-view-icon-margin:0.3125rem}.ibiz-control-appmenu-iconview .van-grid-item__text{display:-webkit-box;flex:1;height:-moz-fit-content;height:fit-content;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ibiz-control-appmenu-iconview .van-badge__wrapper{display:flex;justify-content:center;width:100%}.ibiz-control-appmenu-iconview .van-grid-item__content--clickable:active{background-color:inherit}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-icon-width);margin-bottom:var(--ibiz-control-appmenu-icon-view-icon-margin);font-size:var(--ibiz-control-appmenu-icon-view-icon-size)}
+.ibiz-control-appmenu-iconview{--ibiz-control-appmenu-icon-width:100%;--ibiz-control-appmenu-icon-view-icon-size:2.1875rem;--ibiz-control-appmenu-icon-view-icon-margin:0.3125rem;--ibiz-control-appmenu-icon-color:var(--ibiz-color-text-0)}.ibiz-control-appmenu-iconview .van-grid-item__text{display:-webkit-box;flex:1;height:-moz-fit-content;height:fit-content;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ibiz-control-appmenu-iconview .van-badge__wrapper{display:flex;justify-content:center;width:100%}.ibiz-control-appmenu-iconview .van-grid-item__content--clickable:active{background-color:inherit}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-icon-view-icon-size);height:var(--ibiz-control-appmenu-icon-view-icon-size);margin-bottom:var(--ibiz-control-appmenu-icon-view-icon-margin);font-size:var(--ibiz-control-appmenu-icon-view-icon-size);color:var(--ibiz-control-appmenu-icon-color)}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon .ibiz-icon{width:100%;height:100%}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon svg.icon{width:100%;height:100%}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon svg.icon path{fill:var(--ibiz-control-appmenu-icon-color)}.ibiz-icon svg.icon{width:100%;height:100%}.ibiz-icon svg.icon path{fill:currentcolor}

package/lib/control/app-menu-list-view/app-menu-list-view.css

@@ -1 +1 @@
-.ibiz-control-appmenu-listview{--ibiz-control-appmenu-list-view-icon-size:var(--ibiz-font-size-header-4);--ibiz-control-appmenu-list-view-font-size:var(--ibiz-font-size-regular);--ibiz-control-appmenu-list-view-padding:0;--ibiz-control-appmenu-list-view-item-padding:0.5rem 1rem;--van-cell-border-color:var(--ibiz-color-border);--van-divider-margin:0.125rem;--van-divider-border-color:transparent;--van-cell-horizontal-padding:0.75rem;--van-cell-active-color:transparent;--van-cell-right-icon-color:var(--van-gray-6);border-radius:var(--ibiz-border-radius-small)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item{padding:var(--ibiz-control-appmenu-list-view-item-padding);font-size:var(--ibiz-control-appmenu-list-view-font-size)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item:last-child{border-width:0}.ibiz-control-appmenu-listview .van-cell::after{left:0}.ibiz-control-appmenu-listview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-control-appmenu-list-view-icon-size)}
+.ibiz-control-appmenu-listview{--ibiz-control-appmenu-list-view-icon-size:var(--ibiz-font-size-header-4);--ibiz-control-appmenu-list-view-font-size:var(--ibiz-font-size-regular);--ibiz-control-appmenu-list-view-color:var(--ibiz-font-size-regular);--ibiz-control-appmenu-list-view-padding:0;--ibiz-control-appmenu-list-view-item-padding:0.5rem 1rem;--ibiz-control-appmenu-list-view-item-color:var(--ibiz-color-text-1);--van-cell-border-color:var(--ibiz-color-border);--van-divider-margin:0.125rem;--van-divider-border-color:transparent;--van-cell-horizontal-padding:0.75rem;--van-cell-active-color:transparent;--van-cell-right-icon-color:var(--van-gray-6);border-radius:var(--ibiz-border-radius-small)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item{padding:var(--ibiz-control-appmenu-list-view-item-padding);font-size:var(--ibiz-control-appmenu-list-view-font-size);color:var(--ibiz-control-appmenu-list-view-item-color)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item:last-child{border-width:0}.ibiz-control-appmenu-listview .van-cell::after{left:0}.ibiz-control-appmenu-listview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-control-appmenu-list-view-icon-size)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-icon .ibiz-icon{display:flex;align-items:center}

package/lib/control/calendar/calendar.cjs

@@ -7,6 +7,7 @@ var runtime = require('@ibiz-template/runtime');
 var dayjs = require('dayjs');
 var index = require('../../node_modules/.pnpm/vue3-hash-calendar@1.1.3_vue@3.3.9/node_modules/vue3-hash-calendar/es/index.cjs');
 require('vue3-hash-calendar/es/index.css');
+var dateUtil = require('./date-util.cjs');
 
 "use strict";
 function _isSlot(s) {
@@ -39,52 +40,20 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
     },
     loadDefault: {
       type: Boolean,
-      default: true
+      default: false
     }
   },
   setup() {
     const c = vue3Util.useControlController((...args) => new runtime.CalendarController(...args));
     const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
-    const calendarRef = vue.ref();
-    const selectDate = (tag) => {
-      if (!calendarRef.value)
-        return;
-      calendarRef.value.selectDate(tag);
-    };
+    const loadItems = vue.ref([]);
     const markDateItems = vue.ref({});
-    const getDayStartAndNextDayStart = (date) => {
-      const dayStart = new Date(date);
-      dayStart.setHours(0, 0, 0, 0);
-      const nextDayStart = new Date(date);
-      nextDayStart.setDate(nextDayStart.getDate() + 1);
-      nextDayStart.setHours(0, 0, 0, 0);
-      return {
-        dayStart,
-        nextDayStart
-      };
-    };
-    vue.watch(() => c.state.selectedDate, (oldVal, newVal) => {
-      const oldDateString = dayjs(oldVal).format("YYYY-MM");
-      const newDateString = dayjs(newVal).format("YYYY-MM");
-      if (oldDateString === newDateString) {
-        return;
-      }
-      const loadParam = {};
-      const {
-        dayStart,
-        nextDayStart
-      } = getDayStartAndNextDayStart(c.state.selectedDate);
-      Object.assign(loadParam, {
-        srfstartdate: dayjs(dayStart).format("YYYY-MM-DD HH:mm:ss"),
-        srfenddate: dayjs(nextDayStart).format("YYYY-MM-DD HH:mm:ss")
-      });
-      c.load(loadParam);
-    });
+    const loadMarkerItems = vue.ref([]);
     const setMarkDate = (date) => {
       const copyDate = new Date(date);
       const items = markDateItems.value[dayjs(copyDate).format("YYYY-MM")];
       if (!items) {
-        markDateItems.value[dayjs(copyDate).format("YYYY-MM")] = [...c.state.items];
+        markDateItems.value[dayjs(copyDate).format("YYYY-MM")] = [...loadMarkerItems.value];
       } else {
         const mergeAndFilter = (arr1, arr2) => {
           const mergedArray = arr1.concat(arr2);
@@ -102,6 +71,19 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
         markDateItems.value[dayjs(copyDate).format("YYYY-MM")] = mergeAndFilter(markDateItems.value[dayjs(copyDate).format("YYYY-MM")], c.state.items);
       }
     };
+    const loadMarkerData = async (date) => {
+      const param = dateUtil.getCurSelectMonthDate(date);
+      loadMarkerItems.value = await c.load({
+        viewParam: param
+      });
+      setMarkDate(c.state.selectedDate);
+    };
+    const loadData = async (date) => {
+      const param = dateUtil.getCurSelectDayDate(date);
+      loadItems.value = await c.load({
+        viewParam: param
+      });
+    };
     const calcItemStyle = (data) => {
       return {
         color: data.color,
@@ -127,34 +109,26 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       });
       return date;
     });
-    const onClick = async (date) => {
-      c.state.selectedDate = new Date(date);
-      const loadParam = {};
-      const {
-        dayStart,
-        nextDayStart
-      } = getDayStartAndNextDayStart(c.state.selectedDate);
-      Object.assign(loadParam, {
-        viewParam: {
-          srfstartdate: dayjs(dayStart).format("YYYY-MM-DD HH:mm:ss"),
-          srfenddate: dayjs(nextDayStart).format("YYYY-MM-DD HH:mm:ss")
-        }
-      });
-      setTimeout(() => {
-        c.load(loadParam);
-      }, 200);
-    };
-    c.evt.on("onLoadSuccess", () => {
-      setMarkDate(c.state.selectedDate);
+    c.evt.on("onMounted", () => {
+      loadMarkerData(c.state.selectedDate || /* @__PURE__ */ new Date());
+      loadData(c.state.selectedDate || /* @__PURE__ */ new Date());
     });
+    const dateChange = (newDate) => {
+      c.state.selectedDate = newDate;
+      loadData(c.state.selectedDate);
+      const items = markDateItems.value[dayjs(newDate).format("YYYY-MM")];
+      if (items) {
+        return;
+      }
+      loadMarkerData(c.state.selectedDate);
+    };
     return {
       c,
       ns,
-      calendarRef,
       markerData,
-      selectDate,
+      loadItems,
       calcItemStyle,
-      onClick
+      dateChange
     };
   },
   render() {
@@ -232,23 +206,20 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const renderCalendarListByItemType = (itemType) => {
-      const list = this.c.state.items.filter((item) => item.itemType === itemType);
+      const list = this.loadItems.filter((item) => item.itemType === itemType);
       return renderCalendarList(list);
     };
-    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+    return this.c.state.isCreated && vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c
     }, {
       default: () => [vue.createVNode("div", {
         "class": this.ns.b("content")
       }, [vue.createVNode(index.default, {
         "show-week-view": true,
+        "pickerType": "date",
         "onChange": (date) => {
-          this.c.state.selectedDate = date;
-        },
-        "onClick": (date) => {
-          this.onClick(date);
-        },
-        "ref": "calendarRef"
+          this.dateChange(date);
+        }
       }, {
         day: ({
           date

package/lib/control/calendar/date-util.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var dayjs = require('dayjs');
+
+"use strict";
+function getCurSelectMonthDate(selectedDate) {
+  const firstDayOfMonth = new Date(
+    selectedDate.getFullYear(),
+    selectedDate.getMonth(),
+    1
+  );
+  const lastDayOfMonth = new Date(
+    selectedDate.getFullYear(),
+    selectedDate.getMonth() + 1,
+    1
+  );
+  return {
+    srfstartdate: dayjs(firstDayOfMonth).format("YYYY-MM-DD HH:mm:ss"),
+    srfenddate: dayjs(lastDayOfMonth).format("YYYY-MM-DD HH:mm:ss")
+  };
+}
+function getCurSelectDayDate(date) {
+  const dayStart = new Date(date);
+  dayStart.setHours(0, 0, 0, 0);
+  const nextDayStart = new Date(date);
+  nextDayStart.setDate(nextDayStart.getDate() + 1);
+  nextDayStart.setHours(0, 0, 0, 0);
+  return {
+    srfstartdate: dayjs(dayStart).format("YYYY-MM-DD HH:mm:ss"),
+    srfenddate: dayjs(nextDayStart).format("YYYY-MM-DD HH:mm:ss")
+  };
+}
+
+exports.getCurSelectDayDate = getCurSelectDayDate;
+exports.getCurSelectMonthDate = getCurSelectMonthDate;

package/lib/control/caption-bar/caption-bar.cjs

@@ -33,11 +33,14 @@ const CaptionBarControl = /* @__PURE__ */ vue.defineComponent({
   render() {
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c,
-      "class": [this.ns.b(), this.ns.is("hasSub", Boolean(this.modelData.subCaption))]
+      "class": [this.ns.b(), this.ns.is("hasSub", Boolean(this.modelData.subCaption)), this.ns.is("show-icon", !!this.c.model.sysImage)]
     }, {
       default: () => [vue.createVNode("div", {
         "class": this.ns.b("caption")
-      }, [this.c.state.caption]), this.modelData.subCaption && vue.createVNode("div", {
+      }, [this.c.model.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+        "class": [this.ns.be("caption", "icon")],
+        "icon": this.c.model.sysImage
+      }, null), this.c.state.caption]), this.modelData.subCaption && vue.createVNode("div", {
         "class": this.ns.b("sub-caption")
       }, [this.modelData.subCaption])]
     });

package/lib/control/caption-bar/caption-bar.css

@@ -1 +1 @@
-.ibiz-control-captionbar{--ibiz-control-captionbar-color:var(--ibiz-color-text-0);--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-sub-main-font-size:var(--ibiz-font-size-header-6);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-captionbar-line-height:1.625rem;--ibiz-control-captionbar-text-align:center;--ibiz-control-captionbar-min-height:var(--ibiz-spacing-super-loose);--ibiz-control-captionbar-sub-caption-font-size:var(--ibiz-font-size-regular);--ibiz-control-captionbar-sub-caption-color:var(--ibiz-color-text-2);--ibiz-control-captionbar-padding:var(--ibiz-spacing-tight) 0;position:relative;display:flex;flex-direction:column;align-items:center;height:100%;min-height:var(--ibiz-control-captionbar-min-height);padding:var(--ibiz-control-captionbar-padding)}.ibiz-control-captionbar.is-hasSub .ibiz-control-captionbar-caption{font-size:var(--ibiz-control-captionbar-sub-main-font-size)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-font-size);font-weight:var(--ibiz-control-captionbar-font-weight);line-height:var(--ibiz-control-captionbar-line-height);color:var(--ibiz-control-captionbar-color);text-align:var(--ibiz-control-captionbar-text-align)}.ibiz-control-captionbar .ibiz-control-captionbar-sub-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-sub-caption-font-size);color:var(--ibiz-control-captionbar-sub-caption-color);text-align:var(--ibiz-control-captionbar-text-align)}
+.ibiz-control-captionbar{--ibiz-control-captionbar-color:var(--ibiz-color-text-0);--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-sub-main-font-size:var(--ibiz-font-size-header-6);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-captionbar-line-height:1.625rem;--ibiz-control-captionbar-text-align:center;--ibiz-control-captionbar-min-height:var(--ibiz-spacing-super-loose);--ibiz-control-captionbar-sub-caption-font-size:var(--ibiz-font-size-regular);--ibiz-control-captionbar-sub-caption-color:var(--ibiz-color-text-2);--ibiz-control-captionbar-padding:var(--ibiz-spacing-tight) 0;position:relative;display:flex;flex-direction:column;align-items:center;height:100%;min-height:var(--ibiz-control-captionbar-min-height);padding:var(--ibiz-control-captionbar-padding)}.ibiz-control-captionbar.is-hasSub .ibiz-control-captionbar-caption{font-size:var(--ibiz-control-captionbar-sub-main-font-size)}.ibiz-control-captionbar-caption__icon{display:inline;margin-right:var(--ibiz-spacing-tight)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:flex;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-font-size);font-weight:var(--ibiz-control-captionbar-font-weight);line-height:var(--ibiz-control-captionbar-line-height);color:var(--ibiz-control-captionbar-color);text-align:var(--ibiz-control-captionbar-text-align)}.ibiz-control-captionbar .ibiz-control-captionbar-sub-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-sub-caption-font-size);color:var(--ibiz-control-captionbar-sub-caption-color);text-align:var(--ibiz-control-captionbar-text-align)}

package/lib/control/toolbar/toolbar.cjs

@@ -46,9 +46,6 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
   setup(props) {
     const c = vue3Util.useControlController((...args) => new runtime.ToolbarController(...args));
     const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
-    const btnSize = vue.computed(() => {
-      return c.state.viewMode === "EMBED" ? "small" : "small";
-    });
     const handleClick = async (item, event) => {
       await c.onItemClick(item, event);
     };
@@ -60,12 +57,18 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
       case "MOBNAVLEFTMENU":
         position = "left";
         break;
-      case "MOBNAVBOTTOMMENU":
+      case "MOBBOTTOMMENU":
         position = "bottom";
         break;
       default:
         break;
     }
+    const btnSize = vue.computed(() => {
+      return position === "bottom" ? "normal" : "small";
+    });
+    const btnType = (item) => {
+      return item.actionLevel > 100 ? "primary " : "default";
+    };
     const renderExtraButtons = (extraButtons) => {
       return extraButtons.map((button) => {
         let _slot;
@@ -118,6 +121,7 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
         }, [vue.createVNode(vue.resolveComponent("van-button"), {
           "title": item.tooltip,
           "size": btnSize.value,
+          "type": btnType(item),
           "loading": c.state.buttonsState[itemId].loading,
           "disabled": c.state.buttonsState[itemId].disabled,
           "onClick": (e) => handleClick(item, e)

package/lib/control/toolbar/toolbar.css

@@ -1 +1 @@
-.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 0.25rem;--ibiz-control-toolbar-icon-margin:0 0.3125rem 0 0;--ibiz-control-toolbar-icon-max-width:1rem;--ibiz-control-toolbar-icon-max-height:1rem;--ibiz-control-toolbar-icon-font-size:1.25rem;display:flex;height:100%}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin)}.ibiz-control-toolbar__item-left{margin-left:0}.ibiz-control-toolbar__item-left .van-button{background-color:transparent;border:none}.ibiz-control-toolbar__item-left .van-button ion-icon{font-size:var(--ibiz-control-toolbar-icon-font-size)}.ibiz-control-toolbar__item-left .van-button .van-button__text{display:flex;align-items:center}.ibiz-control-toolbar__item-right{margin-right:0;background-color:transparent}.ibiz-control-toolbar__item-right .van-button{background-color:transparent;border:none}.ibiz-control-toolbar__item-right .van-button ion-icon{font-size:var(--ibiz-control-toolbar-icon-font-size)}.ibiz-control-toolbar__item-right .van-button .van-button__text{display:flex;align-items:center}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar-mobnavrightmenu__item{margin-right:0}.ibiz-control-toolbar-right{justify-content:flex-end}
+.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 0.25rem;--ibiz-control-toolbar-icon-margin:0 0.3125rem 0 0;--ibiz-control-toolbar-icon-max-width:1rem;--ibiz-control-toolbar-icon-max-height:1rem;--ibiz-control-toolbar-icon-font-size:1.25rem;--ibiz-control-toolbar-toolbar-bottom-padding:var(--ibiz-spacing-base-tight);display:flex;height:100%}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin)}.ibiz-control-toolbar__item-left{margin-left:0}.ibiz-control-toolbar__item-left .van-button{background-color:transparent;border:none}.ibiz-control-toolbar__item-left .van-button ion-icon{font-size:var(--ibiz-control-toolbar-icon-font-size)}.ibiz-control-toolbar__item-left .van-button .van-button__text{display:flex;align-items:center}.ibiz-control-toolbar__item-right{margin-right:0;background-color:transparent}.ibiz-control-toolbar__item-right .van-button{background-color:transparent;border:none}.ibiz-control-toolbar__item-right .van-button ion-icon{font-size:var(--ibiz-control-toolbar-icon-font-size)}.ibiz-control-toolbar__item-right .van-button .van-button__text{display:flex;align-items:center}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar-mobnavrightmenu__item{margin-right:0}.ibiz-control-toolbar-right{justify-content:flex-end}.ibiz-control-toolbar-bottom{display:flex;padding:var(--ibiz-control-toolbar-toolbar-bottom-padding)}.ibiz-control-toolbar-bottom .ibiz-control-toolbar__item{flex:1;--van-button-default-height:2.5rem}.ibiz-control-toolbar-bottom .ibiz-control-toolbar__item button{width:100%}.ibiz-control-toolbar-bottom .ibiz-control-toolbar__item .van-button__text{display:flex;gap:8px;align-items:center}

package/lib/control/tree/tree.cjs

@@ -83,7 +83,7 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       const {
         originData
       } = opts;
-      c.onTreeNodeClick(originData);
+      c.onTreeNodeClick(originData, event);
     };
     const onNodeClick = (event, opts) => {
       event.stopPropagation();
@@ -93,7 +93,7 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       if (!originData.leaf) {
         return;
       }
-      c.onTreeNodeClick(originData);
+      c.onTreeNodeClick(originData, event);
     };
     const treeDataFormat = (data) => {
       return {

package/lib/editor/common/data-mpicker/ibiz-data-mpicker.cjs

@@ -76,7 +76,10 @@ const IBizDataMPicker = /* @__PURE__ */ vue.defineComponent({
   render() {
     const renderToolbar = () => {
       return vue.createVNode("div", {
-        "class": this.ns.b("toolbar")
+        "class": this.ns.b("toolbar"),
+        "onClick": (e) => {
+          e.stopPropagation();
+        }
       }, [vue.createVNode("button", {
         "type": "button",
         "class": this.ns.be("toolbar", "cancel"),
@@ -104,7 +107,8 @@ const IBizDataMPicker = /* @__PURE__ */ vue.defineComponent({
           return vue.createVNode(vue.resolveComponent("van-cell"), {
             "title": item.text,
             "clickable": true,
-            "onClick": () => {
+            "onClick": (e) => {
+              e.stopPropagation();
               this.toggle(index);
             }
           }, {

package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.cjs

@@ -176,15 +176,19 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
     }, {
       input: () => {
         return this.selectItems.map((item) => {
-          return vue.createVNode(vue.resolveComponent("van-tag"), {
-            "closeable": true,
-            "type": "primary",
-            "onClose": () => {
+          return vue.createVNode("div", {
+            "class": this.ns.b("select-item")
+          }, [vue.createVNode("div", {
+            "class": this.ns.be("select-item", "text")
+          }, [item.srfmajortext]), vue.createVNode("div", {
+            "class": this.ns.be("select-item", "close")
+          }, [vue.createVNode(vue.resolveComponent("van-icon"), {
+            "name": "cross",
+            "onClick": (e) => {
+              e.stopPropagation();
               this.onRemove(item[this.c.keyName]);
             }
-          }, {
-            default: () => [item.srfmajortext]
-          });
+          }, null)])]);
         });
       },
       "right-icon": () => {

package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-mpicker{--van-tag-radius:3.125rem}.ibiz-mpicker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker .van-field::after{display:none}.ibiz-mpicker .van-field__right-icon button{color:var(--van-field-right-icon-color);border:none}.ibiz-mpicker .van-field__control--custom{flex-wrap:wrap}.ibiz-mpicker .van-field__control{gap:.5rem}.ibiz-mpicker .van-field__control .van-tag{height:100%;padding:.3125rem;--van-tag-font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-mpicker--disabled{opacity:.8}.ibiz-mpicker--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}
+@charset "UTF-8";.ibiz-mpicker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker .van-field::after{display:none}.ibiz-mpicker .van-field__right-icon button{color:var(--van-field-right-icon-color);border:none}.ibiz-mpicker .van-field__control--custom{flex-wrap:wrap}.ibiz-mpicker .van-field__control{gap:var(--ibiz-spacing-tight)}.ibiz-mpicker input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-mpicker--disabled{opacity:.8}.ibiz-mpicker--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-mpicker .ibiz-mpicker-select-item{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-tight);background-color:var(--ibiz-color-disabled-bg);border-radius:var(--ibiz-border-radius-small)}

package/lib/editor/data-picker/ibiz-picker/ibiz-picker.css

@@ -1 +1 @@
-.ibiz-picker{height:100%}.ibiz-picker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-picker .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-picker ion-icon{cursor:pointer}.ibiz-picker__buns-position{position:relative;display:inline-block}.ibiz-picker__btns{position:absolute;right:0;display:flex}.ibiz-picker__btns span{display:flex;flex-flow:column nowrap;justify-content:center}.ibiz-picker__autocomplete{display:flex}.ibiz-picker__autocomplete .el-autocomplete{width:100%}.ibiz-picker__transfer-item{padding:.3125rem;cursor:pointer}.ibiz-picker__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker__link{width:2rem;height:2rem;padding:0 .375rem}.ibiz-picker--disabled ion-icon{pointer-events:none}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}
+.ibiz-picker{height:100%}.ibiz-picker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-picker .van-field::after{display:none}.ibiz-picker .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-picker ion-icon{cursor:pointer}.ibiz-picker__buns-position{position:relative;display:inline-block}.ibiz-picker__btns{position:absolute;right:0;display:flex}.ibiz-picker__btns span{display:flex;flex-flow:column nowrap;justify-content:center}.ibiz-picker__autocomplete{display:flex}.ibiz-picker__autocomplete .el-autocomplete{width:100%}.ibiz-picker__transfer-item{padding:.3125rem;cursor:pointer}.ibiz-picker__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker__link{width:2rem;height:2rem;padding:0 .375rem}.ibiz-picker--disabled ion-icon{pointer-events:none}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs

@@ -60,7 +60,11 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       immediate: true
     });
     const valueText = vue.computed(() => {
-      const index = items.value.findIndex((item) => Object.is(item.value, curValue.value));
+      const index = items.value.findIndex(
+        // 不匹配类型 兼容数值属性配置字符串代码表
+        // eslint-disable-next-line eqeqeq
+        (item) => item.value == curValue.value
+      );
       if (index !== -1) {
         return items.value[index].text;
       }

package/lib/editor/dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.cjs

@@ -22,13 +22,20 @@ const IBizDropdownList = /* @__PURE__ */ vue.defineComponent({
       if (!props.value) {
         return [];
       }
-      return items.value.filter((item) => (props.value.split(",") || []).findIndex((value) => item.value === value) !== -1);
+      return items.value.filter((item) => (props.value.split(",") || []).findIndex(
+        // 不用判断类型兼容类型不匹配
+        // eslint-disable-next-line eqeqeq
+        (value) => item.value == value
+      ) !== -1);
     });
     const selectKeys = vue.computed(() => {
       if (!props.value) {
         return [];
       }
-      return items.value.filter((item) => (props.value.split(",") || []).findIndex((value) => item.value === value) !== -1).map((item) => item.value);
+      return items.value.filter((item) => (props.value.split(",") || []).findIndex(
+        // eslint-disable-next-line eqeqeq
+        (value) => item.value == value
+      ) !== -1).map((item) => item.value);
     });
     c.loadCodeList(props.data).then((codeList) => {
       items.value = codeList;
@@ -44,16 +51,14 @@ const IBizDropdownList = /* @__PURE__ */ vue.defineComponent({
     const onConfirm = (selects) => {
       showPicker.value = false;
       const valArr = [];
-      if (selects.length > 0) {
-        selects.forEach((select) => {
-          const findItem = items.value.find((item) => Object.is(item.value, select));
-          if (findItem) {
-            valArr.push(findItem);
-          }
-        });
-        const value = valArr.length > 0 ? valArr.map((item) => item.value).join(",") : "";
-        emit("change", value);
-      }
+      selects.forEach((select) => {
+        const findItem = items.value.find((item) => Object.is(item.value, select));
+        if (findItem) {
+          valArr.push(findItem);
+        }
+      });
+      const value = valArr.length > 0 ? valArr.map((item) => item.value).join(",") : "";
+      emit("change", value);
     };
     const onRemove = (item) => {
       if (props.readonly || props.disabled) {
@@ -97,15 +102,19 @@ const IBizDropdownList = /* @__PURE__ */ vue.defineComponent({
       "right-icon": vue.createVNode(rightIcon.IBizCommonRightIcon, null, null),
       input: () => {
         return this.selectItems.map((item) => {
-          return vue.createVNode(vue.resolveComponent("van-tag"), {
-            "closeable": true,
-            "type": "primary",
-            "onClose": () => {
+          return vue.createVNode("div", {
+            "class": this.ns.b("select-item")
+          }, [vue.createVNode("div", {
+            "class": this.ns.be("select-item", "text")
+          }, [item.text]), vue.createVNode("div", {
+            "class": this.ns.be("select-item", "close")
+          }, [vue.createVNode(vue.resolveComponent("van-icon"), {
+            "name": "cross",
+            "onClick": (e) => {
+              e.stopPropagation();
               this.onRemove(item);
             }
-          }, {
-            default: () => [item.text]
-          });
+          }, null)])]);
         });
       }
     }), vue.createVNode(ibizDataMpicker.IBizDataMPicker, {

package/lib/editor/dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.css

@@ -1 +1 @@
-.ibiz-dropdown-list{height:100%;--van-tag-radius:3.125rem}.ibiz-dropdown-list .van-field__control{gap:.5rem}.ibiz-dropdown-list .van-field__control .van-tag{height:100%;padding:.3125rem;--van-tag-font-size:var(--ibiz-form-item-font-size)}.ibiz-dropdown-list .van-picker .van-picker__mask{background-image:var(--ibiz-color-overlay-bg)}.ibiz-dropdown-list .ibiz-dropdown-list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-list .ibiz-dropdown-list-toolbar button{padding:0;background-color:transparent;border:none}.ibiz-dropdown-list-toolbar__confirm{color:var(--ibiz-color-primary)}.ibiz-dropdown-list-toolbar__cancel{color:var(--ibiz-color-text-3)}.ibiz-dropdown-list .ibiz-dropdown-list-columns{min-height:30vh;max-height:50vh;overflow:auto}.ibiz-dropdown-list .ibiz-dropdown-list-columns .van-cell-group{height:100%;overflow:auto}.ibiz-dropdown-list .ibiz-dropdown-list-columns .van-cell{padding:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-list input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-dropdown-list--disabled{opacity:.8}.ibiz-dropdown-list--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-dropdown-list .van-cell-group--inset{margin:0}.ibiz-dropdown-list__select::after{display:none}.ibiz-dropdown-list .van-cell__title,.ibiz-dropdown-list .van-cell__value{text-align:left}
+.ibiz-dropdown-list{height:100%}.ibiz-dropdown-list .van-field__control{gap:var(--ibiz-spacing-tight)}.ibiz-dropdown-list .van-picker .van-picker__mask{background-image:var(--ibiz-color-overlay-bg)}.ibiz-dropdown-list .ibiz-dropdown-list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-list .ibiz-dropdown-list-toolbar button{padding:0;background-color:transparent;border:none}.ibiz-dropdown-list-toolbar__confirm{color:var(--ibiz-color-primary)}.ibiz-dropdown-list-toolbar__cancel{color:var(--ibiz-color-text-3)}.ibiz-dropdown-list .ibiz-dropdown-list-columns{min-height:30vh;max-height:50vh;overflow:auto}.ibiz-dropdown-list .ibiz-dropdown-list-columns .van-cell-group{height:100%;overflow:auto}.ibiz-dropdown-list .ibiz-dropdown-list-columns .van-cell{padding:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-list input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-dropdown-list--disabled{opacity:.8}.ibiz-dropdown-list--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-dropdown-list .van-cell-group--inset{margin:0}.ibiz-dropdown-list .ibiz-dropdown-list-select-item{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-tight);background-color:var(--ibiz-color-disabled-bg);border-radius:var(--ibiz-border-radius-small)}.ibiz-dropdown-list__select::after{display:none}.ibiz-dropdown-list .van-cell__title,.ibiz-dropdown-list .van-cell__value{text-align:left}

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

@@ -18,15 +18,16 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("radio");
     const c = props.controller;
     const editorModel = c.model;
+    const items = vue.ref([]);
     const currentVal = vue.computed({
       get() {
-        return props.value;
+        var _a;
+        return (_a = items.value.find((item) => item.value == props.value)) == null ? void 0 : _a.value;
       },
       set(val) {
         emit("change", val);
       }
     });
-    const items = vue.ref([]);
     vue.watch(() => props.data, (newVal) => {
       c.loadCodeList(newVal).then((_codeList) => {
         items.value = _codeList;
@@ -37,7 +38,7 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
     });
     const valueText = vue.computed(() => {
       var _a;
-      return ((_a = items.value.find((item) => item.value === props.value)) == null ? void 0 : _a.text) || "";
+      return ((_a = items.value.find((item) => item.value == props.value)) == null ? void 0 : _a.text) || "";
     });
     const {
       componentRef: editorRef

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

@@ -120,10 +120,10 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
     } else if (this.text) {
       content = this.text;
     } else {
-      content = "- - -";
+      content = "";
     }
     return vue.createVNode("span", {
-      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : ""],
+      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.readonly ? this.ns.m("disabled") : ""],
       "ref": "editorRef"
     }, [content]);
   }

package/lib/editor/text-box/ibiz-input-number/ibiz-input-number.css

@@ -1 +1 @@
-.ibiz-input-number{height:100%}.ibiz-input-number input{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color);-webkit-text-fill-color:var(--ibiz-form-item-text-color)}.ibiz-input-number input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-input-number--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input-number .ibiz-input-number__unit{margin-left:.625rem;font-size:var(--ibiz-form-item-font-size);font-style:normal}
+.ibiz-input-number{height:100%}.ibiz-input-number input{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color);-webkit-text-fill-color:var(--ibiz-form-item-text-color)}.ibiz-input-number input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-text-color)}.ibiz-input-number input::placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-text-color)}.ibiz-input-number input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-input-number--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input-number .ibiz-input-number__unit{margin-left:.625rem;font-size:var(--ibiz-form-item-font-size);font-style:normal}