@ibiz-template/mob-vue3-components 0.0.1-alpha.21 → 0.0.1-alpha.23

package/lib/control/wizard-panel/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var wizardPanel = require('./wizard-panel.cjs');
+var wizardPanel_provider = require('./wizard-panel.provider.cjs');
+
+"use strict";
+const IBizWizardPanelControl = vue3Util.withInstall(
+  wizardPanel.WizardPanelControl,
+  function(v) {
+    v.component(wizardPanel.WizardPanelControl.name, wizardPanel.WizardPanelControl);
+    runtime.registerControlProvider(
+      runtime.ControlType.WIZARD_PANEL,
+      () => new wizardPanel_provider.WizardPanelProvider()
+    );
+  }
+);
+
+exports.IBizWizardPanelControl = IBizWizardPanelControl;
+exports.default = IBizWizardPanelControl;

package/lib/control/wizard-panel/wizard-panel.cjs

@@ -0,0 +1,124 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./wizard-panel.css');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const WizardPanelControl = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizWizardPanelControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    provider: {
+      type: Object
+    }
+  },
+  setup() {
+    const c = vue3Util.useControlController((...args) => new runtime.WizardPanelController(...args));
+    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    return {
+      c,
+      ns
+    };
+  },
+  render() {
+    var _a, _b;
+    const {
+      activeFormTag
+    } = this.c.state;
+    let stepsTitle = null;
+    let formComponent = null;
+    let footer = null;
+    if (activeFormTag && this.c.activeWizardForm) {
+      const wizardForm = this.c.activeWizardForm;
+      const supportActions = wizardForm.stepActions;
+      if (this.c.providers[activeFormTag]) {
+        const component = vue.resolveComponent(this.c.providers[activeFormTag].component);
+        const editForm = (_a = this.c.model.deeditForms) == null ? void 0 : _a.find((_editForm) => {
+          var _a2;
+          return activeFormTag === ((_a2 = _editForm.dewizardForm) == null ? void 0 : _a2.formTag);
+        });
+        formComponent = vue.h(component, {
+          class: this.ns.e("form"),
+          modelData: editForm,
+          context: this.c.context,
+          params: this.c.params,
+          key: activeFormTag,
+          onMounted: (event) => this.c.onFormMounted(activeFormTag, event),
+          onSaveSuccess: (event) => this.c.onFormSaved(event)
+        });
+      }
+      const {
+        dewizard
+      } = this.c.model;
+      footer = supportActions && dewizard && vue.createVNode("div", {
+        "key": `${activeFormTag}footer`,
+        "class": this.ns.b("footer")
+      }, [supportActions.includes("PREV") && vue.createVNode(vue.resolveComponent("van-button"), {
+        "class": this.ns.be("footer", "prev"),
+        "onClick": () => {
+          this.c.onPrevClick();
+        }
+      }, {
+        default: () => [dewizard.prevCaption ? dewizard.prevCaption : "\u4E0A\u4E00\u6B65"]
+      }), supportActions.includes("NEXT") && vue.createVNode(vue.resolveComponent("van-button"), {
+        "type": "primary",
+        "class": this.ns.be("footer", "next"),
+        "onClick": () => {
+          this.c.onNextClick();
+        }
+      }, {
+        default: () => [dewizard.nextCaption ? dewizard.nextCaption : "\u4E0B\u4E00\u6B65"]
+      }), supportActions.includes("FINISH") && vue.createVNode(vue.resolveComponent("van-button"), {
+        "type": "primary",
+        "class": this.ns.be("footer", "finish"),
+        "onClick": () => {
+          this.c.onFinishClick();
+        }
+      }, {
+        default: () => [dewizard.finishCaption ? dewizard.finishCaption : "\u5B8C\u6210"]
+      })]);
+      const {
+        dewizardSteps
+      } = dewizard;
+      if (this.c.model.showStepBar && dewizardSteps && dewizardSteps.length > 0) {
+        let _slot;
+        const active = this.c.steps.indexOf(this.c.stepTags[`${this.c.model.name}_form_${(_b = this.c.state.activeFormTag) == null ? void 0 : _b.toLowerCase()}`]);
+        stepsTitle = vue.createVNode(vue.resolveComponent("van-steps"), {
+          "active": active,
+          "finish-icon": "checked",
+          "active-icon": "circle"
+        }, _isSlot(_slot = dewizardSteps.map((step) => {
+          return vue.createVNode(vue.resolveComponent("van-step"), null, {
+            default: () => [step.title]
+          });
+        })) ? _slot : {
+          default: () => [_slot]
+        });
+      }
+    }
+    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+      "controller": this.c,
+      "class": [this.ns.b(), this.ns.is("header", this.c.model.showStepBar)]
+    }, {
+      default: () => [stepsTitle, formComponent, footer]
+    });
+  }
+});
+
+exports.WizardPanelControl = WizardPanelControl;

package/lib/control/wizard-panel/wizard-panel.css

@@ -0,0 +1 @@
+@charset "UTF-8";.ibiz-control-wizardpanel{--ibiz-control-wizard-panel-header-height:60px;--ibiz-control-wizard-panel-footer-height:40px;--ibiz-control-wizard-panel-margin:var(--ibiz-spacing-loose) var(--ibiz-spacing-tight);--ibiz-control-wizard-panel-gap:var(--ibiz-spacing-tight);display:flex;flex-direction:column;height:100%}.ibiz-control-wizardpanel__form{flex-grow:1;overflow:auto}.ibiz-control-wizardpanel.is-header .ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height) - var(--ibiz-control-wizard-panel-header-height))}.ibiz-control-wizardpanel-header{height:var(--ibiz-control-wizard-panel-header-height)}.ibiz-control-wizardpanel-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ibiz-control-wizard-panel-gap);height:var(--ibiz-control-wizard-panel-footer-height);margin:var(--ibiz-control-wizard-panel-margin)}.ibiz-control-wizardpanel-footer__form{flex-grow:1;overflow:auto}.ibiz-control-wizardpanel-footer button{flex-grow:1;height:100%}

package/{es/control/form/form-detail/form-mdctrl/form-mdctrl.provider.mjs → lib/control/wizard-panel/wizard-panel.provider.cjs}

@@ -1,4 +1,4 @@
-import { FormMDCtrlController } from '@ibiz-template/runtime';
+'use strict';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -7,15 +7,10 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-class FormMDCtrlProvider {
+class WizardPanelProvider {
   constructor() {
-    __publicField(this, "component", "IBizFormMDCtrl");
-  }
-  async createController(detailModel, form, parent) {
-    const c = new FormMDCtrlController(detailModel, form, parent);
-    await c.init();
-    return c;
+    __publicField(this, "component", "IBizWizardPanelControl");
   }
 }
 
-export { FormMDCtrlProvider };
+exports.WizardPanelProvider = WizardPanelProvider;

package/lib/editor/color-picker/ibiz-color-picker/ibiz-color-picker.cjs

@@ -61,7 +61,7 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
   render() {
     let content = null;
     if (this.readonly) {
-      content = `${this.currentVal}`;
+      content = `${this.currentVal || ""}`;
     } else {
       content = [vue.createVNode(vue.resolveComponent("van-field"), {
         "class": [this.ns.e("item")],

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

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-mpicker{--van-tag-radius:50px}.ibiz-mpicker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker .van-field__button 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:8px}.ibiz-mpicker .van-field__control .van-tag{height:100%;padding:5px;--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)}.ibiz-mpicker--readonly{color:var(--ibiz-form-item-readonly-color)}
+@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__button 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--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}

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

@@ -187,7 +187,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
     if (this.readonly) {
       return vue.createVNode("div", {
         "class": (this.ns.b(), this.ns.m("readonly"))
-      }, [this.value]);
+      }, [this.value || ""]);
     }
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : ""]

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:5px;cursor:pointer}.ibiz-picker__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker__link{width:32px;height:32px;padding:0 6px}.ibiz-picker--disabled ion-icon{pointer-events:none}.ibiz-picker--readonly{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__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/dropdown-list-editor.provider.cjs

@@ -10,9 +10,13 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 class DropDownListEditorProvider {
-  constructor() {
+  constructor(editorType) {
     __publicField(this, "formEditor", "IBizDropdown");
     __publicField(this, "gridEditor", "IBizDropdown");
+    if (editorType === "MOBCHECKLIST") {
+      this.formEditor = "IBizDropdownList";
+      this.gridEditor = "IBizDropdownList";
+    }
   }
   async createController(editorModel, parentController) {
     const c = new dropdownListEditor_controller.DropDownListEditorController(editorModel, parentController);

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

@@ -1 +1 @@
-.ibiz-dropdown{height:100%}.ibiz-dropdown__select{height:100%;font-size:var(--ibiz-form-item-font-size)}.ibiz-dropdown__select::after{display:none}.ibiz-dropdown__select .van-field__body{height:100%}.ibiz-dropdown .van-picker .van-picker__mask{background-image:var(--ibiz-color-overlay-bg)}
+.ibiz-dropdown{height:100%}.ibiz-dropdown__select{height:100%;font-size:var(--ibiz-form-item-font-size)}.ibiz-dropdown__select::after{display:none}.ibiz-dropdown__select .van-field__body{height:100%}.ibiz-dropdown .van-picker .van-picker__mask{background-image:var(--ibiz-color-overlay-bg)}.ibiz-dropdown 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--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-list/ibiz-dropdown-list.cjs

@@ -0,0 +1,184 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./ibiz-dropdown-list.css');
+var rightIcon = require('../../common/right-icon/right-icon.cjs');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const IBizDropdownList = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizDropdownList",
+  props: vue3Util.getDropdownProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("dropdown-list");
+    const c = props.controller;
+    const items = vue.ref([]);
+    const showPicker = vue.ref(false);
+    const selectItems = vue.computed(() => {
+      return items.value.filter((item) => (props.value.split(",") || []).findIndex((value) => item.value === value) !== -1);
+    });
+    const localSelectValue = vue.ref("");
+    const curValue = vue.computed({
+      get() {
+        var _a;
+        if (localSelectValue.value) {
+          return ((_a = localSelectValue.value) == null ? void 0 : _a.split(",")) || [];
+        }
+        return [];
+      },
+      set(select) {
+        if (Array.isArray(select)) {
+          localSelectValue.value = select.length === 0 ? null : select.join(",");
+        }
+      }
+    });
+    c.loadCodeList(props.data).then((codeList) => {
+      items.value = codeList;
+    });
+    vue.watch(() => props.value, (newVal) => {
+      if (newVal || newVal === null) {
+        localSelectValue.value = newVal ? newVal.split(",").join(",") : null;
+      }
+    }, {
+      immediate: true
+    });
+    const onFocus = () => {
+      emit("focus");
+    };
+    const onBlur = () => {
+      setTimeout(() => {
+        emit("blur");
+      }, 100);
+    };
+    const onConfirm = () => {
+      showPicker.value = false;
+      const value = localSelectValue.value ? localSelectValue.value.split(",").join(",") : null;
+      emit("change", value);
+    };
+    const onCancel = () => {
+      showPicker.value = false;
+      localSelectValue.value = props.value;
+    };
+    const onRemove = (item) => {
+      if (props.readonly || props.disabled) {
+        return;
+      }
+      curValue.value = curValue.value.filter((value) => value !== item.value);
+      onConfirm();
+    };
+    const valueText = vue.computed(() => {
+      return items.value.filter((item) => {
+        let isInclude = false;
+        curValue.value.forEach((val) => {
+          if (val === item.value) {
+            isInclude = true;
+          }
+        });
+        return isInclude;
+      }).map((item) => item.text).join(",");
+    });
+    return {
+      ns,
+      c,
+      items,
+      curValue,
+      showPicker,
+      valueText,
+      selectItems,
+      onBlur,
+      onFocus,
+      onCancel,
+      onRemove,
+      onConfirm
+    };
+  },
+  render() {
+    const renderToolbar = () => {
+      return vue.createVNode("div", {
+        "class": this.ns.b("toolbar")
+      }, [vue.createVNode("button", {
+        "type": "button",
+        "class": this.ns.be("toolbar", "cancel"),
+        "onClick": () => {
+          this.onCancel();
+        }
+      }, [vue.createTextVNode("\u53D6\u6D88")]), vue.createVNode("button", {
+        "type": "button",
+        "class": this.ns.be("toolbar", "confirm"),
+        "onClick": () => {
+          this.onConfirm();
+        }
+      }, [vue.createTextVNode("\u786E\u8BA4")])]);
+    };
+    const renderColumns = () => {
+      let _slot;
+      return vue.createVNode(vue.resolveComponent("van-checkbox-group"), {
+        "class": this.ns.b("columns"),
+        "modelValue": this.curValue,
+        "onUpdate:modelValue": ($event) => this.curValue = $event
+      }, {
+        default: () => [vue.createVNode(vue.resolveComponent("van-cell-group"), null, _isSlot(_slot = this.items.map((item) => {
+          return vue.createVNode(vue.resolveComponent("van-cell"), {
+            "title": item.text
+          }, {
+            "right-icon": () => {
+              return vue.createVNode(vue.resolveComponent("van-checkbox"), {
+                "name": item.value,
+                "shape": "square"
+              }, null);
+            }
+          });
+        })) ? _slot : {
+          default: () => [_slot]
+        })]
+      });
+    };
+    const editContent = [vue.createVNode(vue.resolveComponent("van-field"), {
+      "ref": "editorRef",
+      "clearable": true,
+      "readonly": true,
+      "class": [this.ns.e("select")],
+      "placeholder": this.c.placeHolder,
+      "onBlur": this.onBlur,
+      "onFocus": this.onFocus,
+      "onClick": () => {
+        if (!this.disabled) {
+          this.showPicker = true;
+        }
+      }
+    }, {
+      "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": () => {
+              this.onRemove(item);
+            }
+          }, {
+            default: () => [item.text]
+          });
+        });
+      }
+    }), vue.createVNode(vue.resolveComponent("van-popup"), {
+      "show": this.showPicker,
+      "onUpdate:show": ($event) => this.showPicker = $event,
+      "round": true,
+      "position": "bottom"
+    }, {
+      default: () => [vue.createVNode("div", null, [renderToolbar(), renderColumns()])]
+    })];
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+    }, [this.readonly ? this.valueText : editContent]);
+  }
+});
+
+exports.IBizDropdownList = IBizDropdownList;

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

@@ -0,0 +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{background-color:transparent;border:none}.ibiz-dropdown-list-toolbar__confirm{color:var(--ibiz-color-primary)}.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)}

package/lib/editor/index.cjs

@@ -22,6 +22,7 @@ require('./cascader/index.cjs');
 require('./color-picker/index.cjs');
 require('./markdown/index.cjs');
 var ibizMarkdownEditor = require('./markdown/ibiz-markdown-editor/ibiz-markdown-editor.cjs');
+var ibizDropdownList = require('./dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.cjs');
 var input = require('./text-box/input/input.cjs');
 var ibizInputNumber = require('./text-box/ibiz-input-number/ibiz-input-number.cjs');
 var span = require('./span/span/span.cjs');
@@ -46,7 +47,6 @@ var ibizPickerSelectView = require('./data-picker/ibiz-picker-select-view/ibiz-p
 var spanEditor_provider = require('./span/span-editor.provider.cjs');
 var textBoxEditor_provider = require('./text-box/text-box-editor.provider.cjs');
 var dropdownListEditor_provider = require('./dropdown-list/dropdown-list-editor.provider.cjs');
-var checkboxListEditor_provider = require('./check-box-list/checkbox-list-editor.provider.cjs');
 var switchEditor_provider = require('./switch/switch-editor.provider.cjs');
 var cascaderEditor_provider = require('./cascader/cascader-editor.provider.cjs');
 var colorPickerEditor_provider = require('./color-picker/color-picker-editor.provider.cjs');
@@ -71,6 +71,7 @@ const IBizEditor = {
     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(ibizCheckboxList.IBizCheckboxList.name, ibizCheckboxList.IBizCheckboxList);
     v.component(ibizSlider.IBizSlider.name, ibizSlider.IBizSlider);
     v.component(ibizStepper.IBizStepper.name, ibizStepper.IBizStepper);
@@ -102,7 +103,7 @@ const IBizEditor = {
     );
     runtime.registerEditorProvider(
       "MOBCHECKLIST",
-      () => new checkboxListEditor_provider.CheckBoxListEditorProvider()
+      () => new dropdownListEditor_provider.DropDownListEditorProvider("MOBCHECKLIST")
     );
     runtime.registerEditorProvider("MOBSWITCH", () => new switchEditor_provider.SwitchEditorProvider());
     runtime.registerEditorProvider("MOBCASCADER", () => new cascaderEditor_provider.CascaderEditorProvider());

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

@@ -1 +1 @@
-.ibiz-markdown .ibiz-markdown-cherry{--ibiz-markdown-width:100%;width:var(--ibiz-markdown-width)}.ibiz-markdown .ibiz-markdown-cherry .cherry{width:100%}.ibiz-markdown .ibiz-markdown-dialog{top:50%;display:flex;flex-direction:column;width:100vw;max-width:100vw;height:100vh;height:100%;margin:0;border-radius:0}.ibiz-markdown .ibiz-markdown-dialog .van-dialog__content{flex-grow:1;height:calc(100% - 48px)}.ibiz-markdown.is-disabled .cherry{min-height:auto}.ibiz-markdown .cherry-preview--full{border-left:none}.ibiz-markdown .theme__dark,.ibiz-markdown .theme__light{color:var(--ibiz-form-item-text-color)}.ibiz-markdown .cherry-markdown h1 a::before,.ibiz-markdown .cherry-markdown h2 a::before,.ibiz-markdown .cherry-markdown h3 a::before,.ibiz-markdown .cherry-markdown h4 a::before,.ibiz-markdown .cherry-markdown h5 a::before,.ibiz-markdown .cherry-markdown h6 a::before{display:none}.ibiz-markdown .cherry-toolbar{overflow-x:auto}.ibiz-markdown .cherry ::-webkit-scrollbar{width:7px;height:3px;background:rgba(0,0,0,0)}.ibiz-markdown--disabled{color:var(--ibiz-form-item-disabled-color)}.ibiz-markdown--disabled .cherry{color:var(--ibiz-form-item-disabled-color)}.ibiz-markdown--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color)}.ibiz-markdown--readonly .cherry{color:var(--ibiz-form-item-readonly-color)}
+.ibiz-markdown .ibiz-markdown-cherry{--ibiz-markdown-width:100%;width:var(--ibiz-markdown-width)}.ibiz-markdown .ibiz-markdown-cherry .cherry{width:100%}.ibiz-markdown .ibiz-markdown-dialog{top:50%;display:flex;flex-direction:column;width:100vw;max-width:100vw;height:100vh;height:100%;margin:0;border-radius:0}.ibiz-markdown .ibiz-markdown-dialog .van-dialog__content{flex-grow:1;height:calc(100% - 3rem)}.ibiz-markdown.is-disabled .cherry{min-height:auto}.ibiz-markdown .cherry-preview--full{border-left:none}.ibiz-markdown .theme__dark,.ibiz-markdown .theme__light{color:var(--ibiz-form-item-text-color)}.ibiz-markdown .cherry-markdown h1 a::before,.ibiz-markdown .cherry-markdown h2 a::before,.ibiz-markdown .cherry-markdown h3 a::before,.ibiz-markdown .cherry-markdown h4 a::before,.ibiz-markdown .cherry-markdown h5 a::before,.ibiz-markdown .cherry-markdown h6 a::before{display:none}.ibiz-markdown .cherry-toolbar{overflow-x:auto}.ibiz-markdown .cherry ::-webkit-scrollbar{width:.4375rem;height:.1875rem;background:rgba(0,0,0,0)}.ibiz-markdown--disabled{color:var(--ibiz-form-item-disabled-color)}.ibiz-markdown--disabled .cherry{color:var(--ibiz-form-item-disabled-color)}.ibiz-markdown--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color)}.ibiz-markdown--readonly .cherry{color:var(--ibiz-form-item-readonly-color)}

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

@@ -1 +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}
+.ibiz-slider{height:100%;min-height:1.25rem;display:flex;align-items:center;justify-content:flex-start}.ibiz-slider .ibiz-slider-button{width:1.625rem;font-size:.625rem;line-height:1.125rem;color:#fff;text-align:center;background-color:var(--ibiz-color-primary);border-radius:6.25rem}

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

@@ -67,7 +67,7 @@ const IBizStepper = /* @__PURE__ */ vue.defineComponent({
   render() {
     let content = null;
     if (this.readonly) {
-      content = `${this.currentVal}`;
+      content = `${this.currentVal || ""}`;
     } else {
       content = [vue.createVNode(vue.resolveComponent("van-stepper"), {
         "ref": "inputRef",

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

@@ -67,7 +67,7 @@ const IBizInputNumber = /* @__PURE__ */ vue.defineComponent({
     } = this.c.parent;
     let content = null;
     if (this.readonly) {
-      content = `${this.currentVal}`;
+      content = `${this.currentVal || ""}`;
       if (content && unitName) {
         content += unitName;
       }

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)}.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)}.ibiz-input-number--readonly{color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input-number .ibiz-input-number__unit{margin-left:10px;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)}.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}

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

@@ -113,7 +113,7 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     } = this.c.parent;
     let content = null;
     if (this.readonly) {
-      content = `${this.currentVal}`;
+      content = `${this.currentVal || ""}`;
       if (content && unitName) {
         content += unitName;
       }

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

@@ -1 +1 @@
-.ibiz-input{height:100%}.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)}.ibiz-input input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input input::placeholder{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)}.ibiz-input--readonly{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{height:100%}.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}

package/lib/editor/upload/ibiz-file-upload/ibiz-file-upload.css

@@ -1 +1 @@
-.ibiz-file-upload{width:100%}.ibiz-file-upload .van-uploader__preview{display:none}.ibiz-file-upload .ibiz-file-upload-button{height:30px}.ibiz-file-upload .ibiz-file-upload-button span{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-file-upload .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-file-upload .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-file-upload .ibiz-file-upload-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:12px;line-height:initial;color:#fff;text-align:center;background:var(--ibiz-color-overlay-bg)}.ibiz-file-upload .ibiz-file-upload-preview{width:100%}.ibiz-file-upload .ibiz-file-upload-preview-item{display:flex;align-items:center;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-file-upload .ibiz-file-upload-preview-item:last-child{border-width:0}.ibiz-file-upload .ibiz-file-upload-preview-item-img{width:50px;min-width:50px;padding:10px}.ibiz-file-upload .ibiz-file-upload-preview-item-img img{width:100%;height:100%;border-radius:4px}.ibiz-file-upload .ibiz-file-upload-preview-item-text{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.ibiz-file-upload .ibiz-file-upload-preview-item-action{display:flex;flex-grow:1;align-items:center;justify-content:flex-end;min-width:50px;color:var(--ibiz-color-overlay-bg);text-align:right}
+.ibiz-file-upload{width:100%}.ibiz-file-upload .van-uploader__preview{display:none}.ibiz-file-upload .ibiz-file-upload-button{height:1.875rem}.ibiz-file-upload .ibiz-file-upload-button span{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-file-upload .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-file-upload .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-file-upload .ibiz-file-upload-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:.75rem;line-height:initial;color:#fff;text-align:center;background:var(--ibiz-color-overlay-bg)}.ibiz-file-upload .ibiz-file-upload-preview{width:100%}.ibiz-file-upload .ibiz-file-upload-preview-item{display:flex;align-items:center;border-bottom:.0625rem solid var(--ibiz-color-border)}.ibiz-file-upload .ibiz-file-upload-preview-item:last-child{border-width:0}.ibiz-file-upload .ibiz-file-upload-preview-item-img{width:3.125rem;min-width:3.125rem;padding:.625rem}.ibiz-file-upload .ibiz-file-upload-preview-item-img img{width:100%;height:100%;border-radius:.25rem}.ibiz-file-upload .ibiz-file-upload-preview-item-text{overflow:hidden;font-size:.875rem;text-overflow:ellipsis;white-space:nowrap}.ibiz-file-upload .ibiz-file-upload-preview-item-action{display:flex;flex-grow:1;align-items:center;justify-content:flex-end;min-width:3.125rem;color:var(--ibiz-color-overlay-bg);text-align:right}

package/lib/editor/upload/ibiz-image-select/ibiz-image-select.css

@@ -1 +1 @@
-.ibiz-image-select .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-image-select .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-image-select .ibiz-image-select-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:12px;line-height:initial;color:#fff;text-align:center;background:0 0}.ibiz-image-select .ibiz-image-select-item-cover img{width:100%;height:100%;border-radius:4px}
+.ibiz-image-select .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-image-select .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-image-select .ibiz-image-select-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:.12rem;line-height:initial;color:#fff;text-align:center;background:0 0}.ibiz-image-select .ibiz-image-select-item-cover img{width:100%;height:100%;border-radius:.04rem}

package/lib/editor/upload/ibiz-image-upload/ibiz-image-upload.css

@@ -1 +1 @@
-.ibiz-image-upload .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-image-upload .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-image-upload .ibiz-image-upload-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:12px;line-height:initial;color:#fff;text-align:center;background:0 0}.ibiz-image-upload .ibiz-image-upload-item-cover img{width:100%;height:100%;border-radius:4px}.van-uploader__preview-delete--shadow{top:-5px;right:-5px;display:flex;align-items:center;justify-content:center;width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);text-align:center;background:var(--van-uploader-delete-background);border-radius:50%;opacity:.6}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;font-size:var(--van-uploader-delete-icon-size);color:var(--van-uploader-delete-color);transform:scale(.7) translate(0,-10%)}.van-uploader__upload{background:0 0;border:var(--ibiz-color-border) 1px solid;border-radius:4px}
+.ibiz-image-upload .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-image-upload .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-image-upload .ibiz-image-upload-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:.75rem;line-height:initial;color:#fff;text-align:center;background:0 0}.ibiz-image-upload .ibiz-image-upload-item-cover img{width:100%;height:100%;border-radius:.25rem}.van-uploader__preview-delete--shadow{top:-.3125rem;right:-.3125rem;display:flex;align-items:center;justify-content:center;width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);text-align:center;background:var(--van-uploader-delete-background);border-radius:50%;opacity:.6}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;font-size:var(--van-uploader-delete-icon-size);color:var(--van-uploader-delete-color);transform:scale(.7) translate(0,-10%)}.van-uploader__upload{background:0 0;border:var(--ibiz-color-border) .0625rem solid;border-radius:.25rem}

package/lib/index.cjs

@@ -30,6 +30,7 @@ var index$l = require('./control/data-view/index.cjs');
 var index$m = require('./control/dashboard/index.cjs');
 var index$n = require('./control/chart/index.cjs');
 var index$o = require('./control/calendar/index.cjs');
+var index$p = require('./control/wizard-panel/index.cjs');
 var col = require('./common/col/col.cjs');
 var row = require('./common/row/row.cjs');
 var keepAlive = require('./common/keep-alive/keep-alive.cjs');
@@ -72,6 +73,7 @@ var index = {
     v.use(index$m.IBizDashboardControl);
     v.use(index$n.IBizChartControl);
     v.use(index$o.IBizCalendarControl);
+    v.use(index$p.IBizWizardPanelControl);
     v.use(index$4.IBizEditor);
   }
 };

package/lib/panel-component/index.cjs

@@ -27,6 +27,8 @@ const IBizPanelComponents = {
     v.use(vue3Util.IBizGridContainer);
     v.use(vue3Util.IBizPanelRawItem);
     v.use(index$6.IBizWFActionButton);
+    v.use(vue3Util.IBizSingleDataContainer);
+    v.use(vue3Util.IBizMultiDataContainer);
   }
 };
 

package/lib/panel-component/view-header-panel-container/view-header-panel-container.css

@@ -1 +1 @@
-.ibiz-view-header{--ibiz-panel-component-view-header-bg-color:var(--ibiz-color-bg-1);--ibiz-panel-component-view-header-back-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-component-view-header-back-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-component-view-header-back-width:40px;--ibiz-panel-component-view-header-back-height:40px;--ibiz-panel-component-view-header-color:var(--ibiz-color-text-0);color:var(--ibiz-panel-component-view-header-color);background-color:var(--ibiz-panel-component-view-header-bg-color)}.ibiz-view-header .ibiz-view-header-back-button{position:absolute;display:flex;align-items:center;width:var(--ibiz-panel-component-view-header-back-width);height:var(--ibiz-panel-component-view-header-back-height);padding:var(--ibiz-panel-component-view-header-back-padding);font-size:var(--ibiz-panel-component-view-header-back-font-size)}.ibiz-view-header .ibiz-view-header-precut-back{padding-left:var(--ibiz-panel-component-view-header-back-width)}
+.ibiz-view-header{--ibiz-panel-component-view-header-bg-color:var(--ibiz-color-bg-1);--ibiz-panel-component-view-header-back-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-component-view-header-back-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-component-view-header-back-width:2.5rem;--ibiz-panel-component-view-header-back-height:2.5rem;--ibiz-panel-component-view-header-color:var(--ibiz-color-text-0);color:var(--ibiz-panel-component-view-header-color);background-color:var(--ibiz-panel-component-view-header-bg-color)}.ibiz-view-header .ibiz-view-header-back-button{position:absolute;display:flex;align-items:center;width:var(--ibiz-panel-component-view-header-back-width);height:var(--ibiz-panel-component-view-header-back-height);padding:var(--ibiz-panel-component-view-header-back-padding);font-size:var(--ibiz-panel-component-view-header-back-font-size)}.ibiz-view-header .ibiz-view-header-precut-back{padding-left:var(--ibiz-panel-component-view-header-back-width)}

package/lib/panel-component/wf-action-button/wf-action-button.css

@@ -1 +1 @@
-.ibiz-wf-action-button{display:flex;gap:24px;justify-content:space-around;width:100%;height:100%}.ibiz-wf-action-button .van-button{flex:1;height:100%}.ibiz-wf-action-button__error{color:red}.ibiz-wf-action-button__normal{color:#333}
+.ibiz-wf-action-button{display:flex;gap:1.5rem;justify-content:space-around;width:100%;height:100%}.ibiz-wf-action-button .van-button{flex:1;height:100%}.ibiz-wf-action-button__error{color:red}.ibiz-wf-action-button__normal{color:#333}

package/lib/panel-component/wf-step-trace/wf-step-trace.css

@@ -1 +1 @@
-.ibiz-wf-step-trace .ibiz-wf-step-trace-task{border:1px solid var(--ibiz-color-border)}.ibiz-wf-step-trace .ibiz-wf-step-trace-task-item{border-bottom:1px solid var(--ibiz-color-border);padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-wf-step-trace .ibiz-wf-step-trace-task-item .van-field__label{flex:1;font-weight:var(--ibiz-font-weight-bold)}
+.ibiz-wf-step-trace .ibiz-wf-step-trace-task{border:.0625rem solid var(--ibiz-color-border)}.ibiz-wf-step-trace .ibiz-wf-step-trace-task-item{padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);border-bottom:.0625rem solid var(--ibiz-color-border)}.ibiz-wf-step-trace .ibiz-wf-step-trace-task-item .van-field__label{flex:1;font-weight:var(--ibiz-font-weight-bold)}

package/lib/view/404-view/404-view.css

@@ -1 +1 @@
-.ibiz-404-view{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#fff}.ibiz-404-view-text__text1{margin-bottom:20px}.ibiz-404-view.is-top{width:100vw;height:100vh}
+.ibiz-404-view{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#fff}.ibiz-404-view-text__text1{margin-bottom:1.25rem}.ibiz-404-view.is-top{width:100vw;height:100vh}

package/lib/view/login-view/login-view.css

@@ -1 +1 @@
-.ibiz-login-view{width:100vw;height:100vh;color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-logo{height:40%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.ibiz-login-view .ibiz-login-view-logo .ibiz-login-view-logo-img{margin-top:15%}.ibiz-login-view .ibiz-login-view-logo .ibiz-login-view-title{margin-top:5%;font-size:16px}.ibiz-login-view .ibiz-login-view-form{height:20%;padding:0 10%}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user{display:flex;align-items:center;justify-content:flex-start;height:40%;font-size:14px;border-bottom:1px solid #565366}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user ion-icon{margin-right:5%}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user .van-field{position:relative;padding:0;overflow:visible}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user .van-field .van-field__error-message{position:absolute;top:20px}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user input{color:#fff;background:#373447;border:none}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user input:-webkit-autofill{box-shadow:0 0 0 1000px #373447 inset;-webkit-text-fill-color:#fff}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user .van-field__control::-moz-placeholder{color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user .van-field__control::placeholder{color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password{display:flex;align-items:center;justify-content:flex-start;height:40%;font-size:14px;border-bottom:1px solid #565366}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password ion-icon{margin-right:5%}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password .van-field{position:relative;padding:0;overflow:visible}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password .van-field .van-field__error-message{position:absolute;top:20px}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password input{color:#fff;background:#373447;border:none}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password input:-webkit-autofill{box-shadow:0 0 0 1000px #373447 inset;-webkit-text-fill-color:#fff}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password .van-field__control::-moz-placeholder{color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password .van-field__control::placeholder{color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-btns{height:40%;padding:0 10%}.ibiz-login-view .ibiz-login-view-btns .ibiz-login-view-login-btn{width:100%;margin:0;font-size:15px;color:#fff;background:#312e3f;border:none;border-radius:0}.ibiz-login-view .ibiz-login-view-btns .ibiz-login-view-login-btn:hover{background:#4a4658}
+.ibiz-login-view{width:100vw;height:100vh;color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-logo{height:40%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.ibiz-login-view .ibiz-login-view-logo .ibiz-login-view-logo-img{margin-top:15%}.ibiz-login-view .ibiz-login-view-logo .ibiz-login-view-title{margin-top:5%;font-size:1rem}.ibiz-login-view .ibiz-login-view-form{height:20%;padding:0 10%}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user{display:flex;align-items:center;justify-content:flex-start;height:40%;font-size:.875rem;border-bottom:.0625rem solid #565366}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user ion-icon{margin-right:5%}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user .van-field{position:relative;padding:0;overflow:visible}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user .van-field .van-field__error-message{position:absolute;top:1.25rem}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user input{color:#fff;background:#373447;border:none}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user input:-webkit-autofill{box-shadow:0 0 0 62.5rem #373447 inset;-webkit-text-fill-color:#fff}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user .van-field__control::-moz-placeholder{color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user .van-field__control::placeholder{color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password{display:flex;align-items:center;justify-content:flex-start;height:40%;font-size:.875rem;border-bottom:.0625rem solid #565366}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password ion-icon{margin-right:5%}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password .van-field{position:relative;padding:0;overflow:visible}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password .van-field .van-field__error-message{position:absolute;top:1.25rem}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password input{color:#fff;background:#373447;border:none}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password input:-webkit-autofill{box-shadow:0 0 0 62.5rem #373447 inset;-webkit-text-fill-color:#fff}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password .van-field__control::-moz-placeholder{color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password .van-field__control::placeholder{color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-btns{height:40%;padding:0 10%}.ibiz-login-view .ibiz-login-view-btns .ibiz-login-view-login-btn{width:100%;margin:0;font-size:.9375rem;color:#fff;background:#312e3f;border:none;border-radius:0}.ibiz-login-view .ibiz-login-view-btns .ibiz-login-view-login-btn:hover{background:#4a4658}

package/lib/view-engine/index.cjs

@@ -21,6 +21,7 @@ var mobCustomView_engine = require('./mob-custom-view.engine.cjs');
 var mobOptView_engine = require('./mob-opt-view.engine.cjs');
 var mobChartView_engine = require('./mob-chart-view.engine.cjs');
 var mobCalendarView_engine = require('./mob-calendar-view.engine.cjs');
+var mobWizardViewEngine = require('./mob-wizard-view-engine.cjs');
 
 "use strict";
 const IBizViewEngine = {
@@ -133,6 +134,10 @@ const IBizViewEngine = {
       `VIEW_MobChartView9`,
       (c) => new mobChartView_engine.MobChartViewEngine(c)
     );
+    ibiz.engine.register(
+      `VIEW_MobWizardView`,
+      (c) => new mobWizardViewEngine.MobWizardViewEngine(c)
+    );
   }
 };