@ibiz-template/vue3-components 0.7.41-alpha.113 → 0.7.41-alpha.115

package/es/common/button-list/button-list.mjs

@@ -169,7 +169,12 @@ const IBizButtonList = /* @__PURE__ */ defineComponent({
             }
           }]
         },
-        "popper-style": "z-index: ".concat(zIndex.zIndex)
+        "popper-style": {
+          zIndex: zIndex.zIndex,
+          ...props.semantic.semanticStyle("popup", {
+            model: detail
+          })
+        }
       }, {
         reference: () => {
           var _a2, _b;

package/es/common/data-import/data-import.mjs

@@ -1,7 +1,7 @@
 import { isVNode, defineComponent, withDirectives, createVNode, resolveComponent, resolveDirective, ref } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
-import './data-import.css';
 import { downloadImportTemplate, selectAndImport } from '@ibiz-template/runtime';
+import './data-import.css';
 
 "use strict";
 function _isSlot(s) {
@@ -32,6 +32,7 @@ const DataImport = /* @__PURE__ */ defineComponent({
     }
   },
   setup(props) {
+    var _a;
     const ns = useNamespace("data-import");
     const message = ref({
       state: "ready",
@@ -39,14 +40,18 @@ const DataImport = /* @__PURE__ */ defineComponent({
     });
     const errorMessage = ref("");
     const isLoading = ref(false);
+    const importTemplName = ibiz.config.common.importTemplNameMode === "custom" ? "".concat((_a = props.dataImport) == null ? void 0 : _a.name).concat(ibiz.i18n.t("component.dataImport.template")) : "".concat(props.appDataEntity.logicName).concat(ibiz.i18n.t("component.dataImport.templateFile"));
     const onCancelButtonClick = () => {
       props.dismiss();
     };
     const onLinkClick = async () => {
-      downloadImportTemplate(props.appDataEntity, props.dataImport, props.context, props.params);
+      downloadImportTemplate(props.appDataEntity, props.dataImport, props.context, props.params, ibiz.config.common.importTemplNameMode === "custom" ? importTemplName : void 0);
     };
     const selectFile = async () => {
       isLoading.value = true;
+      errorMessage.value = "";
+      message.value.message = "";
+      message.value.state = "ready";
       const result = await selectAndImport({
         appDataEntity: props.appDataEntity,
         dataImport: props.dataImport,
@@ -84,12 +89,13 @@ const DataImport = /* @__PURE__ */ defineComponent({
     };
     return {
       ns,
-      onLinkClick,
-      selectFile,
-      onCancelButtonClick,
-      isLoading,
       message,
-      errorMessage
+      isLoading,
+      errorMessage,
+      importTemplName,
+      selectFile,
+      onLinkClick,
+      onCancelButtonClick
     };
   },
   render() {
@@ -124,7 +130,7 @@ const DataImport = /* @__PURE__ */ defineComponent({
     }, [createVNode("ion-icon", {
       "class": this.ns.e("link-icon"),
       "name": "link"
-    }, null), this.appDataEntity.logicName, ibiz.i18n.t("component.dataImport.templateFile")])]), createVNode("div", {
+    }, null), this.importTemplName])]), createVNode("div", {
       "class": this.ns.e("button-bar")
     }, [createVNode(resolveComponent("el-button"), {
       "onClick": this.onCancelButtonClick

package/es/control/calendar/components/calendar-user2/calendar-user2.mjs

@@ -122,11 +122,11 @@ const CalendarUser2 = /* @__PURE__ */ defineComponent({
       "class": [this.ns.e("title"), this.ns.em("header", "left"), this.semanticClass("title")],
       "style": this.semanticStyle("title")
     }, [this.title]), createVNode("div", {
-      "class": [this.ns.e("legend"), this.ns.em("header", "legend"), this.semanticStyle("legend")],
+      "class": [this.ns.e("legend"), this.ns.em("header", "legend"), this.semanticClass("legend")],
       "style": this.semanticStyle("legend")
     }, [this.legends.length > 1 && this.legends.map((legend) => {
       return createVNode("div", {
-        "class": [this.ns.e("legend-item"), this.ns.em("legend", "item"), this.semanticStyle("legend.item")],
+        "class": [this.ns.e("legend-item"), this.ns.em("legend", "item"), this.semanticClass("legend.item")],
         "style": this.semanticStyle("legend.item"),
         "onClick": () => this.$emit("legendClick", legend)
       }, [createVNode("div", {

package/es/control/calendar/components/custom-calendar/custom-calendar.mjs

@@ -107,8 +107,7 @@ const CustomCalendar = /* @__PURE__ */ defineComponent({
     const renderDay = () => {
       var _a;
       return createVNode("div", {
-        "class": ns.e("calendar-day"),
-        "style": props.semanticStyle("day")
+        "class": ns.e("calendar-day")
       }, [(slots == null ? void 0 : slots.header) ? createVNode("div", {
         "class": [ns.e("header"), ns.em("calendar-day", "header"), props.semanticClass("header")],
         "style": props.semanticStyle("header")

package/es/control/dashboard/portlet/menu-portlet/app-menu-portlet/app-menu-portlet.mjs

@@ -171,6 +171,7 @@ const AppMenuPortletControl = /* @__PURE__ */ defineComponent({
       let _slot;
       content = createVNode(resolveComponent("el-collapse"), {
         "class": [this.ns.e("content"), this.semanticClass("content")],
+        "style": this.semanticStyle("content"),
         "modelValue": this.defaultOpens,
         "onUpdate:modelValue": ($event) => this.defaultOpens = $event
       }, _isSlot(_slot = model.appMenuItems.map((item) => {
@@ -184,6 +185,7 @@ const AppMenuPortletControl = /* @__PURE__ */ defineComponent({
     }
     return createVNode(resolveComponent("iBizControlBase"), {
       "class": [this.ns.b(), this.semanticClass("root")],
+      "style": this.semanticStyle("root"),
       "controller": this.c
     }, _isSlot(content) ? content : {
       default: () => [content]

package/es/control/drtab/drtab-control.util.mjs

@@ -1,5 +1,5 @@
 import { ref, watch, watchEffect, onUnmounted } from 'vue';
-import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.117_axios@1.12.2_lodash-es@4.17.21_qs@6.14.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
+import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.119_axios@1.12.2_lodash-es@4.17.21_qs@6.14.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

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

@@ -32,6 +32,12 @@ class DRTabController extends ControlController {
      * @memberof DRTabController
      */
     __publicField(this, "srfCacheKeyTempl", "");
+    /**
+     * @description 显示位置
+     * @type {(string | undefined)}
+     * @memberof DRTabController
+     */
+    __publicField(this, "tabPosition");
     /**
      * Router 对象
      *
@@ -83,6 +89,15 @@ class DRTabController extends ControlController {
     const userId = this.context.srfuserid;
     return "".concat(userId, "_").concat(this.view.model.codeName, "_").concat(this.model.codeName);
   }
+  /**
+   * @description 是否启用折叠
+   * @readonly
+   * @type {boolean}
+   * @memberof DRTabController
+   */
+  get enableCollapse() {
+    return this.controlParams.enablecollapse === "true";
+  }
   /**
    * 是否启用锚点栏
    *
@@ -146,6 +161,8 @@ class DRTabController extends ControlController {
     super.initState();
     this.state.drTabPages = [];
     this.state.showMore = false;
+    this.state.expandedKeys = [];
+    this.state.expViewParams = {};
     this.state.hideEditItem = !!this.model.hideEditItem;
   }
   /**
@@ -155,6 +172,8 @@ class DRTabController extends ControlController {
    * @memberof DRTabController
    */
   async onCreated() {
+    var _a;
+    this.tabPosition = (_a = this.view.model.tabLayout) == null ? void 0 : _a.toLowerCase();
     await super.onCreated();
     await this.initCounter();
     this.srfCacheKeyTempl = this.controlParams.srfcachekeytempl || "";
@@ -360,7 +379,7 @@ class DRTabController extends ControlController {
         testScriptCode,
         counterMode
       } = item;
-      drTabPages.push({
+      const drTabPage = {
         tag: item.id,
         caption: item.caption,
         sysImage: item.sysImage,
@@ -372,7 +391,15 @@ class DRTabController extends ControlController {
         testAppDELogicId,
         testScriptCode,
         counterMode
-      });
+      };
+      if (this.tabPosition === "flow_noheader" || this.tabPosition === "flow") {
+        const { context, params } = this.prepareParams(item);
+        Object.assign(drTabPage, {
+          context,
+          params
+        });
+      }
+      drTabPages.push(drTabPage);
     });
     this.state.drTabPages = drTabPages;
     this.state.defaultName = drTabPages[0].tag;
@@ -385,6 +412,8 @@ class DRTabController extends ControlController {
         this.state.activeName = activeName;
       }
     }
+    if (this.enableCollapse)
+      this.state.expandedKeys = this.state.drTabPages.map((tab) => tab.tag);
     const isRoutePushed = !!this.routeDepth && hasSubRoute(this.routeDepth);
     this.handleTabChange(isRoutePushed);
   }
@@ -449,12 +478,12 @@ class DRTabController extends ControlController {
   /**
    * 准备参数
    *
-   * @param {IDEDRCtrlItem} drTabPages 关系分页
+   * @param {IDEDRCtrlItem} drTabPage 关系分页
    * @return {*}
    * @memberof DRTabController
    */
-  prepareParams(drTabPages) {
-    const { navigateContexts, navigateParams } = drTabPages;
+  prepareParams(drTabPage) {
+    const { navigateContexts, navigateParams } = drTabPage;
     const model = {
       navContexts: navigateContexts,
       navParams: navigateParams
@@ -466,9 +495,13 @@ class DRTabController extends ControlController {
     };
     const { resultContext, resultParams } = calcNavParams(model, originParams);
     const context = Object.assign(this.context.clone(), resultContext, {
-      currentSrfNav: drTabPages.id
+      currentSrfNav: drTabPage.id
     });
-    const params = { ...this.params, ...resultParams };
+    const params = {
+      ...this.params,
+      ...resultParams,
+      ...this.state.expViewParams
+    };
     return { context, params };
   }
   /**
@@ -476,20 +509,20 @@ class DRTabController extends ControlController {
    *
    * @author lxm
    * @date 2023-12-21 05:40:07
-   * @param {IDEDRCtrlItem} drTabPages
+   * @param {IDEDRCtrlItem} drTabPage
    * @param {boolean} [isRoutePushed=false]
    * @return {*}  {Promise<void>}
    */
-  async openNavPosView(drTabPages, isRoutePushed = false, navViewKey) {
+  async openNavPosView(drTabPage, isRoutePushed = false, navViewKey) {
     var _a;
-    const { context, params } = this.prepareParams(drTabPages);
-    if (!drTabPages.appViewId)
+    const { context, params } = this.prepareParams(drTabPage);
+    if (!drTabPage.appViewId)
       return;
     (_a = this.navPos) == null ? void 0 : _a.openView({
-      key: navViewKey || drTabPages.id,
+      key: navViewKey || drTabPage.id,
       context,
       params,
-      viewId: drTabPages.appViewId,
+      viewId: drTabPage.appViewId,
       isRoutePushed
     });
   }
@@ -524,6 +557,20 @@ class DRTabController extends ControlController {
    */
   async refresh() {
     var _a;
+    if (this.tabPosition === "flow_noheader" || this.tabPosition === "flow") {
+      this.state.drTabPages.forEach((tabPageState) => {
+        var _a2;
+        const dedrtabPage = (_a2 = this.model.dedrtabPages) == null ? void 0 : _a2.find(
+          (item) => item.id === tabPageState.tag
+        );
+        if (dedrtabPage) {
+          const { context, params } = this.prepareParams(dedrtabPage);
+          tabPageState.context = context;
+          tabPageState.params = params;
+        }
+      });
+      return;
+    }
     const { activeName } = this.state;
     const drBarItem = (_a = this.model.dedrtabPages) == null ? void 0 : _a.find(
       (item) => item.id === activeName
@@ -579,6 +626,19 @@ class DRTabController extends ControlController {
         page.caption = ibiz.i18n.t(page.capLanguageRes.lanResTag, page.caption);
     });
   }
+  /**
+   * @description 折叠改变
+   * @param {string} id
+   * @memberof DRTabController
+   */
+  onCollapseChange(id) {
+    const index = this.state.expandedKeys.findIndex((key) => key === id);
+    if (index > -1) {
+      this.state.expandedKeys.splice(index, 1);
+    } else {
+      this.state.expandedKeys.push(id);
+    }
+  }
 }
 
 export { DRTabController };

package/es/control/drtab/drtab.mjs

@@ -259,7 +259,7 @@ const DRTabControl = /* @__PURE__ */ defineComponent({
         "style": this.semanticStyle("root"),
         "semanticClass": this.semanticClass,
         "semanticStyle": this.semanticStyle,
-        "pagesstate": this.visibleItems,
+        "pagesState": this.visibleItems,
         "drtabpages": this.modelData.dedrtabPages,
         "context": this.c.context,
         "params": this.c.params,

package/es/control/drtab/flow-drtab.css

@@ -1 +1 @@
-.ibiz-flow-drtab{--ibiz-control-drtab-flow-bg-color:var(--ibiz-color-bg-0);--ibiz-control-drtab-flow-item-gap:var(--ibiz-spacing-extra-tight);--ibiz-control-drtab-flow-item-padding:var(--ibiz-spacing-base);--ibiz-control-drtab-flow-item-bg-color:var(--ibiz-color-bg-1);--ibiz-control-drtab-flow-item-border-color:var(--ibiz-color-fill-1);--ibiz-control-drtab-flow-item-font-size:var(--ibiz-font-size-header-5);--ibiz-control-drtab-flow-item-border-radius:var(--ibiz-border-radius-medium);--ibiz-control-drtab-flow-anchor-gap:var(--ibiz-spacing-base);--ibiz-control-drtab-flow-anchor-font-size:var(--ibiz-font-size-regular);--ibiz-control-drtab-flow-anchor-bg-color:var(--ibiz-color-bg-1);--ibiz-control-drtab-flow-anchor-border-radius:var(--ibiz-border-radius-medium);--ibiz-control-drtab-flow-item-counter-font-size:var(--ibiz-font-size-regular);--ibiz-control-drtab-flow-item-counter-text-align:center;--ibiz-control-drtab-flow-anchor-item-padding:0 var(--ibiz-spacing-base);--ibiz-control-drtab-flow-anchor-item-hover-color:var(--ibiz-color-primary);--ibiz-control-drtab-flow-anchor-item-active-color:var(--ibiz-color-primary);width:100%;height:100%;overflow:hidden;background-color:var(--ibiz-control-drtab-flow-bg-color)}.ibiz-flow-drtab__container{height:100%;overflow:auto}.ibiz-flow-drtab__tab-item{background-color:var(--ibiz-control-drtab-flow-item-bg-color);border-radius:var(--ibiz-control-drtab-flow-item-border-radius)}.ibiz-flow-drtab__tab-item--label{display:flex;gap:var(--ibiz-control-drtab-flow-item-gap);align-items:center;padding:var(--ibiz-control-drtab-flow-item-padding);font-size:var(--ibiz-control-drtab-flow-item-font-size);border-bottom:1px solid var(--ibiz-control-drtab-flow-item-border-color)}.ibiz-flow-drtab__tab-item--tab-view{padding:var(--ibiz-spacing-tight) 0}.ibiz-flow-drtab__tab-item+.ibiz-flow-drtab__tab-item{margin-top:var(--ibiz-spacing-base)}.ibiz-flow-drtab__counter{font-size:var(--ibiz-control-drtab-flow-item-counter-font-size);text-align:var(--ibiz-control-drtab-flow-item-counter-text-align)}.ibiz-flow-drtab .ibiz-flow-drtab{background-color:inherit}.ibiz-flow-drtab.is-enable-anchor{display:flex;gap:var(--ibiz-spacing-base)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__container{flex:1}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar{display:flex;min-width:200px;padding:var(--ibiz-control-drtab-flow-anchor-gap) 0;font-size:var(--ibiz-control-drtab-flow-anchor-font-size);background-color:var(--ibiz-control-drtab-flow-anchor-bg-color);border-radius:var(--ibiz-control-drtab-flow-anchor-border-radius)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-topleft{align-items:start}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-bottomleft{align-items:end}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-topright{flex-direction:row-reverse;align-items:start}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-bottomright{flex-direction:row-reverse;align-items:end}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-middleleft{align-items:center}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-middleright{flex-direction:row-reverse;align-items:center}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-items{width:100%;max-height:100%;overflow:auto}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item{width:100%;height:32px;padding:var(--ibiz-control-drtab-flow-anchor-item-padding);overflow:hidden;line-height:32px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item:hover{color:var(--ibiz-control-drtab-flow-anchor-item-hover-color)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item.is-active{position:relative;color:var(--ibiz-control-drtab-flow-anchor-item-active-color)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item.is-active::before{position:absolute;top:0;left:0;width:4px;height:100%;content:"";background-color:var(--ibiz-control-drtab-flow-anchor-item-active-color);border-radius:2px}.ibiz-flow-drtab.is-enable-anchor.is-left{flex-direction:row;overflow:auto}.ibiz-flow-drtab.is-enable-anchor.is-left>.ibiz-flow-drtab__container{--navbarwidth:200px;flex:1 0;width:calc(100% - var(--navbarwidth) - 2 * var(--ibiz-spacing-base));overflow:unset}.ibiz-flow-drtab.is-enable-anchor.is-left .ibiz-flow-drtab__anchor-bar{position:sticky;top:0}.ibiz-flow-drtab.is-enable-anchor.is-left .ibiz-flow-drtab__anchor-items::-webkit-scrollbar{display:none}.ibiz-flow-drtab.is-enable-anchor.is-right{flex-direction:row-reverse;overflow:auto}.ibiz-flow-drtab.is-enable-anchor.is-right>.ibiz-flow-drtab__container{--navbarwidth:200px;flex:1 0;width:calc(100% - var(--navbarwidth) - 2 * var(--ibiz-spacing-base));overflow:unset}.ibiz-flow-drtab.is-enable-anchor.is-right .ibiz-flow-drtab__anchor-bar{position:sticky;top:0}.ibiz-flow-drtab.is-enable-anchor.is-right .ibiz-flow-drtab__anchor-items::-webkit-scrollbar{display:none}
+.ibiz-flow-drtab{--ibiz-control-drtab-flow-bg-color:var(--ibiz-color-bg-0);--ibiz-control-drtab-flow-item-gap:var(--ibiz-spacing-extra-tight);--ibiz-control-drtab-flow-item-padding:var(--ibiz-spacing-base);--ibiz-control-drtab-flow-item-bg-color:var(--ibiz-color-bg-1);--ibiz-control-drtab-flow-item-border-color:var(--ibiz-color-fill-1);--ibiz-control-drtab-flow-item-font-size:var(--ibiz-font-size-header-5);--ibiz-control-drtab-flow-item-border-radius:var(--ibiz-border-radius-medium);--ibiz-control-drtab-flow-anchor-gap:var(--ibiz-spacing-base);--ibiz-control-drtab-flow-anchor-font-size:var(--ibiz-font-size-regular);--ibiz-control-drtab-flow-anchor-bg-color:var(--ibiz-color-bg-1);--ibiz-control-drtab-flow-anchor-border-radius:var(--ibiz-border-radius-medium);--ibiz-control-drtab-flow-item-counter-font-size:var(--ibiz-font-size-regular);--ibiz-control-drtab-flow-item-counter-text-align:center;--ibiz-control-drtab-flow-anchor-item-padding:0 var(--ibiz-spacing-base);--ibiz-control-drtab-flow-anchor-item-hover-color:var(--ibiz-color-primary);--ibiz-control-drtab-flow-anchor-item-active-color:var(--ibiz-color-primary);width:100%;height:100%;overflow:hidden;background-color:var(--ibiz-control-drtab-flow-bg-color)}.ibiz-flow-drtab__icon{display:flex;align-items:center;justify-content:center}.ibiz-flow-drtab__container{height:100%;overflow:auto}.ibiz-flow-drtab__tab-item{background-color:var(--ibiz-control-drtab-flow-item-bg-color);border-radius:var(--ibiz-control-drtab-flow-item-border-radius)}.ibiz-flow-drtab__tab-item.is-enable-collapse .ibiz-flow-drtab__tab-item--label{cursor:pointer}.ibiz-flow-drtab__tab-item.is-collapse .ibiz-flow-drtab__icon--collapse{transform:rotate(-90deg)}.ibiz-flow-drtab__tab-item.is-collapse .ibiz-flow-drtab__tab-item--tab-view{display:none}.ibiz-flow-drtab__tab-item--label{display:flex;gap:var(--ibiz-control-drtab-flow-item-gap);align-items:center;padding:var(--ibiz-control-drtab-flow-item-padding);font-size:var(--ibiz-control-drtab-flow-item-font-size);border-bottom:1px solid var(--ibiz-control-drtab-flow-item-border-color)}.ibiz-flow-drtab__tab-item--tab-view{padding:var(--ibiz-spacing-tight) 0}.ibiz-flow-drtab__tab-item+.ibiz-flow-drtab__tab-item{margin-top:var(--ibiz-spacing-base)}.ibiz-flow-drtab__counter{font-size:var(--ibiz-control-drtab-flow-item-counter-font-size);text-align:var(--ibiz-control-drtab-flow-item-counter-text-align)}.ibiz-flow-drtab .ibiz-flow-drtab{background-color:inherit}.ibiz-flow-drtab.is-enable-anchor{display:flex;gap:var(--ibiz-spacing-base)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__container{flex:1}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar{display:flex;min-width:200px;padding:var(--ibiz-control-drtab-flow-anchor-gap) 0;font-size:var(--ibiz-control-drtab-flow-anchor-font-size);background-color:var(--ibiz-control-drtab-flow-anchor-bg-color);border-radius:var(--ibiz-control-drtab-flow-anchor-border-radius)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-topleft{align-items:start}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-bottomleft{align-items:end}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-topright{flex-direction:row-reverse;align-items:start}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-bottomright{flex-direction:row-reverse;align-items:end}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-middleleft{align-items:center}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-middleright{flex-direction:row-reverse;align-items:center}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-items{width:100%;max-height:100%;overflow:auto}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item{width:100%;height:32px;padding:var(--ibiz-control-drtab-flow-anchor-item-padding);overflow:hidden;line-height:32px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item:hover{color:var(--ibiz-control-drtab-flow-anchor-item-hover-color)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item.is-active{position:relative;color:var(--ibiz-control-drtab-flow-anchor-item-active-color)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item.is-active::before{position:absolute;top:0;left:0;width:4px;height:100%;content:"";background-color:var(--ibiz-control-drtab-flow-anchor-item-active-color);border-radius:2px}.ibiz-flow-drtab.is-enable-anchor.is-left{flex-direction:row;overflow:auto}.ibiz-flow-drtab.is-enable-anchor.is-left>.ibiz-flow-drtab__container{--navbarwidth:200px;flex:1 0;width:calc(100% - var(--navbarwidth) - 2 * var(--ibiz-spacing-base));overflow:unset}.ibiz-flow-drtab.is-enable-anchor.is-left .ibiz-flow-drtab__anchor-bar{position:sticky;top:0}.ibiz-flow-drtab.is-enable-anchor.is-left .ibiz-flow-drtab__anchor-items::-webkit-scrollbar{display:none}.ibiz-flow-drtab.is-enable-anchor.is-right{flex-direction:row-reverse;overflow:auto}.ibiz-flow-drtab.is-enable-anchor.is-right>.ibiz-flow-drtab__container{--navbarwidth:200px;flex:1 0;width:calc(100% - var(--navbarwidth) - 2 * var(--ibiz-spacing-base));overflow:unset}.ibiz-flow-drtab.is-enable-anchor.is-right .ibiz-flow-drtab__anchor-bar{position:sticky;top:0}.ibiz-flow-drtab.is-enable-anchor.is-right .ibiz-flow-drtab__anchor-items::-webkit-scrollbar{display:none}

package/es/control/drtab/flow-drtab.mjs

@@ -8,7 +8,7 @@ import './flow-drtab.css';
 const FlowDrtab = /* @__PURE__ */ defineComponent({
   name: "FlowDrtab",
   props: {
-    pagesstate: {
+    pagesState: {
       type: Array,
       default: () => []
     },
@@ -71,7 +71,7 @@ const FlowDrtab = /* @__PURE__ */ defineComponent({
     navbarpos.value = c.navbarpos;
     navBarWidth.value = c.navbarwidth;
     const allVisibleViews = computed(() => {
-      return props.pagesstate.filter((item) => {
+      return props.pagesState.filter((item) => {
         const target = props.drtabpages.find((page) => {
           return page.id === item.tag;
         });
@@ -79,8 +79,8 @@ const FlowDrtab = /* @__PURE__ */ defineComponent({
       }).length;
     });
     const allNavTags = computed(() => {
-      if (props.pagesstate) {
-        return props.pagesstate.map((item) => {
+      if (props.pagesState) {
+        return props.pagesState.map((item) => {
           const target = props.drtabpages.find((page) => {
             return page.id === item.tag;
           });
@@ -172,7 +172,7 @@ const FlowDrtab = /* @__PURE__ */ defineComponent({
       });
       completedViews.value += 1;
       if (completedViews.value === allVisibleViews.value && !navtag.value) {
-        navtag.value = "".concat(target == null ? void 0 : target.appViewId, "_").concat(props.pagesstate[0].tag);
+        navtag.value = "".concat(target == null ? void 0 : target.appViewId, "_").concat(props.pagesState[0].tag);
       }
       const el = document.getElementById("".concat(target == null ? void 0 : target.appViewId, "_").concat(item.tag));
       if (el) {
@@ -263,7 +263,7 @@ const FlowDrtab = /* @__PURE__ */ defineComponent({
           "ref": (el) => {
             navbarRef.value = el;
           }
-        }, [props.pagesstate.map((item) => {
+        }, [props.pagesState.map((item) => {
           const target = props.drtabpages.find((page) => {
             return page.id === item.tag;
           });
@@ -289,40 +289,50 @@ const FlowDrtab = /* @__PURE__ */ defineComponent({
         scrollTop.value = el.scrollTop;
       }
     };
+    const onCollapseChange = (item) => {
+      if (!c.enableCollapse)
+        return;
+      c.onCollapseChange(item.tag);
+    };
     return {
       c,
       ns,
       uuid,
       navbarpos,
-      navBarWidth,
       calcStyle,
+      navBarWidth,
       handleScroll,
       onViewMounted,
-      renderAnchorBar
+      renderAnchorBar,
+      onCollapseChange
     };
   },
   render() {
     var _a, _b;
-    const tabs = this.pagesstate.map((item) => {
+    const tabs = this.pagesState.map((item) => {
       const counterNum = item.counterId ? this.counterData[item.counterId] : void 0;
       const viewShell = resolveComponent("IBizViewShell");
       const target = this.drtabpages.find((page) => {
         return page.id === item.tag;
       });
-      if (!target || item.hidden) {
+      if (!target || item.hidden)
         return null;
-      }
       return createVNode("div", {
         "id": "".concat(target.appViewId, "_").concat(item.tag),
         "style": this.semanticStyle("item", {
           item
         }),
-        "class": [this.ns.e("tab-item"), this.ns.e("item"), this.semanticClass("item", {
+        "class": [this.ns.e("item"), this.ns.e("tab-item"), this.semanticClass("item", {
           item
-        })]
+        }), this.ns.is("enable-collapse", this.c.enableCollapse), this.ns.is("collapse", this.c.enableCollapse && !this.c.state.expandedKeys.includes(item.tag))]
       }, [this.showHeader && createVNode("div", {
-        "class": this.ns.em("tab-item", "label")
-      }, [item.sysImage && createVNode(resolveComponent("iBizIcon"), {
+        "class": this.ns.em("tab-item", "label"),
+        "onClick": () => this.onCollapseChange(item)
+      }, [this.c.enableCollapse && createVNode("div", {
+        "class": [this.ns.e("icon"), this.ns.em("icon", "collapse")]
+      }, [createVNode("ion-icon", {
+        "name": "chevron-down-outline"
+      }, null)]), item.sysImage && createVNode(resolveComponent("iBizIcon"), {
         "class": [this.ns.be("label", "icon"), this.ns.em("item", "icon"), this.semanticClass("item.icon", {
           item
         })],
@@ -349,7 +359,7 @@ const FlowDrtab = /* @__PURE__ */ defineComponent({
         "value": counterNum,
         "counterMode": item.counterMode
       }, null)]), createVNode("div", {
-        "class": [this.ns.em("tab-item", "tab-view"), this.ns.em("item", "content"), this.semanticClass("item.content", {
+        "class": [this.ns.em("item", "content"), this.ns.em("tab-item", "tab-view"), this.semanticClass("item.content", {
           item
         })],
         "style": {
@@ -359,8 +369,8 @@ const FlowDrtab = /* @__PURE__ */ defineComponent({
           })
         }
       }, [h(viewShell, {
-        context: this.context,
-        params: this.params,
+        context: item.context || this.context,
+        params: item.params || this.params,
         viewId: target.appViewId,
         onMounted: () => this.onViewMounted(item)
       })])]);

package/es/control/exp-bar/render-util.mjs

@@ -32,11 +32,11 @@ function useExpBarRender(c, ns) {
       "style": semanticStyle("title"),
       "class": [ns.b("caption"), expBarNs.b("caption"), semanticClass("title")]
     }, [model.sysImage && createVNode(resolveComponent("iBizIcon"), {
+      "class": [expBarNs.be("caption", "icon"), semanticClass("title.icon")],
       "style": semanticStyle("title.icon"),
-      "class": [expBarNs.be("caption", "icon"), semanticStyle("title.icon")],
       "icon": model.sysImage
     }, null), title && createVNode("span", {
-      "class": [ns.be("caption", "text"), expBarNs.be("caption", "text"), semanticStyle("title.text")],
+      "class": [ns.be("caption", "text"), expBarNs.be("caption", "text"), semanticClass("title.text")],
       "style": semanticStyle("title.text")
     }, [title])]);
   };

package/es/control/medit-view-panel/medit-view-panel.mjs

@@ -142,7 +142,7 @@ const MEditViewPanelControl = /* @__PURE__ */ defineComponent({
                   "class": [this.ns.be("tab-label", "remove"), this.semanticClass("tab.remove", {
                     item
                   })],
-                  "style": this.semanticClass("tab.remove", {
+                  "style": this.semanticStyle("tab.remove", {
                     item
                   }),
                   "name": "close-outline",

package/es/control/toolbar/toolbar.mjs

@@ -304,6 +304,9 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
             "popper-class": [ns2.b("popper"), ns2.b("dropdown-popper"), ns2.bm("dropdown-popper", toolbarStyle), ns2.em("dropdown-popper", groupButtonStyle.toLowerCase()), ns2.bm("dropdown-popper", calcCssName(item)), semanticClass("popup", {
               item
             })],
+            "popper-style": semanticStyle("popup", {
+              item
+            }),
             "placement": "right-start",
             "teleported": false,
             "popper-options": {

package/es/control/tree/tree.mjs

@@ -964,7 +964,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         "ref": "treeviewRef",
         "controller": this.c,
         "class": this.semanticClass("root"),
-        "style": this.semanticClass("root"),
+        "style": this.semanticStyle("root"),
         "element-loading-text": this.c.state.loadingText
       }, _isSlot(slots) ? slots : {
         default: () => [slots]

package/es/control/tree-grid-ex/tree-grid-ex.mjs

@@ -297,6 +297,7 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
           "ref": "tableRef",
           "key": this.tableRefreshKey,
           "class": [this.ns.e("table"), this.semanticClass("content")],
+          "style": this.semanticStyle("content"),
           "border": true,
           "row-key": "id",
           "data": this.elTableData,

package/es/editor/date-picker/ibiz-date-picker/ibiz-date-picker.mjs

@@ -189,7 +189,8 @@ const IBizDatePicker = /* @__PURE__ */ defineComponent({
     }, this.$attrs), null);
     const readonlyContent = this.formatValue;
     const formDefaultContent = createVNode("div", {
-      "class": [this.ns.e("content"), this.ns.b("form-default-content"), this.semanticClass("editor.content")]
+      "class": [this.ns.e("content"), this.ns.b("form-default-content"), this.semanticClass("editor.content")],
+      "style": this.semanticStyle("editor.content")
     }, [this.formatValue ? this.formatValue : createVNode(resolveComponent("iBizEditorEmptyText"), {
       "showPlaceholder": this.c.emptyShowPlaceholder,
       "placeHolder": this.c.placeHolder

package/es/locale/en/index.mjs

@@ -544,6 +544,7 @@ var index = {
       importResults: "Import Results",
       downloadTemplate: "Download the import template and fill in as required:",
       templateFile: "Data import template file",
+      template: "Template",
       continue: "Continue importing"
     },
     dataImport2: {

package/es/locale/zh-CN/index.mjs

@@ -540,6 +540,7 @@ var index = {
       importResults: "\u5BFC\u5165\u7ED3\u679C",
       downloadTemplate: "\u4E0B\u8F7D\u5BFC\u5165\u6A21\u7248\uFF0C\u5E76\u6309\u8981\u6C42\u586B\u5199\uFF1A",
       templateFile: "\u6570\u636E\u5BFC\u5165\u6A21\u677F\u6587\u4EF6",
+      template: "\u6A21\u677F",
       continue: "\u7EE7\u7EED\u5BFC\u5165"
     },
     dataImport2: {

package/es/panel-component/global-search/global-search.mjs

@@ -233,7 +233,8 @@ const GlobalSearch = /* @__PURE__ */ defineComponent({
       "width": "auto",
       "visible": this.visible,
       "placement": "bottom-start",
-      "popper-class": [this.ns.e("popper"), this.semanticClass("popup")]
+      "popper-class": [this.ns.e("popper"), this.semanticClass("popup")],
+      "popper-style": this.semanticStyle("popup")
     }, {
       reference: () => {
         return createVNode(resolveComponent("el-input"), {

package/es/panel-component/nav-tabs/nav-tabs.mjs

@@ -225,15 +225,24 @@ const NavTabs = /* @__PURE__ */ defineComponent({
           }, [createVNode("span", {
             "class": [this.ns.em("item", "captioninfo"), this.semanticClass("item.captioninfo", {
               item: msg
-            })]
+            })],
+            "style": this.semanticStyle("item.captioninfo", {
+              item: msg
+            })
           }, [msg.caption]), msg.dataInfo && createVNode("span", {
             "class": [this.ns.em("item", "captiondivider"), this.semanticClass("item.captiondivider", {
               item: msg
-            })]
+            })],
+            "style": this.semanticStyle("item.captiondivider", {
+              item: msg
+            })
           }, [createTextVNode("\xA0-\xA0")]), msg.dataInfo && createVNode("span", {
             "class": [this.ns.em("item", "datainfo"), this.semanticClass("item.datainfo", {
               item: msg
-            })]
+            })],
+            "style": this.semanticStyle("item.datainfo", {
+              item: msg
+            })
           }, [msg.dataInfo])])]);
         }
       });

package/es/panel-component/short-cut/short-cut.mjs

@@ -217,7 +217,8 @@ const ShortCut = /* @__PURE__ */ defineComponent({
         "placement": "top-start",
         "trigger": "click",
         "width": "auto",
-        "popper-class": [ns.e("popover"), semanticClass("popup")]
+        "popper-class": [ns.e("popover"), semanticClass("popup")],
+        "popper-style": semanticStyle("popup")
       }, {
         reference: () => {
           return createVNode("div", {

package/es/panel-component/user-message/user-message.mjs

@@ -104,6 +104,7 @@ const UserMessage = /* @__PURE__ */ defineComponent({
     }, [createVNode(resolveComponent("el-popover"), {
       "ref": "popoverRef",
       "popper-class": [this.ns.b("popover"), this.semanticClass("popup")],
+      "popper-style": this.semanticStyle("popup"),
       "placement": "bottom",
       "trigger": "click",
       "visible": this.showPopover,