From e9112e429f37a7163806d0b811de7d2c81c476fc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E7=A3=8A?= Date: Fri, 26 Oct 2018 16:09:45 +0800 Subject: [PATCH] eslint fix --- packages/omi/.eslintrc | 1 + packages/omi/examples/css3transform/main.js | 79 +++++---- packages/omi/examples/mobx/main.js | 86 +++++----- packages/omi/examples/mobx/omi-mobx.js | 62 +++---- packages/omi/examples/pure/main.js | 24 +-- packages/omi/examples/render-array/main.js | 30 ++-- packages/omi/examples/simple/hello-element.js | 80 ++++----- packages/omi/examples/simple/main.js | 36 ++-- packages/omi/examples/slot/main.js | 40 ++--- packages/omi/examples/store/main.js | 154 +++++++++--------- packages/omi/examples/tap/main.js | 16 +- packages/omi/examples/todo-app/main.js | 83 +++++----- 12 files changed, 345 insertions(+), 346 deletions(-) diff --git a/packages/omi/.eslintrc b/packages/omi/.eslintrc index 616b7acf5..0d940c3e0 100644 --- a/packages/omi/.eslintrc +++ b/packages/omi/.eslintrc @@ -1,4 +1,5 @@ { + "parser": "babel-eslint", "parserOptions": { "ecmaVersion": 6, "sourceType": "module", diff --git a/packages/omi/examples/css3transform/main.js b/packages/omi/examples/css3transform/main.js index 0af0e53d9..866de2875 100644 --- a/packages/omi/examples/css3transform/main.js +++ b/packages/omi/examples/css3transform/main.js @@ -1,56 +1,55 @@ -import { render, WeElement, tag } from "../../src/omi"; -import "omi-transform"; +import { render, WeElement, tag } from "../../src/omi" +import "omi-transform" @tag("my-app") class MyApp extends WeElement { - install() { - this.data.rotateZ = 30 + install() { + this.data.rotateZ = 30 - this.linkRef = (e) => { - this.animDiv = e - } - } + this.linkRef = (e) => { + this.animDiv = e + } + } - css() { - return ` + css() { + return ` div{ - color: red; - cursor: pointer; - width:150px; - height:150px; - line-height:150px; - text-align: center; - border: 1px solid green; + color: red; + cursor: pointer; + width:150px; + height:150px; + line-height:150px; + text-align: center; + border: 1px solid green; + }` + } - }`; - } + installed() { + setInterval(() => { + //slow + // this.data.rotateZ += 2 + // this.update() - installed() { - setInterval(() => { - //slow - // this.data.rotateZ += 2 - // this.update() + //fast + this.animDiv.rotateZ += 2 + //sync for update call of any scenario + this.data.rotateZ = this.animDiv.rotateZ - //fast - this.animDiv.rotateZ += 2 - //sync for update call of any scenario - this.data.rotateZ = this.animDiv.rotateZ - - }, 16) + }, 16) - } - render(props, data) { + } + render(props, data) { - return ( - -
+ return ( + +
omi-transform -
- +
+ - ); - } + ) + } } -render(, "body"); +render(, "body") diff --git a/packages/omi/examples/mobx/main.js b/packages/omi/examples/mobx/main.js index 272530c2b..b48146cd8 100644 --- a/packages/omi/examples/mobx/main.js +++ b/packages/omi/examples/mobx/main.js @@ -1,61 +1,61 @@ -import { render, WeElement, tag } from "../../src/omi"; -import { observe } from "./omi-mobx"; +import { render, WeElement, tag } from "../../src/omi" +import { observe } from "./omi-mobx" @tag("todo-list") class TodoList extends WeElement { - render(props) { - return ( -
    - {props.items.map(item => ( -
  • {item.text}
    • - ))} -
- ); - } + render(props) { + return ( +
    + {props.items.map(item => ( +
  • {item.text}
    • + ))} +
+ ) + } } @observe @tag("todo-app") class TodoApp extends WeElement { - static get data() { - return { items: [], text: "" }; - } + static get data() { + return { items: [], text: "" } + } - render() { - console.log('render') - return ( -
-

TODO

- -
- - -
-
- ) - } + + + + ) + } handleChange = e => { - this.data.text = e.target.value; + this.data.text = e.target.value }; handleSubmit = e => { - e.preventDefault(); - if (!this.data.text.trim().length) { - return; - } - this.data.items.push({ - text: this.data.text, - id: Date.now() - }); - this.data.text = ""; + e.preventDefault() + if (!this.data.text.trim().length) { + return + } + this.data.items.push({ + text: this.data.text, + id: Date.now() + }) + this.data.text = "" }; } -render(, "body"); +render(, "body") diff --git a/packages/omi/examples/mobx/omi-mobx.js b/packages/omi/examples/mobx/omi-mobx.js index efbbd087a..d6d3be800 100644 --- a/packages/omi/examples/mobx/omi-mobx.js +++ b/packages/omi/examples/mobx/omi-mobx.js @@ -23,63 +23,63 @@ import { options } from "../../src/omi" window.requestIdleCallback = window.requestIdleCallback || function(cb) { - return setTimeout(() => { - let start = Date.now() - cb({ - didTimeout: false, - timeRemaining() { - return Math.max(0, 50 - (Date.now() - start)) - } - }) - }, 1) + return setTimeout(() => { + let start = Date.now() + cb({ + didTimeout: false, + timeRemaining() { + return Math.max(0, 50 - (Date.now() - start)) + } + }) + }, 1) } window.cancelIdleCallback = window.cancelIdleCallback || function(id) { - clearTimeout(id) + clearTimeout(id) } options.afterInstall = function(ele) { - if (ele.constructor.observe) { - oba(ele.data, ele) - } + if (ele.constructor.observe) { + oba(ele.data, ele) + } } let idleId = null const updateList = [] function oba(data, ele) { - const o = observable(data) + const o = observable(data) - autorun(() => { - JSON.stringify(o) - if (ele._isInstalled) { - updateList.push(ele) - cancelIdleCallback(idleId) - idleId = requestIdleCallback(backgroundTask) - } - }) + autorun(() => { + JSON.stringify(o) + if (ele._isInstalled) { + updateList.push(ele) + cancelIdleCallback(idleId) + idleId = requestIdleCallback(backgroundTask) + } + }) - ele.data = o + ele.data = o } function backgroundTask(deadline) { - while (deadline.timeRemaining() > 0 && updateList.length > 0) { - updateList.shift().update() - } + while (deadline.timeRemaining() > 0 && updateList.length > 0) { + updateList.shift().update() + } - if (updateList.length > 0) { - idleId = requestIdleCallback(backgroundTask) - } + if (updateList.length > 0) { + idleId = requestIdleCallback(backgroundTask) + } } function observe(target) { - target.observe = true + target.observe = true } export { observe } export default { - observe + observe } diff --git a/packages/omi/examples/pure/main.js b/packages/omi/examples/pure/main.js index 28fcea430..32de983ce 100644 --- a/packages/omi/examples/pure/main.js +++ b/packages/omi/examples/pure/main.js @@ -1,19 +1,19 @@ -import { render, tag } from "../../src/omi"; +import { render, tag } from "../../src/omi" //Do not use pure element in browsers that do not support Reflect, such as ie11. tag('my-ele', function (props) { - return ( -
    - {props.items.map(item => ( -
  • {item.text}
    • - ))} -
- ) + return ( +
    + {props.items.map(item => ( +
  • {item.text}
    • + ))} +
+ ) }) render(( - -), "body"); + +), "body") diff --git a/packages/omi/examples/render-array/main.js b/packages/omi/examples/render-array/main.js index ccc3dc288..87936b914 100644 --- a/packages/omi/examples/render-array/main.js +++ b/packages/omi/examples/render-array/main.js @@ -1,24 +1,24 @@ -import { tag, render, WeElement } from "../../src/omi"; +import { tag, render, WeElement } from "../../src/omi" @tag("hello-element") class HelloElement extends WeElement { - render() { - return [ -
Hello
, -
Element
- ] - } + render() { + return [ +
Hello
, +
Element
+ ] + } } @tag("my-app") class MyApp extends WeElement { - render() { - return [ - , - , -
abc
- ] - } + render() { + return [ + , + , +
abc
+ ] + } } -render(, "body"); +render(, "body") diff --git a/packages/omi/examples/simple/hello-element.js b/packages/omi/examples/simple/hello-element.js index 870bd519f..9cf7b4706 100644 --- a/packages/omi/examples/simple/hello-element.js +++ b/packages/omi/examples/simple/hello-element.js @@ -1,62 +1,62 @@ -import { WeElement, tag } from "../../src/omi"; +import { WeElement, tag } from "../../src/omi" @tag("hello-element") class HelloElement extends WeElement { - static get props() { - return { - propFromParent: { - value: "9" - }, - msg: { - value: "" - }, - num: { - value: 10 - } - }; - } + static get props() { + return { + propFromParent: { + value: "9" + }, + msg: { + value: "" + }, + num: { + value: 10 + } + } + } - static get data() { - return { - a: 1, - b: { - c: 2 - } - }; - } + static get data() { + return { + a: 1, + b: { + c: 2 + } + } + } onClick = evt => { - //trigger CustomEvent - this.fire("abc", { name: "dntzhang", age: 12 }); - evt.stopPropagation(); + //trigger CustomEvent + this.fire("abc", { name: "dntzhang", age: 12 }) + evt.stopPropagation() }; installed() { - setTimeout(() => { - this.data.a = 2; - this.update(); - }, 1000); + setTimeout(() => { + this.data.a = 2 + this.update() + }, 1000) } css() { - return ` + return ` div{ color: red; cursor: pointer; - }`; + }` } render(props, data) { - return ( -
+ return ( +
Hello {props.msg} {props.propFromParent} -
+
Click Me! - {props.num} -
-
data: {data.a}
-
props {props.num}
-
- ); + {props.num} +
+
data: {data.a}
+
props {props.num}
+
+ ) } } diff --git a/packages/omi/examples/simple/main.js b/packages/omi/examples/simple/main.js index b6ae6f9b3..a71c1fcd7 100644 --- a/packages/omi/examples/simple/main.js +++ b/packages/omi/examples/simple/main.js @@ -1,39 +1,39 @@ -import { render, WeElement, tag } from "../../src/omi"; -import "./hello-element"; +import { render, WeElement, tag } from "../../src/omi" +import "./hello-element" @tag("my-app") class MyApp extends WeElement { onClick = evt => {}; static get data() { - return { abc: "abc", passToChild: 123 }; + return { abc: "abc", passToChild: 123 } } onAbc = evt => { - this.data.abc = " by " + evt.detail.name; - this.data.passToChild = 1234; - this.update(); + this.data.abc = " by " + evt.detail.name + this.data.passToChild = 1234 + this.update() }; css() { - return ` + return ` div{ color: green; - }`; + }` } render(props, data) { - return ( -
+ return ( +
Hello {props.name} {data.abc} - -
- ); + +
+ ) } } -render(, "body"); +render(, "body") diff --git a/packages/omi/examples/slot/main.js b/packages/omi/examples/slot/main.js index fbe5538c7..2307ab17c 100644 --- a/packages/omi/examples/slot/main.js +++ b/packages/omi/examples/slot/main.js @@ -1,29 +1,29 @@ -import { tag, render, WeElement } from "../../src/omi"; +import { tag, render, WeElement } from "../../src/omi" @tag("hello-element") class HelloElement extends WeElement { - render() { - return ( -
-

- My default text -

-
- ); - } + render() { + return ( +
+

+ My default text +

+
+ ) + } } @tag("my-app") class MyApp extends WeElement { - render() { - return ( -
- - Let's have some different text! - -
- ); - } + render() { + return ( +
+ + Let's have some different text! + +
+ ) + } } -render(, "body"); +render(, "body") diff --git a/packages/omi/examples/store/main.js b/packages/omi/examples/store/main.js index 7d5d9c192..83f5ff4c5 100644 --- a/packages/omi/examples/store/main.js +++ b/packages/omi/examples/store/main.js @@ -1,103 +1,103 @@ -import { render, WeElement, tag } from "../../src/omi"; +import { render, WeElement, tag } from "../../src/omi" @tag("todo-list", true) class TodoList extends WeElement { - render(props) { - return ( -
    - {props.items.map(item => ( -
  • {item.text}
    • - ))} -
- ); - } + render(props) { + return ( +
    + {props.items.map(item => ( +
  • {item.text}
    • + ))} +
+ ) + } } @tag("todo-app") class TodoApp extends WeElement { - static get data() { - return { - showList: null, - items: null, - text: null, - firstName: null, - lastName: null - }; - } + static get data() { + return { + showList: null, + items: null, + text: null, + firstName: null, + lastName: null + } + } - render(props, data) { - return ( -
-

TODO by {data.fullName()}

- {data.showList && } -
- - -
-
- ); - } + render(props, data) { + return ( +
+

TODO by {data.fullName()}

+ {data.showList && } +
+ + +
+
+ ) + } handleChange = e => { - this.store.data.text = e.target.value; + this.store.data.text = e.target.value }; handleSubmit = e => { - e.preventDefault(); - this.store.add(); + e.preventDefault() + this.store.add() }; installed() { - setTimeout(() => { - this.store.rename(); - }, 2000); + setTimeout(() => { + this.store.rename() + }, 2000) - setTimeout(() => { - this.store.data.items.push({ text: "abc" }); - }, 4000); + setTimeout(() => { + this.store.data.items.push({ text: "abc" }) + }, 4000) - setTimeout(() => { - this.store.data.items[2].text = "changed"; - }, 6000); + setTimeout(() => { + this.store.data.items[2].text = "changed" + }, 6000) - setTimeout(() => { - this.store.data.items.splice(1, 1); - }, 8000); + setTimeout(() => { + this.store.data.items.splice(1, 1) + }, 8000) - setTimeout(() => { - this.store.data.showList = false; - }, 10000); + setTimeout(() => { + this.store.data.showList = false + }, 10000) - setTimeout(() => { - this.store.data.showList = true; - }, 12000); + setTimeout(() => { + this.store.data.showList = true + }, 12000) } } const store = { - data: { - showList: true, - items: [{ text: "Omi", id: Date.now() }, { text: "JSX", id: Date.now() }], - text: "", - firstName: "dnt", - lastName: "zhang", - fullName: function() { - return this.firstName + this.lastName; - } - }, - rename: function() { - this.data.firstName = "Dnt"; - }, - add: function() { - if (!this.data.text.trim().length) { - return; - } - this.data.items.push({ - text: this.data.text, - id: Date.now() - }); - this.data.text = ""; - } -}; + data: { + showList: true, + items: [{ text: "Omi", id: Date.now() }, { text: "JSX", id: Date.now() }], + text: "", + firstName: "dnt", + lastName: "zhang", + fullName: function() { + return this.firstName + this.lastName + } + }, + rename: function() { + this.data.firstName = "Dnt" + }, + add: function() { + if (!this.data.text.trim().length) { + return + } + this.data.items.push({ + text: this.data.text, + id: Date.now() + }) + this.data.text = "" + } +} -render(, "body", store); +render(, "body", store) diff --git a/packages/omi/examples/tap/main.js b/packages/omi/examples/tap/main.js index b3fd2101c..ee5e7d410 100644 --- a/packages/omi/examples/tap/main.js +++ b/packages/omi/examples/tap/main.js @@ -4,11 +4,11 @@ import "omi-tap" @tag("my-app") class MyApp extends WeElement { onTap = () => { - console.log('tap') + console.log('tap') } css() { - return ` + return ` div{ width: 100px; height: 100px; @@ -21,12 +21,12 @@ class MyApp extends WeElement { } render() { - return ( - -
Tap Me!
- - ) + return ( + +
Tap Me!
+ + ) } } -render(, "body"); +render(, "body") diff --git a/packages/omi/examples/todo-app/main.js b/packages/omi/examples/todo-app/main.js index f143f24e2..2ac96158d 100644 --- a/packages/omi/examples/todo-app/main.js +++ b/packages/omi/examples/todo-app/main.js @@ -1,58 +1,57 @@ -import { render, WeElement, tag } from "../../src/omi"; +import { render, WeElement, tag } from "../../src/omi" @tag("todo-list") class TodoList extends WeElement { - render(props) { - return ( -
    - {props.items.map(item => ( -
  • {item.text}
    • - ))} -
- ); - } + render(props) { + return ( +
    + {props.items.map(item => ( +
  • {item.text}
    • + ))} +
+ ) + } } @tag("todo-app") class TodoApp extends WeElement { - static get data() { - return { items: [], text: "" }; - } + static get data() { + return { items: [], text: "" } + } - render() { - console.log(111); - return ( -
-

TODO

- -
- - -
-
- ); - } + render() { + return ( +
+

TODO

+ +
+ + +
+
+ ) + } handleChange = e => { - this.data.text = e.target.value; + this.data.text = e.target.value }; handleSubmit = e => { - e.preventDefault(); - if (!this.data.text.trim().length) { - return; - } - this.data.items.push({ - text: this.data.text, - id: Date.now() - }); - this.data.text = ""; - this.update(); + e.preventDefault() + if (!this.data.text.trim().length) { + return + } + this.data.items.push({ + text: this.data.text, + id: Date.now() + }) + this.data.text = "" + this.update() }; } -render(, "body"); +render(, "body")