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

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 对象
      *
@@ -148,6 +154,7 @@ class DRTabController extends runtime.ControlController {
     super.initState();
     this.state.drTabPages = [];
     this.state.showMore = false;
+    this.state.expViewParams = {};
     this.state.hideEditItem = !!this.model.hideEditItem;
   }
   /**
@@ -157,6 +164,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 +371,7 @@ class DRTabController extends runtime.ControlController {
         testScriptCode,
         counterMode
       } = item;
-      drTabPages.push({
+      const drTabPage = {
         tag: item.id,
         caption: item.caption,
         sysImage: item.sysImage,
@@ -374,7 +383,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;
@@ -451,12 +468,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 +485,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 +499,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 +547,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

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;
           });
@@ -305,7 +305,7 @@ const FlowDrtab = /* @__PURE__ */ vue.defineComponent({
   },
   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) => {
@@ -361,8 +361,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/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"), {

package/lib/panel-component/nav-tabs/nav-tabs.cjs

@@ -227,15 +227,24 @@ const NavTabs = /* @__PURE__ */ vue.defineComponent({
           }, [vue.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 && vue.createVNode("span", {
             "class": [this.ns.em("item", "captiondivider"), this.semanticClass("item.captiondivider", {
               item: msg
-            })]
+            })],
+            "style": this.semanticStyle("item.captiondivider", {
+              item: msg
+            })
           }, [vue.createTextVNode("\xA0-\xA0")]), msg.dataInfo && vue.createVNode("span", {
             "class": [this.ns.em("item", "datainfo"), this.semanticClass("item.datainfo", {
               item: msg
-            })]
+            })],
+            "style": this.semanticStyle("item.datainfo", {
+              item: msg
+            })
           }, [msg.dataInfo])])]);
         }
       });

package/lib/panel-component/short-cut/short-cut.cjs

@@ -219,7 +219,8 @@ const ShortCut = /* @__PURE__ */ vue.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 vue.createVNode("div", {

package/lib/panel-component/user-message/user-message.cjs

@@ -106,6 +106,7 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
     }, [vue.createVNode(vue.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,

package/lib/util/ai-chat-util/ai-chat-util.cjs

@@ -509,6 +509,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;
@@ -1086,6 +1091,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/lib/util/fullscreen/fullscreen-util.cjs

@@ -2,7 +2,7 @@
 
 var vue = require('vue');
 var ElementPlus = require('element-plus');
-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');
 var fullscreenToolbar = require('../../common/fullscreen-toolbar/fullscreen-toolbar.cjs');
 
 "use strict";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.41-alpha.113",
+  "version": "0.7.41-alpha.114",
   "description": "web端组件库(vue3)",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -35,12 +35,12 @@
     "@ibiz-template-plugin/gantt": "0.1.8-alpha.468",
     "@ibiz-template-plugin/bi-report": "0.0.32",
     "@ibiz-template-plugin/data-view": "0.0.7",
-    "@ibiz-template/core": "0.7.41-alpha.117",
+    "@ibiz-template/core": "0.7.41-alpha.119",
     "@ibiz-template/devtool": "0.0.16",
-    "@ibiz-template/model-helper": "0.7.41-alpha.118",
-    "@ibiz-template/runtime": "0.7.41-alpha.118",
+    "@ibiz-template/model-helper": "0.7.41-alpha.120",
+    "@ibiz-template/runtime": "0.7.41-alpha.120",
     "@ibiz-template/theme": "0.7.39",
-    "@ibiz-template/vue3-util": "0.7.41-alpha.118",
+    "@ibiz-template/vue3-util": "0.7.41-alpha.120",
     "@ibiz-template/web-theme": "3.16.0",
     "@ibiz/model-core": "^0.1.89",
     "@imengyu/vue3-context-menu": "^1.3.5",

package/src/common/button-list/button-list.tsx

@@ -253,7 +253,10 @@ export const IBizButtonList = defineComponent({
               },
             ],
           }}
-          popper-style={`z-index: ${zIndex.zIndex}`}
+          popper-style={{
+            zIndex: zIndex.zIndex,
+            ...props.semantic.semanticStyle('popup', { model: detail }),
+          }}
         >
           {{
             reference: () => {

package/src/common/data-import/data-import.tsx

@@ -1,12 +1,11 @@
 import { IAppDataEntity, IAppDEDataImport } from '@ibiz/model-core';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { defineComponent, ref, PropType } from 'vue';
-
-import './data-import.scss';
 import {
-  downloadImportTemplate,
   selectAndImport,
+  downloadImportTemplate,
 } from '@ibiz-template/runtime';
+import './data-import.scss';
 
 export const DataImport = defineComponent({
   name: 'DataImport',
@@ -46,6 +45,11 @@ export const DataImport = defineComponent({
 
     const isLoading = ref(false);
 
+    const importTemplName =
+      ibiz.config.common.importTemplNameMode === 'custom'
+        ? `${props.dataImport?.name}${ibiz.i18n.t('component.dataImport.template')}`
+        : `${props.appDataEntity.logicName}${ibiz.i18n.t('component.dataImport.templateFile')}`;
+
     const onCancelButtonClick = () => {
       props.dismiss();
     };
@@ -57,6 +61,9 @@ export const DataImport = defineComponent({
         props.dataImport,
         props.context,
         props.params,
+        ibiz.config.common.importTemplNameMode === 'custom'
+          ? importTemplName
+          : undefined,
       );
     };
 
@@ -101,12 +108,13 @@ export const DataImport = defineComponent({
 
     return {
       ns,
-      onLinkClick,
-      selectFile,
-      onCancelButtonClick,
-      isLoading,
       message,
+      isLoading,
       errorMessage,
+      importTemplName,
+      selectFile,
+      onLinkClick,
+      onCancelButtonClick,
     };
   },
   render() {
@@ -149,8 +157,7 @@ export const DataImport = defineComponent({
           </div>
           <div class={this.ns.e('template-link')} onClick={this.onLinkClick}>
             <ion-icon class={this.ns.e('link-icon')} name='link' />
-            {this.appDataEntity.logicName}
-            {ibiz.i18n.t('component.dataImport.templateFile')}
+            {this.importTemplName}
           </div>
         </div>
         <div class={this.ns.e('button-bar')}>

package/src/control/calendar/components/calendar-user2/calendar-user2.tsx

@@ -157,7 +157,7 @@ export const CalendarUser2 = defineComponent({
             class={[
               this.ns.e('legend'),
               this.ns.em('header', 'legend'),
-              this.semanticStyle('legend'),
+              this.semanticClass('legend'),
             ]}
             style={this.semanticStyle('legend')}
           >
@@ -168,7 +168,7 @@ export const CalendarUser2 = defineComponent({
                     class={[
                       this.ns.e('legend-item'),
                       this.ns.em('legend', 'item'),
-                      this.semanticStyle('legend.item'),
+                      this.semanticClass('legend.item'),
                     ]}
                     style={this.semanticStyle('legend.item')}
                     onClick={() => this.$emit('legendClick', legend)}

package/src/control/calendar/components/custom-calendar/custom-calendar.tsx

@@ -171,7 +171,7 @@ export const CustomCalendar = defineComponent({
      */
     const renderDay = () => {
       return (
-        <div class={ns.e('calendar-day')} style={props.semanticStyle('day')}>
+        <div class={ns.e('calendar-day')}>
           {slots?.header ? (
             <div
               class={[

package/src/control/dashboard/portlet/menu-portlet/app-menu-portlet/app-menu-portlet.tsx

@@ -170,6 +170,7 @@ export const AppMenuPortletControl = defineComponent({
       content = (
         <el-collapse
           class={[this.ns.e('content'), this.semanticClass('content')]}
+          style={this.semanticStyle('content')}
           v-model={this.defaultOpens}
         >
           {model.appMenuItems.map(item => {
@@ -185,6 +186,7 @@ export const AppMenuPortletControl = defineComponent({
     return (
       <iBizControlBase
         class={[this.ns.b(), this.semanticClass('root')]}
+        style={this.semanticStyle('root')}
         controller={this.c}
       >
         {content}