@ibiz-template/mob-vue3-components 0.7.41-alpha.19-lts.1 → 0.7.41-alpha.21

package/lib/control/data-view/data-view.cjs

@@ -5,6 +5,7 @@ var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
 require('../../util/index.cjs');
 require('./data-view.css');
+var listRenderUtil = require('../../util/list-util/list-render-util.cjs');
 var usePagination = require('../../util/pagination/use-pagination.cjs');
 
 "use strict";
@@ -57,27 +58,35 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
     loadDefault: {
       type: Boolean,
       default: true
+    },
+    /**
+     * @description 是否是简单模式，即直接传入数据，不加载数据
+     */
+    isSimple: {
+      type: Boolean,
+      required: false
+    },
+    /**
+     * @description 简单模式下传入的数据
+     */
+    data: {
+      type: Array,
+      required: false
     }
   },
   setup(props) {
     const c = vue3Util.useControlController((...args) => new runtime.DataViewControlController(...args));
     const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
-    const active = vue.ref([]);
-    const isLodeMoreDisabled = vue.computed(() => {
-      if (c.model.enablePagingBar === true) {
-        return true;
-      }
-      if (c.model.pagingMode !== 2) {
-        return true;
-      }
-      return c.state.items.length >= c.state.total || c.state.isLoading || c.state.total <= c.state.size;
-    });
+    const {
+      enableLoadMore,
+      renderNoData,
+      renderAddItem,
+      renderScrollList,
+      renderGroup
+    } = listRenderUtil.useListRender(props, c, ns);
     const {
       onPageChange
     } = usePagination.usePagination(c);
-    const showCollapseOrExpandIcon = vue.computed(() => {
-      return !c.model.enableGroup && c.model.pagingMode === 3;
-    });
     const renderPanelItem = (item, modelData) => {
       const {
         context,
@@ -105,34 +114,23 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
         "class": ns.be("item-content", "bottom")
       }, [renderItemAction(item)]) : null]);
     };
-    const renderNoData = () => {
-      const {
-        isLoaded
-      } = c.state;
-      if (!isLoaded) {
-        return;
-      }
-      return isLoaded && vue.createVNode(vue.resolveComponent("iBizNoData"), {
-        "text": c.model.emptyText,
-        "emptyTextLanguageRes": c.model.emptyTextLanguageRes
-      }, null);
-    };
     const renderDefaultItem = (item) => {
       return vue.createVNode(vue.resolveComponent("van-card"), {
         "title": item.srfmajortext,
-        "desc": item.content,
-        "onClick": () => c.onRowClick(item)
+        "desc": item.content
       }, {
         footer: () => renderFooter(item)
       });
     };
     const renderCard = (item) => {
+      var _a;
       const model = c.model;
       const findIndex = c.state.selectedData.findIndex((data) => {
         return data.srfkey === item.srfkey;
       });
       const panel = props.modelData.itemLayoutPanel;
-      const cardClass = [ns.b("item"), ns.is("active", findIndex !== -1)];
+      const itemSysCss = ((_a = model.itemSysCss) == null ? void 0 : _a.cssName) || "";
+      const cardClass = [ns.b("item"), ns.is("active", findIndex !== -1), itemSysCss];
       const cardStyle = {};
       if (model.cardWidth) {
         Object.assign(cardStyle, {
@@ -145,10 +143,9 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
         });
       }
       Object.assign(cardStyle, ns.cssVarBlock({
-        "item-bg-color": `${item.bgcolor || ""}`,
-        "item-font-color": `${item.fontcolor || ""}`,
-        "item-hover-color": `${item.hovercolor || ""}`,
-        "item-active-color": `${item.activecolor || ""}`
+        "color-bg": `${item.bgcolor || ""}`,
+        "color-text": `${item.fontcolor || ""}`,
+        "color-item-active": `${item.activecolor || ""}`
       }));
       return vue.createVNode("div", {
         "class": cardClass,
@@ -156,15 +153,15 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
         "onClick": () => c.onRowClick(item)
       }, [panel ? renderPanelItem(item, panel) : renderDefaultItem(item)]);
     };
-    const renderDefault = () => {
+    const renderContent = (items) => {
       const {
         cardColMD
       } = c.model;
       if (cardColMD) {
         let _slot2;
         return vue.createVNode(vue.resolveComponent("van-row"), {
-          "class": [ns.e("item-row")]
-        }, _isSlot(_slot2 = c.state.items.map((item) => {
+          "class": [ns.e("row")]
+        }, _isSlot(_slot2 = items.map((item) => {
           let _slot;
           return vue.createVNode(vue.resolveComponent("van-col"), {
             "span": cardColMD,
@@ -176,71 +173,42 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
           default: () => [_slot2]
         });
       }
-      return c.state.items.map((item) => {
+      return [...items.map((item) => {
         return renderCard(item);
-      });
+      })];
     };
-    const renderGroup = () => {
-      let _slot4;
-      return vue.createVNode(vue.resolveComponent("van-collapse"), {
-        "modelValue": active.value,
-        "onUpdate:modelValue": ($event) => active.value = $event
-      }, _isSlot(_slot4 = c.state.groups.map((group, index) => {
-        let _slot3;
-        return vue.createVNode(vue.resolveComponent("van-collapse-item"), {
-          "title": group.caption,
-          "name": index
-        }, _isSlot(_slot3 = group.children.map((item) => {
-          return renderCard(item);
-        })) ? _slot3 : {
-          default: () => [_slot3]
-        });
-      })) ? _slot4 : {
-        default: () => [_slot4]
-      });
+    const renderDefault = () => {
+      const result = [];
+      result.push(renderContent(c.state.items));
+      if (c.enableNew) {
+        result.push(renderAddItem());
+      }
+      return result;
     };
     const renderMDContent = () => {
-      const model = c.model;
-      return vue.createVNode(vue.resolveComponent("van-list"), {
-        "class": [ns.b("scroll"), ns.e("content")],
-        "finished": isLodeMoreDisabled.value,
-        "immediate-check": false,
-        "onLoad": () => c.loadMore()
-      }, {
-        default: () => [model.groupMode !== "NONE" ? renderGroup() : renderDefault()]
-      });
-    };
-    const loadMoreIcon = () => {
-      return vue.createVNode("div", {
-        "class": ns.e("load-more"),
-        "onClick": () => c.loadMore()
-      }, [ibiz.i18n.t("control.common.loadMore")]);
-    };
-    const renderLoadMore = () => {
-      let icon = null;
-      const loadMore = c.state.items.length < c.state.total && c.state.total > c.state.size;
-      if (showCollapseOrExpandIcon.value && loadMore) {
-        icon = loadMoreIcon();
-      }
-      return icon;
+      const slots = c.enableGroup ? renderGroup({
+        children: renderContent
+      }) : renderDefault();
+      return renderScrollList(slots);
     };
     return {
       c,
       ns,
-      showCollapseOrExpandIcon,
+      enableLoadMore,
       onPageChange,
       renderNoData,
-      renderMDContent,
-      renderLoadMore
+      renderMDContent
     };
   },
   render() {
     const enablePagingBar = this.c.state.enablePagingBar && this.c.model.pagingMode === 1;
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
-      "class": [this.ns.is("enable-page", enablePagingBar || this.showCollapseOrExpandIcon)],
+      "class": [this.ns.is("enable-pagination", enablePagingBar), this.ns.is("enable-group", this.c.enableGroup), this.ns.is("hidden-finished", enablePagingBar || this.c.enableGroup || this.enableLoadMore)],
       "controller": this.c
     }, {
-      default: () => [this.c.state.isCreated && (this.c.state.items.length > 0 ? this.renderMDContent() : this.renderNoData()), enablePagingBar ? vue.createVNode(vue.resolveComponent("van-pagination"), {
+      default: () => [vue.createVNode("div", {
+        "class": this.ns.e("content-container")
+      }, [this.c.state.isCreated && (this.c.state.items.length > 0 ? this.renderMDContent() : this.renderNoData())]), enablePagingBar ? vue.createVNode(vue.resolveComponent("van-pagination"), {
         "class": this.ns.e("pagination"),
         "total-items": this.c.state.total,
         "model-value": this.c.state.curPage,
@@ -248,7 +216,7 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
         "page-count": this.c.state.totalPages,
         "force-ellipses": true,
         "onChange": this.onPageChange
-      }, null) : null, this.renderLoadMore()]
+      }, null) : null]
     });
   }
 });

package/lib/control/data-view/data-view.css

@@ -1 +1 @@
-.ibiz-control-dataview-item{padding:var(--ibiz-control-dataview-item-padding);box-shadow:0 0 12px rgba(0,0,0,.12);background-color:var(--ibiz-control-dataview-item-bg-color);color:var(--ibiz-control-dataview-item-font-color)}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-item-hover-color)}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-item-active-color)}.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-item-padding:0.625rem;--ibiz-control-dataview-padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);--ibiz-control-dataview-card-margin:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-item-margin:calc(var(--ibiz-spacing-base-tight) / 2);--ibiz-control-dataview-pagination-height:var(--van-pagination-height);height:100%;--van-card-thumb-size:auto;overflow:var(--ibiz-control-overflow)}.ibiz-control-dataview__content{display:flex;flex-wrap:wrap;height:100%;width:100%;padding:var(--ibiz-control-dataview-padding)}.ibiz-control-dataview__content>*{margin:var(--ibiz-control-dataview-item-margin);flex:none}.ibiz-control-dataview .van-card:not(:first-child){margin-top:var(--ibiz-control-dataview-card-margin)}.ibiz-control-dataview__item-row{width:100%}.ibiz-control-dataview__item-col{margin:var(--ibiz-control-dataview-item-margin) 0}.ibiz-control-dataview.is-enable-page .ibiz-control-dataview__content{height:calc(100% - var(--ibiz-control-dataview-pagination-height))}.ibiz-control-dataview__load-more{display:flex;align-items:center;justify-content:center;height:var(--ibiz-control-dataview-pagination-height);cursor:pointer;color:var(--ibiz-color-link)}
+.ibiz-control-dataview{--ibiz-control-dataview-color-text:var(--ibiz-color-text-0);--ibiz-control-dataview-color-bg:var(--ibiz-color-bg-0);--ibiz-control-dataview-color-item-active:var(--ibiz-color-primary-light-default);--ibiz-control-dataview-color-group-bg:var(--ibiz-color-bg-0);--ibiz-control-dataview-color-group-text:var(--ibiz-color-text-1);--ibiz-control-dataview-spacing-item-padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);--ibiz-control-dataview-spacing-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-dataview-spacing-item-gap:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-spacing-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-dataview-font-group-fontSize:var(--ibiz-font-size-header-6);--ibiz-control-dataview-font-group-lineHeight:var(--ibiz-height-control-default);--ibiz-control-dataview-shadow:var(--ibiz-shadow-elevated);height:100%;--van-card-thumb-size:auto}.ibiz-control-dataview__content-container{height:100%;width:100%}.ibiz-control-dataview__content{display:flex;flex-wrap:wrap;max-height:100%;gap:var(--ibiz-control-dataview-spacing-item-gap);overflow-y:auto;padding:var(--ibiz-control-dataview-spacing-padding)}.ibiz-control-dataview__content .van-list__error-text,.ibiz-control-dataview__content .van-list__finished-text,.ibiz-control-dataview__content .van-list__loading{width:100%}.ibiz-control-dataview__row{gap:0;margin:calc(-1 * var(--ibiz-control-dataview-spacing-item-gap)/ 2)}.ibiz-control-dataview__row .ibiz-control-dataview__item-col{padding:calc(var(--ibiz-control-dataview-spacing-item-gap)/ 2)}.ibiz-control-dataview.is-enable-pagination{display:flex;flex-direction:column}.ibiz-control-dataview.is-enable-pagination .ibiz-control-dataview__content-container{flex:auto;height:0}.ibiz-control-dataview.is-enable-pagination .ibiz-control-dataview__pagination{flex:none}.ibiz-control-dataview.is-hidden-finished .van-list__finished-text{display:none}.ibiz-control-dataview.is-enable-group .ibiz-control-dataview__content{padding:0}.ibiz-control-dataview.is-enable-group .ibiz-control-dataview-group__item{padding:var(--ibiz-control-dataview-spacing-padding)}.ibiz-control-dataview__anchor{width:100%}.ibiz-control-dataview__anchor .van-index-anchor{padding:0}.ibiz-control-dataview-item{flex:none;padding:var(--ibiz-control-dataview-spacing-item-padding);box-shadow:var(--ibiz-control-dataview-shadow);color:var(--ibiz-control-dataview-color-text);background-color:var(--ibiz-control-dataview-color-bg);width:100%}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-color-item-active)}.ibiz-control-dataview-item>.van-card{padding:0;background-color:transparent;color:inherit}.ibiz-control-dataview-group{height:100%;width:100%}.ibiz-control-dataview-group__container{width:100%;height:100%}.ibiz-control-dataview-group__item{display:flex;flex-direction:column;gap:var(--ibiz-control-dataview-spacing-item-gap)}.ibiz-control-dataview-group__caption{padding:var(--ibiz-control-dataview-spacing-group-padding);font-size:var(--ibiz-control-dataview-font-group-fontSize);line-height:var(--ibiz-control-dataview-font-group-lineHeight);color:var(--ibiz-control-dataview-color-group-text);background-color:var(--ibiz-control-dataview-color-group-bg)}.ibiz-control-dataview-quicktoolbar{width:100%;display:flex;align-items:center;justify-content:center}

package/lib/control/drbar/drbar.controller.cjs

@@ -288,7 +288,6 @@ class DRBarController extends runtime.ControlController {
     }
     if (this.isCreate) {
       this.state.defaultItem = this.model.uniqueTag;
-      return;
     }
   }
   /**
@@ -500,7 +499,10 @@ class DRBarController extends runtime.ControlController {
       context,
       params,
       viewId: drBarItem.appViewId,
-      isRoutePushed
+      isRoutePushed,
+      modalOptions: {
+        replace: true
+      }
     });
   }
   /**

package/lib/control/drtab/drtab.cjs

@@ -7,9 +7,6 @@ var drtab_controller = require('./drtab.controller.cjs');
 require('./drtab.css');
 
 "use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
 const DRTabControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizDrTabControl",
   props: {
@@ -40,6 +37,13 @@ const DRTabControl = /* @__PURE__ */ vue.defineComponent({
      */
     provider: {
       type: Object
+    },
+    /**
+     * @description 隐藏编辑项
+     */
+    hideEditItem: {
+      type: Boolean,
+      default: void 0
     }
   },
   setup() {
@@ -48,14 +52,11 @@ const DRTabControl = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
     const router = vueRouter.useRouter();
     c.setRouter(router);
-    const counterData = vue.reactive({});
+    const counterData = vue.ref({});
     const showPopover = vue.ref(false);
-    const tabPosition = ((_a = c.view.model.tabLayout) == null ? void 0 : _a.toLowerCase()) || "top";
-    const activeTab = vue.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) {
@@ -67,114 +68,39 @@ const DRTabControl = /* @__PURE__ */ vue.defineComponent({
       showPopover.value = false;
       c.handleTabChange();
     };
-    const onChangePopover = (e) => {
-      e.stopPropagation();
-      showPopover.value = !showPopover.value;
-    };
-    vue.onUnmounted(() => {
-      var _a2;
-      (_a2 = c.counter) == null ? void 0 : _a2.offChange(fn);
+    const tabPages = vue.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 vue.createVNode(vue.resolveComponent("van-popover"), {
-        "class": ns.e("dropdown-list"),
-        "placement": "bottom-start",
-        "show": showPopover.value,
-        "onUpdate:show": ($event) => showPopover.value = $event
-      }, {
-        default: () => {
-          return vue.createVNode("div", {
-            "class": ns.e("popover")
-          }, [c.state.drTabPages.map((tab) => {
-            if (!tab.hidden) {
-              return vue.createVNode("div", {
-                "class": [ns.em("popover", "item"), ns.is("disabled", tab.disabled)],
-                "onClick": () => onTabChange(tab.tag)
-              }, [tab.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
-                "icon": tab.sysImage
-              }, null), vue.createVNode("div", {
-                "class": "caption"
-              }, [vue.createVNode("span", {
-                "class": "text"
-              }, [tab.caption]), tab.counterId && vue.createVNode(vue.resolveComponent("iBizBadge"), {
-                "value": counterData[tab.counterId],
-                "counterMode": tab.counterMode
-              }, null)]), tab.tag === c.state.activeName && vue.createVNode("ion-icon", {
-                "name": "checkmark-outline"
-              }, null)]);
-            }
-            return null;
-          })]);
-        },
-        reference: () => {
-          return vue.createVNode(vue.resolveComponent("van-button"), {
-            "onClick": onChangePopover
-          }, {
-            default: () => {
-              var _a2, _b, _c;
-              return [((_a2 = activeTab.value) == null ? void 0 : _a2.sysImage) && vue.createVNode(vue.resolveComponent("iBizIcon"), {
-                "class": ns.em("dropdown-list", "icon"),
-                "icon": activeTab.value.sysImage
-              }, null), vue.createVNode("span", {
-                "class": ns.em("dropdown-list", "caption")
-              }, [(_b = activeTab.value) == null ? void 0 : _b.caption, ((_c = activeTab.value) == null ? void 0 : _c.counterId) && vue.createVNode(vue.resolveComponent("iBizBadge"), {
-                "value": counterData[activeTab.value.counterId],
-                "counterMode": activeTab.value.counterMode
-              }, null)]), vue.createVNode("ion-icon", {
-                "name": "chevron-down-outline"
-              }, null)];
-            }
-          });
-        }
-      });
-    };
-    const renderDefault = () => {
-      let _slot;
-      return vue.createVNode(vue.resolveComponent("van-tabs"), {
-        "class": ns.e("tabs"),
-        "active": c.state.activeName,
-        "onChange": onTabChange
-      }, _isSlot(_slot = c.state.drTabPages.map((tab) => {
-        if (!tab.hidden) {
-          return vue.createVNode(vue.resolveComponent("van-tab"), {
-            "name": tab.tag,
-            "class": ns.e("tab-item"),
-            "disabled": tab.disabled,
-            "badge": tab.counterId ? counterData[tab.counterId] : void 0
-          }, {
-            title: () => vue.createVNode("div", {
-              "class": ns.em("tab-item", "title")
-            }, [tab.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
-              "class": ns.em("tab-item", "title-icon"),
-              "icon": tab.sysImage
-            }, null), vue.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 vue.createVNode(vue.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 && vue.createVNode(vue.resolveComponent("iBizTabLayout"), {
+        "tabPages": this.tabPages,
+        "layoutMode": this.layoutMode,
+        "activeName": activeName,
+        "onTabChange": this.onTabChange
+      }, null)]
     });
   }
 });

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-spacing-topright-top:calc(var(--ibiz-view-page-caption-line-height) + 2 * var(--ibiz-spacing-tight));--ibiz-control-edit-form-spacing-topright-right:0px;--ibiz-control-edit-form-spacing-bottomright-bottom:0px;--ibiz-control-edit-form-spacing-bottomright-right:0px;--ibiz-control-edit-form-spacing-middleright-top:50%;--ibiz-control-edit-form-spacing-middleright-right:0px;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-spacing-middleright-top);right:var(--ibiz-control-edit-form-spacing-middleright-right)}.ibiz-control-edit-form__anchor--bottomright .van-index-bar__sidebar{top:auto;right:var(--ibiz-control-edit-form-spacing-bottomright-right);bottom:var(--ibiz-control-edit-form-spacing-bottomright-bottom);transform:none}.ibiz-control-edit-form__anchor--topright .van-index-bar__sidebar{top:var(--ibiz-control-edit-form-spacing-topright-top);right:var(--ibiz-control-edit-form-spacing-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/form.css

@@ -1 +1 @@
-.ibiz-control-form{--ibiz-control-form-bg-color:var(--ibiz-color-bg-1)}.ibiz-control-form{width:100%;background-color:var(--ibiz-control-form-bg-color)}
+.ibiz-control-form{--ibiz-control-form-color-bg:var(--ibiz-color-bg-1)}.ibiz-control-form{width:100%;background-color:var(--ibiz-control-form-color-bg)}

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