update：修复写法错误

modules/ibizlab-generator-core/src/main/resources/templ/r7/@macro/front-end/views/view-base-config.hbs

@@ -18,16 +18,16 @@
   },
   {{/if}}
   appEntityName: '{{page.appEntity.codeName}}',
-  isLoadDefault: true,
+  isLoadDefault: {{#if (or page.loadDefault (eq page.loadDefault false))}}{{page.loadDefault}}{{else}}true{{/if}},
   keyPSDEField: '{{lowerCase page.appEntity.codeName}}',
 {{!--   viewMsgGroup: '{{page.psAppViewMsgGroup}}', --}}
 {{!--   viewUIActions: '{{page.psAppViewUIActions}}', --}}
-  viewSysCss: '{{page.psSysCss}}',
+  viewSysCss: '{{page.psSysCss.cssName}}',
 {{!--   viewSysImage: '{{page.psSysImage}}', --}}
   subCaption: '{{page.subCaption}}',
   viewType: '{{page.viewType}}',
   viewStyle: '{{page.viewStyle}}',
-  showCaptionBar: '{{page.viewStyle}}',
+  showCaptionBar: {{page.showCaptionBar}},
   xDataControlName:'{{page.xDataControlName}}',
   openDataViewName: 'ExampleEditorEditView',
   appViewNavContexts:{{> @macro/front-end/common/navparam.hbs appNavParams=page.psAppViewNavContexts}},

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/app/config/app-view-config.ts.hbs

@@ -16,6 +16,12 @@ export const AppViewConfig:IParam = {
     "parameters": [
         { "pathName": "views", "parameterName": "{{lowerCase appView.codeName}}" }
     ],
+    {{#if (gt appView.height 0)}}
+    "height": {{appView.height}},
+    {{/if}}
+    {{#if (gt appView.width 0)}}
+    "width": {{appView.width}},
+    {{/if}}
     {{#if appView.capPSLanguageRes}}
     "captionTag": "{{appView.capPSLanguageRes.lanResTag}}",
     {{/if}}

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/core/modules/widgets/form-control/form-control.ts

-import { DataTypes, dateFormat, deepCopy, FormControlProps, FormControlState, IActionParam, IParam, MainControl, UIUtil, verifyValue } from '@core';
+import {
+  DataTypes,
+  dateFormat,
+  deepCopy,
+  FormControlProps,
+  FormControlState,
+  IActionParam,
+  IParam,
+  MainControl,
+  UIUtil,
+  verifyValue,
+} from '@core';
 
 /**
  * @description 表单部件
@@ -19,7 +30,7 @@ export class FormControl extends MainControl {
    * @description 检验表单动态逻辑
    * @param {IParam} data 表单数据
    * @param {IParam} logic 动态逻辑
-   * @return {*} 
+   * @return {*}
    * @memberof FormControl
    */
   public verifyGroupLogic(data: IParam, logic: IParam) {
@@ -28,12 +39,12 @@ export class FormControl extends MainControl {
       if (logic.groupOP == 'AND') {
         const falseItem = logic.logics.find((childLogic: IParam) => {
           return !this.verifyGroupLogic(data, childLogic);
-        })
+        });
         result = falseItem ? false : true;
       } else if (logic.groupOP == 'OR') {
         const trueItem = logic.logics.find((childLogic: IParam) => {
           return this.verifyGroupLogic(data, childLogic);
-        })
+        });
         result = trueItem ? true : false;
       }
       // 是否取反
@@ -62,7 +73,7 @@ export class FormControl extends MainControl {
     this.formItemUpdate(name);
     this.formDynamicLogic(name);
     if (enableAutoSave) {
-      this.useSave().save();
+      this.save();
     }
   }
 
@@ -80,7 +91,7 @@ export class FormControl extends MainControl {
           this.handleFormDataChange(item.valueItemName, null);
         }
       }
-    })
+    });
   }
 
   /**
@@ -110,7 +121,7 @@ export class FormControl extends MainControl {
             if (data.value.hasOwnProperty(detailsName)) {
               data.value[detailsName] = response.data[detailsName];
             }
-          })
+          });
           this.afterFormAction('formItemUpdate');
         }
       }
@@ -188,11 +199,11 @@ export class FormControl extends MainControl {
       if (Object.is(item.detailType, 'FORMITEM')) {
         switch (item.enableCond) {
           case 0:
-            // 不启用 
+            // 不启用
             item.disabled = false;
             break;
           case 1:
-            // 新建 
+            // 新建
             item.disabled = data.srfuf != 0;
             break;
           case 2:
@@ -284,12 +295,14 @@ export class FormControl extends MainControl {
               data.value[detail.codeName] = controlService.getRemoteCopyData()?.[detail.codeName] || null;
               break;
             default:
-              data.value[detail.codeName] = DataTypes.isNumber(detail.dataType) ? Number(detail?.createDV) : detail?.createDV;
+              data.value[detail.codeName] = DataTypes.isNumber(detail.dataType)
+                ? Number(detail?.createDV)
+                : detail?.createDV;
               break;
           }
         }
       }
-    })
+    });
   }
 
   /**
@@ -325,18 +338,28 @@ export class FormControl extends MainControl {
               data.value[detail.codeName] = controlService.getRemoteCopyData()?.[detail.codeName] || null;
               break;
             default:
-              data.value[detail.codeName] = DataTypes.isNumber(detail.dataType) ? Number(detail.updateDV) : detail.updateDV;
+              data.value[detail.codeName] = DataTypes.isNumber(detail.dataType)
+                ? Number(detail.updateDV)
+                : detail.updateDV;
               break;
           }
         }
       }
-    })
+    });
   }
 
+  /**
+   * 加载草稿行为
+   *
+   * @protected
+   * @param [opt={}]
+   */
+  protected async loadDraft(opt: any = {}) {}
+
   /**
    * @description 使用加载草稿功能模块
    * @param {FormControlProps} props 传入的props
-   * @return {*} 
+   * @return {*}
    * @memberof FormControl
    */
   public useLoadDraft() {
@@ -371,6 +394,10 @@ export class FormControl extends MainControl {
         console.log(error);
       }
     };
+
+    // 在类里绑定能力方法
+    this.loadDraft = loadDraft;
+
     // 订阅viewSubject,监听load行为
     if (viewSubject) {
       let subscription = viewSubject.subscribe(({ tag, action, data }: IActionParam) => {
@@ -378,14 +405,23 @@ export class FormControl extends MainControl {
           loadDraft(data);
         }
       });
+
       // 部件卸载时退订viewSubject
       onUnmounted(() => {
         subscription.unsubscribe();
       });
     }
-    return { loadDraft };
+    return loadDraft;
   }
 
+  /**
+   * 加载行为
+   *
+   * @protected
+   * @param [opt={}]
+   */
+  protected async load(opt: any = {}) {}
+
   /**
    * @description 使用加载功能模块
    * @return {*}
@@ -427,6 +463,9 @@ export class FormControl extends MainControl {
       }
     };
 
+    // 在类里绑定能力方法
+    this.load = load;
+
     // 订阅viewSubject,监听load行为
     if (viewSubject) {
       let subscription = viewSubject.subscribe(({ tag, action, data }: IActionParam) => {
@@ -441,11 +480,17 @@ export class FormControl extends MainControl {
       });
     }
 
-    return {
-      load: load,
-    };
+    return load;
   }
 
+  /**
+   * 保存行为
+   *
+   * @protected
+   * @param [opt={}]
+   */
+  protected async save(opt: any = {}) {}
+
   /**
    * @description 使用加载功能模块
    * @return {*}
@@ -482,19 +527,14 @@ export class FormControl extends MainControl {
         Object.assign(arg, data.getDo());
         Object.assign(arg, { viewParams: _viewParams });
 
-
         // TODO 关系界面保存通知处理，做成异步。
         // TODO 拷贝相关。
 
         // 发起请求处理与解析请求
-        const response = await controlService[saveFunName](
-          _context,
-          arg,
-          {
-            action: saveAction,
-            isLoading: showBusyIndicator,
-          },
-        );
+        const response = await controlService[saveFunName](_context, arg, {
+          action: saveAction,
+          isLoading: showBusyIndicator,
+        });
         if (!response.status || response.status !== 200) {
           // TODO 统一Error格式
           return;
@@ -510,6 +550,9 @@ export class FormControl extends MainControl {
       }
     };
 
+    // 在类里绑定能力方法
+    this.save = save;
+
     // 订阅viewSubject,监听load行为
     if (viewSubject) {
       let subscription = viewSubject.subscribe(({ tag, action, data }: IActionParam) => {
@@ -523,11 +566,17 @@ export class FormControl extends MainControl {
       });
     }
 
-    return {
-      save: save,
-    };
+    return save;
   }
 
+  /**
+   * 删除行为
+   *
+   * @protected
+   * @param [opt={}]
+   */
+  protected async remove(opt: any = {}) {}
+
   /**
    * @description 使用加载功能模块
    * @param {FormControlProps} props 传入的props
@@ -558,17 +607,13 @@ export class FormControl extends MainControl {
         let _context = deepCopy(context);
         let _viewParams = deepCopy(viewParams);
         const arg: any = opt[0];
-        Object.assign(arg, { viewParams: _viewParams },);
+        Object.assign(arg, { viewParams: _viewParams });
 
         // 发起请求处理与解析请求
-        const response = await controlService.remove(
-          _context,
-          arg,
-          {
-            action: removeAction,
-            isLoading: showBusyIndicator
-          },
-        );
+        const response = await controlService.remove(_context, arg, {
+          action: removeAction,
+          isLoading: showBusyIndicator,
+        });
         if (!response.status || response.status !== 200) {
           return;
         }
@@ -581,6 +626,9 @@ export class FormControl extends MainControl {
       }
     };
 
+    // 在类里绑定能力方法
+    this.remove = remove;
+
     // 订阅viewSubject,监听load行为
     if (viewSubject) {
       let subscription = viewSubject.subscribe(({ tag, action, data }: IActionParam) => {
@@ -595,9 +643,7 @@ export class FormControl extends MainControl {
       });
     }
 
-    return {
-      remove: remove,
-    };
+    return remove;
   }
 
   /**
@@ -639,7 +685,7 @@ export class FormControl extends MainControl {
    * @memberof FormControl
    */
   public handleFormGroupAction(tag: string, data: any) {
-    console.log(tag, data)
+    console.log(tag, data);
   }
 
   /**

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/core/modules/widgets/grid-control/grid-control.ts

@@ -97,7 +97,7 @@ export class GridControl extends MDControl {
         // 处理表格变化（分页，过滤，排序）
         const onGridChange = (pagination: IParam, filters: IParam, sorter: IParam, data: IParam) => {
             if (pagination) {
-                this.useLoad().load();
+                this.load();
             }
         }
         return {

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/core/modules/widgets/md-control/md-control.ts

@@ -7,323 +7,367 @@ import { MDControlState, MainControl, deepCopy, IActionParam, IParam } from '@co
  * @extends {MainControl}
  */
 export class MDControl extends MainControl {
+  /**
+   * @description 多数据部件状态
+   * @type {MDControlState}
+   * @memberof MDControl
+   */
+  public declare state: MDControlState;
 
-    /**
-     * @description 多数据部件状态
-     * @type {MDControlState}
-     * @memberof MDControl
-     */
-    public declare state: MDControlState;
+  /**
+   * @description
+   * @memberof MDControl
+   */
+  public setState() {
+    super.setState();
+    // 交联输入Props
+    this.state.isMultiple = toRef(this.props, 'isMultiple') as any;
+    this.state.rowEditState = toRef(this.props, 'rowEditState') as any;
+    this.state.rowActiveMode = toRef(this.props, 'rowActiveMode') as any;
+    this.state.selectedData = toRef(this.props, 'selectedData') as any;
+    this.state.isSelectDefault = toRef(this.props, 'isSelectDefault') as any;
+  }
 
-    /**
-     * @description
-     * @memberof MDControl
-     */
-    public setState() {
-        super.setState();
-        // 交联输入Props
-        this.state.isMultiple = toRef(this.props, "isMultiple") as any;
-        this.state.rowEditState = toRef(this.props, "rowEditState") as any;
-        this.state.rowActiveMode = toRef(this.props, "rowActiveMode") as any;
-        this.state.selectedData = toRef(this.props, "selectedData") as any;
-        this.state.isSelectDefault = toRef(this.props, "isSelectDefault") as any;
-    }
+  /**
+   * 加载行为
+   *
+   * @protected
+   * @param [opt={}]
+   */
+  protected async load(opt: any = {}) {}
+
+  /**
+   * @description 使用加载功能模块
+   * @return {*}
+   * @memberof MDControl
+   */
+  public useLoad() {
+    const { viewSubject, controlName } = this.state;
 
-    /**
-     * @description 使用加载功能模块
-     * @return {*}
-     * @memberof MDControl
-     */
-    public useLoad() {
-        const { viewSubject, controlName } = this.state;
-        const load = async (opt: any = {}) => {
-            try {
-                let {
-                    controlService, context, viewParams, showBusyIndicator, controlAction, mdCtrlSort, mdCtrlPaging
-                } = this.state;
-                if (!controlAction.fetchAction) {
-                    return;
-                }
-                // 组装查询参数
-                const arg: any = { ...opt };
-                let tempContext = deepCopy(context ? context : {});
-                let tempViewParams = deepCopy(viewParams ? viewParams : {});
-                const { noSort, minorSortDir, minorSortPSDEF } = mdCtrlSort;
-                let { enablePagingBar, current, pageSize } = mdCtrlPaging;
-                if (noSort && minorSortDir && minorSortPSDEF) {
-                    Object.assign(tempViewParams, { sort: `${minorSortPSDEF},${minorSortDir}` });
-                }
-                if (enablePagingBar) {
-                    Object.assign(tempViewParams, { page: current - 1, size: pageSize });
-                }
-                Object.assign(arg, tempViewParams);
-                // 组装视图其他查询参数
-                this.emit('ctrlevent', { tag: controlName.toLowerCase(), action: 'beforeload', data: arg });
-                const response = await controlService.search(
-                    tempContext,
-                    arg,
-                    { action: controlAction.fetchAction, isLoading: showBusyIndicator }
-                );
-                if (response.status || response.status == 200) {
-                    this.state.items = response.data;
-                    this.emit('ctrlevent', { tag: controlName.toLowerCase(), action: 'load', data: response.data });
-                    if (enablePagingBar) {
-                        this.state.mdCtrlPaging.pagination['total'] = response.total;
-                    }
-                    this.handleStateChange();
-                }
-            } catch (error) {
-                // todo 错误异常处理
-                console.log(error);
-            }
+    const load = async (opt: any = {}) => {
+      try {
+        let { controlService, context, viewParams, showBusyIndicator, controlAction, mdCtrlSort, mdCtrlPaging } =
+          this.state;
+        if (!controlAction.fetchAction) {
+          return;
         }
-        // 订阅viewSubject,监听load行为
-        if (viewSubject) {
-            let subscription = viewSubject.subscribe(({ tag, action, data }: IActionParam) => {
-                if (Object.is(controlName, tag) && Object.is("load", action)) {
-                    load(data);
-                }
-            })
-            // 部件卸载时退订viewSubject
-            onUnmounted(() => {
-                subscription.unsubscribe();
-            })
+
+        // 组装查询参数
+        const arg: any = { ...opt };
+        let tempContext = deepCopy(context ? context : {});
+        let tempViewParams = deepCopy(viewParams ? viewParams : {});
+        const { noSort, minorSortDir, minorSortPSDEF } = mdCtrlSort;
+        let { enablePagingBar, current, pageSize } = mdCtrlPaging;
+        if (!noSort && minorSortDir && minorSortPSDEF) {
+          Object.assign(tempViewParams, { sort: `${minorSortPSDEF},${minorSortDir}` });
         }
-        return { load };
-    }
+        if (enablePagingBar) {
+          Object.assign(tempViewParams, { page: current - 1, size: pageSize });
+        }
+        Object.assign(arg, tempViewParams);
 
-    /**
-     * @description 使用保存功能模块
-     * @return {*}
-     * @memberof MDControl
-     */
-    public useSave() {
-        const { viewSubject, controlName } = this.state;
-        const save = async (opt: any = {}) => {
-            try {
-                const { controlService, context, viewParams, showBusyIndicator, items, controlAction } = this.state;
-                // TODO 值规则校验处理
-                for (const item of items) {
-                    const { updateAction, createAction } = controlAction;
-                    const saveAction: any = item.rowDataState == "update" ? updateAction : item.rowDataState == "create" ? createAction : "";
-                    if (!saveAction) {
-                        return;
-                    }
-                    const arg: any = { ...opt };
-                    let _context = deepCopy(context);
-                    let _viewParams = deepCopy(viewParams);
-                    Object.assign(arg, item.getDo());
-                    Object.assign(arg, { viewParams: _viewParams });
-                    const response = await controlService[saveAction](
-                        _context,
-                        arg,
-                        { action: saveAction, isLoading: showBusyIndicator },
-                    );
-                    if (response.status || response.status == 200) {
+        // 组装视图其他查询参数
+        this.emit('ctrlevent', { tag: controlName.toLowerCase(), action: 'beforeload', data: arg });
+        const response = await controlService.search(tempContext, arg, {
+          action: controlAction.fetchAction,
+          isLoading: showBusyIndicator,
+        });
+        if (response.status || response.status == 200) {
+          this.state.items = response.data;
+          this.emit('ctrlevent', { tag: controlName.toLowerCase(), action: 'load', data: response.data });
+          if (enablePagingBar) {
+            this.state.mdCtrlPaging.pagination['total'] = response.total;
+          }
+          this.handleStateChange();
+        }
+      } catch (error) {
+        // todo 错误异常处理
+        console.log(error);
+      }
+    };
 
-                    }
-                }
-            } catch (error) {
-                // TODO 错误异常处理
-                console.log(error);
-            }
-        };
-        // 订阅viewSubject,监听load行为
-        if (viewSubject) {
-            let subscription = viewSubject.subscribe(({ tag, action, data }: IActionParam) => {
-                if (Object.is(controlName, tag) && Object.is("save", action)) {
-                    save(data);
-                }
-            });
-            // 部件卸载时退订viewSubject
-            onUnmounted(() => {
-                subscription.unsubscribe();
-            });
+    // 在类里绑定能力方法
+    this.load = load;
+
+    // 订阅viewSubject,监听load行为
+    if (viewSubject) {
+      let subscription = viewSubject.subscribe(({ tag, action, data }: IActionParam) => {
+        if (Object.is(controlName, tag) && Object.is('load', action)) {
+          load(data);
         }
-        return { save };
+      });
+
+      // 部件卸载时退订viewSubject
+      onUnmounted(() => {
+        subscription.unsubscribe();
+      });
     }
+    return load;
+  }
 
-    /**
-     * @description 使用删除功能模块
-     * @return {*}
-     * @memberof MDControl
-     */
-    public useRemove() {
-        const { viewSubject, controlName } = this.state;
-        const remove = async (opt: IParam[] = []) => {
-            try {
-                const { controlService, context, viewParams, showBusyIndicator, controlAction, appDeCodeName } = this.state;
-                const { items } = toRefs(this.state);
-                if (!controlAction.removeAction) {
-                    return;
-                }
-                const _data: IParam[] = [];
-                opt.forEach((item: IParam, index: number) => {
-                    if (Object.is(item.srfuf, "0")) {
-                        items.value.some((val: any, num: number) => {
-                            if (JSON.stringify(val) == JSON.stringify(item)) {
-                                items.value.splice(num, 1);
-                                return true;
-                            }
-                        });
-                    } else {
-                        _data.push(opt[index]);
-                    }
-                });
-                if (_data.length > 0) {
-                    const keys: string[] = [];
-                    _data.forEach((item: IParam) => {
-                        keys.push(item.srfkey);
-                    });
-                    const _removeAction = keys.length > 1 ? "removeBatch" : controlAction.removeAction;
-                    let _context = deepCopy(context);
-                    Object.assign(_context, { [appDeCodeName]: keys });
-                    let _viewParams = deepCopy(viewParams);
-                    const arg: IParam = {
-                        [appDeCodeName]: keys,
-                    };
-                    Object.assign(arg, { viewParams: _viewParams });
-                    const response = await controlService.remove(
-                        _context,
-                        arg,
-                        { action: _removeAction, isLoading: showBusyIndicator },
-                    );
-                    if (response.status || response.status == 200) {
+  /**
+   * 保存行为
+   *
+   * @protected
+   * @param [opt={}]
+   */
+  protected async save(opt: any = {}) {}
 
-                    }
-                }
-            } catch (error) {
-                // TODO 错误异常处理
-                console.log(error);
-            }
-        };
-        // 订阅viewSubject,监听load行为
-        if (viewSubject) {
-            let subscription = viewSubject.subscribe(({ tag, action, data }: IActionParam) => {
-                if (Object.is(controlName, tag) && Object.is("remove", action)) {
-                    remove(data);
-                }
-            });
-            // 部件卸载时退订viewSubject
-            onUnmounted(() => {
-                subscription.unsubscribe();
-            });
+  /**
+   * @description 使用保存功能模块
+   * @return {*}
+   * @memberof MDControl
+   */
+  public useSave() {
+    const { viewSubject, controlName } = this.state;
+    const save = async (opt: any = {}) => {
+      try {
+        const { controlService, context, viewParams, showBusyIndicator, items, controlAction } = this.state;
+        // TODO 值规则校验处理
+        for (const item of items) {
+          const { updateAction, createAction } = controlAction;
+          const saveAction: any =
+            item.rowDataState == 'update' ? updateAction : item.rowDataState == 'create' ? createAction : '';
+          if (!saveAction) {
+            return;
+          }
+          const arg: any = { ...opt };
+          let _context = deepCopy(context);
+          let _viewParams = deepCopy(viewParams);
+          Object.assign(arg, item.getDo());
+          Object.assign(arg, { viewParams: _viewParams });
+          const response = await controlService[saveAction](_context, arg, {
+            action: saveAction,
+            isLoading: showBusyIndicator,
+          });
+          if (response.status || response.status == 200) {
+          }
+        }
+      } catch (error) {
+        // TODO 错误异常处理
+        console.log(error);
+      }
+    };
+
+    // 在类里绑定能力方法
+    this.save = save;
+
+    // 订阅viewSubject,监听load行为
+    if (viewSubject) {
+      let subscription = viewSubject.subscribe(({ tag, action, data }: IActionParam) => {
+        if (Object.is(controlName, tag) && Object.is('save', action)) {
+          save(data);
         }
-        return { remove };
+      });
+
+      // 部件卸载时退订viewSubject
+      onUnmounted(() => {
+        subscription.unsubscribe();
+      });
     }
+    return save;
+  }
 
-    /**
-     * @description 使用新建功能模块
-     * @return {*}
-     * @memberof MDControl
-     */
-    public useNewRow() {
-        const { viewSubject, controlName } = this.state;
-        const newRow = async (opt: any = {}) => {
-            try {
-                const { controlService, context, viewParams, showBusyIndicator, controlAction } = this.state;
-                const { items } = toRefs(this.state);
-                if (!controlAction.loadDraftAction) {
-                    return;
-                }
-                let _context = deepCopy(context);
-                let _viewParams = deepCopy(viewParams);
-                const arg: any = { ...opt };
-                Object.assign(arg, { viewParams: _viewParams });
-                const response = await controlService.loadDraft(
-                    _context,
-                    arg,
-                    { action: controlAction.loadDraftAction, isLoading: showBusyIndicator },
-                );
-                if (response.status || response.status == 200) {
-                    items.value = [...items.value, [response.data]];
-                }
-            } catch (error) {
-                // TODO 错误异常处理
-                console.log(error);
-            }
-        };
+  /**
+   * 删除行为
+   *
+   * @protected
+   * @param [opt={}]
+   */
+  protected async remove(opt: any = {}) {}
 
-        // 订阅viewSubject,监听load行为
-        if (viewSubject) {
-            let subscription = viewSubject.subscribe(({ tag, action, data }: IActionParam) => {
-                if (Object.is(controlName, tag) && Object.is("newRow", action)) {
-                    newRow(data);
-                }
-            });
-            // 部件卸载时退订viewSubject
-            onUnmounted(() => {
-                subscription.unsubscribe();
+  /**
+   * @description 使用删除功能模块
+   * @return {*}
+   * @memberof MDControl
+   */
+  public useRemove() {
+    const { viewSubject, controlName } = this.state;
+    const remove = async (opt: IParam[] = []) => {
+      try {
+        const { controlService, context, viewParams, showBusyIndicator, controlAction, appDeCodeName } = this.state;
+        const { items } = toRefs(this.state);
+        if (!controlAction.removeAction) {
+          return;
+        }
+        const _data: IParam[] = [];
+        opt.forEach((item: IParam, index: number) => {
+          if (Object.is(item.srfuf, '0')) {
+            items.value.some((val: any, num: number) => {
+              if (JSON.stringify(val) == JSON.stringify(item)) {
+                items.value.splice(num, 1);
+                return true;
+              }
             });
+          } else {
+            _data.push(opt[index]);
+          }
+        });
+        if (_data.length > 0) {
+          const keys: string[] = [];
+          _data.forEach((item: IParam) => {
+            keys.push(item.srfkey);
+          });
+          const _removeAction = keys.length > 1 ? 'removeBatch' : controlAction.removeAction;
+          let _context = deepCopy(context);
+          Object.assign(_context, { [appDeCodeName]: keys });
+          let _viewParams = deepCopy(viewParams);
+          const arg: IParam = {
+            [appDeCodeName]: keys,
+          };
+          Object.assign(arg, { viewParams: _viewParams });
+          const response = await controlService.remove(_context, arg, {
+            action: _removeAction,
+            isLoading: showBusyIndicator,
+          });
+          if (response.status || response.status == 200) {
+          }
         }
+      } catch (error) {
+        // TODO 错误异常处理
+        console.log(error);
+      }
+    };
+
+    // 在类里绑定能力方法
+    this.remove = remove;
 
-        return {
-            newRow,
-        };
+    // 订阅viewSubject,监听load行为
+    if (viewSubject) {
+      let subscription = viewSubject.subscribe(({ tag, action, data }: IActionParam) => {
+        if (Object.is(controlName, tag) && Object.is('remove', action)) {
+          remove(data);
+        }
+      });
+
+      // 部件卸载时退订viewSubject
+      onUnmounted(() => {
+        subscription.unsubscribe();
+      });
     }
+    return remove;
+  }
+
+  /**
+   * 新建行行为（新增一条数据）
+   *
+   * @protected
+   * @param [opt={}]
+   */
+  protected async newRow(opt: any = {}) {}
 
-    /**
-     * 处理数据状态变化(逻辑数据+UI)
-     *
-     * @memberof MDControl
-     */
-    public handleStateChange() { }
+  /**
+   * @description 使用新建功能模块
+   * @return {*}
+   * @memberof MDControl
+   */
+  public useNewRow() {
+    const { viewSubject, controlName } = this.state;
+    const newRow = async (opt: any = {}) => {
+      try {
+        const { controlService, context, viewParams, showBusyIndicator, controlAction } = this.state;
+        const { items } = toRefs(this.state);
+        if (!controlAction.loadDraftAction) {
+          return;
+        }
+        let _context = deepCopy(context);
+        let _viewParams = deepCopy(viewParams);
+        const arg: any = { ...opt };
+        Object.assign(arg, { viewParams: _viewParams });
+        const response = await controlService.loadDraft(_context, arg, {
+          action: controlAction.loadDraftAction,
+          isLoading: showBusyIndicator,
+        });
+        if (response.status || response.status == 200) {
+          items.value = [...items.value, [response.data]];
+        }
+      } catch (error) {
+        // TODO 错误异常处理
+        console.log(error);
+      }
+    };
 
-    /**
-     * 处理数据分组
-     *
-     * @memberof MDControl
-     */
-    public handleDataGroup() {
-        const { enableGroup, groupField, groupMode } = this.state.mdCtrlGroup;
-        if (enableGroup && groupField && !Object.is(groupMode, "NONE")) {
-            if (Object.is(groupMode, "AUTO")) {
-                this.autoGroupData();
-            } else if (Object.is(groupMode, "CODELIST")) {
-                this.codeListGroupData();
-            }
+    // 在类里绑定能力方法
+    this.newRow = newRow;
+
+    // 订阅viewSubject,监听load行为
+    if (viewSubject) {
+      let subscription = viewSubject.subscribe(({ tag, action, data }: IActionParam) => {
+        if (Object.is(controlName, tag) && Object.is('newRow', action)) {
+          newRow(data);
         }
+      });
+      // 部件卸载时退订viewSubject
+      onUnmounted(() => {
+        subscription.unsubscribe();
+      });
     }
 
-    /**
-     * 自动分组
-     *
-     * @protected
-     * @memberof MDControl
-     */
-    protected autoGroupData() { }
+    return newRow;
+  }
 
-    /**
-     * 代码表分组
-     *
-     * @protected
-     * @memberof MDControl
-     */
-    protected codeListGroupData() { }
+  /**
+   * 处理数据状态变化(逻辑数据+UI)
+   *
+   * @memberof MDControl
+   */
+  public handleStateChange() {}
 
-    /**
-     * 获取当前激活数据
-     *
-     * @memberof MDControl
-     */
-    public getData(): IParam[] {
-        const { selectedData } = this.state;
-        return selectedData;
+  /**
+   * 处理数据分组
+   *
+   * @memberof MDControl
+   */
+  public handleDataGroup() {
+    const { enableGroup, groupField, groupMode } = this.state.mdCtrlGroup;
+    if (enableGroup && groupField && !Object.is(groupMode, 'NONE')) {
+      if (Object.is(groupMode, 'AUTO')) {
+        this.autoGroupData();
+      } else if (Object.is(groupMode, 'CODELIST')) {
+        this.codeListGroupData();
+      }
     }
+  }
 
-    /**
-     * @description 安装部件所有功能模块的方法
-     * @return {*}
-     * @memberof MDControl 
-     */
-    public moduleInstall() {
-        const superParams = super.moduleInstall();
-        return {
-            ...superParams,
-            load: this.useLoad(),
-            save: this.useSave(),
-            romove: this.useRemove(),
-            new: this.useNewRow()
-        };
-    }
+  /**
+   * 自动分组
+   *
+   * @protected
+   * @memberof MDControl
+   */
+  protected autoGroupData() {}
+
+  /**
+   * 代码表分组
+   *
+   * @protected
+   * @memberof MDControl
+   */
+  protected codeListGroupData() {}
+
+  /**
+   * 获取当前激活数据
+   *
+   * @memberof MDControl
+   */
+  public getData(): IParam[] {
+    const { selectedData } = this.state;
+    return selectedData;
+  }
+
+  /**
+   * @description 安装部件所有功能模块的方法
+   * @return {*}
+   * @memberof MDControl
+   */
+  public moduleInstall() {
+    const superParams = super.moduleInstall();
+    return {
+      ...superParams,
+      load: this.useLoad(),
+      save: this.useSave(),
+      remove: this.useRemove(),
+      newRow: this.useNewRow(),
+    };
+  }
 }

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/core/modules/widgets/search-form-control/search-form-control.ts

@@ -75,7 +75,6 @@ export class SearchFormControl extends FormControl {
   public moduleInstall() {
     const superParams = super.moduleInstall();
     // 表单行为能力启用
-    const { loadDraft } = this.useLoadDraft();
     return {
       ...superParams,
       onSearch: this.onSearch.bind(this),

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/core/modules/widgets/tree-control/tree-control.ts

-import { toRef } from "vue";
 import { deepCopy, deepObjectMerge, IActionParam, MainControl } from "@core";
 import { TreeControlProps } from "./tree-control-prop";
 import { TreeControlState } from "./tree-control-state";
@@ -143,9 +142,7 @@ export class TreeControl extends MainControl {
         subscription.unsubscribe();
       })
     }
-    return {
-      load
-    };
+    return load;
   }
 
   /**
@@ -155,11 +152,10 @@ export class TreeControl extends MainControl {
    */
   public moduleInstall() {
     const superParams = super.moduleInstall();
-    const { load } = this.useLoad();
     return {
       ...superParams,
       treeNodeSelect: this.treeNodeSelect.bind(this),
-      load
+      load: this.useLoad(),
     };
   }
 }
\ No newline at end of file

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/utils/app-modal/app-modal.vue

@@ -196,14 +196,13 @@ const handleShowState = ($event: any) => {
     :maskClosable="true"
     :destroyOnClose="true"
     :width="width"
+    :height="height"
     :bodyStyle="style"
     @cancel="onVisibleChange($event)"
   >
     <component
       :is="viewName"
       class="app-modal-view-component"
-      :width="width"
-      :height="height"
       :context="context"
       :viewParams="viewParams"
       :viewDefaultUsage="false"

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/views/{{appModules}}/{{pages@APPINDEXVIEW}}/{{pages@APPINDEXVIEW}}.vue.hbs

@@ -39,7 +39,7 @@ const collapsedChange = () => {
 </script>
 
 <template>
-  <AppDefaultIndexViewLayout class="app-index-view" :menuAlign="state.menuAlign" :collapsed="collapsed">
+  <AppDefaultIndexViewLayout :class="['app-index-view', state.viewSysCss]" :menuAlign="state.menuAlign" :collapsed="collapsed">
     <template #caption>
       <div class="index-view-header">
         \{{state.viewCaption}}

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/views/{{appModules}}/{{pages@DEGRIDVIEW}}/{{pages@DEGRIDVIEW}}.vue.hbs

@@ -44,7 +44,7 @@ const { state, grid, onCtrlEvent, onToolbarEvent, onQuickGroupEvent } = new Grid
 </script>
 
 <template>
-  <AppGridViewLayout class="app-grid-view">
+  <AppGridViewLayout :class="['app-grid-view', state.viewSysCss]">
     <template v-slot:caption>
       <AppIconText class="app-view__caption" size="large" :text="state.viewCaption" />
     </template>

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/views/{{appModules}}/{{pages@DEPICKUPGRIDVIEW}}/{{pages@DEPICKUPGRIDVIEW}}.vue.hbs

@@ -36,7 +36,7 @@ const { state, confirm, handleCtrlEvent } = new PickupGridView(viewState, props,
 </script>
 
 <template>
-  <AppPickerUpGridViewLayout class="app-pickup-grid-view">
+  <AppPickerUpGridViewLayout :class="['app-pickup-grid-view', state.viewSysCss]">
     <template v-slot:header-left>
       <AppIconText class="app-view__caption" size="large" :text="state.viewCaption" />
     </template>

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/views/{{appModules}}/{{pages@DEPICKUPVIEW}}/{{pages@DEPICKUPVIEW}}.vue.hbs

@@ -32,7 +32,7 @@ const { state, cancel, confirm,handleCtrlEvent } = new PickupView(viewState, pro
 </script>
 
 <template>
-    <AppPickerUpViewLayout class="app-pickup-view">
+    <AppPickerUpViewLayout :class="['app-pickup-view', state.viewSysCss]">
         <template v-slot:header-left>
           <AppIconText class="app-view__caption" size="large" :text="state.viewCaption" />
         </template>

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/views/{{appModules}}/{{pages@DETREEEXPVIEW}}/{{pages@DETREEEXPVIEW}}.vue.hbs

@@ -29,7 +29,7 @@ const { state, handleCtrlEvent, onToolbarEvent } = new TreeExpView(viewState, pr
 </script>
 
 <template>
-    <AppTreeExpViewLayout class="app-tree-exp-view">
+    <AppTreeExpViewLayout :class="['app-tree-exp-view', state.viewSysCss]">
       <template v-slot:caption>
         <AppIconText class="app-view__caption" size="large" :text="state.viewCaption" />
       </template>