no message
Former-commit-id: 6b8025b5ce4737c3313e1e221a67cd5cdf163ee2 Former-commit-id: bf1484561576dfe0e1b1b6a5c9985920a9ba73af Former-commit-id: 0b1c298992fc6af645f293fc9dbfe5be65bf48f7
This commit is contained in:
@@ -1,5 +1,12 @@
|
|||||||
import Vue from 'vue'
|
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-container', () => import('@/components/core/d2-container'))
|
||||||
Vue.component('d2-count-up', () => import('@/components/core/d2-count-up'))
|
Vue.component('d2-count-up', () => import('@/components/core/d2-count-up'))
|
||||||
Vue.component('d2-highlight', () => import('@/components/core/d2-highlight'))
|
Vue.component('d2-highlight', () => import('@/components/core/d2-highlight'))
|
||||||
|
|||||||
@@ -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>
|
|
||||||
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
{
|
|
||||||
"cn": {
|
|
||||||
"label": "在 Github 查看"
|
|
||||||
},
|
|
||||||
"en": {
|
|
||||||
"label": "View in Github"
|
|
||||||
},
|
|
||||||
"ja": {
|
|
||||||
"label": "調べでGithub"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -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>
|
|
||||||
@@ -1,20 +1,13 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="d2-clearfix">
|
<div class="d2-clearfix">
|
||||||
<span v-if="title" class="d2-fl">{{title}}</span>
|
<span v-if="title" class="d2-fl">{{title}}</span>
|
||||||
<span class="d2-fr">
|
<span class="d2-fr"></span>
|
||||||
<GithubLink v-if="url" :url="url"></GithubLink>
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
props: {
|
props: {
|
||||||
url: {
|
|
||||||
type: String,
|
|
||||||
required: false,
|
|
||||||
default: ''
|
|
||||||
},
|
|
||||||
title: {
|
title: {
|
||||||
type: String,
|
type: String,
|
||||||
required: false,
|
required: false,
|
||||||
|
|||||||
@@ -1,11 +1,4 @@
|
|||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
import {GridLayout, GridItem} from 'vue-grid-layout'
|
|
||||||
import SplitPane from 'vue-splitpane'
|
|
||||||
|
|
||||||
Vue.component('GridLayout', GridLayout)
|
Vue.component('PageHeader', () => import('@/components/demo/PageHeader'))
|
||||||
Vue.component('GridItem', GridItem)
|
Vue.component('PageIndexArticle', () => import('@/components/demo/PageIndexArticle'))
|
||||||
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) })
|
|
||||||
|
|||||||
@@ -1,10 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost" class="page">
|
<d2-container type="ghost" class="page">
|
||||||
<el-card>
|
<el-card>
|
||||||
<PageHeader
|
<PageHeader title="数字动画组件"></PageHeader>
|
||||||
title="数字动画组件"
|
|
||||||
url="https://github.com/inorganik/countUp.js">
|
|
||||||
</PageHeader>
|
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
|
|||||||
@@ -1,11 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="ghost">
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<PageHeader
|
<PageHeader slot="header" title="基本示例"></PageHeader>
|
||||||
slot="header"
|
|
||||||
title="基本示例"
|
|
||||||
url="https://github.com/quilljs/quill">
|
|
||||||
</PageHeader>
|
|
||||||
<d2-quill
|
<d2-quill
|
||||||
style="min-height: 200px;"
|
style="min-height: 200px;"
|
||||||
v-model="value"
|
v-model="value"
|
||||||
|
|||||||
@@ -1,11 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="ghost">
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<PageHeader
|
<PageHeader slot="header" title="基本示例"></PageHeader>
|
||||||
slot="header"
|
|
||||||
title="基本示例"
|
|
||||||
url="https://github.com/sparksuite/simplemde-markdown-editor">
|
|
||||||
</PageHeader>
|
|
||||||
<d2-mde
|
<d2-mde
|
||||||
v-model="text"
|
v-model="text"
|
||||||
class="mde"/>
|
class="mde"/>
|
||||||
|
|||||||
@@ -1,10 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="ghost">
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<PageHeader
|
<PageHeader title="代码高亮组件"></PageHeader>
|
||||||
title="代码高亮组件"
|
|
||||||
url="https://github.com/isagalaev/highlight.js">
|
|
||||||
</PageHeader>
|
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<p slot="title">javascript</p>
|
<p slot="title">javascript</p>
|
||||||
|
|||||||
@@ -1,11 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="ghost">
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<PageHeader
|
<PageHeader slot="header" title="图标组件"></PageHeader>
|
||||||
slot="header"
|
|
||||||
title="图标组件"
|
|
||||||
url="https://github.com/FairyEver/d2admin-vue-element/blob/master/src/components/core/Icon/index.vue">
|
|
||||||
</PageHeader>
|
|
||||||
<d2-icon/>
|
<d2-icon/>
|
||||||
<d2-icon name="github"/>
|
<d2-icon name="github"/>
|
||||||
<d2-icon name="github" style="font-size: 100px;"/>
|
<d2-icon name="github" style="font-size: 100px;"/>
|
||||||
|
|||||||
@@ -1,11 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="ghost">
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<PageHeader
|
<PageHeader slot="header" title="图标选择器"></PageHeader>
|
||||||
slot="header"
|
|
||||||
title="图标选择器"
|
|
||||||
url="https://github.com/FairyEver/d2admin-vue-element/blob/master/src/components/core/d2-icon-select/index.vue">
|
|
||||||
</PageHeader>
|
|
||||||
<div class="title-group">
|
<div class="title-group">
|
||||||
<p class="title">一般用法</p>
|
<p class="title">一般用法</p>
|
||||||
<p class="sub-title">
|
<p class="sub-title">
|
||||||
|
|||||||
@@ -1,10 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="ghost">
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<PageHeader
|
<PageHeader slot="header" title="SVG图标组件"></PageHeader>
|
||||||
slot="header"
|
|
||||||
title="SVG图标组件">
|
|
||||||
</PageHeader>
|
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col class="icon-card" :span="4" v-for="(icon, index) in $IconSvg" :key="index">
|
<el-col class="icon-card" :span="4" v-for="(icon, index) in $IconSvg" :key="index">
|
||||||
<d2-icon-svg class="icon" :name="icon"/>
|
<d2-icon-svg class="icon" :name="icon"/>
|
||||||
|
|||||||
@@ -17,11 +17,6 @@
|
|||||||
<div class="d2-mb">拖拽卡片调整位置</div>
|
<div class="d2-mb">拖拽卡片调整位置</div>
|
||||||
<div class="d2-mb">拖拽卡片右下角的手柄调整卡片大小</div>
|
<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>
|
</template>
|
||||||
</el-card>
|
</el-card>
|
||||||
</GridItem>
|
</GridItem>
|
||||||
|
|||||||
@@ -1,10 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container>
|
<d2-container>
|
||||||
<PageHeader
|
<PageHeader slot="header" title="基本示例"></PageHeader>
|
||||||
slot="header"
|
|
||||||
title="基本示例"
|
|
||||||
url="https://github.com/PanJiaChen/vue-split-pane">
|
|
||||||
</PageHeader>
|
|
||||||
<div style="height: 400px; margin: -16px;">
|
<div style="height: 400px; margin: -16px;">
|
||||||
<SplitPane :min-percent='20' :default-percent='30' split="vertical">
|
<SplitPane :min-percent='20' :default-percent='30' split="vertical">
|
||||||
<template slot="paneL"><div style="margin: 10px;">左</div></template>
|
<template slot="paneL"><div style="margin: 10px;">左</div></template>
|
||||||
|
|||||||
@@ -1,10 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container>
|
<d2-container>
|
||||||
<PageHeader
|
<PageHeader slot="header" title="效果演示"></PageHeader>
|
||||||
slot="header"
|
|
||||||
title="效果演示"
|
|
||||||
url="https://github.com/FairyEver/d2admin-vue-element/blob/master/src/components/core/Markdown/index.vue">
|
|
||||||
</PageHeader>
|
|
||||||
<d2-markdown url="/static/md/组件 - markdown - 演示.md"/>
|
<d2-markdown url="/static/md/组件 - markdown - 演示.md"/>
|
||||||
</d2-container>
|
</d2-container>
|
||||||
</template>
|
</template>
|
||||||
@@ -1,10 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container>
|
<d2-container>
|
||||||
<PageHeader
|
<PageHeader slot="header" title="基本示例"></PageHeader>
|
||||||
slot="header"
|
|
||||||
title="基本示例"
|
|
||||||
url="https://github.com/lgarron/clipboard-polyfill">
|
|
||||||
</PageHeader>
|
|
||||||
<el-row :gutter="10">
|
<el-row :gutter="10">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<div class="d2-mb">
|
<div class="d2-mb">
|
||||||
|
|||||||
@@ -1,9 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container>
|
<d2-container>
|
||||||
<PageHeader
|
<PageHeader slot="header" title="导出表格"></PageHeader>
|
||||||
slot="header"
|
|
||||||
title="导出表格">
|
|
||||||
</PageHeader>
|
|
||||||
<div class="d2-mb">
|
<div class="d2-mb">
|
||||||
<el-button type="primary" @click="exportCsv">
|
<el-button type="primary" @click="exportCsv">
|
||||||
<d2-icon name="download"/>
|
<d2-icon name="download"/>
|
||||||
|
|||||||
@@ -1,9 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container>
|
<d2-container>
|
||||||
<PageHeader
|
<PageHeader slot="header" title="导出文本"></PageHeader>
|
||||||
slot="header"
|
|
||||||
title="导出文本">
|
|
||||||
</PageHeader>
|
|
||||||
<el-input
|
<el-input
|
||||||
type="textarea"
|
type="textarea"
|
||||||
:autosize="{minRows: 2, maxRows: 4}"
|
:autosize="{minRows: 2, maxRows: 4}"
|
||||||
|
|||||||
@@ -1,10 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container>
|
<d2-container>
|
||||||
<PageHeader
|
<PageHeader slot="header" :title="`${$t('pub.pageHeader.demo')} 1`"></PageHeader>
|
||||||
slot="header"
|
|
||||||
:title="`${$t('pub.pageHeader.demo')} 1`"
|
|
||||||
url="http://kazupon.github.io/vue-i18n/en/">
|
|
||||||
</PageHeader>
|
|
||||||
<DemoI18nControl></DemoI18nControl>
|
<DemoI18nControl></DemoI18nControl>
|
||||||
<DemoI18n></DemoI18n>
|
<DemoI18n></DemoI18n>
|
||||||
</d2-container>
|
</d2-container>
|
||||||
|
|||||||
@@ -1,10 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container>
|
<d2-container>
|
||||||
<PageHeader
|
<PageHeader slot="header" :title="`${$t('pub.pageHeader.demo')} 2`"></PageHeader>
|
||||||
slot="header"
|
|
||||||
:title="`${$t('pub.pageHeader.demo')} 2`"
|
|
||||||
url="http://kazupon.github.io/vue-i18n/en/">
|
|
||||||
</PageHeader>
|
|
||||||
<DemoI18nControl></DemoI18nControl>
|
<DemoI18nControl></DemoI18nControl>
|
||||||
<DemoI18n></DemoI18n>
|
<DemoI18n></DemoI18n>
|
||||||
</d2-container>
|
</d2-container>
|
||||||
|
|||||||
@@ -1,10 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container>
|
<d2-container>
|
||||||
<PageHeader
|
<PageHeader slot="header" title="导入 csv"></PageHeader>
|
||||||
slot="header"
|
|
||||||
title="导入 csv"
|
|
||||||
url="https://github.com/mholt/PapaParse">
|
|
||||||
</PageHeader>
|
|
||||||
<div class="d2-mb">
|
<div class="d2-mb">
|
||||||
<el-button @click="download">
|
<el-button @click="download">
|
||||||
<d2-icon name="download"/>
|
<d2-icon name="download"/>
|
||||||
|
|||||||
@@ -1,10 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container>
|
<d2-container>
|
||||||
<PageHeader
|
<PageHeader slot="header" title="导入 xlsx"></PageHeader>
|
||||||
slot="header"
|
|
||||||
title="导入 xlsx"
|
|
||||||
url="https://github.com/SheetJS/js-xlsx">
|
|
||||||
</PageHeader>
|
|
||||||
<div class="d2-mb">
|
<div class="d2-mb">
|
||||||
<el-button @click="download">
|
<el-button @click="download">
|
||||||
<d2-icon name="download"/>
|
<d2-icon name="download"/>
|
||||||
|
|||||||
@@ -1,11 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="ghost">
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<PageHeader
|
<PageHeader slot="header" title="基本示例"></PageHeader>
|
||||||
slot="header"
|
|
||||||
title="基本示例"
|
|
||||||
url="https://github.com/js-cookie/js-cookie">
|
|
||||||
</PageHeader>
|
|
||||||
<p class="d2-mt-0">基本读写删</p>
|
<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="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>
|
<el-button type="info" @click="get('test-user-name')">get('test-user-name')</el-button>
|
||||||
|
|||||||
@@ -1,11 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="ghost">
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<PageHeader
|
<PageHeader slot="header" title="数据占位符"></PageHeader>
|
||||||
slot="header"
|
|
||||||
title="数据占位符"
|
|
||||||
url="https://github.com/nuysoft/Mock">
|
|
||||||
</PageHeader>
|
|
||||||
<d2-markdown url="/static/md/插件 - mock演示页面介绍.md"/>
|
<d2-markdown url="/static/md/插件 - mock演示页面介绍.md"/>
|
||||||
</el-card>
|
</el-card>
|
||||||
<MockDemoCard
|
<MockDemoCard
|
||||||
|
|||||||
@@ -1,11 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="ghost">
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<PageHeader
|
<PageHeader slot="header" title="数据模板"></PageHeader>
|
||||||
slot="header"
|
|
||||||
title="数据模板"
|
|
||||||
url="https://github.com/nuysoft/Mock">
|
|
||||||
</PageHeader>
|
|
||||||
<d2-markdown url="/static/md/插件 - mock演示页面介绍.md"/>
|
<d2-markdown url="/static/md/插件 - mock演示页面介绍.md"/>
|
||||||
</el-card>
|
</el-card>
|
||||||
<MockDemoCard
|
<MockDemoCard
|
||||||
|
|||||||
@@ -1,10 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="ghost">
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<PageHeader
|
<PageHeader title="基本示例"></PageHeader>
|
||||||
title="基本示例"
|
|
||||||
url="https://github.com/hustcc/timeago.js">
|
|
||||||
</PageHeader>
|
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<div class="d2-text-center">
|
<div class="d2-text-center">
|
||||||
|
|||||||
Reference in New Issue
Block a user