├── .babelrc
├── .gitignore
├── .npmignore
├── LICENSE
├── README.md
├── build
    └── cron.min.js
├── config
    ├── cooking.build.js
    └── cooking.dev.js
├── dist
    ├── app.ce15cda.js
    └── index.html
├── language
    ├── cn.js
    ├── en.js
    ├── index.js
    └── pt_br.js
├── package-lock.json
├── package.json
├── src
    ├── index.js
    └── index.vue
└── test
    ├── index.js
    ├── index.tpl
    └── test.vue


/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": ["es2015", "stage-0", "stage-2"],
 3 |   "comments": false,
 4 |   "env": {
 5 |     "production": {
 6 |       "plugins": [
 7 |         ["transform-runtime", { "polyfill": false, "regenerator": false }]
 8 |       ]
 9 |     }
10 |   }
11 | }
12 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | .DS_Store
3 | npm-debug.log
4 | lerna-debug.log
5 | npm-debug.log.*
6 | lerna-debug.log.*
7 | .idea
8 | .npmrc
9 | 


--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
1 | /*
2 | !/src
3 | !/build
4 | !README.md
5 | !package.json
6 | !LICENSE
7 | !package-lock.json
8 | 
9 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2016 Jack(1615450788)
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # vue-cron
  2 | 
  3 | ![CocoaPods](https://img.shields.io/npm/dt/vue-cron.svg)
  4 | ![CocoaPods](https://img.shields.io/npm/v/vue-cron.svg)
  5 | 
  6 | 
  7 | 这是一个cron表达式生成插件,基于vue与element-ui实现
  8 | [demo](https://1615450788.github.io/vue-cron/dist/index)
  9 | 
 10 | 
 11 | ## 依赖
 12 | - Vue 2.0.0+
 13 | - element-ui 2.0.0+
 14 | 
 15 | ## 安装方式
 16 | ```
 17 | npm install vue-cron
 18 | ```
 19 | 
 20 | ## 引入方式
 21 | ```javascript
 22 | //前置配置
 23 | import Vue from 'vue'
 24 | import ElementUI from 'element-ui';
 25 | import 'element-ui/lib/theme-chalk/index.css'
 26 | Vue.use(ElementUI);
 27 | 
 28 | //全局引入
 29 | import VueCron from 'vue-cron'
 30 | Vue.use(VueCron);//使用方式：<vueCron></vueCron>
 31 | 
 32 | //局部引入
 33 | import {cron} from 'vue-cron'
 34 | 
 35 | export default {
 36 |     template: '<cron/>',
 37 |     components: { cron }
 38 | }
 39 | ```
 40 | 
 41 | ## 示例
 42 | ```vue
 43 | <template>
 44 |     <div class="cron">
 45 |         <h1>vue-cron</h1>
 46 |         <el-popover v-model="cronPopover">
 47 |             <cron @change="changeCron" @close="cronPopover=false" i18n="en"></cron>
 48 |             <el-input slot="reference" @click="cronPopover=true" v-model="cron" placeholder="请输入定时策略"></el-input>
 49 |         </el-popover>
 50 |     </div>
 51 | </template>
 52 | 
 53 | <script>
 54 |     import {cron} from 'vue-cron';
 55 | 
 56 |     export default {
 57 |         components: { cron },
 58 |         data(){
 59 |             return {
 60 |                 cronPopover:false,
 61 |                 cron:''
 62 |             }
 63 |         },
 64 |         methods: {
 65 |             changeCron(val){
 66 |                 this.cron=val
 67 |             },
 68 |         },
 69 |     }
 70 | </script>
 71 | ```
 72 | 
 73 | 在示例中我使用了es6(es2015)语法,你可能需要引入babel-polyfill才能正常运行,或者你也可以用es5的写法
 74 | 
 75 | ## 参数
 76 | 
 77 | - i18n
 78 | 
 79 |     - 参数 `{String} language` 目前仅支持`en|cn`
 80 |     
 81 |     国际化支持
 82 | 
 83 | ## 事件
 84 | - change(cronText)
 85 | 
 86 |     - 参数：`{String} cronText` cron表达式的值
 87 |     
 88 |     当corn表达式的值发生变化变化时触发
 89 |     
 90 | - close()
 91 | 
 92 |     - 参数：无
 93 |     
 94 |     当点击corn表达式选择框取消按钮时触发
 95 |     
 96 | ## 联系方式
 97 | 
 98 | 邮箱 : 1615450788@qq.com
 99 | 
100 | 有任何问题请发Issues或者邮箱联系我-.-  谢谢!
101 | 


--------------------------------------------------------------------------------
/build/cron.min.js:
--------------------------------------------------------------------------------
1 | module.exports=function(e){function t(r){if(n[r])return n[r].exports;var a=n[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,t),a.l=!0,a.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/dist/",t(t.s=15)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.cron=void 0;var r=n(8),a=function(e){return e&&e.__esModule?e:{default:e}}(r);t.cron=a.default;t.default={install:function(e){e.component(a.default.name,a.default)}}},function(e,t){e.exports=require("babel-polyfill")},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={Seconds:{name:"秒",every:"每一秒钟",interval:["每隔","秒执行 从","秒开始"],specific:"具体秒数(可多选)",cycle:["周期从","到","秒"]},Minutes:{name:"分",every:"每一分钟",interval:["每隔","分执行 从","分开始"],specific:"具体分钟数(可多选)",cycle:["周期从","到","分"]},Hours:{name:"时",every:"每一小时",interval:["每隔","小时执行 从","小时开始"],specific:"具体小时数(可多选)",cycle:["周期从","到","小时"]},Day:{name:"天",every:"每一天",intervalWeek:["每隔","周执行 从","开始"],intervalDay:["每隔","天执行 从","天开始"],specificWeek:"具体星期几(可多选)",specificDay:"具体天数(可多选)",lastDay:"在这个月的最后一天",lastWeekday:"在这个月的最后一个工作日",lastWeek:["在这个月的最后一个"],beforeEndMonth:["在本月底前","天"],nearestWeekday:["最近的工作日（周一至周五）至本月","日"],someWeekday:["在这个月的第","个"]},Week:["天","一","二","三","四","五","六"].map(function(e){return"星期"+e}),Month:{name:"月",every:"每一月",interval:["每隔","月执行 从","月开始"],specific:"具体月数(可多选)",cycle:["从","到","月之间的每个月"]},Year:{name:"年",every:"每一年",interval:["每隔","年执行 从","年开始"],specific:"具体年份(可多选)",cycle:["从","到","年之间的每一年"]},Save:"保存",Close:"关闭"}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={Seconds:{name:"Seconds",every:"Every second",interval:["Every","second(s) starting at second"],specific:"Specific second (choose one or many)",cycle:["Every second between second","and second"]},Minutes:{name:"Minutes",every:"Every minute",interval:["Every","minute(s) starting at minute"],specific:"Specific minute (choose one or many)",cycle:["Every minute between minute","and minute"]},Hours:{name:"Hours",every:"Every hour",interval:["Every","hour(s) starting at hour"],specific:"Specific hour (choose one or many)",cycle:["Every hour between hour","and hour"]},Day:{name:"Day",every:"Every day",intervalWeek:["Every","day(s) starting on"],intervalDay:["Every","day(s) starting at the","of the month"],specificWeek:"Specific day of week (choose one or many)",specificDay:"Specific day of month (choose one or many)",lastDay:"On the last day of the month",lastWeekday:"On the last weekday of the month",lastWeek:["On the last"," of the month"],beforeEndMonth:["day(s) before the end of the month"],nearestWeekday:["Nearest weekday (Monday to Friday) to the","of the month"],someWeekday:["On the","of the month"]},Week:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],Month:{name:"Month",every:"Every month",interval:["Every","month(s) starting in"],specific:"Specific month (choose one or many)",cycle:["Every month between","and"]},Year:{name:"Year",every:"Any year",interval:["Every","year(s) starting in"],specific:"Specific year (choose one or many)",cycle:["Every year between","and"]},Save:"Save",Close:"Close"}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(3),s=r(a),c=n(2),i=r(c);t.default={en:s.default,cn:i.default}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(14),s=r(a),c=n(4),i=r(c);t.default={name:"vueCron",props:["data","i18n"],data:function(){return{second:{cronEvery:"",incrementStart:"3",incrementIncrement:"5",rangeStart:"",rangeEnd:"",specificSpecific:[]},minute:{cronEvery:"",incrementStart:"3",incrementIncrement:"5",rangeStart:"",rangeEnd:"",specificSpecific:[]},hour:{cronEvery:"",incrementStart:"3",incrementIncrement:"5",rangeStart:"",rangeEnd:"",specificSpecific:[]},day:{cronEvery:"",incrementStart:"1",incrementIncrement:"1",rangeStart:"",rangeEnd:"",specificSpecific:[],cronLastSpecificDomDay:1,cronDaysBeforeEomMinus:"",cronDaysNearestWeekday:""},week:{cronEvery:"",incrementStart:"1",incrementIncrement:"1",specificSpecific:[],cronNthDayDay:1,cronNthDayNth:"1"},month:{cronEvery:"",incrementStart:"3",incrementIncrement:"5",rangeStart:"",rangeEnd:"",specificSpecific:[]},year:{cronEvery:"",incrementStart:"2017",incrementIncrement:"1",rangeStart:"",rangeEnd:"",specificSpecific:[]},output:{second:"",minute:"",hour:"",day:"",month:"",Week:"",year:""}}},watch:{data:function(){this.rest(this.$data)}},computed:{text:function(){return i.default[this.i18n||"cn"]},secondsText:function(){var e="";switch(this.second.cronEvery.toString()){case"1":e="*";break;case"2":e=this.second.incrementStart+"/"+this.second.incrementIncrement;break;case"3":this.second.specificSpecific.map(function(t){e+=t+","}),e=e.slice(0,-1);break;case"4":e=this.second.rangeStart+"-"+this.second.rangeEnd}return e},minutesText:function(){var e="";switch(this.minute.cronEvery.toString()){case"1":e="*";break;case"2":e=this.minute.incrementStart+"/"+this.minute.incrementIncrement;break;case"3":this.minute.specificSpecific.map(function(t){e+=t+","}),e=e.slice(0,-1);break;case"4":e=this.minute.rangeStart+"-"+this.minute.rangeEnd}return e},hoursText:function(){var e="";switch(this.hour.cronEvery.toString()){case"1":e="*";break;case"2":e=this.hour.incrementStart+"/"+this.hour.incrementIncrement;break;case"3":this.hour.specificSpecific.map(function(t){e+=t+","}),e=e.slice(0,-1);break;case"4":e=this.hour.rangeStart+"-"+this.hour.rangeEnd}return e},daysText:function(){var e="";switch(this.day.cronEvery.toString()){case"1":break;case"2":case"4":case"11":e="?";break;case"3":e=this.day.incrementStart+"/"+this.day.incrementIncrement;break;case"5":this.day.specificSpecific.map(function(t){e+=t+","}),e=e.slice(0,-1);break;case"6":e="L";break;case"7":e="LW";break;case"8":e=this.day.cronLastSpecificDomDay+"L";break;case"9":e="L-"+this.day.cronDaysBeforeEomMinus;break;case"10":e=this.day.cronDaysNearestWeekday+"W"}return e},weeksText:function(){var e="";switch(this.day.cronEvery.toString()){case"1":case"3":case"5":e="?";break;case"2":e=this.week.incrementStart+"/"+this.week.incrementIncrement;break;case"4":this.week.specificSpecific.map(function(t){e+=t+","}),e=e.slice(0,-1);break;case"6":case"7":case"8":case"9":case"10":e="?";break;case"11":e=this.week.cronNthDayDay+"#"+this.week.cronNthDayNth}return e},monthsText:function(){var e="";switch(this.month.cronEvery.toString()){case"1":e="*";break;case"2":e=this.month.incrementStart+"/"+this.month.incrementIncrement;break;case"3":this.month.specificSpecific.map(function(t){e+=t+","}),e=e.slice(0,-1);break;case"4":e=this.month.rangeStart+"-"+this.month.rangeEnd}return e},yearsText:function(){var e="";switch(this.year.cronEvery.toString()){case"1":e="*";break;case"2":e=this.year.incrementStart+"/"+this.year.incrementIncrement;break;case"3":this.year.specificSpecific.map(function(t){e+=t+","}),e=e.slice(0,-1);break;case"4":e=this.year.rangeStart+"-"+this.year.rangeEnd}return e},cron:function(){return(this.secondsText||"*")+" "+(this.minutesText||"*")+" "+(this.hoursText||"*")+" "+(this.daysText||"*")+" "+(this.monthsText||"*")+" "+(this.weeksText||"?")+" "+(this.yearsText||"*")}},methods:{getValue:function(){return this.cron},change:function(){this.$emit("change",this.cron),this.close()},close:function(){this.$emit("close")},rest:function(e){for(var t in e)if(e[t]instanceof Object)this.rest(e[t]);else switch((0,s.default)(e[t])){case"object":e[t]=[];break;case"string":e[t]=""}}},mounted:function(){}}},function(e,t,n){t=e.exports=n(7)(),t.push([e.i,"#changeContab .language[data-v-2580bfa7]{position:absolute;right:25px;z-index:1}#changeContab .el-tabs[data-v-2580bfa7]{box-shadow:none}#changeContab .tabBody .el-row[data-v-2580bfa7]{margin:10px 0}#changeContab .tabBody .el-row .long .el-select[data-v-2580bfa7]{width:350px}#changeContab .tabBody .el-row .el-input-number[data-v-2580bfa7]{width:110px}#changeContab .bottom[data-v-2580bfa7]{width:100%;text-align:center;margin-top:5px;position:relative}#changeContab .bottom .value[data-v-2580bfa7]{font-size:18px;vertical-align:middle}",""])},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var n=this[t];n[2]?e.push("@media "+n[2]+"{"+n[1]+"}"):e.push(n[1])}return e.join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},a=0;a<this.length;a++){var s=this[a][0];"number"==typeof s&&(r[s]=!0)}for(a=0;a<t.length;a++){var c=t[a];"number"==typeof c[0]&&r[c[0]]||(n&&!c[2]?c[2]=n:n&&(c[2]="("+c[2]+") and ("+n+")"),e.push(c))}},e}},function(e,t,n){"use strict";function r(e){n(11)}Object.defineProperty(t,"__esModule",{value:!0});var a=n(5),s=n.n(a),c=n(10),i=n(9),o=r,l=i(s.a,c.a,!1,o,"data-v-2580bfa7",null);t.default=l.exports},function(e,t){e.exports=function(e,t,n,r,a,s){var c,i=e=e||{},o=typeof e.default;"object"!==o&&"function"!==o||(c=e,i=e.default);var l="function"==typeof i?i.options:i;t&&(l.render=t.render,l.staticRenderFns=t.staticRenderFns,l._compiled=!0),n&&(l.functional=!0),a&&(l._scopeId=a);var u;if(s?(u=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},l._ssrRegister=u):r&&(u=r),u){var m=l.functional,d=m?l.render:l.beforeCreate;m?(l._injectStyles=u,l.render=function(e,t){return u.call(t),d(e,t)}):l.beforeCreate=d?[].concat(d,u):[u]}return{esModule:c,exports:i,options:l}}},function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"changeContab"}},[n("el-button",{staticClass:"language",attrs:{type:"text"},on:{click:function(t){e.i18n="en"===e.i18n?"cn":"en"}}},[e._v(e._s(e.i18n))]),n("el-tabs",{attrs:{type:"border-card"}},[n("el-tab-pane",[n("span",{attrs:{slot:"label"},slot:"label"},[n("i",{staticClass:"el-icon-date"}),e._v(" "+e._s(e.text.Seconds.name))]),n("div",{staticClass:"tabBody"},[n("el-row",[n("el-radio",{attrs:{label:"1"},model:{value:e.second.cronEvery,callback:function(t){e.$set(e.second,"cronEvery",t)},expression:"second.cronEvery"}},[e._v(e._s(e.text.Seconds.every))])],1),n("el-row",[n("el-radio",{attrs:{label:"2"},model:{value:e.second.cronEvery,callback:function(t){e.$set(e.second,"cronEvery",t)},expression:"second.cronEvery"}},[e._v(e._s(e.text.Seconds.interval[0])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:1,max:60},model:{value:e.second.incrementIncrement,callback:function(t){e.$set(e.second,"incrementIncrement",t)},expression:"second.incrementIncrement"}}),e._v("\n                        "+e._s(e.text.Seconds.interval[1]||"")+"\n                        "),n("el-input-number",{attrs:{size:"small",min:0,max:59},model:{value:e.second.incrementStart,callback:function(t){e.$set(e.second,"incrementStart",t)},expression:"second.incrementStart"}}),e._v("\n                        "+e._s(e.text.Seconds.interval[2]||"")+"\n                    ")],1)],1),n("el-row",[n("el-radio",{staticClass:"long",attrs:{label:"3"},model:{value:e.second.cronEvery,callback:function(t){e.$set(e.second,"cronEvery",t)},expression:"second.cronEvery"}},[e._v(e._s(e.text.Seconds.specific)+"\n                        "),n("el-select",{attrs:{size:"small",multiple:""},model:{value:e.second.specificSpecific,callback:function(t){e.$set(e.second,"specificSpecific",t)},expression:"second.specificSpecific"}},e._l(60,function(t){return n("el-option",{key:e.$index,attrs:{value:t-1}},[e._v(e._s(t-1))])}))],1)],1),n("el-row",[n("el-radio",{attrs:{label:"4"},model:{value:e.second.cronEvery,callback:function(t){e.$set(e.second,"cronEvery",t)},expression:"second.cronEvery"}},[e._v(e._s(e.text.Seconds.cycle[0])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:1,max:60},model:{value:e.second.rangeStart,callback:function(t){e.$set(e.second,"rangeStart",t)},expression:"second.rangeStart"}}),e._v("\n                        "+e._s(e.text.Seconds.cycle[1]||"")+"\n                        "),n("el-input-number",{attrs:{size:"small",min:0,max:59},model:{value:e.second.rangeEnd,callback:function(t){e.$set(e.second,"rangeEnd",t)},expression:"second.rangeEnd"}}),e._v("\n                        "+e._s(e.text.Seconds.cycle[2]||"")+"\n                    ")],1)],1)],1)]),n("el-tab-pane",[n("span",{attrs:{slot:"label"},slot:"label"},[n("i",{staticClass:"el-icon-date"}),e._v(" "+e._s(e.text.Minutes.name))]),n("div",{staticClass:"tabBody"},[n("el-row",[n("el-radio",{attrs:{label:"1"},model:{value:e.minute.cronEvery,callback:function(t){e.$set(e.minute,"cronEvery",t)},expression:"minute.cronEvery"}},[e._v(e._s(e.text.Minutes.every))])],1),n("el-row",[n("el-radio",{attrs:{label:"2"},model:{value:e.minute.cronEvery,callback:function(t){e.$set(e.minute,"cronEvery",t)},expression:"minute.cronEvery"}},[e._v(e._s(e.text.Minutes.interval[0])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:1,max:60},model:{value:e.minute.incrementIncrement,callback:function(t){e.$set(e.minute,"incrementIncrement",t)},expression:"minute.incrementIncrement"}}),e._v("\n                        "+e._s(e.text.Minutes.interval[1])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:0,max:59},model:{value:e.minute.incrementStart,callback:function(t){e.$set(e.minute,"incrementStart",t)},expression:"minute.incrementStart"}}),e._v("\n                        "+e._s(e.text.Minutes.interval[2]||"")+"\n                    ")],1)],1),n("el-row",[n("el-radio",{staticClass:"long",attrs:{label:"3"},model:{value:e.minute.cronEvery,callback:function(t){e.$set(e.minute,"cronEvery",t)},expression:"minute.cronEvery"}},[e._v(e._s(e.text.Minutes.specific)+"\n                        "),n("el-select",{attrs:{size:"small",multiple:""},model:{value:e.minute.specificSpecific,callback:function(t){e.$set(e.minute,"specificSpecific",t)},expression:"minute.specificSpecific"}},e._l(60,function(t){return n("el-option",{key:e.$index,attrs:{value:t-1}},[e._v(e._s(t-1))])}))],1)],1),n("el-row",[n("el-radio",{attrs:{label:"4"},model:{value:e.minute.cronEvery,callback:function(t){e.$set(e.minute,"cronEvery",t)},expression:"minute.cronEvery"}},[e._v(e._s(e.text.Minutes.cycle[0])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:1,max:60},model:{value:e.minute.rangeStart,callback:function(t){e.$set(e.minute,"rangeStart",t)},expression:"minute.rangeStart"}}),e._v("\n                        "+e._s(e.text.Minutes.cycle[1])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:0,max:59},model:{value:e.minute.rangeEnd,callback:function(t){e.$set(e.minute,"rangeEnd",t)},expression:"minute.rangeEnd"}}),e._v("\n                        "+e._s(e.text.Minutes.cycle[2])+"\n                    ")],1)],1)],1)]),n("el-tab-pane",[n("span",{attrs:{slot:"label"},slot:"label"},[n("i",{staticClass:"el-icon-date"}),e._v(" "+e._s(e.text.Hours.name))]),n("div",{staticClass:"tabBody"},[n("el-row",[n("el-radio",{attrs:{label:"1"},model:{value:e.hour.cronEvery,callback:function(t){e.$set(e.hour,"cronEvery",t)},expression:"hour.cronEvery"}},[e._v(e._s(e.text.Hours.every))])],1),n("el-row",[n("el-radio",{attrs:{label:"2"},model:{value:e.hour.cronEvery,callback:function(t){e.$set(e.hour,"cronEvery",t)},expression:"hour.cronEvery"}},[e._v(e._s(e.text.Hours.interval[0])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:0,max:23},model:{value:e.hour.incrementIncrement,callback:function(t){e.$set(e.hour,"incrementIncrement",t)},expression:"hour.incrementIncrement"}}),e._v("\n                        "+e._s(e.text.Hours.interval[1])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:0,max:23},model:{value:e.hour.incrementStart,callback:function(t){e.$set(e.hour,"incrementStart",t)},expression:"hour.incrementStart"}}),e._v("\n                        "+e._s(e.text.Hours.interval[2])+"\n                    ")],1)],1),n("el-row",[n("el-radio",{staticClass:"long",attrs:{label:"3"},model:{value:e.hour.cronEvery,callback:function(t){e.$set(e.hour,"cronEvery",t)},expression:"hour.cronEvery"}},[e._v(e._s(e.text.Hours.specific)+"\n                        "),n("el-select",{attrs:{size:"small",multiple:""},model:{value:e.hour.specificSpecific,callback:function(t){e.$set(e.hour,"specificSpecific",t)},expression:"hour.specificSpecific"}},e._l(24,function(t){return n("el-option",{key:e.$index,attrs:{value:t-1}},[e._v(e._s(t-1))])}))],1)],1),n("el-row",[n("el-radio",{attrs:{label:"4"},model:{value:e.hour.cronEvery,callback:function(t){e.$set(e.hour,"cronEvery",t)},expression:"hour.cronEvery"}},[e._v(e._s(e.text.Hours.cycle[0])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:0,max:23},model:{value:e.hour.rangeStart,callback:function(t){e.$set(e.hour,"rangeStart",t)},expression:"hour.rangeStart"}}),e._v("\n                        "+e._s(e.text.Hours.cycle[1])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:0,max:23},model:{value:e.hour.rangeEnd,callback:function(t){e.$set(e.hour,"rangeEnd",t)},expression:"hour.rangeEnd"}}),e._v("\n                        "+e._s(e.text.Hours.cycle[2])+"\n                    ")],1)],1)],1)]),n("el-tab-pane",[n("span",{attrs:{slot:"label"},slot:"label"},[n("i",{staticClass:"el-icon-date"}),e._v(" "+e._s(e.text.Day.name))]),n("div",{staticClass:"tabBody"},[n("el-row",[n("el-radio",{attrs:{label:"1"},model:{value:e.day.cronEvery,callback:function(t){e.$set(e.day,"cronEvery",t)},expression:"day.cronEvery"}},[e._v(e._s(e.text.Day.every))])],1),n("el-row",[n("el-radio",{attrs:{label:"2"},model:{value:e.day.cronEvery,callback:function(t){e.$set(e.day,"cronEvery",t)},expression:"day.cronEvery"}},[e._v(e._s(e.text.Day.intervalWeek[0])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:1,max:7},model:{value:e.week.incrementIncrement,callback:function(t){e.$set(e.week,"incrementIncrement",t)},expression:"week.incrementIncrement"}}),e._v("\n                        "+e._s(e.text.Day.intervalWeek[1])+"\n                        "),n("el-select",{attrs:{size:"small"},model:{value:e.week.incrementStart,callback:function(t){e.$set(e.week,"incrementStart",t)},expression:"week.incrementStart"}},e._l(7,function(t){return n("el-option",{key:e.$index,attrs:{label:e.text.Week[t-1],value:t}})})),e._v("\n                        "+e._s(e.text.Day.intervalWeek[2])+"\n                    ")],1)],1),n("el-row",[n("el-radio",{attrs:{label:"3"},model:{value:e.day.cronEvery,callback:function(t){e.$set(e.day,"cronEvery",t)},expression:"day.cronEvery"}},[e._v(e._s(e.text.Day.intervalDay[0])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:1,max:31},model:{value:e.day.incrementIncrement,callback:function(t){e.$set(e.day,"incrementIncrement",t)},expression:"day.incrementIncrement"}}),e._v("\n                        "+e._s(e.text.Day.intervalDay[1])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:1,max:31},model:{value:e.day.incrementStart,callback:function(t){e.$set(e.day,"incrementStart",t)},expression:"day.incrementStart"}}),e._v("\n                        "+e._s(e.text.Day.intervalDay[2])+"\n                    ")],1)],1),n("el-row",[n("el-radio",{staticClass:"long",attrs:{label:"4"},model:{value:e.day.cronEvery,callback:function(t){e.$set(e.day,"cronEvery",t)},expression:"day.cronEvery"}},[e._v(e._s(e.text.Day.specificWeek)+"\n                        "),n("el-select",{attrs:{size:"small",multiple:""},model:{value:e.week.specificSpecific,callback:function(t){e.$set(e.week,"specificSpecific",t)},expression:"week.specificSpecific"}},e._l(7,function(t){return n("el-option",{key:e.$index,attrs:{label:e.text.Week[t-1],value:["SUN","MON","TUE","WED","THU","FRI","SAT"][t-1]}})}))],1)],1),n("el-row",[n("el-radio",{staticClass:"long",attrs:{label:"5"},model:{value:e.day.cronEvery,callback:function(t){e.$set(e.day,"cronEvery",t)},expression:"day.cronEvery"}},[e._v(e._s(e.text.Day.specificDay)+"\n                        "),n("el-select",{attrs:{size:"small",multiple:""},model:{value:e.day.specificSpecific,callback:function(t){e.$set(e.day,"specificSpecific",t)},expression:"day.specificSpecific"}},e._l(31,function(t){return n("el-option",{key:e.$index,attrs:{value:t}},[e._v(e._s(t))])}))],1)],1),n("el-row",[n("el-radio",{attrs:{label:"6"},model:{value:e.day.cronEvery,callback:function(t){e.$set(e.day,"cronEvery",t)},expression:"day.cronEvery"}},[e._v(e._s(e.text.Day.lastDay))])],1),n("el-row",[n("el-radio",{attrs:{label:"7"},model:{value:e.day.cronEvery,callback:function(t){e.$set(e.day,"cronEvery",t)},expression:"day.cronEvery"}},[e._v(e._s(e.text.Day.lastWeekday))])],1),n("el-row",[n("el-radio",{attrs:{label:"8"},model:{value:e.day.cronEvery,callback:function(t){e.$set(e.day,"cronEvery",t)},expression:"day.cronEvery"}},[e._v(e._s(e.text.Day.lastWeek[0])+"\n                        "),n("el-select",{attrs:{size:"small"},model:{value:e.day.cronLastSpecificDomDay,callback:function(t){e.$set(e.day,"cronLastSpecificDomDay",t)},expression:"day.cronLastSpecificDomDay"}},e._l(7,function(t){return n("el-option",{key:e.$index,attrs:{label:e.text.Week[t-1],value:t}})})),e._v("\n                        "+e._s(e.text.Day.lastWeek[1]||"")+"\n                    ")],1)],1),n("el-row",[n("el-radio",{attrs:{label:"9"},model:{value:e.day.cronEvery,callback:function(t){e.$set(e.day,"cronEvery",t)},expression:"day.cronEvery"}},[n("el-input-number",{attrs:{size:"small",min:1,max:31},model:{value:e.day.cronDaysBeforeEomMinus,callback:function(t){e.$set(e.day,"cronDaysBeforeEomMinus",t)},expression:"day.cronDaysBeforeEomMinus"}}),e._v("\n                        "+e._s(e.text.Day.beforeEndMonth[0])+"\n                    ")],1)],1),n("el-row",[n("el-radio",{attrs:{label:"10"},model:{value:e.day.cronEvery,callback:function(t){e.$set(e.day,"cronEvery",t)},expression:"day.cronEvery"}},[e._v(e._s(e.text.Day.nearestWeekday[0])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:1,max:31},model:{value:e.day.cronDaysNearestWeekday,callback:function(t){e.$set(e.day,"cronDaysNearestWeekday",t)},expression:"day.cronDaysNearestWeekday"}}),e._v("\n                        "+e._s(e.text.Day.nearestWeekday[1])+"\n                    ")],1)],1),n("el-row",[n("el-radio",{attrs:{label:"11"},model:{value:e.day.cronEvery,callback:function(t){e.$set(e.day,"cronEvery",t)},expression:"day.cronEvery"}},[e._v(e._s(e.text.Day.someWeekday[0])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:1,max:5},model:{value:e.week.cronNthDayNth,callback:function(t){e.$set(e.week,"cronNthDayNth",t)},expression:"week.cronNthDayNth"}}),n("el-select",{attrs:{size:"small"},model:{value:e.week.cronNthDayDay,callback:function(t){e.$set(e.week,"cronNthDayDay",t)},expression:"week.cronNthDayDay"}},e._l(7,function(t){return n("el-option",{key:e.$index,attrs:{label:e.text.Week[t-1],value:t}})})),e._v("\n                        "+e._s(e.text.Day.someWeekday[1])+"\n                    ")],1)],1)],1)]),n("el-tab-pane",[n("span",{attrs:{slot:"label"},slot:"label"},[n("i",{staticClass:"el-icon-date"}),e._v(" "+e._s(e.text.Month.name))]),n("div",{staticClass:"tabBody"},[n("el-row",[n("el-radio",{attrs:{label:"1"},model:{value:e.month.cronEvery,callback:function(t){e.$set(e.month,"cronEvery",t)},expression:"month.cronEvery"}},[e._v(e._s(e.text.Month.every))])],1),n("el-row",[n("el-radio",{attrs:{label:"2"},model:{value:e.month.cronEvery,callback:function(t){e.$set(e.month,"cronEvery",t)},expression:"month.cronEvery"}},[e._v(e._s(e.text.Month.interval[0])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:0,max:12},model:{value:e.month.incrementIncrement,callback:function(t){e.$set(e.month,"incrementIncrement",t)},expression:"month.incrementIncrement"}}),e._v("\n                        "+e._s(e.text.Month.interval[1])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:0,max:12},model:{value:e.month.incrementStart,callback:function(t){e.$set(e.month,"incrementStart",t)},expression:"month.incrementStart"}})],1)],1),n("el-row",[n("el-radio",{staticClass:"long",attrs:{label:"3"},model:{value:e.month.cronEvery,callback:function(t){e.$set(e.month,"cronEvery",t)},expression:"month.cronEvery"}},[e._v(e._s(e.text.Month.specific)+"\n                        "),n("el-select",{attrs:{size:"small",multiple:""},model:{value:e.month.specificSpecific,callback:function(t){e.$set(e.month,"specificSpecific",t)},expression:"month.specificSpecific"}},e._l(12,function(t){return n("el-option",{key:e.$index,attrs:{label:t,value:t}})}))],1)],1),n("el-row",[n("el-radio",{attrs:{label:"4"},model:{value:e.month.cronEvery,callback:function(t){e.$set(e.month,"cronEvery",t)},expression:"month.cronEvery"}},[e._v(e._s(e.text.Month.cycle[0])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:1,max:12},model:{value:e.month.rangeStart,callback:function(t){e.$set(e.month,"rangeStart",t)},expression:"month.rangeStart"}}),e._v("\n                        "+e._s(e.text.Month.cycle[1])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:1,max:12},model:{value:e.month.rangeEnd,callback:function(t){e.$set(e.month,"rangeEnd",t)},expression:"month.rangeEnd"}})],1)],1)],1)]),n("el-tab-pane",[n("span",{attrs:{slot:"label"},slot:"label"},[n("i",{staticClass:"el-icon-date"}),e._v(" "+e._s(e.text.Year.name))]),n("div",{staticClass:"tabBody"},[n("el-row",[n("el-radio",{attrs:{label:"1"},model:{value:e.year.cronEvery,callback:function(t){e.$set(e.year,"cronEvery",t)},expression:"year.cronEvery"}},[e._v(e._s(e.text.Year.every))])],1),n("el-row",[n("el-radio",{attrs:{label:"2"},model:{value:e.year.cronEvery,callback:function(t){e.$set(e.year,"cronEvery",t)},expression:"year.cronEvery"}},[e._v(e._s(e.text.Year.interval[0])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:1,max:99},model:{value:e.year.incrementIncrement,callback:function(t){e.$set(e.year,"incrementIncrement",t)},expression:"year.incrementIncrement"}}),e._v("\n                        "+e._s(e.text.Year.interval[1])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:2018,max:2118},model:{value:e.year.incrementStart,callback:function(t){e.$set(e.year,"incrementStart",t)},expression:"year.incrementStart"}})],1)],1),n("el-row",[n("el-radio",{staticClass:"long",attrs:{label:"3"},model:{value:e.year.cronEvery,callback:function(t){e.$set(e.year,"cronEvery",t)},expression:"year.cronEvery"}},[e._v(e._s(e.text.Year.specific)+"\n                        "),n("el-select",{attrs:{size:"small",filterable:"",multiple:""},model:{value:e.year.specificSpecific,callback:function(t){e.$set(e.year,"specificSpecific",t)},expression:"year.specificSpecific"}},e._l(100,function(t){return n("el-option",{key:e.$index,attrs:{label:2017+t,value:2017+t}})}))],1)],1),n("el-row",[n("el-radio",{attrs:{label:"4"},model:{value:e.year.cronEvery,callback:function(t){e.$set(e.year,"cronEvery",t)},expression:"year.cronEvery"}},[e._v(e._s(e.text.Year.cycle[0])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:2018,max:2118},model:{value:e.year.rangeStart,callback:function(t){e.$set(e.year,"rangeStart",t)},expression:"year.rangeStart"}}),e._v("\n                        "+e._s(e.text.Year.cycle[1])+"\n                        "),n("el-input-number",{attrs:{size:"small",min:2018,max:2118},model:{value:e.year.rangeEnd,callback:function(t){e.$set(e.year,"rangeEnd",t)},expression:"year.rangeEnd"}})],1)],1)],1)])],1),n("div",{staticClass:"bottom"},[n("span",{staticClass:"value"},[e._v(e._s(this.cron))]),n("el-button",{attrs:{type:"primary"},on:{click:e.change}},[e._v(e._s(e.text.Save))]),n("el-button",{attrs:{type:"primary"},on:{click:e.close}},[e._v(e._s(e.text.Close))])],1)],1)},a=[],s={render:r,staticRenderFns:a};t.a=s},function(e,t,n){var r=n(6);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(12)("7a37f18c",r,!0)},function(e,t,n){function r(e){for(var t=0;t<e.length;t++){var n=e[t],r=u[n.id];if(r){r.refs++;for(var a=0;a<r.parts.length;a++)r.parts[a](n.parts[a]);for(;a<n.parts.length;a++)r.parts.push(s(n.parts[a]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{for(var c=[],a=0;a<n.parts.length;a++)c.push(s(n.parts[a]));u[n.id]={id:n.id,refs:1,parts:c}}}}function a(){var e=document.createElement("style");return e.type="text/css",m.appendChild(e),e}function s(e){var t,n,r=document.querySelector('style[data-vue-ssr-id~="'+e.id+'"]');if(r){if(v)return f;r.parentNode.removeChild(r)}if(p){var s=y++;r=d||(d=a()),t=c.bind(null,r,s,!1),n=c.bind(null,r,s,!0)}else r=a(),t=i.bind(null,r),n=function(){r.parentNode.removeChild(r)};return t(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;t(e=r)}else n()}}function c(e,t,n,r){var a=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=h(t,a);else{var s=document.createTextNode(a),c=e.childNodes;c[t]&&e.removeChild(c[t]),c.length?e.insertBefore(s,c[t]):e.appendChild(s)}}function i(e,t){var n=t.css,r=t.media,a=t.sourceMap;if(r&&e.setAttribute("media",r),a&&(n+="\n/*# sourceURL="+a.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var o="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!o)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var l=n(13),u={},m=o&&(document.head||document.getElementsByTagName("head")[0]),d=null,y=0,v=!1,f=function(){},p="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());e.exports=function(e,t,n){v=n;var a=l(e,t);return r(a),function(t){for(var n=[],s=0;s<a.length;s++){var c=a[s],i=u[c.id];i.refs--,n.push(i)}t?(a=l(e,t),r(a)):a=[];for(var s=0;s<n.length;s++){var i=n[s];if(0===i.refs){for(var o=0;o<i.parts.length;o++)i.parts[o]();delete u[i.id]}}}};var h=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=function(e,t){for(var n=[],r={},a=0;a<t.length;a++){var s=t[a],c=s[0],i=s[1],o=s[2],l=s[3],u={id:e+":"+a,css:i,media:o,sourceMap:l};r[c]?r[c].parts.push(u):n.push(r[c]={id:c,parts:[u]})}return n}},function(e,t){e.exports=require("babel-runtime/helpers/typeof")},function(e,t,n){n(1),e.exports=n(0)}]);


--------------------------------------------------------------------------------
/config/cooking.build.js:
--------------------------------------------------------------------------------
 1 | var path = require('path');
 2 | var cooking = require('cooking');
 3 | var nodeExternals = require('webpack-node-externals');
 4 | // var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 5 | 
 6 | cooking.set({
 7 |     entry:{
 8 |         'cron.min.js':['babel-polyfill', './src/index.js'],
 9 |     },
10 |     dist: './build',
11 |     // production
12 |     clean: true,
13 |     format: 'cjs',
14 |     minimize: true,
15 |     chunk: false, // see https://cookingjs.github.io/zh-cn/configuration.html#chunk
16 |     urlLoaderLimit: 204800,
17 |     postcss: [
18 |         // require('...')
19 |     ],
20 |     alias: {
21 |     },
22 |     extractCSS: false,//'[name].[contenthash:7].css'
23 |     externals: [ nodeExternals()],
24 |     extends: ['vue2','less']//lint
25 | });
26 | 
27 | cooking.add('output.filename', 'cron.min.js');
28 | cooking.add('loader.js.exclude', /node_modules/);
29 | cooking.add('vue.preserveWhitespace', false);
30 | 
31 | var config=cooking.resolve();
32 | 
33 | // config.plugins.push(new BundleAnalyzerPlugin());
34 | 
35 | module.exports = config;
36 | 
37 | 


--------------------------------------------------------------------------------
/config/cooking.dev.js:
--------------------------------------------------------------------------------
 1 | var path = require('path');
 2 | var cooking = require('cooking');
 3 | var packageConfig = require('../package.json');
 4 | 
 5 | var isProd = process.env.NODE_ENV === 'production';
 6 | 
 7 | cooking.set({
 8 |     entry: {
 9 |         app: ['babel-polyfill', './test/index.js']
10 |     },
11 |     dist: './dist',
12 |     template:[
13 |         {
14 |             title: packageConfig.description,
15 |             filename: 'index.html',
16 |             template: './test/index.tpl',
17 |             // favicon:'./src/static/img/favicon.ico',
18 |             // chunks: ['vendor', 'manifest', 'asd']
19 |         }
20 |     ],
21 |     devServer: {
22 |         port: 8001,
23 |         publicPath: '/',
24 |         proxy: {
25 |             '/': {
26 |                 target: 'http://192.168.11.60',
27 |             }
28 |         }
29 |     },
30 |     clean: true,
31 |     hash: true,
32 |     sourceMap: !isProd,
33 |     minimize: true,
34 |     chunk: false,
35 |     postcss: [
36 |     ],
37 |     publicPath: '',
38 |     assetsPath: 'static',
39 |     urlLoaderLimit: 204800,
40 |     extractCSS: false,
41 |     externals: {},
42 |     alias: {
43 |         'vue': 'vue/dist/vue.min',
44 |     },
45 |     extends: ['vue2', 'less', 'autoprefixer']
46 | });
47 | 
48 | module.exports = cooking.resolve();
49 | 


--------------------------------------------------------------------------------
/dist/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 6 |     <title></title>
 7 |     <style>
 8 |       body{
 9 |         background: #eee;
10 |       }
11 |     </style>
12 |   </head>
13 |   <body>
14 |     <div id="app">
15 | 
16 |     </div>
17 |     <!-- built files will be auto injected -->
18 |   <script type="text/javascript" src="app.ce15cda.js"></script></body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/language/cn.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |     Seconds:{
 3 |         name:'秒',
 4 |         every:'每一秒钟',
 5 |         interval:['每隔','秒执行 从','秒开始'],
 6 |         specific:'具体秒数(可多选)',
 7 |         cycle:['周期从','到','秒']
 8 |     },
 9 |     Minutes:{
10 |         name:'分',
11 |         every:'每一分钟',
12 |         interval:['每隔','分执行 从','分开始'],
13 |         specific:'具体分钟数(可多选)',
14 |         cycle:['周期从','到','分']
15 |     },
16 |     Hours:{
17 |         name:'时',
18 |         every:'每一小时',
19 |         interval:['每隔','小时执行 从','小时开始'],
20 |         specific:'具体小时数(可多选)',
21 |         cycle:['周期从','到','小时']
22 |     },
23 |     Day:{
24 |         name:'天',
25 |         every:'每一天',
26 |         intervalWeek:['每隔','周执行 从','开始'],
27 |         intervalDay:['每隔','天执行 从','天开始'],
28 |         specificWeek:'具体星期几(可多选)',
29 |         specificDay:'具体天数(可多选)',
30 |         lastDay:'在这个月的最后一天',
31 |         lastWeekday:'在这个月的最后一个工作日',
32 |         lastWeek:['在这个月的最后一个'],
33 |         beforeEndMonth:['在本月底前','天'],
34 |         nearestWeekday:['最近的工作日（周一至周五）至本月','日'],
35 |         someWeekday:['在这个月的第','个'],
36 |     },
37 |     Week:['天','一','二','三','四','五','六'].map(val=>'星期'+val),
38 |     Month:{
39 |         name:'月',
40 |         every:'每一月',
41 |         interval:['每隔','月执行 从','月开始'],
42 |         specific:'具体月数(可多选)',
43 |         cycle:['从','到','月之间的每个月']
44 |     },
45 |     Year:{
46 |         name:'年',
47 |         every:'每一年',
48 |         interval:['每隔','年执行 从','年开始'],
49 |         specific:'具体年份(可多选)',
50 |         cycle:['从','到','年之间的每一年']
51 |     },
52 |     Save:'保存',
53 |     Close:'关闭'
54 | }


--------------------------------------------------------------------------------
/language/en.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |     Seconds:{
 3 |         name:'Seconds',
 4 |         every:'Every second',
 5 |         interval:['Every','second(s) starting at second'],
 6 |         specific:'Specific second (choose one or many)',
 7 |         cycle:['Every second between second','and second']
 8 |     },
 9 |     Minutes:{
10 |         name:'Minutes',
11 |         every:'Every minute',
12 |         interval:['Every','minute(s) starting at minute'],
13 |         specific:'Specific minute (choose one or many)',
14 |         cycle:['Every minute between minute','and minute']
15 |     },
16 |     Hours:{
17 |         name:'Hours',
18 |         every:'Every hour',
19 |         interval:['Every','hour(s) starting at hour'],
20 |         specific:'Specific hour (choose one or many)',
21 |         cycle:['Every hour between hour','and hour']
22 |     },
23 |     Day:{
24 |         name:'Day',
25 |         every:'Every day',
26 |         intervalWeek:['Every','day(s) starting on'],
27 |         intervalDay:['Every','day(s) starting at the','of the month'],
28 |         specificWeek:'Specific day of week (choose one or many)',
29 |         specificDay:'Specific day of month (choose one or many)',
30 |         lastDay:'On the last day of the month',
31 |         lastWeekday:'On the last weekday of the month',
32 |         lastWeek:['On the last',' of the month'],
33 |         beforeEndMonth:['day(s) before the end of the month'],
34 |         nearestWeekday:['Nearest weekday (Monday to Friday) to the','of the month'],
35 |         someWeekday:['On the','of the month'],
36 |     },
37 |     Week:['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],
38 |     Month:{
39 |         name:'Month',
40 |         every:'Every month',
41 |         interval:['Every','month(s) starting in'],
42 |         specific:'Specific month (choose one or many)',
43 |         cycle:['Every month between','and']
44 |     },
45 |     Year:{
46 |         name:'Year',
47 |         every:'Any year',
48 |         interval:['Every','year(s) starting in'],
49 |         specific:'Specific year (choose one or many)',
50 |         cycle:['Every year between','and']
51 |     },
52 |     Save:'Save',
53 |     Close:'Close'
54 | }


--------------------------------------------------------------------------------
/language/index.js:
--------------------------------------------------------------------------------
1 | import en from './en'
2 | import cn from './cn'
3 | import pt from './pt_br'
4 | 
5 | export default {
6 |     en,
7 |     cn,
8 |     pt
9 | }


--------------------------------------------------------------------------------
/language/pt_br.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |     Seconds:{
 3 |         name:'Segundos',
 4 |         every:'A cada segundo',
 5 |         interval:['A cada','segundo(s) começando no segundo'],
 6 |         specific:'Segundo específico (escolha um ou muitos)',
 7 |         cycle:['A Cada segundo entre segundos','e segundo']
 8 |     },
 9 |     Minutes:{
10 |         name:'Minutos',
11 |         every:'A cada minuto',
12 |         interval:['A cada','minuto(s) começando no minuto'],
13 |         specific:'Minuto específico (escolha um ou muitos)',
14 |         cycle:['A cada minuto entre minutos','e minutos']
15 |     },
16 |     Hours:{
17 |         name:'Horas',
18 |         every:'A cada hora',
19 |         interval:['A cada','hora(s) começando na hora'],
20 |         specific:'Hora específica (escolha uma ou muitas)',
21 |         cycle:['A cada hora entre horas','e horas']
22 |     },
23 |     Day:{
24 |         name:'Dia',
25 |         every:'A cada dia',
26 |         intervalWeek:['A cada','dia(s) começando em'],
27 |         intervalDay:['A cada','dia(s) começando no','do mês'],
28 |         specificWeek:'Dia específico da semana (escolha um ou vários)',
29 |         specificDay:'Dia específico do mês (escolha um ou vários)',
30 |         lastDay:'No último dia do mês',
31 |         lastWeekday:'No último dia da semana do mês',
32 |         lastWeek:['No último',' do mês'],
33 |         beforeEndMonth:['dia(s) antes do final do mês'],
34 |         nearestWeekday:['Dia da semana mais próximo (segunda a sexta) ao ','do mês'],
35 |         someWeekday:['No','do mês'],
36 |     },
37 |     Week:['Domingo','Segunda-feira','Terça-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sábado'],
38 |     Month:{
39 |         name:'Mês',
40 |         every:'A cada mês',
41 |         interval:['A cada','mês(es) começando em'],
42 |         specific:'Mês específico (escolha um ou muitos)',
43 |         cycle:['Todo mês entre','e']
44 |     },
45 |     Year:{
46 |         name:'Ano',
47 |         every:'Qualquer ano',
48 |         interval:['A cada','ano(s) começando em'],
49 |         specific:'Ano específico (escolha um ou muitos)',
50 |         cycle:['Todo ano entre','e']
51 |     },
52 |     Save:'Salvar',
53 |     Close:'Fechar'
54 | }


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue-cron",
 3 |   "version": "1.0.9",
 4 |   "description": "",
 5 |   "main": "build/cron.min.js",
 6 |   "scripts": {
 7 |     "dev": "cooking watch -p -c /config/cooking.dev.js",
 8 |     "dist": "cooking build -p -c /config/cooking.dev.js",
 9 |     "build": "cooking build -p -c /config/cooking.build.js",
10 |     "npm": "npm run build && git add . && git commit -m build&& npm version patch && npm publish && git push && git push origin --tags"
11 |   },
12 |   "author": "",
13 |   "repository": {
14 |     "type": "git",
15 |     "url": "git@github.com:1615450788/vue-cron.git"
16 |   },
17 |   "homepage": "https://1615450788.github.io/vue-cron/dist/index",
18 |   "keywords": [
19 |     "cron",
20 |     "vue",
21 |     "vuecron"
22 |   ],
23 |   "license": "MIT",
24 |   "bugs": {
25 |     "url": "https://github.com/1615450788/vue-cron/issues"
26 |   },
27 |   "dependencies": {
28 |     "babel-runtime": "^6.26.0",
29 |     "babel-polyfill": "^6.26.0",
30 |     "element-ui": "^2.14.0",
31 |     "vue": "^2.6.11"
32 |   },
33 |   "devDependencies": {
34 |     "hoek": "^5.0.3",
35 |     "cooking": "^1.5.4",
36 |     "cooking-autoprefixer": "^1.0.0",
37 |     "cooking-cli": "^1.5.5",
38 |     "cooking-less": "^1.0.5",
39 |     "cooking-vue2": "^0.3.3",
40 |     "vue-template-compiler": "^2.5.9",
41 |     "webpack-node-externals": "^1.7.2"
42 |   }
43 | }
44 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import vueCron from './index.vue';
 2 | 
 3 | export let cron=vueCron;
 4 | 
 5 | export default {
 6 |     install(Vue){
 7 |         Vue.component(vueCron.name,vueCron)
 8 |     }
 9 | }
10 | 
11 | 


--------------------------------------------------------------------------------
/src/index.vue:
--------------------------------------------------------------------------------
  1 | <style lang="less" scoped>
  2 |     #changeContab{
  3 |         .language{
  4 |             position: absolute;
  5 |             right: 25px;
  6 |             z-index: 1;
  7 |         }
  8 |         .el-tabs{
  9 |             box-shadow: none;
 10 |         }
 11 |         .tabBody{
 12 |             .el-row{
 13 |                 margin: 10px 0;
 14 |                 .long{
 15 |                     .el-select{
 16 |                         width:350px;
 17 |                     }
 18 |                 }
 19 |                 .el-input-number{
 20 |                     width: 110px;
 21 |                 }
 22 |             }
 23 |         }
 24 |         .bottom{
 25 |             width: 100%;
 26 |             text-align: center;
 27 |             margin-top: 5px;
 28 |             position: relative;
 29 |             .value{
 30 |                 font-size: 18px;
 31 |                 vertical-align: middle;
 32 |             }
 33 |         }
 34 |     }
 35 | </style>
 36 | <template>
 37 |     <div id="changeContab">
 38 |         <el-button class="language" type="text" @click="i18n=(i18n==='en'?'cn':'en')">{{i18n}}</el-button>
 39 |         <el-tabs type="border-card">
 40 |             <el-tab-pane>
 41 |                 <span slot="label"><i class="el-icon-date"></i> {{text.Seconds.name}}</span>
 42 |                 <div class="tabBody">
 43 |                     <el-row>
 44 |                         <el-radio v-model="second.cronEvery" label="1">{{text.Seconds.every}}</el-radio>
 45 |                     </el-row>
 46 |                     <el-row>
 47 |                         <el-radio v-model="second.cronEvery" label="2">{{text.Seconds.interval[0]}}
 48 |                             <el-input-number size="small" v-model="second.incrementIncrement" :min="1" :max="60"></el-input-number>
 49 |                             {{text.Seconds.interval[1]||''}}
 50 |                             <el-input-number size="small" v-model="second.incrementStart" :min="0" :max="59"></el-input-number>
 51 |                             {{text.Seconds.interval[2]||''}}
 52 |                         </el-radio>
 53 |                     </el-row>
 54 |                     <el-row>
 55 |                         <el-radio class="long" v-model="second.cronEvery" label="3">{{text.Seconds.specific}}
 56 |                             <el-select size="small" multiple v-model="second.specificSpecific">
 57 |                                 <el-option v-for="val in 60" :key="val" :value="val-1">{{val-1}}</el-option>
 58 |                             </el-select>
 59 |                         </el-radio>
 60 |                     </el-row>
 61 |                     <el-row>
 62 |                         <el-radio v-model="second.cronEvery" label="4">{{text.Seconds.cycle[0]}}
 63 |                             <el-input-number size="small" v-model="second.rangeStart" :min="1" :max="60"></el-input-number>
 64 |                             {{text.Seconds.cycle[1]||''}}
 65 |                             <el-input-number size="small" v-model="second.rangeEnd" :min="0" :max="59"></el-input-number>
 66 |                             {{text.Seconds.cycle[2]||''}}
 67 |                         </el-radio>
 68 |                     </el-row>
 69 |                 </div>
 70 |             </el-tab-pane>
 71 |             <el-tab-pane>
 72 |                 <span slot="label"><i class="el-icon-date"></i> {{text.Minutes.name}}</span>
 73 |                 <div class="tabBody">
 74 |                     <el-row>
 75 |                         <el-radio v-model="minute.cronEvery" label="1">{{text.Minutes.every}}</el-radio>
 76 |                     </el-row>
 77 |                     <el-row>
 78 |                         <el-radio v-model="minute.cronEvery" label="2">{{text.Minutes.interval[0]}}
 79 |                             <el-input-number size="small" v-model="minute.incrementIncrement" :min="1" :max="60"></el-input-number>
 80 |                             {{text.Minutes.interval[1]}}
 81 |                             <el-input-number size="small" v-model="minute.incrementStart" :min="0" :max="59"></el-input-number>
 82 |                             {{text.Minutes.interval[2]||''}}
 83 |                         </el-radio>
 84 |                     </el-row>
 85 |                     <el-row>
 86 |                         <el-radio class="long" v-model="minute.cronEvery" label="3">{{text.Minutes.specific}}
 87 |                             <el-select size="small" multiple v-model="minute.specificSpecific">
 88 |                                 <el-option v-for="val in 60" :key="val" :value="val-1">{{val-1}}</el-option>
 89 |                             </el-select>
 90 |                         </el-radio>
 91 |                     </el-row>
 92 |                     <el-row>
 93 |                         <el-radio v-model="minute.cronEvery" label="4">{{text.Minutes.cycle[0]}}
 94 |                             <el-input-number size="small" v-model="minute.rangeStart" :min="1" :max="60"></el-input-number>
 95 |                             {{text.Minutes.cycle[1]}}
 96 |                             <el-input-number size="small" v-model="minute.rangeEnd" :min="0" :max="59"></el-input-number>
 97 |                             {{text.Minutes.cycle[2]}}
 98 |                         </el-radio>
 99 |                     </el-row>
100 |                 </div>
101 |             </el-tab-pane>
102 |             <el-tab-pane>
103 |                 <span slot="label"><i class="el-icon-date"></i> {{text.Hours.name}}</span>
104 |                 <div class="tabBody">
105 |                     <el-row>
106 |                         <el-radio v-model="hour.cronEvery" label="1">{{text.Hours.every}}</el-radio>
107 |                     </el-row>
108 |                     <el-row>
109 |                         <el-radio v-model="hour.cronEvery" label="2">{{text.Hours.interval[0]}}
110 |                             <el-input-number size="small" v-model="hour.incrementIncrement" :min="0" :max="23"></el-input-number>
111 |                             {{text.Hours.interval[1]}}
112 |                             <el-input-number size="small" v-model="hour.incrementStart" :min="0" :max="23"></el-input-number>
113 |                             {{text.Hours.interval[2]}}
114 |                         </el-radio>
115 |                     </el-row>
116 |                     <el-row>
117 |                         <el-radio class="long" v-model="hour.cronEvery" label="3">{{text.Hours.specific}}
118 |                             <el-select size="small" multiple v-model="hour.specificSpecific">
119 |                                 <el-option v-for="val in 24" :key="val" :value="val-1">{{val-1}}</el-option>
120 |                             </el-select>
121 |                         </el-radio>
122 |                     </el-row>
123 |                     <el-row>
124 |                         <el-radio v-model="hour.cronEvery" label="4">{{text.Hours.cycle[0]}}
125 |                             <el-input-number size="small" v-model="hour.rangeStart" :min="0" :max="23"></el-input-number>
126 |                             {{text.Hours.cycle[1]}}
127 |                             <el-input-number size="small" v-model="hour.rangeEnd" :min="0" :max="23"></el-input-number>
128 |                             {{text.Hours.cycle[2]}}
129 |                         </el-radio>
130 |                     </el-row>
131 |                 </div>
132 |             </el-tab-pane>
133 |             <el-tab-pane>
134 |                 <span slot="label"><i class="el-icon-date"></i> {{text.Day.name}}</span>
135 |                 <div class="tabBody">
136 |                     <el-row>
137 |                         <el-radio v-model="day.cronEvery" label="1">{{text.Day.every}}</el-radio>
138 |                     </el-row>
139 |                     <el-row>
140 |                         <el-radio v-model="day.cronEvery" label="2">{{text.Day.intervalWeek[0]}}
141 |                             <el-input-number size="small" v-model="week.incrementIncrement" :min="1" :max="7"></el-input-number>
142 |                             {{text.Day.intervalWeek[1]}}
143 |                             <el-select size="small" v-model="week.incrementStart">
144 |                                 <el-option v-for="val in 7" :key="val" :label="text.Week[val-1]" :value="val"></el-option>
145 |                             </el-select>
146 |                             {{text.Day.intervalWeek[2]}}
147 |                         </el-radio>
148 |                     </el-row>
149 |                     <el-row>
150 |                         <el-radio v-model="day.cronEvery" label="3">{{text.Day.intervalDay[0]}}
151 |                             <el-input-number size="small" v-model="day.incrementIncrement" :min="1" :max="31"></el-input-number>
152 |                             {{text.Day.intervalDay[1]}}
153 |                             <el-input-number size="small" v-model="day.incrementStart" :min="1" :max="31"></el-input-number>
154 |                             {{text.Day.intervalDay[2]}}
155 |                         </el-radio>
156 |                     </el-row>
157 |                     <el-row>
158 |                         <el-radio class="long" v-model="day.cronEvery" label="4">{{text.Day.specificWeek}}
159 |                             <el-select size="small" multiple v-model="week.specificSpecific">
160 |                                 <el-option v-for="val in 7"
161 |                                            :key="val"
162 |                                            :label="text.Week[val-1]"
163 |                                            :value="['SUN','MON','TUE','WED','THU','FRI','SAT'][val-1]"
164 |                                 ></el-option>
165 |                             </el-select>
166 |                         </el-radio>
167 |                     </el-row>
168 |                     <el-row>
169 |                         <el-radio class="long" v-model="day.cronEvery" label="5">{{text.Day.specificDay}}
170 |                             <el-select size="small" multiple v-model="day.specificSpecific">
171 |                                 <el-option v-for="val in 31" :key="val" :value="val">{{val}}</el-option>
172 |                             </el-select>
173 |                         </el-radio>
174 |                     </el-row>
175 |                     <el-row>
176 |                         <el-radio v-model="day.cronEvery" label="6">{{text.Day.lastDay}}</el-radio>
177 |                     </el-row>
178 |                     <el-row>
179 |                         <el-radio v-model="day.cronEvery" label="7">{{text.Day.lastWeekday}}</el-radio>
180 |                     </el-row>
181 |                     <el-row>
182 |                         <el-radio v-model="day.cronEvery" label="8">{{text.Day.lastWeek[0]}}
183 |                             <el-select size="small" v-model="day.cronLastSpecificDomDay">
184 |                                 <el-option v-for="val in 7" :key="val" :label="text.Week[val-1]" :value="val"></el-option>
185 |                             </el-select>
186 |                             {{text.Day.lastWeek[1]||''}}
187 |                         </el-radio>
188 |                     </el-row>
189 |                     <el-row>
190 |                         <el-radio v-model="day.cronEvery" label="9">
191 |                             <el-input-number size="small" v-model="day.cronDaysBeforeEomMinus" :min="1" :max="31"></el-input-number>
192 |                             {{text.Day.beforeEndMonth[0]}}
193 |                         </el-radio>
194 |                     </el-row>
195 |                     <el-row>
196 |                         <el-radio v-model="day.cronEvery" label="10">{{text.Day.nearestWeekday[0]}}
197 |                             <el-input-number size="small" v-model="day.cronDaysNearestWeekday" :min="1" :max="31"></el-input-number>
198 |                             {{text.Day.nearestWeekday[1]}}
199 |                         </el-radio>
200 |                     </el-row>
201 |                     <el-row>
202 |                         <el-radio v-model="day.cronEvery" label="11">{{text.Day.someWeekday[0]}}
203 |                             <el-input-number size="small" v-model="week.cronNthDayNth" :min="1" :max="5"></el-input-number>
204 |                             <el-select size="small" v-model="week.cronNthDayDay">
205 |                                 <el-option v-for="val in 7" :key="val" :label="text.Week[val-1]" :value="val"></el-option>
206 |                             </el-select>
207 |                             {{text.Day.someWeekday[1]}}
208 |                         </el-radio>
209 |                     </el-row>
210 |                 </div>
211 |             </el-tab-pane>
212 |             <el-tab-pane>
213 |                 <span slot="label"><i class="el-icon-date"></i> {{text.Month.name}}</span>
214 |                 <div class="tabBody">
215 |                     <el-row>
216 |                         <el-radio v-model="month.cronEvery" label="1">{{text.Month.every}}</el-radio>
217 |                     </el-row>
218 |                     <el-row>
219 |                         <el-radio v-model="month.cronEvery" label="2">{{text.Month.interval[0]}}
220 |                             <el-input-number size="small" v-model="month.incrementIncrement" :min="0" :max="12"></el-input-number>
221 |                             {{text.Month.interval[1]}}
222 |                             <el-input-number size="small" v-model="month.incrementStart" :min="0" :max="12"></el-input-number>
223 |                         </el-radio>
224 |                     </el-row>
225 |                     <el-row>
226 |                         <el-radio class="long" v-model="month.cronEvery" label="3">{{text.Month.specific}}
227 |                             <el-select size="small" multiple v-model="month.specificSpecific">
228 |                                 <el-option v-for="val in 12" :key="val" :label="val" :value="val"></el-option>
229 |                             </el-select>
230 |                         </el-radio>
231 |                     </el-row>
232 |                     <el-row>
233 |                         <el-radio v-model="month.cronEvery" label="4">{{text.Month.cycle[0]}}
234 |                             <el-input-number size="small" v-model="month.rangeStart" :min="1" :max="12"></el-input-number>
235 |                             {{text.Month.cycle[1]}}
236 |                             <el-input-number size="small" v-model="month.rangeEnd" :min="1" :max="12"></el-input-number>
237 |                         </el-radio>
238 |                     </el-row>
239 |                 </div>
240 |             </el-tab-pane>
241 |             <el-tab-pane>
242 |                 <span slot="label"><i class="el-icon-date"></i> {{text.Year.name}}</span>
243 |                 <div class="tabBody">
244 |                     <el-row>
245 |                         <el-radio v-model="year.cronEvery" label="1">{{text.Year.every}}</el-radio>
246 |                     </el-row>
247 |                     <el-row>
248 |                         <el-radio v-model="year.cronEvery" label="2">{{text.Year.interval[0]}}
249 |                             <el-input-number size="small" v-model="year.incrementIncrement" :min="1" :max="99"></el-input-number>
250 |                             {{text.Year.interval[1]}}
251 |                             <el-input-number size="small" v-model="year.incrementStart" :min="2018" :max="2118"></el-input-number>
252 |                         </el-radio>
253 |                     </el-row>
254 |                     <el-row>
255 |                         <el-radio class="long" v-model="year.cronEvery" label="3">{{text.Year.specific}}
256 |                             <el-select size="small" filterable multiple v-model="year.specificSpecific">
257 |                                 <el-option v-for="val in 100" :key="val" :label="2017+val" :value="2017+val"></el-option>
258 |                             </el-select>
259 |                         </el-radio>
260 |                     </el-row>
261 |                     <el-row>
262 |                         <el-radio v-model="year.cronEvery" label="4">{{text.Year.cycle[0]}}
263 |                             <el-input-number size="small" v-model="year.rangeStart"  :min="2018" :max="2118"></el-input-number>
264 |                             {{text.Year.cycle[1]}}
265 |                             <el-input-number size="small" v-model="year.rangeEnd"  :min="2018" :max="2118"></el-input-number>
266 |                         </el-radio>
267 |                     </el-row>
268 |                 </div>
269 |             </el-tab-pane>
270 |         </el-tabs>
271 |         <div class="bottom">
272 |             <span class="value">{{this.cron}}</span>
273 |             <el-button type="primary" @click="change">{{text.Save}}</el-button>
274 |             <el-button type="primary" @click="close">{{text.Close}}</el-button>
275 |         </div>
276 |     </div>
277 | </template>
278 | <script>
279 |     import Language from '../language/index'
280 |     export default {
281 |     name:'vueCron',
282 |     props:['data','i18n','expression'],
283 |     data(){
284 |         return {
285 |             exps: [
286 |                 { type: "second", expression: "" },
287 |                 { type: "minute", expression: "" },
288 |                 { type: "hour", expression: "" },
289 |                 { type: "day", expression: "" },
290 |                 { type: "month", expression: "" },
291 |                 { type: "Week", expression: "" },
292 |                 { type: "year", expression: "" },
293 |             ],
294 |             second:{
295 |                 cronEvery:'',
296 |                 incrementStart:'3',
297 |                 incrementIncrement:'5',
298 |                 rangeStart:'',
299 |                 rangeEnd:'',
300 |                 specificSpecific:[],
301 |             },
302 |             minute:{
303 |                 cronEvery:'',
304 |                 incrementStart:'3',
305 |                 incrementIncrement:'5',
306 |                 rangeStart:'',
307 |                 rangeEnd:'',
308 |                 specificSpecific:[],
309 |             },
310 |             hour:{
311 |                 cronEvery:'',
312 |                 incrementStart:'3',
313 |                 incrementIncrement:'5',
314 |                 rangeStart:'',
315 |                 rangeEnd:'',
316 |                 specificSpecific:[],
317 |             },
318 |             day:{
319 |                 cronEvery:'',
320 |                 incrementStart:'1',
321 |                 incrementIncrement:'1',
322 |                 rangeStart:'',
323 |                 rangeEnd:'',
324 |                 specificSpecific:[],
325 |                 cronLastSpecificDomDay:1,
326 |                 cronDaysBeforeEomMinus:'',
327 |                 cronDaysNearestWeekday:'',
328 |             },
329 |             week:{
330 |                 cronEvery:'',
331 |                 incrementStart:'1',
332 |                 incrementIncrement:'1',
333 |                 specificSpecific:[],
334 |                 cronNthDayDay:1,
335 |                 cronNthDayNth:'1',
336 |             },
337 |             month:{
338 |                 cronEvery:'',
339 |                 incrementStart:'3',
340 |                 incrementIncrement:'5',
341 |                 rangeStart:'',
342 |                 rangeEnd:'',
343 |                 specificSpecific:[],
344 |             },
345 |             year:{
346 |                 cronEvery:'',
347 |                 incrementStart:'2017',
348 |                 incrementIncrement:'1',
349 |                 rangeStart:'',
350 |                 rangeEnd:'',
351 |                 specificSpecific:[],
352 |             },
353 |             output:{
354 |                 second:'',
355 |                 minute:'',
356 |                 hour:'',
357 |                 day:'',
358 |                 month:'',
359 |                 Week:'',
360 |                 year:'',
361 |             }
362 |         }
363 |     },
364 |     watch:{
365 |         data(){
366 |             this.rest(this.$data);
367 |         }
368 |     },
369 |     computed: {
370 |         text(){
371 |             return Language[this.i18n||'cn']
372 |         },
373 |         secondsText() {
374 |             let seconds = '';
375 |             let cronEvery=this.second.cronEvery;
376 |             switch (cronEvery.toString()){
377 |                 case '1':
378 |                     seconds = '*';
379 |                     break;
380 |                 case '2':
381 |                     seconds = this.second.incrementStart+'/'+this.second.incrementIncrement;
382 |                     break;
383 |                 case '3':
384 |                     this.second.specificSpecific.map(val=> {
385 |                         seconds += val+','
386 |                     });
387 |                     seconds = seconds.slice(0, -1);
388 |                     break;
389 |                 case '4':
390 |                     seconds = this.second.rangeStart+'-'+this.second.rangeEnd;
391 |                     break;
392 |             }
393 |             return seconds;
394 |         },
395 |         minutesText() {
396 |             let minutes = '';
397 |             let cronEvery=this.minute.cronEvery;
398 |             switch (cronEvery.toString()){
399 |                 case '1':
400 |                     minutes = '*';
401 |                     break;
402 |                 case '2':
403 |                     minutes = this.minute.incrementStart+'/'+this.minute.incrementIncrement;
404 |                     break;
405 |                 case '3':
406 |                     this.minute.specificSpecific.map(val=> {
407 |                         minutes += val+','
408 |                     });
409 |                     minutes = minutes.slice(0, -1);
410 |                     break;
411 |                 case '4':
412 |                     minutes = this.minute.rangeStart+'-'+this.minute.rangeEnd;
413 |                     break;
414 |             }
415 |             return minutes;
416 |         },
417 |         hoursText() {
418 |             let hours = '';
419 |             let cronEvery=this.hour.cronEvery;
420 |             switch (cronEvery.toString()){
421 |                 case '1':
422 |                     hours = '*';
423 |                     break;
424 |                 case '2':
425 |                     hours = this.hour.incrementStart+'/'+this.hour.incrementIncrement;
426 |                     break;
427 |                 case '3':
428 |                     this.hour.specificSpecific.map(val=> {
429 |                         hours += val+','
430 |                     });
431 |                     hours = hours.slice(0, -1);
432 |                     break;
433 |                 case '4':
434 |                     hours = this.hour.rangeStart+'-'+this.hour.rangeEnd;
435 |                     break;
436 |             }
437 |             return hours;
438 |         },
439 |         daysText() {
440 |             let days='';
441 |             let cronEvery=this.day.cronEvery;
442 |             switch (cronEvery.toString()){
443 |                 case '1':
444 |                     break;
445 |                 case '2':
446 |                 case '4':
447 |                 case '11':
448 |                     days = '?';
449 |                     break;
450 |                 case '3':
451 |                     days = this.day.incrementStart+'/'+this.day.incrementIncrement;
452 |                     break;
453 |                 case '5':
454 |                     this.day.specificSpecific.map(val=> {
455 |                         days += val+','
456 |                     });
457 |                     days = days.slice(0, -1);
458 |                     break;
459 |                 case '6':
460 |                     days = "L";
461 |                     break;
462 |                 case '7':
463 |                     days = "LW";
464 |                     break;
465 |                 case '8':
466 |                     days = this.day.cronLastSpecificDomDay + 'L';
467 |                     break;
468 |                 case '9':
469 |                     days = 'L-' + this.day.cronDaysBeforeEomMinus;
470 |                     break;
471 |                 case '10':
472 |                     days = this.day.cronDaysNearestWeekday+"W";
473 |                     break
474 |             }
475 |             return days;
476 |         },
477 |         weeksText() {
478 |             let weeks = '';
479 |             let cronEvery=this.day.cronEvery;
480 |             switch (cronEvery.toString()){
481 |                 case '1':
482 |                 case '3':
483 |                 case '5':
484 |                     weeks = '?';
485 |                     break;
486 |                 case '2':
487 |                     weeks = this.week.incrementStart+'/'+this.week.incrementIncrement;
488 |                     break;
489 |                 case '4':
490 |                     this.week.specificSpecific.map(val=> {
491 |                         weeks += val+','
492 |                     });
493 |                     weeks = weeks.slice(0, -1);
494 |                     break;
495 |                 case '6':
496 |                 case '7':
497 |                 case '8':
498 |                 case '9':
499 |                 case '10':
500 |                     weeks = "?";
501 |                     break;
502 |                 case '11':
503 |                     weeks = this.week.cronNthDayDay+"#"+this.week.cronNthDayNth;
504 |                     break;
505 |             }
506 |             return weeks;
507 |         },
508 |         monthsText() {
509 |             let months = '';
510 |             let cronEvery=this.month.cronEvery;
511 |             switch (cronEvery.toString()){
512 |                 case '1':
513 |                     months = '*';
514 |                     break;
515 |                 case '2':
516 |                     months = this.month.incrementStart+'/'+this.month.incrementIncrement;
517 |                     break;
518 |                 case '3':
519 |                     this.month.specificSpecific.map(val=> {
520 |                         months += val+','
521 |                     });
522 |                     months = months.slice(0, -1);
523 |                     break;
524 |                 case '4':
525 |                     months = this.month.rangeStart+'-'+this.month.rangeEnd;
526 |                     break;
527 |             }
528 |             return months;
529 |         },
530 |         yearsText() {
531 |             let years = '';
532 |             let cronEvery=this.year.cronEvery;
533 |             switch (cronEvery.toString()){
534 |                 case '1':
535 |                     years = '*';
536 |                     break;
537 |                 case '2':
538 |                     years = this.year.incrementStart+'/'+this.year.incrementIncrement;
539 |                     break;
540 |                 case '3':
541 |                     this.year.specificSpecific.map(val=> {
542 |                         years += val+','
543 |                     });
544 |                     years = years.slice(0, -1);
545 |                     break;
546 |                 case '4':
547 |                     years = this.year.rangeStart+'-'+this.year.rangeEnd;
548 |                     break;
549 |             }
550 |             return years;
551 |         },
552 |         cron(){
553 |             return `${this.secondsText||'*'} ${this.minutesText||'*'} ${this.hoursText||'*'} ${this.daysText||'*'} ${this.monthsText||'*'} ${this.weeksText||'?'} ${this.yearsText||'*'}`
554 |         },
555 |     },
556 |     methods: {
557 |         getValue(){
558 |             return this.cron;
559 |         },
560 |         change(){
561 |             this.$emit('change',this.cron);
562 |             this.close();
563 |         },
564 |         close(){
565 |             this.$emit('close')
566 |         },
567 |         rest(data){
568 |             for(let i in data){
569 |                 if(data[i] instanceof Object){
570 |                     this.rest(data[i])
571 |                 }else{
572 |                     switch(typeof data[i]){
573 |                         case 'object':data[i]=[];break;
574 |                         case 'string':data[i]='';break;
575 |                     }
576 |                 }
577 |             }
578 |         },
579 |          // 反向解析表达式
580 |         resolveExpression() {
581 |         if (!this.expression.length) return;
582 |         let expList = this.expression.split(" ");
583 |         if (expList.length < 7) {
584 |             new Error("表达式格式不正确");
585 |         }
586 |         for (let i = 0; i < expList.length; i++) {
587 |             this.exps[i].expression = expList[i];
588 |         }
589 |         this.exps.forEach((exp) => {
590 |             this.output[exp.type] = exp.expression;
591 |             switch (exp.type) {
592 |             case "year":
593 |             case "month":
594 |             case "hour":
595 |             case "minute":
596 |             case "second":
597 |                 this.commonParser(this[exp.type], exp.expression);
598 |                 return;
599 |             case "Week":
600 |                 this.resolveWeek(exp.expression);
601 |                 return;
602 |             case "day":
603 |                 this.resolveDay(exp.expression);
604 |                 return;
605 |             }
606 |         });
607 |         },
608 |         // 年，月，时，分，秒
609 |         commonParser(expressionType, str) {
610 |             if (str == "*") {
611 |                 this.resolveStar(expressionType);
612 |             } else if (str.indexOf("-") >= 0) {
613 |                 this.resolveLine(expressionType, str);
614 |             } else if (str.indexOf("/") >= 0) {
615 |                 this.resolveSlash(expressionType, str);
616 |             } else {
617 |                 this.resolveComma(expressionType, str);
618 |             }
619 |         },
620 |         resolveWeek(str) {
621 |             if (str.indexOf("/") >= 0) {
622 |                 this.day.cronEvery = "2";
623 |                 this.resolveSlash(this.week, str);
624 |             } else if (str.indexOf(",") >= 0) {
625 |                 this.day.cronEvery = "4";
626 |                 this.resolveComma(this.week, str);
627 |             } else if (str.indexOf("#") >= 0) {
628 |                 this.day.cronEvery = "11";
629 |                 let range = str.split("#");
630 |                 this.Week.cronNthDayDay = range[0];
631 |                 this.Week.cronNthDayNth = range[1];
632 |             }
633 |         },
634 |         resolveDay(str) {
635 |             if (str == "*") {
636 |                 this.resolveStar(this.day);
637 |             } else if (str.indexOf("/") >= 0) {
638 |                 this.resolveSlash(this.day, str, "3");
639 |             } else if (str == "L") {
640 |                 this.day.cronEvery = "6";
641 |             } else if (str == "LW") {
642 |                 this.day.cronEvery = "7";
643 |             } else if (/\dL/.test(str)) {
644 |                 this.day.cronEvery = "8";
645 |                 this.day.cronLastSpecificDomDay = Number(str.match(/(\d)L/)[1]);
646 |             } else if (/L-\d+/.test(str)) {
647 |                 this.day.cronEvery = "9";
648 |                 this.day.cronDaysBeforeEomMinus = Number(str.match(/L-(\d+)/)[1]);
649 |             } else if (/\d+W/.test(str)) {
650 |                 this.day.cronEvery = "10";
651 |                 this.day.cronDaysNearestWeekday = Number(str.match(/(\d+)W/))[1];
652 |             } else {
653 |                 this.resolveComma(this.day, str, "5");
654 |             }
655 |         },
656 |         resolveStar(expressionObj, type = "1") {
657 |             expressionObj.cronEvery = type;
658 |         },
659 |         resolveSlash(expressionObj, expression, type = "2") {
660 |             expressionObj.cronEvery = type;
661 |             let range = expression.split("/");
662 |             expressionObj.incrementStart = range[0];
663 |             expressionObj.incrementIncrement = range[1];
664 |         },
665 |         resolveLine(expressionObj, expression, type = "4") {
666 |             expressionObj.cronEvery = type;
667 |             let range = expression.split("-");
668 |             expressionObj.rangeStart = range[0];
669 |             expressionObj.rangeStart = range[1];
670 |         },
671 |         resolveComma(expressionObj, expression, type = "3") {
672 |             expressionObj.cronEvery = type;
673 |             expressionObj.specificSpecific = expression.split(",");
674 |         }
675 | 
676 |     },
677 |     mounted(){
678 |         this.resolveExpression();
679 |     }
680 | }</script>


--------------------------------------------------------------------------------
/test/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue';
 2 | import ElementUI from 'element-ui';
 3 | import cron from '../src';
 4 | import 'element-ui/lib/theme-chalk/index.css'
 5 | import Test from '../test/test.vue';
 6 | 
 7 | Vue.use(cron);
 8 | Vue.use(ElementUI);
 9 | const isProd = process.env.NODE_ENV === 'production';
10 | Vue.config.devtools = !isProd;
11 | Vue.config.silent = isProd;
12 | Vue.config.productionTip = false;
13 | 
14 | const app = new Vue({
15 |     el: '#app',
16 |     template: '<test/>',
17 |     components: { Test }
18 | });
19 | 


--------------------------------------------------------------------------------
/test/index.tpl:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 6 |     <title><%= htmlWebpackPlugin.options.title %></title>
 7 |     <style>
 8 |       body{
 9 |         background: #eee;
10 |       }
11 |     </style>
12 |   </head>
13 |   <body>
14 |     <div id="app">
15 | 
16 |     </div>
17 |     <!-- built files will be auto injected -->
18 |   </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/test/test.vue:
--------------------------------------------------------------------------------
 1 | <style lang="less" scoped>
 2 |     .cron{
 3 |         width: 400px;
 4 |         margin: 0 auto;
 5 |         margin-top: 100px;
 6 |         h1{
 7 |             font-size: 50px;
 8 |             text-align: center;
 9 |         }
10 |     }
11 | </style>
12 | 
13 | <template>
14 |     <div class="cron">
15 |         <h1>vue-cron</h1>
16 |         <el-popover v-model="cronPopover">
17 |             <vueCron :data="cron" @change="changeCron" @close="cronPopover=false" i18n="en"></vueCron>
18 |             <el-input slot="reference" @click="cronPopover=true" v-model="cron" placeholder="* * * * * ? *"></el-input>
19 |         </el-popover>
20 | 
21 |     </div>
22 | </template>
23 | 
24 | <script>
25 | 
26 |     export default {
27 |         data(){
28 |             return {
29 |                 cronPopover:false,
30 |                 cron:''
31 |             }
32 |         },
33 |         components: {  },
34 |         computed: {},
35 |         methods: {
36 |             changeCron(val){
37 |                 this.cron=val
38 |             },
39 |         },
40 |         mounted(){
41 | 
42 |         }
43 |     }
44 | </script>


--------------------------------------------------------------------------------