feat(pageStyle): 调整数据结构支持更多value，补充缺失的屏幕方向

pages/API/get-current-pages/get-current-pages.uvue

@@ -21,19 +21,17 @@
           <text class="item-text-value">{{currentPageStyle[item.key]}}</text>
         </view>
         <view class="set-value" v-if="item.type == 'boolean'">
-          <switch :checked="item.value.getBoolean('oldValue')"
+          <switch :checked="currentPageStyle.getBoolean(item.key)"
             @change="switchChange(item.key, $event as UniSwitchChangeEvent)">
           </switch>
         </view>
         <view class="set-value" v-else-if="item.type == 'number'">
-          <slider :value="item.value.getNumber('oldValue')" :show-value="true"
+          <slider :value="currentPageStyle.getNumber(item.key)" :show-value="true"
             @change="sliderChange(item.key, $event as UniSliderChangeEvent)" />
         </view>
         <view class="set-value" v-else-if="item.type == 'string'">
-          <radio-group class="radio-set-value" @change="radioChange(item.key, $event as RadioGroupChangeEvent)">
-            <radio :value="item.value.getString('oldValue')">{{item.value.getString('oldValue')}}</radio>
-            <text class="split-h"></text>
-            <radio :value="item.value.getString('newValue')">{{item.value.getString('newValue')}}</radio>
+          <radio-group class="radio-set-value" @change="radioChange(item.key, $event as RadioGroupChangeEvent)">
+            <radio class="radio-value" v-for="(item2, index2) in item.value" :key="index2" :value="item2" >{{item2}}</radio>
           </radio-group>
         </view>
       </view>
@@ -165,7 +163,7 @@
     flex-direction: row;
   }
 
-  .split-h {
-    width: 15px;
+  .radio-value {
+    margin-left: 10px;
   }
 </style>

pages/API/get-current-pages/page-style.uts

 
 export type PageStyleItem = {
   key : string
-  type : string
-  value : UTSJSONObject
+  type : string
+  value: Array<any>
 }
 
 export const PageStyleArray = [
   {
     key: "navigationBarBackgroundColor",
     type: "string",
-    value: {
-      oldValue: "#F8F8F8",
-      newValue: "#F0F0F0",
-    }
+    value: ["#007AFF", "#FFFFFF", "#000000"]
   },
   {
     key: "navigationBarTextStyle",
     type: "string",
-    value: {
-      oldValue: "white",
-      newValue: "black",
-    }
+    value: ["white", "black"]
   },
   {
     key: "navigationBarTitleText",
     type: "string",
-    value: {
-      oldValue: "old title",
-      newValue: "new title",
-    }
+    value: ["title1", "title2", "title3"]
   },
   {
     key: "navigationStyle",
     type: "string",
-    value: {
-      oldValue: "default",
-      newValue: "custom",
-    }
+    value: ["default", "custom"]
   },
   {
     key: "backgroundColor",
     type: "string",
-    value: {
-      oldValue: "#ffffff",
-      newValue: "#000000",
-    }
+    value: ["#FFFFFF", "#000000"]
   },
   {
     key: "backgroundColorContent",
     type: "string",
-    value: {
-      oldValue: "#ffffff",
-      newValue: "#000000",
-    }
+    value: ["#FFFFFF", "#F0F0F0", "#000000"]
   },
   {
     key: "backgroundTextStyle",
     type: "string",
-    value: {
-      oldValue: "dark",
-      newValue: "light",
-    }
+    value: ["dark", "light"]
   },
   {
     key: "enablePullDownRefresh",
     type: "boolean",
-    value: {
-      oldValue: true,
-      newValue: false,
-    }
+    value: [true, false]
   },
   {
     key: "onReachBottomDistance",
     type: "number",
-    value: {
-      oldValue: 50,
-      newValue: 100,
-    }
+    value: [50, 100]
   },
   {
     key: "pageOrientation",
     type: "string",
-    value: {
-      oldValue: "auto",
-      newValue: "portrait",
-    }
+    value: ["auto", "portrait", "landscape"]
   },
   {
     key: "backgroundColorTop",
     type: "string",
-    value: {
-      oldValue: "#ffffff",
-      newValue: "#000000",
-    }
+    value: ["#FFFFFF", "#000000"]
   },
   {
     key: "backgroundColorBottom",
     type: "string",
-    value: {
-      oldValue: "#ffffff",
-      newValue: "#000000",
-    }
+    value: ["#FFFFFF", "#000000"]
   },
   {
     key: "navigationBarAutoBackButton",
     type: "boolean",
-    value: {
-      oldValue: true,
-      newValue: false,
-    }
+    value: [true, false]
   }] as PageStyleItem[]