md-iview 1.0.12

package/README.md

@@ -0,0 +1,2 @@
+# md-vue-admin
+详见：http://w.baofoo.net/pages/viewpage.action?pageId=8919807

package/package.json

@@ -0,0 +1,116 @@
+{
+	"name": "md-iview",
+	"version": "1.0.12",
+	"description": "",
+	"author": "",
+	"main": "dist/md-view.js",
+	"files": [
+		"dist",
+		"src"
+	],
+	"keywords": [
+		"iview",
+		"md-view",
+		"vue",
+		"component",
+		"components",
+		"ui",
+		"framework"
+	],
+	"scripts": {
+		"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
+		"start": "npm run dev",
+		"build:style": "gulp --gulpfile build/build-style.js",
+		"build:min": "webpack --config build/webpack.min.prod.conf.js",
+		"build:full": "webpack --config build/webpack.full.prod.conf.js",
+		"build": "npm run build:style && npm run build:min && npm run build:full",
+		"build:example": "rimraf dist&&node build/build.js",
+		"build:dist": "rimraf dist&&node build/build-dist.js"
+	},
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/"
+	},
+	"dependencies": {
+		"axios": "^0.18.0",
+		"babel-plugin-dynamic-import-node": "^2.3.0",
+		"babel-plugin-transform-class-properties": "^6.24.1",
+		"babel-plugin-transform-es5-property-mutators": "^6.24.1",
+		"babel-plugin-transform-object-rest-spread": "^6.26.0",
+		"classnames": "^2.2.6",
+		"compression-webpack-plugin": "^2.0.0",
+		"dayjs": "^1.8.14",
+		"highlight.js": "^9.15.6",
+		"html2canvas": "^1.0.0-rc.3",
+		"iview": "^3.4.2",
+		"js-cookie": "^2.2.0",
+		"md-d3": "^1.0.0",
+		"md-vue-core": "^1.0.3",
+		"omit.js": "^1.0.0",
+		"v-click-outside-x": "^4.0.6",
+		"validator": "^11.0.0",
+		"vue": "^2.5.2",
+		"vue-highlightjs": "^1.3.3",
+		"vue-quill-editor": "^3.0.6",
+		"vue-router": "^3.0.1",
+		"vuedraggable": "^2.16.0",
+		"vuex": "^3.0.1"
+	},
+	"devDependencies": {
+		"autoprefixer": "^7.1.2",
+		"babel-core": "^6.22.1",
+		"babel-helper-vue-jsx-merge-props": "^2.0.3",
+		"babel-loader": "^7.1.1",
+		"babel-plugin-syntax-jsx": "^6.18.0",
+		"babel-plugin-transform-define": "^1.3.0",
+		"babel-plugin-transform-runtime": "^6.22.0",
+		"babel-plugin-transform-vue-jsx": "^3.5.0",
+		"babel-preset-env": "^1.3.2",
+		"babel-preset-stage-2": "^6.22.0",
+		"chalk": "^2.0.1",
+		"copy-webpack-plugin": "^4.0.1",
+		"css-loader": "^0.28.11",
+		"extract-text-webpack-plugin": "^3.0.0",
+		"file-loader": "^1.1.4",
+		"friendly-errors-webpack-plugin": "^1.6.1",
+		"gulp": "^3.9.1",
+		"gulp-autoprefixer": "^5.0.0",
+		"gulp-clean-css": "^3.10.0",
+		"gulp-less": "^4.0.1",
+		"gulp-rename": "^1.4.0",
+		"html-webpack-plugin": "^2.30.1",
+		"iview-loader": "^1.2.2",
+		"less": "^3.9.0",
+		"less-loader": "^4.1.0",
+		"node-notifier": "^5.1.2",
+		"node-sass": "^4.10.0",
+		"optimize-css-assets-webpack-plugin": "^3.2.0",
+		"ora": "^1.2.0",
+		"portfinder": "^1.0.13",
+		"postcss-import": "^11.0.0",
+		"postcss-loader": "^2.0.8",
+		"postcss-url": "^7.2.1",
+		"rimraf": "^2.6.0",
+		"sass-loader": "^7.1.0",
+		"semver": "^5.3.0",
+		"shelljs": "^0.7.6",
+		"style-loader": "^0.23.1",
+		"uglifyjs-webpack-plugin": "^1.1.1",
+		"url-loader": "^0.5.8",
+		"vue-loader": "^13.3.0",
+		"vue-style-loader": "^3.0.1",
+		"vue-template-compiler": "^2.5.2",
+		"webpack": "^3.12.0",
+		"webpack-bundle-analyzer": "^2.9.0",
+		"webpack-dev-server": "^2.9.1",
+		"webpack-merge": "^4.1.0"
+	},
+	"engines": {
+		"node": ">= 6.0.0",
+		"npm": ">= 3.0.0"
+	},
+	"browserslist": [
+		"> 1%",
+		"last 2 versions",
+		"not ie <= 8"
+	]
+}

package/src/components/libs/util.js

@@ -0,0 +1,117 @@
+let util = {
+
+};
+
+util.inOf = function (arr, targetArr) {
+    let res = true;
+    arr.forEach(item => {
+        if (targetArr.indexOf(item) < 0) {
+            res = false;
+        }
+    });
+    return res;
+};
+
+util.oneOf = function (ele, targetArr) {
+    if (targetArr.indexOf(ele) >= 0) {
+        return true;
+    } else {
+        return false;
+    }
+};
+
+util.showThisRoute = function (itAccess, currentAccess) {
+    if (typeof itAccess === 'object' && Array.isArray(itAccess)) {
+        return util.oneOf(currentAccess, itAccess);
+    } else {
+        return itAccess === currentAccess;
+    }
+};
+
+util.getRouterObjByName = function (routers, name) {
+    if (!name || !routers || !routers.length) {
+        return null;
+    }
+    // debugger;
+    let routerObj = null;
+    for (let item of routers) {
+        if (item.name === name) {
+            return item;
+        }
+        routerObj = util.getRouterObjByName(item.children, name);
+        if (routerObj) {
+            return routerObj;
+        }
+    }
+    return null;
+};
+
+util.handleTitle = function (vm, item) {
+    if (typeof item.title === 'object') {
+        return vm.$t(item.title.i18n);
+    } else {
+        return item.title;
+    }
+};
+
+util.openNewPage = function (vm, name, argu, query) {
+    let pageOpenedList = vm.$store.state.app.pageOpenedList;
+    let openedPageLen = pageOpenedList.length;
+    let i = 0;
+    let tagHasOpened = false;
+    while (i < openedPageLen) {
+        if (name === pageOpenedList[i].name) { // 页面已经打开
+            vm.$store.commit('pageOpenedList', {
+                index: i,
+                argu: argu,
+                query: query
+            });
+            tagHasOpened = true;
+            break;
+        }
+        i++;
+    }
+    if (!tagHasOpened) {
+        let tag = vm.$store.state.app.tagsList.filter((item) => {
+            if (item.children) {
+                return name === item.children[0].name;
+            } else {
+                return name === item.name;
+            }
+        });
+        tag = tag[0];
+        if (tag) {
+            tag = tag.children ? tag.children[0] : tag;
+            if (argu) {
+                tag.argu = argu;
+            }
+            if (query) {
+                tag.query = query;
+            }
+            vm.$store.commit('increateTag', tag);
+        }
+    }
+    vm.$store.commit('setCurrentPageName', name);
+};
+
+util.toDefaultPage = function (routers, name, route, next) {
+    let len = routers.length;
+    let i = 0;
+    let notHandle = true;
+    while (i < len) {
+        if (routers[i].name === name && routers[i].children && routers[i].redirect === undefined) {
+            route.replace({
+                name: routers[i].children[0].name
+            });
+            notHandle = false;
+            next();
+            break;
+        }
+        i++;
+    }
+    if (notHandle) {
+        next();
+    }
+};
+
+export default util;

package/src/components/md-error-page/403.less

@@ -0,0 +1,92 @@
+@import "../../style/theme";
+@keyframes error403animation {
+    0% {
+        transform: rotateZ(0deg);
+    }
+    40% {
+        transform: rotateZ(-20deg);
+    }
+    45% {
+        transform: rotateZ(-15deg);
+    }
+    50% {
+        transform: rotateZ(-20deg);
+    }
+    55% {
+        transform: rotateZ(-15deg);
+    }
+    60% {
+        transform: rotateZ(-20deg);
+    }
+    100% {
+        transform: rotateZ(0deg);
+    }
+}
+.error403{
+    &-body-con{
+        width: 700px;
+        height: 500px;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%,-50%);
+        &-title{
+            text-align: center;
+            font-size: 240px;
+            font-weight: 700;
+            //color: #2d8cf0;
+            color: @primary-color;
+            height: 260px;
+            line-height: 260px;
+            margin-top: 40px;
+            .error403-0-span{
+                display: inline-block;
+                position: relative;
+                width: 170px;
+                height: 170px;
+                border-radius: 50%;
+                border: 20px solid #ed3f14;
+                color: #ed3f14;
+                margin-right: 10px;
+                i{
+                    display: inline-block;
+                    font-size: 120px;
+                    position: absolute;
+                    left: 50%;
+                    top: 50%;
+                    transform: translate(-50%,-50%);
+                }
+            }
+            .error403-key-span{
+                display: inline-block;
+                position: relative;
+                width: 100px;
+                height: 190px;
+                border-radius: 50%;
+                margin-right: 10px;
+                i{
+                    display: inline-block;
+                    font-size: 190px;
+                    position: absolute;
+                    left: 20px;
+                    transform: translate(-50%,-60%);
+                    transform-origin: center bottom;
+                    animation: error403animation 2.8s ease 0s infinite;
+                }
+            }
+        }
+        &-message{
+            display: block;
+            text-align: center;
+            font-size: 30px;
+            font-weight: 500;
+            letter-spacing: 4px;
+            color: #dddde2;
+        }
+    }
+    &-btn-con{
+        text-align: center;
+        padding: 20px 0;
+        margin-bottom: 40px;
+    }
+}

package/src/components/md-error-page/403.vue

@@ -0,0 +1,34 @@
+<style lang="less" scoped>
+    @import './403.less';
+</style>
+
+<template>
+    <div class="error403">
+        <div class="error403-body-con">
+            <Card>
+                <div class="error403-body-con-title">4<span class="error403-0-span"><Icon type="android-lock"></Icon></span>3<span class="error403-key-span"><Icon size="220" type="ios-bolt"></Icon></span></div>
+                <p class="error403-body-con-message">You don't have permission</p>
+                <div class="error403-btn-con">
+                    <Button @click="goHome" size="large" style="width: 200px;" type="text">返回首页</Button>
+                    <Button @click="backPage" size="large" style="width: 200px;margin-left: 40px;" type="primary">返回上一页</Button>
+                </div>
+            </Card>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'Error403',
+    methods: {
+        backPage () {
+            this.$router.go(-1);
+        },
+        goHome () {
+            this.$router.push({
+                name: 'home'
+            });
+        }
+    }
+};
+</script>

package/src/components/md-error-page/404.less

@@ -0,0 +1,60 @@
+@import "../../style/theme";
+@keyframes error404animation {
+    0% {
+        transform: rotateZ(0deg);
+    }
+    20% {
+        transform: rotateZ(-60deg);
+    }
+    40% {
+        transform: rotateZ(-10deg);
+    }
+    60% {
+        transform: rotateZ(50deg);
+    }
+    80% {
+        transform: rotateZ(-20deg);
+    }
+    100% {
+        transform: rotateZ(0deg);
+    }
+}
+.error404{
+    &-body-con{
+        width: 700px;
+        height: 500px;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%,-50%);
+        &-title{
+            text-align: center;
+            font-size: 240px;
+            font-weight: 700;
+            //color: #2d8cf0;
+            color: @primary-color;
+            height: 260px;
+            line-height: 260px;
+            margin-top: 40px;
+            span{
+                display: inline-block;
+                color: #19be6b;
+                font-size: 230px;
+                animation: error404animation 3s ease 0s infinite alternate;
+            }
+        }
+        &-message{
+            display: block;
+            text-align: center;
+            font-size: 30px;
+            font-weight: 500;
+            letter-spacing: 12px;
+            color: #dddde2;
+        }
+    }
+    &-btn-con{
+        text-align: center;
+        padding: 20px 0;
+        margin-bottom: 40px;
+    }
+}

package/src/components/md-error-page/404.vue

@@ -0,0 +1,34 @@
+<style lang="less" scoped>
+    @import './404.less';
+</style>
+
+<template>
+    <div class="error404">
+        <div class="error404-body-con">
+            <Card>
+                <div class="error404-body-con-title">4<span><Icon type="ios-navigate-outline"></Icon></span>4</div>
+                <p class="error404-body-con-message">YOU&nbsp;&nbsp;LOOK&nbsp;&nbsp;LOST</p>
+                <div class="error404-btn-con">
+                    <Button @click="goHome" size="large" style="width: 200px;" type="text">返回首页</Button>
+                    <Button @click="backPage" size="large" style="width: 200px;margin-left: 40px;" type="primary">返回上一页</Button>
+                </div>
+            </Card>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'Error404',
+    methods: {
+        backPage () {
+            this.$router.go(-1);
+        },
+        goHome () {
+            this.$router.push({
+                name: 'home'
+            });
+        }
+    }
+};
+</script>

package/src/components/md-error-page/500.less

@@ -0,0 +1,73 @@
+@import "../../style/theme";
+@keyframes error500animation {
+    0% {
+        transform: rotateZ(0deg);
+    }
+    20% {
+        transform: rotateZ(-10deg);
+    }
+    40% {
+        transform: rotateZ(5deg);
+    }
+    60% {
+        transform: rotateZ(-5deg);
+    }
+    80% {
+        transform: rotateZ(10deg);
+    }
+    100% {
+        transform: rotateZ(0deg);
+    }
+}
+.error500{
+    &-body-con{
+        width: 700px;
+        height: 500px;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%,-50%);
+        &-title{
+            text-align: center;
+            font-size: 240px;
+            font-weight: 700;
+            //color: #2d8cf0;
+            color: @primary-color;
+            height: 260px;
+            line-height: 260px;
+            margin-top: 40px;
+            .error500-0-span{
+                display: inline-block;
+                position: relative;
+                width: 170px;
+                height: 170px;
+                border-radius: 50%;
+                border: 20px solid #ed3f14;
+                color: #ed3f14;
+                margin-right: 10px;
+                i{
+                    display: inline-block;
+                    font-size: 120px;
+                    position: absolute;
+                    bottom: -10px;
+                    left: 10px;
+                    transform-origin: center bottom;
+                    animation: error500animation 3s ease 0s infinite alternate;
+                }
+            }
+        }
+        &-message{
+            display: block;
+            text-align: center;
+            font-size: 30px;
+            font-weight: 500;
+            letter-spacing: 4px;
+            color: #dddde2;
+        }
+    }
+    &-btn-con{
+        text-align: center;
+        padding: 20px 0;
+        margin-bottom: 40px;
+    }
+}

package/src/components/md-error-page/500.vue

@@ -0,0 +1,36 @@
+<style lang="less" scoped>
+    @import './500.less';
+</style>
+
+<template>
+    <div class="error500">
+        <div class="error500-body-con">
+            <Card>
+                <div class="error500-body-con-title">
+                    5<span class="error500-0-span"><Icon type="social-freebsd-devil"></Icon></span><span class="error500-0-span"><Icon type="social-freebsd-devil"></Icon></span>
+                </div>
+                <p class="error500-body-con-message">Oops! the server is wrong</p>
+                <div class="error500-btn-con">
+                    <Button @click="goHome" size="large" style="width: 200px;" type="text">返回首页</Button>
+                    <Button @click="backPage" size="large" style="width: 200px;margin-left: 40px;" type="primary">返回上一页</Button>
+                </div>
+            </Card>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'Error500',
+    methods: {
+        backPage () {
+            this.$router.go(-1);
+        },
+        goHome () {
+            this.$router.push({
+                name: 'home'
+            });
+        }
+    }
+};
+</script>

package/src/components/md-error-page/demo/index.less

@@ -0,0 +1,22 @@
+.error-page{
+    &-show{
+        width: 100%;
+        height: 180px;
+        transform: scale(0.4);
+    }
+    &-cover{
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        left: 0;
+        top: 0;
+    }
+    &-intro-con{
+        height: 180px;
+        p{
+            display: block;
+            width: 100%;
+            text-align: center;
+        }
+    }
+}

package/src/components/md-error-page/demo/index.vue

@@ -0,0 +1,97 @@
+<style lang="less" scoped>
+    @import '../../../style/common.less';
+    @import 'index.less';
+</style>
+
+<template>
+    <div class="error-page">
+        <Row>
+            <Card>
+                <p slot="title">
+                    <Icon :size="14" type="ios-navigate-outline"></Icon>
+                    404-页面不存在
+                </p>
+                <Row>
+                    <Col span="10">
+                        <Card dis-hover>
+                            <Row>
+                                <div class="error-page-show">
+                                    <error404></error404>
+                                </div>
+                                <div class="error-page-cover"></div>
+                            </Row>
+                        </Card>
+                    </Col>
+                    <Col span="14" class="padding-left-10">
+                        <Row type="flex" align="middle" class="error-page-intro-con">
+                            <p>当访问的页面不存在时会跳转到404页面，您可以在浏览器地址栏中修改url为一个不存在的路径，体验一下效果</p>
+                        </Row>
+                    </Col>
+                </Row>
+            </Card>
+        </Row>
+        <Row class="margin-top-10">
+            <Card>
+                <p slot="title">
+                    <Icon :size="14" type="android-lock"></Icon>
+                    403-权限不足
+                </p>
+                <Row>
+                    <Col span="10">
+                        <Card dis-hover>
+                            <Row>
+                                <div class="error-page-show">
+                                    <error403></error403>
+                                </div>
+                                <div class="error-page-cover"></div>
+                            </Row>
+                        </Card>
+                    </Col>
+                    <Col span="14" class="padding-left-10">
+                        <Row type="flex" align="middle" class="error-page-intro-con">
+                            <p>在当前登录用户不具有执行当前操作的权限时跳转到该页面，您可以在ajax请求方法中判断返回的状态码为403时跳转到该页面</p>
+                        </Row>
+                    </Col>
+                </Row>
+            </Card>
+        </Row>
+        <Row class="margin-top-10">
+            <Card>
+                <p slot="title">
+                    <Icon :size="14" type="social-freebsd-devil"></Icon>
+                    500-服务端错误
+                </p>
+                <Row>
+                    <Col span="10">
+                        <Card dis-hover>
+                            <Row>
+                                <div class="error-page-show">
+                                    <error500></error500>
+                                </div>
+                                <div class="error-page-cover"></div>
+                            </Row>
+                        </Card>
+                    </Col>
+                    <Col span="14" class="padding-left-10">
+                        <Row type="flex" align="middle" class="error-page-intro-con">
+                            <p>当请求之后出现服务端错误时跳转到该页面，您可以在ajax请求方法中判断返回的状态码为500时跳转到该页面</p>
+                        </Row>
+                    </Col>
+                </Row>
+            </Card>
+        </Row>
+    </div>
+</template>
+
+<script>
+import Error404 from '../404.vue';
+import Error500 from '../500.vue';
+import Error403 from '../403.vue';
+export default {
+    components: {
+        Error404,
+        Error500,
+        Error403
+    }
+};
+</script>

package/src/components/md-form-item/index.js

@@ -0,0 +1,3 @@
+import FormItem from '../md-form/form-item.vue';
+
+export default FormItem;