gunter-kgd 1.0.0 → 1.0.2

package/components/gante_test/gante_op.js

@@ -0,0 +1,112 @@
+
+export default {
+    data(){
+        return{
+            fullScreen: false,//是否全屏模式
+            today: '今天',
+            buttonList: [
+                {
+                    value: 1,
+                    text: '天'
+                },
+                {
+                    value: 2,
+                    text: '周'
+                },
+                {
+                    value: 3,
+                    text: '月'
+                },
+                {
+                    value: 4,
+                    text: '季'
+                },
+                {
+                    value: 5,
+                    text: '年'
+                },
+            ]
+        }
+    },
+    mounted(){
+        document.addEventListener('fullscreenchange',this.changeScreen);
+    },
+    methods: {
+        // 回到今天
+        toToday(){
+            let today = document.getElementById('today-ganteview-column');
+            let ganteview = document.getElementsByClassName('ganteview')[0];
+            if(ganteview){
+                let left = today.offsetLeft - ganteview.clientHeight/2;
+                if(left<0){
+                    left = 0
+                }
+                ganteview.scrollLeft = left;
+            }
+        },
+        //切换模式
+        trickMode(item) {
+            const nextMode = Number(item) || 1;
+            this.time_mode = nextMode;
+            this.init({time_mode: nextMode}, false);
+        },
+        //切換模式
+        op_time_mode(mode){
+            const current = Number(this.time_mode) || 1;
+            let next = current + mode;
+            if(next<=1){
+                next = 1;
+            }
+            if(next>=5){
+                next=5
+            }
+            this.time_mode = next;
+            this.init({time_mode: next}, false);
+        },
+        //全屏 退出全屏
+        toFullScreen(){
+            let element = document.documentElement;
+            // 判断是否已经是全屏
+            // 如果是全屏，退出
+            if (this.fullScreen) {
+                if (document.exitFullscreen) {
+                    document.exitFullscreen();
+                } else if (document.webkitCancelFullScreen) {
+                    document.webkitCancelFullScreen();
+                } else if (document.mozCancelFullScreen) {
+                    document.mozCancelFullScreen();
+                } else if (document.msExitFullscreen) {
+                    document.msExitFullscreen();
+                }
+                console.log('已还原！');
+            } else {    // 否则，进入全屏
+                if (element.requestFullscreen) {
+                    element.requestFullscreen();
+                } else if (element.webkitRequestFullScreen) {
+                    element.webkitRequestFullScreen();
+                } else if (element.mozRequestFullScreen) {
+                    element.mozRequestFullScreen();
+                } else if (element.msRequestFullscreen) {
+                    // IE11
+                    element.msRequestFullscreen();
+                }
+                console.log('已全屏！');
+            }
+            // 改变当前全屏状态
+            this.fullScreen = !this.fullScreen;
+        },
+        changeScreen(){
+            if (document.fullscreenElement) {
+                this.fullScreen = true;
+            } else {
+                this.fullScreen = false;
+            }
+            setTimeout(()=>{
+                this.init({}, false);
+            },500)
+        },
+    },
+    destroyed(){
+        document.removeEventListener('fullscreenchange',this.changeScreen);
+    }
+}

package/components/gante_test/requestAnimation.js

@@ -0,0 +1,49 @@
+const callbackList = []
+
+const find = (list, predicate) => {
+    for (let index = 0; index < list.length; index++) {
+        if (predicate(list[index], index, list)) {
+            return list[index]
+        }
+    }
+    return null
+}
+const findIndex = (list, predicate) => {
+    for (let index = 0; index < list.length; index++) {
+        if (predicate(list[index], index, list)) {
+            return index
+        }
+    }
+    return -1
+}
+
+function raf(callback) {
+    const entry = find(callbackList, item => item.callback === callback)
+    if (entry) {
+        return entry.requestId
+    }
+    else {
+        const requestId = requestAnimationFrame(ts => {
+            const index = findIndex(callbackList, item => item.callback === callback)
+            callbackList.splice(index, 1)
+            callback(ts)
+        })
+        callbackList.push({
+            callback,
+            requestId,
+        })
+        return requestId
+    }
+}
+function caf(requestId) {
+    const index = findIndex(callbackList, item => item.requestId === requestId)
+    if (~index) {
+        callbackList.splice(index, 1)
+    }
+    cancelAnimationFrame(requestId)
+}
+
+export {
+    raf as requestAnimationFrame,
+    caf as cancelAnimationFrame,
+}

package/components/gante_test/resize.js

@@ -0,0 +1,80 @@
+/**
+ * Created by Administrator on 2018/12/29.
+ */
+var passiveEvents = false
+try {
+  var opts = Object.defineProperty({}, 'passive', {
+    get: function () {
+      passiveEvents = { passive: true }
+    }
+  })
+  window.addEventListener('test', null, opts)
+} catch (e) {}
+
+const resize = {
+  onelresize (el, handler) {
+    if (!(el instanceof HTMLElement)) {
+      throw new TypeError("Parameter 1 is not instance of 'HTMLElement'.")
+    }
+    // https://www.w3.org/TR/html/syntax.html#writing-html-documents-elements
+    if (/^(area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr|script|style|textarea|title)$/i.test(el.tagName)) {
+      throw new TypeError('Unsupported tag type. Change the tag or wrap it in a supported tag(e.g. div).')
+    }
+    if (typeof handler !== 'function') { throw new TypeError("Parameter 2 is not of type 'function'.") }
+
+    var lastWidth = el.offsetWidth || 1
+    var lastHeight = el.offsetHeight || 1
+    var maxWidth = 10000 * (lastWidth)
+    var maxHeight = 10000 * (lastHeight)
+
+    var expand = document.createElement('div')
+    expand.style.cssText = 'position:absolute;top:0;bottom:0;left:0;right:0;z-index=-10000;overflow:hidden;visibility:hidden;'
+    var shrink = expand.cloneNode(false)
+
+    var expandChild = document.createElement('div')
+    expandChild.style.cssText = 'transition:0s;animation:none;'
+    var shrinkChild = expandChild.cloneNode(false)
+
+    expandChild.style.width = maxWidth + 'px'
+    expandChild.style.height = maxHeight + 'px'
+    shrinkChild.style.width = '250%'
+    shrinkChild.style.height = '250%'
+
+    expand.appendChild(expandChild)
+    shrink.appendChild(shrinkChild)
+    el.appendChild(expand)
+    el.appendChild(shrink)
+
+    if (expand.offsetParent !== el) {
+      el.style.position = 'relative'
+    }
+
+    expand.scrollTop = shrink.scrollTop = maxHeight
+    expand.scrollLeft = shrink.scrollLeft = maxWidth
+
+    var newWidth = 0
+    var newHeight = 0
+    function onResize () {
+      if (newWidth !== lastWidth || newHeight !== lastHeight) {
+        lastWidth = newWidth
+        lastHeight = newHeight
+        handler()
+      }
+    }
+
+    function onScroll () {
+      newWidth = el.offsetWidth || 1
+      newHeight = el.offsetHeight || 1
+      if (newWidth !== lastWidth || newHeight !== lastHeight) {
+        requestAnimationFrame(onResize)
+      }
+      expand.scrollTop = shrink.scrollTop = maxHeight
+      expand.scrollLeft = shrink.scrollLeft = maxWidth
+    }
+
+    expand.addEventListener('scroll', onScroll, passiveEvents)
+    shrink.addEventListener('scroll', onScroll, passiveEvents)
+  }
+}
+export {resize}
+

package/components/gante_test/search_last_width.js

@@ -0,0 +1,27 @@
+export default {
+    methods:{
+        find_attr(_width,th_data){
+            let str = 0;
+            for(let key in th_data){
+                if(th_data[key].show != false){
+                    str += th_data[key].width ? Number(th_data[key].width) + 1 : 81;
+                }
+            }
+            if(str < _width){
+                let last_attr = this.find_last_attr(1,th_data)
+                //为了预防不能拖动最后一个菜单所以-2\
+                console.log(last_attr)
+                let last_width = last_attr.width ? Number(last_attr.width) - 2 : 78
+                this.$set(last_attr,'width', _width - (str - last_width))
+
+            }
+        },
+        find_last_attr(num,th_data){
+            if(!th_data[Object.keys(th_data)[Object.keys(th_data).length - num]].is_op && th_data[Object.keys(th_data)[Object.keys(th_data).length - num]].show != false){
+                 return th_data[Object.keys(th_data)[Object.keys(th_data).length - num]]
+            }else{
+                return this.find_last_attr(num+1,th_data)
+            }
+        }
+    }
+}

package/gante.vue

@@ -42,15 +42,15 @@
     </div>
 </template>
 <script>
-    import ganteTable from '../components/gante_test/gante-table.vue'
-    import ganteGc from '../components/gante_test/gante-gc.vue'
-    import ganteSplit from '../components/gante_test/gante-split.vue'
-    import commitEmit from '../components/gante_test/commit'
-    import calendar from '../components/gante_test/calendar.vue'
-    import searchLastWidth from '../components/gante_test/search_last_width';
-    import ganteOp from '../components/gante_test/gante_op';
-    import myPublic from '../../utils/public'
-    import dropdown from '../components/common/dropdown.vue'
+    import ganteTable from './components/gante_test/gante-table.vue'
+    import ganteGc from './components/gante_test/gante-gc.vue'
+    import ganteSplit from './components/gante_test/gante-split.vue'
+    import commitEmit from './components/gante_test/commit'
+    import calendar from './components/gante_test/calendar.vue'
+    import searchLastWidth from './components/gante_test/search_last_width';
+    import ganteOp from './components/gante_test/gante_op';
+    import myPublic from './utils/public'
+    import dropdown from './components/common/dropdown.vue'
     let number = 0  //序号
     export default {
         name: 'gante',

package/index.js

@@ -1,5 +1,5 @@
 //package/index.js
-import gante from "../package/gante.vue"; // 引入封装好的组件
+import gante from "./gante.vue"; // 引入封装好的组件
 import gunter from "./gunter";
 const coms = [gante]; // 将来如果有其它组件,都可以写到这个数组里
 

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "gunter-kgd",
-  "version": "1.0.0",
-  "main": "index.js",
+  "version": "1.0.2",
+  "main": "gante-vue.common.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
+  "keywords": [],
   "author": "",
   "license": "ISC",
   "description": ""

package/utils/click-outside.js

@@ -0,0 +1,18 @@
+/**
+ * 点击元素外部触发事件
+ */
+export default {
+    bind: function (el, { value }) {
+        let onClickOutside = value
+        el.handler = function  (e) {
+            if (el && !el.contains(e.target)) {
+                onClickOutside(e)
+            }
+        }
+        document.addEventListener('click', el.handler, true)
+    },
+    unbind: function (el) {
+        document.removeEventListener('click', el.handler, true)
+        el.handler = null
+    }
+}

package/utils/public.js

@@ -0,0 +1,94 @@
+export default {
+    //时间封装
+    dateFormat: {
+        //日期格式化
+        /**
+         *
+         * @param date 标准时间日期格式
+         * @param fmt 格式化格式
+         * @returns {string}
+         */
+        format(date, fmt = 'YYYY-MM-DD HH:mm:ss') {
+            date = new Date(date).getTime();
+            date = new Date(date);
+            var o = {
+                'M+': date.getMonth() + 1,
+                'D+': date.getDate(),
+                'h+': date.getHours() % 12 === 0 ? 12 : date.getHours() % 12,
+                'H+': date.getHours(),
+                'm+': date.getMinutes(),
+                's+': date.getSeconds(),
+                'q+': Math.floor((date.getMonth() + 3) / 3),
+                'S': date.getMilliseconds()
+            }
+            var week = {
+                '0': '\u65e5',
+                '1': '\u4e00',
+                '2': '\u4e8c',
+                '3': '\u4e09',
+                '4': '\u56db',
+                '5': '\u4e94',
+                '6': '\u516d'
+            }
+            if (/(Y+)/.test(fmt)) {
+                fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
+            }
+            if (/(E+)/.test(fmt)) {
+                fmt = fmt.replace(RegExp.$1, ((RegExp.$1.length > 1) ? (RegExp.$1.length > 2 ? '\u661f\u671f' : '\u5468') : '') + week[date.getDay() + ''])
+            }
+            for (var k in o) {
+                if (new RegExp('(' + k + ')').test(fmt)) {
+                    fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
+                }
+            }
+            return fmt
+        },
+        //格式日期兼容苹果端日期获取
+        dateReplace(date) {
+            return date.replace(/-/g, '/');
+        },
+        //首页列表格式化时间
+        getDateDiff(time, bool = false) {
+            var dateTimeStamp = Date.parse(time.replace(/-/g, '/'))
+            var minute = 1000 * 60;
+            var hour = minute * 60;
+            var day = hour * 24;
+            var halfamonth = day * 15;
+            var month = day * 30;
+            var year = month * 12;
+            var now = new Date().getTime();
+            var diffValue = now - dateTimeStamp;
+            var yearC = diffValue / year;
+            var dayC = diffValue / day;
+            var hourC = diffValue / hour;
+            var minC = diffValue / minute;
+            var result = ''
+            if (diffValue < 0) {
+                return getDayName(dateTimeStamp, hourC, minC, time)
+            } else {
+                // console.log('yearC',yearC,dateTimeStamp,year);
+                if (yearC >= 1) {
+                    let year=parseInt(yearC)==1?i18n.t('common.time.year'):i18n.t('common.time.years');
+                    result = parseInt(yearC) + ' ' + year;
+                } else if (dayC >= 1) {
+                    let day=parseInt(dayC)==1?i18n.t('common.time.day'):i18n.t('common.time.days');
+                    result = parseInt(dayC) + ' ' + day;
+                } else if (hourC >= 1) {
+                    let hour=parseInt(hourC)==1?i18n.t('common.time.hour'):i18n.t('common.time.hours');
+                    result = parseInt(hourC) + ' ' + hour;
+                } else if (minC >= 0) {
+                    var mini = parseInt(minC)
+                    if (parseInt(minC) == 0) {
+                        mini = 1
+                    }
+                    let min=parseInt(hourC)==1?i18n.t('common.time.minute'):i18n.t('common.time.minutes');
+                    result = mini + ' ' + min;
+                }
+                if (!bool) {
+                    result = i18n.t('common.time.overdue') + ' ' + result
+                }
+                return result;
+            }
+        }
+    },
+}

package/utils/requestAnimation.js

@@ -0,0 +1,49 @@
+const callbackList = []
+
+const find = (list, predicate) => {
+    for (let index = 0; index < list.length; index++) {
+        if (predicate(list[index], index, list)) {
+            return list[index]
+        }
+    }
+    return null
+}
+const findIndex = (list, predicate) => {
+    for (let index = 0; index < list.length; index++) {
+        if (predicate(list[index], index, list)) {
+            return index
+        }
+    }
+    return -1
+}
+
+function raf(callback) {
+    const entry = find(callbackList, item => item.callback === callback)
+    if (entry) {
+        return entry.requestId
+    }
+    else {
+        const requestId = requestAnimationFrame(ts => {
+            const index = findIndex(callbackList, item => item.callback === callback)
+            callbackList.splice(index, 1)
+            callback(ts)
+        })
+        callbackList.push({
+            callback,
+            requestId,
+        })
+        return requestId
+    }
+}
+function caf(requestId) {
+    const index = findIndex(callbackList, item => item.requestId === requestId)
+    if (~index) {
+        callbackList.splice(index, 1)
+    }
+    cancelAnimationFrame(requestId)
+}
+
+export {
+    raf as requestAnimationFrame,
+    caf as cancelAnimationFrame,
+}