Skip to content

Commit 074aaaf

Browse files
tangjinzhoutangjinzhou
committed
docs: update docs
1 parent ffb2a59 commit 074aaaf

24 files changed

+579
-351
lines changed

‎docs/vue/download.en-US.md

+88
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,88 @@
1+
2+
3+
Please find below some of the design resources and tools about Ant Design Vue that we consider valuable. More of this is still being collected.
4+
5+
> The following design resources are developed and maintained by the [Ant Design](https://ant.design).
6+
7+
<div class="resource-cards">
8+
<a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.Components.Beta.3.10.5.sketch" class="resource-card">
9+
<div class="resource-card-icon">
10+
<img width="65" src="https://gw.alipayobjects.com/zos/rmsportal/pKfDZnzocrbAOSzDQOQq.png">
11+
</div>
12+
<div class="resource-card-content">
13+
<span class="resource-card-title">
14+
RENEW Symbols
15+
<span class="resource-card-hot-badge">BETA</span>
16+
</span>
17+
<span class="resource-card-description">Sketch Symbols for Desktop</span>
18+
</div>
19+
</a>
20+
<a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.3.0.Components.sketch" class="resource-card">
21+
<div class="resource-card-icon">
22+
<img width="65" src="https://gw.alipayobjects.com/zos/rmsportal/pKfDZnzocrbAOSzDQOQq.png">
23+
</div>
24+
<div class="resource-card-content">
25+
<span class="resource-card-title">
26+
Sketch Symbols
27+
</span>
28+
<span class="resource-card-description">Sketch Symbols File for Desktop</span>
29+
</div>
30+
</a>
31+
<a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.Pro.sketch" class="resource-card">
32+
<div class="resource-card-icon">
33+
<img width="65" src="https://gw.alipayobjects.com/zos/rmsportal/ibCZMxKsTUzDbwTEdcTC.svg">
34+
</div>
35+
<div class="resource-card-content">
36+
<span class="resource-card-title">Ant Design Pro</span>
37+
<span class="resource-card-description">Common Templates and Pages</span>
38+
</div>
39+
</a>
40+
<a target="_blank" href="http://library.ant.design" class="resource-card">
41+
<div class="resource-card-icon">
42+
<img width="50" src="https://gw.alipayobjects.com/zos/rmsportal/TXrKQUJBTuwSTGimGYYn.png">
43+
</div>
44+
<div class="resource-card-content">
45+
<span class="resource-card-title">Ant Design Library</span>
46+
<span class="resource-card-description">A powerful Axure library of Ant Design</span>
47+
</div>
48+
</a>
49+
<a target="_blank" href="http://kitchen.alipay.com" class="resource-card">
50+
<div class="resource-card-icon">
51+
<img width="65" src="https://gw.alipayobjects.com/zos/rmsportal/ATYZYtJhchhONKObIwXT.png">
52+
</div>
53+
<div class="resource-card-content">
54+
<span class="resource-card-title">
55+
Kitchen
56+
<span class="resource-card-hot-badge">HOT</span>
57+
</span>
58+
<span class="resource-card-description">A Sketch plugin with a collection of great tools</span>
59+
</div>
60+
</a>
61+
<a target="_blank" href="http://ux.ant.design" class="resource-card">
62+
<div class="resource-card-icon">
63+
<img width="64" src="https://gw.alipayobjects.com/zos/rmsportal/yMULSUQQyhoEGrCXlovN.png">
64+
</div>
65+
<div class="resource-card-content">
66+
<span class="resource-card-title">Ant UX</span>
67+
<span class="resource-card-description">A series prototypes that help creating application structure and user flow</span>
68+
</div>
69+
</a>
70+
<a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/iconfont-3.x.zip" class="resource-card">
71+
<div class="resource-card-icon">
72+
<img width="54" src="https://gw.alipayobjects.com/zos/rmsportal/bWBRrdYsVnVkXpFRCVFy.png">
73+
</div>
74+
<div class="resource-card-content">
75+
<span class="resource-card-title">Web Font</span>
76+
<span class="resource-card-description">Icon font package for your local reference</span>
77+
</div>
78+
</a>
79+
<a target="_blank" href="https://www.xiaopiu.com/topic/ant-design" class="resource-card">
80+
<div class="resource-card-icon">
81+
<img width="72" src="https://img.xiaopiu.com/userImages/img753167822272f8.png">
82+
</div>
83+
<div class="resource-card-content">
84+
<span class="resource-card-title">Ant Design Prototype (xiaopiu)</span>
85+
<span class="resource-card-description">Online Ant Design library and interactive prototype</span>
86+
</div>
87+
</a>
88+
</div>

‎docs/vue/download.zh-CN.md

+87
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
2+
这里提供 Ant Design Vue 相关设计资源和设计工具的下载，更多设计资源正在整理和完善中。
3+
4+
> 以下设计资源由[Ant Design](https://ant.design)官方开发并维护
5+
6+
<div class="resource-cards">
7+
<a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.Components.Beta.3.10.5.sketch" class="resource-card">
8+
<div class="resource-card-icon">
9+
<img width="65" src="https://gw.alipayobjects.com/zos/rmsportal/pKfDZnzocrbAOSzDQOQq.png">
10+
</div>
11+
<div class="resource-card-content">
12+
<span class="resource-card-title">
13+
新 Sketch Symbols 组件
14+
<span class="resource-card-hot-badge">BETA</span>
15+
</span>
16+
<span class="resource-card-description">桌面组件 Sketch 模板包</span>
17+
</div>
18+
</a>
19+
<a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.3.0.Components.sketch" class="resource-card">
20+
<div class="resource-card-icon">
21+
<img width="65" src="https://gw.alipayobjects.com/zos/rmsportal/pKfDZnzocrbAOSzDQOQq.png">
22+
</div>
23+
<div class="resource-card-content">
24+
<span class="resource-card-title">
25+
Sketch Symbols 组件
26+
</span>
27+
<span class="resource-card-description">桌面组件 Sketch 模板包</span>
28+
</div>
29+
</a>
30+
<a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.Pro.sketch" class="resource-card">
31+
<div class="resource-card-icon">
32+
<img width="65" src="https://gw.alipayobjects.com/zos/rmsportal/ibCZMxKsTUzDbwTEdcTC.svg">
33+
</div>
34+
<div class="resource-card-content">
35+
<span class="resource-card-title">Ant Design Pro</span>
36+
<span class="resource-card-description">典型页面 + 通用业务模板</span>
37+
</div>
38+
</a>
39+
<a target="_blank" href="http://library.ant.design" class="resource-card">
40+
<div class="resource-card-icon">
41+
<img width="50" src="https://gw.alipayobjects.com/zos/rmsportal/TXrKQUJBTuwSTGimGYYn.png">
42+
</div>
43+
<div class="resource-card-content">
44+
<span class="resource-card-title">Ant Design Library</span>
45+
<span class="resource-card-description">一套强大的 Ant Design 的 Axure 部件库</span>
46+
</div>
47+
</a>
48+
<a target="_blank" href="http://kitchen.alipay.com" class="resource-card">
49+
<div class="resource-card-icon">
50+
<img width="65" src="https://gw.alipayobjects.com/zos/rmsportal/ATYZYtJhchhONKObIwXT.png">
51+
</div>
52+
<div class="resource-card-content">
53+
<span class="resource-card-title">
54+
Kitchen
55+
<span class="resource-card-hot-badge">HOT</span>
56+
</span>
57+
<span class="resource-card-description">Sketch 工具集</span>
58+
</div>
59+
</a>
60+
<a target="_blank" href="http://ux.ant.design" class="resource-card">
61+
<div class="resource-card-icon">
62+
<img width="64" src="https://gw.alipayobjects.com/zos/rmsportal/yMULSUQQyhoEGrCXlovN.png">
63+
</div>
64+
<div class="resource-card-content">
65+
<span class="resource-card-title">Ant UX</span>
66+
<span class="resource-card-description">一套页面逻辑原型库，帮你梳理页面逻辑</span>
67+
</div>
68+
</a>
69+
<a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/iconfont-3.x.zip" class="resource-card">
70+
<div class="resource-card-icon">
71+
<img width="54" src="https://gw.alipayobjects.com/zos/rmsportal/bWBRrdYsVnVkXpFRCVFy.png">
72+
</div>
73+
<div class="resource-card-content">
74+
<span class="resource-card-title">Web Font</span>
75+
<span class="resource-card-description">网络字体图标的本地文件包</span>
76+
</div>
77+
</a>
78+
<a target="_blank" href="https://www.xiaopiu.com/topic/ant-design" class="resource-card">
79+
<div class="resource-card-icon">
80+
<img width="72" src="https://img.xiaopiu.com/userImages/img753167822272f8.png">
81+
</div>
82+
<div class="resource-card-content">
83+
<span class="resource-card-title">Ant Design 原型（xiaopiu）</span>
84+
<span class="resource-card-description">可在线编辑的 Ant Design 组件库和交互原型</span>
85+
</div>
86+
</a>
87+
</div>

‎package.json

+2-1
Original file line numberDiff line numberDiff line change
@@ -98,9 +98,10 @@
9898
"cross-env": "^5.1.4",
9999
"css-loader": "^0.28.7",
100100
"deep-assign": "^2.0.0",
101+
"enquire-js": "^0.2.1",
101102
"eslint": "^4.7.2",
102-
"eslint-plugin-html": "^3.2.2",
103103
"eslint-config-prettier": "^3.0.1",
104+
"eslint-plugin-html": "^3.2.2",
104105
"eslint-plugin-vue": "^3.13.0",
105106
"eslint-plugin-vue-libs": "^1.2.1",
106107
"extract-text-webpack-plugin": "^3.0.2",

‎site/components/IconSet/CopyableIcon.vue

-37
This file was deleted.

‎site/components/IconSet/index.vue

-40
This file was deleted.

‎site/components/demoBox.vue

+21-8
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<template>
2-
<section :class="['code-box', isOpen ? 'expand': '']" :id="id">
2+
<section :class="['code-box', codeExpand ? 'expand': '']" :id="id">
33
<section class="code-box-demo">
44
<template v-if="iframeDemo[iframeDemoKey]">
55
<div class="browser-mockup with-url">
@@ -13,12 +13,25 @@
1313
<section class="code-box-meta markdown">
1414
<slot v-if="isZhCN" name="description"></slot>
1515
<slot v-else name="us-description"></slot>
16-
<span class="btn-toggle" :class="{open: isOpen}" @click="toggle">
17-
<a-icon type="up" />
18-
</span>
16+
<a-tooltip :title="codeExpand ? 'Hide Code' : 'Show Code'">
17+
<span class="code-expand-icon">
18+
<img
19+
alt="expand code"
20+
src="https://gw.alipayobjects.com/zos/rmsportal/wSAkBuJFbdxsosKKpqyq.svg"
21+
:class="codeExpand ? 'code-expand-icon-hide' : 'code-expand-icon-show'"
22+
@click="handleCodeExpand"
23+
/>
24+
<img
25+
alt="expand code"
26+
src="https://gw.alipayobjects.com/zos/rmsportal/OpROPHYqWmrMDBFMZtKF.svg"
27+
:class="codeExpand ? 'code-expand-icon-show' : 'code-expand-icon-hide'"
28+
@click="handleCodeExpand"
29+
/>
30+
</span>
31+
</a-tooltip>
1932
</section>
2033
<transition appear :css="false" @enter="enter" @leave="leave">
21-
<section class="highlight-wrapper" style="position: relative;" v-show="isOpen">
34+
<section class="highlight-wrapper" style="position: relative;" v-show="codeExpand">
2235
<a-tooltip
2336
:title="copied ? '复制成功' : '复制代码'"
2437
:visible="copyTooltipVisible"
@@ -73,7 +86,7 @@ export default {
7386
this.demoContext.store.setState({ currentSubMenu: [...currentSubMenu, { cnTitle, usTitle, id }] });
7487
}
7588
return {
76-
isOpen: false,
89+
codeExpand: false,
7790
isZhCN: isZhCN(name),
7891
copied: false,
7992
copyTooltipVisible: false,
@@ -83,8 +96,8 @@ export default {
8396
};
8497
},
8598
methods: {
86-
toggle () {
87-
this.isOpen = !this.isOpen;
99+
handleCodeExpand () {
100+
this.codeExpand = !this.codeExpand;
88101
},
89102
enter: animate.enter,
90103
leave: animate.leave,

‎site/components/header.vue

+38-16
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ export default {
4545
</a-button>
4646
</a-col>
4747
<a-col xxl={20} xl={19} lg={19} md={18} sm={0} xs={0}>
48-
<div id='search-box' style='display: block'>
48+
<div id='search-box'>
4949
<a-icon type='search' />
5050
<a-select
5151
ref='selectBox'
@@ -77,23 +77,45 @@ export default {
7777
{isCN ? '组件' : 'Components'}
7878
</a-menu-item>
7979
<a-menu-item key='github'>
80-
<a href='https://github.com/vueComponent/ant-design-vue'>GitHub</a>
80+
<a target="_blank" href='https://github.com/vueComponent/ant-design-vue'>GitHub</a>
8181
</a-menu-item>
82-
<a-menu-item key='sponsor'>
83-
<a-popover placement='bottom'>
84-
<template slot='content'>
85-
<img
86-
width='160'
87-
height='163'
88-
alt='dingding'
89-
src='https://user-images.githubusercontent.com/4122593/50038786-571eaf80-0060-11e9-98a1-ea202fc60859.png'
90-
/>
91-
</template>
92-
<a>
93-
<a-icon type='dingding' style={{ color: '#1890ff' }}/>
94-
{isCN ? '钉钉服务群' : 'Ding Group QR Code'}
82+
<a-sub-menu key="Ecosystem" title={isCN ? '生态系统' : 'Ecosystem'}>
83+
<a-menu-item key="design">
84+
<router-link to={{ path: isCN ? '/ant-design-vue/docs/vue/download-cn/' : '/ant-design-vue/docs/vue/download/'}}>
85+
{isCN ? '设计资源' : 'Design Resources'}
86+
</router-link>
87+
</a-menu-item>
88+
<a-menu-item key="vscode">
89+
<a target="_blank" href='https://marketplace.visualstudio.com/items?itemName=ant-design-vue.vscode-ant-design-vue-helper'>
90+
VS Code Extension
9591
</a>
96-
</a-popover>
92+
</a-menu-item>
93+
<a-menu-item key="awesome">
94+
<a target="_blank" href='https://github.com/vueComponent/ant-design-vue-awesome'>
95+
Awesome
96+
</a>
97+
</a-menu-item>
98+
<a-menu-item key='dingding'>
99+
<a-popover placement='bottom'>
100+
<template slot='content'>
101+
<img
102+
width='160'
103+
height='163'
104+
alt='dingding'
105+
src='https://user-images.githubusercontent.com/4122593/50038786-571eaf80-0060-11e9-98a1-ea202fc60859.png'
106+
/>
107+
</template>
108+
<a>
109+
<a-icon type='dingding' style={{ color: '#1890ff' }}/>
110+
{isCN ? '钉钉服务群' : 'Ding Group QR Code'}
111+
</a>
112+
</a-popover>
113+
</a-menu-item>
114+
</a-sub-menu>
115+
<a-menu-item key="sponsor">
116+
<router-link to={{ path: isCN ? '/ant-design-vue/docs/vue/sponsor-cn/' : '/ant-design-vue/docs/vue/sponsor/'}}>
117+
{isCN ? '支持我们' : 'Support us'}
118+
</router-link>
97119
</a-menu-item>
98120
</a-menu>
99121
</a-col>

0 commit comments

Comments
 (0)