sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

no message

Browse Source 
Former-commit-id: 6b8025b5ce4737c3313e1e221a67cd5cdf163ee2
Former-commit-id: bf1484561576dfe0e1b1b6a5c9985920a9ba73af
Former-commit-id: 0b1c298992fc6af645f293fc9dbfe5be65bf48f7
This commit is contained in:
liyang
2018-06-10 16:30:02 +08:00
parent 7f0c056ec0
commit 59a0c2cc95
27 changed files with 30 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/core/register.js
View File

@@ -1,5 +1,12 @@
import Vue from 'vue'
import { GridLayout, GridItem } from 'vue-grid-layout'
import SplitPane from 'vue-splitpane'
Vue.component('GridLayout', GridLayout)
Vue.component('GridItem', GridItem)
Vue.component('SplitPane', SplitPane)
Vue.component('d2-container', () => import('@/components/core/d2-container'))
Vue.component('d2-count-up', () => import('@/components/core/d2-count-up'))
Vue.component('d2-highlight', () => import('@/components/core/d2-highlight'))

35
src/components/demo/GithubLink/index.vue
View File

@@ -1,35 +0,0 @@
<i18n src="./lang.json"></i18n>
<template>
<el-tooltip :content="url" :placement="tooltipPlacement">
<a :href="url" target="_blank" class="link">
{{$t('label')}}
<i class="fa fa-github"></i>
</a>
</el-tooltip>
</template>
<script>
export default {
props: {
url: {
type: String,
required: false,
default: 'https://github.com/FairyEver'
},
tooltipPlacement: {
type: String,
required: false,
default: 'top-end'
}
}
}
</script>
<style lang="scss" scoped>
@import '~@/assets/style/unit/_color.scss';
.link {
color: $color-primary;
}
</style>

11
src/components/demo/GithubLink/lang.json
View File

@@ -1,11 +0,0 @@
{
"cn": {
"label": "在 Github 查看"
},
"en": {
"label": "View in Github"
},
"ja": {
"label": "調べでGithub"
}
}

58
src/components/demo/GithubLinkButton/index.vue
View File

@@ -1,58 +0,0 @@
<template>
<div>
<el-popover
ref="pop"
placement="top"
width="160"
v-model="popover.visible">
<p class="d2-mt-0 d2-mb-10">
<i class="fa fa-github"></i>
github
</p>
<p class="d2-mt-0 d2-mb-10" style="font-size: 10px;">{{name}}</p>
<div style="text-align: right; margin: 0">
<el-button size="mini" type="text" @click="popover.visible = false">
取消
</el-button>
<el-button type="primary" size="mini" @click="jump">
确定
</el-button>
</div>
</el-popover>
<el-button
v-popover:pop
v-bind="$attrs">
<i class="fa fa-github"></i>
{{name}}
</el-button>
</div>
</template>
<script>
export default {
props: {
name: {
type: String,
required: false,
default: ''
},
url: {
type: String,
required: false,
default: 'https://github.com/FairyEver'
}
},
data () {
return {
popover: {
visible: false
}
}
},
methods: {
jump () {
window.open(this.url)
}
}
}
</script>

9
src/components/demo/PageHeader/index.vue
View File

@@ -1,20 +1,13 @@
<template>
<div class="d2-clearfix">
<span v-if="title" class="d2-fl">{{title}}</span>
<span class="d2-fr">
<GithubLink v-if="url" :url="url"></GithubLink>
</span>
<span class="d2-fr"></span>
</div>
</template>
<script>
export default {
props: {
url: {
type: String,
required: false,
default: ''
},
title: {
type: String,
required: false,

11
src/components/demo/register.js
View File

@@ -1,11 +1,4 @@
import Vue from 'vue'
import {GridLayout, GridItem} from 'vue-grid-layout'
import SplitPane from 'vue-splitpane'
Vue.component('GridLayout', GridLayout)
Vue.component('GridItem', GridItem)
Vue.component('SplitPane', SplitPane)
Vue.component('GithubLink', resolve => { require(['@/components/demo/GithubLink'], resolve) })
Vue.component('GithubLinkButton', resolve => { require(['@/components/demo/GithubLinkButton'], resolve) })
Vue.component('PageHeader', resolve => { require(['@/components/demo/PageHeader'], resolve) })
Vue.component('PageIndexArticle', resolve => { require(['@/components/demo/PageIndexArticle'], resolve) })
Vue.component('PageHeader', () => import('@/components/demo/PageHeader'))
Vue.component('PageIndexArticle', () => import('@/components/demo/PageIndexArticle'))

5
src/pages/demo/components/countup/index.vue
View File

@@ -1,10 +1,7 @@
<template>
<d2-container type="ghost" class="page">
<el-card>
<PageHeader
title="数字动画组件"
url="https://github.com/inorganik/countUp.js">
</PageHeader>
<PageHeader title="数字动画组件"></PageHeader>
</el-card>
<el-row :gutter="20">
<el-col :span="6">

6
src/pages/demo/components/editor-quill/index.vue
View File

@@ -1,11 +1,7 @@
<template>
<d2-container type="ghost">
<el-card class="d2-mb">
<PageHeader
slot="header"
title="基本示例"
url="https://github.com/quilljs/quill">
</PageHeader>
<PageHeader slot="header" title="基本示例"></PageHeader>
<d2-quill
style="min-height: 200px;"
v-model="value"

6
src/pages/demo/components/editor-simpleMDE/index.vue
View File

@@ -1,11 +1,7 @@
<template>
<d2-container type="ghost">
<el-card class="d2-mb">
<PageHeader
slot="header"
title="基本示例"
url="https://github.com/sparksuite/simplemde-markdown-editor">
</PageHeader>
<PageHeader slot="header" title="基本示例"></PageHeader>
<d2-mde
v-model="text"
class="mde"/>

5
src/pages/demo/components/highlight/index.vue
View File

@@ -1,10 +1,7 @@
<template>
<d2-container type="ghost">
<el-card class="d2-mb">
<PageHeader
title="代码高亮组件"
url="https://github.com/isagalaev/highlight.js">
</PageHeader>
<PageHeader title="代码高亮组件"></PageHeader>
</el-card>
<el-card class="d2-mb">
<p slot="title">javascript</p>

6
src/pages/demo/components/icon/icon.vue
View File

@@ -1,11 +1,7 @@
<template>
<d2-container type="ghost">
<el-card class="d2-mb">
<PageHeader
slot="header"
title="图标组件"
url="https://github.com/FairyEver/d2admin-vue-element/blob/master/src/components/core/Icon/index.vue">
</PageHeader>
<PageHeader slot="header" title="图标组件"></PageHeader>
<d2-icon/>
<d2-icon name="github"/>
<d2-icon name="github" style="font-size: 100px;"/>

6
src/pages/demo/components/icon/select.vue
View File

@@ -1,11 +1,7 @@
<template>
<d2-container type="ghost">
<el-card class="d2-mb">
<PageHeader
slot="header"
title="图标选择器"
url="https://github.com/FairyEver/d2admin-vue-element/blob/master/src/components/core/d2-icon-select/index.vue">
</PageHeader>
<PageHeader slot="header" title="图标选择器"></PageHeader>
<div class="title-group">
<p class="title">一般用法</p>
<p class="sub-title">

5
src/pages/demo/components/icon/svg.vue
View File

@@ -1,10 +1,7 @@
<template>
<d2-container type="ghost">
<el-card class="d2-mb">
<PageHeader
slot="header"
title="SVG图标组件">
</PageHeader>
<PageHeader slot="header" title="SVG图标组件"></PageHeader>
<el-row>
<el-col class="icon-card" :span="4" v-for="(icon, index) in $IconSvg" :key="index">
<d2-icon-svg class="icon" :name="icon"/>

5
src/pages/demo/components/layout/grid.vue
View File

@@ -17,11 +17,6 @@
<div class="d2-mb">拖拽卡片调整位置</div>
<div class="d2-mb">拖拽卡片右下角的手柄调整卡片大小</div>
<div class="d2-mb">在控制台打印出数据变化</div>
<GithubLinkButton
name="vue-grid-layout"
url="https://github.com/jbaysolutions/vue-grid-layout"
type="success">
</GithubLinkButton>
</template>
</el-card>
</GridItem>

6
src/pages/demo/components/layout/splitpane.vue
View File

@@ -1,10 +1,6 @@
<template>
<d2-container>
<PageHeader
slot="header"
title="基本示例"
url="https://github.com/PanJiaChen/vue-split-pane">
</PageHeader>
<PageHeader slot="header" title="基本示例"></PageHeader>
<div style="height: 400px; margin: -16px;">
<SplitPane :min-percent='20' :default-percent='30' split="vertical">
<template slot="paneL"><div style="margin: 10px;">左</div></template>

6
src/pages/demo/components/markdown/index.vue
View File

@@ -1,10 +1,6 @@
<template>
<d2-container>
<PageHeader
slot="header"
title="效果演示"
url="https://github.com/FairyEver/d2admin-vue-element/blob/master/src/components/core/Markdown/index.vue">
</PageHeader>
<PageHeader slot="header" title="效果演示"></PageHeader>
<d2-markdown url="/static/md/组件 - markdown - 演示.md"/>
</d2-container>
</template>

6
src/pages/demo/plugins/clipboard-polyfill/index.vue
View File

@@ -1,10 +1,6 @@
<template>
<d2-container>
<PageHeader
slot="header"
title="基本示例"
url="https://github.com/lgarron/clipboard-polyfill">
</PageHeader>
<PageHeader slot="header" title="基本示例"></PageHeader>
<el-row :gutter="10">
<el-col :span="12">
<div class="d2-mb">

5
src/pages/demo/plugins/export/table.vue
View File

@@ -1,9 +1,6 @@
<template>
<d2-container>
<PageHeader
slot="header"
title="导出表格">
</PageHeader>
<PageHeader slot="header" title="导出表格"></PageHeader>
<div class="d2-mb">
<el-button type="primary" @click="exportCsv">
<d2-icon name="download"/>

5
src/pages/demo/plugins/export/txt.vue
View File

@@ -1,9 +1,6 @@
<template>
<d2-container>
<PageHeader
slot="header"
title="导出文本">
</PageHeader>
<PageHeader slot="header" title="导出文本"></PageHeader>
<el-input
type="textarea"
:autosize="{minRows: 2, maxRows: 4}"

6
src/pages/demo/plugins/i18n/demo1.vue
View File

@@ -1,10 +1,6 @@
<template>
<d2-container>
<PageHeader
slot="header"
:title="`${$t('pub.pageHeader.demo')} 1`"
url="http://kazupon.github.io/vue-i18n/en/">
</PageHeader>
<PageHeader slot="header" :title="`${$t('pub.pageHeader.demo')} 1`"></PageHeader>
<DemoI18nControl></DemoI18nControl>
<DemoI18n></DemoI18n>
</d2-container>

6
src/pages/demo/plugins/i18n/demo2.vue
View File

@@ -1,10 +1,6 @@
<template>
<d2-container>
<PageHeader
slot="header"
:title="`${$t('pub.pageHeader.demo')} 2`"
url="http://kazupon.github.io/vue-i18n/en/">
</PageHeader>
<PageHeader slot="header" :title="`${$t('pub.pageHeader.demo')} 2`"></PageHeader>
<DemoI18nControl></DemoI18nControl>
<DemoI18n></DemoI18n>
</d2-container>

6
src/pages/demo/plugins/import/csv.vue
View File

@@ -1,10 +1,6 @@
<template>
<d2-container>
<PageHeader
slot="header"
title="导入 csv"
url="https://github.com/mholt/PapaParse">
</PageHeader>
<PageHeader slot="header" title="导入 csv"></PageHeader>
<div class="d2-mb">
<el-button @click="download">
<d2-icon name="download"/>

6
src/pages/demo/plugins/import/xlsx.vue
View File

@@ -1,10 +1,6 @@
<template>
<d2-container>
<PageHeader
slot="header"
title="导入 xlsx"
url="https://github.com/SheetJS/js-xlsx">
</PageHeader>
<PageHeader slot="header" title="导入 xlsx"></PageHeader>
<div class="d2-mb">
<el-button @click="download">
<d2-icon name="download"/>

6
src/pages/demo/plugins/js-cookie/index.vue
View File

@@ -1,11 +1,7 @@
<template>
<d2-container type="ghost">
<el-card class="d2-mb">
<PageHeader
slot="header"
title="基本示例"
url="https://github.com/js-cookie/js-cookie">
</PageHeader>
<PageHeader slot="header" title="基本示例"></PageHeader>
<p class="d2-mt-0">基本读写删</p>
<el-button type="primary" @click="set('test-user-name', 'test-user')">set('test-user-name', 'normalValue')</el-button>
<el-button type="info" @click="get('test-user-name')">get('test-user-name')</el-button>

6
src/pages/demo/plugins/mock/dpd.vue
View File

@@ -1,11 +1,7 @@
<template>
<d2-container type="ghost">
<el-card class="d2-mb">
<PageHeader
slot="header"
title="数据占位符"
url="https://github.com/nuysoft/Mock">
</PageHeader>
<PageHeader slot="header" title="数据占位符"></PageHeader>
<d2-markdown url="/static/md/插件 - mock演示页面介绍.md"/>
</el-card>
<MockDemoCard

6
src/pages/demo/plugins/mock/dtd.vue
View File

@@ -1,11 +1,7 @@
<template>
<d2-container type="ghost">
<el-card class="d2-mb">
<PageHeader
slot="header"
title="数据模板"
url="https://github.com/nuysoft/Mock">
</PageHeader>
<PageHeader slot="header" title="数据模板"></PageHeader>
<d2-markdown url="/static/md/插件 - mock演示页面介绍.md"/>
</el-card>
<MockDemoCard

5
src/pages/demo/plugins/timeago/index.vue
View File

@@ -1,10 +1,7 @@
<template>
<d2-container type="ghost">
<el-card class="d2-mb">
<PageHeader
title="基本示例"
url="https://github.com/hustcc/timeago.js">
</PageHeader>
<PageHeader title="基本示例"></PageHeader>
</el-card>
<el-card class="d2-mb">
<div class="d2-text-center">