├── src ├── utils │ ├── ui.js │ └── index.js ├── slider │ ├── README.md │ └── slider.vue ├── datetimepicker │ ├── README.md │ ├── datepicker.vue │ ├── datetimeinput.vue │ ├── datetimepicker.vue │ ├── hourspicker.vue │ ├── minutespicker.vue │ ├── yearspicker.vue │ ├── monthspicker.vue │ ├── timepicker.vue │ └── dayspicker.vue ├── standalone.js ├── article │ ├── lead.vue │ └── article.vue ├── nprogress │ ├── README.md │ └── nprogress.vue ├── grid │ ├── grid.vue │ ├── container.vue │ ├── README.CN.md │ ├── README.md │ └── column.vue ├── button │ ├── button-group.vue │ └── button.vue ├── tab │ ├── README.CN.md │ ├── README.md │ └── tab.vue ├── topbar │ ├── README.CN.md │ ├── README.md │ └── topbar.vue ├── nav │ ├── README.CN.md │ ├── README.md │ └── nav.vue ├── alert │ ├── README.md │ └── alert.vue ├── list │ └── list.vue ├── badge │ └── badge.vue ├── breadcrumb │ ├── breadcrumb.vue │ ├── README.CN.md │ └── README.md ├── icon │ └── icon.vue ├── form │ ├── radio.vue │ ├── checkbox.vue │ ├── select.vue │ ├── input.vue │ └── form.vue ├── dropdown │ └── dropdown.vue ├── modal │ ├── README.CN.md │ ├── README.md │ ├── alert.vue │ ├── confirm.vue │ ├── prompt.vue │ └── modal.vue ├── datatable │ └── datatable.vue ├── image │ └── image.vue ├── core │ └── index.js ├── panel │ └── panel.vue ├── main.js └── pagination │ └── pagination.vue ├── .gitignore ├── doc └── README.md ├── .npmignore ├── examples-dev ├── src │ ├── views │ │ ├── sliders.vue │ │ ├── breadcrumb.vue │ │ ├── datatables.vue │ │ ├── tabs.vue │ │ ├── paginations.vue │ │ ├── navs.vue │ │ ├── panels.vue │ │ ├── buttons.vue │ │ ├── lists.vue │ │ ├── forms.vue │ │ ├── articles.vue │ │ ├── modals.vue │ │ ├── dtpicker.vue │ │ └── index.vue │ ├── main.js │ └── routes.js ├── index.html └── css │ └── admin.css ├── vue.js-0.12vs1.0.md ├── scripts ├── webpack.build.js └── webpack.dev.js ├── example-standalone └── index.html ├── LICENSE ├── package.json ├── README.CN.md ├── README.md └── dist └── amazeui-vue.js /src/utils/ui.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | -------------------------------------------------------------------------------- /doc/README.md: -------------------------------------------------------------------------------- 1 | # Documents 2 | -------------------------------------------------------------------------------- /src/slider/README.md: -------------------------------------------------------------------------------- 1 | # Slider 2 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | .git 2 | npm-debug.log 3 | -------------------------------------------------------------------------------- /examples-dev/src/views/sliders.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/datetimepicker/README.md: -------------------------------------------------------------------------------- 1 | # Datetimepicker 2 | 3 | ## props 4 | 5 | + `dateTime` 6 | -------------------------------------------------------------------------------- /src/standalone.js: -------------------------------------------------------------------------------- 1 | import amazeuiVue from './main'; 2 | 3 | window.amazeuiVue = amazeuiVue; 4 | -------------------------------------------------------------------------------- /src/article/lead.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /src/nprogress/README.md: -------------------------------------------------------------------------------- 1 | # nprogress 2 | 3 | This is a page loading plugin, inspired by [nprogress](https://github.com/rstacruz/nprogress) 4 | 5 | ## 6 | -------------------------------------------------------------------------------- /src/grid/grid.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 14 | -------------------------------------------------------------------------------- /src/button/button-group.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 14 | -------------------------------------------------------------------------------- /src/grid/container.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 16 | -------------------------------------------------------------------------------- /src/tab/README.CN.md: -------------------------------------------------------------------------------- 1 | # 选项卡 2 | 3 | ## `` 4 | 5 | ### 插入点 6 | 无插入点 7 | 8 | ### 属性 9 | + `items` `Array(默认值:[])` 10 | + `active` `Number(默认值:0)` 11 | + `justify` `Boolean(默认值:false)` 12 | 13 | ### 事件 14 | + `tab` 15 | -------------------------------------------------------------------------------- /src/tab/README.md: -------------------------------------------------------------------------------- 1 | # Tab 2 | 3 | ## `` 4 | 5 | ### slot 6 | none 7 | 8 | ### props 9 | + `items` `Array(default:[])` 10 | + `active` `Number(default:0)` 11 | + `justify` `Boolean(default:false)` 12 | 13 | ### events 14 | + `tab` 15 | -------------------------------------------------------------------------------- /src/topbar/README.CN.md: -------------------------------------------------------------------------------- 1 | # 导航条 2 | 3 | ## `` 4 | 5 | ## 插入点 6 | 只有一个 7 | 8 | ## 属性 9 | + `title` `String(默认值:'')` 10 | + `inverse` `Boolean(默认值:false)` 11 | + `fixedTop` `Boolean(默认值:false)` 12 | + `fixedBottom` `Boolean(默认值:false)` 13 | -------------------------------------------------------------------------------- /src/nav/README.CN.md: -------------------------------------------------------------------------------- 1 | # 导航 2 | 3 | ## `` 4 | 5 | ### 插入点 6 | none 7 | 8 | ### 属性 9 | + `items` `Array(必需)` 10 | + `pills` `Boolean(默认值:false)` 11 | + `tabs` `Boolean(默认值:false)` 12 | + `justify` `Boolean(默认值:false)` 13 | + `topbar` `Boolean(默认值:false)` 14 | -------------------------------------------------------------------------------- /src/topbar/README.md: -------------------------------------------------------------------------------- 1 | # Topbar 2 | 3 | ## `` 4 | 5 | ## slot 6 | only one 7 | 8 | ## props 9 | + `title` `String(default:'')` 10 | + `inverse` `Boolean(default:false)` 11 | + `fixedTop` `Boolean(default:false)` 12 | + `fixedBottom` `Boolean(default:false)` 13 | -------------------------------------------------------------------------------- /src/nav/README.md: -------------------------------------------------------------------------------- 1 | # Navigation 2 | 3 | ## `` 4 | 5 | ### slot 6 | none 7 | 8 | ### props 9 | + `items` `Array(required)` 10 | + `pills` `Boolean(default:false)` 11 | + `tabs` `Boolean(default:false)` 12 | + `justify` `Boolean(default:false)` 13 | + `topbar` `Boolean(default:false)` 14 | -------------------------------------------------------------------------------- /src/alert/README.md: -------------------------------------------------------------------------------- 1 | # Alert 2 | 显示可关闭的页内警告信息。 3 | 4 | ## props 5 | 6 | ### closed 7 | 决定关闭行为。这个函数将在调用组件销毁函数之后调用。 8 | 9 | ### closeable 10 | 决定是否可通过点击关闭按钮关闭 11 | 12 | ## methods 13 | 14 | ### close 15 | 触发关闭Alert，如果有closed，则在关闭之后调用closed。调用这个函数表示Alert的生命周期已经结束。 16 | 17 | ### style 18 | 决定外观颜色，'secondary', 'success', 'warning', 'danger' 19 | -------------------------------------------------------------------------------- /examples-dev/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue'; 2 | import VueRouter from 'vue-router'; 3 | import routes from './routes'; 4 | import amazeuiVue from 'amazeui-vue'; 5 | 6 | Vue.config.debug = true; 7 | 8 | Vue.use(amazeuiVue); 9 | Vue.use(VueRouter); 10 | 11 | var router = new VueRouter(); 12 | 13 | var App = Vue.extend({}); 14 | 15 | router.map(routes); 16 | 17 | router.start(App, '#app-main'); 18 | -------------------------------------------------------------------------------- /examples-dev/src/views/breadcrumb.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 19 | -------------------------------------------------------------------------------- /src/grid/README.CN.md: -------------------------------------------------------------------------------- 1 | # 网格系统 2 | 3 | ## Grid 4 | 5 | ## props 6 | 7 | + `fixed` the fixed grid has a `max-width: 1000px;` limit 8 | + `collapse` a grid with collapse has no padding 9 | 10 | ## Column 11 | 12 | ## props 13 | 14 | + `sm` am-u-sm-* class, 1~12 15 | + `md` am-u-md-* class, 1~12 16 | + `lg` am-u-lg-* class, 1~12 17 | + `end` am-u-end class, Boolean 18 | + `centered` am-u-*-centered class, sm|md|lg 19 | 20 | ## container 21 | 22 | -------------------------------------------------------------------------------- /src/grid/README.md: -------------------------------------------------------------------------------- 1 | # Grid System 2 | 3 | ## Grid 4 | 5 | ## props 6 | 7 | + `fixed` the fixed grid has a `max-width: 1000px;` limit 8 | + `collapse` a grid with collapse has no padding 9 | 10 | ## Column 11 | 12 | ## props 13 | 14 | + `sm` am-u-sm-* class, 1~12 15 | + `md` am-u-md-* class, 1~12 16 | + `lg` am-u-lg-* class, 1~12 17 | + `end` am-u-end class, Boolean 18 | + `centered` am-u-*-centered class, sm|md|lg 19 | 20 | ## container 21 | 22 | -------------------------------------------------------------------------------- /src/nprogress/nprogress.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 17 | -------------------------------------------------------------------------------- /src/list/list.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 29 | -------------------------------------------------------------------------------- /examples-dev/src/views/datatables.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 28 | -------------------------------------------------------------------------------- /src/article/article.vue: -------------------------------------------------------------------------------- 1 | 14 | 15 | 32 | -------------------------------------------------------------------------------- /src/badge/badge.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 33 | -------------------------------------------------------------------------------- /src/breadcrumb/breadcrumb.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 28 | -------------------------------------------------------------------------------- /src/icon/icon.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 33 | -------------------------------------------------------------------------------- /src/form/radio.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 35 | -------------------------------------------------------------------------------- /src/dropdown/dropdown.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 33 | -------------------------------------------------------------------------------- /examples-dev/src/views/tabs.vue: -------------------------------------------------------------------------------- 1 | 15 | 16 | 38 | -------------------------------------------------------------------------------- /src/topbar/topbar.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 36 | -------------------------------------------------------------------------------- /examples-dev/src/views/paginations.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 29 | -------------------------------------------------------------------------------- /src/form/checkbox.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 37 | -------------------------------------------------------------------------------- /src/utils/index.js: -------------------------------------------------------------------------------- 1 | exports.repaintTrigger = function(el) { 2 | return el.offsetHeight; 3 | }; 4 | 5 | exports.noop = function() { return null; }; 6 | 7 | exports.dateUtils = { 8 | isLeapYear: function(year) { 9 | return (((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0)); 10 | }, 11 | 12 | getDaysInMonth: function(year, month) { 13 | return [31, (this.isLeapYear(year) ? 29 : 28), 14 | 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month]; 15 | }, 16 | 17 | getLocale: function(locale) { 18 | if (!locale) { 19 | locale = navigator.language && navigator.language.split('-'); 20 | locale[1] = locale[1].toUpperCase(); 21 | locale = locale.join('_'); 22 | } 23 | 24 | return locales[locale] || locales['en_US']; 25 | } 26 | }; 27 | -------------------------------------------------------------------------------- /src/modal/README.CN.md: -------------------------------------------------------------------------------- 1 | # 模态框 2 | 3 | ## `` 4 | 5 | ### 插入点 6 | + `header` 7 | + `body` 8 | + `footer` 9 | 10 | ### 属性 11 | + `show` `[Boolean(默认值:false)]` 12 | + `closeViaDimmer` `[Boolean(默认值:true)]` 13 | 14 | ## `` 15 | 16 | ### 插入点 17 | + only one 18 | 19 | ### 属性 20 | + `show` `[Boolean(默认值:false)]` 21 | + `title` `[String(默认值:'')]` 22 | 23 | ### 事件 24 | + `ok` 25 | 26 | ## `` 27 | 28 | ### 插入点 29 | + only one 30 | 31 | ### 属性 32 | + `show` `[Boolean(默认值:false)]` 33 | + `title` `[String(默认值:'')]` 34 | 35 | ### 事件 36 | + `ok` 37 | + `cancel` 38 | 39 | ## `` 40 | 41 | ### 插入点 42 | + only one 43 | 44 | ### 属性 45 | + `show` `[Boolean(默认值:false)]` 46 | + `title` `[String(默认值:'')]` 47 | 48 | ### 事件 49 | + `ok` `数据: message` 50 | + `cancel` 51 | -------------------------------------------------------------------------------- /src/nav/nav.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 39 | -------------------------------------------------------------------------------- /src/form/select.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 40 | -------------------------------------------------------------------------------- /src/datatable/datatable.vue: -------------------------------------------------------------------------------- 1 | 17 | 18 | 44 | -------------------------------------------------------------------------------- /vue.js-0.12vs1.0.md: -------------------------------------------------------------------------------- 1 | # upgrade vue.js 0.12 to 1.0 2 | 3 | ## List Rendering 4 | 5 | + `v-repeat` changes to `v-for` [more](http://vuejs.org/guide/list.html) 6 | + alias is required in v-for 7 | + alias for the index(key) is available 8 | 9 | ## Events 10 | 11 | + `v-on="click:onClick"` changes to `v-on:click="onClick"` 12 | + `@click="onClick` is available 13 | + event modifiers and key modifiers are available [more](http://vuejs.org/guide/events.html#Event_Modifiers) 14 | 15 | ## transition 16 | 17 | + `v-transition` changes to `transition` 18 | 19 | ## components 20 | 21 | + `v-ref="child"` changes to `v-ref:child` 22 | 23 | ## attributes binding 24 | 25 | + `v-class` changes to `:class` [more](http://vuejs.org/guide/class-and-style.html) 26 | 27 | ## Form Input Bindings 28 | + [bind the value to a dynamic property](http://vuejs.org/guide/forms.html#Value_Bindings) 29 | -------------------------------------------------------------------------------- /src/modal/README.md: -------------------------------------------------------------------------------- 1 | # Modal 2 | 3 | ## `` 4 | 5 | ### slots 6 | + `header` 7 | + `body` 8 | + `footer` 9 | 10 | ### props 11 | + `show` `[Boolean(default:false)]` 12 | + `closeViaDimmer` `[Boolean(default:true)]` 13 | 14 | ## `` 15 | 16 | ### slots 17 | + only one 18 | 19 | ### props 20 | + `show` `[Boolean(default:false)]` 21 | + `title` `[String(default:'')]` 22 | 23 | ### events 24 | + `ok` 25 | 26 | ## `` 27 | 28 | ### slots 29 | + only one 30 | 31 | ### props 32 | + `show` `[Boolean(default:false)]` 33 | + `title` `[String(default:'')]` 34 | 35 | ### events 36 | + `ok` 37 | + `cancel` 38 | 39 | ## `` 40 | 41 | ### slots 42 | + only one 43 | 44 | ### props 45 | + `show` `[Boolean(default:false)]` 46 | + `title` `[String(default:'')]` 47 | 48 | ### events 49 | + `ok` `data: message` 50 | + `cancel` 51 | -------------------------------------------------------------------------------- /src/modal/alert.vue: -------------------------------------------------------------------------------- 1 | 12 | 13 | 44 | -------------------------------------------------------------------------------- /src/form/input.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 46 | -------------------------------------------------------------------------------- /src/image/image.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 46 | -------------------------------------------------------------------------------- /src/breadcrumb/README.CN.md: -------------------------------------------------------------------------------- 1 | # 面包屑导航组件 2 | 3 | ## 属性 4 | 5 | + `slash` 使用`/`作为分隔符，可选 6 | 7 | ## 子组件 8 | 9 | + breadcrumbItem 10 | 11 | ## 例子 12 | 13 | ```javascript 14 | 25 | 26 | 51 | ``` 52 | -------------------------------------------------------------------------------- /src/form/form.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 51 | -------------------------------------------------------------------------------- /src/breadcrumb/README.md: -------------------------------------------------------------------------------- 1 | # Breadcrumb 2 | 3 | ## props 4 | 5 | + `slash` use slash `/` to separate items, optional 6 | 7 | ## children 8 | 9 | + breadcrumbItem 10 | 11 | ## examples 12 | 13 | ```javascript 14 | 25 | 26 | 51 | ``` 52 | -------------------------------------------------------------------------------- /src/modal/confirm.vue: -------------------------------------------------------------------------------- 1 | 13 | 14 | 48 | -------------------------------------------------------------------------------- /src/tab/tab.vue: -------------------------------------------------------------------------------- 1 | 14 | 15 | 46 | -------------------------------------------------------------------------------- /scripts/webpack.build.js: -------------------------------------------------------------------------------- 1 | var webpack = require('webpack'); 2 | var path = require('path'); 3 | 4 | module.exports = { 5 | 6 | entry: path.resolve(__dirname, '../src/standalone.js'), 7 | 8 | output: { 9 | path: path.resolve(__dirname, '../dist'), 10 | publicPath: "/", 11 | filename: "amazeui-vue.js" 12 | }, 13 | 14 | module: { 15 | loaders: [ 16 | { test: /\.vue$/, loader: 'vue' }, 17 | { 18 | test: /\.js$/, 19 | exclude: /node_modules/, 20 | loader: "babel", 21 | query: { 22 | presets: ['es2015'], 23 | plugins: ['transform-runtime'] 24 | } 25 | } 26 | ] 27 | }, 28 | 29 | vue: { 30 | loaders: { 31 | html: 'vue-html?removeRedundantAttributes=false' 32 | } 33 | }, 34 | 35 | plugins: [ 36 | new webpack.DefinePlugin({ 37 | 'process.env': { 38 | NODE_ENV: '"production"' 39 | } 40 | }), 41 | new webpack.optimize.UglifyJsPlugin({ 42 | compress: { 43 | warnings: false 44 | } 45 | }) 46 | ] 47 | 48 | }; 49 | -------------------------------------------------------------------------------- /src/slider/slider.vue: -------------------------------------------------------------------------------- 1 | 22 | 23 | 47 | -------------------------------------------------------------------------------- /example-standalone/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | amazeui-vue 6 | 7 | 8 | 9 | 10 | 11 |

这个例子直接使用script标签引入amazeui-vue.js

12 |
13 | 14 | 15 | 16 |
17 |

version: {{ version }}

18 |

这个面板可以折叠

19 |

这个面板可以折叠

20 |

这个面板可以折叠

21 |

这个面板可以折叠

22 |

这个面板可以折叠

23 |

这个面板可以折叠

24 |
25 | 26 | 27 | 28 |
29 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 zcoding 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | 23 | -------------------------------------------------------------------------------- /scripts/webpack.dev.js: -------------------------------------------------------------------------------- 1 | var webpack = require('webpack'); 2 | var path = require('path'); 3 | 4 | module.exports = { 5 | 6 | entry: { 7 | app: path.resolve(__dirname, '../examples-dev/src/main.js'), 8 | vendor: ["vue"] 9 | }, 10 | 11 | output: { 12 | path: path.resolve(__dirname, '../examples-dev/app'), 13 | publicPath: "/app/", 14 | filename: "app.js" 15 | }, 16 | 17 | module: { 18 | loaders: [ 19 | { test: /\.vue$/, loader: 'vue' }, 20 | { 21 | test: /\.js$/, 22 | exclude: /node_modules/, 23 | loader: "babel", 24 | query: { 25 | presets: ['es2015'], 26 | plugins: ['transform-runtime'] 27 | } 28 | } 29 | ] 30 | }, 31 | 32 | vue: { 33 | loaders: { 34 | html: 'vue-html?removeRedundantAttributes=false' 35 | } 36 | }, 37 | 38 | resolve: { 39 | alias: { 40 | "amazeui-vue": path.resolve(__dirname, '..'), 41 | "views": path.resolve(__dirname, '../examples-dev/src/views') 42 | } 43 | }, 44 | 45 | plugins: [ 46 | new webpack.optimize.CommonsChunkPlugin("vendor", "vue.js") 47 | ], 48 | 49 | devtool: "#inline-source-map" 50 | 51 | }; 52 | -------------------------------------------------------------------------------- /src/alert/alert.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 20 | 21 | 60 | -------------------------------------------------------------------------------- /src/grid/column.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 62 | -------------------------------------------------------------------------------- /examples-dev/src/views/navs.vue: -------------------------------------------------------------------------------- 1 | 32 | 33 | 53 | -------------------------------------------------------------------------------- /src/modal/prompt.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 58 | -------------------------------------------------------------------------------- /src/datetimepicker/datepicker.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 52 | -------------------------------------------------------------------------------- /examples-dev/src/views/panels.vue: -------------------------------------------------------------------------------- 1 | 49 | 50 | 63 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "amazeui-vue", 3 | "version": "0.3.2", 4 | "author": "zcoding", 5 | "description": "Amaze UI components built with vue.js", 6 | "main": "src/main.js", 7 | "directories": { 8 | "src": "src", 9 | "example": "examples", 10 | "doc": "doc" 11 | }, 12 | "scripts": { 13 | "dev": "webpack-dev-server --progress --inline --hot --config scripts/webpack.dev.js --content-base examples-dev/ --port 9999", 14 | "build": "webpack --progress --config scripts/webpack.build.js" 15 | }, 16 | "repository": { 17 | "type": "git", 18 | "url": "git+https://github.com/zcoding/amazeui-vue.git" 19 | }, 20 | "keywords": [ 21 | "vue", 22 | "vue.js", 23 | "AMUI", 24 | "Amaze UI", 25 | "components", 26 | "mvvm", 27 | "front-end", 28 | "stylus", 29 | "plugin" 30 | ], 31 | "license": "MIT", 32 | "bugs": { 33 | "url": "https://github.com/zcoding/amazeui-vue/issues" 34 | }, 35 | "homepage": "https://github.com/zcoding/amazeui-vue#readme", 36 | "devDependencies": { 37 | "babel-loader": "^6.2.4", 38 | "babel-plugin-transform-runtime": "^6.9.0", 39 | "babel-preset-es2015": "^6.9.0", 40 | "css-loader": "^0.23.1", 41 | "vue": "^1.0.24", 42 | "vue-hot-reload-api": "^1.3.2", 43 | "vue-html-loader": "^1.2.2", 44 | "vue-loader": "^8.4.0", 45 | "vue-router": "^0.7.13", 46 | "vue-style-loader": "^1.0.0", 47 | "webpack": "^1.13.1", 48 | "webpack-dev-server": "^1.14.1" 49 | }, 50 | "peerDependencies": {}, 51 | "dependencies": {} 52 | } 53 | -------------------------------------------------------------------------------- /src/core/index.js: -------------------------------------------------------------------------------- 1 | var rAF = window.requestAnimationFrame || 2 | window.webkitRequestAnimationFrame || 3 | window.mozRequestAnimationFrame || 4 | window.oRequestAnimationFrame || 5 | function(callback) { 6 | return window.setTimeout(callback, 1000 / 60); 7 | }; 8 | 9 | var cFA = window.cancelAnimationFrame || 10 | window.webkitCancelAnimationFrame || 11 | window.mozCancelAnimationFrame || 12 | window.oCancelAnimationFrame || 13 | function(id) { 14 | window.clearTimeout(id); 15 | }; 16 | 17 | var support = exports.support = {}; 18 | 19 | var element = document.body || document.documentElement; 20 | 21 | // support transition check 22 | support.transition = false; 23 | var transEndEventNames = { 24 | WebkitTransition: 'webkitTransitionEnd', 25 | MozTransition: 'transitionend', 26 | OTransition: 'oTransitionEnd otransitionend', 27 | transition: 'transitionend' 28 | }; 29 | for (var name in transEndEventNames) { 30 | if (element.style[name] !== undefined) { 31 | support.transition = {end: transEndEventNames[name]}; 32 | break; 33 | } 34 | } 35 | // support animation check 36 | support.animation = false; 37 | var animEndEventNames = { 38 | WebkitAnimation: 'webkitAnimationEnd', 39 | MozAnimation: 'animationend', 40 | OAnimation: 'oAnimationEnd oanimationend', 41 | animation: 'animationend' 42 | }; 43 | for (var name in animEndEventNames) { 44 | if (element.style[name] !== undefined) { 45 | support.animation = {end: animEndEventNames[name]}; 46 | break; 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /examples-dev/src/views/buttons.vue: -------------------------------------------------------------------------------- 1 | 28 | 29 | 55 | -------------------------------------------------------------------------------- /src/panel/panel.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 24 | 25 | 76 | -------------------------------------------------------------------------------- /src/datetimepicker/datetimeinput.vue: -------------------------------------------------------------------------------- 1 | 13 | 14 | 74 | -------------------------------------------------------------------------------- /examples-dev/src/views/lists.vue: -------------------------------------------------------------------------------- 1 | 39 | 40 | 46 | -------------------------------------------------------------------------------- /src/modal/modal.vue: -------------------------------------------------------------------------------- 1 | 14 | 15 | 36 | 37 | 87 | -------------------------------------------------------------------------------- /examples-dev/src/views/forms.vue: -------------------------------------------------------------------------------- 1 | 30 | 31 | 61 | -------------------------------------------------------------------------------- /src/button/button.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 84 | -------------------------------------------------------------------------------- /examples-dev/src/views/articles.vue: -------------------------------------------------------------------------------- 1 | 29 | 30 | 35 | -------------------------------------------------------------------------------- /examples-dev/src/views/modals.vue: -------------------------------------------------------------------------------- 1 | 24 | 25 | 62 | -------------------------------------------------------------------------------- /README.CN.md: -------------------------------------------------------------------------------- 1 | # amazeui-vue 2 | 基于[vue.js](https://github.com/vuejs/vue)和[amazeui](https://github.com/amazeui/amazeui)开发的组件库。 3 | 4 | [![版本](https://img.shields.io/npm/v/amazeui-vue.svg?style=flat-square "版本")](https://www.npmjs.com/package/amazeui-vue) 5 | [![协议](https://img.shields.io/npm/l/amazeui-vue.svg?style=flat-square "协议")](./LICENSE) 6 | 7 | ## 安装 8 | ### NPM 9 | `npm install amazeui-vue` 10 | 11 | 推荐使用 vuejs + webpack + amazeui-vue 12 | 13 | ### 全局使用 14 | dist目录下有一个打包好的文件，用script标签引入即可使用 15 | 16 | ```html 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 29 | 30 | ``` 31 | 32 | ## 关于 33 | 这个项目将AmazeUI的组件（以及部分插件）转成了vue.js组件形式，并且移除了jQuery依赖。 34 | 35 | 如果你对vue.js还不熟悉，可以在[vue.js官网](http://cn.vuejs.org/)了解和学习。 36 | 37 | 如果你想使用React版本，[这里](https://github.com/amazeui/amazeui-react)有，而且这个版本由AmazeUI团队维护。 38 | 39 | ## 依赖 40 | + [vue.js](https://github.com/vuejs/vue) ^1.0.7 41 | 42 | [Vue.js 1.0.0发布啦！](http://vuejs.org/2015/10/26/1.0.0-release/) Amazeui-vue现在使用的vue.js版本是1.0.7，如果你正在将自己的vue.js项目从0.12升级到1.0，从[这里](./vue.js-0.12vs1.0.md)可以了解一些升级带来的重要改变。 43 | 44 | ## 文档 45 | + [English](./README.md) 46 | 47 | ## 运行例子 48 | 49 | *__更新__* 50 | 51 | 现在的例子使用`webpack-dev-server`来跑，而且支持hot-reload，你要做的就是运行`npm run dev`然后打开浏览器，访问`http://localhost:9999` 52 | 53 | ## 目前可以使用的组件 54 | + `grid` 55 | + `column` 56 | + `container` 57 | + `amButton` 58 | + `buttonGroup` 59 | + `amForm` 60 | + `amInput` 61 | + `checkbox` 62 | + `radio` 63 | + `amSelect` 64 | + `panel` 65 | + `list` 66 | + `modal` 67 | + `alert` 68 | + `confirm` 69 | + `prompt` 70 | + `icon` 71 | + `badge` 72 | + `pagination` 73 | + `article` 74 | + `tab` 75 | + `topbar` 76 | 77 | ## 还在开发中的组件 78 | + `dateTimePicker` 79 | + `slider` 80 | + `nprogress` 81 | 82 | ## 如何使用 83 | vue.js组件系统要求使用组件前必须先注册，安装amazeui-vue并不会将组件注册到你的项目中，所以你必须手动注册。 84 | 85 | ```javascript 86 | Vue.use(require('amazeui-vue')); 87 | ``` 88 | 89 | 然后就可以在全局范围内使用组件了。 90 | 91 | ## 组件 92 | 请查看例子 93 | -------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- 1 | var amAlert = require('./alert/alert.vue'); 2 | var amArticle = require('./article/article.vue'); 3 | var lead = require('./article/lead.vue'); 4 | var badge = require('./badge/badge.vue'); 5 | var breadcrumb = require('./breadcrumb/breadcrumb.vue'); 6 | var amButton = require('./button/button.vue'); 7 | var buttonGroup = require('./button/button-group.vue'); 8 | var amForm = require('./form/form.vue'); 9 | var amInput = require('./form/input.vue'); 10 | var checkbox = require('./form/checkbox.vue'); 11 | var radio = require('./form/radio.vue'); 12 | var amSelect = require('./form/select.vue'); 13 | var grid = require('./grid/grid.vue'); 14 | var column = require('./grid/column.vue'); 15 | var container = require('./grid/container.vue'); 16 | var icon = require('./icon/icon.vue'); 17 | var list = require('./list/list.vue'); 18 | var modal = require('./modal/modal.vue'); 19 | var alert = require('./modal/alert.vue'); 20 | var confirm = require('./modal/confirm.vue'); 21 | var prompt = require('./modal/prompt.vue'); 22 | var panel = require('./panel/panel.vue'); 23 | var pagination = require('./pagination/pagination.vue'); 24 | var dateTimePicker = require('./datetimepicker/datetimepicker.vue'); 25 | var dateTimeInput = require('./datetimepicker/datetimeinput.vue'); 26 | var amNav = require('./nav/nav.vue'); 27 | var topbar = require('./topbar/topbar.vue'); 28 | var tab = require('./tab/tab.vue'); 29 | 30 | var components = { 31 | amAlert: amAlert, 32 | amArticle: amArticle, 33 | lead: lead, 34 | badge: badge, 35 | breadcrumb: breadcrumb, 36 | amButton: amButton, 37 | buttonGroup: buttonGroup, 38 | amForm: amForm, 39 | amInput: amInput, 40 | checkbox: checkbox, 41 | radio: radio, 42 | amSelect: amSelect, 43 | grid: grid, 44 | column: column, 45 | container: container, 46 | icon: icon, 47 | list: list, 48 | modal: modal, 49 | alert: alert, 50 | confirm: confirm, 51 | prompt: prompt, 52 | panel: panel, 53 | pagination: pagination, 54 | dateTimePicker: dateTimePicker, 55 | dateTimeInput: dateTimeInput, 56 | amNav: amNav, 57 | topbar: topbar, 58 | tab: tab 59 | }; 60 | 61 | module.exports = function install(Vue) { 62 | for (var name in components) { 63 | Vue.component(name, components[name]); 64 | } 65 | }; 66 | -------------------------------------------------------------------------------- /examples-dev/src/views/dtpicker.vue: -------------------------------------------------------------------------------- 1 | 28 | 29 | 95 | -------------------------------------------------------------------------------- /src/pagination/pagination.vue: -------------------------------------------------------------------------------- 1 | 13 | 14 | 109 | -------------------------------------------------------------------------------- /src/datetimepicker/datetimepicker.vue: -------------------------------------------------------------------------------- 1 | 20 | 21 | 28 | 29 | 119 | -------------------------------------------------------------------------------- /src/datetimepicker/hourspicker.vue: -------------------------------------------------------------------------------- 1 | 29 | 30 | 109 | -------------------------------------------------------------------------------- /src/datetimepicker/minutespicker.vue: -------------------------------------------------------------------------------- 1 | 29 | 30 | 114 | -------------------------------------------------------------------------------- /src/datetimepicker/yearspicker.vue: -------------------------------------------------------------------------------- 1 | 33 | 34 | 125 | -------------------------------------------------------------------------------- /examples-dev/src/routes.js: -------------------------------------------------------------------------------- 1 | export default { 2 | "/": { 3 | component: require('views/index.vue') 4 | } 5 | 6 | , "/article": { 7 | component: { 8 | template: '', 9 | components: { 10 | "articles": function(resolve) { 11 | require(['views/articles.vue'], resolve) 12 | } 13 | } 14 | } 15 | } 16 | 17 | , "/buttons": { 18 | component: { 19 | template: '', 20 | components: { 21 | "buttons": function(resolve) { 22 | require(['views/buttons.vue'], resolve) 23 | } 24 | } 25 | } 26 | } 27 | 28 | , "/forms": { 29 | component: { 30 | template: '', 31 | components: { 32 | "forms": function(resolve) { 33 | require(['views/forms.vue'], resolve) 34 | } 35 | } 36 | } 37 | } 38 | 39 | , "/lists": { 40 | component: { 41 | template: '', 42 | components: { 43 | "lists": function(resolve) { 44 | require(['views/lists.vue'], resolve) 45 | } 46 | } 47 | } 48 | }, 49 | "/panels": { 50 | component: { 51 | template: '', 52 | components: { 53 | "panels": function(resolve) { 54 | require(['views/panels.vue'], resolve) 55 | } 56 | } 57 | } 58 | }, 59 | "/modals": { 60 | component: { 61 | template: '', 62 | components: { 63 | "modals": function(resolve) { 64 | require(['views/modals.vue'], resolve) 65 | } 66 | } 67 | } 68 | }, 69 | "/paginations": { 70 | component: { 71 | template: '', 72 | components: { 73 | "paginations": function(resolve) { 74 | require(['views/paginations.vue'], resolve) 75 | } 76 | } 77 | } 78 | }, 79 | "/breadcrumb": { 80 | component: { 81 | template: '', 82 | components: { 83 | "breadcrumb": function(resolve) { 84 | require(['views/breadcrumb.vue'], resolve) 85 | } 86 | } 87 | } 88 | }, 89 | 90 | "datetimepicker": { 91 | component: { 92 | template: '', 93 | components: { 94 | "dtpicker": function(resolve) { 95 | require(['views/dtpicker.vue'], resolve); 96 | } 97 | } 98 | } 99 | }, 100 | 101 | "datatables": { 102 | component: { 103 | template: '', 104 | components: { 105 | "datatable": function(resolve) { 106 | require(['views/datatables.vue'], resolve); 107 | } 108 | } 109 | } 110 | }, 111 | 112 | "navs": { 113 | component: { 114 | template: '', 115 | components: { 116 | "navs": function(resolve) { 117 | require(['views/navs.vue'], resolve); 118 | } 119 | } 120 | } 121 | }, 122 | 123 | "tabs": { 124 | component: { 125 | template: '', 126 | components: { 127 | "tabs": function(resolve) { 128 | require(['views/tabs.vue'], resolve); 129 | } 130 | } 131 | } 132 | } 133 | }; 134 | -------------------------------------------------------------------------------- /src/datetimepicker/monthspicker.vue: -------------------------------------------------------------------------------- 1 | 33 | 34 | 140 | -------------------------------------------------------------------------------- /src/datetimepicker/timepicker.vue: -------------------------------------------------------------------------------- 1 | 35 | 36 | 146 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # amazeui-vue 2 | [AmazeUI](https://github.com/amazeui/amazeui) components built with [vue.js](https://github.com/vuejs/vue) 3 | 4 | [![version](https://img.shields.io/npm/v/amazeui-vue.svg?style=flat-square "version")](https://www.npmjs.com/package/amazeui-vue) 5 | [![LICENSE](https://img.shields.io/npm/l/amazeui-vue.svg?style=flat-square "license")](./LICENSE) 6 | 7 | ## 计划 8 | 9 | __已弃坑！AmazeUI 已经过时了！所有的 UI 框架都过时了！组件化才是未来！__ 10 | 11 | ~~我打算对这个项目进行一次大升级：不再是简单的封装 AmazeUI 的 HTML 结构，而是把 AmazeUI 的样式也封装进来，并且提供完全不依赖于 jQuery 的官方插件的组件化形式。~~ 12 | 13 | 以下是接下来的版本（0.4.x）可能会做的事情： 14 | 15 | - [ ] 封装 AmazeUI 的样式和 HTML 结构（可能会做一些修改）为 Vue 组件 16 | - [ ] AmazeUI 官方插件进行 Vue 组件化 17 | - [ ] 提供非官方的个性化组件 :wink: 18 | 19 | ## Installation 20 | ### NPM 21 | `npm install amazeui-vue` 22 | 23 | It's recommended to use vuejs + webpack + amazeui-vue ! 24 | 25 | ### Standalone 26 | The build-all-in-one file is in the 'dist' folder. 27 | 28 | ```html 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 41 | 42 | ``` 43 | 44 | ## About 45 | This repository is built to use Amaze UI as Vue.js components, **without jQuery** requirement. 46 | 47 | If you are not familiar with vue.js, you can learn from the [vue.js official site](http://vuejs.org/). 48 | 49 | If you want to use the react version, you can find it [here](https://github.com/amazeui/amazeui-react), it's developed by the amazeui team. 50 | 51 | ## Requirements 52 | + [vue.js](https://github.com/vuejs/vue) ^1.0.7 53 | 54 | [Vue.js 1.0.0 is released!](http://vuejs.org/2015/10/26/1.0.0-release/) Amazeui-vue now requires vue.js@^1.0. If you are upgrading your vue.js project to 1.0 version from 0.12, [this article](./vue.js-0.12vs1.0.md) may help you learn some important changes. 55 | 56 | ## Documents 57 | + [中文](./README.CN.md) 58 | 59 | ## Run examples 60 | __New__ 61 | 62 | Now `amazeui-vue` use `webpack-dev-server` to run the examples.What you need to do is just `npm run dev` and then open your favourite browser and access `http://localhost:9999`. 63 | 64 | And hot-reload is support too. 65 | 66 | ## Components Available Now 67 | + `grid` 68 | + `column` 69 | + `container` 70 | + `amButton` 71 | + `buttonGroup` 72 | + `amForm` 73 | + `amInput` 74 | + `checkbox` 75 | + `radio` 76 | + `amSelect` 77 | + `panel` 78 | + `list` 79 | + `modal` 80 | + `alert` 81 | + `confirm` 82 | + `prompt` 83 | + `icon` 84 | + `badge` 85 | + `pagination` 86 | + `article` 87 | + `tab` 88 | + `topbar` 89 | 90 | ## Components In Development 91 | + `dateTimePicker` 92 | + `slider` 93 | + `nprogress` 94 | 95 | ## How To 96 | You must register the components before you can use amazeui-vue. 97 | 98 | You can register the components globally or locally:[vue.js: using components](http://vuejs.org/guide/components.html#Using_Components) 99 | 100 | ### Global Registration 101 | amazeui-vue exports an install function so taht you can register it as a plugin for vue.js. You can do it like this: 102 | ```javascript 103 | Vue.use(require('amazeui-vue').install); 104 | ``` 105 | and then amazeui-vue components will be registered globally, and they will be load synchronously. 106 | 107 | If you want to use amazeui-vue as [asyn components](http://vuejs.org/guide/components.html#Async_Components), use the install-async function: 108 | ```javascript 109 | Vue.use(require('amazeui-vue').installAsync); 110 | ``` 111 | 112 | ### Local Registration 113 | 114 | **_sync_** 115 | ```javascript 116 | import amButton from 'amazeui-vue/src/button/am-button.vue'; // you may need babel-loader to do it like this 117 | // or 118 | // var amButton = require('amazeui-vue').button; 119 | // ... 120 | export default { 121 | components: { 122 | "amButton": amButton 123 | } 124 | } 125 | ``` 126 | 127 | **_async_** (with webpack) 128 | ```javascript 129 | export default { 130 | components: { 131 | "amButton": function(resolve) { 132 | require(['amazeui-vue/src/button/am-button.vue'], resolve) 133 | } 134 | } 135 | } 136 | ``` 137 | 138 | ## Components 139 | -------------------------------------------------------------------------------- /examples-dev/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | amazeui-vue examples 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 |
18 | amazeui-vue components 19 |
20 | 21 | 22 | 23 |
24 | 25 | 39 |
40 |
41 | 42 |
43 | 44 | 45 |
46 |
47 | 72 | 73 |
74 |
75 |

Github

76 |

amazeui-vue

77 |
78 |
79 | 80 |
81 |
82 |

NPM

83 |

npm install amazeui-vue

84 |

amazeui-vue package

85 |
86 |
87 | 88 |
89 |
90 |

wiki

91 |

amazeui-vue wiki

92 |
93 |
94 |
95 |
96 | 97 | 98 | 99 |
100 | 101 |
102 | 103 | 104 |
105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | -------------------------------------------------------------------------------- /src/datetimepicker/dayspicker.vue: -------------------------------------------------------------------------------- 1 | 39 | 40 | 227 | -------------------------------------------------------------------------------- /examples-dev/css/admin.css: -------------------------------------------------------------------------------- 1 | /** 2 | * admin.css 3 | */ 4 | 5 | ul { 6 | margin-top: 0; 7 | } 8 | 9 | .admin-icon-yellow { 10 | color: #ffbe40; 11 | } 12 | 13 | .admin-header { 14 | font-size: 1.4rem; 15 | margin-bottom: 0; 16 | } 17 | 18 | .admin-header-list a:hover :after { 19 | content: none; 20 | } 21 | 22 | .admin-main { 23 | background: #f3f3f3; 24 | } 25 | 26 | .admin-menu { 27 | position: fixed; 28 | z-index: 10; 29 | bottom: 30px; 30 | right: 20px; 31 | } 32 | 33 | .admin-sidebar { 34 | width: 260px; 35 | min-height: 100%; 36 | float: left; 37 | border-right: 1px solid #cecece; 38 | } 39 | 40 | .admin-sidebar-list { 41 | margin-bottom: 0; 42 | } 43 | 44 | .admin-sidebar-list li a { 45 | color: #5c5c5c; 46 | padding-left: 24px; 47 | } 48 | 49 | .admin-sidebar-list li:first-child { 50 | border-top: none; 51 | } 52 | 53 | .admin-sidebar-sub { 54 | margin-top: 0; 55 | margin-bottom: 0; 56 | box-shadow: 0 16px 8px -15px #e2e2e2 inset; 57 | background: #ececec; 58 | padding-left: 24px; 59 | } 60 | 61 | .admin-sidebar-sub li:first-child { 62 | border-top: 1px solid #dedede; 63 | } 64 | 65 | .admin-sidebar-panel { 66 | margin: 10px; 67 | } 68 | 69 | .admin-content { 70 | width: auto; 71 | overflow: hidden; 72 | height: 100%; 73 | background: #fff; 74 | } 75 | 76 | .admin-content-list { 77 | border: 1px solid #e9ecf1; 78 | margin-top: 0; 79 | } 80 | 81 | .admin-content-list li { 82 | border: 1px solid #e9ecf1; 83 | border-width: 0 1px; 84 | margin-left: -1px; 85 | } 86 | 87 | .admin-content-list li:first-child { 88 | border-left: none; 89 | } 90 | 91 | .admin-content-list li:last-child { 92 | border-right: none; 93 | } 94 | 95 | .admin-content-table a { 96 | color: #535353; 97 | } 98 | .admin-content-file { 99 | margin-bottom: 0; 100 | color: #666; 101 | } 102 | 103 | .admin-content-file p { 104 | margin: 0 0 5px 0; 105 | font-size: 1.4rem; 106 | } 107 | 108 | .admin-content-file li { 109 | padding: 10px 0; 110 | } 111 | 112 | .admin-content-file li:first-child { 113 | border-top: none; 114 | } 115 | 116 | .admin-content-file li:last-child { 117 | border-bottom: none; 118 | } 119 | 120 | .admin-content-file li .am-progress { 121 | margin-bottom: 4px; 122 | } 123 | 124 | .admin-content-file li .am-progress-bar { 125 | line-height: 14px; 126 | } 127 | 128 | .admin-content-task { 129 | margin-bottom: 0; 130 | } 131 | 132 | .admin-content-task li { 133 | padding: 5px 0; 134 | border-color: #eee; 135 | } 136 | 137 | .admin-content-task li:first-child { 138 | border-top: none; 139 | } 140 | 141 | .admin-content-task li:last-child { 142 | border-bottom: none; 143 | } 144 | 145 | .admin-task-meta { 146 | font-size: 1.2rem; 147 | color: #999; 148 | } 149 | 150 | .admin-task-bd { 151 | font-size: 1.4rem; 152 | margin-bottom: 5px; 153 | } 154 | 155 | .admin-content-comment { 156 | margin-bottom: 0; 157 | } 158 | 159 | .admin-content-comment .am-comment-bd { 160 | font-size: 1.4rem; 161 | } 162 | 163 | .admin-content-pagination { 164 | margin-bottom: 0; 165 | } 166 | .admin-content-pagination li a { 167 | padding: 4px 8px; 168 | } 169 | 170 | @media only screen and (min-width: 641px) { 171 | .admin-sidebar { 172 | display: block; 173 | position: static; 174 | background: none; 175 | } 176 | 177 | .admin-offcanvas-bar { 178 | position: static; 179 | width: auto; 180 | background: none; 181 | -webkit-transform: translate3d(0, 0, 0); 182 | -ms-transform: translate3d(0, 0, 0); 183 | transform: translate3d(0, 0, 0); 184 | } 185 | .admin-offcanvas-bar:after { 186 | content: none; 187 | } 188 | } 189 | 190 | @media only screen and (max-width: 640px) { 191 | .admin-sidebar { 192 | width: inherit; 193 | } 194 | 195 | .admin-offcanvas-bar { 196 | background: #f3f3f3; 197 | } 198 | 199 | .admin-offcanvas-bar:after { 200 | background: #BABABA; 201 | } 202 | 203 | .admin-sidebar-list a:hover, .admin-sidebar-list a:active{ 204 | -webkit-transition: background-color .3s ease; 205 | -moz-transition: background-color .3s ease; 206 | -ms-transition: background-color .3s ease; 207 | -o-transition: background-color .3s ease; 208 | transition: background-color .3s ease; 209 | background: #E4E4E4; 210 | } 211 | 212 | .admin-content-list li { 213 | padding: 10px; 214 | border-width: 1px 0; 215 | margin-top: -1px; 216 | } 217 | 218 | .admin-content-list li:first-child { 219 | border-top: none; 220 | } 221 | 222 | .admin-content-list li:last-child { 223 | border-bottom: none; 224 | } 225 | 226 | .admin-form-text { 227 | text-align: left !important; 228 | } 229 | 230 | } 231 | 232 | /* 233 | * user.html css 234 | */ 235 | .user-info { 236 | margin-bottom: 15px; 237 | } 238 | 239 | .user-info .am-progress { 240 | margin-bottom: 4px; 241 | } 242 | 243 | .user-info p { 244 | margin: 5px; 245 | } 246 | 247 | .user-info-order { 248 | font-size: 1.4rem; 249 | } 250 | 251 | /* 252 | * errorLog.html css 253 | */ 254 | 255 | .error-log .am-pre-scrollable { 256 | max-height: 40rem; 257 | } 258 | 259 | /* 260 | * table.html css 261 | */ 262 | 263 | .table-main { 264 | font-size: 1.4rem; 265 | padding: .5rem; 266 | } 267 | 268 | .table-main button { 269 | background: #fff; 270 | } 271 | 272 | .table-check { 273 | width: 30px; 274 | } 275 | 276 | .table-id { 277 | width: 50px; 278 | } 279 | 280 | @media only screen and (max-width: 640px) { 281 | .table-select { 282 | margin-top: 10px; 283 | margin-left: 5px; 284 | } 285 | } 286 | 287 | /* 288 | gallery.html css 289 | */ 290 | 291 | .gallery-list li { 292 | padding: 10px; 293 | } 294 | 295 | .gallery-list a { 296 | color: #666; 297 | } 298 | 299 | .gallery-list a:hover { 300 | color: #3bb4f2; 301 | } 302 | 303 | .gallery-title { 304 | margin-top: 6px; 305 | font-size: 1.4rem; 306 | } 307 | 308 | .gallery-desc { 309 | font-size: 1.2rem; 310 | margin-top: 4px; 311 | } 312 | 313 | /* 314 | 404.html css 315 | */ 316 | 317 | .page-404 { 318 | background: #fff; 319 | border: none; 320 | width: 200px; 321 | margin: 0 auto; 322 | } 323 | 324 | 325 | /* 326 | fixed-layout 固定头部和边栏布局 327 | */ 328 | 329 | .fixed-layout, 330 | .fixed-layout body { 331 | height: 100%; 332 | overflow: hidden; 333 | } 334 | 335 | .fixed-layout .admin-header { 336 | position: fixed; 337 | top: 0; 338 | left: 0; 339 | right: 0; 340 | z-index: 1500; 341 | } 342 | 343 | .fixed-layout .admin-main { 344 | position: relative; 345 | height: 100%; 346 | padding-top: 51px; 347 | } 348 | 349 | .fixed-layout .admin-content, 350 | .fixed-layout .admin-sidebar { 351 | height: 100%; 352 | overflow-x: hidden; 353 | overflow-y: scroll; 354 | } 355 | 356 | .fixed-layout .admin-sidebar.am-active { 357 | z-index: 1600; 358 | } 359 | -------------------------------------------------------------------------------- /examples-dev/src/views/index.vue: -------------------------------------------------------------------------------- 1 | 223 | 224 | 231 | -------------------------------------------------------------------------------- /dist/amazeui-vue.js: -------------------------------------------------------------------------------- 1 | !function(e){function t(s){if(o[s])return o[s].exports;var a=o[s]={exports:{},id:s,loaded:!1};return e[s].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var o={};return t.m=e,t.c=o,t.p="/",t(0)}([function(e,t,o){"use strict";function s(e){return e&&e.__esModule?e:{"default":e}}var a=o(1),i=s(a);window.amazeuiVue=i["default"]},function(e,t,o){"use strict";function s(e){for(var t in Y)e.component(t,Y[t])}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=s;var a=o(2),i=o(9),n=o(12),r=o(14),l=o(17),p=o(20),c=o(23),d=o(26),u=o(29),f=o(32),v=o(35),m=o(38),h=o(41),x=o(44),y=o(47),w=o(50),b=o(53),g=o(56),k=o(61),D=o(64),_=o(67),M=o(70),O=o(76),S=o(79),B=o(105),P=o(108),T=o(111),j=o(114),Y={amAlert:a,amArticle:i,lead:n,badge:r,breadcrumb:l,amButton:p,buttonGroup:c,amForm:d,amInput:u,checkbox:f,radio:v,amSelect:m,grid:h,column:x,container:y,icon:w,list:b,modal:g,alert:k,confirm:D,prompt:_,panel:M,pagination:O,dateTimePicker:S,dateTimeInput:B,amNav:P,topbar:T,tab:j}},function(e,t,o){var s,a;o(3),s=o(7),a=o(8),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t,o){var s=o(4);"string"==typeof s&&(s=[[e.id,s,""]]);o(6)(s,{});s.locals&&(e.exports=s.locals)},function(e,t,o){t=e.exports=o(5)(),t.push([e.id,".fadeout-transition{opacity:1;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.fadeout-leave{opacity:0!important}",""])},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t=0&&x.splice(t,1)}function r(e){var t=document.createElement("style");return t.type="text/css",i(e,t),t}function l(e,t){var o,s,a;if(t.singleton){var i=h++;o=m||(m=r(t)),s=p.bind(null,o,i,!1),a=p.bind(null,o,i,!0)}else o=r(t),s=c.bind(null,o),a=function(){n(o)};return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else a()}}function p(e,t,o,s){var a=o?"":s.css;if(e.styleSheet)e.styleSheet.cssText=y(t,a);else{var i=document.createTextNode(a),n=e.childNodes;n[t]&&e.removeChild(n[t]),n.length?e.insertBefore(i,n[t]):e.appendChild(i)}}function c(e,t){var o=t.css,s=t.media,a=t.sourceMap;if(s&&e.setAttribute("media",s),a&&(o+="\n/*# sourceURL="+a.sources[0]+" */",o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),e.styleSheet)e.styleSheet.cssText=o;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(o))}}var d={},u=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},f=u(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),v=u(function(){return document.head||document.getElementsByTagName("head")[0]}),m=null,h=0,x=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=f()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var o=a(e);return s(o,t),function(e){for(var i=[],n=0;n

{{ title }}

{{ meta }}

"},function(e,t,o){var s,a;a=o(13),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){e.exports="

"},function(e,t,o){var s,a;s=o(15),a=o(16),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={props:{amStyle:{type:String,"default":"default"},radius:{type:Boolean,"default":!1},round:{type:Boolean,"default":!1}},computed:{style:function(){return"am-badge-"+this.amStyle}}}},function(e,t){e.exports=""},function(e,t,o){var s,a;s=o(18),a=o(19),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={props:{slash:{type:Boolean,"default":!1},menu:{type:Array,"default":function(){return[]},required:!0}}}},function(e,t){e.exports='
  1. {{ item.name }}
'},function(e,t,o){var s,a;s=o(21),a=o(22),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={props:{amStyle:{type:String,"default":"default"},radius:{type:Boolean,"default":!1},loading:{type:Boolean,"default":!1,twoWay:!0},disabled:{type:Boolean,"default":!1},round:{type:Boolean,"default":!1},active:{type:Boolean,"default":!1},xl:{type:Boolean,"default":!1},lg:{type:Boolean,"default":!1},sm:{type:Boolean,"default":!1},xs:{type:Boolean,"default":!1},block:{type:Boolean,"default":!1}},computed:{buttonStyle:function(){return"am-btn-"+this.amStyle},buttonSize:function(){return this.xl?"am-btn-lg":this.md?"am-btn-md":this.sm?"am-btn-sm":this.xs?"am-btn-xs":""}}}},function(e,t){e.exports=""},function(e,t,o){var s,a;s=o(24),a=o(25),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={}},function(e,t){e.exports="
"},function(e,t,o){var s,a;s=o(27),a=o(28),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={props:{action:{type:String,"default":""},method:{type:String,"default":"GET"},submit:{type:Function,required:!0,"default":function(){}},async:{type:Boolean,"default":!1}},methods:{submitForm:function(e){return this.async&&e.preventDefault(),this.submit(),!1}}}},function(e,t){e.exports='

'},function(e,t,o){var s,a;s=o(30),a=o(31),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";e.exports={props:{type:{type:String,"default":"text"},name:{type:String,required:!0},placeholder:{type:String},disabled:{type:Boolean,"default":!1},model:{type:String,twoWay:!0,"default":"",required:!1}},data:function(){return{}}}},function(e,t){e.exports='
'},function(e,t,o){var s,a;s=o(33),a=o(34),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";e.exports={props:{name:{type:String,required:!0},items:{type:Array,required:!0},model:{type:Array,twoWay:!0,"default":function(){return[]},required:!1}}}},function(e,t){e.exports='
'},function(e,t,o){var s,a;s=o(36),a=o(37),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";e.exports={props:{name:{type:String,required:!0},items:{type:Array,required:!0},model:{type:String,twoWay:!0,"default":"",required:!1}}}},function(e,t){e.exports='
'},function(e,t,o){var s,a;s=o(39),a=o(40),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";e.exports={props:{label:{type:String,"default":""},name:{type:String,required:!0},items:{type:Array,required:!0},model:{type:String,"default":"",twoWay:!0,required:!1}}}},function(e,t){e.exports='
'},function(e,t,o){var s,a;s=o(42),a=o(43),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";e.exports={}},function(e,t){e.exports="
"},function(e,t,o){var s,a;s=o(45),a=o(46),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";function o(e){return e>=0&&12>=e}e.exports={props:{sm:{type:Number,"default":0,validator:o},md:{type:Number,"default":0,validator:o},lg:{type:Number,"default":0,validator:o}},computed:{small:function(){var e="";return 0!==this.sm&&(e+="am-u-sm-"+this.sm),e},middle:function(){var e="";return 0!==this.md&&(e+="am-u-md-"+this.md),e},large:function(){var e="";return 0!==this.lg&&(e+="am-u-lg-"+this.lg),e}}}},function(e,t){e.exports='
'},function(e,t,o){var s,a;s=o(48),a=o(49),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";e.exports={}},function(e,t){e.exports="
"},function(e,t,o){var s,a;s=o(51),a=o(52),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";e.exports={props:{name:{type:String,required:!0},spin:{type:Boolean,"default":!1},pulse:{type:Boolean,"default":!1}},computed:{iconName:function(){return"am-icon-"+this.name}}}},function(e,t){e.exports=""},function(e,t,o){var s,a;s=o(54),a=o(55),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";e.exports={props:{"static":{type:Boolean,"default":!1},border:{type:Boolean,"default":!1},striped:{type:Boolean,"default":!1}}}},function(e,t){e.exports=""},function(e,t,o){var s,a;o(57),s=o(59),a=o(60),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t,o){var s=o(58);"string"==typeof s&&(s=[[e.id,s,""]]);o(6)(s,{});s.locals&&(e.exports=s.locals)},function(e,t,o){t=e.exports=o(5)(),t.push([e.id,".modal-fade-transition{-webkit-transition:background-color .3s 0s;transition:background-color .3s 0s}.modal-fade-enter,.modal-fade-leave{background-color:transparent}.am-dimmer,.am-modal{display:block}.am-modal-lg{width:1024px;margin-left:-512px;top:100px}",""])},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={props:{show:{type:Boolean,"default":!1,twoWay:!0},closeViaDimmer:{type:Boolean,"default":!0},lg:{type:Boolean,"default":!1}},transitions:{"modal-fade":{beforeEnter:function(e){},enter:function(e){},afterEnter:function(e){},enterCancelled:function(e){},beforeLeave:function(e){},leave:function(e){},afterLeave:function(e){},leaveCancelled:function(e){}}},methods:{close:function(){this.closeViaDimmer&&(this.show=!1)}}}},function(e,t){e.exports="
"},function(e,t,o){var s,a;s=o(62),a=o(63),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t,o){"use strict";function s(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=o(56),i=s(a);t["default"]={props:{title:{type:String,"default":""},show:{type:Boolean,"default":!1,twoWay:!0}},components:{modal:i["default"]},methods:{ok:function(){this.$dispatch("ok")}}}},function(e,t){e.exports="
{{ title }}
default alert
确定
"},function(e,t,o){var s,a;s=o(65),a=o(66),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t,o){"use strict";function s(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=o(56),i=s(a);t["default"]={props:{title:{type:String,"default":""},show:{type:Boolean,"default":!1,twoWay:!0}},components:{modal:i["default"]},methods:{ok:function(){this.$dispatch("ok")},cancel:function(){this.$dispatch("cancel")}}}},function(e,t){e.exports="
{{ title }}
Are you sure ?
取消 确定
"},function(e,t,o){var s,a;s=o(68),a=o(69),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t,o){"use strict";function s(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=o(56),i=s(a);t["default"]={props:{title:{type:String,"default":""},show:{type:Boolean,"default":!1,twoWay:!0}},components:{modal:i["default"]},data:function(){return{message:""}},methods:{ok:function(e){this.$dispatch("ok",e)},cancel:function(){this.$dispatch("cancel")}}}},function(e,t){e.exports="
{{ title }}
输入
取消 确定
"},function(e,t,o){var s,a;o(71),s=o(73),a=o(75),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t,o){var s=o(72);"string"==typeof s&&(s=[[e.id,s,""]]);o(6)(s,{});s.locals&&(e.exports=s.locals)},function(e,t,o){t=e.exports=o(5)(),t.push([e.id,".collapse-transition{position:relative;overflow:hidden;-webkit-transition:height .3s ease;transition:height .3s ease}.collapse-enter,.collapse-leave{height:0!important}",""])},function(e,t,o){"use strict";var s=o(74);e.exports={props:{amStyle:{type:String,"default":"default"},header:{type:String,"default":""},collapse:{type:Boolean,"default":!1}},transitions:{collapse:{beforeEnter:function(e){e.style.height=this.height,s.repaintTrigger(e)},afterEnter:function(e){e.style.height=""},beforeLeave:function(e){this.height=window.getComputedStyle(e).height,e.style.height=this.height,s.repaintTrigger(e)},afterLeave:function(e){e.style.height=""}}},data:function(){return{show:!0,height:""}}}},function(e,t){"use strict";t.repaintTrigger=function(e){return e.offsetHeight},t.noop=function(){return null},t.dateUtils={isLeapYear:function(e){return e%4===0&&e%100!==0||e%400===0},getDaysInMonth:function(e,t){return[31,this.isLeapYear(e)?29:28,31,30,31,30,31,31,30,31,30,31][t]},getLocale:function(e){return e||(e=navigator.language&&navigator.language.split("-"),e[1]=e[1].toUpperCase(),e=e.join("_")),locales[e]||locales.en_US}}},function(e,t){e.exports='
{{ header }}
'},function(e,t,o){var s,a;s=o(77),a=o(78),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";function o(e,t){var o=[];if(1>e)return o.push(1),o;if(9>e)for(var s=0;e>s;++s)o.push(s+1);else if(5>t){if(4===t)for(var s=0;5>s;++s)o.push(s+1);else for(var s=0;4>s;++s)o.push(s+1);o.push(-1),o.push(e-1),o.push(e)}else if(t>e-4)if(o.push(1),o.push(2),o.push(-1),t===e-3)for(var s=-1;4>s;++s)o.push(e-3+s);else for(var s=0;4>s;++s)o.push(e-3+s);else{o.push(1),o.push(-1);for(var s=-2;3>s;++s)o.push(t+s);o.push(-1),o.push(e)}return o}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={props:{centered:{type:Boolean,"default":!1},right:{type:Boolean,"default":!1},page:{type:Number,"default":1},total:{type:Number,"default":0},link:{type:Function,"default":function(e){return"?page="+e}}},computed:{pages:function(){return o(this.total,this.page)}}}},function(e,t){e.exports=''},function(e,t,o){var s,a;o(80),s=o(82),a=o(104),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t,o){var s=o(81);"string"==typeof s&&(s=[[e.id,s,""]]);o(6)(s,{});s.locals&&(e.exports=s.locals)},function(e,t,o){t=e.exports=o(5)(),t.push([e.id,".am-datepicker{display:block}",""])},function(e,t,o){"use strict";function s(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=o(74),i=(s(a),o(50)),n=(s(i),o(83)),r=s(n),l=o(95),p=s(l);t["default"]={components:{datePicker:r["default"],timePicker:p["default"]},props:{dateTime:{type:Date,twoWay:!0,"default":function(){return new Date}},showTimePicker:{type:Boolean,"default":!0},showDatePicker:{type:Boolean,"default":!0},caretDisplayed:{type:Boolean,"default":!1},format:{type:String,"default":"YYYY-MM-DD HH:mm"},amStyle:{type:String,"default":"",validator:function(e){return/success|danger|warning|/.test(e)}},minDate:{type:String,"default":""},maxDate:{type:String,"default":""}},compiled:function(){this.show.date=this.showDatePicker,this.show.time=!this.showDatePicker&&this.showTimePicker},data:function(){return{show:{date:!0,time:!1}}},methods:{handleToggleTime:function(){this.show.date=!1,this.show.time=!0},handleToggleDate:function(){this.show.date=!0,this.show.time=!1},handleViewChange:function(e){this.show.date=e.date&&this.showDatePicker,this.show.time=e.time||!this.showDatePicker&&this.showTimePicker}}}},function(e,t,o){var s,a;s=o(84),a=o(94),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t,o){"use strict";function s(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=o(85),i=s(a),n=o(88),r=s(n),l=o(91),p=s(l);t["default"]={props:{selectedDate:{type:Date,twoWay:!0,required:!0}},components:{daysPicker:i["default"],monthsPicker:r["default"],yearsPicker:p["default"]},data:function(){var e=new Date(this.selectedDate.valueOf());return{show:{days:!0,months:!1,years:!1},viewDate:e}},events:{"view-change":function(e){this.show=e}}}},function(e,t,o){var s,a;s=o(86),a=o(87),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var s=o(74);t["default"]={props:{selectedDate:{type:Date,twoWay:!0,required:!0},viewDate:{type:Date,twoWay:!0,required:!0},weekStart:{type:Number,"default":7}},data:function(){return{weeks:[7,1,2,3,4,5,6]}},computed:{days:function a(){var a=[],e=7,t=(e+6)%7,o=this.viewDate,i=o.getFullYear(),n=o.getMonth(),r=this.selectedDate,l=new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0,0).valueOf(),p=new Date(i,n-1,28,0,0,0,0),c=s.dateUtils.getDaysInMonth(p.getFullYear(),p.getMonth());p.setDate(c),p.setDate(c-(p.getDay()-e+7)%7);var d=new Date(p);d.setDate(d.getDate()+42),d=d.valueOf();for(var u,f,v=[];p.valueOf()f&&u===i||i>u?c.isOld=!0:(f>n&&u===i||u>i)&&(c.isNew=!0),p.valueOf()===l&&(c.isActive=!0),v.push(c),p.getDay()===t&&(a.push(v),v=[]),p.setDate(p.getDate()+1)}return a}},filters:{locale:function(e){return{1:"一",2:"二",3:"三",4:"四",5:"五",6:"六",7:"日"}[e]},localMonth:function(e){return{0:"一月",1:"二月",2:"三月",3:"四月",4:"五月",5:"六月",6:"七月",7:"八月",8:"九月",9:"十月",10:"十一月",11:"十二月"}[e]}},methods:{prevMonth:function(){var e=this.viewDate,t=new Date(e.valueOf());t.setMonth(e.getMonth()-1),this.viewDate=t},showMonths:function(){this.$dispatch("view-change",{days:!1,months:!0,years:!1})},nextMonth:function(){var e=this.viewDate,t=new Date(e.valueOf());t.setMonth(e.getMonth()+1),this.viewDate=t},setSelectedDate:function(e){if(e.isDisabled)return!1;var t=new Date(this.viewDate.valueOf());e.isNew?t.setMonth(t.getMonth()+1):e.isOld&&t.setMonth(t.getMonth()-1),t.setDate(e.show),this.viewDate=t,this.selectedDate=new Date(t.valueOf())}}}},function(e,t){e.exports="
{{ viewDate.getFullYear() }} 年 {{ viewDate.getMonth() | localMonth }}
{{ day | locale }}
{{ day.show }}
"},function(e,t,o){var s,a;s=o(89),a=o(90),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={props:{selectedDate:{twoWay:!0,required:!0},viewDate:{twoWay:!0,required:!0}},methods:{prevYear:function(){var e=this.viewDate,t=new Date(e.valueOf());t.setFullYear(e.getFullYear()-1),this.viewDate=t},showYears:function(){this.$dispatch("view-change",{days:!1,months:!1,years:!0})},nextYear:function(){var e=this.viewDate,t=new Date(e.valueOf());t.setFullYear(e.getFullYear()+1),this.viewDate=t},setViewMonth:function(e){var t=new Date(this.viewDate.valueOf());t.setMonth(e.show),this.viewDate=t,this.$dispatch("view-change",{days:!0,months:!1,years:!1})}},computed:{months:function o(){for(var e=this.selectedDate.getMonth(),t=this.selectedDate.getFullYear(),o=[],s=(new Date(t,e),0);12>s;++s){var e={show:s,isActive:!1};this.viewDate.getFullYear()===t&&s===e&&(e.isActive=!0),o.push(e)}return o}},filters:{localMonth:function(e){return{0:"一月",1:"二月",2:"三月",3:"四月",4:"五月",5:"六月",6:"七月",7:"八月",8:"九月",9:"十月",10:"十一月",11:"十二月"}[e]}}}},function(e,t){e.exports='
{{ viewDate.getFullYear() }} 年
{{ month.show | localMonth }}
'},function(e,t,o){var s,a;s=o(92),a=o(93),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={props:{selectedDate:{twoWay:!0,required:!0},viewDate:{twoWay:!0,required:!0}},computed:{years:function o(){var o=[],e=-1,t=10*parseInt(this.viewDate.getFullYear()/10,10);for(t--;11>e;){var s={show:t,isOld:!1,isNew:!1,isActive:!1};-1===e?s.isOld=!0:10===e&&(s.isNew=!0),this.selectedDate.getFullYear()===t&&(s.isActive=!0),o.push(s),t++,e++}return o},showYear:function(){var e=10*parseInt(this.viewDate.getFullYear()/10,10),t=e+9;return e+"-"+t}},methods:{prevDecade:function(){var e=this.viewDate,t=new Date(e.valueOf());t.setFullYear(e.getFullYear()-10),this.viewDate=t},nextDecade:function(){var e=this.viewDate,t=new Date(e.valueOf());t.setFullYear(e.getFullYear()+10),this.viewDate=t},setViewYear:function(e){var t=new Date(this.viewDate.valueOf());t.setFullYear(e.show),this.viewDate=t,this.$dispatch("view-change",{days:!1,months:!0,years:!1})}}}},function(e,t){e.exports="
{{ showYear }}
{{ year.show }}
"},function(e,t){e.exports="
"},function(e,t,o){var s,a;s=o(96),a=o(103),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a); 2 | },function(e,t,o){"use strict";function s(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=o(97),i=s(a),n=o(100),r=s(n);t["default"]={props:{selectedDate:{type:Date,twoWay:!0,required:!0}},data:function(){var e=new Date(this.selectedDate.valueOf());return{show:{wrapper:!0,hours:!1,minutes:!1},viewDate:e}},computed:{time:function(){var e=this.viewDate.getHours(),t=this.viewDate.getMinutes();return 10>t&&(t="0"+t),10>e&&(e="0"+e),{hour:e,minute:t}},dateShow:function(){var e=this.viewDate,t=e.getFullYear(),o=e.getMonth()+1;10>o&&(o="0"+o);var s=e.getDate();return 10>s&&(s="0"+s),t+"-"+o+"-"+s}},components:{minutesPicker:i["default"],hoursPicker:r["default"]},methods:{showHours:function(){this.show={wrapper:!1,hours:!0,minutes:!1}},showMinutes:function(){this.show={wrapper:!1,hours:!1,minutes:!0}},prevMinute:function(){var e=new Date(this.viewDate.valueOf());e.setMinutes(e.getMinutes()-1),this.viewDate=e,this.selectedDate=new Date(e.valueOf())},nextMinute:function(){var e=new Date(this.viewDate.valueOf());e.setMinutes(e.getMinutes()+1),this.viewDate=e,this.selectedDate=new Date(e.valueOf())},showDate:function(){this.$dispatch("viewchange",{date:!0,time:!1})}},events:{"view-change":function(e){this.show=e}}}},function(e,t,o){var s,a;s=o(98),a=o(99),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={props:{selectedDate:{twoWay:!0,required:!0},viewDate:{twoWay:!0,required:!0}},computed:{showText:function(){var e=this.viewDate.getHours(),t=this.viewDate.getMinutes();return 10>t&&(t="0"+t),10>e&&(e="0"+e),{hour:e,minute:t}},minutes:function o(){for(var e=this.selectedDate.getMinutes(),t=this.selectedDate.getHours(),o=[],s=0;60>s;++s){var a={hour:t,show:s,isActive:!1};s===e&&(a.isActive=!0),s%5===0&&o.push(a)}return o}},methods:{prevMinute:function(){var e=new Date(this.viewDate.valueOf());e.setMinutes(e.getMinutes()-1),this.viewDate=e,this.selectedDate=new Date(e.valueOf())},nextMinute:function(){var e=new Date(this.viewDate.valueOf());e.setMinutes(e.getMinutes()+1),this.viewDate=e,this.selectedDate=new Date(e.valueOf())},setSelectedMinute:function(e){var t=new Date(this.viewDate.valueOf());t.setMinutes(e.hour),t.setMinutes(e.show),this.viewDate=t,this.selectedDate=new Date(t.valueOf()),this.$dispatch("view-change",{wrapper:!0,hours:!1,minutes:!1})}}}},function(e,t){e.exports="
{{ showText.hour + ':' + showText.minute }}
"},function(e,t,o){var s,a;s=o(101),a=o(102),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={props:{selectedDate:{twoWay:!0,required:!0},viewDate:{twoWay:!0,required:!0}},computed:{showText:function(){var e=this.viewDate.getHours(),t=this.viewDate.getMinutes();return 10>t&&(t="0"+t),10>e&&(e="0"+e),{hour:e,minute:t}},hours:function o(){for(var e=this.selectedDate.getHours(),o=[],t=0;24>t;++t){var s={show:t,isActive:!1};t===e&&(s.isActive=!0),o.push(s)}return o}},methods:{prevHour:function(){var e=new Date(this.viewDate.valueOf());e.setHours(e.getHours()-1),this.viewDate=e,this.selectedDate=new Date(e.valueOf())},nextHour:function(){var e=new Date(this.viewDate.valueOf());e.setHours(e.getHours()+1),this.viewDate=e,this.selectedDate=new Date(e.valueOf())},setSelectedHour:function(e){var t=new Date(this.viewDate.valueOf());t.setHours(e.show),this.viewDate=t,this.selectedDate=new Date(t.valueOf()),this.$dispatch("view-change",{wrapper:!0,hours:!1,minutes:!1})}}}},function(e,t){e.exports="
{{ showText.hour + ':' + showText.minute }}
"},function(e,t){e.exports="
{{ dateShow }}
{{ time.hour }}:{{ time.minute }}
"},function(e,t){e.exports="
"},function(e,t,o){var s,a;s=o(106),a=o(107),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t,o){"use strict";function s(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=o(79),i=s(a);t["default"]={props:{dateTime:{type:String,twoWay:!0,required:!0},dateOnly:{type:Boolean,"default":!1},timeOnly:{type:Boolean,"default":!1}},components:{dateTimePicker:i["default"]},data:function(){var e=new Date(this.dateTime);return{show:!1,pos:{top:"",left:"",position:"absolute","z-index":1120},dateTimeDate:e}},watch:{dateTimeDate:function(e){this.dateTime=e.getFullYear()+"-"+(e.getMonth()+1)+"-"+e.getDate()+" "+e.getHours()+":"+e.getMinutes(),this.show=!1}},methods:{handleClick:function(){var e=this.$els.posObj;this.pos.top=e.offsetTop+e.offsetHeight+"px",this.pos.left=e.offsetLeft+"px",this.show=!0}}}},function(e,t){e.exports="
"},function(e,t,o){var s,a;s=o(109),a=o(110),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={props:{pills:{type:Boolean,"default":!1},tabs:{type:Boolean,"default":!1},justify:{type:Boolean,"default":!1},items:{type:Array,required:!0},topbar:{type:Boolean,"default":!1}}}},function(e,t){e.exports=""},function(e,t,o){var s,a;s=o(112),a=o(113),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={props:{title:{type:String,"default":""},inverse:{type:Boolean,"default":!1},fixedTop:{type:Boolean,"default":!1},fixedBottom:{type:Boolean,"default":!1}}}},function(e,t){e.exports="

{{ title }}

"},function(e,t,o){var s,a;s=o(115),a=o(116),e.exports=s||{},e.exports.__esModule&&(e.exports=e.exports["default"]),a&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=a)},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={props:{items:{type:Array,"default":function(){return[]}},active:{type:Number,"default":0},justify:{type:Boolean,"default":!1}},methods:{tabTo:function(e){this.active=e,this.$dispatch("tab")}}}},function(e,t){e.exports='
{{ tab.content }}
'}]); --------------------------------------------------------------------------------