aaa-ui-test 1.0.1

package/lib/date-selecter/src/dateselecter.js

@@ -0,0 +1,544 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _popup = _interopRequireDefault(require("../../popup"));
+
+var _picker = _interopRequireDefault(require("../../picker"));
+
+var _visible = _interopRequireDefault(require("../../mixins/visible"));
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+var TIME_INTERVAL = 5 * 365 * 24 * 60 * 60 * 1000;
+var __script__ = {
+  name: "JddDateSelecter",
+  mixins: [_visible.default],
+  props: {
+    type: {
+      type: String,
+      default: "YMD"
+    },
+    startDate: {
+      type: Date,
+      default: function _default() {
+        return new Date(new Date().getTime() - TIME_INTERVAL);
+      }
+    },
+    endDate: {
+      type: Date,
+      default: function _default() {
+        return new Date(new Date().getTime() + TIME_INTERVAL);
+      }
+    },
+    value: {
+      type: Date,
+      default: function _default() {
+        return new Date();
+      }
+    }
+  },
+  data: function data() {
+    return {
+      year: [],
+      month: [],
+      splits: [],
+      hours: [],
+      minutes: [],
+      yearIndex: 0,
+      monthIndex: 0,
+      dayIndex: 0,
+      hIndex: 0,
+      mIndex: 0,
+      sIndex: 0,
+      selfDay: [],
+      upDown: ["上午", "下午"]
+    };
+  },
+  components: {
+    JddPicker: _picker.default,
+    JddPopup: _popup.default
+  },
+  created: function created() {
+    var beginYear = this.startDate.getFullYear();
+    var endYear = this.endDate.getFullYear();
+    var currentYear = this.yearValue = this.value.getFullYear();
+    var currentMonth = this.value.getMonth() + 1;
+    var currentDay = this.value.getDate();
+
+    if (this.type.indexOf("Y") !== -1) {
+      var years = [];
+
+      for (var i = beginYear; i <= endYear; i++) {
+        years.push(i);
+      }
+
+      this.year = years;
+    }
+
+    if (this.type.indexOf("M") !== -1) {
+      this.setMonths(currentYear, currentMonth);
+    }
+
+    if (this.type.indexOf("D") !== -1) {
+      this.setDays(currentYear, currentMonth);
+    }
+
+    if (this.type === "Hm") {
+      var _years = ["上午", "下午"];
+      var hours = [];
+
+      for (var _i = 1; _i <= 12; _i++) {
+        hours.push(_i);
+      }
+
+      var minutes = [];
+
+      for (var _i2 = 0; _i2 < 60; _i2++) {
+        minutes.push(_i2);
+      }
+
+      this.hours = hours;
+      this.minutes = minutes;
+      this.years = _years; // this.splits = [":"];
+    }
+
+    if (this.year.length > 0) {
+      for (var _i3 = 0; _i3 < this.year.length; _i3++) {
+        if (this.year[_i3] == currentYear) {
+          this.yearIndex = _i3;
+        }
+      }
+    }
+
+    if (this.month.length > 0) {
+      for (var _i4 = 0; _i4 < this.month.length; _i4++) {
+        if (this.month[_i4] == currentMonth) {
+          this.monthIndex = _i4;
+        }
+      }
+    }
+
+    if (this.selfDay.length > 0) {
+      for (var _i5 = 0; _i5 < this.selfDay.length; _i5++) {
+        if (this.selfDay[_i5] == currentDay) {
+          this.dayIndex = _i5;
+        }
+      }
+    }
+  },
+  computed: {
+    filterYear: function filterYear() {
+      return this.year.map(function (item) {
+        return item + "年";
+      });
+    },
+    filterMonth: function filterMonth() {
+      return this.month.map(function (item) {
+        return item + "月";
+      });
+    },
+    filterDay: function filterDay() {
+      return this.selfDay.map(function (item) {
+        return item + "日";
+      });
+    }
+  },
+  methods: {
+    setMonths: function setMonths(year, month) {
+      var startYear = this.startDate.getFullYear();
+      var endYear = this.endDate.getFullYear();
+      var startMonth = this.startDate.getMonth() + 1;
+      var endMonth = this.endDate.getMonth() + 1;
+      var begin = 1;
+      var end = 12;
+
+      if (year == startYear) {
+        begin = Math.max(1, startMonth);
+      }
+
+      if (year == endYear) {
+        end = Math.min(12, endMonth);
+      }
+
+      var months = [];
+
+      for (var i = begin; i <= end; i++) {
+        months.push(i);
+      }
+
+      this.month = months;
+      var curIndex = month || this.monthIndex + 1;
+
+      if (curIndex > end) {
+        curIndex = end;
+      }
+
+      if (curIndex < begin) {
+        curIndex = begin;
+      }
+
+      if (this.type.indexOf('D') !== -1) {
+        this.setDays(year, curIndex);
+      }
+    },
+    setDays: function setDays(year, month) {
+      var _this$getDaysByYearAn = this.getDaysByYearAndMonth(year, month),
+          begin = _this$getDaysByYearAn.begin,
+          end = _this$getDaysByYearAn.end;
+
+      var dayArray = [];
+
+      for (var i = begin; i <= end; i++) {
+        dayArray.push(i);
+      }
+
+      this.selfDay = dayArray;
+    },
+    getDaysByYearAndMonth: function getDaysByYearAndMonth(year, month) {
+      var startYear = this.startDate.getFullYear();
+      var endYear = this.endDate.getFullYear();
+      var startMonth = this.startDate.getMonth() + 1;
+      var endMonth = this.endDate.getMonth() + 1;
+      var startDay = this.startDate.getDate();
+      var endDay = this.endDate.getDate();
+      year = parseInt(year);
+      month = parseInt(month);
+      var begin = 1;
+      var end = 30;
+
+      if (year == startYear && month == startMonth) {
+        begin = Math.max(1, startDay);
+      }
+
+      if (month == 2) {
+        if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
+          end = 29;
+        } else {
+          end = 28;
+        }
+      } else if (month == 4 || month == 6 || month == 9 || month == 11) {
+        end = 30;
+      } else {
+        end = 31;
+      }
+
+      if (year == endYear && month == endMonth) {
+        end = endDay;
+      }
+
+      return {
+        begin: begin,
+        end: end
+      };
+    },
+    changeYear: function changeYear(changeObj) {
+      // this.yearIndex = changeObj.index;
+      if (this.type.indexOf('M') !== -1) {
+        this.setMonths(this.year[changeObj.index]);
+      }
+    },
+    changeMonth: function changeMonth(changeObj) {
+      //this.monthIndex = changeObj.index;
+      if (this.type == "MD" || this.type == "YMD") {
+        this.changeday(changeObj);
+      }
+    },
+    changeday: function changeday(changeObj) {
+      // if (changeObj.type == "year") {
+      //   this.yearIndex = changeObj.index;
+      // }
+      // if (changeObj.type == "month") {
+      //   this.monthIndex = changeObj.index;
+      // }
+      // if (changeObj.type == "day") {
+      //   this.dayIndex = changeObj.index;
+      // }
+      // console.log(this.year[this.yearIndex]);
+      // console.log(this.month[this.monthIndex]);
+      // console.log(this.day[this.dayIndex]);
+      // this.selfDay = [1,2,3,4,5]
+      if (this.type == "YMD" || this.type == "MD") {
+        var curYear = this.value.getFullYear();
+
+        if (this.type == "YMD") {
+          curYear = this.year[this.yearIndex];
+        }
+
+        this.setDays(curYear, this.month[this.monthIndex]); // const { begin, end } = this.getDaysByYearAndMonth(
+        //   curYear,
+        //   this.month[this.monthIndex]
+        // );
+        // var dayArray = [];
+        // for (var i = begin; i <= end; i++) {
+        //   dayArray.push(i);
+        // }
+        // this.selfDay = dayArray;
+        // this.dayIndex = 0;
+        // debugger;
+      }
+    },
+    cancelFn: function cancelFn() {
+      this.$emit("update:visible", false);
+      this.$emit("cancel");
+    },
+    confirmFn: function confirmFn() {
+      var str = "";
+
+      if (this.year.length > 0) {
+        str = this.year[this.yearIndex];
+      }
+
+      if (this.month.length > 0) {
+        str = this.month[this.monthIndex];
+      }
+
+      if (this.selfDay.length > 0) {
+        str = this.selfDay[this.dayIndex];
+      }
+
+      if (this.minutes.length > 0) {
+        str = this.minutes[this.mIndex];
+      }
+
+      if (this.hours.length > 0) {
+        str = this.hours[this.hIndex];
+      }
+
+      if (this.year.length > 0 && this.month.length > 0) {
+        str = this.year[this.yearIndex] + "-" + this.month[this.monthIndex];
+      }
+
+      if (this.month.length > 0 && this.selfDay.length > 0) {
+        str = this.month[this.monthIndex] + "-" + this.selfDay[this.dayIndex];
+      }
+
+      if (this.year.length > 0 && this.month.length > 0 && this.selfDay.length > 0) {
+        str = this.year[this.yearIndex] + "-" + this.month[this.monthIndex] + "-" + this.selfDay[this.dayIndex];
+      }
+
+      if (this.minutes.length > 0) {
+        var day = this.upDown[this.dayIndex];
+        str = day + "-" + this.hours[this.hIndex] + "-" + this.minutes[this.mIndex];
+      }
+
+      this.$emit("input", new Date(str));
+      this.$emit("confirm", str);
+      this.$emit("update:visible", false);
+    }
+  }
+};
+
+var render = function render() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('jdd-popup', {
+    attrs: {
+      "visible": _vm.isVisible
+    },
+    on: {
+      "update:visible": function updateVisible($event) {
+        _vm.isVisible = $event;
+      }
+    }
+  }, [_c('div', {
+    staticClass: "jdd-dateselecter-title"
+  }, [_c('span', {
+    staticClass: "cancel",
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.cancelFn($event);
+      }
+    }
+  }, [_vm._v("取消")]), _vm._v(" "), _c('span', {
+    staticClass: "confirm",
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.confirmFn($event);
+      }
+    }
+  }, [_vm._v("确定")])]), _vm._v(" "), _c('div', {
+    staticClass: "jdd-dateselecter-content"
+  }, [_c('div', {
+    staticClass: "jdd-select-date-scrollerbox-n jdd-fs36"
+  }, [_c('div', {
+    class: [_vm.type === 'Hm' ? 'jdd-select-date-hms' : 'jdd-select-date-ymd', 'jdd-select-date-scroller-n']
+  }, [_vm.type.indexOf('Hm') !== -1 ? _c('jdd-picker', {
+    attrs: {
+      "type": "day",
+      "data": _vm.upDown,
+      "outindex": _vm.dayIndex
+    },
+    on: {
+      "update:outindex": function updateOutindex($event) {
+        _vm.dayIndex = $event;
+      }
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.type.indexOf('Y') !== -1 ? _c('jdd-picker', {
+    attrs: {
+      "data": _vm.filterYear,
+      "outindex": _vm.yearIndex
+    },
+    on: {
+      "update:outindex": function updateOutindex($event) {
+        _vm.yearIndex = $event;
+      },
+      "change": _vm.changeYear
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.type.indexOf('M') !== -1 ? _c('jdd-picker', {
+    attrs: {
+      "type": "month",
+      "data": _vm.filterMonth,
+      "outindex": _vm.monthIndex
+    },
+    on: {
+      "update:outindex": function updateOutindex($event) {
+        _vm.monthIndex = $event;
+      },
+      "change": _vm.changeMonth
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.type.indexOf('D') !== -1 ? _c('jdd-picker', {
+    attrs: {
+      "type": "day",
+      "data": _vm.filterDay,
+      "outindex": _vm.dayIndex
+    },
+    on: {
+      "update:outindex": function updateOutindex($event) {
+        _vm.dayIndex = $event;
+      },
+      "change": _vm.changeday
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.type.indexOf('H') !== -1 ? _c('jdd-picker', {
+    attrs: {
+      "type": "day",
+      "data": _vm.hours,
+      "outindex": _vm.hIndex
+    },
+    on: {
+      "update:outindex": function updateOutindex($event) {
+        _vm.hIndex = $event;
+      }
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.type.indexOf('H') !== -1 ? _c('jdd-picker', {
+    staticClass: "split",
+    attrs: {
+      "type": "day",
+      "data": _vm.splits,
+      "outindex": _vm.hIndex
+    },
+    on: {
+      "update:outindex": function updateOutindex($event) {
+        _vm.hIndex = $event;
+      }
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.type.indexOf('m') !== -1 ? _c('jdd-picker', {
+    attrs: {
+      "type": "day",
+      "data": _vm.minutes,
+      "outindex": _vm.mIndex
+    },
+    on: {
+      "update:outindex": function updateOutindex($event) {
+        _vm.mIndex = $event;
+      }
+    }
+  }) : _vm._e()], 1), _vm._v(" "), _c('p', {
+    staticClass: "jdd-select-value"
+  })])])]);
+};
+
+var staticRenderFns = [];
+var __template__ = {
+  render: render,
+  staticRenderFns: staticRenderFns
+};
+
+var _default2 = (0, _extends2.default)({}, __script__, __template__);
+
+exports.default = _default2;

package/lib/default/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _default2 = _interopRequireDefault(require("./src/default"));
+
+require("./index.css");
+
+_default2.default.install = function (Vue) {
+  Vue.component(_default2.default.name, _default2.default);
+};
+
+var _default = _default2.default;
+exports.default = _default;

package/lib/default/src/default.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+var __script__ = {
+  name: "JddDefault",
+  props: {
+    imgUrl: {
+      type: String
+    },
+    text: {
+      type: String
+    }
+  }
+};
+
+var render = function render() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    staticClass: "jdd-default"
+  }, [_c('div', {
+    staticClass: "jdd-default-img"
+  }, [_c('img', {
+    attrs: {
+      "src": _vm.imgUrl,
+      "alt": ""
+    }
+  })]), _vm._v(" "), _c('p', [_vm._v(_vm._s(_vm.text))]), _vm._v(" "), _vm._t("default")], 2);
+};
+
+var staticRenderFns = [];
+var __template__ = {
+  render: render,
+  staticRenderFns: staticRenderFns
+};
+
+var _default = (0, _extends2.default)({}, __script__, __template__);
+
+exports.default = _default;