From 0e1902ae5f7cd30e4d836f97cb85ef4036e4a242 Mon Sep 17 00:00:00 2001 From: dntzhang Date: Mon, 29 Oct 2018 22:58:36 +0800 Subject: [PATCH] prettier --- packages/omi/examples/counter/main.js | 8 +- packages/omi/examples/css3transform/main.js | 21 ++--- packages/omi/examples/mobx/main.js | 44 +++++----- packages/omi/examples/mobx/omi-mobx.js | 4 +- packages/omi/examples/observe/main.js | 42 +++++----- packages/omi/examples/pure/main.js | 14 ++-- packages/omi/examples/render-array/main.js | 19 ++--- packages/omi/examples/simple/hello-element.js | 16 ++-- packages/omi/examples/simple/main.js | 18 ++--- packages/omi/examples/slot/main.js | 8 +- packages/omi/examples/store/main.js | 80 +++++++++---------- packages/omi/examples/tap/main.js | 10 +-- packages/omi/examples/todo-app/main.js | 40 +++++----- 13 files changed, 151 insertions(+), 173 deletions(-) diff --git a/packages/omi/examples/counter/main.js b/packages/omi/examples/counter/main.js index 0f14da2da..8395cd4ed 100644 --- a/packages/omi/examples/counter/main.js +++ b/packages/omi/examples/counter/main.js @@ -1,10 +1,8 @@ -import { render, WeElement, tag, observe } from "../../src/omi" - +import { render, WeElement, tag, observe } from '../../src/omi' @observe -@tag("my-counter") +@tag('my-counter') class MyApp extends WeElement { - data = { count: 0 } @@ -28,4 +26,4 @@ class MyApp extends WeElement { } } -render(, "body") +render(, 'body') diff --git a/packages/omi/examples/css3transform/main.js b/packages/omi/examples/css3transform/main.js index eba810c1b..bace2d2e5 100644 --- a/packages/omi/examples/css3transform/main.js +++ b/packages/omi/examples/css3transform/main.js @@ -1,12 +1,12 @@ -import { render, WeElement, tag } from "../../src/omi" -import "omi-transform" +import { render, WeElement, tag } from '../../src/omi' +import 'omi-transform' -@tag("my-app") +@tag('my-app') class MyApp extends WeElement { install() { this.data.rotateZ = 30 - this.linkRef = (e) => { + this.linkRef = e => { this.animDiv = e } } @@ -34,22 +34,15 @@ class MyApp extends WeElement { this.animDiv.rotateZ += 2 //sync for update call of any scenario this.data.rotateZ = this.animDiv.rotateZ - }, 16) - - } render(props, data) { - return ( - -
- omi-transform -
+ +
omi-transform
 - ) } } -render(, "body") +render(, 'body') diff --git a/packages/omi/examples/mobx/main.js b/packages/omi/examples/mobx/main.js index 567f297a6..53cee561c 100644 --- a/packages/omi/examples/mobx/main.js +++ b/packages/omi/examples/mobx/main.js @@ -1,7 +1,7 @@ -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") +@tag('todo-list') class TodoList extends WeElement { render(props) { return ( @@ -15,10 +15,10 @@ class TodoList extends WeElement { } @observe -@tag("todo-app") +@tag('todo-app') class TodoApp extends WeElement { static get data() { - return { items: [], text: "" } + return { items: [], text: '' } } render() { @@ -33,29 +33,27 @@ class TodoApp extends WeElement { onChange={this.handleChange} value={this.data.text} /> - + ) } - handleChange = e => { - this.data.text = e.target.value - }; + handleChange = e => { + 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 = "" - }; + 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 = '' + } } -render(, "body") +render(, 'body') diff --git a/packages/omi/examples/mobx/omi-mobx.js b/packages/omi/examples/mobx/omi-mobx.js index d6d3be800..687e8a4e7 100644 --- a/packages/omi/examples/mobx/omi-mobx.js +++ b/packages/omi/examples/mobx/omi-mobx.js @@ -1,5 +1,5 @@ -import { observable, autorun } from "mobx" -import { options } from "../../src/omi" +import { observable, autorun } from 'mobx' +import { options } from '../../src/omi' /*! * Copyright 2015 Google Inc. All rights reserved. diff --git a/packages/omi/examples/observe/main.js b/packages/omi/examples/observe/main.js index 37ce9de74..ada3d6d0d 100644 --- a/packages/omi/examples/observe/main.js +++ b/packages/omi/examples/observe/main.js @@ -1,6 +1,6 @@ -import { render, WeElement, tag, observe } from "../../src/omi" +import { render, WeElement, tag, observe } from '../../src/omi' -@tag("todo-list") +@tag('todo-list') class TodoList extends WeElement { render(props) { return ( @@ -14,10 +14,10 @@ class TodoList extends WeElement { } @observe -@tag("todo-app") +@tag('todo-app') class TodoApp extends WeElement { static get data() { - return { items: [], text: "" } + return { items: [], text: '' } } render() { @@ -32,29 +32,27 @@ class TodoApp extends WeElement { onChange={this.handleChange} value={this.data.text} /> - + ) } - handleChange = e => { - this.data.text = e.target.value - }; + handleChange = e => { + 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 = "" - }; + 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 = '' + } } -render(, "body") +render(, 'body') diff --git a/packages/omi/examples/pure/main.js b/packages/omi/examples/pure/main.js index 32de983ce..588e4241f 100644 --- a/packages/omi/examples/pure/main.js +++ b/packages/omi/examples/pure/main.js @@ -1,7 +1,7 @@ -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) { +tag('my-ele', function(props) { return (
    {props.items.map(item => ( @@ -11,9 +11,7 @@ tag('my-ele', function (props) { ) }) -render(( - -), "body") - +render( + , + 'body' +) diff --git a/packages/omi/examples/render-array/main.js b/packages/omi/examples/render-array/main.js index 87936b914..fd872a23b 100644 --- a/packages/omi/examples/render-array/main.js +++ b/packages/omi/examples/render-array/main.js @@ -1,24 +1,17 @@ -import { tag, render, WeElement } from "../../src/omi" +import { tag, render, WeElement } from '../../src/omi' -@tag("hello-element") +@tag('hello-element') class HelloElement extends WeElement { render() { - return [ -
    Hello
    , -
    Element
    - ] + return [
    Hello
    ,
    Element
    ] } } -@tag("my-app") +@tag('my-app') class MyApp extends WeElement { render() { - return [ - , - , -
    abc
    - ] + 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 fb00720f6..b3086881b 100644 --- a/packages/omi/examples/simple/hello-element.js +++ b/packages/omi/examples/simple/hello-element.js @@ -1,14 +1,14 @@ -import { WeElement, tag } from "../../src/omi" +import { WeElement, tag } from '../../src/omi' -@tag("hello-element") +@tag('hello-element') class HelloElement extends WeElement { static get props() { return { propFromParent: { - value: "9" + value: '9' }, msg: { - value: "" + value: '' }, num: { value: 10 @@ -27,9 +27,9 @@ class HelloElement extends WeElement { onClick = evt => { //trigger CustomEvent - this.fire("abc", { name: "dntzhang", age: 12 }) + this.fire('abc', { name: 'dntzhang', age: 12 }) evt.stopPropagation() - }; + } installed() { setTimeout(() => { @@ -49,9 +49,9 @@ class HelloElement extends WeElement { render(props, data) { return (
    - Hello {props.msg} {props.propFromParent} + Hello {props.msg} {props.propFromParent}
    - Click Me! + Click Me! {props.num}
    data: {data.a}
    diff --git a/packages/omi/examples/simple/main.js b/packages/omi/examples/simple/main.js index a50659619..31f15ef85 100644 --- a/packages/omi/examples/simple/main.js +++ b/packages/omi/examples/simple/main.js @@ -1,19 +1,19 @@ -import { render, WeElement, tag } from "../../src/omi" -import "./hello-element" +import { render, WeElement, tag } from '../../src/omi' +import './hello-element' -@tag("my-app") +@tag('my-app') class MyApp extends WeElement { - onClick = evt => { }; + 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.abc = ' by ' + evt.detail.name this.data.passToChild = 1234 this.update() - }; + } css() { return ` @@ -25,7 +25,7 @@ class MyApp extends WeElement { render(props, data) { return (
    - Hello {props.name} {data.abc} + Hello {props.name} {data.abc} , "body") +render(, 'body') diff --git a/packages/omi/examples/slot/main.js b/packages/omi/examples/slot/main.js index 2307ab17c..d50adf7d8 100644 --- a/packages/omi/examples/slot/main.js +++ b/packages/omi/examples/slot/main.js @@ -1,6 +1,6 @@ -import { tag, render, WeElement } from "../../src/omi" +import { tag, render, WeElement } from '../../src/omi' -@tag("hello-element") +@tag('hello-element') class HelloElement extends WeElement { render() { return ( @@ -13,7 +13,7 @@ class HelloElement extends WeElement { } } -@tag("my-app") +@tag('my-app') class MyApp extends WeElement { render() { return ( @@ -26,4 +26,4 @@ class MyApp extends WeElement { } } -render(, "body") +render(, 'body') diff --git a/packages/omi/examples/store/main.js b/packages/omi/examples/store/main.js index 8fe2bd490..cf518cc58 100644 --- a/packages/omi/examples/store/main.js +++ b/packages/omi/examples/store/main.js @@ -1,6 +1,6 @@ -import { render, WeElement, tag } from "../../src/omi" +import { render, WeElement, tag } from '../../src/omi' -@tag("todo-list", true) +@tag('todo-list', true) class TodoList extends WeElement { render(props) { return ( @@ -13,7 +13,7 @@ class TodoList extends WeElement { } } -@tag("todo-app") +@tag('todo-app') class TodoApp extends WeElement { static get data() { return { @@ -38,57 +38,57 @@ class TodoApp extends WeElement { ) } - handleChange = e => { - this.store.data.text = e.target.value - }; + handleChange = e => { + this.store.data.text = e.target.value + } - handleSubmit = e => { - e.preventDefault() - this.store.add() - }; + handleSubmit = e => { + e.preventDefault() + this.store.add() + } - installed() { - setTimeout(() => { - this.store.rename() - }, 2000) + installed() { + 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 () { + 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" + rename: function() { + this.data.firstName = 'Dnt' }, - add: function () { + add: function() { if (!this.data.text.trim().length) { return } @@ -96,8 +96,8 @@ const store = { text: this.data.text, id: Date.now() }) - this.data.text = "" + 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 ee5e7d410..33169c482 100644 --- a/packages/omi/examples/tap/main.js +++ b/packages/omi/examples/tap/main.js @@ -1,7 +1,7 @@ -import { render, WeElement, tag } from "../../src/omi" -import "omi-tap" +import { render, WeElement, tag } from '../../src/omi' +import 'omi-tap' -@tag("my-app") +@tag('my-app') class MyApp extends WeElement { onTap = () => { console.log('tap') @@ -22,11 +22,11 @@ class MyApp extends WeElement { render() { 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 29f42c7e4..36fae5bd0 100644 --- a/packages/omi/examples/todo-app/main.js +++ b/packages/omi/examples/todo-app/main.js @@ -1,6 +1,6 @@ -import { render, WeElement, tag } from "../../src/omi" +import { render, WeElement, tag } from '../../src/omi' -@tag("todo-list") +@tag('todo-list') class TodoList extends WeElement { render(props) { return ( @@ -13,10 +13,10 @@ class TodoList extends WeElement { } } -@tag("todo-app") +@tag('todo-app') class TodoApp extends WeElement { static get data() { - return { items: [], text: "" } + return { items: [], text: '' } } render() { @@ -36,22 +36,22 @@ class TodoApp extends WeElement { ) } - handleChange = e => { - this.data.text = e.target.value - }; + handleChange = e => { + 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() - }; + 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() + } } -render(, "body") +render(, 'body')