aaa-ui-test 1.0.1

package/lib/select/src/select.js

@@ -0,0 +1,136 @@
+"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 _field = _interopRequireDefault(require("../../field"));
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+var __script__ = {
+  name: "JddSelect",
+  props: {
+    direction: {
+      type: String,
+      default: "row"
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    value: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    border: {
+      type: String,
+      default: ""
+    },
+    prompt: {
+      type: Boolean,
+      default: false
+    }
+  },
+  components: {
+    jddField: _field.default
+  },
+  data: function data() {
+    return {
+      isFocus: false,
+      placeholderText: this.placeholder,
+      label: this.title
+    };
+  },
+  methods: {
+    onClick: function onClick() {
+      this.$emit("get-select");
+    }
+  },
+  computed: {
+    textTrans: function textTrans() {
+      if (this.direction === "row") {
+        return this.value || this.placeholder;
+      } else {
+        return this.value;
+      }
+    },
+    getColor: function getColor() {
+      return this.value ? "#333" : this.prompt ? "#4D7BFE" : "#CCC";
+    },
+    hasValue: function hasValue() {
+      return this.value !== "";
+    }
+  }
+};
+
+var render = function render() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('jdd-field', {
+    attrs: {
+      "label": _vm.label,
+      "isFocus": _vm.hasValue,
+      "direction": _vm.direction,
+      "border": _vm.border
+    },
+    on: {
+      "label-click": _vm.onClick
+    }
+  }, [_c('div', {
+    staticClass: "jdd-field-control jdd-field-select"
+  }, [_c('span', {
+    staticClass: "jdd-select-show",
+    class: {
+      'jdd-field-hasvalue': _vm.value
+    },
+    style: {
+      color: _vm.getColor
+    }
+  }, [_vm._v(_vm._s(_vm.textTrans))]), _vm._v(" "), _c('i', {
+    staticClass: "jdd-select-icon"
+  })])]);
+};
+
+var staticRenderFns = [];
+var __template__ = {
+  render: render,
+  staticRenderFns: staticRenderFns
+};
+
+var _default = (0, _extends2.default)({}, __script__, __template__);
+
+exports.default = _default;

package/lib/swiper/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 _swiper = _interopRequireDefault(require("./src/swiper"));
+
+require("./index.css");
+
+_swiper.default.install = function (Vue) {
+  Vue.component(_swiper.default.name, _swiper.default);
+};
+
+var _default = _swiper.default;
+exports.default = _default;

package/lib/swiper/src/swiper.js

@@ -0,0 +1,270 @@
+"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 _utils = require("../../utils/utils");
+
+var _betterScroll = _interopRequireDefault(require("better-scroll"));
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+var COMPONENT_NAME = "JddSwiper";
+var __script__ = {
+  name: COMPONENT_NAME,
+  props: {
+    loop: {
+      type: Boolean,
+      default: true
+    },
+    autoPlay: {
+      type: Boolean,
+      default: true
+    },
+    interval: {
+      type: Number,
+      default: 4000
+    },
+    showDot: {
+      type: Boolean,
+      default: true
+    },
+    click: {
+      type: Boolean,
+      default: true
+    },
+    threshold: {
+      type: Number,
+      default: 0.3
+    },
+    speed: {
+      type: Number,
+      default: 400
+    }
+  },
+  data: function data() {
+    return {
+      dots: [],
+      currentPageIndex: 0
+    };
+  },
+  mounted: function mounted() {
+    var _this = this;
+
+    this.update();
+    window.addEventListener("resize", function () {
+      if (!_this.slide || !_this.slide.enabled) {
+        return;
+      }
+
+      clearTimeout(_this.resizeTimer);
+      _this.resizeTimer = setTimeout(function () {
+        if (_this.slide.isInTransition) {
+          _this._onScrollEnd();
+        } else {
+          if (_this.autoPlay) {
+            _this._play();
+          }
+        }
+
+        _this.refresh();
+      }, 60);
+    });
+  },
+  activated: function activated() {
+    if (!this.slide) {
+      return;
+    }
+
+    this.slide.enable();
+    var pageIndex = this.slide.getCurrentPage().pageX;
+    this.slide.goToPage(pageIndex, 0, 0);
+    this.currentPageIndex = pageIndex;
+
+    if (this.autoPlay) {
+      this._play();
+    }
+  },
+  deactivated: function deactivated() {
+    this.slide.disable();
+    clearTimeout(this.timer);
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.slide.disable();
+    clearTimeout(this.timer);
+  },
+  methods: {
+    update: function update() {
+      var _this2 = this;
+
+      if (this.slide) {
+        this.slide.destroy();
+      }
+
+      this.$nextTick(function () {
+        _this2.init();
+      });
+    },
+    refresh: function refresh() {
+      this._setSlideWidth(true);
+
+      this.slide.refresh();
+    },
+    prev: function prev() {
+      this.slide.prev();
+    },
+    next: function next() {
+      this.slide.next();
+    },
+    init: function init() {
+      clearTimeout(this.timer);
+      this.currentPageIndex = 0;
+
+      this._setSlideWidth();
+
+      if (this.showDot) {
+        this._initDots();
+      }
+
+      this._initSlide();
+
+      if (this.autoPlay) {
+        this._play();
+      }
+    },
+    _setSlideWidth: function _setSlideWidth(isResize) {
+      this.children = this.$refs.swiperGroup.children;
+      var width = 0;
+      var slideWidth = this.$refs.swiper.clientWidth;
+
+      for (var i = 0; i < this.children.length; i++) {
+        var child = this.children[i];
+        (0, _utils.addClass)(child, "jdd-swiper-item");
+        child.style.width = slideWidth + "px";
+        width += slideWidth;
+      }
+
+      if (this.loop && !isResize) {
+        width += 2 * slideWidth;
+      }
+
+      this.$refs.swiperGroup.style.width = width + "px";
+    },
+    _initSlide: function _initSlide() {
+      var _this3 = this;
+
+      console.log(this.threshold);
+      this.slide = new _betterScroll.default(this.$refs.swiper, {
+        scrollX: true,
+        scrollY: false,
+        momentum: false,
+        snap: {
+          loop: this.loop,
+          threshold: this.threshold,
+          speed: this.speed
+        },
+        bounce: false,
+        stopPropagation: true,
+        click: this.click
+      });
+      this.slide.on("scrollEnd", this._onScrollEnd);
+      this.slide.on("touchEnd", function () {
+        if (_this3.autoPlay) {
+          _this3._play();
+        }
+      });
+      this.slide.on("beforeScrollStart", function () {
+        if (_this3.autoPlay) {
+          clearTimeout(_this3.timer);
+        }
+      });
+    },
+    _onScrollEnd: function _onScrollEnd() {
+      var pageIndex = this.slide.getCurrentPage().pageX;
+      this.currentPageIndex = pageIndex;
+
+      if (this.autoPlay) {
+        this._play();
+      }
+    },
+    _initDots: function _initDots() {
+      this.dots = new Array(this.children.length);
+    },
+    _play: function _play() {
+      var _this4 = this;
+
+      clearTimeout(this.timer);
+      this.timer = setTimeout(function () {
+        _this4.slide.next();
+      }, this.interval);
+    }
+  },
+  watch: {
+    loop: function loop() {
+      this.update();
+    },
+    autoPlay: function autoPlay() {
+      this.update();
+    },
+    speed: function speed() {
+      this.update();
+    },
+    threshold: function threshold() {
+      this.update();
+    }
+  }
+};
+
+var render = function render() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    ref: "swiper",
+    staticClass: "jdd-swiper"
+  }, [_c('div', {
+    ref: "swiperGroup",
+    staticClass: "jdd-swiper-group"
+  }, [_vm._t("default")], 2), _vm._v(" "), _vm.showDot ? _c('div', {
+    staticClass: "jdd-dots"
+  }, _vm._l(_vm.dots, function (item, index) {
+    return _c('span', {
+      staticClass: "jdd-dot",
+      class: {
+        active: _vm.currentPageIndex === index
+      }
+    });
+  }), 0) : _vm._e()]);
+};
+
+var staticRenderFns = [];
+var __template__ = {
+  render: render,
+  staticRenderFns: staticRenderFns
+};
+
+var _default = (0, _extends2.default)({}, __script__, __template__);
+
+exports.default = _default;

package/lib/switch/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 _switch = _interopRequireDefault(require("./src/switch"));
+
+require("./index.css");
+
+_switch.default.install = function (Vue) {
+  Vue.component(_switch.default.name, _switch.default);
+};
+
+var _default = _switch.default;
+exports.default = _default;

package/lib/switch/src/switch.js

@@ -0,0 +1,143 @@
+"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 _field = _interopRequireDefault(require("../../field"));
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+var __script__ = {
+  name: "JddSwitch",
+  props: {
+    value: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    direction: {
+      type: String,
+      default: "row"
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    border: {
+      type: String,
+      default: ""
+    }
+  },
+  components: {
+    jddField: _field.default
+  },
+  data: function data() {
+    return {
+      checkValue: this.value,
+      validateStatus: true,
+      label: this.title
+    };
+  },
+  methods: {},
+  watch: {
+    value: function value(newVal) {
+      this.checkValue = newVal;
+    },
+    checkValue: function checkValue(newVal) {
+      this.$emit("change", newVal);
+      this.$emit("input", newVal);
+    }
+  }
+};
+
+var render = function render() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('jdd-field', {
+    staticClass: "jdd-field-row",
+    attrs: {
+      "label": _vm.label,
+      "state": _vm.validateStatus,
+      "direction": _vm.direction,
+      "border": _vm.border
+    }
+  }, [_c('div', {
+    staticClass: "jdd-field-control jdd-field-switch"
+  }, [_c('label', {
+    staticClass: "jdd-switch",
+    class: {
+      'jdd-switch-disable': _vm.disabled
+    },
+    attrs: {
+      "for": ""
+    }
+  }, [_c('input', {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.checkValue,
+      expression: "checkValue"
+    }],
+    staticClass: "jdd-switch-input",
+    attrs: {
+      "type": "checkbox",
+      "disabled": _vm.disabled
+    },
+    domProps: {
+      "checked": Array.isArray(_vm.checkValue) ? _vm._i(_vm.checkValue, null) > -1 : _vm.checkValue
+    },
+    on: {
+      "change": function change($event) {
+        var $$a = _vm.checkValue,
+            $$el = $event.target,
+            $$c = $$el.checked ? true : false;
+
+        if (Array.isArray($$a)) {
+          var $$v = null,
+              $$i = _vm._i($$a, $$v);
+
+          if ($$el.checked) {
+            $$i < 0 && (_vm.checkValue = $$a.concat([$$v]));
+          } else {
+            $$i > -1 && (_vm.checkValue = $$a.slice(0, $$i).concat($$a.slice($$i + 1)));
+          }
+        } else {
+          _vm.checkValue = $$c;
+        }
+      }
+    }
+  }), _vm._v(" "), _c('span', {
+    staticClass: "jdd-switch-show"
+  })])])]);
+};
+
+var staticRenderFns = [];
+var __template__ = {
+  render: render,
+  staticRenderFns: staticRenderFns
+};
+
+var _default = (0, _extends2.default)({}, __script__, __template__);
+
+exports.default = _default;

package/lib/tabs/index.js

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

package/lib/tabs/src/tab-item.js

@@ -0,0 +1,72 @@
+"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: "JddTabItem",
+  props: {
+    value: {},
+    content: [String, Number],
+    midPos: {
+      type: Number,
+      default: 0
+    }
+  },
+  inject: {
+    handleClick: {
+      default: 'itemSelect'
+    },
+    parent: {
+      default: void 0
+    }
+  },
+  methods: {
+    itemSelect: function itemSelect() {
+      //  console.log(typeof this.handleClick)
+      if (typeof this.handleClick === 'function') {
+        this.handleClick(this.value, this.content, this.$refs.tab.offsetLeft);
+      } else {
+        this.$emit("click", this.value, this.content);
+      }
+    }
+  }
+};
+
+var render = function render() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    ref: "tab",
+    class: ['jdd-tabs-item', _vm.parent.value === _vm.value ? 'jdd-tabs-active' : ''],
+    on: {
+      "click": _vm.itemSelect
+    }
+  }, [_c('p', [_vm._v(_vm._s(_vm.content))])]);
+};
+
+var staticRenderFns = [];
+var __template__ = {
+  render: render,
+  staticRenderFns: staticRenderFns
+};
+
+var _default = (0, _extends2.default)({}, __script__, __template__);
+
+exports.default = _default;