From 8dad37b6252bcfb624c66649f6bd5ad428c920a7 Mon Sep 17 00:00:00 2001 From: nuintun Date: Sat, 12 May 2018 23:47:20 +0800 Subject: [PATCH] :art: Update files --- .babelrc | 11 +- .gitignore | 3 + Assets/src/css/pages/index.less | 5 + Assets/src/js/pages/index.jsx | 174 ++++++++++++++++++++++++++++++++ index.html | 18 ++++ package.json | 8 +- theme.js | 8 ++ yarn.lock | 47 ++------- 8 files changed, 230 insertions(+), 44 deletions(-) create mode 100644 Assets/src/css/pages/index.less create mode 100644 Assets/src/js/pages/index.jsx create mode 100644 index.html create mode 100644 theme.js diff --git a/.babelrc b/.babelrc index 895a1409..7327cd5a 100644 --- a/.babelrc +++ b/.babelrc @@ -1,11 +1,10 @@ { "presets": [ - "react", [ "env", { "spec": true, - "useBuiltIns": "usage", + "useBuiltIns": false, "targets": { "browsers": ["last 2 versions", "Firefox ESR", "> 1%", "ie >= 9", "iOS >= 8", "Android >= 4"] } @@ -18,6 +17,14 @@ "transform-object-assign", "transform-class-properties", "transform-object-rest-spread", + [ + "transform-runtime", + { + "helpers": false, + "polyfill": false, + "regenerator": true + } + ], [ "transform-react-jsx", { diff --git a/.gitignore b/.gitignore index b28c6f6f..df18751b 100644 --- a/.gitignore +++ b/.gitignore @@ -65,3 +65,6 @@ typings/ # npm lock file package-lock.json + +# webpack build output +Assets/dist/ diff --git a/Assets/src/css/pages/index.less b/Assets/src/css/pages/index.less new file mode 100644 index 00000000..4dc4eebc --- /dev/null +++ b/Assets/src/css/pages/index.less @@ -0,0 +1,5 @@ +html, +body { + margin: 0; + padding: 0; +} diff --git a/Assets/src/js/pages/index.jsx b/Assets/src/js/pages/index.jsx new file mode 100644 index 00000000..22092985 --- /dev/null +++ b/Assets/src/js/pages/index.jsx @@ -0,0 +1,174 @@ +import '~/css/pages/index.less'; + +import React from 'react'; +import ReactDOM from 'react-dom'; +import { Table, Icon, Switch, Radio, Form, Divider } from 'antd'; +const FormItem = Form.Item; + +const columns = [ + { + title: 'Name', + dataIndex: 'name', + key: 'name', + width: 150, + render: text => {text} + }, + { + title: 'Age', + dataIndex: 'age', + key: 'age', + width: 70 + }, + { + title: 'Address', + dataIndex: 'address', + key: 'address' + }, + { + title: 'Action', + key: 'action', + width: 360, + render: (text, record) => ( + + Action δΈ€ {record.name} + + Delete + + + More actions + + + ) + } +]; + +const data = []; +for (let i = 1; i <= 10; i++) { + data.push({ + key: i, + name: 'John Brown', + age: `${i}2`, + address: `New York No. ${i} Lake Park`, + description: `My name is John Brown, I am ${i}2 years old, living in New York No. ${i} Lake Park.` + }); +} + +const expandedRowRender = record =>

{record.description}

; +const title = () => 'Here is title'; +const showHeader = true; +const footer = () => 'Here is footer'; +const scroll = { y: 240 }; +const pagination = { position: 'bottom' }; + +class Demo extends React.Component { + state = { + bordered: false, + loading: false, + pagination, + size: 'default', + expandedRowRender, + title: undefined, + showHeader, + footer, + rowSelection: {}, + scroll: undefined + }; + + handleToggle = prop => { + return enable => { + this.setState({ [prop]: enable }); + }; + }; + + handleSizeChange = e => { + this.setState({ size: e.target.value }); + }; + + handleExpandChange = enable => { + this.setState({ expandedRowRender: enable ? expandedRowRender : undefined }); + }; + + handleTitleChange = enable => { + this.setState({ title: enable ? title : undefined }); + }; + + handleHeaderChange = enable => { + this.setState({ showHeader: enable ? showHeader : false }); + }; + + handleFooterChange = enable => { + this.setState({ footer: enable ? footer : undefined }); + }; + + handleRowSelectionChange = enable => { + this.setState({ rowSelection: enable ? {} : undefined }); + }; + + handleScollChange = enable => { + this.setState({ scroll: enable ? scroll : undefined }); + }; + + handlePaginationChange = e => { + const { value } = e.target; + this.setState({ + pagination: value === 'none' ? false : { position: value } + }); + }; + + render() { + const state = this.state; + return ( +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + Default + Middle + Small + + + + + Top + Bottom + Both + None + + +
+
+ + + ); + } +} + +ReactDOM.render(, document.getElementById('app')); diff --git a/index.html b/index.html new file mode 100644 index 00000000..32da0f71 --- /dev/null +++ b/index.html @@ -0,0 +1,18 @@ + + + + + + + Index + + + + +
+ + + + + + diff --git a/package.json b/package.json index 8a7dfbbe..970f8f43 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,6 @@ "name": "webpack-antd-builder", "version": "0.0.1", "description": "A webpack antd build configure tools.", - "private": true, "engines": { "node": ">=7.6.0" }, @@ -11,7 +10,10 @@ "watch": "webpack --config webpack/webpack.config.dev.js --watch", "build": "webpack --config webpack/webpack.config.prod.js" }, - "author": "nuintun", + "author": { + "name": "nuintun", + "email": "nuintun@qq.com" + }, "dependencies": { "antd": "^3.5.1", "react": "^16.3.2", @@ -23,7 +25,7 @@ "babel-loader": "^7.1.4", "babel-preset-env": "^1.7.0", "babel-plugin-import": "^1.7.0", - "babel-preset-react": "^6.24.1", + "babel-plugin-transform-runtime": "^6.23.0", "babel-plugin-transform-react-jsx": "^6.24.1", "babel-plugin-transform-object-assign": "^6.22.0", "babel-plugin-transform-class-properties": "^6.24.1", diff --git a/theme.js b/theme.js new file mode 100644 index 00000000..c7f58f00 --- /dev/null +++ b/theme.js @@ -0,0 +1,8 @@ +/** + * @module theme + * @listens MIT + * @author nuintun + * @description Antd theme configure. + */ + +module.exports = {}; diff --git a/yarn.lock b/yarn.lock index 52da9cf3..07c57316 100644 --- a/yarn.lock +++ b/yarn.lock @@ -689,7 +689,7 @@ babel-plugin-syntax-flow@^6.18.0: version "6.18.0" resolved "https://registry.yarnpkg.com/babel-plugin-syntax-flow/-/babel-plugin-syntax-flow-6.18.0.tgz#4c3ab20a2af26aa20cd25995c398c4eb70310c8d" -babel-plugin-syntax-jsx@^6.3.13, babel-plugin-syntax-jsx@^6.8.0: +babel-plugin-syntax-jsx@^6.8.0: version "6.18.0" resolved "https://registry.yarnpkg.com/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz#0af32a9a6e13ca7a3fd5069e62d7b0f58d0d8946" @@ -939,7 +939,7 @@ babel-plugin-transform-export-extensions@^6.22.0: babel-plugin-syntax-export-extensions "^6.8.0" babel-runtime "^6.22.0" -babel-plugin-transform-flow-strip-types@^6.22.0, babel-plugin-transform-flow-strip-types@^6.8.0: +babel-plugin-transform-flow-strip-types@^6.8.0: version "6.22.0" resolved "https://registry.yarnpkg.com/babel-plugin-transform-flow-strip-types/-/babel-plugin-transform-flow-strip-types-6.22.0.tgz#84cb672935d43714fdc32bce84568d87441cf7cf" dependencies: @@ -959,26 +959,6 @@ babel-plugin-transform-object-rest-spread@^6.22.0, babel-plugin-transform-object babel-plugin-syntax-object-rest-spread "^6.8.0" babel-runtime "^6.26.0" -babel-plugin-transform-react-display-name@^6.23.0: - version "6.25.0" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-display-name/-/babel-plugin-transform-react-display-name-6.25.0.tgz#67e2bf1f1e9c93ab08db96792e05392bf2cc28d1" - dependencies: - babel-runtime "^6.22.0" - -babel-plugin-transform-react-jsx-self@^6.22.0: - version "6.22.0" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-jsx-self/-/babel-plugin-transform-react-jsx-self-6.22.0.tgz#df6d80a9da2612a121e6ddd7558bcbecf06e636e" - dependencies: - babel-plugin-syntax-jsx "^6.8.0" - babel-runtime "^6.22.0" - -babel-plugin-transform-react-jsx-source@^6.22.0: - version "6.22.0" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-jsx-source/-/babel-plugin-transform-react-jsx-source-6.22.0.tgz#66ac12153f5cd2d17b3c19268f4bf0197f44ecd6" - dependencies: - babel-plugin-syntax-jsx "^6.8.0" - babel-runtime "^6.22.0" - babel-plugin-transform-react-jsx@^6.24.1: version "6.24.1" resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-jsx/-/babel-plugin-transform-react-jsx-6.24.1.tgz#840a028e7df460dfc3a2d29f0c0d91f6376e66a3" @@ -997,6 +977,12 @@ babel-plugin-transform-regenerator@^6.22.0, babel-plugin-transform-regenerator@^ dependencies: regenerator-transform "^0.10.0" +babel-plugin-transform-runtime@^6.23.0: + version "6.23.0" + resolved "https://registry.yarnpkg.com/babel-plugin-transform-runtime/-/babel-plugin-transform-runtime-6.23.0.tgz#88490d446502ea9b8e7efb0fe09ec4d99479b1ee" + dependencies: + babel-runtime "^6.22.0" + babel-plugin-transform-strict-mode@^6.24.1: version "6.24.1" resolved "https://registry.yarnpkg.com/babel-plugin-transform-strict-mode/-/babel-plugin-transform-strict-mode-6.24.1.tgz#d5faf7aa578a65bbe591cf5edae04a0c67020758" @@ -1068,23 +1054,6 @@ babel-preset-es2015@^6.9.0: babel-plugin-transform-es2015-unicode-regex "^6.24.1" babel-plugin-transform-regenerator "^6.24.1" -babel-preset-flow@^6.23.0: - version "6.23.0" - resolved "https://registry.yarnpkg.com/babel-preset-flow/-/babel-preset-flow-6.23.0.tgz#e71218887085ae9a24b5be4169affb599816c49d" - dependencies: - babel-plugin-transform-flow-strip-types "^6.22.0" - -babel-preset-react@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-preset-react/-/babel-preset-react-6.24.1.tgz#ba69dfaea45fc3ec639b6a4ecea6e17702c91380" - dependencies: - babel-plugin-syntax-jsx "^6.3.13" - babel-plugin-transform-react-display-name "^6.23.0" - babel-plugin-transform-react-jsx "^6.24.1" - babel-plugin-transform-react-jsx-self "^6.22.0" - babel-plugin-transform-react-jsx-source "^6.22.0" - babel-preset-flow "^6.23.0" - babel-preset-stage-1@^6.5.0: version "6.24.1" resolved "https://registry.yarnpkg.com/babel-preset-stage-1/-/babel-preset-stage-1-6.24.1.tgz#7692cd7dcd6849907e6ae4a0a85589cfb9e2bfb0"