From 38d88636d5a6ca9457ca9822ff0803b935661c7e Mon Sep 17 00:00:00 2001
From: dntzhang <dntzhang@qq.com>
Date: Sun, 14 Jul 2019 15:12:03 +0800
Subject: [PATCH] omim - chore

* Update readme
* Update dependencies of vue demo
* Update dependencies of react demo
* Use omim instead of @omim
---
 packages/omim/README.md                     | 47 ++++++++++-----------
 packages/omim/test-react/package.json       |  2 +-
 packages/omim/test-react/src/App.js         |  2 +-
 packages/omim/test-react/src/MyComponent.js | 16 +++----
 packages/omim/test-vue/package.json         |  2 +-
 5 files changed, 34 insertions(+), 35 deletions(-)

diff --git a/packages/omim/README.md b/packages/omim/README.md
index 73ea10630..ed1b7003b 100644
--- a/packages/omim/README.md
+++ b/packages/omim/README.md
@@ -123,30 +123,6 @@ or
 <my-element show="0"></my-element>
 ```
 
-## Usage in React
-
-```jsx
-/** @jsx nativeEvents */
-import nativeEvents from 'jsx-native-events'
-import { useState } from 'react'
-import 'omim/icon-button'
-
-export default function SomeComponent(props) {
-    const [result, setSwitch] = useState(false)
-
-    return (
-      <div>
-        <p>The switch is {result ? 'on' : 'off'}</p>
-        <m-icon-button color="red" icons="['favorite', 'favorite_border']" onEventChange={e => setSwitch(e.detail.isOn)}>
-        </m-icon-button>
-      </div>
-    )
-}
-```
-
-Many thanks to calebdwilliams's [jsx-native-events](https://github.com/calebdwilliams/jsx-native-events#readme).
-
-
 ## Usage in Vue
 
 ```html
@@ -176,6 +152,29 @@ export default {
 </template>
 ```
 
+## Usage in React
+
+```jsx
+/** @jsx nativeEvents */
+import nativeEvents from 'jsx-native-events'
+import { useState } from 'react'
+import 'omim/icon-button'
+
+export default function SomeComponent(props) {
+    const [result, setSwitch] = useState(false)
+
+    return (
+      <div>
+        <p>The switch is {result ? 'on' : 'off'}</p>
+        <m-icon-button color="red" icons="['favorite', 'favorite_border']" onEventChange={e => setSwitch(e.detail.isOn)}>
+        </m-icon-button>
+      </div>
+    )
+}
+```
+
+Many thanks to calebdwilliams's [jsx-native-events](https://github.com/calebdwilliams/jsx-native-events#readme).
+
 > Note that in order to display icon in react or vue app, you need to put this in HTML:
 
 ```html
diff --git a/packages/omim/test-react/package.json b/packages/omim/test-react/package.json
index 812c3124f..a6eee60af 100644
--- a/packages/omim/test-react/package.json
+++ b/packages/omim/test-react/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@omim/core": "^0.6.5",
+    "omim": "latest",
     "jsx-native-events": "^1.0.1",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
diff --git a/packages/omim/test-react/src/App.js b/packages/omim/test-react/src/App.js
index a62f4398d..46eef451f 100644
--- a/packages/omim/test-react/src/App.js
+++ b/packages/omim/test-react/src/App.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import logo from './logo.svg';
 import './App.css';
-import '@omim/core/button'
+import 'omim/button'
 import MyComponent from './MyComponent'
 import HookTest from './HookTest'
 
diff --git a/packages/omim/test-react/src/MyComponent.js b/packages/omim/test-react/src/MyComponent.js
index 455d4e4e9..57bc7dd6b 100644
--- a/packages/omim/test-react/src/MyComponent.js
+++ b/packages/omim/test-react/src/MyComponent.js
@@ -2,16 +2,16 @@
 import nativeEvents from 'jsx-native-events'
 
 import React from 'react';
-import '@omim/core/icon-button'
-import '@omim/core/button'
-import '@omim/core/checkbox'
-import '@omim/core/radio'
-import '@omim/core/pagination'
+import 'omim/icon-button'
+import 'omim/button'
+import 'omim/checkbox'
+import 'omim/radio'
+import 'omim/pagination'
 
 class MyComponent extends React.Component {
   onClick = (evt) => {
 
-    import('@omim/core/loading').then(() => {
+    import('omim/loading').then(() => {
       this.showLoading = true
       this.forceUpdate()
     })
@@ -28,7 +28,7 @@ class MyComponent extends React.Component {
     return (
       <div>
 
-        <m-button onClick={this.onClick}>Click me to dynamic Import @omim/core/loading</m-button>
+        <m-button onClick={this.onClick}>Click me to dynamic Import omim/loading</m-button>
         <div>
           <m-loading size="25"></m-loading>
           <m-loading size="35"></m-loading>
@@ -72,4 +72,4 @@ class MyComponent extends React.Component {
   }
 }
 
-export default MyComponent
\ No newline at end of file
+export default MyComponent
diff --git a/packages/omim/test-vue/package.json b/packages/omim/test-vue/package.json
index cb22ec1a3..9b3c45f06 100644
--- a/packages/omim/test-vue/package.json
+++ b/packages/omim/test-vue/package.json
@@ -4,7 +4,7 @@
   "description": "",
   "main": "",
   "dependencies": {
-    "@omim/core": "^0.8.1"
+    "omim": "latest"
   },
   "devDependencies": {},
   "scripts": {