From 22ac4b5bf098e9dac6dde091514af5dca9052310 Mon Sep 17 00:00:00 2001
From: dntzhang <dntzhang@qq.com>
Date: Thu, 18 Oct 2018 08:22:41 +0800
Subject: [PATCH] update docs

---
 assets/first-element.jpg | Bin 0 -> 10680 bytes
 docs/docs.md             |   0
 docs/main-concepts.cn.md | 128 +++++++++++++++++++++++++++++++++++
 docs/main-concepts.md    | 142 +++++++++++++++++++++++++++++++++++++++
 4 files changed, 270 insertions(+)
 create mode 100644 assets/first-element.jpg
 delete mode 100644 docs/docs.md
 create mode 100644 docs/main-concepts.cn.md
 create mode 100644 docs/main-concepts.md

diff --git a/assets/first-element.jpg b/assets/first-element.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..e1fffa09c5177730a2d957ab705843332b2899a9
GIT binary patch
literal 10680
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

literal 0
HcmV?d00001

diff --git a/docs/docs.md b/docs/docs.md
deleted file mode 100644
index e69de29bb..000000000
diff --git a/docs/main-concepts.cn.md b/docs/main-concepts.cn.md
new file mode 100644
index 000000000..fe157e850
--- /dev/null
+++ b/docs/main-concepts.cn.md
@@ -0,0 +1,128 @@
+## Omi Docs
+
+- [My First Element](#my-first-element)
+- [Props](#props)
+- [Event](#event)
+- [Custom Event](#custom-event)
+- [Ref](#ref)
+
+### My First Element
+
+```js
+import { WeElement, tag, render } from 'omi'
+
+@tag('my-first-element')
+class MyFirstElement extends WeElement {
+    render() {
+        return (
+            <h1>Hello, world!</h1>
+        )
+    }
+}
+
+render(<my-first-element></my-first-element>, 'body')
+```
+
+在 HTML 开发者工具里看看渲染得到的结构:
+
+![fe](../assets/first-element.jpg)
+
+除了渲染到 body，你可以在其他任意自定义元素中使用 `my-first-element`。
+
+
+### Props
+
+```js
+import { WeElement, tag, render } from 'omi'
+
+@tag('my-first-element')
+class MyFirstElement extends WeElement {
+    render(props) {
+        return (
+            <h1>Hello, {props.name}!</h1>
+        )
+    }
+}
+
+render(<my-first-element name="world"></my-first-element>, 'body')
+```
+
+你也可以传任意类型的数据给 props:
+
+```js
+import { WeElement, tag, render } from 'omi'
+
+@tag('my-first-element')
+class MyFirstElement extends WeElement {
+    render(props) {
+        return (
+            <h1>Hello, {props.myObj.name}!</h1>
+        )
+    }
+}
+
+render(<my-first-element my-obj={{ name: 'world' }}></my-first-element>, 'body')
+```
+
+`my-obj` 将映射到 myObj，驼峰的方式。
+
+
+### Event
+
+```js
+class MyFirstElement extends WeElement {
+    onClick = (evt) => {
+        alert('Hello Omi!')
+    }
+
+    render() {
+        return (
+            <h1 onClick={this.onClick}>Hello, wrold!</h1>
+        )
+    }
+}
+```
+
+### Custom Event
+
+```js
+@tag('my-first-element')
+class MyFirstElement extends WeElement {
+    onClick = (evt) => {
+        this.fire('myevent', { name: 'abc' })
+    }
+
+    render(props) {
+        return (
+            <h1 onClick={this.onClick}>Hello, world!</h1>
+        )
+    }
+}
+
+render(<my-first-element onMyEvent={(evt) => { alert(evt.detail.name) }}></my-first-element>, 'body')
+```
+
+Tirgger custom event by `this.fire` and get the data by  `evt.detail`. 
+
+### Ref
+
+```js
+@tag('my-first-element')
+class MyFirstElement extends WeElement {
+    onClick = (evt) => {
+        console.log(this.h1)
+    }
+
+    render(props) {
+        return (
+            <div>
+                <h1 ref={e => { this.h1 = e }} onClick={this.onClick}>Hello, world!</h1>
+            </div>
+        )
+    }
+}
+
+render(<my-first-element></my-first-element>, 'body')
+```
+
+Get the element by `ref={e => { this.anyNameYouWant = e }}`
\ No newline at end of file
diff --git a/docs/main-concepts.md b/docs/main-concepts.md
new file mode 100644
index 000000000..5f6b85502
--- /dev/null
+++ b/docs/main-concepts.md
@@ -0,0 +1,142 @@
+## Omi Docs
+
+- [My First Element](#my-first-element)
+- [Props](#props)
+- [Event](#event)
+- [Custom Event](#custom-event)
+- [Ref](#ref)
+
+### My First Element
+
+```js
+import { WeElement, tag, render } from 'omi'
+
+@tag('my-first-element')
+class MyFirstElement extends WeElement {
+    render() {
+        return (
+            <h1>Hello, world!</h1>
+        )
+    }
+}
+
+render(<my-first-element></my-first-element>, 'body')
+```
+
+Look at the rendering structure in the HTML developer tool:
+
+![fe](../assets/first-element.jpg)
+
+You can also use `my-first-element` in any other custom element. Such as:
+
+```js
+import { WeElement, tag, render } from 'omi'
+import './my-first-element'
+
+@tag('other-element')
+class OtherElement extends WeElement {
+    render() {
+        return (
+            <div>
+                <my-first-element></my-first-element>
+            </div>
+        )
+    }
+}
+```
+
+### Props
+
+```js
+import { WeElement, tag, render } from 'omi'
+
+@tag('my-first-element')
+class MyFirstElement extends WeElement {
+    render(props) {
+        return (
+            <h1>Hello, {props.name}!</h1>
+        )
+    }
+}
+
+render(<my-first-element name="world"></my-first-element>, 'body')
+```
+
+You can also transmit any type of data to props:
+
+```js
+import { WeElement, tag, render } from 'omi'
+
+@tag('my-first-element')
+class MyFirstElement extends WeElement {
+    render(props) {
+        return (
+            <h1>Hello, {props.myObj.name}!</h1>
+        )
+    }
+}
+
+render(<my-first-element my-obj={{ name: 'world' }}></my-first-element>, 'body')
+```
+
+The `my-obj` will map to myObj with camel-case.
+
+### Event
+
+```js
+class MyFirstElement extends WeElement {
+    onClick = (evt) => {
+        alert('Hello Omi!')
+    }
+
+    render() {
+        return (
+            <h1 onClick={this.onClick}>Hello, wrold!</h1>
+        )
+    }
+}
+```
+
+### Custom Event
+
+```js
+@tag('my-first-element')
+class MyFirstElement extends WeElement {
+    onClick = (evt) => {
+        this.fire('myevent', { name: 'abc' })
+    }
+
+    render(props) {
+        return (
+            <h1 onClick={this.onClick}>Hello, world!</h1>
+        )
+    }
+}
+
+render(<my-first-element onMyEvent={(evt) => { alert(evt.detail.name) }}></my-first-element>, 'body')
+```
+
+Tirgger custom event by `this.fire` and get the data by  `evt.detail`. 
+
+### Ref
+
+```js
+@tag('my-first-element')
+class MyFirstElement extends WeElement {
+    onClick = (evt) => {
+        console.log(this.h1)
+    }
+
+    render(props) {
+        return (
+            <div>
+                <h1 ref={e => { this.h1 = e }} onClick={this.onClick}>Hello, world!</h1>
+            </div>
+        )
+    }
+}
+
+render(<my-first-element></my-first-element>, 'body')
+```
+
+Get the element by `ref={e => { this.anyNameYouWant = e }}`
\ No newline at end of file