From 87da12c6ebaee7107b923a24335737c8537e2da0 Mon Sep 17 00:00:00 2001
From: wscats <2587575267@qq.com>
Date: Tue, 11 Jun 2019 09:13:44 +0800
Subject: [PATCH] rename

rename component which omil -> app-omil
---
 .../elements/{omil => app-omil}/_index.css    |  2 +-
 .../app/src/elements/app-omil/index.eno       | 49 +++++++++++++++++++
 .../{omil/index.omi.js => app-omil/index.js}  | 10 ++--
 .../src/elements/{omil => app-omil}/index.omi |  8 +--
 .../template/app/src/elements/app/index.js    |  2 +-
 5 files changed, 61 insertions(+), 10 deletions(-)
 rename packages/omi-cli/template/app/src/elements/{omil => app-omil}/_index.css (96%)
 create mode 100644 packages/omi-cli/template/app/src/elements/app-omil/index.eno
 rename packages/omi-cli/template/app/src/elements/{omil/index.omi.js => app-omil/index.js} (86%)
 rename packages/omi-cli/template/app/src/elements/{omil => app-omil}/index.omi (77%)

diff --git a/packages/omi-cli/template/app/src/elements/omil/_index.css b/packages/omi-cli/template/app/src/elements/app-omil/_index.css
similarity index 96%
rename from packages/omi-cli/template/app/src/elements/omil/_index.css
rename to packages/omi-cli/template/app/src/elements/app-omil/_index.css
index a3eff2ef6..94fac9214 100755
--- a/packages/omi-cli/template/app/src/elements/omil/_index.css
+++ b/packages/omi-cli/template/app/src/elements/app-omil/_index.css
@@ -1,4 +1,4 @@
-.omil {
+.app-omil {
 	margin-top: 20px;
 }
 
diff --git a/packages/omi-cli/template/app/src/elements/app-omil/index.eno b/packages/omi-cli/template/app/src/elements/app-omil/index.eno
new file mode 100644
index 000000000..185586fdd
--- /dev/null
+++ b/packages/omi-cli/template/app/src/elements/app-omil/index.eno
@@ -0,0 +1,49 @@
+<template name="app-omil">
+    <div class="app-omil">
+        <button onClick={this.omiSnippets.bind(this)} class="weui-btn weui-btn_primary" style="width: 200px;">{this.data.title}</button>
+    </div>
+</template>
+<script>
+// Recommend install omi-snippets plugins in VSC
+// Omi-snippets: https://marketplace.visualstudio.com/items?itemName=Wscats.omi-snippets
+import style from './_index.css'
+export default {
+    static css = style + `
+        button{
+            background-color: #58bc58;
+        }
+    `
+    install() {
+        this.data = {
+            title: 'I am omil button.'
+        }
+    }
+    omiSnippets() {
+        window.open('https://marketplace.visualstudio.com/items?itemName=Wscats.omi-snippets')
+    }
+}
+</script>
+<style>
+.weui-btn {
+    position: relative;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    padding-left: 14px;
+    padding-right: 14px;
+    box-sizing: border-box;
+    font-size: 18px;
+    text-align: center;
+    text-decoration: none;
+    color: #FFFFFF;
+    line-height: 2.55555556;
+    border-radius: 3px;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    overflow: hidden;
+    border-width: 0;
+    width: 100%;
+    border-width: 0;
+    outline: 0;
+    -webkit-appearance: none;
+}
+</style>
\ No newline at end of file
diff --git a/packages/omi-cli/template/app/src/elements/omil/index.omi.js b/packages/omi-cli/template/app/src/elements/app-omil/index.js
similarity index 86%
rename from packages/omi-cli/template/app/src/elements/omil/index.omi.js
rename to packages/omi-cli/template/app/src/elements/app-omil/index.js
index 3d8736d38..14745fd30 100644
--- a/packages/omi-cli/template/app/src/elements/omil/index.omi.js
+++ b/packages/omi-cli/template/app/src/elements/app-omil/index.js
@@ -9,12 +9,12 @@ const appOmil = class extends WeElement {
     return h(
       "div",
       {
-        class: "omil"
+        class: "app-omil"
       },
       h(
         "button",
         {
-          onClick: this.testClick.bind(this),
+          onClick: this.omiSnippets.bind(this),
           class: "weui-btn weui-btn_primary",
           style: "width: 200px;"
         },
@@ -59,8 +59,10 @@ const appOmil = class extends WeElement {
       title: "I am omil button."
     };
   }
-  testClick() {
-    console.log("omil");
+  omiSnippets() {
+    window.open(
+      "https://marketplace.visualstudio.com/items?itemName=Wscats.omi-snippets"
+    );
   }
 };
 
diff --git a/packages/omi-cli/template/app/src/elements/omil/index.omi b/packages/omi-cli/template/app/src/elements/app-omil/index.omi
similarity index 77%
rename from packages/omi-cli/template/app/src/elements/omil/index.omi
rename to packages/omi-cli/template/app/src/elements/app-omil/index.omi
index b6c14bd40..185586fdd 100644
--- a/packages/omi-cli/template/app/src/elements/omil/index.omi
+++ b/packages/omi-cli/template/app/src/elements/app-omil/index.omi
@@ -1,6 +1,6 @@
 <template name="app-omil">
-    <div class="omil">
-        <button onClick={this.testClick.bind(this)} class="weui-btn weui-btn_primary" style="width: 200px;">{this.data.title}</button>
+    <div class="app-omil">
+        <button onClick={this.omiSnippets.bind(this)} class="weui-btn weui-btn_primary" style="width: 200px;">{this.data.title}</button>
     </div>
 </template>
 <script>
@@ -18,8 +18,8 @@ export default {
             title: 'I am omil button.'
         }
     }
-    testClick() {
-        console.log('omil')
+    omiSnippets() {
+        window.open('https://marketplace.visualstudio.com/items?itemName=Wscats.omi-snippets')
     }
 }
 </script>
diff --git a/packages/omi-cli/template/app/src/elements/app/index.js b/packages/omi-cli/template/app/src/elements/app/index.js
index bfb444831..6e2bb249f 100755
--- a/packages/omi-cli/template/app/src/elements/app/index.js
+++ b/packages/omi-cli/template/app/src/elements/app/index.js
@@ -1,7 +1,7 @@
 import { define, WeElement } from 'omi'
 import logo from './logo.svg'
 import '../app-intro'
-import '../omil/index.omi.js'
+import '../app-omil'
 import 'omiu/button'
 
 define('my-app', class extends WeElement {