remove filters
Former-commit-id: 98be7f49932856173f0a00f4e5468dc65526e8eb [formerly 98be7f49932856173f0a00f4e5468dc65526e8eb [formerly 98be7f49932856173f0a00f4e5468dc65526e8eb [formerly 98be7f49932856173f0a00f4e5468dc65526e8eb [formerly 26298ed935e1cc1aae9f32c9804f96891580ef2f [formerly e08f36b9a1962a87627f2724461daee3de0328d2]]]]] Former-commit-id: 80510c9b7017652ed708f70250029b75eddadb7e Former-commit-id: 79a6a2fd8888c3405676ce27f885cf412ded620c Former-commit-id: 4b36db262aded966d5057abbf131b78cead537e8 [formerly e8feec2bca77df8842569f27df41948a27d4e02f] Former-commit-id: ae8bd6b3b7ed83fdcfea77cb1327e9168fddb1c0 Former-commit-id: 9f1fac3bef99b0d85f52f2460b2af7680e80adb6 Former-commit-id: 9a706d4aab904611166baaed08e4f652ed1df4d5 Former-commit-id: f9e14db9d3d4af13b7690ebebba21147abeb5281 Former-commit-id: c8df3e28690ffb971c58c5924f5fdc9350fc5c24
This commit is contained in:
@@ -25,8 +25,6 @@ import VueUeditorWrap from 'vue-ueditor-wrap'
|
||||
// [ 可选插件 ] 数据导入导出
|
||||
import pluginExport from '@d2-projects/vue-table-export'
|
||||
import pluginImport from '@d2-projects/vue-table-import'
|
||||
// [ 可选过滤器 ] 日期相关过滤器
|
||||
import d2VueFiltersDayjs from '@d2-admin/filters-dayjs'
|
||||
|
||||
// 菜单和路由设置
|
||||
import router from './router'
|
||||
@@ -43,7 +41,6 @@ Vue.use(contentmenu)
|
||||
Vue.use(vueJsonTreeView)
|
||||
Vue.use(pluginExport)
|
||||
Vue.use(pluginImport)
|
||||
Vue.use(d2VueFiltersDayjs)
|
||||
Vue.component('d2-grid-layout', GridLayout)
|
||||
Vue.component('d2-grid-item', GridItem)
|
||||
Vue.component('SplitPane', SplitPane)
|
||||
|
||||
@@ -6,8 +6,6 @@ import demoComponents from './modules/demo-components'
|
||||
import demoCharts from './modules/demo-charts'
|
||||
// 组件库
|
||||
import demoElement from './modules/demo-element'
|
||||
// 组件库
|
||||
import demoFilters from './modules/demo-filters'
|
||||
// 试验台
|
||||
import demoPlayground from './modules/demo-playground'
|
||||
// 示例
|
||||
@@ -23,7 +21,6 @@ export const menuAside = [
|
||||
demoPlugins,
|
||||
demoCharts,
|
||||
demoElement,
|
||||
demoFilters,
|
||||
demoPlayground,
|
||||
demoBusiness,
|
||||
demoD2Crud,
|
||||
@@ -43,7 +40,6 @@ export const menuHeader = [
|
||||
children: [
|
||||
demoD2Crud,
|
||||
demoComponents,
|
||||
demoFilters,
|
||||
demoElement,
|
||||
demoCharts,
|
||||
demoPlugins,
|
||||
|
||||
@@ -1,9 +0,0 @@
|
||||
export default {
|
||||
path: '/demo/filters',
|
||||
title: '内置过滤器',
|
||||
icon: 'flask',
|
||||
children: (pre => [
|
||||
{ path: `${pre}index`, title: '内置过滤器', icon: 'home' },
|
||||
{ path: `${pre}day`, title: '日期和时间', icon: 'calendar' }
|
||||
])('/demo/filters/')
|
||||
}
|
||||
@@ -1,28 +0,0 @@
|
||||
import layoutHeaderAside from '@/layout/header-aside'
|
||||
|
||||
// 由于懒加载页面太多的话会造成webpack热更新太慢,所以开发环境不使用懒加载,只有生产环境使用懒加载
|
||||
const _import = require('@/libs/util.import.' + process.env.NODE_ENV)
|
||||
|
||||
const meta = { auth: true }
|
||||
|
||||
export default {
|
||||
path: '/demo/filters',
|
||||
name: 'demo-filters',
|
||||
meta,
|
||||
redirect: { name: 'demo-filters-index' },
|
||||
component: layoutHeaderAside,
|
||||
children: (pre => [
|
||||
{
|
||||
path: 'index',
|
||||
name: `${pre}index`,
|
||||
component: _import('demo/filters/index'),
|
||||
meta: { ...meta, title: '过滤器首页' }
|
||||
},
|
||||
{
|
||||
path: 'day',
|
||||
name: `${pre}day`,
|
||||
component: _import('demo/filters/day'),
|
||||
meta: { ...meta, title: '日期和时间' }
|
||||
}
|
||||
])('demo-filters-')
|
||||
}
|
||||
@@ -5,7 +5,6 @@ import plugins from './modules/plugins'
|
||||
import charts from './modules/charts'
|
||||
import components from './modules/components'
|
||||
import element from './modules/element'
|
||||
import filters from './modules/filters'
|
||||
import business from './modules/business'
|
||||
|
||||
import layoutHeaderAside from '@/layout/header-aside'
|
||||
@@ -64,7 +63,6 @@ const frameIn = [
|
||||
charts,
|
||||
components,
|
||||
element,
|
||||
filters,
|
||||
business
|
||||
]
|
||||
|
||||
|
||||
@@ -1,69 +0,0 @@
|
||||
<template>
|
||||
<div class="d2-mb-10">
|
||||
<el-button-group>
|
||||
<el-button
|
||||
class="code-and-result--button"
|
||||
size="mini">
|
||||
原值
|
||||
</el-button>
|
||||
</el-button-group>
|
||||
<d2-icon name="plus" class="code-and-result--icon"/>
|
||||
<el-button-group>
|
||||
<el-button
|
||||
v-for="(label, index) in labelList"
|
||||
:key="index"
|
||||
class="code-and-result--button"
|
||||
size="mini"
|
||||
type="primary"
|
||||
@click="handleClip(label)">
|
||||
{{label}}
|
||||
</el-button>
|
||||
</el-button-group>
|
||||
<d2-icon name="arrow-right" class="code-and-result--icon"/>
|
||||
<span class="code-and-result--value">{{value}}</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as clipboard from 'clipboard-polyfill'
|
||||
export default {
|
||||
props: {
|
||||
label: {
|
||||
default: ''
|
||||
},
|
||||
value: {
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
labelList () {
|
||||
return this.label.split('|')
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleClip (value) {
|
||||
clipboard.writeText(value)
|
||||
this.$notify({
|
||||
title: '成功',
|
||||
message: `${value} 已经复制到剪贴板`,
|
||||
type: 'success'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.code-and-result--button {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.code-and-result--icon {
|
||||
color: $color-info;
|
||||
margin: 0px 20px;
|
||||
}
|
||||
.code-and-result--value {
|
||||
font-size: 14px;
|
||||
color: $color-text-main;
|
||||
}
|
||||
</style>
|
||||
@@ -1,41 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<h1 class="code-title">{{title}}</h1>
|
||||
<h2 class="code-title--sub">{{subTitle}}</h2>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
title: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
subTitle: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.code-title {
|
||||
margin: 0px;
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
color: $color-text-main;
|
||||
margin: 10px 0;
|
||||
&:first-child {
|
||||
margin-top: 0px;
|
||||
}
|
||||
}
|
||||
.code-title--sub {
|
||||
margin: 0px;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
color: $color-text-sub;
|
||||
margin: 10px 0;
|
||||
}
|
||||
</style>
|
||||
@@ -1,97 +0,0 @@
|
||||
<template>
|
||||
<d2-container>
|
||||
<div slot="header" flex="main:justify">
|
||||
<el-date-picker size="mini" type="datetime" v-model="value" placeholder="选择一个日期"/>
|
||||
<el-button size="mini" type="primary">原值 value : {{value}}</el-button>
|
||||
</div>
|
||||
<code-title title="获取" sub-title="获取日期的指定部分"/>
|
||||
<code-and-result label="date_year" :value="value|date_year"/>
|
||||
<code-and-result label="date_month" :value="value|date_month"/>
|
||||
<code-and-result label="date_date" :value="value|date_date"/>
|
||||
<code-and-result label="date_day" :value="value|date_day"/>
|
||||
<code-and-result label="date_hour" :value="value|date_hour"/>
|
||||
<code-and-result label="date_minute" :value="value|date_minute"/>
|
||||
<code-and-result label="date_second" :value="value|date_second"/>
|
||||
<code-and-result label="date_millisecond" :value="value|date_millisecond"/>
|
||||
<code-title title="设置" sub-title="设置日期指定部分的值"/>
|
||||
<code-and-result label="date_set('year', 2020)|date_format('< YYYY > - MM - DD')" :value="value|date_set('year', 2020)|date_format('< YYYY > - MM - DD')"/>
|
||||
<code-and-result label="date_set('month', 0)|date_format('YYYY - < MM > - DD')" :value="value|date_set('month', 0)|date_format('YYYY - < MM > - DD')"/>
|
||||
<code-and-result label="date_set('date', 1)|date_format('YYYY - MM - < DD >')" :value="value|date_set('date', 1)|date_format('YYYY - MM - < DD >')"/>
|
||||
<code-and-result label="date_set('hour', 0)|date_format('< HH > : mm : ss')" :value="value|date_set('hour', 0)|date_format('< HH > : mm : ss')"/>
|
||||
<code-and-result label="date_set('minute', 0)|date_format('HH : < mm > : ss')" :value="value|date_set('minute', 0)|date_format('HH : < mm > : ss')"/>
|
||||
<code-and-result label="date_set('second', 0)|date_format('HH : mm : < ss >')" :value="value|date_set('second', 0)|date_format('HH : mm : < ss >')"/>
|
||||
<code-title title="增加" sub-title="增加时间并返回一个新的 Dayjs 对象"/>
|
||||
<code-and-result label="date_add(1, 'year')|date_format('< YYYY > - MM - DD')" :value="value|date_add(1, 'year')|date_format('< YYYY > - MM - DD')"/>
|
||||
<code-and-result label="date_add(1, 'month')|date_format('YYYY - < MM > - DD')" :value="value|date_add(1, 'month')|date_format('YYYY - < MM > - DD')"/>
|
||||
<code-and-result label="date_add(1, 'day')|date_format('YYYY - MM - < DD >')" :value="value|date_add(1, 'day')|date_format('YYYY - MM - < DD >')"/>
|
||||
<code-and-result label="date_add(1, 'hour')|date_format('< HH > : mm : ss')" :value="value|date_add(1, 'hour')|date_format('< HH > : mm : ss')"/>
|
||||
<code-and-result label="date_add(1, 'minute')|date_format('HH : < mm > : ss')" :value="value|date_add(1, 'minute')|date_format('HH : < mm > : ss')"/>
|
||||
<code-and-result label="date_add(1, 'second')|date_format('HH : mm : < ss >')" :value="value|date_add(1, 'second')|date_format('HH : mm : < ss >')"/>
|
||||
<code-title title="减少" sub-title="减少时间并返回一个新的 Dayjs 对象"/>
|
||||
<code-and-result label="date_subtract(1, 'year')|date_format('< YYYY > - MM - DD')" :value="value|date_subtract(1, 'year')|date_format('< YYYY > - MM - DD')"/>
|
||||
<code-and-result label="date_subtract(1, 'month')|date_format('YYYY - < MM > - DD')" :value="value|date_subtract(1, 'month')|date_format('YYYY - < MM > - DD')"/>
|
||||
<code-and-result label="date_subtract(1, 'day')|date_format('YYYY - MM - < DD >')" :value="value|date_subtract(1, 'day')|date_format('YYYY - MM - < DD >')"/>
|
||||
<code-and-result label="date_subtract(1, 'hour')|date_format('< HH > : mm : ss')" :value="value|date_subtract(1, 'hour')|date_format('< HH > : mm : ss')"/>
|
||||
<code-and-result label="date_subtract(1, 'minute')|date_format('HH : < mm > : ss')" :value="value|date_subtract(1, 'minute')|date_format('HH : < mm > : ss')"/>
|
||||
<code-and-result label="date_subtract(1, 'second')|date_format('HH : mm : < ss >')" :value="value|date_subtract(1, 'second')|date_format('HH : mm : < ss >')"/>
|
||||
<code-title title="开头时间" sub-title="返回当前时间的开头时间的 Dayjs 对象,如月份的第一天"/>
|
||||
<code-and-result label="date_startof('year')|date_format" :value="value|date_startof('year')|date_format"/>
|
||||
<code-and-result label="date_startof('month')|date_format" :value="value|date_startof('month')|date_format"/>
|
||||
<code-and-result label="date_startof('date')|date_format" :value="value|date_startof('date')|date_format"/>
|
||||
<code-and-result label="date_startof('hour')|date_format" :value="value|date_startof('hour')|date_format"/>
|
||||
<code-and-result label="date_startof('minute')|date_format" :value="value|date_startof('minute')|date_format"/>
|
||||
<code-title title="末尾时间" sub-title="返回当前时间的末尾时间的 Dayjs 对象,如月份的最后一天"/>
|
||||
<code-and-result label="date_endof('year')|date_format" :value="value|date_endof('year')|date_format"/>
|
||||
<code-and-result label="date_endof('month')|date_format" :value="value|date_endof('month')|date_format"/>
|
||||
<code-and-result label="date_endof('date')|date_format" :value="value|date_endof('date')|date_format"/>
|
||||
<code-and-result label="date_endof('hour')|date_format" :value="value|date_endof('hour')|date_format"/>
|
||||
<code-and-result label="date_endof('minute')|date_format" :value="value|date_endof('minute')|date_format"/>
|
||||
<code-title title="显示" sub-title="格式化 Dayjs 对象并展示"/>
|
||||
<code-and-result label="date_format" :value="value|date_format"/>
|
||||
<code-and-result label="date_format('YY-MM-DD')" :value="value|date_format('YY-MM-DD')"/>
|
||||
<code-and-result label="date_format('YYYY-M-D')" :value="value|date_format('YYYY-M-D')"/>
|
||||
<code-and-result label="date_format('YYYY-M-D H:m:s')" :value="value|date_format('YYYY-M-D H:m:s')"/>
|
||||
<code-title title="时间差" sub-title="获取两个 Dayjs 对象的时间差,默认毫秒"/>
|
||||
<code-and-result label="date_diff('2012-10-31', 'year')" :value="value|date_diff('2012-10-31', 'year')"/>
|
||||
<code-and-result label="date_diff('2012-10-31', 'month')" :value="value|date_diff('2012-10-31', 'month')"/>
|
||||
<code-and-result label="date_diff('2012-10-31', 'day')" :value="value|date_diff('2012-10-31', 'day')"/>
|
||||
<code-and-result label="date_diff('2012-10-31', 'hour')" :value="value|date_diff('2012-10-31', 'hour')"/>
|
||||
<code-and-result label="date_diff('2012-10-31', 'minute')" :value="value|date_diff('2012-10-31', 'minute')"/>
|
||||
<code-and-result label="date_diff('2012-10-31', 'second')" :value="value|date_diff('2012-10-31', 'second')"/>
|
||||
<code-title title="Unix 时间戳" sub-title="返回毫秒和秒"/>
|
||||
<code-and-result label="date_value_millisecond" :value="value|date_value_millisecond"/>
|
||||
<code-and-result label="date_value_second" :value="value|date_value_second"/>
|
||||
<code-title title="月份天数" sub-title="返回传入日期月份的天数"/>
|
||||
<code-and-result label="date_days_in_month" :value="value|date_days_in_month"/>
|
||||
<code-title title="处理为其它格式" sub-title="原生的 Date 对象,数组,json,ios 标准,对象,字符串"/>
|
||||
<code-and-result label="date_to_date" :value="value|date_to_date"/>
|
||||
<code-and-result label="date_to_json" :value="value|date_to_json"/>
|
||||
<code-and-result label="date_to_iso" :value="value|date_to_iso"/>
|
||||
<code-and-result label="date_to_string" :value="value|date_to_string"/>
|
||||
<code-title title="查询" sub-title="是否之前,之后,或者相同"/>
|
||||
<code-and-result label="date_is_before('2020-1-1')" :value="value|date_is_before('2020-1-1')"/>
|
||||
<code-and-result label="date_is_after('2012-1-1')" :value="value|date_is_after('2012-1-1')"/>
|
||||
<code-and-result label="date_is_same(new Date())" :value="value|date_is_same(new Date())"/>
|
||||
<code-and-result label="date_is_same(new Date(), 'date')" :value="value|date_is_same(new Date(), 'date')"/>
|
||||
<template slot="footer">
|
||||
<d2-link-btn title="文档" link="https://doc.d2admin.fairyever.com/zh/sys-plugins/vue-filters-date.html"/>
|
||||
</template>
|
||||
</d2-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import codeTitle from './components/code-title'
|
||||
import codeAndResult from './components/code-and-result'
|
||||
export default {
|
||||
components: {
|
||||
codeTitle,
|
||||
codeAndResult
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
value: new Date(),
|
||||
filename: __filename
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -1,21 +0,0 @@
|
||||
<template>
|
||||
<d2-container type="ghost">
|
||||
<d2-module-index-banner slot="header" v-bind="banner"/>
|
||||
<d2-module-index-menu :menu="menu"/>
|
||||
</d2-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import menu from '@/menu/modules/demo-filters'
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
menu,
|
||||
banner: {
|
||||
title: 'FILTERS',
|
||||
subTitle: '内置过滤器'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user