From e91efb3a6884ac3d275eb41e3f58f6f6d97237d1 Mon Sep 17 00:00:00 2001
From: dntzhang <dntzhang@qq.com>
Date: Fri, 20 Dec 2019 16:40:49 +0800
Subject: [PATCH] chore: init use demo

---
 packages/omi/examples/counter/main.js         | 32 -------------------
 packages/omi/examples/{counter => use}/b.js   |  0
 .../omi/examples/{counter => use}/b.js.map    |  0
 .../omi/examples/{counter => use}/index.html  |  0
 packages/omi/examples/use/main.js             | 32 +++++++++++++++++++
 5 files changed, 32 insertions(+), 32 deletions(-)
 delete mode 100644 packages/omi/examples/counter/main.js
 rename packages/omi/examples/{counter => use}/b.js (100%)
 rename packages/omi/examples/{counter => use}/b.js.map (100%)
 rename packages/omi/examples/{counter => use}/index.html (100%)
 create mode 100644 packages/omi/examples/use/main.js

diff --git a/packages/omi/examples/counter/main.js b/packages/omi/examples/counter/main.js
deleted file mode 100644
index 9ebd6f61d..000000000
--- a/packages/omi/examples/counter/main.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import { render, WeElement, define, observe } from '../../src/omi'
-
-define('my-counter', @observe
-class extends WeElement {
-  data = {
-    count: 1
-  }
-  
-  css = `span{
-    color: red;
-  }`
-
-  sub = () => {
-    this.data.count--
-  }
-
-  add = () => {
-    this.data.count++
-  }
-
-  render() {
-    return (
-      <div>
-        <button onClick={this.sub}>-</button>
-        <span>{this.data.count}</span>
-        <button onClick={this.add}>+</button>
-      </div>
-    )
-  }
-})
-
-render(<my-counter />, 'body')
diff --git a/packages/omi/examples/counter/b.js b/packages/omi/examples/use/b.js
similarity index 100%
rename from packages/omi/examples/counter/b.js
rename to packages/omi/examples/use/b.js
diff --git a/packages/omi/examples/counter/b.js.map b/packages/omi/examples/use/b.js.map
similarity index 100%
rename from packages/omi/examples/counter/b.js.map
rename to packages/omi/examples/use/b.js.map
diff --git a/packages/omi/examples/counter/index.html b/packages/omi/examples/use/index.html
similarity index 100%
rename from packages/omi/examples/counter/index.html
rename to packages/omi/examples/use/index.html
diff --git a/packages/omi/examples/use/main.js b/packages/omi/examples/use/main.js
new file mode 100644
index 000000000..ad3e409c1
--- /dev/null
+++ b/packages/omi/examples/use/main.js
@@ -0,0 +1,32 @@
+import { render, define, h } from '../../src/omi'
+
+const store = {
+	data: {
+		count: 1
+	}
+}
+
+store.sub = () => {
+	store.data.count--
+}
+
+store.add = () => {
+	store.data.count++
+}
+
+define('my-counter', _ => (
+	<h.f>
+		<button onClick={_.store.sub}>-</button>
+		<span>{_.store.data.count}</span>
+		<button onClick={_.store.add}>+</button>
+	</h.f>
+))
+
+define('my-app', _ => (
+	<div>
+		<my-counter use={['count']} ></my-counter>
+	</div>
+))
+
+
+render(<my-app />, 'body', store)