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

package/es/control/drtab/drtab.controller.mjs

@@ -1,5 +1,6 @@
 import { ControlController, CounterService, calcItemVisible, Srfuf, hasSubRoute, calcNavParams, calcItemVisibleByCounter } from '@ibiz-template/runtime';
 import { getNestedRoutePath } from '@ibiz-template/vue3-util';
+import { createUUID } from 'qx-util';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -26,8 +27,9 @@ class DRTabController extends ControlController {
      */
     __publicField(this, "router");
   }
-  setActive(_name) {
-    throw new Error("Method not implemented.");
+  setActive(name) {
+    this.state.activeName = name;
+    this.handleTabChange();
   }
   /**
    * 导航占位控制器
@@ -46,7 +48,8 @@ class DRTabController extends ControlController {
    * @memberof DRTabController
    */
   get form() {
-    return this.view.getController("form");
+    var _a;
+    return (_a = this.view) == null ? void 0 : _a.getController("form");
   }
   /**
    * 路由层级
@@ -106,6 +109,8 @@ class DRTabController extends ControlController {
    * @memberof DRTabController
    */
   async initCounter() {
+    if (this.state.isCounterDisabled)
+      return;
     const { appCounterRefs } = this.model;
     const appCounterRef = appCounterRefs == null ? void 0 : appCounterRefs[0];
     if (appCounterRef) {
@@ -135,6 +140,7 @@ class DRTabController extends ControlController {
         }
         await this.calcDrTabPagesState();
         this.handleFormChange();
+        this.doDefaultSelect();
       });
       this.form.evt.on("onLoadDraftSuccess", () => {
         this.handleFormChange();
@@ -151,6 +157,31 @@ class DRTabController extends 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}-${createUUID()}`
+      });
+    }
+  }
   /**
    * @description 处理第一次的默认选中
    * @memberof DRTabController
@@ -307,6 +338,7 @@ class DRTabController extends 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]) {
@@ -378,7 +410,7 @@ class DRTabController extends 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({
@@ -386,7 +418,11 @@ class DRTabController extends ControlController {
       context,
       params,
       viewId: drTabPages.appViewId,
-      isRoutePushed
+      isRoutePushed,
+      modalOptions: {
+        replace: true
+      },
+      ...opts
     });
   }
   /**

package/es/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/es/control/drtab/drtab.mjs

@@ -1,13 +1,10 @@
-import { isVNode, defineComponent, createVNode, resolveComponent, reactive, ref, computed, onUnmounted } from 'vue';
+import { defineComponent, createVNode, resolveComponent, ref, computed } from 'vue';
 import { useRouter } from 'vue-router';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { DRTabController } from './drtab.controller.mjs';
 import './drtab.css';
 
 "use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 const DRTabControl = /* @__PURE__ */ defineComponent({
   name: "IBizDrTabControl",
   props: {
@@ -38,6 +35,13 @@ const DRTabControl = /* @__PURE__ */ defineComponent({
      */
     provider: {
       type: Object
+    },
+    /**
+     * @description 隐藏编辑项
+     */
+    hideEditItem: {
+      type: Boolean,
+      default: void 0
     }
   },
   setup() {
@@ -46,14 +50,11 @@ const DRTabControl = /* @__PURE__ */ defineComponent({
     const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
     const router = useRouter();
     c.setRouter(router);
-    const counterData = reactive({});
+    const counterData = ref({});
     const showPopover = ref(false);
-    const tabPosition = ((_a = c.view.model.tabLayout) == null ? void 0 : _a.toLowerCase()) || "top";
-    const activeTab = computed(() => {
-      return c.state.drTabPages.find((tab) => tab.tag === c.state.activeName);
-    });
+    const layoutMode = ((_a = c.view.model.tabLayout) == null ? void 0 : _a.toLowerCase()) || "top";
     const fn = (counter) => {
-      Object.assign(counterData, counter);
+      counterData.value = counter;
     };
     c.evt.on("onCreated", () => {
       if (c.counter) {
@@ -65,114 +66,39 @@ const DRTabControl = /* @__PURE__ */ defineComponent({
       showPopover.value = false;
       c.handleTabChange();
     };
-    const onChangePopover = (e) => {
-      e.stopPropagation();
-      showPopover.value = !showPopover.value;
-    };
-    onUnmounted(() => {
-      var _a2;
-      (_a2 = c.counter) == null ? void 0 : _a2.offChange(fn);
+    const tabPages = computed(() => {
+      return c.state.drTabPages.map((_tab) => ({
+        id: _tab.tag,
+        text: _tab.caption,
+        icon: _tab.sysImage,
+        counter: _tab.counterId ? counterData.value[_tab.counterId] : null,
+        isHidden: _tab.hidden
+      }));
     });
-    const renderDropdownList = () => {
-      return createVNode(resolveComponent("van-popover"), {
-        "class": ns.e("dropdown-list"),
-        "placement": "bottom-start",
-        "show": showPopover.value,
-        "onUpdate:show": ($event) => showPopover.value = $event
-      }, {
-        default: () => {
-          return createVNode("div", {
-            "class": ns.e("popover")
-          }, [c.state.drTabPages.map((tab) => {
-            if (!tab.hidden) {
-              return createVNode("div", {
-                "class": [ns.em("popover", "item"), ns.is("disabled", tab.disabled)],
-                "onClick": () => onTabChange(tab.tag)
-              }, [tab.sysImage && createVNode(resolveComponent("iBizIcon"), {
-                "icon": tab.sysImage
-              }, null), createVNode("div", {
-                "class": "caption"
-              }, [createVNode("span", {
-                "class": "text"
-              }, [tab.caption]), tab.counterId && createVNode(resolveComponent("iBizBadge"), {
-                "value": counterData[tab.counterId],
-                "counterMode": tab.counterMode
-              }, null)]), tab.tag === c.state.activeName && createVNode("ion-icon", {
-                "name": "checkmark-outline"
-              }, null)]);
-            }
-            return null;
-          })]);
-        },
-        reference: () => {
-          return createVNode(resolveComponent("van-button"), {
-            "onClick": onChangePopover
-          }, {
-            default: () => {
-              var _a2, _b, _c;
-              return [((_a2 = activeTab.value) == null ? void 0 : _a2.sysImage) && createVNode(resolveComponent("iBizIcon"), {
-                "class": ns.em("dropdown-list", "icon"),
-                "icon": activeTab.value.sysImage
-              }, null), createVNode("span", {
-                "class": ns.em("dropdown-list", "caption")
-              }, [(_b = activeTab.value) == null ? void 0 : _b.caption, ((_c = activeTab.value) == null ? void 0 : _c.counterId) && createVNode(resolveComponent("iBizBadge"), {
-                "value": counterData[activeTab.value.counterId],
-                "counterMode": activeTab.value.counterMode
-              }, null)]), createVNode("ion-icon", {
-                "name": "chevron-down-outline"
-              }, null)];
-            }
-          });
-        }
-      });
-    };
-    const renderDefault = () => {
-      let _slot;
-      return createVNode(resolveComponent("van-tabs"), {
-        "class": ns.e("tabs"),
-        "active": c.state.activeName,
-        "onChange": onTabChange
-      }, _isSlot(_slot = c.state.drTabPages.map((tab) => {
-        if (!tab.hidden) {
-          return createVNode(resolveComponent("van-tab"), {
-            "name": tab.tag,
-            "class": ns.e("tab-item"),
-            "disabled": tab.disabled,
-            "badge": tab.counterId ? counterData[tab.counterId] : void 0
-          }, {
-            title: () => createVNode("div", {
-              "class": ns.em("tab-item", "title")
-            }, [tab.sysImage && createVNode(resolveComponent("iBizIcon"), {
-              "class": ns.em("tab-item", "title-icon"),
-              "icon": tab.sysImage
-            }, null), createVNode("span", {
-              "class": ns.em("tab-item", "title-caption")
-            }, [tab.caption])])
-          });
-        }
-        return null;
-      })) ? _slot : {
-        default: () => [_slot]
-      });
-    };
     return {
       c,
       ns,
-      tabPosition,
-      renderDefault,
-      renderDropdownList
+      tabPages,
+      layoutMode,
+      onTabChange
     };
   },
   render() {
     const {
       isCreated,
+      activeName,
       isCalculatedPermission
     } = this.c.state;
     return createVNode(resolveComponent("iBizControlBase"), {
       "controller": this.c,
-      "class": this.ns.b()
+      "class": [this.ns.b(), this.ns.m(this.layoutMode)]
     }, {
-      default: () => [isCreated && isCalculatedPermission && this.tabPosition === "top_dropdownlist" ? this.renderDropdownList() : this.renderDefault()]
+      default: () => [isCreated && isCalculatedPermission && createVNode(resolveComponent("iBizTabLayout"), {
+        "tabPages": this.tabPages,
+        "layoutMode": this.layoutMode,
+        "activeName": activeName,
+        "onTabChange": this.onTabChange
+      }, null)]
     });
   }
 });

package/es/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/es/control/form/edit-form/edit-form.mjs

@@ -1,10 +1,13 @@
-import { defineComponent, createVNode, resolveComponent, ref, watch, reactive } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, ref, watch, reactive } from 'vue';
 import { EditFormController } from '@ibiz-template/runtime';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { debounce } from 'lodash-es';
 import './edit-form.css';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const EditFormControl = /* @__PURE__ */ defineComponent({
   name: "IBizEditFormControl",
   props: {
@@ -80,6 +83,7 @@ const EditFormControl = /* @__PURE__ */ defineComponent({
     });
     const ns = useNamespace(`control-edit-form`);
     const filter = ref(void 0);
+    const anchorList = ref([]);
     if (props.isSimple) {
       if (props.simpleDataIndex || props.simpleDataIndex === 0) {
         c.setSimpleDataIndex(props.simpleDataIndex);
@@ -108,6 +112,7 @@ const EditFormControl = /* @__PURE__ */ defineComponent({
         const detail = c.details[key];
         detail.state = reactive(detail.state);
       });
+      anchorList.value = c.anchorData;
     });
     const handleInput = debounce((val) => {
       filter.value = val;
@@ -119,14 +124,16 @@ const EditFormControl = /* @__PURE__ */ defineComponent({
       c,
       ns,
       filter,
-      handleInput
+      handleInput,
+      anchorList
     };
   },
   render() {
     const {
-      enableItemFilter
+      enableItemFilter,
+      showFormNavBar
     } = this.c.model;
-    return createVNode("div", {
+    const content = createVNode("div", {
       "class": [this.ns.b(), this.ns.is("item-filter", enableItemFilter)]
     }, [enableItemFilter && createVNode(resolveComponent("van-search"), {
       "modelValue": this.filter,
@@ -138,6 +145,21 @@ const EditFormControl = /* @__PURE__ */ defineComponent({
     }, {
       ...this.$slots
     })]);
+    if (showFormNavBar) {
+      const {
+        navBarSysCss,
+        navBarPos
+      } = this.c.model;
+      const items = this.anchorList.filter((item) => item.pageId === this.c.state.activeTab);
+      return createVNode(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/es/control/form/form/form.mjs

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

package/es/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/es/control/form/form-detail/form-button/form-button.mjs

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

package/es/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/es/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/es/control/form/form-detail/form-group-panel/form-group-panel.mjs

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

package/es/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/es/control/form/form-detail/form-item/form-item-container/form-item-container.mjs

@@ -14,6 +14,7 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
   setup(props) {
     var _a, _b;
     const ns = useNamespace("form-item-container");
+    const editorNs = useNamespace("editor");
     let labelAlign = "left";
     let editorAlign = "right";
     const c = props.controller;
@@ -82,29 +83,28 @@ const IBizFormItemContainer = /* @__PURE__ */ 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 createVNode(resolveComponent("van-popover"), {
         "class": ns.e("popover"),
         "placement": labelPos === "RIGHT" ? "bottom-end" : "bottom-start"
@@ -131,7 +131,11 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
           }, null), sysImage && createVNode(resolveComponent("iBizIcon"), {
             "class": ns.em("label", "icon"),
             "icon": sysImage
-          }, null), createVNode("span", null, [c.labelCaption])]);
+          }, null), enableAnchor ? createVNode(resolveComponent("van-index-anchor"), {
+            "index": c.labelCaption
+          }, {
+            default: () => [c.labelCaption]
+          }) : createVNode("span", null, [c.labelCaption])]);
         }
       });
     };

package/es/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/es/control/form/form-detail/form-item/form-item.mjs

@@ -36,13 +36,14 @@ const FormItem = /* @__PURE__ */ 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/es/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/es/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)}