-
+
\ No newline at end of file
diff --git a/src/js/datepicker/main.js b/src/js/datepicker/main.js
deleted file mode 100644
index d222be2..0000000
--- a/src/js/datepicker/main.js
+++ /dev/null
@@ -1,392 +0,0 @@
-/**
- *
- * @authors yutent (yutent@doui.cc)
- * @date 2016-02-14 13:58:39
- *
- */
-"use strict";
-
-define([
- 'text!./main.htm',
- 'css!./style.css',
-], function(tpl){
-
- yua.ui.datepicker = '1.0.0'
- yua.component('datepicker', {
- $template: tpl,
- $construct: function(sys, option, attr){
-
- // 先合并config的配置及元素的属性
- var opts = Object.assign({}, option, attr),
- defVal;
-
- if(!opts.value){
- return yua.error('日历组件必须设置value属性')
- }
-
- //获取初始值
- defVal = sys.$up[opts.value]
-
- //日期格式化, 默认会调用过滤器的格式'Y-m-d H:i:s'
- if(!opts.showTime && !opts.format){
- opts.format = 'Y-m-d';
- }
-
- // 修正默认值, 如果不是Date对象, 则转为Date对象
- if(!defVal){
- if(opts.minDate){
- defVal = opts.minDate;
- }else if(opts.maxDate){
- defVal = opts.maxDate;
- }else{
- defVal = new Date()
- }
- }
- if(!Date.isDate(defVal)){
- defVal = new Date(defVal)
- }
-
- opts.update_value = opts.value
- opts.value = defVal.format(opts.format)
-
- opts.calendar = {
- list: [1],
- year: defVal.format('Y'),
- month: defVal.format('m'),
- day: defVal.format('d'),
- hour: defVal.format('H'),
- minute: defVal.format('i'),
- second: defVal.format('s'),
- minYear: 0,
- minMonth: 0,
- minDay: 0,
- maxYear: 0,
- maxMonth: 0,
- maxDay: 0
- }
-
- if(opts.minDate){
- if(!Date.isDate(opts.minDate)){
- opts.minDate = new Date(opts.minDate)
- }
- opts.calendar.minYear = opts.minDate.format('Y')
- opts.calendar.minMonth = opts.minDate.format('m')
- opts.calendar.minDay = opts.minDate.format('d')
- }
-
- if(opts.maxDate){
- if(!Date.isDate(opts.maxDate)){
- opts.maxDate = new Date(opts.maxDate)
- }
- opts.calendar.maxYear = opts.maxDate.format('Y')
- opts.calendar.maxMonth = opts.maxDate.format('m')
- opts.calendar.maxDay = opts.maxDate.format('d')
- }
-
- //移除部分属性
- delete opts.minDate;
- delete opts.maxDate;
- return yua.mix(sys, opts)
- },
- $ready: function(vm, ele){
- var last = {
- year: +vm.calendar.year,
- month: +vm.calendar.month,
- day: +vm.calendar.day
- },
- timer;
-
- getCalendar(vm, last) //初始化日历显示
-
- //日历按钮,未超出限制时切换日历
- vm.$turn = function(type, step){
- var year = +vm.calendar.year,
- month = +vm.calendar.month;
-
- if(type === 1){
- year += step;
- }else{
- month += step;
- if(month < 1){
- month = 12;
- year--
- }
- if(month > 12){
- month = 1;
- year++
- }
- }
- if(isLimited(vm.calendar, year, month) === true){
- vm.tips = '日期超出限制';
- return;
- }
- vm.calendar.year = year;
- vm.calendar.month = numberFormat(month, 2);
- }
-
- //选择日期
- vm.$getDate = function(disabled, day){
- if(disabled)
- return;
-
- vm.calendar.day = day;
-
- changeStyle(vm.calendar, day);
- updateTime(vm, last);
- vm.showCalendar = !1;
- }
-
- //输入框获取焦点时，显示日历
- vm.$focus = function(){
- vm.showCalendar = !0;
- }
-
- //获取当前时间
- vm.$now = function(){
- var now = new Date(),
- year = now.format('Y'),
- month = now.format('m'),
- day = now.format('d');
-
- var isLimitYM = isLimited(year, month),
- disabled = disabledDay(day, isLimitYM);
-
- if(disabled){
- vm.tips = '今天超出了限制日期';
- return;
- }
-
- vm.calendar.year = year;
- vm.calendar.month = month;
- vm.calendar.day = day;
- vm.calendar.hour = now.format('H');
- vm.calendar.minute = now.format('i');
- vm.calendar.second = now.format('s');
-
- changeStyle(vm.calendar, day);
- updateTime(vm, last);
-
- vm.showCalendar = !1;
- }
-
-
- /************************************************************/
-
- vm.$watch('calendar.year', function(){
- getCalendar(vm, last);
- })
-
- vm.$watch('calendar.month', function(){
- getCalendar(vm, last);
- })
- vm.$watch('calendar.hour', function(v){
- vm.calendar.hour = v
- updateTime(vm, last)
- })
- vm.$watch('calendar.minute', function(v){
- vm.calendar.minute = v
- updateTime(vm, last)
- })
- vm.$watch('calendar.second', function(v){
- vm.calendar.second = v
- updateTime(vm, last)
- })
-
- vm.$watch('showCalendar', function(v){
- if(v || !vm.value)
- return;
-
- vm.$up[vm.update_value] = vm.value
- vm.$onUpdate(vm.value);
- })
-
- vm.$watch('tips', function(v){
- if(!v)
- return;
- clearTimeout(timer);
- timer = setTimeout(function(){
- vm.tips = '';
- }, 1500)
- })
-
- document.addEventListener('click', function(){
- vm.showCalendar = !1;
- })
-
- },
- showTime: false, //对话框上显示时间
- showCalendar: false, //显示日历对话框
- disabled: false, //是否禁用
- tips: '',
- format: '', // 日期显示格式
- value: '', // 用于显示在输入框里的日期变量
- $prevYear: '<<',
- $nextYear: '>>',
- $prevMonth: '<',
- $nextMonth: '>',
- $focus: yua.noop,
- $turn: yua.noop,
- $getDate: yua.noop,
- $now: yua.noop,
- $cancelBubble: function(event){
- event.stopPropagation && event.stopPropagation() || (event.cancelBubble = true);
- },
- $onUpdate: yua.noop, //日期被修改后的回调
- })
-
-/**************** 公共函数 *****************/
- //计算日历数组
- function getCalendar(vm, last){
- var year = +vm.calendar.year,
- month = +vm.calendar.month,
- nums = getTotalDays(year, month),
- numsFixed = -getFirstDay(year, month) + 1,
- isLimitYM = isLimited(vm.calendar, year, month);
-
- vm.calendar.list.clear();
-
- for(var i = numsFixed; i <= nums; i++){
-
- var day = {
- weeken: !1,
- day: '',
- selected: !1,
- disable: !0
- }
- if(i > 0){
- var d = getFirstDay(year, month, i)
- day = {
- weeken: d == 0 || d == 6,
- day: i,
- selected: isSelected(vm.calendar, last, i),
- disable: disabledDay(vm.calendar, i, isLimitYM)
- }
- }
- vm.calendar.list.push(day)
- }
- }
-
- //判断当前年/月是否超出限制
- function isLimited(calendar, year, month){
- var limit = {
- Y: +calendar.minYear,
- M: +calendar.minMonth,
- mY: +calendar.maxYear,
- mM: +calendar.maxMonth,
- },
- res = '';
-
- if((!limit.Y && !limit.mY) || (!limit.M && !limit.mM) || !year){
- return false
- }
-
-
- if((limit.Y && year < limit.Y) || (limit.mY && year > limit.mY)){
- return true
- }
-
- if(month){
- if(year === limit.Y){
- if(limit.M && month < limit.M)
- return true
-
- if(month == limit.M)
- res += '-'
- }
-
- if(year === limit.mY){
- if(limit.mM && month > limit.mM)
- return true
-
- if(month == limit.mM)
- res += '+'
- }
- }
- return res
- }
-
- //判断指定天数是否有效
- function disabledDay(calendar, day, limitedYM){
- var minD = calendar.minDay,
- maxD = calendar.maxDay;
-
- if(limitedYM === '-')
- return day < minD
-
- if(limitedYM === '+')
- return maxD && day > maxD
-
- if(limitedYM === '-+')
- return day < minD || (maxD && day > maxD)
-
- return limitedYM
- }
-
- //判断指定天数是否被选中
- function isSelected(calendar, last, day){
- var year = +calendar.year,
- month = +calendar.month;
-
- return !(last.year !== year || last.month !== month || last.day !== day)
- }
-
- //修改当前选中日期的样式
- function changeStyle(calendar, day){
- calendar.list.forEach(function(item){
- if(item.day != day){
- item.selected = !1
- }else{
- item.selected = !0
- }
- })
- }
-
- //更新时间
- function updateTime(vm, last){
- var hour = 0,
- minute = 0,
- second = 0;
-
- last = {
- year: +vm.calendar.year,
- month: +vm.calendar.month,
- day: +vm.calendar.day
- }
-
- if(vm.showTime){
- hour = vm.calendar.hour
- minute = vm.calendar.minute
- second = vm.calendar.second
- }
- vm.value = new Date(last.year, last.month - 1, last.day, hour, minute, second).format(vm.format)
- }
-
-
- //获取今年的年份/月份，返回的是数组
- function getThisYearMonth(){
- var oDate = new Date()
- return [oDate.getFullYear(), oDate.getMonth() + 1]
- }
-
- //根据年份获取指定月份天数
- function getTotalDays(year, month){
- return new Date(year, month, 0).getDate()
- }
-
- //判断指定年月第一天是星期几
- function getFirstDay(year, month, day){
- return new Date(year, month - 1, day || 1).getDay()
- }
- //数字长度补全（前面加0）
- function numberFormat(num, len){
- num += ''
- if(num.length === len)
- return num
-
- while(num.length < len)
- num = '0' + num
- return num
- }
-
- return yua
-})
\ No newline at end of file
diff --git a/src/js/datepicker/style.scss b/src/js/datepicker/style.scss
old mode 100644
new mode 100755
index 31d4c30..a95d5f8
--- a/src/js/datepicker/style.scss
+++ b/src/js/datepicker/style.scss
@@ -1,56 +1,102 @@
@charset "UTF-8";
-/**
+/**
*
* @authors yutent (yutent@doui.cc)
* @date 2016-02-14 14:00:06
*
*/
-@import "../../../css/var.scss";
-.do-datepicker {position:relative;z-index:65534;width:100%;height:100%;
+@import 'var.scss';
+.do-datepicker { position:relative;width:100%; height:100%;color:nth($cgr, 1);font-size:14px;
- a {text-decoration:none;}
- .date-input {display:block;width:100%;height:100%;padding:0 5px;line-height:18px;border:1px solid nth($cp, 1);@include ts();
-
- &:focus {border-color:nth($ct, 1)}
- }
-
- .calendar-box {position:absolute;left:0;top:100%;width:267px;height:auto;min-height:60px;padding:10px;line-height:35px;border:1px solid #ddd;background:#fff;font-size:14px;color:nth($cgr, 1);text-align:center;box-shadow:0 1px 5px rgba(0,0,0,.1);
-
- dt.title {width:100%;height:35px;background:#e7e8eb;}
- dd.contrl {position:relative;width:90%;height:35px;margin:0 5%;
-
- a {position:absolute;left:0;top:0;width:35px;height:35px;color:nth($cgr, 1);font-weight:bold;}
- a:hover {color:nth($ct, 1)}
- a.prev-month {left:35px;}
- a.next-month {left:auto;right:35px;}
- a.next-year {left:auto;right:0;}
- }
-
- dd.calendar {width:100%;height:auto;
-
- .week {width:100%;height:35px;margin-bottom:5px;border-bottom:1px solid #eee;}
- span.td {float:left;width:35px;}
- .list span.td {height:30px;line-height:30px;cursor:pointer;@include ts();
-
- &:hover {background:nth($cp, 1);}
- &.weeken {color:nth($cr, 1)}
- &.selected {background:nth($ct, 2);color:#fff}
- &.disabled {color:nth($cp, 3);cursor:default;}
- &.disabled:hover {background:none;}
- }
- }
- dd.time {position:relative;width:100%;height:41px;padding:5px 0;margin-top:5px;line-height:30px;border-top:1px solid #eee;
-
- label {float:left;width:60px;height:30px;
- input {width:30px;height:30px;border:1px solid nth($cp, 1);text-align:center;}
- }
- .now {float:right;width:50px;height:30px;border-radius:3px;background:nth($ct, 1);color:#fff;text-align:center;
-
- &:hover {background:nth($ct, 2);}
- &:active {background:nth($ct, 3);}
- }
- }
- dd.tips {position:absolute;z-index:65535;left:25%;top:40%;width:50%;height:30px;line-height:30px;background:rgba(0,0,0,.7);color:#fff;font-size:12px;text-align:center;}
- }
+ a { text-decoration:none;color:nth($cgr, 1);
-}
\ No newline at end of file
+ &:hover {color:nth($cgr, 2);}
+ &:active {color:nth($cgr, 3);}
+ }
+
+ .date-input { display:block; width:100%; height:100%; padding:0 5px; line-height:18px; border:1px solid nth($cp, 1); @include ts();
+
+ &:focus { border-color:nth($ct, 1); }
+ }
+ .calendar-box { position:absolute; left:0; top:100%; z-index:65534; width:267px; height:auto; min-height:60px;padding:10px;line-height:35px; border:1px solid #ddd; background:#fff; font-size:14px; color:nth($cgr, 1); text-align:center; box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);
+
+ &::before {position:absolute;left:0;top:0;z-index:-1;width:100%;height:85px;background:nth($ct, 1);content:""}
+
+ dt.contrl {position:relative; width:100%; height:35px; margin:5px 0 0;border-radius:3px;color:#fff;
+
+ a { position:absolute; left:0; top:0; width:35px; height:35px;color:#fff;
+
+ &::before {position:absolute;left:0;top:0;z-index:-1;display:block;width:35px;height:35px;border-radius:50%;background:nth($ct, 3); content:"";opacity:0;transform: scale(0);}
+
+ &:active {font-weight:bold;
+ &::before {animation:ripple .3s cubic-bezier(0.23, 1, 0.32, 1);}
+ }
+ &::after {content:"\e652";}
+
+ &.prev-month {left:35px;
+ &::after {content:"\e659"}
+ }
+ &.next-month {left:auto; right:35px;
+ &::after {content:"\e658"}
+ }
+ &.next-year {left:auto; right:0;
+ &::after {content:"\e653"}
+ }
+ }
+
+ }
+ dd.table { width:100%; height:auto;
+ .thead {width:100%; height:35px; margin-bottom:5px;color:#fff;}
+ span.td {position:relative;float:left; width:33px;margin:1px;border-radius:3px;
+
+ }
+
+ .tr span.td { height:30px; line-height:30px;cursor:pointer;
+
+ &::before {position:absolute;left:1px;top:0;z-index:-1;display:block;width:30px;height:30px;border-radius:50%;background:nth($cp, 1); content:"";opacity:0;transform: scale(0); transition:opacity .45s cubic-bezier(0.23, 1, 0.32, 1),transform .45s cubic-bezier(0.23, 1, 0.32, 1);}
+
+ &:hover,&.selected {
+ &::before {opacity:1;transform:scale(1);}
+ }
+
+ &.weeken {color:nth($ct, 3);}
+ &.selected {color:#fff;
+ &::before {background:nth($ct, 2);}
+ }
+ &.disabled { color:nth($cp, 1); cursor:default;
+
+ &::before {display:none;}
+ }
+ }
+ }
+
+ dd.time { position:relative; width:100%; height:41px; padding:5px 0; margin-top:5px; line-height:30px; border-top:1px solid #eee;
+
+ label { float:left; width:60px; height:30px;
+ input { width:30px; height:30px; border:1px solid nth($cp, 1); text-align:center; }
+ }
+ .now { float:right; width:50px; height:30px; border-radius:3px; background:nth($cp, 1);text-align:center;
+ }
+ }
+
+ dt.confirm { position:relative; width:100%; height:41px; padding:10px 0 0;line-height:30px; border-top:1px solid #eee; text-align:right;
+
+ .ok,.cancel {display:inline-block;width:60px; height:30px;margin:0 0 0 10px;border-radius:3px;text-align:center;}
+
+ .ok { background:nth($ct, 1); color:#fff;
+ &:hover { background:nth($ct, 2); }
+ &:active { background:nth($ct, 3); }
+ }
+ .cancel {background:nth($cp, 1);}
+ }
+
+ dd.tips { position:absolute; z-index:65535; left:25%; top:40%; width:50%; height:30px; line-height:30px; background:rgba(0, 0, 0, 0.7); color:#fff; font-size:12px; text-align:center; }
+ }
+}
+
+
+@keyframes ripple {
+ from {transform: scale(0);opacity:0;}
+ 30% {opacity:.8;}
+ to {transform: scale(1.2); opacity:0;}
+}
\ No newline at end of file
diff --git a/src/js/drag/doc.md b/src/js/drag/doc.md
old mode 100644
new mode 100755
diff --git a/src/js/drag/main.js b/src/js/drag/main.js
old mode 100644
new mode 100755
diff --git a/src/js/layer/Release.md b/src/js/layer/Release.md
old mode 100644
new mode 100755
diff --git a/src/js/layer/base.js b/src/js/layer/base.js
old mode 100644
new mode 100755
diff --git a/src/js/layer/full.js b/src/js/layer/full.js
old mode 100644
new mode 100755
diff --git a/src/js/layer/mobile.js b/src/js/layer/mobile.js
old mode 100644
new mode 100755
diff --git a/src/js/layer/skin/def.scss b/src/js/layer/skin/def.scss
old mode 100644
new mode 100755
diff --git a/src/js/marked/main.js b/src/js/marked/main.js
old mode 100644
new mode 100755
diff --git a/src/js/marked/theme.scss b/src/js/marked/theme.scss
old mode 100644
new mode 100755
diff --git a/src/js/md5/Readme.md b/src/js/md5/Readme.md
old mode 100644
new mode 100755
diff --git a/src/js/md5/main.js b/src/js/md5/main.js
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/attach.js b/src/js/meditor/addon/attach.js
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/attach.scss b/src/js/meditor/addon/attach.scss
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/base.js b/src/js/meditor/addon/base.js
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/0.gif b/src/js/meditor/addon/face/0.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/1.gif b/src/js/meditor/addon/face/1.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/10.gif b/src/js/meditor/addon/face/10.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/11.gif b/src/js/meditor/addon/face/11.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/12.gif b/src/js/meditor/addon/face/12.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/13.gif b/src/js/meditor/addon/face/13.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/14.gif b/src/js/meditor/addon/face/14.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/15.gif b/src/js/meditor/addon/face/15.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/16.gif b/src/js/meditor/addon/face/16.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/17.gif b/src/js/meditor/addon/face/17.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/18.gif b/src/js/meditor/addon/face/18.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/19.gif b/src/js/meditor/addon/face/19.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/2.gif b/src/js/meditor/addon/face/2.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/20.gif b/src/js/meditor/addon/face/20.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/21.gif b/src/js/meditor/addon/face/21.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/22.gif b/src/js/meditor/addon/face/22.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/23.gif b/src/js/meditor/addon/face/23.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/24.gif b/src/js/meditor/addon/face/24.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/25.gif b/src/js/meditor/addon/face/25.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/26.gif b/src/js/meditor/addon/face/26.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/27.gif b/src/js/meditor/addon/face/27.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/28.gif b/src/js/meditor/addon/face/28.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/29.gif b/src/js/meditor/addon/face/29.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/3.gif b/src/js/meditor/addon/face/3.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/30.gif b/src/js/meditor/addon/face/30.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/31.gif b/src/js/meditor/addon/face/31.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/32.gif b/src/js/meditor/addon/face/32.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/33.gif b/src/js/meditor/addon/face/33.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/34.gif b/src/js/meditor/addon/face/34.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/35.gif b/src/js/meditor/addon/face/35.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/4.gif b/src/js/meditor/addon/face/4.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/5.gif b/src/js/meditor/addon/face/5.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/6.gif b/src/js/meditor/addon/face/6.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/7.gif b/src/js/meditor/addon/face/7.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/8.gif b/src/js/meditor/addon/face/8.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/addon/face/9.gif b/src/js/meditor/addon/face/9.gif
old mode 100644
new mode 100755
diff --git a/src/js/meditor/main.js b/src/js/meditor/main.js
old mode 100644
new mode 100755
diff --git a/src/js/meditor/skin/main.scss b/src/js/meditor/skin/main.scss
old mode 100644
new mode 100755
diff --git a/src/js/pages/index.js b/src/js/pager/index.js
old mode 100644
new mode 100755
similarity index 97%
rename from src/js/pages/index.js
rename to src/js/pager/index.js
index dc952a0..8cda034
--- a/src/js/pages/index.js
+++ b/src/js/pager/index.js
@@ -2,7 +2,7 @@
import './main.scss'
-Anot.ui.pages = '1.0.0'
+Anot.ui.pager = '1.0.0'
//计算页码列表
function calculate({ currPage, maxPageShow, totalPages }) {
let arr = []
@@ -46,7 +46,7 @@ function update(currPage, vm) {
}
}
-export default Anot.component('pages', {
+export default Anot.component('pager', {
construct: function(props, state) {
props.className =
'skin-' + (props.theme || 1) + ' ' + (props.color || 'plain')
@@ -55,7 +55,7 @@ export default Anot.component('pages', {
},
render: function() {
return `
-
+