├── .gitignore
├── README.md
├── docs
├── .vuepress
│ ├── dist
│ │ ├── assets
│ │ │ ├── fonts
│ │ │ │ ├── element-icons.535877f5.woff
│ │ │ │ └── element-icons.732389de.ttf
│ │ │ ├── img
│ │ │ │ └── search.83621669.svg
│ │ │ └── js
│ │ │ │ ├── 4.6d83fc51.js
│ │ │ │ ├── 5.57a5806b.js
│ │ │ │ ├── 7.0ee4358b.js
│ │ │ │ ├── 9.f0c22d56.js
│ │ │ │ ├── 6.35d831f6.js
│ │ │ │ ├── 8.14399f3f.js
│ │ │ │ ├── 3.79843402.js
│ │ │ │ └── 2.c0c503e2.js
│ │ ├── 404.html
│ │ ├── comps
│ │ │ ├── index.html
│ │ │ └── select.html
│ │ └── index.html
│ ├── enhanceApp.js
│ └── config.js
├── comps
│ ├── README.md
│ └── select.md
└── README.md
├── package.json
└── serverless.yml
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # 项目说明
2 |
3 | 使用vuepress创建类似ElementUI组件库文档示例代码
4 |
5 | 文档地址：https://www.yuque.com/yihui123/fe/vuepress
6 |
--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/fonts/element-icons.535877f5.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KapiAI/vuepress-element-doc/HEAD/docs/.vuepress/dist/assets/fonts/element-icons.535877f5.woff
--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/fonts/element-icons.732389de.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KapiAI/vuepress-element-doc/HEAD/docs/.vuepress/dist/assets/fonts/element-icons.732389de.ttf
--------------------------------------------------------------------------------
/docs/.vuepress/enhanceApp.js:
--------------------------------------------------------------------------------
1 | import ElementUI from 'element-ui';
2 | import 'element-ui/lib/theme-chalk/index.css';
3 |
4 | export default async ({
5 | Vue
6 | }) => {
7 | if (typeof process === 'undefined') {
8 | Vue.use(ElementUI)
9 | }
10 | }
--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/search.83621669.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/docs/comps/README.md:
--------------------------------------------------------------------------------
1 | # 安装
2 |
3 | ## npm安装
4 |
5 | 推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。
6 |
7 | ```
8 | npm i element-ui -S
9 | ```
10 |
11 | ## CDN
12 | 目前可以通过 unpkg.com/element-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。
13 |
14 | ```
15 |
16 |
17 |
18 |
19 | ```
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vuepress-element-doc",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "dev": "vuepress dev docs",
8 | "build": "vuepress build docs"
9 | },
10 | "keywords": [],
11 | "author": "",
12 | "license": "ISC",
13 | "dependencies": {
14 | "element-ui": "^2.15.3",
15 | "vuepress": "^1.8.2",
16 | "vuepress-plugin-demo-container": "^0.2.0"
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/4.6d83fc51.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[4],{544:function(t,e,n){},575:function(t,e,n){"use strict";n(544)},585:function(t,e,n){"use strict";n.r(e);var i={functional:!0,props:{type:{type:String,default:"tip"},text:String,vertical:{type:String,default:"top"}},render:function(t,e){var n=e.props,i=e.slots;return t("span",{class:["badge",n.type],style:{verticalAlign:n.vertical}},n.text||i().default)}},r=(n(575),n(38)),p=Object(r.a)(i,void 0,void 0,!1,null,"15b7b770",null);e.default=p.exports}}]);
--------------------------------------------------------------------------------
/docs/.vuepress/config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | theme: '',
3 | title: 'VuePress + Element',
4 | description: 'VuePress搭建Element的组件库文档教程示例代码',
5 | base: '/',
6 | port: '8080',
7 | themeConfig: {
8 | nav: [
9 | {
10 | text: '首页',
11 | link: '/'
12 | },
13 | {
14 | text: '组件',
15 | link: '/comps/'
16 | }
17 | ],
18 | sidebar: {
19 | '/comps/': [
20 | '/comps/',
21 | '/comps/select.md'
22 | ]
23 | }
24 | },
25 | head: [],
26 | plugins: ['demo-container'],
27 | markdown: {}
28 | }
--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/5.57a5806b.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[5],{545:function(t,e,a){},576:function(t,e,a){"use strict";a(545)},581:function(t,e,a){"use strict";a.r(e);var n={name:"CodeBlock",props:{title:{type:String,required:!0},active:{type:Boolean,default:!1}},mounted:function(){this.$parent&&this.$parent.loadTabs&&this.$parent.loadTabs()}},i=(a(576),a(38)),s=Object(i.a)(n,(function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"theme-code-block",class:{"theme-code-block__active":this.active}},[this._t("default")],2)}),[],!1,null,"759a7d02",null);e.default=s.exports}}]);
--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/7.0ee4358b.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[7],{580:function(t,e,s){"use strict";s.r(e);var n=["There's nothing here.","How did we get here?","That's a Four-Oh-Four.","Looks like we've got some broken links."],o={methods:{getMsg:function(){return n[Math.floor(Math.random()*n.length)]}}},i=s(38),h=Object(i.a)(o,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"theme-container"},[e("div",{staticClass:"theme-default-content"},[e("h1",[this._v("404")]),this._v(" "),e("blockquote",[this._v(this._s(this.getMsg()))]),this._v(" "),e("RouterLink",{attrs:{to:"/"}},[this._v("\n Take me home.\n ")])],1)])}),[],!1,null,null,null);e.default=h.exports}}]);
--------------------------------------------------------------------------------
/serverless.yml:
--------------------------------------------------------------------------------
1 | component: website # (必填) 引用 component 的名称，当前用到的是 tencent-website 组件
2 | name: element # (必填) 该 website 组件创建的实例名称
3 | app: element # (可选) 该 website 应用名称
4 | stage: pro # (可选) 用于区分环境信息
5 |
6 | inputs:
7 | src:
8 | src: ./docs/.vuepress # 执行目录路径
9 | dist: ./docs/.vuepress/dist # 部署目录路劲
10 | index: index.html # 网站主页入口文件
11 | error: 404.html # 网站错误入口文件
12 | hook: npm run build # 构建命令,在代码上传之前执行
13 | region: ap-beijing # 地区
14 | protocol: http # 协议
15 | bucket: element-website #OSS存储桶名称
16 | hosts:
17 | - host: element.tanghui.tech
18 | async: false # 是否同步等待 CDN 配置。配置为 false 时，参数 autoRefresh 自动刷新才会生效，如果关联多域名时，为防止超时建议配置为 true。
19 | autoRefresh: true #开启自动 CDN 刷新，用于快速更新和同步加速域名中展示的站点内容
--------------------------------------------------------------------------------
/docs/comps/select.md:
--------------------------------------------------------------------------------
1 | # Select 选择器
2 |
3 | 当选项过多时，使用下拉菜单展示并选择内容。
4 |
5 | ## 基本用法
6 |
7 | 适用广泛的基础单选
8 |
9 | ::: demo 适用广泛的基础单选
10 | ```html
11 |
12 |
13 |
18 |
19 |
20 |
21 |
22 |
38 | ```
39 | :::
--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/9.f0c22d56.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[9],{584:function(t,e,s){"use strict";s.r(e);var a=s(38),n=Object(a.a)({},(function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"安装"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#安装"}},[t._v("#")]),t._v(" 安装")]),t._v(" "),s("h2",{attrs:{id:"npm安装"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#npm安装"}},[t._v("#")]),t._v(" npm安装")]),t._v(" "),s("p",[t._v("推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。")]),t._v(" "),s("div",{staticClass:"language- extra-class"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[t._v("npm i element-ui -S\n")])])]),s("h2",{attrs:{id:"cdn"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#cdn"}},[t._v("#")]),t._v(" CDN")]),t._v(" "),s("p",[t._v("目前可以通过 unpkg.com/element-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。")]),t._v(" "),s("div",{staticClass:"language- extra-class"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[t._v('\x3c!-- 引入样式 --\x3e\n\n\x3c!-- 引入组件库 --\x3e\n
19 |
20 |