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

package/es/util/ai-chat-util/ai-chat-util.mjs

@@ -103,7 +103,10 @@ class AIChatUtil {
       params,
       data
     ) : void 0;
-    chatOptions.autoQuestion = editorParams.autoquestion !== "false";
+    chatOptions.autoQuestion = ibiz.config.common.aiAutoQuestion;
+    if (editorParams.autoquestion) {
+      chatOptions.autoQuestion = editorParams.autoquestion !== "false";
+    }
     chatOptions.autoFill = editorParams.autofill === "true";
     chatOptions.appendCurResource = editorParams.srfaiappendresource ? StringUtil.fill(editorParams.srfaiappendresource, context, params, data) : void 0;
     if (editorParams.srfmode) {
@@ -507,6 +510,11 @@ class AIChatUtil {
         );
       }
     };
+    let uploadMaxSize = ibiz.config.common.aiUploadMaxSize;
+    if (editorParams.srfuploadmaxsize) {
+      uploadMaxSize = Number(editorParams.srfuploadmaxsize);
+    }
+    chatOptions.uploader.maxSize = uploadMaxSize;
     chatOptions.extendToolbarClick = async (event, source, context2, params2, data2) => {
       var _a2, _b, _c;
       const { id: id2, isPluginApp } = source;
@@ -662,10 +670,12 @@ class AIChatUtil {
       );
       delete params.srfaiappendcurcontent;
     }
+    let autoQuestion = ibiz.config.common.aiAutoQuestion;
     if (params.hasOwnProperty("autoquestion")) {
-      chatOptions.autoQuestion = params.autoquestion !== "false";
+      autoQuestion = params.autoquestion !== "false";
       delete params.autoquestion;
     }
+    chatOptions.autoQuestion = autoQuestion;
     if (params.hasOwnProperty("srfaiappendresource")) {
       chatOptions.appendCurResource = StringUtil.fill(
         params.srfaiappendresource,
@@ -1084,6 +1094,12 @@ class AIChatUtil {
         );
       }
     };
+    let uploadMaxSize = ibiz.config.common.aiUploadMaxSize;
+    if (params.hasOwnProperty("srfuploadmaxsize")) {
+      uploadMaxSize = Number(params.srfuploadmaxsize);
+      delete params.srfuploadmaxsize;
+    }
+    chatOptions.uploader.maxSize = uploadMaxSize;
     chatOptions.extendToolbarClick = async (event, source, context2, params2, data2) => {
       var _a2, _b, _c;
       const { id: id2, isPluginApp } = source;

package/es/util/fullscreen/fullscreen-util.mjs

@@ -1,6 +1,6 @@
 import { createApp } from 'vue';
 import ElementPlus from 'element-plus';
-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';
 import { IBizFullscreenToolbar } from '../../common/fullscreen-toolbar/fullscreen-toolbar.mjs';
 
 "use strict";

package/lib/common/button-list/button-list.cjs

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

package/lib/common/data-import/data-import.cjs

@@ -2,8 +2,8 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./data-import.css');
 var runtime = require('@ibiz-template/runtime');
+require('./data-import.css');
 
 "use strict";
 function _isSlot(s) {
@@ -34,6 +34,7 @@ const DataImport = /* @__PURE__ */ vue.defineComponent({
     }
   },
   setup(props) {
+    var _a;
     const ns = vue3Util.useNamespace("data-import");
     const message = vue.ref({
       state: "ready",
@@ -41,14 +42,18 @@ const DataImport = /* @__PURE__ */ vue.defineComponent({
     });
     const errorMessage = vue.ref("");
     const isLoading = vue.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 () => {
-      runtime.downloadImportTemplate(props.appDataEntity, props.dataImport, props.context, props.params);
+      runtime.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 runtime.selectAndImport({
         appDataEntity: props.appDataEntity,
         dataImport: props.dataImport,
@@ -86,12 +91,13 @@ const DataImport = /* @__PURE__ */ vue.defineComponent({
     };
     return {
       ns,
-      onLinkClick,
-      selectFile,
-      onCancelButtonClick,
-      isLoading,
       message,
-      errorMessage
+      isLoading,
+      errorMessage,
+      importTemplName,
+      selectFile,
+      onLinkClick,
+      onCancelButtonClick
     };
   },
   render() {
@@ -126,7 +132,7 @@ const DataImport = /* @__PURE__ */ vue.defineComponent({
     }, [vue.createVNode("ion-icon", {
       "class": this.ns.e("link-icon"),
       "name": "link"
-    }, null), this.appDataEntity.logicName, ibiz.i18n.t("component.dataImport.templateFile")])]), vue.createVNode("div", {
+    }, null), this.importTemplName])]), vue.createVNode("div", {
       "class": this.ns.e("button-bar")
     }, [vue.createVNode(vue.resolveComponent("el-button"), {
       "onClick": this.onCancelButtonClick

package/lib/control/calendar/components/calendar-user2/calendar-user2.cjs

@@ -124,11 +124,11 @@ const CalendarUser2 = /* @__PURE__ */ vue.defineComponent({
       "class": [this.ns.e("title"), this.ns.em("header", "left"), this.semanticClass("title")],
       "style": this.semanticStyle("title")
     }, [this.title]), vue.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 vue.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)
       }, [vue.createVNode("div", {

package/lib/control/calendar/components/custom-calendar/custom-calendar.cjs

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

package/lib/control/dashboard/portlet/menu-portlet/app-menu-portlet/app-menu-portlet.cjs

@@ -173,6 +173,7 @@ const AppMenuPortletControl = /* @__PURE__ */ vue.defineComponent({
       let _slot;
       content = vue.createVNode(vue.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) => {
@@ -186,6 +187,7 @@ const AppMenuPortletControl = /* @__PURE__ */ vue.defineComponent({
     }
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "class": [this.ns.b(), this.semanticClass("root")],
+      "style": this.semanticStyle("root"),
       "controller": this.c
     }, _isSlot(content) ? content : {
       default: () => [content]

package/lib/control/drtab/drtab-control.util.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var vue = require('vue');
-var namespace = require('../../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.cjs');
+var namespace = require('../../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.cjs');
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/lib/control/drtab/drtab.cjs

@@ -261,7 +261,7 @@ const DRTabControl = /* @__PURE__ */ vue.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/lib/control/drtab/drtab.controller.cjs

@@ -34,6 +34,12 @@ class DRTabController extends runtime.ControlController {
      * @memberof DRTabController
      */
     __publicField(this, "srfCacheKeyTempl", "");
+    /**
+     * @description 显示位置
+     * @type {(string | undefined)}
+     * @memberof DRTabController
+     */
+    __publicField(this, "tabPosition");
     /**
      * Router 对象
      *
@@ -85,6 +91,15 @@ class DRTabController extends runtime.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";
+  }
   /**
    * 是否启用锚点栏
    *
@@ -148,6 +163,8 @@ class DRTabController extends runtime.ControlController {
     super.initState();
     this.state.drTabPages = [];
     this.state.showMore = false;
+    this.state.expandedKeys = [];
+    this.state.expViewParams = {};
     this.state.hideEditItem = !!this.model.hideEditItem;
   }
   /**
@@ -157,6 +174,8 @@ class DRTabController extends runtime.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 || "";
@@ -362,7 +381,7 @@ class DRTabController extends runtime.ControlController {
         testScriptCode,
         counterMode
       } = item;
-      drTabPages.push({
+      const drTabPage = {
         tag: item.id,
         caption: item.caption,
         sysImage: item.sysImage,
@@ -374,7 +393,15 @@ class DRTabController extends runtime.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;
@@ -387,6 +414,8 @@ class DRTabController extends runtime.ControlController {
         this.state.activeName = activeName;
       }
     }
+    if (this.enableCollapse)
+      this.state.expandedKeys = this.state.drTabPages.map((tab) => tab.tag);
     const isRoutePushed = !!this.routeDepth && runtime.hasSubRoute(this.routeDepth);
     this.handleTabChange(isRoutePushed);
   }
@@ -451,12 +480,12 @@ class DRTabController extends runtime.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
@@ -468,9 +497,13 @@ class DRTabController extends runtime.ControlController {
     };
     const { resultContext, resultParams } = runtime.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 };
   }
   /**
@@ -478,20 +511,20 @@ class DRTabController extends runtime.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
     });
   }
@@ -526,6 +559,20 @@ class DRTabController extends runtime.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
@@ -581,6 +628,19 @@ class DRTabController extends runtime.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);
+    }
+  }
 }
 
 exports.DRTabController = DRTabController;

package/lib/control/drtab/flow-drtab.cjs

@@ -10,7 +10,7 @@ require('./flow-drtab.css');
 const FlowDrtab = /* @__PURE__ */ vue.defineComponent({
   name: "FlowDrtab",
   props: {
-    pagesstate: {
+    pagesState: {
       type: Array,
       default: () => []
     },
@@ -73,7 +73,7 @@ const FlowDrtab = /* @__PURE__ */ vue.defineComponent({
     navbarpos.value = c.navbarpos;
     navBarWidth.value = c.navbarwidth;
     const allVisibleViews = vue.computed(() => {
-      return props.pagesstate.filter((item) => {
+      return props.pagesState.filter((item) => {
         const target = props.drtabpages.find((page) => {
           return page.id === item.tag;
         });
@@ -81,8 +81,8 @@ const FlowDrtab = /* @__PURE__ */ vue.defineComponent({
       }).length;
     });
     const allNavTags = vue.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;
           });
@@ -174,7 +174,7 @@ const FlowDrtab = /* @__PURE__ */ vue.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) {
@@ -265,7 +265,7 @@ const FlowDrtab = /* @__PURE__ */ vue.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;
           });
@@ -291,40 +291,50 @@ const FlowDrtab = /* @__PURE__ */ vue.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 = vue.resolveComponent("IBizViewShell");
       const target = this.drtabpages.find((page) => {
         return page.id === item.tag;
       });
-      if (!target || item.hidden) {
+      if (!target || item.hidden)
         return null;
-      }
       return vue.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 && vue.createVNode("div", {
-        "class": this.ns.em("tab-item", "label")
-      }, [item.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+        "class": this.ns.em("tab-item", "label"),
+        "onClick": () => this.onCollapseChange(item)
+      }, [this.c.enableCollapse && vue.createVNode("div", {
+        "class": [this.ns.e("icon"), this.ns.em("icon", "collapse")]
+      }, [vue.createVNode("ion-icon", {
+        "name": "chevron-down-outline"
+      }, null)]), item.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
         "class": [this.ns.be("label", "icon"), this.ns.em("item", "icon"), this.semanticClass("item.icon", {
           item
         })],
@@ -351,7 +361,7 @@ const FlowDrtab = /* @__PURE__ */ vue.defineComponent({
         "value": counterNum,
         "counterMode": item.counterMode
       }, null)]), vue.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": {
@@ -361,8 +371,8 @@ const FlowDrtab = /* @__PURE__ */ vue.defineComponent({
           })
         }
       }, [vue.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/lib/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/lib/control/exp-bar/render-util.cjs

@@ -34,11 +34,11 @@ function useExpBarRender(c, ns) {
       "style": semanticStyle("title"),
       "class": [ns.b("caption"), expBarNs.b("caption"), semanticClass("title")]
     }, [model.sysImage && vue.createVNode(vue.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 && vue.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/lib/control/medit-view-panel/medit-view-panel.cjs

@@ -144,7 +144,7 @@ const MEditViewPanelControl = /* @__PURE__ */ vue.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/lib/control/toolbar/toolbar.cjs

@@ -306,6 +306,9 @@ const ToolbarControl = /* @__PURE__ */ vue.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/lib/control/tree/tree.cjs

@@ -966,7 +966,7 @@ const TreeControl = /* @__PURE__ */ vue.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/lib/control/tree-grid-ex/tree-grid-ex.cjs

@@ -299,6 +299,7 @@ const TreeGridExControl = /* @__PURE__ */ vue.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/lib/editor/date-picker/ibiz-date-picker/ibiz-date-picker.cjs

@@ -191,7 +191,8 @@ const IBizDatePicker = /* @__PURE__ */ vue.defineComponent({
     }, this.$attrs), null);
     const readonlyContent = this.formatValue;
     const formDefaultContent = vue.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 : vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
       "showPlaceholder": this.c.emptyShowPlaceholder,
       "placeHolder": this.c.placeHolder

package/lib/locale/en/index.cjs

@@ -548,6 +548,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/lib/locale/zh-CN/index.cjs

@@ -544,6 +544,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/lib/panel-component/global-search/global-search.cjs

@@ -235,7 +235,8 @@ const GlobalSearch = /* @__PURE__ */ vue.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 vue.createVNode(vue.resolveComponent("el-input"), {