@hubary/vue-cron-generator
v1.0.0
Published
```bash ## 安装 ## 优化1 去除style下global.less文件无css预处理器的依赖 , 适应less/sass 环境,使用时更友好 ## 优化2 将cell-div cell-symbol更名为cron-common-cell-div cron-common-cell-symbol,缩小重复概率防止全局样式污染 npm i @hubary/vue-cron-generator
Downloads
124
Maintainers
Readme
@hubary/vue-cron-generator
## 安装
## 优化1 去除style下global.less文件无css预处理器的依赖 , 适应less/sass 环境,使用时更友好
## 优化2 将cell-div cell-symbol更名为cron-common-cell-div cron-common-cell-symbol,缩小重复概率防止全局样式污染
npm i @hubary/vue-cron-generator
移植自vue-cron-generator
https://gitee.com/ldang264/vue-cron-generator
以下为vue-cron-generator原版README.md文件内容
a project using vue,element-ui to generate cron expression 中文 Online demo
Used by
👉 Attemper: A distributed,multi-tenancy,job-flow scheduling application 👈
Use(Example)
- Install dependency(npm)
npm install vue-cron-generator
import Vue from 'vue'
import VueI18n from 'vue-i18n'
import elementEnLocale from 'element-ui/lib/locale/lang/en'
import elementZhCNLocale from 'element-ui/lib/locale/lang/zh-CN'
import enUSLocale from './en-US'
import zhCNLocale from './zh-CN'
import { getLocale } from '../util/tools'
Vue.use(VueI18n)
const messages = {
en_US: {
...enUSLocale,
...elementEnLocale
},
zh_CN: {
...zhCNLocale,
...elementZhCNLocale
}
},
i18n = new VueI18n({
// set locale
// options: en | zh
locale: getLocale(),
// set locale messages
messages
})
export default i18n
import Vue from 'vue'
import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import App from './App'
import i18n from './lang' // Internationalization
Vue.use(Element, {
size: localStorage.getItem('size') || 'small', // set element-ui default size
i18n: (key, value) => i18n.t(key, value)
})
new Vue({
el: '#app',
i18n,
render: h => h(App)
})
- Vue file
<template>
<div id="app">
<el-row>
<el-col :span="6" :offset="9">
<cron-input v-model="cron" @change="change" @reset="reset"/>
</el-col>
</el-row>
</div>
</template>
<script>
import CronInput from 'vue-cron-generator/src/components/cron-input'
import { DEFAULT_CRON_EXPRESSION } from 'vue-cron-generator/src/constant/filed'
export default {
name: 'App',
components: {
CronInput
},
data() {
return {
cron: DEFAULT_CRON_EXPRESSION
}
},
methods: {
change(cron) {
this.cron = cron
},
reset(cron) {
this.cron = DEFAULT_CRON_EXPRESSION
}
}
}
</script>
<style lang="less">
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
</style>
- Run your project
Build Source Code
# install dependencies
npm install vue-cron-generator
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build