细节调整

react-widget · Aug 9, 2020 · d018a4b · d018a4b
1 parent a2c21ab
commit d018a4b
Show file tree

Hide file tree

Showing 17 changed files with 25,657 additions and 26,501 deletions.
diff --git a/README.md b/README.md
@@ -160,7 +160,7 @@ function Input(props){
 ### NativeInput
 
 ```ts
-component: React.ElementType;
+component?: React.ElementType;
 onChange?: (value: any) => void;
 inputRef?: (dom: any) => void;
 [others: string]: any;
@@ -265,51 +265,64 @@ export default function NativeInput(props) {
 
 ## 基础样式
 
-```scss
-$form-item-cls: nex-form-item;
+```css
+.rw-form-item {
+	display: flex;
+}
 
-.#{$form-item-cls} {
-    display: flex;
+.rw-form-item-inline {
+	display: inline-flex;
+}
 
-    &-inline {
-        display: inline-flex;
-    }
+.rw-form-item-label {
+	text-align: right;
+	flex: none;
+}
 
-    &-label {
-        text-align: right;
-        flex: none;
-    }
+.rw-form-item-label-left {
+	text-align: left;
+}
 
-    &-label-left {
-        text-align: left;
-    }
+.rw-form-item-top {
+	display: block;
+}
 
-    &-top {
-        display: block;
-    }
+.rw-form-item-top.rw-form-item-inline {
+	display: inline-block;
+	vertical-align: top;
+}
 
-    &-top.#{$form-item-cls}-inline {
-        display: inline-block;
-        vertical-align: top;
-    }
+.rw-form-item-top .rw-form-item-label {
+	text-align: left;
+	display: block;
+}
 
-    &-top &-label {
-        text-align: left;
-        display: block;
-    }
+.rw-form-item-label {
+	text-align: right;
+	flex: none;
+}
 
-    &-control {
-        position: relative;
-        flex: 1;
-    }
+.rw-form-item-label {
+	text-align: right;
+	flex: none;
+}
 
-    &.is-required &-label:before {
-        content: "*";
-        display: inline-block;
-        margin-right: 4px;
-        font-family: SimSun;
-        color: red;
-    }
+.rw-form-item-label {
+	text-align: right;
+	flex: none;
+}
+
+.rw-form-item-control {
+	position: relative;
+	flex: 1;
+}
+
+.rw-form-item.is-required .rw-form-item-label:before {
+	content: "*";
+	display: inline-block;
+	margin-right: 4px;
+	font-family: SimSun;
+	color: red;
 }
 
 

diff --git a/docs/asset-manifest.json b/docs/asset-manifest.json
@@ -1,7 +1,7 @@
 {
-  "index.css": "static/css/index.75c3a227.chunk.css",
-  "index.js": "static/js/index.75c3a227.chunk.js",
-  "runtime-index.js": "static/js/runtime-index.70097ef2.js",
-  "static/js/2.ed4c38d5.chunk.js": "static/js/2.ed4c38d5.chunk.js",
+  "index.css": "static/css/index.17558ed5.chunk.css",
+  "index.js": "static/js/index.17558ed5.chunk.js",
+  "runtime-index.js": "static/js/runtime-index.1e14c4f9.js",
+  "static/js/2.f4e8ea2a.chunk.js": "static/js/2.f4e8ea2a.chunk.js",
   "index.html": "index.html"
 }
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!doctype html><html style="width:100%;height:100%;overflow:auto"><head><meta charset="utf-8"/><title>Form</title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1"/><style>.demo{width:1100px;height:500px;margin:50px auto;background:#fff;font-size:12px;overflow:auto}.rw-layout-content{height:200px}.rw-layout.rw-layout-has-sider{text-align:center;background:#3ba0e9}.rw-layout-sider{width:200px;text-align:center;background:#3ba0e9;color:#fff}.rw-layout-footer,.rw-layout-header{background:#7dbcea;color:#fff;height:64px;line-height:64px;text-align:center}.rw-layout-content{background:#108ee9;color:#fff;text-align:center}</style><link href="static/css/index.75c3a227.chunk.css" rel="stylesheet"></head><body style="background:#f5f5f5"><div class="demo" id="demo"></div><script src="static/js/runtime-index.70097ef2.js"></script><script src="static/js/2.ed4c38d5.chunk.js"></script><script src="static/js/index.75c3a227.chunk.js"></script></body></html>
+<!doctype html><html style="width:100%;height:100%;overflow:auto"><head><meta charset="utf-8"/><title>Form</title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1"/><style>.demo{width:1100px;height:500px;margin:50px auto;background:#fff;font-size:12px;overflow:auto}.rw-layout-content{height:200px}.rw-layout.rw-layout-has-sider{text-align:center;background:#3ba0e9}.rw-layout-sider{width:200px;text-align:center;background:#3ba0e9;color:#fff}.rw-layout-footer,.rw-layout-header{background:#7dbcea;color:#fff;height:64px;line-height:64px;text-align:center}.rw-layout-content{background:#108ee9;color:#fff;text-align:center}</style><link href="static/css/index.17558ed5.chunk.css" rel="stylesheet"></head><body style="background:#f5f5f5"><div class="demo" id="demo"></div><script src="static/js/runtime-index.1e14c4f9.js"></script><script src="static/js/2.f4e8ea2a.chunk.js"></script><script src="static/js/index.17558ed5.chunk.js"></script></body></html>
diff --git a/docs/static/css/index.75c3a227.chunk.css → docs/static/css/index.17558ed5.chunk.css b/docs/static/css/index.75c3a227.chunk.css → docs/static/css/index.17558ed5.chunk.css
diff --git a/docs/static/js/2.ed4c38d5.chunk.js b/docs/static/js/2.ed4c38d5.chunk.js
diff --git a/docs/static/js/2.f4e8ea2a.chunk.js b/docs/static/js/2.f4e8ea2a.chunk.js
diff --git a/docs/static/js/index.17558ed5.chunk.js b/docs/static/js/index.17558ed5.chunk.js
diff --git a/docs/static/js/index.75c3a227.chunk.js b/docs/static/js/index.75c3a227.chunk.js
diff --git a/docs/static/js/runtime-index.70097ef2.js → docs/static/js/runtime-index.1e14c4f9.js b/docs/static/js/runtime-index.70097ef2.js → docs/static/js/runtime-index.1e14c4f9.js