├── .eslintignore ├── .babelrc ├── HISTORY.md ├── src ├── components │ ├── Grid │ │ ├── styleSheets.js │ │ ├── index.js │ │ ├── Col.js │ │ └── Row.js │ ├── Common │ │ └── Br.js │ ├── Icon │ │ ├── index.js │ │ └── items │ │ │ ├── minus.js │ │ │ ├── caretup.js │ │ │ ├── caretdown.js │ │ │ ├── caretleft.js │ │ │ ├── caretright.js │ │ │ ├── exclamation.js │ │ │ ├── windows.js │ │ │ ├── folder.js │ │ │ ├── ellipsis.js │ │ │ ├── tablet.js │ │ │ ├── minuscircle.js │ │ │ ├── mobile.js │ │ │ ├── stepforward.js │ │ │ ├── stepbackward.js │ │ │ ├── up.js │ │ │ ├── down.js │ │ │ ├── left.js │ │ │ ├── check.js │ │ │ ├── right.js │ │ │ ├── play.js │ │ │ ├── wallet.js │ │ │ ├── clockcircle.js │ │ │ ├── plus.js │ │ │ ├── gitlab.js │ │ │ ├── pause.js │ │ │ ├── flag.js │ │ │ ├── minussquare.js │ │ │ ├── bells.js │ │ │ ├── woman.js │ │ │ ├── file.js │ │ │ ├── forward.js │ │ │ ├── man.js │ │ │ ├── codesandbox.js │ │ │ ├── exclamationcircle.js │ │ │ ├── info.js │ │ │ ├── table.js │ │ │ ├── hourglass.js │ │ │ ├── loading2.js │ │ │ ├── pausecircle.js │ │ │ ├── verticleleft.js │ │ │ ├── verticleright.js │ │ │ ├── banckward.js │ │ │ ├── meho.js │ │ │ ├── areachart.js │ │ │ ├── safety.js │ │ │ ├── close.js │ │ │ ├── checkcircle.js │ │ │ ├── leftsquare.js │ │ │ ├── arrowup.js │ │ │ ├── upsquare.js │ │ │ ├── arrowdown.js │ │ │ ├── arrowleft.js │ │ │ ├── arrowright.js │ │ │ ├── downsquare.js │ │ │ ├── minussquareo.js │ │ │ ├── pluscircle.js │ │ │ ├── rightsquare.js │ │ │ ├── totop.js │ │ │ ├── enter.js │ │ │ ├── facebooksquare.js │ │ │ ├── html.js │ │ │ ├── fastbackward.js │ │ │ ├── pushpin.js │ │ │ ├── dropbox.js │ │ │ ├── fastforward.js │ │ │ ├── iconfontdesktop.js │ │ │ ├── plussquare.js │ │ │ ├── usb.js │ │ │ ├── back.js │ │ │ ├── layout.js │ │ │ ├── medicinebox.js │ │ │ ├── skin.js │ │ │ ├── windowso.js │ │ │ ├── edit.js │ │ │ ├── laptop.js │ │ │ ├── addfolder.js │ │ │ ├── find.js │ │ │ ├── select.js │ │ │ ├── checksquare.js │ │ │ ├── menufold.js │ │ │ ├── trophy.js │ │ │ ├── appstore.js │ │ │ ├── closecircle.js │ │ │ ├── infocirlce.js │ │ │ ├── menuunfold.js │ │ │ ├── dotchart.js │ │ │ ├── save.js │ │ │ ├── switcher.js │ │ │ ├── database.js │ │ │ ├── smilecircle.js │ │ │ ├── frown.js │ │ │ ├── youtube.js │ │ │ ├── leftsquareo.js │ │ │ ├── mail.js │ │ │ ├── downsquareo.js │ │ │ ├── rightsquareo.js │ │ │ ├── apple.js │ │ │ ├── key.js │ │ │ ├── shrink.js │ │ │ ├── arrowsalt.js │ │ │ ├── star.js │ │ │ ├── closesquare.js │ │ │ ├── filter.js │ │ │ ├── heart.js │ │ │ ├── pptfile.js │ │ │ ├── gift.js │ │ │ ├── home.js │ │ │ ├── car.js │ │ │ ├── sound.js │ │ │ ├── doubleleft.js │ │ │ ├── printer.js │ │ │ ├── book.js │ │ │ ├── checksquareo.js │ │ │ ├── creditcard.js │ │ │ ├── dingding.js │ │ │ ├── doubleright.js │ │ │ ├── trademark.js │ │ │ ├── appstoreo.js │ │ │ ├── addfile.js │ │ │ ├── upsquareo.js │ │ │ ├── plussquareo.js │ │ │ ├── piechart.js │ │ │ ├── question.js │ │ │ ├── exclefile.js │ │ │ ├── linechart.js │ │ │ ├── videocamera.js │ │ │ ├── dingdingo.js │ │ │ ├── upload.js │ │ │ ├── codesquare.js │ │ │ ├── linkedinsquare.js │ │ │ ├── download.js │ │ │ ├── codesquareo.js │ │ │ ├── filetext.js │ │ │ ├── fork.js │ │ │ ├── wordfile.js │ │ │ ├── closesquareo.js │ │ │ ├── scan.js │ │ │ ├── inbox.js │ │ │ ├── mediummonogram.js │ │ │ ├── paycircle.js │ │ │ ├── copyright.js │ │ │ ├── rest.js │ │ │ ├── unknowfile.js │ │ │ ├── bars.js │ │ │ ├── form.js │ │ │ ├── google.js │ │ │ ├── alipaysquare.js │ │ │ ├── isv.js │ │ │ ├── upcircle.js │ │ │ ├── wifi.js │ │ │ ├── downcircle.js │ │ │ ├── pdffile.js │ │ │ ├── picture.js │ │ │ ├── rightcircle.js │ │ │ ├── leftcircle.js │ │ │ ├── shake.js │ │ │ ├── barschart.js │ │ │ ├── search.js │ │ │ ├── questioncircle.js │ │ │ ├── minuscircleo.js │ │ │ ├── tagso.js │ │ │ ├── camera.js │ │ │ ├── cloud.js │ │ │ ├── bulb.js │ │ │ ├── profile.js │ │ │ ├── sharealt.js │ │ │ ├── barchart.js │ │ │ ├── tag.js │ │ │ ├── exception.js │ │ │ ├── adduser.js │ │ │ ├── copy.js │ │ │ ├── tags.js │ │ │ ├── clockcircleo.js │ │ │ ├── exclamationcircleo.js │ │ │ ├── camerao.js │ │ │ ├── deleteuser.js │ │ │ ├── playcircleo.js │ │ │ ├── user.js │ │ │ ├── folderopen.js │ │ │ ├── hdd.js │ │ │ ├── circledown.js │ │ │ ├── redenvelopes.js │ │ │ ├── warning.js │ │ │ ├── meh.js │ │ │ ├── loading.js │ │ │ ├── aliwangwang.js │ │ │ ├── qq.js │ │ │ ├── calendar.js │ │ │ ├── caretcircleoup.js │ │ │ ├── antdesign.js │ │ │ ├── pausecircleo.js │ │ │ ├── bank.js │ │ │ └── retweet.js │ ├── Table │ │ ├── index.js │ │ ├── Thead.js │ │ ├── Expansion.js │ │ └── Tbody.js │ ├── Checkbox │ │ ├── Indeterminate.js │ │ ├── demo │ │ │ └── index.js │ │ └── Check.js │ └── Pagination │ │ └── demo │ │ └── index.js ├── theme │ └── color │ │ └── colors.js ├── demo.js └── manifest.json ├── .gitignore ├── index.js ├── docs ├── zh-cn │ ├── theme.md │ └── development.md └── en-us │ ├── theme.md │ └── development.md └── LICENSE /.eslintignore: -------------------------------------------------------------------------------- 1 | manifest.json 2 | /lib 3 | /src/theme/color -------------------------------------------------------------------------------- /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015", "react", "stage-0"], 3 | "plugins": [] 4 | } 5 | -------------------------------------------------------------------------------- /HISTORY.md: -------------------------------------------------------------------------------- 1 | 2 | 0.0.1 / 2018-03-01 3 | ================== 4 | * fix: 1.dwdwd 5 | * chore: Init 6 | -------------------------------------------------------------------------------- /src/components/Grid/styleSheets.js: -------------------------------------------------------------------------------- 1 | export const row = { 2 | flexDirection: 'row', 3 | flexWrap: 'wrap', 4 | }; 5 | 6 | export const col = {}; 7 | -------------------------------------------------------------------------------- /src/components/Grid/index.js: -------------------------------------------------------------------------------- 1 | import Col1 from './Col'; 2 | import Row1 from './Row'; 3 | 4 | export const Col = Col1; 5 | export const Row = Row1; 6 | 7 | export default { 8 | Col, 9 | Row, 10 | }; 11 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # build artifacts 2 | plugin.sketchplugin/Contents/Sketch 3 | plugin.sketchplugin/Contents/Resources/_webpack_resources 4 | 5 | # npm 6 | node_modules 7 | .npm 8 | npm-debug.log 9 | 10 | # mac 11 | .DS_Store 12 | 13 | # WebStorm 14 | .idea 15 | 16 | # Lib 17 | lib 18 | -------------------------------------------------------------------------------- /src/components/Common/Br.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { View } from 'react-sketchapp'; 3 | 4 | const Br = () => { 5 | return ( 6 | 12 | ); 13 | }; 14 | 15 | export default Br; 16 | -------------------------------------------------------------------------------- /src/components/Icon/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import icons from './icons'; 3 | 4 | export default ({ type, style = {} }) => { 5 | const { color, width, height } = style; 6 | // 去除分隔符 7 | const IconTag = icons[type.replace(/-/g, '')]; 8 | return ; 9 | }; 10 | -------------------------------------------------------------------------------- /src/components/Table/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { View } from 'react-sketchapp'; 3 | import Table from './Table'; 4 | 5 | const Wrapper = props => ( 6 | 14 | 15 | 16 | ); 17 | 18 | export default Wrapper; 19 | -------------------------------------------------------------------------------- /src/components/Table/Thead.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { View } from 'react-sketchapp'; 3 | import Tr from './Tr'; 4 | 5 | export default (props) => { 6 | const { columns, bordered, size, title } = props; 7 | const childProps = { 8 | type: 'head', 9 | columns, 10 | bordered, 11 | title, 12 | size, 13 | }; 14 | 15 | return ( 16 | 17 | 18 | 19 | ); 20 | }; 21 | -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | import ButtonComponent from './components/Button'; 2 | import CheckboxComponent from './components/Checkbox'; 3 | import PaginationComponent from './components/Pagination'; 4 | import TableComponent from './components/Table'; 5 | 6 | export const Button = ButtonComponent; 7 | export const Checkbox = CheckboxComponent; 8 | export const Pagination = PaginationComponent; 9 | export const Table = TableComponent; 10 | 11 | export default { 12 | Button, 13 | Checkbox, 14 | Pagination, 15 | Table, 16 | }; 17 | -------------------------------------------------------------------------------- /docs/zh-cn/theme.md: -------------------------------------------------------------------------------- 1 | ## 主题设置 2 | 3 | 为了分离设计与实现，我们按照 Ant Design 模式分层了样式，让切换主题修改主题变得异常简单。 4 | 5 | ![color](https://gw.alipayobjects.com/zos/rmsportal/VjjIZrBkHIKHJmWJcjpi.png) 6 | 7 | 从上图可以看出，我们一共分了三层，最底层是通用的颜色计算，是整个设计体系的色板，然后是统一的通用主题配置，最上层是组件细化的样式配置。 8 | 9 | 而整体的样式参考是按照 Ant Design 设计来的，相关参考文件在：`src/theme/default.less` 中。 10 | 11 | 样式的定义使用则是使用了 React Sketch.app 的 `StyleSheet` 对象进行处理，其中 `StyleSheet.flatten` 可以合并多个样式。 12 | 13 | 更多可以参考：[React Sketch.app StyleSheet](http://airbnb.io/react-sketchapp/docs/API.html#stylesheet)。 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/minus.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 10 | 11 | ) 12 | -------------------------------------------------------------------------------- /src/components/Icon/items/caretup.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/caretdown.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/caretleft.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/caretright.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Checkbox/Indeterminate.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Svg } from 'react-sketchapp'; 3 | 4 | const { G, Path } = Svg; 5 | 6 | export default props => ( 7 | 8 | 12 | 13 | 14 | 15 | ); 16 | -------------------------------------------------------------------------------- /src/components/Icon/items/exclamation.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/windows.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/folder.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Checkbox/demo/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { View } from 'react-sketchapp'; 3 | import Br from '../../Common/Br'; 4 | import Checkbox from '../'; 5 | 6 | const Demo = () => ( 7 | 13 | 14 |
15 | 16 |
17 | 18 |
19 | 20 |
21 | 22 |
23 | 24 |
25 | 26 | 27 | ); 28 | 29 | export default Demo; 30 | -------------------------------------------------------------------------------- /src/components/Icon/items/ellipsis.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 11 | 12 | 13 | 14 | ) 15 | -------------------------------------------------------------------------------- /src/components/Icon/items/tablet.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/minuscircle.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/mobile.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/stepforward.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/stepbackward.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/up.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/down.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/left.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/theme/color/colors.js: -------------------------------------------------------------------------------- 1 | import colorPalette from "./colorPalette"; 2 | 3 | const base = { 4 | blue: "#1890ff", 5 | purple: "#722ed1", 6 | cyan: "#13c2c2", 7 | green: "#52c41a", 8 | magenta: "#eb2f96", 9 | pink: "#eb2f96", 10 | red: "#f5222d", 11 | orange: "#fa8c16", 12 | yellow: "#fadb14", 13 | volcano: "#fa541c", 14 | geekblue: "#2f54eb", 15 | lime: "#a0d911", 16 | gold: "#faad14" 17 | }; 18 | 19 | const colors = {}; 20 | 21 | Object.keys(base).map(key => { 22 | for (let i = 1; i < 11; i++) { 23 | if (i === 6) { 24 | colors[`${key}${i}`] = base[key]; 25 | } else { 26 | colors[`${key}${i}`] = colorPalette(base[key], i); 27 | } 28 | } 29 | }); 30 | 31 | export default colors; 32 | -------------------------------------------------------------------------------- /src/components/Icon/items/check.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/right.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/play.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/wallet.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/clockcircle.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/plus.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/gitlab.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/pause.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /docs/zh-cn/development.md: -------------------------------------------------------------------------------- 1 | 2 | ## 开发指引 3 | 4 | 在这之前，请确保看过 [从 0 开始](getting-start.md)。 5 | 6 | ### 如何预览效果 7 | 8 | 1. 运行 `clone git@github.com:ant-design/antd-sketchapp.git` 9 | 2. 运行 `npm i` 10 | 3. 运行 `npm run watch` 以监听文件变更并实时编译 11 | 3. 运行 `npm run link` 将编译后的插件包软链接到指定插件目录下 12 | 4. 现在你可以看到 `/plugin.sketchplugin` 13 | 5. 打开 Sketch.app，查看菜单栏 - 插件 中的 'antd-sketchapp' 14 | 6. 玩得愉快 😁 15 | 16 | **Demo 插件源码路径：** 17 | 18 | - manifest: `/src/manifest.json` 19 | - entry: `/src/demo.js` 20 | 21 | 其展示了如何在 Sketch 插件中使用 `antd-sketchapp` 完成功能。 22 | ### 插件开发辅助 23 | 24 | - [SKPM](https://github.com/skpm)：Sketch Plugin Manager 25 | - [Sketch Devtools](https://github.com/skpm/sketch-dev-tools): See your plugin logs, inspect the state of Sketch documents, explore actions, and more 26 | -------------------------------------------------------------------------------- /src/components/Icon/items/flag.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Table/Expansion.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { View } from 'react-sketchapp'; 3 | import Icon from '../Icon'; 4 | 5 | /** 6 | * 行没有第边框的条件： 7 | * - 最后一行 8 | * - hasFooter 9 | * - bordered 10 | * - !hasFooter && size == 'small' 11 | */ 12 | export default (props) => { 13 | const { style } = props; 14 | 15 | console.log(JSON.stringify(props)); 16 | 17 | return ( 18 | 28 | 35 | 36 | ); 37 | }; 38 | -------------------------------------------------------------------------------- /src/components/Icon/items/minussquare.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/bells.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/woman.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/file.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/forward.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/man.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/codesandbox.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/exclamationcircle.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/info.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/table.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/hourglass.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/loading2.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/pausecircle.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Pagination/demo/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { View } from 'react-sketchapp'; 3 | import Pagination from '../index'; 4 | import Br from '../../Common/Br'; 5 | 6 | const Demo = () => ( 7 | 8 | 9 |
10 | 11 |
12 | 13 |
14 | 15 |
16 | 17 |
18 | 19 |
20 | 21 |
22 | 23 | 24 | ); 25 | 26 | export default Demo; 27 | -------------------------------------------------------------------------------- /src/components/Icon/items/verticleleft.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/verticleright.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/banckward.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/meho.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/areachart.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/safety.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/close.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/checkcircle.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/leftsquare.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/arrowup.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/upsquare.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/arrowdown.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/arrowleft.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/arrowright.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/downsquare.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/minussquareo.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/pluscircle.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/rightsquare.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/totop.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/enter.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/facebooksquare.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/html.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 13 | 14 | ) 15 | -------------------------------------------------------------------------------- /src/components/Icon/items/fastbackward.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/pushpin.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/dropbox.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/fastforward.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/iconfontdesktop.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/plussquare.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/usb.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/back.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/layout.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/medicinebox.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/skin.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/windowso.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /docs/en-us/theme.md: -------------------------------------------------------------------------------- 1 | ## Theme Config 2 | 3 | In order to separate the design and implementation, we separated the styles according to the Ant Design, making it easy to switch themes or modify the themes. 4 | 5 | ![color](https://gw.alipayobjects.com/zos/rmsportal/VjjIZrBkHIKHJmWJcjpi.png) 6 | 7 | From the above figure, we can see that we have a total of three layers. The bottom is the global color palette configuration of design system, the second is the theme configuration, and the top layer is the component style configuration. 8 | 9 | The overall style reference is designed according to Ant Design. The reference file is: `src/theme/default.less`. 10 | 11 | In code the styles is defined using the `StyleSheet` of React Sketch.app, ant the `StyleSheet.flatten` function is using to merge styles. 12 | 13 | More: [React Sketch.app StyleSheet](http://airbnb.io/react-sketchapp/docs/API.html#stylesheet)。 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/edit.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/laptop.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/addfolder.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/find.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/select.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 14 | 15 | ) 16 | -------------------------------------------------------------------------------- /src/components/Icon/items/checksquare.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/menufold.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/trophy.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/appstore.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/closecircle.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/infocirlce.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/menuunfold.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /docs/en-us/development.md: -------------------------------------------------------------------------------- 1 | 2 | ## Development Guid 3 | 4 | 5 | Before this part, make sure you have read [getting start](getting-start.md) 6 | 7 | ### How to preview 8 | 9 | 1. run `clone git@github.com:ant-design/antd-sketchapp.git` in cli 10 | 2. run `npm i` in cli 11 | 3. run `npm run watch` in cli to watch source code changes 12 | 3. run `npm run link` in cli to link current plugin to specific folder 13 | 4. Now you can find complete sketch-plugin in path `/plugin.sketchplugin` 14 | 5. Open Sketch.app and find the plugin called 'antd-sketchapp' 15 | 6. Have fun 😁 16 | 17 | **Demo's source path：** 18 | 19 | - manifest: `/src/manifest.json` 20 | - entry: `/src/demo.js` 21 | 22 | ### Plug-in development aids 23 | 24 | - [SKPM](https://github.com/skpm)：Sketch Plugin Manager 25 | - [Sketch Devtools](https://github.com/skpm/sketch-dev-tools): See your plugin logs, inspect the state of Sketch documents, explore actions, and more 26 | -------------------------------------------------------------------------------- /src/components/Icon/items/dotchart.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/save.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/switcher.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/database.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/smilecircle.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/frown.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/youtube.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/leftsquareo.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/mail.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/downsquareo.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/rightsquareo.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/apple.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/key.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/shrink.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/arrowsalt.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/star.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/closesquare.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/filter.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/heart.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/pptfile.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/gift.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/home.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/car.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/sound.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/doubleleft.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/printer.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/book.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/checksquareo.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/creditcard.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/dingding.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/doubleright.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/trademark.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Table/Tbody.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { View } from 'react-sketchapp'; 3 | import Tr from './Tr'; 4 | 5 | /** 6 | * 行没有第边框的条件： 7 | * - 最后一行 8 | * - hasFooter 9 | * - bordered 10 | * - !hasFooter && size == 'small' 11 | */ 12 | export default (props) => { 13 | const { dataSource, columns, bordered, size, hasFooter } = props; 14 | 15 | const childProps = { 16 | type: 'body', 17 | columns, 18 | bordered, 19 | size, 20 | }; 21 | 22 | return ( 23 | 24 | {dataSource.map((item, i) => ( 25 | 36 | ))} 37 | 38 | ); 39 | }; 40 | -------------------------------------------------------------------------------- /src/components/Icon/items/appstoreo.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/addfile.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/upsquareo.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/plussquareo.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/piechart.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/question.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/exclefile.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/linechart.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/videocamera.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/dingdingo.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/upload.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/codesquare.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/linkedinsquare.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/download.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Grid/Col.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import PropTypes from 'prop-types'; 3 | 4 | import { View, StyleSheet } from 'react-sketchapp'; 5 | 6 | import { col } from './styleSheets'; 7 | 8 | const Col = ( 9 | { span, offset, order = 0, style = {}, align = 'flex-start', justify = 'flex-start', children }, 10 | { gutter } 11 | ) => { 12 | return ( 13 | 30 | {children} 31 | 32 | ); 33 | }; 34 | 35 | Col.contextTypes = { 36 | gutter: PropTypes.number, 37 | }; 38 | 39 | export default Col; 40 | -------------------------------------------------------------------------------- /src/components/Icon/items/codesquareo.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/filetext.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/fork.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/wordfile.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/closesquareo.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/scan.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/inbox.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/mediummonogram.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/paycircle.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/copyright.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/rest.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/unknowfile.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/bars.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/form.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 13 | 14 | ) 15 | -------------------------------------------------------------------------------- /src/components/Icon/items/google.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Checkbox/Check.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Svg } from 'react-sketchapp'; 3 | 4 | const { G, Path } = Svg; 5 | 6 | export default props => ( 7 | 8 | 9 | 13 | 14 | 15 | ); 16 | -------------------------------------------------------------------------------- /src/components/Icon/items/alipaysquare.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/isv.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/upcircle.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/wifi.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/downcircle.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/pdffile.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/picture.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/rightcircle.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/leftcircle.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/shake.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/barschart.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/search.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/questioncircle.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/demo.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { render, Artboard } from 'react-sketchapp'; 3 | 4 | import ButtonDemo from './components/Button/demo'; 5 | import CheckboxDemo from './components/Checkbox/demo'; 6 | import PaginationDemo from './components/Pagination/demo'; 7 | import TableDemo from './components/Table/demo'; 8 | import GridDemo from './components/Grid/demo'; 9 | import IconDemo from './components/Icon/demo'; 10 | 11 | const renderDemo = (name, Component) => { 12 | return () => { 13 | render( 14 | 20 | 21 | , 22 | context.document.currentPage() 23 | ); 24 | }; 25 | }; 26 | 27 | export const Checkbox = renderDemo('Checkbox', CheckboxDemo); 28 | export const Button = renderDemo('Button', ButtonDemo); 29 | export const Pagination = renderDemo('Pagination', PaginationDemo); 30 | export const Table = renderDemo('Table', TableDemo); 31 | export const Grid = renderDemo('Grid', GridDemo); 32 | export const Icon = renderDemo('Icon', IconDemo); 33 | -------------------------------------------------------------------------------- /src/components/Icon/items/minuscircleo.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/tagso.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/camera.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/cloud.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/bulb.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/profile.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 11 | 13 | 14 | 15 | 16 | 17 | ) 18 | -------------------------------------------------------------------------------- /src/components/Icon/items/sharealt.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Grid/Row.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import PropTypes from 'prop-types'; 3 | import { View, StyleSheet } from 'react-sketchapp'; 4 | 5 | import { row } from './styleSheets'; 6 | 7 | class Row extends React.Component { 8 | static defaultProps = { 9 | gutter: 0, 10 | }; 11 | getChildContext() { 12 | return { gutter: this.props.gutter }; 13 | } 14 | render() { 15 | const { 16 | gutter, 17 | align = 'flex-start', 18 | justify = 'flex-start', 19 | children, 20 | style, 21 | ...rest 22 | } = this.props; 23 | return ( 24 | 38 | {children} 39 | 40 | ); 41 | } 42 | } 43 | 44 | Row.childContextTypes = { 45 | gutter: PropTypes.number, 46 | }; 47 | 48 | export default Row; 49 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT LICENSE 2 | 3 | Copyright (c) 2015-present Alipay.com, https://www.alipay.com/ 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining 6 | a copy of this software and associated documentation files (the 7 | "Software"), to deal in the Software without restriction, including 8 | without limitation the rights to use, copy, modify, merge, publish, 9 | distribute, sublicense, and/or sell copies of the Software, and to 10 | permit persons to whom the Software is furnished to do so, subject to 11 | the following conditions: 12 | 13 | The above copyright notice and this permission notice shall be 14 | included in all copies or substantial portions of the Software. 15 | 16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 17 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 18 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND 19 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE 20 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 21 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION 22 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. -------------------------------------------------------------------------------- /src/components/Icon/items/barchart.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/tag.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/exception.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | 15 | 16 | ) 17 | -------------------------------------------------------------------------------- /src/components/Icon/items/adduser.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/copy.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/tags.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/clockcircleo.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/exclamationcircleo.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/camerao.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/deleteuser.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/playcircleo.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/user.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/folderopen.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/hdd.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/circledown.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/redenvelopes.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/warning.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 14 | 15 | ) 16 | -------------------------------------------------------------------------------- /src/components/Icon/items/meh.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/loading.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "antd-sketchapp", 3 | "compatibleVersion": 3, 4 | "bundleVersion": 1, 5 | "commands": [ 6 | { 7 | "name": "Pagination", 8 | "identifier": "Pagination", 9 | "script": "./demo.js", 10 | "handler": "Pagination" 11 | }, 12 | { 13 | "name": "Table", 14 | "identifier": "Table", 15 | "script": "./demo.js", 16 | "handler": "Table" 17 | }, 18 | { 19 | "name": "Button", 20 | "identifier": "Button", 21 | "script": "./demo.js", 22 | "handler": "Button" 23 | }, 24 | { 25 | "name": "Checkbox", 26 | "identifier": "Checkbox", 27 | "script": "./demo.js", 28 | "handler": "Checkbox" 29 | }, 30 | { 31 | "name": "Grid", 32 | "identifier": "Grid", 33 | "script": "./demo.js", 34 | "handler": "Grid" 35 | }, 36 | { 37 | "name": "Icon", 38 | "identifier": "Icon", 39 | "script": "./demo.js", 40 | "handler": "Icon" 41 | } 42 | ], 43 | "menu": { 44 | "title": "antd-sketchapp", 45 | "items": [ 46 | "Button", 47 | "Checkbox", 48 | "Pagination", 49 | "Table", 50 | "Grid", 51 | "Icon" 52 | ] 53 | } 54 | } -------------------------------------------------------------------------------- /src/components/Icon/items/aliwangwang.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/qq.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/calendar.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/caretcircleoup.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/antdesign.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/pausecircleo.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | -------------------------------------------------------------------------------- /src/components/Icon/items/bank.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 9 | 11 | 12 | ) 13 | -------------------------------------------------------------------------------- /src/components/Icon/items/retweet.js: -------------------------------------------------------------------------------- 1 | 2 | // Generated by 'transfrom' 3 | /* eslint-disable */ 4 | import React from 'react'; 5 | import { Svg } from 'react-sketchapp'; 6 | const {Path} = Svg; 7 | export default (props) => ( 8 | 10 | 12 | 13 | ) 14 | --------------------------------------------------------------------------------