feat(alita-core wx-react-native): 微信基础样式移除在page.wxss定义，防止对直接使用微信组件的影响

affects: @areslabs/alita-core, @areslabs/wx-react-native

packages/alita-core/mptemp/compCommon.wxss

@@ -1,4 +1,4 @@
-.view {
+.view, .image {
     display: flex;
     flex-grow: 0;
     flex-shrink: 0;

packages/alita-core/mptemp/pageCommon.wxss

@@ -4,17 +4,9 @@ page {
     line-height: 1.2;
     overflow: hidden;
     background-color: #e9e9e9;
-    min-width: 0;
-    min-height: 0;
-}
-
-/*小程序base组件*/
-page, view, image, scroll-view {
     display: flex;
     flex-direction: column;
     position: relative;
-    box-sizing: border-box;
-    border: 0 solid;
     min-width: 0;
     min-height: 0;
 }

packages/alita-core/src/tran/classNameHandler.js

@@ -71,7 +71,16 @@ export default function classNameHandler (ast,info) {
             if (path.type === 'JSXOpeningElement'
                 && path.node.name.name === 'image'
             ) {
-                // image 不支持包裹元素了，so, do nothing!
+                const attris = path.node.attributes
+                const origs = (attris.filter(item => item.type === 'JSXAttribute' && item.name.name === 'original'))
+
+                if (origs.length === 0) {
+                    return
+                }
+
+                attris.push(
+                    t.jsxAttribute(t.jsxIdentifier('class'), t.stringLiteral('image'))
+                )
             }
 
         }

packages/wx-react-native/wxComponents/WXButton/index.wxss

@@ -1,14 +1,17 @@
-.container{
-  display: flex;
-  flex:1;
-  text-align: center;
-  color:#0c42FD;
-  margin:0;
-  font-size: 18px;
-  padding: 8px;
-  line-height: 1.2;
+.container {
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    flex: 1;
+    text-align: center;
+    color: #0c42FD;
+    margin: 0;
+    font-size: 18px;
+    padding: 8px;
+    line-height: 1.2;
+    position: relative;
 }
 
-.hc{
-  opacity: 0.2;
+.hc {
+    opacity: 0.2;
 }

packages/wx-react-native/wxComponents/WXFlatList/index.wxss

@@ -1,2 +1,13 @@
 @import '../common.wxss';
 
+
+view, scroll-view {
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    box-sizing: border-box;
+    border: 0 solid;
+    min-width: 0;
+    min-height: 0;
+}
+

packages/wx-react-native/wxComponents/WXScrollView/index.wxss

@@ -0,0 +1,9 @@
+view, scroll-view {
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    box-sizing: border-box;
+    border: 0 solid;
+    min-width: 0;
+    min-height: 0;
+}

packages/wx-react-native/wxComponents/WXSectionList/index.wxss

@@ -1 +1,11 @@
-@import '../common.wxss';
+@import '../common.wxss';
+
+view, scroll-view {
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    box-sizing: border-box;
+    border: 0 solid;
+    min-width: 0;
+    min-height: 0;
+}