@ajaxjs/util 1.0.9 → 1.1.0

package/dist/widget/Resize.js

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    data() {
+        return {
+            styleWidth: 0,
+            styleHeight: 0,
+            styleLeft: 0,
+            styleTop: 0,
+            sideLeft: 0,
+            sideRight: 0,
+            sideUp: 0,
+            sideDown: 0,
+            fixLeft: 0,
+            fixTop: 0,
+            fn: null,
+            LockX: false,
+            LockY: false,
+            Lock: false,
+            scale: {
+                enable: true,
+                ratio: 0,
+                left: 0,
+                top: 0,
+            },
+            min: {
+                enable: false,
+                height: 100,
+                width: 200,
+            },
+            max: {
+                enable: false,
+                height: 300,
+                width: 500,
+            }
+        };
+    },
+    methods: {
+        /**
+         * 准备拖动
+         */
+        start(e, fn) {
+            this.styleWidth = this.$el.clientWidth;
+            this.styleHeight = this.$el.clientHeight;
+            this.styleLeft = this.$el.offsetLeft; // 记录鼠标相对拖放对象的位置
+            this.styleTop = this.$el.offsetTop;
+            this.sideLeft = e.clientX - this.styleWidth;
+            this.sideRight = e.clientX + this.styleWidth;
+            this.sideUp = e.clientY - this.styleHeight;
+            this.sideDown = e.clientY + this.styleHeight;
+            this.fixLeft = this.styleWidth + this.styleLeft;
+            this.fixTop = this.styleHeight + this.styleTop;
+            this.fn = fn;
+            if (this.scale.enable) {
+                this.scale.ratio = Math.max(this.scale.ratio, 0) || this.styleWidth / this.styleHeight; //设置比例
+                this.scale.left = this.styleLeft + this.styleWidth / 2; // left 和 top 的定位坐标
+                this.scale.top = this.styleTop + this.styleHeight / 2;
+            }
+            document.addEventListener("mousemove", this.resize); // mousemove 时移动 mouseup 时停止
+            document.addEventListener("mouseup", this.stop);
+        },
+        // 缩放
+        resize(e) {
+            window.getSelection().removeAllRanges(); // 清除选择
+            this.fn(e);
+            if (this.min.enable) {
+                if (this.styleHeight <= this.min.height)
+                    return;
+                if (this.styleWidth <= this.min.width)
+                    return;
+            }
+            if (this.max.enable) {
+                if (this.styleHeight >= this.max.height)
+                    return;
+                if (this.styleWidth >= this.max.width)
+                    return;
+            }
+            let s = this.$el.style;
+            s.width = this.styleWidth + "px";
+            s.height = this.styleHeight + "px";
+            s.top = this.styleTop + "px";
+            s.left = this.styleLeft + "px";
+        },
+        // 停止缩放
+        stop() {
+            document.removeEventListener("mousemove", this.resize);
+            document.removeEventListener("mouseup", this.stop);
+        },
+        //缩放程序
+        //上
+        up(e) {
+            this.styleHeight = Math.max(this.sideDown - e.clientY, 0);
+            this.styleTop = this.fixTop - this.styleHeight;
+            this.styleLeft = this.scale.left - this.styleWidth / 2;
+            console.log(this.styleLeft);
+        },
+        //下
+        down(e) {
+            this.styleHeight = Math.max(e.clientY - this.sideUp, 0);
+            this.styleLeft = this.scale.left - this.styleWidth / 2;
+        },
+        //右
+        right(e) {
+            this.styleWidth = Math.max(e.clientX - this.sideLeft, 0);
+        },
+        //左
+        left(e) {
+            this.styleWidth = Math.max(this.sideRight - e.clientX, 0);
+            this.styleLeft = this.fixLeft - this.styleWidth;
+        },
+        //右下
+        rightDown(e) {
+            this.right(e);
+            this.down(e);
+        },
+        //右上
+        rightUp(e) {
+            this.right(e);
+            this.up(e);
+        },
+        //左下
+        leftDown(e) {
+            this.left(e);
+            this.down(e);
+        },
+        //左上
+        leftUp(e) {
+            this.left(e);
+            this.up(e);
+        },
+    },
+};
+//# sourceMappingURL=Resize.js.map

package/dist/widget/Resize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resize.js","sourceRoot":"","sources":["../../src/widget/Resize.ts"],"names":[],"mappings":"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"}

package/dist/widget/Resize.ts

@@ -0,0 +1,152 @@
+export default {
+    data() {
+        return {
+            styleWidth: 0,// 样式参数值
+            styleHeight: 0,
+            styleLeft: 0,
+            styleTop: 0,
+            sideLeft: 0,  // 四条边定位坐标
+            sideRight: 0,
+            sideUp: 0,
+            sideDown: 0,
+            fixLeft: 0,   // top 和 left 定位参数
+            fixTop: 0,
+            fn: null,
+
+            LockX: false,// 是否锁定水平方向拖放
+            LockY: false,// 是否锁定垂直方向拖放
+            Lock: false,// 是否锁定
+
+            scale: {                // 按比例缩放
+                enable: true,      // 是否按比例缩放
+                ratio: 0,           // 设置比例(宽/高)
+                left: 0,
+                top: 0,
+            },
+
+            min: {                  // 最小控制
+                enable: false,
+                height: 100,
+                width: 200,
+            },
+            max: {                  // 最大控制
+                enable: false,
+                height: 300,
+                width: 500,
+            }
+
+        };
+    },
+    methods: {
+        /**
+         * 准备拖动
+         */
+        start(e: MouseEvent, fn: Function): void {
+            this.styleWidth = this.$el.clientWidth;
+            this.styleHeight = this.$el.clientHeight;
+            this.styleLeft = this.$el.offsetLeft;         // 记录鼠标相对拖放对象的位置
+            this.styleTop = this.$el.offsetTop;
+
+            this.sideLeft = e.clientX - this.styleWidth;
+            this.sideRight = e.clientX + this.styleWidth;
+            this.sideUp = e.clientY - this.styleHeight;
+            this.sideDown = e.clientY + this.styleHeight;
+
+            this.fixLeft = this.styleWidth + this.styleLeft;
+            this.fixTop = this.styleHeight + this.styleTop;
+            this.fn = fn;
+
+            if (this.scale.enable) {
+                this.scale.ratio = Math.max(this.scale.ratio, 0) || this.styleWidth / this.styleHeight;        //设置比例
+                this.scale.left = this.styleLeft + this.styleWidth / 2;// left 和 top 的定位坐标
+                this.scale.top = this.styleTop + this.styleHeight / 2;
+            }
+
+            document.addEventListener("mousemove", this.resize);// mousemove 时移动 mouseup 时停止
+            document.addEventListener("mouseup", this.stop);
+        },
+
+        // 缩放
+        resize(e: MouseEvent): void {
+            window.getSelection().removeAllRanges(); // 清除选择
+            this.fn(e);
+
+            if (this.min.enable) {
+                if (this.styleHeight <= this.min.height)
+                    return;
+                if (this.styleWidth <= this.min.width)
+                    return;
+            }
+            if (this.max.enable) {
+                if (this.styleHeight >= this.max.height)
+                    return;
+                if (this.styleWidth >= this.max.width)
+                    return;
+            }
+
+            let s = this.$el.style;
+            s.width = this.styleWidth + "px";
+            s.height = this.styleHeight + "px";
+            s.top = this.styleTop + "px";
+            s.left = this.styleLeft + "px";
+        },
+
+        // 停止缩放
+        stop(): void {
+            document.removeEventListener("mousemove", this.resize);
+            document.removeEventListener("mouseup", this.stop);
+        },
+
+        //缩放程序
+
+        //上
+        up(e: MouseEvent): void {
+            this.styleHeight = Math.max(this.sideDown - e.clientY, 0);
+            this.styleTop = this.fixTop - this.styleHeight;
+            this.styleLeft = this.scale.left - this.styleWidth / 2;
+            console.log(this.styleLeft)
+        },
+
+        //下
+        down(e: MouseEvent): void {
+            this.styleHeight = Math.max(e.clientY - this.sideUp, 0);
+            this.styleLeft = this.scale.left - this.styleWidth / 2;
+
+        },
+
+        //右
+        right(e: MouseEvent): void {
+            this.styleWidth = Math.max(e.clientX - this.sideLeft, 0);
+        },
+
+        //左
+        left(e: MouseEvent): void {
+            this.styleWidth = Math.max(this.sideRight - e.clientX, 0);
+            this.styleLeft = this.fixLeft - this.styleWidth;
+        },
+
+        //右下
+        rightDown(e: MouseEvent): void {
+            this.right(e);
+            this.down(e);
+        },
+
+        //右上
+        rightUp(e: MouseEvent): void {
+            this.right(e);
+            this.up(e);
+        },
+
+        //左下
+        leftDown(e: MouseEvent): void {
+            this.left(e);
+            this.down(e);
+        },
+
+        //左上
+        leftUp(e: MouseEvent): void {
+            this.left(e);
+            this.up(e);
+        },
+    },
+};

package/dist/widget/Resize.vue

@@ -0,0 +1,104 @@
+<template>
+  <!-- 拖拉缩放效果 -->
+  <div class="resize-box">
+    <div class="rRightDown" @mousedown="start($event, rightDown)"> </div>
+    <div class="rLeftDown" @mousedown="start($event, leftDown)"> </div>
+    <div class="rRightUp" @mousedown="start($event, rightUp)"> </div>
+    <div class="rLeftUp" @mousedown="start($event, leftUp)"> </div>
+    <div class="rRight" @mousedown="start($event, right)"> </div>
+    <div class="rLeft" @mousedown="start($event, left)"> </div>
+    <div class="rDown" @mousedown="start($event, down)"></div>
+    <div class="rUp" @mousedown="start($event, up)"> </div>
+  </div>
+</template>
+
+<script lang="ts" src="./Resize.ts"></script>
+
+<style lang="less" scoped>
+.rRightDown,
+.rLeftDown,
+.rLeftUp,
+.rRightUp,
+.rRight,
+.rLeft,
+.rUp,
+.rDown {
+  position: absolute;
+  background: #c00;
+  width: 7px;
+  height: 7px;
+  z-index: 5;
+  font-size: 0;
+}
+
+.rLeftDown, .rRightUp {
+  cursor: ne-resize;
+}
+
+.rRightDown, .rLeftUp {
+  cursor: nw-resize;
+}
+
+.rRight, .rLeft {
+  cursor: e-resize;
+}
+
+.rUp, .rDown {
+  cursor: n-resize;
+}
+
+.rLeftDown {
+  left: -4px;
+  bottom: -4px;
+}
+
+.rRightUp {
+  right: -4px;
+  top: -4px;
+}
+
+.rRightDown {
+  right: -4px;
+  bottom: -4px;
+  background-color: 0f;
+}
+
+.rLeftUp {
+  left: -4px;
+  top: -4px;
+}
+
+.rRight {
+  right: -4px;
+  top: 50%;
+  margin-top: -4px;
+}
+
+.rLeft {
+  left: -4px;
+  top: 50%;
+  margin-top: -4px;
+}
+
+.rUp {
+  top: -4px;
+  left: 50%;
+  margin-left: -4px;
+}
+
+.rDown {
+  bottom: -4px;
+  left: 50%;
+  margin-left: -4px;
+}
+
+.resize-box {
+  border: 1px solid gray;
+  width: 100px;
+  height: 60px;
+  top: 150px;
+  left: 550px;
+  background: #fff;
+  position: absolute;
+}
+</style>

package/dist/widget/TreeSelector.vue

@@ -0,0 +1,4 @@
+<!-- 下拉分类 -->
+<template>
+
+</template>

package/dist/widget/calendar/BetweenDate.vue

@@ -0,0 +1,63 @@
+<template>
+  <form action="." method="GET" class="dateRange" @submit="valid">
+    <aj-form-calendar-input
+      :date-only="true"
+      :position-fixed="true"
+      placeholder="起始时间"
+      field-name="startDate"
+    ></aj-form-calendar-input>
+    -
+    <aj-form-calendar-input
+      :date-only="true"
+      :position-fixed="true"
+      placeholder="截至时间"
+      field-name="endDate"
+    ></aj-form-calendar-input>
+    <button class="aj-btn">按时间筛选</button>
+  </form>
+</template>
+
+<script lang="ts">
+/**
+ * 起始时间、截止时间的范围选择
+ */
+export default {
+  props: {
+    isAjax: { type: Boolean, default: true }, // 是否 AJAX 模式
+  },
+  methods: {
+    valid(this: Vue, ev: Event): void {
+      let start = (<HTMLInputElement>(
+          this.$el.querySelector("input[name=startDate]")
+        )).value,
+        end = (<HTMLInputElement>this.$el.querySelector("input[name=endDate]"))
+          .value;
+
+      if (!start || !end) {
+        alert("输入数据不能为空");
+        ev.preventDefault();
+        return;
+      }
+
+      if (new Date(start) > new Date(end)) {
+        alert("起始日期不能晚于结束日期");
+        ev.preventDefault();
+        return;
+      }
+
+      //@ts-ignore
+      if (this.isAjax) {
+        ev.preventDefault();
+        let grid: any = this.$parent.$parent;
+
+        Object.assign(grid.$refs.pager.extraParam, {
+          startDate: start,
+          endDate: end,
+        });
+
+        grid.reload();
+      }
+    },
+  },
+};
+</script>

package/dist/widget/calendar/Calendar.d.ts

@@ -0,0 +1,55 @@
+/**
+ * 日期选择器
+ */
+declare const _default: {
+    props: {
+        showTime: BooleanConstructor;
+    };
+    data(): {
+        date: Date;
+        year: number;
+        month: number;
+        day: number;
+    };
+    mounted(): void;
+    watch: {
+        date(): void;
+    };
+    methods: {
+        /**
+         * 画日历
+         */
+        render(): void;
+        /**
+         * 获取指定的日期
+         *
+         * @param dateType
+         * @param month
+         */
+        getDate(dateType: 'preMonth' | 'nextMonth' | 'setMonth' | 'preYear' | 'nextYear', month: number): void;
+        /**
+         *
+         *
+         * @param querySelectoreven
+         */
+        setMonth(ev: Event): void;
+        /**
+         * 获取空白的非上月天数 + 当月天数
+         *
+         * @param this
+         */
+        getDateArr(): number[];
+        /**
+         * 获取日期
+         *
+         * @param event
+         */
+        pickDay(ev: Event): string;
+        /**
+         *
+         * @param event
+         */
+        pickupTime(event: Event): void;
+    };
+};
+export default _default;

package/dist/widget/calendar/Calendar.js

@@ -0,0 +1,145 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * 日期选择器
+ */
+exports.default = {
+    props: {
+        showTime: Boolean // 是否显示时间，即“时分秒”
+    },
+    data() {
+        let date = new Date;
+        return {
+            date: date,
+            year: date.getFullYear(),
+            month: date.getMonth() + 1,
+            day: 1
+        };
+    },
+    mounted() {
+        this.$options.watch.date.call(this);
+    },
+    watch: {
+        date() {
+            this.year = this.date.getFullYear();
+            this.month = this.date.getMonth() + 1;
+            this.render();
+        }
+    },
+    methods: {
+        /**
+         * 画日历
+         */
+        render() {
+            let arr = this.getDateArr(), // 用来保存日期列表
+            frag = document.createDocumentFragment(); // 插入日期
+            while (arr.length) {
+                let row = document.createElement("tr"); // 每个星期插入一个 tr
+                for (let i = 1; i <= 7; i++) { // 每个星期有7天
+                    let cell = document.createElement("td");
+                    if (arr.length) {
+                        let d = arr.shift();
+                        if (d) {
+                            let text = this.year + '-' + this.month + '-' + d;
+                            cell.title = text; // 保存日期在 title 属性
+                            cell.className = 'day day_' + text;
+                            cell.innerHTML = d + "";
+                            let on = new Date(this.year, this.month - 1, d);
+                            // 判断是否今日
+                            if (isSameDay(on, this.date)) {
+                                cell.classList.add('onToday');
+                                // this.onToday && this.onToday(cell);// 点击 今天 时候触发的事件
+                            }
+                            // 判断是否选择日期
+                            // this.selectDay && this.onSelectDay && this.isSameDay(on, this.selectDay) && this.onSelectDay(cell);
+                        }
+                    }
+                    row.appendChild(cell);
+                }
+                frag.appendChild(row);
+            }
+            // 先清空内容再插入
+            let tbody = this.$el.querySelector("table tbody");
+            tbody.innerHTML = '';
+            tbody.appendChild(frag);
+        },
+        /**
+         * 获取指定的日期
+         *
+         * @param dateType
+         * @param month
+         */
+        getDate(dateType, month) {
+            let nowYear = this.date.getFullYear(), nowMonth = this.date.getMonth() + 1; // 当前日期
+            switch (dateType) {
+                case 'preMonth': // 上一月
+                    this.date = new Date(nowYear, nowMonth - 2, 1);
+                    break;
+                case 'nextMonth': // 下一月
+                    this.date = new Date(nowYear, nowMonth, 1);
+                    break;
+                case 'setMonth': // 指定月份
+                    this.date = new Date(nowYear, month - 1, 1);
+                    break;
+                case 'preYear': // 上一年
+                    this.date = new Date(nowYear - 1, nowMonth - 1, 1);
+                    break;
+                case 'nextYear': // 下一年
+                    this.date = new Date(nowYear + 1, nowMonth - 1, 1);
+                    break;
+            }
+        },
+        /**
+         *
+         *
+         * @param querySelectoreven
+         */
+        setMonth(ev) {
+            let el = ev.target;
+            this.getDate('setMonth', Number(el.selectedOptions[0].value));
+        },
+        /**
+         * 获取空白的非上月天数 + 当月天数
+         *
+         * @param this
+         */
+        getDateArr() {
+            let arr = [];
+            // 算出这个月1号距离前面的星期天有多少天
+            for (let i = 1, firstDay = new Date(this.year, this.month - 1, 1).getDay(); i <= firstDay; i++)
+                arr.push(0);
+            // 这个月有多少天。用上个月然后设置日子参数为 0，就可以得到本月有多天
+            for (let i = 1, monthDay = new Date(this.year, this.month, 0).getDate(); i <= monthDay; i++)
+                arr.push(i);
+            return arr;
+        },
+        /**
+         * 获取日期
+         *
+         * @param event
+         */
+        pickDay(ev) {
+            let el = ev.target, date = el.title;
+            this.$emit('pickdate', date);
+            return date;
+        },
+        /**
+         *
+         * @param event
+         */
+        pickupTime(event) {
+            let hour = this.$el.querySelector('.hour'), minute = this.$el.querySelector('.minute'), time = hour.selectedOptions[0].value + ':' + minute.selectedOptions[0].value;
+            this.$emit('pick-time', time);
+        }
+    }
+};
+/**
+  * 判断两个日期是否同一日
+  *
+  * @param d1
+  * @param d2
+  */
+function isSameDay(d1, d2) {
+    return (d1.getFullYear() == d2.getFullYear() && d1.getMonth() == d2.getMonth() && d1.getDate() == d2.getDate());
+}
+//# sourceMappingURL=Calendar.js.map

package/dist/widget/calendar/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/widget/calendar/Calendar.ts"],"names":[],"mappings":"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"}