@ibiz-template/mob-vue3-components 0.0.55 → 0.7.41-alpha.11

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

@@ -2,6 +2,7 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
+var lodashEs = require('lodash-es');
 require('./ibiz-mpicker.css');
 var ibizDataMpicker = require('../../common/data-mpicker/ibiz-data-mpicker.cjs');
 var rightIcon = require('../../common/right-icon/right-icon.cjs');
@@ -26,39 +27,119 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
         value: item[c.keyName] || item.srfkey,
         srfmajortext: item[c.textName] || item.srfmajortext,
         text: item[c.textName] || item.srfmajortext,
+        [c.keyName]: item[c.keyName] || item.srfkey,
+        [c.textName]: item[c.textName] || item.srfmajortext,
         ...item
       };
     };
-    vue.watch(() => props.value, (newVal) => {
+    const resetCurValue = () => {
       curValue.value = [];
       selectItems.value = [];
-      if (newVal) {
-        selectItems.value = JSON.parse(newVal).map(formatter);
+      if (props.value) {
+        if (c.model.valueType === "OBJECTS") {
+          props.value.forEach((item) => {
+            const _item = lodashEs.clone(item);
+            Object.assign(_item, {
+              [c.keyName]: item[c.objectIdField],
+              [c.textName]: item[c.objectNameField]
+            });
+            if (c.objectValueField) {
+              Object.assign(_item, {
+                ...item[c.objectValueField]
+              });
+              delete _item[c.objectValueField];
+            }
+            if (_item[c.keyName]) {
+              selectItems.value.push(formatter(_item));
+            }
+          });
+        } else if (c.objectIdField && c.model.valueSeparator) {
+          const values = props.value.split(c.model.valueSeparator);
+          values.forEach((value) => {
+            selectItems.value.push(formatter({
+              [c.keyName]: value
+            }));
+          });
+        } else {
+          try {
+            selectItems.value = JSON.parse(props.value).map(formatter);
+          } catch (error) {
+            ibiz.log.error(ibiz.i18n.t("editor.mpicker.simpleErr", {
+              value: props.value
+            }));
+          }
+        }
         selectItems.value.forEach((item) => {
-          curValue.value.push(item.srfkey);
-          const index = items.value.findIndex((i) => Object.is(i.srfkey, item.srfkey));
+          curValue.value.push(item[c.keyName]);
+          const index = items.value.findIndex(
+            (i) => Object.is(i[c.keyName], item[c.keyName]) || Object.is(i.srfkey, item.srfkey)
+            // 兼容写法，适配移动端老逻辑
+          );
           if (index < 0) {
             items.value.push(formatter(item));
           }
         });
       }
+    };
+    vue.watch(() => props.value, () => {
+      resetCurValue();
     }, {
       immediate: true,
       deep: true
     });
-    const handleOpenViewClose = (result) => {
-      const valArr = [];
+    const handleOpenViewClose = async (result) => {
+      const selects = [];
       if (result && Array.isArray(result)) {
-        result.forEach((select) => {
-          const formattedItem = formatter(select);
-          valArr.push(formattedItem);
+        const calcPromises = result.map(async (select) => {
+          const item = formatter(select);
+          if (select.srfnodeid) {
+            Object.assign(item, select._deData);
+          }
+          const dataItems = await c.calcFillDataItems(item);
+          const res = {};
+          dataItems.forEach((dataItem) => {
+            Object.assign(res, {
+              [dataItem.id]: dataItem.value
+            });
+          });
+          return res;
+        });
+        const dataItemsList = await Promise.all(calcPromises);
+        result.forEach((select, _index) => {
+          Object.assign(select, {
+            ...formatter(select),
+            [c.keyName]: select[c.keyName] ? select[c.keyName] : select.srfkey,
+            [c.textName]: select[c.textName] ? select[c.textName] : select.srfmajortext
+          });
+          const data = dataItemsList[_index];
+          if (c.model.valueType === "OBJECTS") {
+            selects.push({
+              ...c.handleObjectParams(select),
+              ...data
+            });
+          } else if (c.objectIdField && c.model.valueSeparator) {
+            selects.push(select[c.keyName]);
+          } else {
+            selects.push({
+              [c.keyName]: select[c.keyName],
+              [c.textName]: select[c.textName],
+              ...data
+            });
+          }
           const index = items.value.findIndex((item) => Object.is(item[c.keyName], select[c.keyName]));
           if (index < 0) {
-            items.value.push(formattedItem);
+            items.value.push(select);
           }
         });
       }
-      const value = valArr.length > 0 ? JSON.stringify(valArr) : "";
+      let value = null;
+      if (selects.length > 0) {
+        if (c.model.valueType === "OBJECTS") {
+          value = selects;
+        } else {
+          value = c.objectIdField && c.model.valueSeparator ? selects.join(c.model.valueSeparator) : JSON.stringify(selects);
+        }
+      }
       emit("change", value);
     };
     const openPickUpView = async (event) => {
@@ -76,21 +157,58 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
         handleOpenViewClose(res);
       }
     };
-    const onSelect = (selects) => {
-      const valArr = [];
-      if (selects.length > 0) {
-        selects.forEach((select) => {
-          const findItem = items.value.find((item) => Object.is(item.srfkey, select));
-          if (findItem) {
-            valArr.push(formatter(findItem));
+    const onSelect = async (selects) => {
+      const val = [];
+      let value = null;
+      const selections = selects.map((select) => {
+        let index = items.value.findIndex((item2) => Object.is(item2[c.keyName], select));
+        let item = {};
+        if (index >= 0) {
+          item = items.value[index];
+        } else {
+          index = selectItems.value.findIndex((selectItem) => Object.is(selectItem[c.keyName], select));
+          if (index >= 0) {
+            item = selectItems.value[index];
           }
+        }
+        return item;
+      });
+      const calcPromises = selections.map(async (select) => {
+        const dataItems = await c.calcFillDataItems(select);
+        const res = {};
+        dataItems.forEach((dataItem) => {
+          Object.assign(res, {
+            [dataItem.id]: dataItem.value
+          });
         });
-        const value = valArr.length > 0 ? JSON.stringify(valArr) : "";
-        selectItems.value = valArr;
-        emit("change", value);
-      } else {
-        emit("change", "");
+        return res;
+      });
+      const dataItemsList = await Promise.all(calcPromises);
+      selections.forEach((item, index) => {
+        const data = dataItemsList[index];
+        if (c.model.valueType === "OBJECTS") {
+          val.push({
+            ...c.handleObjectParams(item),
+            ...data
+          });
+        } else if (c.objectIdField && c.model.valueSeparator) {
+          val.push(item[c.keyName]);
+        } else {
+          val.push({
+            [c.keyName]: item[c.keyName],
+            [c.textName]: item[c.textName],
+            ...data
+          });
+        }
+      });
+      if (val.length > 0) {
+        if (c.model.valueType === "OBJECTS") {
+          value = val;
+        } else {
+          value = c.objectIdField && c.model.valueSeparator ? val.join(c.model.valueSeparator) : JSON.stringify(val);
+        }
       }
+      emit("change", value);
     };
     const onSearch = async (query = "") => {
       if (c.model.appDataEntityId) {
@@ -113,7 +231,7 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
         selectItems.value.forEach((select) => {
           if (c.model.valueType === "OBJECTS") {
             val.push(c.handleObjectParams(select));
-          } else if (c.objectIdField) {
+          } else if (c.objectIdField && c.model.valueSeparator) {
             val.push(select[c.keyName]);
           } else {
             val.push({
@@ -126,7 +244,7 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
           if (c.model.valueType === "OBJECTS") {
             value = val;
           } else {
-            value = c.objectIdField ? val.join(c.model.valueSeparator) : JSON.stringify(val);
+            value = c.objectIdField && c.model.valueSeparator ? val.join(c.model.valueSeparator) : JSON.stringify(val);
           }
         }
         emit("change", value);

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

@@ -22,6 +22,9 @@ class DropDownListEditorProvider {
       case "EMOJI_PICKER":
         componentName = "IBizEmojiPicker";
         break;
+      case "MOBDROPDOWNLIST_CASCADER":
+        componentName = "IBizCascaderDropdown";
+        break;
       default:
         break;
     }

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

@@ -0,0 +1,144 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var ramda = require('ramda');
+var rightIcon = require('../../common/right-icon/right-icon.cjs');
+require('../../../util/index.cjs');
+require('./ibiz-cascader-dropdown.css');
+var usePopstateUtil = require('../../../util/use-popstate-util/use-popstate-util.cjs');
+
+"use strict";
+const IBizCascaderDropdown = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizCascaderDropdown",
+  props: vue3Util.getDropdownProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("cascader-dropdown");
+    const c = props.controller;
+    const treeData = vue.ref([]);
+    const codeListMap = /* @__PURE__ */ new Map();
+    const selectValue = vue.ref(null);
+    const show = vue.ref(false);
+    const onClose = () => {
+      show.value = false;
+    };
+    const transformTreeData = (list, pValueField) => {
+      codeListMap.clear();
+      list.forEach((item) => {
+        codeListMap.set(item.value, {
+          ...item
+        });
+      });
+      const rootNodes = [];
+      if (pValueField) {
+        list.forEach((item) => {
+          const node = codeListMap.get(item.value);
+          if (ramda.isNil(item.data[pValueField])) {
+            rootNodes.push(node);
+          } else {
+            const parent = codeListMap.get(item.data[pValueField]);
+            if (parent) {
+              if (!parent.children) {
+                parent.children = [];
+              }
+              parent.children.push(node);
+            }
+          }
+        });
+      } else {
+        rootNodes.push(...list);
+      }
+      return rootNodes;
+    };
+    const loadCodeList = async () => {
+      const codeList = await c.loadCodeList(props.data);
+      const {
+        pvaluefield
+      } = c.editorParams;
+      treeData.value = transformTreeData(codeList, pvaluefield);
+    };
+    loadCodeList();
+    const onFinish = ($event) => {
+      const {
+        value
+      } = $event;
+      onClose();
+      emit("change", value);
+    };
+    const onChange = ($event) => {
+      const {
+        value
+      } = $event;
+      emit("change", value);
+    };
+    const curValue = vue.computed(() => {
+      const item = codeListMap.get(props.value || "");
+      return (item == null ? void 0 : item.text) || "";
+    });
+    const onBlur = () => {
+      emit("blur");
+    };
+    const onFocus = () => {
+      emit("focus");
+    };
+    const openPopup = () => {
+      if (props.disabled || props.readonly) {
+        return;
+      }
+      show.value = !show.value;
+    };
+    usePopstateUtil.usePopstateListener(onClose);
+    return {
+      ns,
+      c,
+      show,
+      treeData,
+      selectValue,
+      curValue,
+      onBlur,
+      onFocus,
+      openPopup,
+      onClose,
+      onChange,
+      onFinish
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+    }, [this.readonly && this.curValue, !this.readonly && vue.createVNode(vue.resolveComponent("van-field"), {
+      "modelValue": this.curValue,
+      "onUpdate:modelValue": ($event) => this.curValue = $event,
+      "readonly": true,
+      "disabled": this.disabled,
+      "placeholder": this.c.placeHolder,
+      "onBlur": this.onBlur,
+      "onFocus": this.onFocus,
+      "onClick": this.openPopup
+    }, {
+      "right-icon": !this.readonly && vue.createVNode(rightIcon.IBizCommonRightIcon, null, null)
+    }), vue.createVNode(vue.resolveComponent("van-popup"), {
+      "show": this.show,
+      "onUpdate:show": ($event) => this.show = $event,
+      "round": true,
+      "position": "bottom",
+      "teleport": "body",
+      "close-on-popstate": true
+    }, {
+      default: () => [vue.createVNode(vue.resolveComponent("van-cascader"), {
+        "modelValue": this.selectValue,
+        "onUpdate:modelValue": ($event) => this.selectValue = $event,
+        "title": this.c.placeHolder ? this.c.placeHolder : " ",
+        "options": this.treeData,
+        "onClose": this.onClose,
+        "onChange": this.onChange,
+        "onFinish": this.onFinish
+      }, null)]
+    })]);
+  }
+});
+
+exports.IBizCascaderDropdown = IBizCascaderDropdown;

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

@@ -0,0 +1 @@
+.ibiz-cascader-dropdown{height:100%}.ibiz-cascader-dropdown .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-cascader-dropdown .van-field::after{display:none}.ibiz-cascader-dropdown .van-cell--clickable:active{background-color:transparent}.ibiz-cascader-dropdown--disabled{color:var(--ibiz-form-item-disabled-color);--van-field-input-text-color:var(--ibiz-form-item-disabled-color)}.ibiz-cascader-dropdown--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color);color:var(--ibiz-form-item-readonly-color)}.ibiz-cascader-dropdown input{text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-cascader-dropdown.ibiz-cascader--readonly{text-align:var(--ibiz-form-item-container-editor-align)}

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

@@ -2,6 +2,7 @@
 
 var ibizDropdown = require('./ibiz-dropdown/ibiz-dropdown.cjs');
 var ibizEmojiPicker = require('./ibiz-emoji-picker/ibiz-emoji-picker.cjs');
+var ibizCascaderDropdown = require('./ibiz-cascader-dropdown/ibiz-cascader-dropdown.cjs');
 var dropdownListEditor_controller = require('./dropdown-list-editor.controller.cjs');
 var dropdownListEditor_provider = require('./dropdown-list-editor.provider.cjs');
 
@@ -9,5 +10,6 @@ var dropdownListEditor_provider = require('./dropdown-list-editor.provider.cjs')
 
 exports.IBizDropdown = ibizDropdown.IBizDropdown;
 exports.IBizEmojiPicker = ibizEmojiPicker.IBizEmojiPicker;
+exports.IBizCascaderDropdown = ibizCascaderDropdown.IBizCascaderDropdown;
 exports.DropDownListEditorController = dropdownListEditor_controller.DropDownListEditorController;
 exports.DropDownListEditorProvider = dropdownListEditor_provider.DropDownListEditorProvider;

package/lib/editor/index.cjs

@@ -30,11 +30,13 @@ require('./check-box/index.cjs');
 require('./common/index.cjs');
 var input = require('./text-box/input/input.cjs');
 var ibizInputNumber = require('./text-box/ibiz-input-number/ibiz-input-number.cjs');
+var signature = require('./text-box/signature/signature.cjs');
 var span = require('./span/span/span.cjs');
 var ibizSwitch = require('./switch/ibiz-switch/ibiz-switch.cjs');
 var ibizRadio = require('./radio-button-list/ibiz-radio/ibiz-radio.cjs');
 var ibizDropdown = require('./dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs');
 var ibizEmojiPicker = require('./dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.cjs');
+var ibizCascaderDropdown = require('./dropdown-list/ibiz-cascader-dropdown/ibiz-cascader-dropdown.cjs');
 var ibizCheckboxList = require('./check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.cjs');
 var ibizSlider = require('./slider/ibiz-slider/ibiz-slider.cjs');
 var ibizRaw = require('./raw/ibiz-raw/ibiz-raw.cjs');
@@ -105,12 +107,14 @@ const IBizEditor = {
     v.component(notSupportedEditor.NotSupportedEditor.name, notSupportedEditor.NotSupportedEditor);
     v.component(input.IBizInput.name, input.IBizInput);
     v.component(ibizInputNumber.IBizInputNumber.name, ibizInputNumber.IBizInputNumber);
+    v.component(signature.IBizSignature.name, signature.IBizSignature);
     v.component(span.IBizSpan.name, span.IBizSpan);
     v.component(ibizSwitch.IBizSwitch.name, ibizSwitch.IBizSwitch);
     v.component(ibizRadio.IBizRadio.name, ibizRadio.IBizRadio);
     v.component(ibizDropdown.IBizDropdown.name, ibizDropdown.IBizDropdown);
     v.component(ibizDropdownList.IBizDropdownList.name, ibizDropdownList.IBizDropdownList);
     v.component(ibizEmojiPicker.IBizEmojiPicker.name, ibizEmojiPicker.IBizEmojiPicker);
+    v.component(ibizCascaderDropdown.IBizCascaderDropdown.name, ibizCascaderDropdown.IBizCascaderDropdown);
     v.component(ibizCheckboxList.IBizCheckboxList.name, ibizCheckboxList.IBizCheckboxList);
     v.component(ibizSlider.IBizSlider.name, ibizSlider.IBizSlider);
     v.component(ibizRaw.IBizRaw.name, ibizRaw.IBizRaw);
@@ -163,6 +167,10 @@ const IBizEditor = {
     runtime.registerEditorProvider("PASSWORD", () => textBoxEditorProvider);
     runtime.registerEditorProvider("TEXTAREA", () => textBoxEditorProvider);
     runtime.registerEditorProvider("NUMBER", () => new textBoxEditor_provider.TextBoxEditorProvider("NUMBER"));
+    runtime.registerEditorProvider(
+      "MOBTEXT_SIGNATURE",
+      () => new textBoxEditor_provider.TextBoxEditorProvider("SIGNATURE")
+    );
     runtime.registerEditorProvider(
       "MOBDROPDOWNLIST",
       () => new dropdownListEditor_provider.DropDownListEditorProvider()
@@ -175,6 +183,14 @@ const IBizEditor = {
       "MOBDROPDOWNLIST_EMOJI_PICKER",
       () => new dropdownListEditor_provider.DropDownListEditorProvider("EMOJI_PICKER")
     );
+    runtime.registerEditorProvider(
+      "ROPDOWNLIST_CASCADER",
+      () => new dropdownListEditor_provider.DropDownListEditorProvider("MOBDROPDOWNLIST_CASCADER")
+    );
+    runtime.registerEditorProvider(
+      "MOBDROPDOWNLIST_CASCADER",
+      () => new dropdownListEditor_provider.DropDownListEditorProvider("MOBDROPDOWNLIST_CASCADER")
+    );
     runtime.registerEditorProvider(
       "MOBCHECKLIST",
       () => new dropdownListEditor_provider.DropDownListEditorProvider("MOBCHECKLIST")
@@ -384,11 +400,13 @@ const IBizEditor = {
 
 exports.IBizInput = input.IBizInput;
 exports.IBizInputNumber = ibizInputNumber.IBizInputNumber;
+exports.IBizSignature = signature.IBizSignature;
 exports.IBizSpan = span.IBizSpan;
 exports.IBizSwitch = ibizSwitch.IBizSwitch;
 exports.IBizRadio = ibizRadio.IBizRadio;
 exports.IBizDropdown = ibizDropdown.IBizDropdown;
 exports.IBizEmojiPicker = ibizEmojiPicker.IBizEmojiPicker;
+exports.IBizCascaderDropdown = ibizCascaderDropdown.IBizCascaderDropdown;
 exports.IBizCheckboxList = ibizCheckboxList.IBizCheckboxList;
 exports.IBizSlider = ibizSlider.IBizSlider;
 exports.IBizStepper = ibizStepper.IBizStepper;

package/lib/editor/text-box/index.cjs

@@ -2,6 +2,7 @@
 
 var input = require('./input/input.cjs');
 var ibizInputNumber = require('./ibiz-input-number/ibiz-input-number.cjs');
+var signature = require('./signature/signature.cjs');
 var textBoxEditor_controller = require('./text-box-editor.controller.cjs');
 var textBoxEditor_provider = require('./text-box-editor.provider.cjs');
 
@@ -9,5 +10,6 @@ var textBoxEditor_provider = require('./text-box-editor.provider.cjs');
 
 exports.IBizInput = input.IBizInput;
 exports.IBizInputNumber = ibizInputNumber.IBizInputNumber;
+exports.IBizSignature = signature.IBizSignature;
 exports.TextBoxEditorController = textBoxEditor_controller.TextBoxEditorController;
 exports.TextBoxEditorProvider = textBoxEditor_provider.TextBoxEditorProvider;

package/lib/editor/text-box/input/input.cjs

@@ -21,10 +21,15 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     const c = props.controller;
     const editorModel = c.model;
     const inputRef = vue.ref();
+    const showPassword = vue.ref(false);
+    let enableshowpwd = false;
     const rows = vue.ref(2);
     if (editorModel.editorType === "TEXTAREA_10") {
       rows.value = 10;
     }
+    if (c.editorParams.enableshowpwd) {
+      enableshowpwd = c.editorParams.enableshowpwd === "true" || c.editorParams.enableshowpwd === "TRUE";
+    }
     const type = vue.computed(() => {
       switch (editorModel.editorType) {
         case "MOBTEXT":
@@ -103,6 +108,9 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     const onClear = () => {
       emit("change", "");
     };
+    const switchPwd = () => {
+      showPassword.value = !showPassword.value;
+    };
     return {
       c,
       ns,
@@ -114,7 +122,10 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
       onBlur,
       onFocus,
       onClear,
-      inputRef
+      inputRef,
+      showPassword,
+      enableshowpwd,
+      switchPwd
     };
   },
   render() {
@@ -136,11 +147,22 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
           }, [unitName]);
         };
       }
+      if (this.type === "password" && this.enableshowpwd) {
+        slots["right-icon"] = () => {
+          return this.showPassword ? vue.createVNode("ion-icon", {
+            "name": "eye-off-outline",
+            "onClick": this.switchPwd
+          }, null) : vue.createVNode("ion-icon", {
+            "name": "eye-outline",
+            "onClick": this.switchPwd
+          }, null);
+        };
+      }
       content = vue.createVNode(vue.resolveComponent("van-field"), vue.mergeProps({
         "ref": "inputRef",
         "modelValue": this.currentVal,
         "placeholder": this.controller.placeHolder,
-        "type": this.type,
+        "type": this.type === "password" && this.showPassword ? "text" : this.type,
         "rows": this.rows,
         "onInput": this.handleChange,
         "onKeyup": this.handleKeyUp,

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

@@ -1 +1 @@
-.ibiz-input{height:100%;text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-input .ibiz-input{font-size:var(--ibiz-form-item-font-size)}.ibiz-input 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 input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-input input::placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-input 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--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-input .ibiz-input__unit{font-size:var(--ibiz-form-item-font-size);font-style:normal}.ibiz-input .van-field__clear{display:var(--ibiz-form-item-container-required-style)}
+.ibiz-input{height:100%;text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-input .ibiz-input{font-size:var(--ibiz-form-item-font-size)}.ibiz-input 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 input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-input input::placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-input 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--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-input .ibiz-input__unit{font-size:var(--ibiz-form-item-font-size);font-style:normal}.ibiz-input .van-field__clear{display:var(--ibiz-form-item-container-required-style)}.ibiz-input .van-field__right-icon{font-size:var(--ibiz-form-size-header-4)}