feat: 补充分页导航布局面板

plugins/view-layout-panel-dsl/CHANGELOG.md

@@ -7,6 +7,12 @@
 
 ## [Unreleased]
 
+## [1.0.12] - 2023-05-25
+
+### Added
+
+- 分页导航视图布局面板
+
 ## [1.0.11] - 2023-05-25
 
 ### Added

plugins/view-layout-panel-dsl/src/app-index-view-layout.ts

@@ -28,8 +28,8 @@ export default {
                 },
                 {
                   "rawItem": {
-                    "predefinedType": "NAV_POS",
-                    "id": "nav_pos"
+                    "predefinedType": "NAV_POS_INDEX",
+                    "id": "nav_pos_index"
                   },
                   "caption": "导航区占位",
                   "itemStyle": "DEFAULT",
@@ -39,7 +39,7 @@ export default {
                     "layout": "FLEX"
                   },
                   "showCaption": true,
-                  "id": "nav_pos"
+                  "id": "nav_pos_index"
                 }
               ],
               "layout": {

plugins/view-layout-panel-dsl/src/index.ts

@@ -7,6 +7,7 @@ import DEListView from './view-layout-model-repository/view-layout-model-reposit
 import DEOptView from './view-layout-model-repository/view-layout-model-repository-de-option-view-layout';
 import DEPickupGirdView from './view-layout-model-repository/view-layout-model-repository-de-pickup-grid-view-layout';
 import DEPickupView from './view-layout-model-repository/view-layout-model-repository-de-pickup-view-layout';
+import DETabExpView from './view-layout-model-repository/view-layout-model-repository-de-tab-exp-view-layout';
 import DEMPickupView from './view-layout-model-repository/view-layout-model-repository-dem-pickup-view-layout';
 
 /**
@@ -27,5 +28,6 @@ export function install(callBack: (key: string, model: any) => void): void {
   callBack('DEOPTVIEW_DEFAULT', DEOptView);
   callBack('DEPICKUPGRIDVIEW_DEFAULT', DEPickupGirdView);
   callBack('DEPICKUPVIEW_DEFAULT', DEPickupView);
+  callBack('DETABEXPVIEW_DEFAULT', DETabExpView);
   callBack('DEMPICKUPVIEW_DEFAULT', DEMPickupView);
 }
\ No newline at end of file

plugins/view-layout-panel-dsl/src/view-layout-model-repository/view-layout-model-repository-de-tab-exp-view-layout.ts

+export default {
+  "layoutMode": "TABLE_24COL",
+  "rootPanelItems": [
+    {
+      "panelItems": [
+        {
+          "panelItems": [
+            {
+              "caption": "标题占位",
+              "itemStyle": "DEFAULT",
+              "itemType": "CTRLPOS",
+              "layoutPos": {
+                "layout": "FLEX"
+              },
+              "showCaption": true,
+              "id": "captionbar"
+            }
+          ],
+          "layout": {
+            "layout": "FLEX"
+          },
+          "dataRegionType": "INHERIT",
+          "caption": "容器",
+          "itemStyle": "DEFAULT",
+          "itemType": "CONTAINER",
+          "layoutPos": {
+            "layout": "FLEX"
+          },
+          "id": "container3"
+        },
+        {
+          "panelItems": [
+            {
+              "caption": "分页导航",
+              "itemStyle": "DEFAULT",
+              "itemType": "CTRLPOS",
+              "layoutPos": {
+                "layout": "FLEX"
+              },
+              "showCaption": true,
+              "id": "drtab"
+            }
+          ],
+          "layout": {
+            "layout": "FLEX"
+          },
+          "dataRegionType": "INHERIT",
+          "caption": "容器",
+          "itemStyle": "DEFAULT",
+          "itemType": "CONTAINER",
+          "layoutPos": {
+            "grow": 1,
+            "layout": "FLEX"
+          },
+          "id": "container4"
+        }
+      ],
+      "layout": {
+        "dir": "row",
+        "layout": "FLEX"
+      },
+      "dataRegionType": "INHERIT",
+      "caption": "容器",
+      "contentHeight": 54,
+      "height": 54,
+      "itemStyle": "DEFAULT",
+      "itemType": "CONTAINER",
+      "layoutPos": {
+        "colMD": 24,
+        "height": 54,
+        "heightMode": "PX",
+        "layout": "TABLE_24COL"
+      },
+      "id": "page_header"
+    },
+    {
+      "panelItems": [
+        {
+          "rawItem": {
+            "predefinedType": "NAV_POS",
+            "id": "nav_pos"
+          },
+          "caption": "导航区占位",
+          "itemStyle": "DEFAULT",
+          "itemType": "RAWITEM",
+          "layoutPos": {
+            "layout": "FLEX"
+          },
+          "showCaption": true,
+          "id": "nav_pos"
+        }
+      ],
+      "layout": {
+        "layout": "FLEX"
+      },
+      "dataRegionType": "INHERIT",
+      "caption": "容器",
+      "itemStyle": "DEFAULT",
+      "itemType": "CONTAINER",
+      "layoutPos": {
+        "colMD": 24,
+        "layout": "TABLE_24COL"
+      },
+      "id": "container2"
+    }
+  ],
+  "layoutPanel": true,
+  "codeName": "TabExpViewLayout",
+  "controlType": "VIEWLAYOUTPANEL",
+  "logicName": "分页导航视图布局面板",
+  "appDataEntityId": "web.viewlayoutmodelrepository",
+  "controlParam": {},
+  "name": "layoutpanel",
+  "id": "tabexpviewlayout"
+}

plugins/view-layout-panel-dsl/template/{{appEntities}}/{{pages@DETABEXPVIEW}}.ts.hbs

+{{#eq page.codeName 'ViewLayoutModelRepositoryDETabExpViewLayout'}}
+export default {{jsonStringify pageDSL.viewLayoutPanel 2}}
+{{/eq}}