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

package/src/control/drtab/flow-drtab.tsx

@@ -23,7 +23,7 @@ import './flow-drtab.scss';
 export const FlowDrtab = defineComponent({
   name: 'FlowDrtab',
   props: {
-    pagesstate: {
+    pagesState: {
       type: Array as PropType<IData[]>,
       default: () => [],
     },
@@ -93,7 +93,7 @@ export const FlowDrtab = defineComponent({
 
     // 所有可视视图
     const allVisibleViews = computed(() => {
-      return props.pagesstate.filter(item => {
+      return props.pagesState.filter(item => {
         const target = props.drtabpages.find(page => {
           return page.id === item.tag;
         });
@@ -103,8 +103,8 @@ export const FlowDrtab = defineComponent({
 
     // 所有导航项元素id
     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;
           });
@@ -222,7 +222,7 @@ export const FlowDrtab = defineComponent({
       });
       completedViews.value += 1;
       if (completedViews.value === allVisibleViews.value && !navtag.value) {
-        navtag.value = `${target?.appViewId}_${props.pagesstate[0].tag}`;
+        navtag.value = `${target?.appViewId}_${props.pagesState[0].tag}`;
       }
       const el = document.getElementById(`${target?.appViewId}_${item.tag}`);
       if (el) {
@@ -339,7 +339,7 @@ export const FlowDrtab = defineComponent({
                 navbarRef.value = el;
               }}
             >
-              {props.pagesstate.map(item => {
+              {props.pagesState.map(item => {
                 const target = props.drtabpages.find(page => {
                   return page.id === item.tag;
                 });
@@ -378,20 +378,30 @@ export const FlowDrtab = defineComponent({
       }
     };
 
+    /**
+     * @description 折叠改变
+     * @param {IData} item
+     */
+    const onCollapseChange = (item: IData): void => {
+      if (!c.enableCollapse) return;
+      c.onCollapseChange(item.tag);
+    };
+
     return {
       c,
       ns,
       uuid,
       navbarpos,
-      navBarWidth,
       calcStyle,
+      navBarWidth,
       handleScroll,
       onViewMounted,
       renderAnchorBar,
+      onCollapseChange,
     };
   },
   render() {
-    const tabs = this.pagesstate.map((item: IData) => {
+    const tabs = this.pagesState.map((item: IData) => {
       const counterNum = item.counterId
         ? this.counterData[item.counterId]
         : undefined;
@@ -399,21 +409,35 @@ export const FlowDrtab = defineComponent({
       const target = this.drtabpages.find(page => {
         return page.id === item.tag;
       });
-      if (!target || item.hidden) {
-        return null;
-      }
+      if (!target || item.hidden) return null;
       return (
         <div
           id={`${target.appViewId}_${item.tag}`}
           style={this.semanticStyle('item', { item })}
           class={[
-            this.ns.e('tab-item'),
             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 && (
-            <div class={this.ns.em('tab-item', 'label')}>
+            <div
+              class={this.ns.em('tab-item', 'label')}
+              onClick={() => this.onCollapseChange(item)}
+            >
+              {this.c.enableCollapse && (
+                <div
+                  class={[this.ns.e('icon'), this.ns.em('icon', 'collapse')]}
+                >
+                  <ion-icon name='chevron-down-outline'></ion-icon>
+                </div>
+              )}
               {item.sysImage && (
                 <iBizIcon
                   class={[
@@ -457,8 +481,8 @@ export const FlowDrtab = defineComponent({
           )}
           <div
             class={[
-              this.ns.em('tab-item', 'tab-view'),
               this.ns.em('item', 'content'),
+              this.ns.em('tab-item', 'tab-view'),
               this.semanticClass('item.content', { item }),
             ]}
             style={{
@@ -467,8 +491,8 @@ export const FlowDrtab = 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/src/control/exp-bar/render-util.tsx

@@ -61,11 +61,11 @@ export function useExpBarRender(
       >
         {model.sysImage && (
           <iBizIcon
-            style={semanticStyle('title.icon')}
             class={[
               expBarNs.be('caption', 'icon'),
-              semanticStyle('title.icon'),
+              semanticClass('title.icon'),
             ]}
+            style={semanticStyle('title.icon')}
             icon={model.sysImage}
           ></iBizIcon>
         )}
@@ -74,7 +74,7 @@ export function useExpBarRender(
             class={[
               ns.be('caption', 'text'),
               expBarNs.be('caption', 'text'),
-              semanticStyle('title.text'),
+              semanticClass('title.text'),
             ]}
             style={semanticStyle('title.text')}
           >

package/src/control/medit-view-panel/medit-view-panel.tsx

@@ -178,7 +178,7 @@ export const MEditViewPanelControl = defineComponent({
                                 this.ns.be('tab-label', 'remove'),
                                 this.semanticClass('tab.remove', { item }),
                               ]}
-                              style={this.semanticClass('tab.remove', { item })}
+                              style={this.semanticStyle('tab.remove', { item })}
                               name='close-outline'
                               onClick={(event: MouseEvent) =>
                                 this.handleTabDelete(item, event)

package/src/control/toolbar/toolbar.tsx

@@ -380,6 +380,7 @@ export const ToolbarControl = defineComponent({
                 ns2.bm('dropdown-popper', calcCssName(item)),
                 semanticClass('popup', { item }),
               ]}
+              popper-style={semanticStyle('popup', { item })}
               placement='right-start'
               teleported={false}
               popper-options={{

package/src/control/tree/tree.tsx

@@ -1230,7 +1230,7 @@ export const TreeControl = defineComponent({
           ref={'treeviewRef'}
           controller={this.c}
           class={this.semanticClass('root')}
-          style={this.semanticClass('root')}
+          style={this.semanticStyle('root')}
           v-loading={this.c.state.isLoading}
           element-loading-text={this.c.state.loadingText}
         >

package/src/control/tree-grid-ex/tree-grid-ex.tsx

@@ -377,6 +377,7 @@ export const TreeGridExControl = defineComponent({
               ref={'tableRef'}
               key={this.tableRefreshKey}
               class={[this.ns.e('table'), this.semanticClass('content')]}
+              style={this.semanticStyle('content')}
               border
               row-key='id'
               data={this.elTableData}

package/src/editor/date-picker/ibiz-date-picker/ibiz-date-picker.tsx

@@ -267,6 +267,7 @@ export const IBizDatePicker = defineComponent({
           this.ns.b('form-default-content'),
           this.semanticClass('editor.content'),
         ]}
+        style={this.semanticStyle('editor.content')}
       >
         {this.formatValue ? (
           this.formatValue

package/src/locale/en/index.ts

@@ -587,6 +587,7 @@ export default {
       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/src/locale/zh-CN/index.ts

@@ -543,6 +543,7 @@ export default {
       importResults: '导入结果',
       downloadTemplate: '下载导入模版，并按要求填写：',
       templateFile: '数据导入模板文件',
+      template: '模板',
       continue: '继续导入',
     },
     dataImport2: {

package/src/panel-component/global-search/global-search.tsx

@@ -352,6 +352,7 @@ export const GlobalSearch = defineComponent({
           visible={this.visible}
           placement='bottom-start'
           popper-class={[this.ns.e('popper'), this.semanticClass('popup')]}
+          popper-style={this.semanticStyle('popup')}
         >
           {{
             reference: () => {

package/src/panel-component/nav-tabs/nav-tabs.tsx

@@ -321,6 +321,9 @@ export const NavTabs = defineComponent({
                                 item: msg,
                               }),
                             ]}
+                            style={this.semanticStyle('item.captioninfo', {
+                              item: msg,
+                            })}
                           >
                             {msg.caption}
                           </span>
@@ -332,6 +335,9 @@ export const NavTabs = defineComponent({
                                   item: msg,
                                 }),
                               ]}
+                              style={this.semanticStyle('item.captiondivider', {
+                                item: msg,
+                              })}
                             >
                               &nbsp;-&nbsp;
                             </span>
@@ -344,6 +350,9 @@ export const NavTabs = defineComponent({
                                   item: msg,
                                 }),
                               ]}
+                              style={this.semanticStyle('item.datainfo', {
+                                item: msg,
+                              })}
                             >
                               {msg.dataInfo}
                             </span>

package/src/panel-component/short-cut/short-cut.tsx

@@ -364,6 +364,7 @@ export const ShortCut = defineComponent({
           trigger='click'
           width='auto'
           popper-class={[ns.e('popover'), semanticClass('popup')]}
+          popper-style={semanticStyle('popup')}
         >
           {{
             reference: () => {

package/src/panel-component/user-message/user-message.tsx

@@ -133,6 +133,7 @@ export const UserMessage = defineComponent({
         <el-popover
           ref='popoverRef'
           popper-class={[this.ns.b('popover'), this.semanticClass('popup')]}
+          popper-style={this.semanticStyle('popup')}
           placement='bottom'
           trigger='click'
           v-model:visible={this.showPopover}

package/src/util/ai-chat-util/ai-chat-util.ts

@@ -182,7 +182,10 @@ export class AIChatUtil implements IApiAIChatUtil {
         )
       : undefined;
     // 编辑器参数autoquestion,自动提问
-    chatOptions.autoQuestion = editorParams.autoquestion !== 'false';
+    chatOptions.autoQuestion = ibiz.config.common.aiAutoQuestion;
+    if (editorParams.autoquestion) {
+      chatOptions.autoQuestion = editorParams.autoquestion !== 'false';
+    }
     // 编辑器参数autofill,自动填充
     chatOptions.autoFill = editorParams.autofill === 'true';
     // 编辑器参数srfaiappendresource，附加资源数据
@@ -678,6 +681,12 @@ export class AIChatUtil implements IApiAIChatUtil {
         );
       },
     };
+    // 文件最大上传大小限制
+    let uploadMaxSize = ibiz.config.common.aiUploadMaxSize;
+    if (editorParams.srfuploadmaxsize) {
+      uploadMaxSize = Number(editorParams.srfuploadmaxsize);
+    }
+    chatOptions.uploader.maxSize = uploadMaxSize;
     // 扩展工具栏点击
     chatOptions.extendToolbarClick = async (
       event: MouseEvent,
@@ -892,10 +901,12 @@ export class AIChatUtil implements IApiAIChatUtil {
       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(
@@ -1401,6 +1412,13 @@ export class AIChatUtil implements IApiAIChatUtil {
         );
       },
     };
+    // 文件最大上传大小限制
+    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: MouseEvent,