@ibiz-template/mob-vue3-components 0.7.41-alpha.19 → 0.7.41-alpha.20

package/lib/control/drtab/drtab.controller.cjs

@@ -2,6 +2,7 @@
 
 var runtime = require('@ibiz-template/runtime');
 var vue3Util = require('@ibiz-template/vue3-util');
+var qxUtil = require('qx-util');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -28,8 +29,9 @@ class DRTabController extends runtime.ControlController {
      */
     __publicField(this, "router");
   }
-  setActive(_name) {
-    throw new Error("Method not implemented.");
+  setActive(name) {
+    this.state.activeName = name;
+    this.handleTabChange();
   }
   /**
    * 导航占位控制器
@@ -48,7 +50,8 @@ class DRTabController extends runtime.ControlController {
    * @memberof DRTabController
    */
   get form() {
-    return this.view.getController("form");
+    var _a;
+    return (_a = this.view) == null ? void 0 : _a.getController("form");
   }
   /**
    * 路由层级
@@ -108,6 +111,8 @@ class DRTabController extends runtime.ControlController {
    * @memberof DRTabController
    */
   async initCounter() {
+    if (this.state.isCounterDisabled)
+      return;
     const { appCounterRefs } = this.model;
     const appCounterRef = appCounterRefs == null ? void 0 : appCounterRefs[0];
     if (appCounterRef) {
@@ -137,6 +142,7 @@ class DRTabController extends runtime.ControlController {
         }
         await this.calcDrTabPagesState();
         this.handleFormChange();
+        this.doDefaultSelect();
       });
       this.form.evt.on("onLoadDraftSuccess", () => {
         this.handleFormChange();
@@ -153,6 +159,31 @@ class DRTabController extends runtime.ControlController {
       this.doDefaultSelect();
     }
   }
+  /**
+   * @description 获取当前激活项
+   * @return {*}  {IDEDRCtrlItem | undefined}
+   * @memberof DRTabController
+   */
+  getActiveItem() {
+    var _a;
+    return (_a = this.model.dedrtabPages) == null ? void 0 : _a.find(
+      (item) => item.id === this.state.activeName
+    );
+  }
+  /**
+   * @description 部件刷新
+   * @memberof DRTabController
+   */
+  refresh() {
+    const drBarItem = this.getActiveItem();
+    const isRoutePushed = false;
+    if (drBarItem) {
+      this.setVisible("navPos");
+      this.openNavPosView(drBarItem, isRoutePushed, {
+        key: `${drBarItem.id}-${qxUtil.createUUID()}`
+      });
+    }
+  }
   /**
    * @description 处理第一次的默认选中
    * @memberof DRTabController
@@ -309,6 +340,7 @@ class DRTabController extends runtime.ControlController {
     if (drBarItem) {
       this.setVisible("navPos");
       this.openNavPosView(drBarItem, isRoutePushed);
+      this.evt.emit("onTabChange", { tab: drBarItem });
     } else {
       this.setVisible("form");
       if (this.routeDepth && this.state.drTabPages[0]) {
@@ -380,7 +412,7 @@ class DRTabController extends runtime.ControlController {
    * @param {boolean} [isRoutePushed=false]
    * @memberof DRTabController
    */
-  async openNavPosView(drTabPages, isRoutePushed = false) {
+  async openNavPosView(drTabPages, isRoutePushed = false, opts = {}) {
     var _a;
     const { context, params } = this.prepareParams(drTabPages);
     (_a = this.navPos) == null ? void 0 : _a.openView({
@@ -388,7 +420,11 @@ class DRTabController extends runtime.ControlController {
       context,
       params,
       viewId: drTabPages.appViewId,
-      isRoutePushed
+      isRoutePushed,
+      modalOptions: {
+        replace: true
+      },
+      ...opts
     });
   }
   /**

package/lib/control/drtab/drtab.css

@@ -1 +1 @@
-.ibiz-control-drtab{padding:var(--ibiz-spacing-tight);background-color:var(--ibiz-view-bg-color)}.ibiz-control-drtab .van-button{border:none;height:100%;background-color:transparent}.ibiz-control-drtab .van-button .van-button__text{display:flex;align-items:center;line-height:var(--ibiz-font-size-header-4);font-size:var(--ibiz-font-size-header-4);gap:var(--ibiz-spacing-extra-tight)}.ibiz-control-drtab__tab-item--title{display:flex;align-items:center;gap:var(--ibiz-spacing-extra-tight)}.ibiz-control-drtab__tab-item--title .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);font-size:var(--ibiz-width-icon-medium)}.ibiz-control-drtab__popover--item{display:flex;cursor:pointer;position:relative;align-items:center;box-sizing:border-box;height:var(--van-popover-action-height);padding:0 var(--ibiz-spacing-base-loose);font-size:var(--ibiz-font-size-header-5);gap:var(--ibiz-spacing-tight)}.ibiz-control-drtab__popover--item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);font-size:var(--ibiz-width-icon-medium)}.ibiz-control-drtab__popover--item .caption{flex-grow:1;display:flex;align-items:center;gap:var(--ibiz-spacing-tight)}.ibiz-control-drtab__popover--item ion-icon{color:var(--ibiz-color-primary)}.ibiz-control-drtab__popover--item.is-disabled{pointer-events:none;cursor:not-allowed;color:var(--ibiz-color-disabled-text);background-color:var(--ibiz-color-disabled-bg)}
+.ibiz-control-drtab{--ibiz-control-drtab-color-tab-text:var(--ibiz-color-text-0);--ibiz-control-drtab-color-tab-text-active:var(--ibiz-color-primary);--ibiz-control-drtab-font-tab-font-size:var(--ibiz-font-size-regular)}.ibiz-control-drtab.ibiz-tab-layout{--ibiz-tab-layout-color-tab-text:var(--ibiz-control-drtab-color-tab-text);--ibiz-tab-layout-color-tab-text-active:var(--ibiz-control-drtab-color-tab-text-active);--ibiz-tab-layout-font-tab-font-size:var(--ibiz-control-drtab-font-tab-font-size)}

package/lib/control/form/edit-form/edit-form.cjs

@@ -7,6 +7,9 @@ var lodashEs = require('lodash-es');
 require('./edit-form.css');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const EditFormControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizEditFormControl",
   props: {
@@ -82,6 +85,7 @@ const EditFormControl = /* @__PURE__ */ vue.defineComponent({
     });
     const ns = vue3Util.useNamespace(`control-edit-form`);
     const filter = vue.ref(void 0);
+    const anchorList = vue.ref([]);
     if (props.isSimple) {
       if (props.simpleDataIndex || props.simpleDataIndex === 0) {
         c.setSimpleDataIndex(props.simpleDataIndex);
@@ -110,6 +114,7 @@ const EditFormControl = /* @__PURE__ */ vue.defineComponent({
         const detail = c.details[key];
         detail.state = vue.reactive(detail.state);
       });
+      anchorList.value = c.anchorData;
     });
     const handleInput = lodashEs.debounce((val) => {
       filter.value = val;
@@ -121,14 +126,16 @@ const EditFormControl = /* @__PURE__ */ vue.defineComponent({
       c,
       ns,
       filter,
-      handleInput
+      handleInput,
+      anchorList
     };
   },
   render() {
     const {
-      enableItemFilter
+      enableItemFilter,
+      showFormNavBar
     } = this.c.model;
-    return vue.createVNode("div", {
+    const content = vue.createVNode("div", {
       "class": [this.ns.b(), this.ns.is("item-filter", enableItemFilter)]
     }, [enableItemFilter && vue.createVNode(vue.resolveComponent("van-search"), {
       "modelValue": this.filter,
@@ -140,6 +147,21 @@ const EditFormControl = /* @__PURE__ */ vue.defineComponent({
     }, {
       ...this.$slots
     })]);
+    if (showFormNavBar) {
+      const {
+        navBarSysCss,
+        navBarPos
+      } = this.c.model;
+      const items = this.anchorList.filter((item) => item.pageId === this.c.state.activeTab);
+      return vue.createVNode(vue.resolveComponent("van-index-bar"), {
+        "index-list": items.map((x) => x.title),
+        "sticky": false,
+        "class": [this.ns.e("anchor"), navBarSysCss, this.ns.em("anchor", navBarPos == null ? void 0 : navBarPos.toLowerCase())]
+      }, _isSlot(content) ? content : {
+        default: () => [content]
+      });
+    }
+    return content;
   }
 });
 

package/lib/control/form/edit-form/edit-form.css

@@ -1 +1 @@
-.ibiz-control-edit-form{width:100%}
+.ibiz-control-edit-form{width:100%}.ibiz-control-edit-form__anchor{--ibiz-control-edit-form-sidebar-topright-top:calc(var(--ibiz-view-page-caption-line-height) + 2 * var(--ibiz-spacing-tight));--ibiz-control-edit-form-sidebar-topright-right:0rem;--ibiz-control-edit-form-sidebar-bottomright-bottom:0rem;--ibiz-control-edit-form-sidebar-bottomright-right:0rem;--ibiz-control-edit-form-sidebar-middleright-top:50%;--ibiz-control-edit-form-sidebar-middleright-right:0rem;position:relative}.ibiz-control-edit-form__anchor .van-index-anchor{padding:0}.ibiz-control-edit-form__anchor--middleright .van-index-bar__sidebar{top:var(--ibiz-control-edit-form-sidebar-middleright-top);right:var(--ibiz-control-edit-form-sidebar-middleright-right)}.ibiz-control-edit-form__anchor--bottomright .van-index-bar__sidebar{top:auto;right:var(--ibiz-control-edit-form-sidebar-bottomright-right);bottom:var(--ibiz-control-edit-form-sidebar-bottomright-bottom);transform:none}.ibiz-control-edit-form__anchor--topright .van-index-bar__sidebar{top:var(--ibiz-control-edit-form-sidebar-topright-top);right:var(--ibiz-control-edit-form-sidebar-topright-right);transform:none}

package/lib/control/form/form/form.cjs

@@ -120,7 +120,8 @@ const FormControl = /* @__PURE__ */ vue.defineComponent({
       } else {
         const key = controlPanel ? model.name : "default";
         slots[key] = () => {
-          return vue.createVNode(vue.resolveComponent("iBizFormPage"), {
+          const result = [];
+          const tempForm = vue.createVNode(vue.resolveComponent("iBizFormPage"), {
             "modelData": this.c.model,
             "controller": this.c
           }, {
@@ -131,6 +132,11 @@ const FormControl = /* @__PURE__ */ vue.defineComponent({
               })];
             }
           });
+          result.push(tempForm);
+          if (this.$slots.searchFooter) {
+            result.push(this.$slots.searchFooter());
+          }
+          return result;
         };
       }
     }

package/lib/control/form/form-detail/form-button/form-button.cjs

@@ -52,7 +52,7 @@ const FormButton = /* @__PURE__ */ vue.defineComponent({
       "class": [this.ns.b(), this.ns.m(this.modelData.codeName), this.ns.is("loading", this.controller.state.loading), ...this.controller.containerClass]
     }, [vue.createVNode(vue.resolveComponent("van-button"), {
       "size": "small",
-      "type": buttonUtil.convertBtnType(this.modelData.buttonStyle),
+      "type": buttonUtil.convertBtnType(this.modelData),
       "onClick": this.controller.onClick.bind(this.controller),
       "loading": this.controller.state.loading,
       "disabled": this.controller.state.disabled

package/lib/control/form/form-detail/form-button/form-button.css

@@ -1 +1 @@
-.ibiz-form-button{--ibiz-form-button-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-form-button-icon-max-height:var(--ibiz-width-icon-medium);width:100%;height:100%;padding:var(--ibiz-spacing-tight);overflow:hidden}.ibiz-form-button .van-button{width:100%}.ibiz-form-button .van-button .ibiz-form-button-content{display:flex;align-items:center;justify-content:flex-start;gap:var(--ibiz-spacing-extra-tight)}.ibiz-form-button .van-button .ibiz-form-button-content i,.ibiz-form-button .van-button .ibiz-form-button-content img{display:inline-block;max-width:var(--ibiz-form-button-icon-max-width);max-height:var(--ibiz-form-button-icon-max-height)}.ibiz-form-button.is-loading .van-button .ibiz-icon{display:none}
+.ibiz-form-button{--ibiz-form-button-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-form-button-content-gap:var(--ibiz-spacing-extra-tight);--ibiz-form-button-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-form-button-icon-max-height:var(--ibiz-width-icon-medium);width:100%;height:100%;padding:var(--ibiz-form-button-padding);overflow:hidden}.ibiz-form-button .van-button{width:100%}.ibiz-form-button .van-button .ibiz-form-button-content{display:flex;align-items:center;justify-content:flex-start;gap:var(--ibiz-form-button-content-gap)}.ibiz-form-button .van-button .ibiz-form-button-content i,.ibiz-form-button .van-button .ibiz-form-button-content img{display:inline-block;max-width:var(--ibiz-form-button-icon-max-width);max-height:var(--ibiz-form-button-icon-max-height)}.ibiz-form-button.is-loading .van-button .ibiz-icon{display:none}

package/lib/control/form/form-detail/form-button-list/form-button-list.css

@@ -1 +1 @@
-.ibiz-form-button-list{width:100%;height:100%}
+.ibiz-form-button-list{--ibiz-form-button-list-padding:var(--ibiz-spacing-base);width:100%;height:100%;padding:var(--ibiz-form-button-list-padding)}

package/lib/control/form/form-detail/form-group-panel/form-group-panel.cjs

@@ -57,6 +57,9 @@ const FormGroupPanel = /* @__PURE__ */ vue.defineComponent({
     const {
       state
     } = this.controller;
+    const {
+      enableAnchor
+    } = this.modelData;
     const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
     const content = vue.createVNode(vue.resolveComponent("iBizRow"), {
       "slot": "content",
@@ -99,7 +102,10 @@ const FormGroupPanel = /* @__PURE__ */ vue.defineComponent({
         "class": [this.ns.be("header", "left")]
       }, [vue.createVNode("div", {
         "class": [this.ns.e("caption"), ...this.controller.labelClass]
-      }, [this.captionText])]), this.modelData.uiactionGroup && vue.createVNode("div", {
+      }, [this.modelData.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+        "class": this.ns.em("caption", "icon"),
+        "icon": this.modelData.sysImage
+      }, null), this.captionText])]), this.modelData.uiactionGroup && vue.createVNode("div", {
         "class": [this.ns.be("header", "right")]
       }, [vue.createVNode(vue.resolveComponent("iBizActionToolbar"), {
         "class": this.ns.e("toolbar"),
@@ -122,11 +128,21 @@ const FormGroupPanel = /* @__PURE__ */ vue.defineComponent({
       }, [!state.isShowMore ? ibiz.i18n.t("control.form.formGroupPanel.showMore") : ibiz.i18n.t("app.retract")])]);
     }
     return vue.createVNode("div", {
-      "class": classArr,
+      "class": [classArr, this.ns.is("loading", this.controller.state.loading)],
       "onClick": (event) => this.controller.onClick(event)
-    }, [header, vue.createVNode("div", {
+    }, [enableAnchor ? vue.createVNode(vue.resolveComponent("van-index-anchor"), {
+      "index": this.captionText
+    }, _isSlot(header) ? header : {
+      default: () => [header]
+    }) : header, vue.createVNode("div", {
       "class": [this.ns.e("content")]
-    }, [content]), footer]);
+    }, [content]), footer, this.controller.state.loading ? vue.createVNode(vue.resolveComponent("van-loading"), {
+      "class": this.ns.e("loading"),
+      "type": "spinner",
+      "vertical": true
+    }, {
+      default: () => [`${ibiz.i18n.t("util.loading")}...`]
+    }) : null]);
   }
 });
 

package/lib/control/form/form-detail/form-group-panel/form-group-panel.css

@@ -1 +1 @@
-.ibiz-form-group{--ibiz-form-group-bg-color:var(--ibiz-color-bg-1);--ibiz-form-group-footer-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-form-group-show-more-color:var(--ibiz-color-primary);--ibiz-form-group-padding:var(--ibiz-spacing-extra-tight);--ibiz-form-group-header-bg-color:var(--ibiz-color-bg-1);--ibiz-form-group-header-padding:var(--ibiz-spacing-base) var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-form-group-header-border-color:var(--ibiz-color-border);--ibiz-form-group-caption-text-color:var(--ibiz-color-text-2);--ibiz-form-group-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-form-group-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-form-group-content-bg-color:var(--ibiz-color-bg-1);--ibiz-form-group-content-padding:var(--ibiz-spacing-tight);--ibiz-form-group-content-margin:0}.ibiz-form-group{overflow:hidden;background-color:var(--ibiz-form-group-bg-color)}.ibiz-form-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-form-group-caption-font-size);font-weight:var(--ibiz-form-group-caption-font-weight);color:var(--ibiz-form-group-caption-text-color)}.ibiz-form-group__toolbar{text-align:right}.ibiz-form-group--style2{background-color:var(--ibiz-color-bg-0);padding:var(--ibiz-form-group-padding)}.ibiz-form-group--style2>.ibiz-form-group-header{border-radius:var(--ibiz-border-radius-large) var(--ibiz-border-radius-large) 0 0}.ibiz-form-group--style2 .ibiz-form-group__content{padding:var(--ibiz-border-radius-large) 0;border-radius:var(--ibiz-border-radius-large);background-color:var(--ibiz-form-group-content-bg-color)}.ibiz-form-group--style2>.ibiz-form-group-header+.ibiz-form-group__content{padding-top:0;border-radius:0 0 var(--ibiz-border-radius-large) var(--ibiz-border-radius-large)}.ibiz-form-group .ibiz-form-item-container{border-radius:0}.ibiz-form-group-collapse>.ibiz-form-group__content{display:block}.ibiz-form-group-collapse.is-collapse>.ibiz-form-group__content{display:none}.ibiz-form-group-header{display:flex;align-items:center;padding:var(--ibiz-form-group-header-padding);background-color:var(--ibiz-form-group-header-bg-color)}.ibiz-form-group-header__left,.ibiz-form-group-header__right{display:inline-block;width:50%}.ibiz-form-group-header__right{display:flex;align-items:center;justify-content:flex-end;height:100%}.ibiz-form-group-header__right .van-button{height:100%;color:var(--ibiz-color-link);background:0 0;border:none}.ibiz-form-group--show-header content,.ibiz-form-group--show-header>.ibiz-form-group{margin-bottom:var(--ibiz-form-group-content-margin);background-color:var(--ibiz-form-group-content-bg-color)}.ibiz-form-group-footer{padding:var(--ibiz-form-group-footer-padding)}.ibiz-form-group-footer__show-more-button{display:inline-block;color:var(--ibiz-form-group-show-more-color)}
+.ibiz-form-group{--ibiz-form-group-bg-color:var(--ibiz-color-bg-1);--ibiz-form-group-footer-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-form-group-show-more-color:var(--ibiz-color-primary);--ibiz-form-group-padding:var(--ibiz-spacing-extra-tight);--ibiz-form-group-loading-bg-color:rgba(var(--ibiz-grey-9), 0.1);--ibiz-form-group-button-color:var(--ibiz-color-link);--ibiz-form-group-header-bg-color:var(--ibiz-color-bg-0);--ibiz-form-group-header-padding:var(--ibiz-spacing-base);--ibiz-form-group-header-border-color:var(--ibiz-color-border);--ibiz-form-group-caption-text-color:var(--ibiz-color-text-1);--ibiz-form-group-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-form-group-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-form-group-caption-line-height:var(--van-cell-group-title-line-height);--ibiz-form-group-caption-icon-padding-right:var(--ibiz-spacing-tight);--ibiz-form-group-content-bg-color:var(--ibiz-color-bg-1);--ibiz-form-group-content-padding:0;--ibiz-form-group-content-margin:0}.ibiz-form-group{overflow:hidden;background-color:var(--ibiz-form-group-bg-color)}.ibiz-form-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-form-group-caption-font-size);font-weight:var(--ibiz-form-group-caption-font-weight);line-height:var(--ibiz-form-group-caption-line-height);color:var(--ibiz-form-group-caption-text-color)}.ibiz-form-group__caption--icon{padding-right:var(--ibiz-form-group-caption-icon-padding-right)}.ibiz-form-group__toolbar{display:flex;flex-wrap:wrap;align-items:center;text-align:right}.ibiz-form-group__content{padding:var(--ibiz-form-group-content-padding)}.ibiz-form-group--style2{padding:var(--ibiz-form-group-padding);background-color:var(--ibiz-form-group-header-bg-color)}.ibiz-form-group--style2>.ibiz-form-group-header{background-color:var(--ibiz-form-group-content-bg-color);border-bottom:1px solid var(--ibiz-form-group-header-border-color)}.ibiz-form-group--style2 .ibiz-form-group__content{background-color:var(--ibiz-form-group-content-bg-color)}.ibiz-form-group__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--ibiz-form-group-loading-bg-color)}.ibiz-form-group.is-loading{position:relative}.ibiz-form-group .ibiz-form-item-container{border-radius:0}.ibiz-form-group-collapse>.ibiz-form-group__content{display:block}.ibiz-form-group-collapse.is-collapse>.ibiz-form-group-header{border-bottom:none}.ibiz-form-group-collapse.is-collapse>.ibiz-form-group__content{display:none}.ibiz-form-group-header{display:flex;align-items:center;padding:var(--ibiz-form-group-header-padding);background-color:var(--ibiz-form-group-header-bg-color)}.ibiz-form-group-header__left,.ibiz-form-group-header__right{display:inline-block;width:50%}.ibiz-form-group-header__right{display:flex;align-items:center;justify-content:flex-end;height:100%}.ibiz-form-group-header__right .van-button{height:100%;color:var(--ibiz-form-group-button-color);background:0 0;border:none}.ibiz-form-group--show-header content,.ibiz-form-group--show-header>.ibiz-form-group{margin-bottom:var(--ibiz-form-group-content-margin);background-color:var(--ibiz-form-group-content-bg-color)}.ibiz-form-group-footer{padding:var(--ibiz-form-group-footer-padding)}.ibiz-form-group-footer__show-more-button{display:inline-block;color:var(--ibiz-form-group-show-more-color)}

package/lib/control/form/form-detail/form-item/form-item-container/form-item-container.cjs

@@ -16,6 +16,7 @@ const IBizFormItemContainer = /* @__PURE__ */ vue.defineComponent({
   setup(props) {
     var _a, _b;
     const ns = vue3Util.useNamespace("form-item-container");
+    const editorNs = vue3Util.useNamespace("editor");
     let labelAlign = "left";
     let editorAlign = "right";
     const c = props.controller;
@@ -84,29 +85,28 @@ const IBizFormItemContainer = /* @__PURE__ */ vue.defineComponent({
         editorAlign = editorContentAlign;
       }
       const result = {
-        "label-align": labelAlign,
-        "editor-align": editorAlign
+        "label-align": labelAlign
       };
       if (labelWidth !== 130) {
         Object.assign(result, {
           "label-width": `${labelWidth}px`
         });
       }
-      if (hideClear) {
-        Object.assign(result, {
-          "required-style": "none"
-        });
-      } else {
-        Object.assign(result, {
-          "required-style": "initial"
-        });
-      }
-      return ns.cssVarBlock(result);
+      return {
+        ...ns.cssVarBlock(result),
+        ...editorNs.cssVarBlock({
+          "default-text-align": editorAlign,
+          "default-required-style": hideClear ? "none" : "initial"
+        })
+      };
     });
     const handleClick = (e) => {
       enableInputTip ? c.loadInputTip() : e.stopPropagation();
     };
     const renderLabel = () => {
+      const {
+        enableAnchor
+      } = c.model;
       return vue.createVNode(vue.resolveComponent("van-popover"), {
         "class": ns.e("popover"),
         "placement": labelPos === "RIGHT" ? "bottom-end" : "bottom-start"
@@ -133,7 +133,11 @@ const IBizFormItemContainer = /* @__PURE__ */ vue.defineComponent({
           }, null), sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
             "class": ns.em("label", "icon"),
             "icon": sysImage
-          }, null), vue.createVNode("span", null, [c.labelCaption])]);
+          }, null), enableAnchor ? vue.createVNode(vue.resolveComponent("van-index-anchor"), {
+            "index": c.labelCaption
+          }, {
+            default: () => [c.labelCaption]
+          }) : vue.createVNode("span", null, [c.labelCaption])]);
         }
       });
     };

package/lib/control/form/form-detail/form-item/form-item-container/form-item-container.css

@@ -1 +1 @@
-.ibiz-form-item-container{--ibiz-form-item-container-label-width:8.125rem;--ibiz-form-item-container-line-height:var(--ibiz-form-item-line-height);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-left-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-error-margin-top:var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-bg-color:var(--ibiz-color-bg-1);--ibiz-form-item-container-label-font-size:var(--ibiz-font-size-header-6);--ibiz-form-item-container-label-text-color:var(--ibiz-color-text-0);--ibiz-form-item-container-container-error-padding:0 var(--ibiz-spacing-base);--ibiz-form-item-container-editor-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-form-item-container-border:0.0625rem var(--ibiz-color-border) solid;--ibiz-form-item-container-border-radius:0.25rem;--ibiz-form-item-label-line-height:1;--ibiz-form-item-label-font-size:var(--ibiz-font-size-header-5);--ibiz-form-item-label-text-color:var(--ibiz-color-text-0);position:relative;width:100%;height:100%;padding:var(--ibiz-form-item-container-container-padding);font-size:var(--ibiz-form-item-font-size);background-color:var(--ibiz-form-item-container-bg-color);border-width:calc(100% - var(--ibiz-spacing-base) * 2);border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item-container.is-show-underLine::after{position:absolute;z-index:1;width:calc(100% - var(--ibiz-spacing-base) * 2);height:.0625rem;content:"";background-color:var(--ibiz-color-border);transform:scaleY(.5)}.ibiz-form-item-container.is-show-border .ibiz-form-item-container__editor{margin-top:.25rem;min-height:calc(var(--ibiz-form-item-line-height) + 2 * var(--ibiz-spacing-tight));outline:var(--ibiz-form-item-container-border);border-radius:var(--ibiz-form-item-container-border-radius);padding:var(--ibiz-spacing-tight)}.ibiz-form-item-container.is-show-border.ibiz-form-item-container--bottom .ibiz-form-item-container__editor{margin-top:0;margin-bottom:.25rem}.ibiz-form-item-container__popover.van-popover{font-size:var(--ibiz-font-size-header-6)}.ibiz-form-item-container__popover.van-popover table{border-spacing:0;border-collapse:collapse}.ibiz-form-item-container__popover.van-popover table tr td,.ibiz-form-item-container__popover.van-popover table tr th{border:1px solid var(--ibiz-color-border);padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight)}.ibiz-form-item-container__popover--content{overflow:auto;max-height:30vh;padding:var(--ibiz-spacing-tight)}.ibiz-form-item-container__popover--content a{color:var(--ibiz-color-link)}.ibiz-form-item-container__label{display:flex;flex-shrink:0;align-items:center;position:relative;width:var(--ibiz-form-item-container-label-width);overflow:visible;color:var(--ibiz-form-item-label-text-color);height:var(--ibiz-form-item-line-height);line-height:var(--ibiz-form-item-line-height)}.ibiz-form-item-container__label--icon{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container__label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%;font-size:var(--ibiz-form-item-container-label-font-size);text-align:var(--ibiz-form-item-container-label-align)}.ibiz-form-item-container__editor{width:100%;text-align:var(--ibiz-form-item-container-editor-align);min-height:calc(var(--ibiz-form-item-line-height) + 2 * var(--ibiz-spacing-tight));--van-cell-line-height:var(--ibiz-form-item-line-height);--van-cell-line-height:var(--ibiz-form-item-line-height)}.ibiz-form-item-container__editor .van-cell{padding-bottom:0}.ibiz-form-item-container__editor ::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-form-item-container__editor ::placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{position:absolute;top:.1875rem;left:-.625rem;display:inline-block;height:100%;font-size:.875rem;color:var(--ibiz-form-item-error-color);content:"*"}.ibiz-form-item-container.is-error::after{background-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container.is-error .ibiz-form-item-container-content{border-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container--left .ibiz-form-item-container__editor{min-height:var(--ibiz-form-item-line-height)}.ibiz-form-item-container--left::after{bottom:0}.ibiz-form-item-container--right .ibiz-form-item-container__editor{min-height:var(--ibiz-form-item-line-height)}.ibiz-form-item-container--right::after{bottom:0}.ibiz-form-item-container--right.is-required .ibiz-form-item-container__label::before{right:-.625rem;left:auto}.ibiz-form-item-container--right .ibiz-form-item-container__editor{position:relative;width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--left .ibiz-form-item-container__editor{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--top .ibiz-form-item-container__editor{padding:var(--ibiz-form-item-container-editor-padding)}.ibiz-form-item-container--bottom .ibiz-form-item-container__editor{padding:var(--ibiz-form-item-container-editor-padding)}.ibiz-form-item-container-content{position:relative}.ibiz-form-item-container--left .ibiz-form-item-container-content,.ibiz-form-item-container--right .ibiz-form-item-container-content{height:100%;display:flex;align-items:center;justify-content:center}.ibiz-form-item-container-error{position:absolute;bottom:0;width:calc(100% - var(--ibiz-spacing-base));padding-right:var(--ibiz-spacing-base);font-size:var(--ibiz-form-item-error-font-size);line-height:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-error-color);text-align:var(--ibiz-form-item-container-editor-align)}
+.ibiz-form-item-container{--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-bg-color:var(--ibiz-color-bg-2);--ibiz-form-item-container-label-text-color:var(--ibiz-color-text-0);--ibiz-form-item-container-underline-color:var(--ibiz-color-border);--ibiz-form-item-container-label-width:8.125rem;--ibiz-form-item-container-underline-width:calc(100% - var(--ibiz-spacing-base) * 2);--ibiz-form-item-container-editor-min-height:calc(var(--ibiz-editor-default-line-height) + 2 * var(--ibiz-spacing-extra-tight));--ibiz-form-item-container-border-editor-min-height:calc(var(--ibiz-editor-default-line-height) + 2 * var(--ibiz-spacing-extra-tight));--ibiz-form-item-container-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-left-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-error-margin-top:var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-container-error-padding:0 var(--ibiz-spacing-base);--ibiz-form-item-container-editor-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);--ibiz-form-item-container-border-editor-padding:var(--ibiz-spacing-tight);--ibiz-form-item-container-border-radius:0.25rem;--ibiz-form-item-container-label-font-size:var(--ibiz-font-size-header-6);--ibiz-form-item-container-line-height:var(--ibiz-editor-default-line-height);--ibiz-form-item-container-border:0.0625rem var(--ibiz-color-border) solid;--ibiz-form-item-container-border-width:calc(100% - var(--ibiz-spacing-base) * 2);--ibiz-form-item-label-text-color:var(--ibiz-color-text-0);--ibiz-form-item-label-icon-padding-right:var(--ibiz-spacing-extra-tight);--ibiz-form-item-label-font-size:var(--ibiz-font-size-header-5);--ibiz-form-item-label-line-height:1;position:relative;width:100%;height:100%;padding:var(--ibiz-form-item-container-container-padding);font-size:var(--ibiz-form-item-font-size);background-color:var(--ibiz-form-item-container-bg-color);border-width:var(--ibiz-form-item-container-border-width);border-radius:var(--ibiz-form-item-container-border-radius)}.ibiz-form-item-container.is-show-underLine::after{position:absolute;z-index:1;width:var(--ibiz-form-item-container-underline-width);height:.0625rem;content:"";background-color:var(--ibiz-form-item-container-underline-color);transform:scaleY(.5)}.ibiz-form-item-container.is-show-border .ibiz-form-item-container__editor{margin-top:.25rem;min-height:var(--ibiz-form-item-container-border-editor-min-height);outline:var(--ibiz-form-item-container-border);border-radius:var(--ibiz-form-item-container-border-radius);padding:var(--ibiz-form-item-container-border-editor-padding)}.ibiz-form-item-container.is-show-border.ibiz-form-item-container--bottom .ibiz-form-item-container__editor{margin-top:0;margin-bottom:.25rem}.ibiz-form-item-container__popover.van-popover{--ibiz-form-item-popover-link-color:var(--ibiz-color-link);--ibiz-form-item-popover-padding:var(--ibiz-spacing-tight);--ibiz-form-item-popover-cell-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight);--ibiz-form-item-popover-font-size:var(--ibiz-font-size-header-6);--ibiz-form-item-popover-cell-border:1px solid var(--ibiz-color-border);font-size:var(--ibiz-form-item-popover-font-size)}.ibiz-form-item-container__popover.van-popover table{border-spacing:0;border-collapse:collapse}.ibiz-form-item-container__popover.van-popover table tr td,.ibiz-form-item-container__popover.van-popover table tr th{border:var(--ibiz-form-item-popover-cell-border);padding:var(--ibiz-form-item-popover-cell-padding)}.ibiz-form-item-container__popover--content{overflow:auto;max-height:30vh;padding:var(--ibiz-form-item-popover-padding)}.ibiz-form-item-container__popover--content a{color:var(--ibiz-form-item-popover-link-color)}.ibiz-form-item-container__label{display:flex;flex-shrink:0;align-items:center;position:relative;width:var(--ibiz-form-item-container-label-width);overflow:visible;color:var(--ibiz-form-item-label-text-color);height:var(--ibiz-form-item-container-line-height);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container__label--icon{padding-right:var(--ibiz-form-item-label-icon-padding-right)}.ibiz-form-item-container__label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%;font-size:var(--ibiz-form-item-container-label-font-size);text-align:var(--ibiz-form-item-container-label-align)}.ibiz-form-item-container__editor{width:100%;min-height:var(--ibiz-form-item-container-editor-min-height)}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{position:absolute;top:.1875rem;left:-.625rem;display:inline-block;height:100%;font-size:.875rem;color:var(--ibiz-form-item-error-color);content:"*"}.ibiz-form-item-container.is-error::after{background-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container.is-error .ibiz-form-item-container-content{border-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container--left .ibiz-form-item-container__editor{min-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left::after{bottom:0}.ibiz-form-item-container--right .ibiz-form-item-container__editor{min-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--right::after{bottom:0}.ibiz-form-item-container--right.is-required .ibiz-form-item-container__label::before{right:-.625rem;left:auto}.ibiz-form-item-container--right .ibiz-form-item-container__editor{position:relative;width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--left .ibiz-form-item-container__editor{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--top .ibiz-form-item-container__editor{padding:var(--ibiz-form-item-container-editor-padding)}.ibiz-form-item-container--bottom .ibiz-form-item-container__editor{padding:var(--ibiz-form-item-container-editor-padding)}.ibiz-form-item-container-content{position:relative}.ibiz-form-item-container--left .ibiz-form-item-container-content,.ibiz-form-item-container--right .ibiz-form-item-container-content{height:100%;display:flex;align-items:center;justify-content:center}.ibiz-form-item-container-error{position:absolute;bottom:0;width:var(--ibiz-form-item-container-underline-width);font-size:var(--ibiz-form-item-error-font-size);line-height:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-error-color);text-align:var(--ibiz-editor-default-text-align)}

package/lib/control/form/form-detail/form-item/form-item.cjs

@@ -40,13 +40,14 @@ const FormItem = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     if (!this.c.state.visible) {
       return null;
     }
     let editor = null;
     const editMode = (_c = (_b = (_a = this.controller.editor) == null ? void 0 : _a.model) == null ? void 0 : _b.editorParams) == null ? void 0 : _c.editMode;
     const editorProps = {
+      style: (_d = this.controller.editor) == null ? void 0 : _d.style,
       value: this.controller.value,
       data: this.controller.data,
       controller: this.controller.editor,

package/lib/control/form/form-detail/form-item/form-item.css

@@ -1 +1 @@
-.ibiz-form-item{--ibiz-form-item-label-color:var(--ibiz-color-text-0);--ibiz-form-item-text-color:var(--ibiz-color-text-0);--ibiz-form-item-bg-color:var(--ibiz-color-fill-0);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-text-2);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-header-6);--ibiz-form-item-error-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-error-color:var(--ibiz-color-danger);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-bg-color:transparent;--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:1.25rem;--ibiz-form-item-caption-color:var(--ibiz-form-item-text-color);--ibiz-form-item-caption-font-size:var(--ibiz-form-item-font-size);--ibiz-editor-default-line-height:1.25rem}.ibiz-form-item .van-field{height:100%}.ibiz-form-item .van-field__body{height:100%}
+.ibiz-form-item{--ibiz-form-item-label-color:var(--ibiz-color-text-0);--ibiz-form-item-text-color:var(--ibiz-color-text-0);--ibiz-form-item-bg-color:var(--ibiz-color-fill-0);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-text-2);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-header-6);--ibiz-form-item-error-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-error-color:var(--ibiz-color-danger);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-2);--ibiz-form-item-disabled-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-bg-color:transparent;--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-caption-color:var(--ibiz-form-item-text-color);--ibiz-form-item-caption-font-size:var(--ibiz-form-item-font-size)}.ibiz-form-item .van-field{height:100%}.ibiz-form-item .van-field__body{height:100%}

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-md/form-mdctrl-md.css

@@ -1 +1 @@
-.ibiz-form-mdctrl-md{display:flex;flex-direction:column;height:100%}.ibiz-form-mdctrl-md-content{flex-grow:1;margin:0 var(--ibiz-spacing-tight)}.ibiz-form-mdctrl-md-actions{display:flex;gap:var(--ibiz-spacing-tight);padding:var(--ibiz-spacing-tight) 0;margin:0 var(--ibiz-spacing-tight)}.ibiz-form-mdctrl-md-actions .van-button+.van-button{margin-left:0}.ibiz-form-mdctrl-md-actions__btn{width:calc(100% - var(--ibiz-spacing-base) * 2)}
+.ibiz-form-mdctrl-md{display:flex;flex-direction:column;height:100%}.ibiz-form-mdctrl-md-content{flex-grow:1;margin:0 var(--ibiz-spacing-tight)}.ibiz-form-mdctrl-md-content.ibiz-control{width:auto}.ibiz-form-mdctrl-md-actions{display:flex;gap:var(--ibiz-spacing-tight);padding:var(--ibiz-spacing-tight) 0;margin:0 var(--ibiz-spacing-tight)}.ibiz-form-mdctrl-md-actions .van-button+.van-button{margin-left:0}.ibiz-form-mdctrl-md-actions__btn{width:calc(100% - var(--ibiz-spacing-base) * 2)}

package/lib/control/form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.cjs

@@ -5,9 +5,6 @@ var vue3Util = require('@ibiz-template/vue3-util');
 require('./mdctrl-container.css');
 
 "use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
 const MDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
   name: "IBizMDCtrlContainer",
   props: {
@@ -36,9 +33,6 @@ const MDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
     emit
   }) {
     const ns = vue3Util.useNamespace("mdctrl-container");
-    const showActions = vue.computed(() => {
-      return props.enableCreate || props.enableDelete;
-    });
     const renderAddBtn = (index, showButton = true) => {
       if (!props.enableCreate) {
         return null;
@@ -53,43 +47,9 @@ const MDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
         }, null), ibiz.i18n.t("app.add")]
       });
     };
-    const renderRemoveBtn = (item, index) => {
-      let _slot2;
-      if (!props.enableDelete) {
-        return null;
-      }
-      if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
-        let _slot;
-        return vue.createVNode(vue.resolveComponent("van-button"), {
-          "class": [ns.e("remove"), ns.e("btn")],
-          "size": "small",
-          "onClick": () => {
-            emit("removeClick", item, index);
-          }
-        }, _isSlot(_slot = ibiz.i18n.t("app.delete")) ? _slot : {
-          default: () => [_slot]
-        });
-      }
-      return vue.createVNode(vue.resolveComponent("van-button"), {
-        "class": [ns.e("remove"), ns.e("btn")],
-        "type": "danger",
-        "size": "small",
-        "onClick": () => {
-          emit("removeClick", item, index);
-        }
-      }, _isSlot(_slot2 = ibiz.i18n.t("app.delete")) ? _slot2 : {
-        default: () => [_slot2]
-      });
-    };
-    const renderActionBtn = (item, index) => {
-      return [renderAddBtn(index, false), renderRemoveBtn(item, index)];
-    };
     return {
       ns,
-      showActions,
-      renderAddBtn,
-      renderRemoveBtn,
-      renderActionBtn
+      renderAddBtn
     };
   },
   render() {
@@ -107,11 +67,27 @@ const MDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
         "class": this.ns.b("item-header")
       }, [vue.createVNode("div", {
         "class": this.ns.be("item-header", "caption")
-      }, [this.caption || ""]), vue.createVNode("div", {
-        "class": this.ns.be("item-header", "action")
-      }, [this.renderActionBtn(item, index)])]), vue.createVNode("div", {
+      }, [this.caption || ""])]), vue.createVNode("div", {
         "class": this.ns.b("item-content")
-      }, [formComponent])]);
+      }, [vue.createVNode(vue.resolveComponent("van-swipe-cell"), null, {
+        default: () => {
+          return formComponent;
+        },
+        right: () => {
+          if (!this.enableDelete) {
+            return;
+          }
+          return vue.createVNode(vue.resolveComponent("van-button"), {
+            "class": this.ns.be("item-content", "remove-btn"),
+            "type": "danger",
+            "text": ibiz.i18n.t("app.delete"),
+            "square": true,
+            "onClick": () => {
+              this.$emit("removeClick", item, index);
+            }
+          }, null);
+        }
+      })])]);
     }), this.enableCreate && vue.createVNode("div", {
       "class": this.ns.b("footer")
     }, [this.renderAddBtn()])]);

package/lib/control/form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.css

@@ -1 +1 @@
-.ibiz-mdctrl-container{--ibiz-mdctrl-container-header-bg-color:transparent;--ibiz-mdctrl-container-header-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-mdctrl-container-header-border-color:var(--ibiz-color-border);--ibiz-mdctrl-container-caption-text-color:var(--ibiz-color-text-2);--ibiz-mdctrl-container-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-mdctrl-container-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-mdctrl-container-caption-height:1.25rem;--ibiz-mdctrl-container-caption-line-height:1.25rem;--ibiz-mdctrl-container-button-text-color:var(--ibiz-color-info);--ibiz-mdctrl-container-button-font-size:var(--ibiz-font-size-header-6);--ibiz-mdctrl-container-button-font-weight:var(--ibiz-font-weight-regular);display:flex;flex-direction:column}.ibiz-mdctrl-container__btn{width:auto;padding:0;margin-left:10px;font-size:var(--ibiz-mdctrl-container-button-font-size);color:var(--ibiz-mdctrl-container-button-text-color);background-color:transparent;border:none}.ibiz-mdctrl-container__btn:active{background-color:transparent}.ibiz-mdctrl-container__btn:active::before{opacity:0}.ibiz-mdctrl-container-item{overflow:hidden}.ibiz-mdctrl-container-item__form{flex-grow:1}.ibiz-mdctrl-container-item .ibiz-mdctrl-container-item-header{display:flex;align-items:center;justify-content:flex-end;padding:var(--ibiz-mdctrl-container-header-padding);background-color:var(--ibiz-mdctrl-container-header-bg-color)}.ibiz-mdctrl-container-item-header__caption{flex-grow:1;height:var(--ibiz-mdctrl-container-caption-height);font-size:var(--ibiz-mdctrl-container-caption-font-size);font-weight:var(--ibiz-mdctrl-container-caption-font-weight);line-height:var(--ibiz-mdctrl-container-caption-line-height);color:var(--ibiz-mdctrl-container-caption-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-mdctrl-container-item-header__action{--van-button-small-height:1.25rem;display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-end;height:1.25rem;line-height:1.25rem;text-align:right}.ibiz-mdctrl-container-item .ibiz-mdctrl-container-item-content{background-color:var(--ibiz-color-bg-1)}.ibiz-mdctrl-container-item .ibiz-form-page-item{--ibiz-form-page-item-gap:0}.ibiz-mdctrl-container-no-data{width:100%;display:flex;justify-content:flex-end}.ibiz-mdctrl-container-footer{color:red}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn{width:100%;padding:0;margin-left:0;font-size:var(--ibiz-font-size-header-5);color:var(--ibiz-mdctrl-container-button-text-color);background-color:var(--ibiz-color-bg-1);border:none}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn:active{background-color:transparent}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn:active::before{opacity:.1}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn .van-icon{margin-right:var(--ibiz-spacing-extra-tight)}
+.ibiz-mdctrl-container{--ibiz-mdctrl-container-header-bg-color:transparent;--ibiz-mdctrl-container-header-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-mdctrl-container-header-border-color:var(--ibiz-color-border);--ibiz-mdctrl-container-caption-text-color:var(--ibiz-color-text-2);--ibiz-mdctrl-container-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-mdctrl-container-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-mdctrl-container-caption-height:1.25rem;--ibiz-mdctrl-container-caption-line-height:1.25rem;--ibiz-mdctrl-container-button-text-color:var(--ibiz-color-primary);--ibiz-mdctrl-container-button-font-size:var(--ibiz-font-size-header-6);--ibiz-mdctrl-container-button-font-weight:var(--ibiz-font-weight-regular);--ibiz-mdctrl-container-content-bg-color:var(--ibiz-color-bg-1);--ibiz-mdctrl-container-footer-font-size:var(--ibiz-font-size-header-5);--ibiz-mdctrl-container-footer-bg-color:var(--ibiz-color-bg-1);--ibiz-mdctrl-container-footer-icon-margin-right:var(--ibiz-spacing-extra-tight);display:flex;flex-direction:column}.ibiz-mdctrl-container__btn{width:auto;padding:0;margin-left:10px;font-size:var(--ibiz-mdctrl-container-button-font-size);color:var(--ibiz-mdctrl-container-button-text-color);background-color:transparent;border:none}.ibiz-mdctrl-container__btn:active{background-color:transparent}.ibiz-mdctrl-container__btn:active::before{opacity:0}.ibiz-mdctrl-container-item{overflow:hidden}.ibiz-mdctrl-container-item__form{flex-grow:1}.ibiz-mdctrl-container-item .ibiz-mdctrl-container-item-header{display:flex;align-items:center;justify-content:flex-end;padding:var(--ibiz-mdctrl-container-header-padding);background-color:var(--ibiz-mdctrl-container-header-bg-color)}.ibiz-mdctrl-container-item-header__caption{flex-grow:1;height:var(--ibiz-mdctrl-container-caption-height);font-size:var(--ibiz-mdctrl-container-caption-font-size);font-weight:var(--ibiz-mdctrl-container-caption-font-weight);line-height:var(--ibiz-mdctrl-container-caption-line-height);color:var(--ibiz-mdctrl-container-caption-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-mdctrl-container-item-header__action{--van-button-small-height:1.25rem;display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-end;height:1.25rem;line-height:1.25rem;text-align:right}.ibiz-mdctrl-container-item .ibiz-mdctrl-container-item-content{background-color:var(--ibiz-mdctrl-container-content-bg-color)}.ibiz-mdctrl-container-item-content__remove-btn{height:100%}.ibiz-mdctrl-container-item .ibiz-form-page-item{--ibiz-form-page-item-gap:0}.ibiz-mdctrl-container-no-data{width:100%;display:flex;justify-content:flex-end}.ibiz-mdctrl-container-footer{color:red}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn{width:100%;padding:0;margin-left:0;font-size:var(--ibiz-mdctrl-container-footer-font-size);color:var(--ibiz-mdctrl-container-button-text-color);background-color:var(--ibiz-mdctrl-container-footer-bg-color);border:none}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn:active{background-color:transparent}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn:active::before{opacity:.1}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn .van-icon{margin-right:var(--ibiz-mdctrl-container-footer-icon-margin-right)}

package/lib/control/form/form-detail/form-page/form-page.css

@@ -1 +1 @@
-.ibiz-form-page-header{--ibiz-form-page-font-size:var(--ibiz-font-size-regular);--ibiz-form-page-header-border-color:var(--ibiz-color-border);--ibiz-form-page-text-color:var(--ibiz-color-text-2);--ibiz-form-page-bg-color:transparent;--ibiz-form-page-hover-text-color:var(--ibiz-color-text-0);--ibiz-form-page-hover-bg-color:transparent;--ibiz-form-page-active-text-color:var(--ibiz-color-text-0);--ibiz-form-page-active-bg-color:transparent;--ibiz-form-page-active-border-color:var(--ibiz-color-primary);--ibiz-form-page-header-margin:0;display:flex;flex-direction:column;height:100%}.ibiz-form-page-header .van-tabs__wrap{margin:var(--ibiz-form-page-header-margin);border-radius:var(--ibiz-border-radius-small)}.ibiz-form-page-header .van-tabs__content{flex:1;min-width:0;min-height:0;margin-top:var(--ibiz-spacing-tight)}
+.ibiz-form-page-header{--ibiz-form-page-font-size:var(--ibiz-font-size-regular);--ibiz-form-page-header-border-color:var(--ibiz-color-border);--ibiz-form-page-text-color:var(--ibiz-color-text-2);--ibiz-form-page-bg-color:transparent;--ibiz-form-page-hover-text-color:var(--ibiz-color-text-0);--ibiz-form-page-hover-bg-color:transparent;--ibiz-form-page-active-text-color:var(--ibiz-color-text-0);--ibiz-form-page-active-bg-color:transparent;--ibiz-form-page-active-border-color:var(--ibiz-color-primary);display:flex;flex-direction:column;height:100%}.ibiz-form-page-header .van-tabs__content{flex:1;min-width:0;min-height:0}

package/lib/control/form/form-detail/form-rawitem/form-rawitem.cjs

@@ -52,9 +52,10 @@ const FormRawItem = /* @__PURE__ */ vue.defineComponent({
       content = sysImage;
     }
     return vue.createVNode(vue.resolveComponent("iBizRawItem"), {
-      "class": this.ns.b(),
+      "class": [this.ns.b(), ...this.controller.containerClass],
       "content": content,
       "type": type,
+      "rawItem": this.modelData,
       "onClick": (event) => this.controller.onClick(event)
     }, null);
   }

package/lib/control/form/form-detail/form-rawitem/form-rawitem.css

@@ -1 +1 @@
-.ibiz-form-raw-item{width:100%;height:100%}
+.ibiz-form-raw-item{--ibiz-form-raw-item-padding:var(--ibiz-spacing-base);width:100%;height:100%;padding:var(--ibiz-form-raw-item-padding)}

package/lib/control/form/form-detail/form-tab-panel/form-tab-panel.css

@@ -1 +1 @@
-.ibiz-form-tab-panel{--ibiz-form-tab-panel-bg-color:var(--ibiz-color-bg-0);width:100%;height:100%;overflow:auto;background-color:var(--ibiz-form-tab-panel-bg-color)}.ibiz-form-tab-panel__caption{display:flex;align-items:center;justify-content:center}.ibiz-form-tab-panel>.van-tabs__wrap{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-form-tab-panel>.van-tabs__content{padding:0 var(--ibiz-spacing-extra-tight)}
+.ibiz-form-tab-panel{--ibiz-form-tab-panel-bg-color:var(--ibiz-color-bg-0);width:100%;height:100%;overflow:auto;background-color:var(--ibiz-form-tab-panel-bg-color)}.ibiz-form-tab-panel__caption{display:flex;align-items:center;justify-content:center}