aaa-ui-test 1.0.1

package/lib/picker/src/picker.js

@@ -0,0 +1,218 @@
+"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: "JddPicker",
+  props: {
+    type: {
+      type: String
+    },
+    // change:{
+    //   type:Function
+    // },
+    outindex: {
+      type: Number,
+      default: 2
+    },
+    data: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    }
+  },
+  data: function data() {
+    return {
+      currentTop: 0,
+      moveTop: 0,
+      moveDis: 0,
+      index: this.outindex,
+      height: 50,
+      childrenLength: 0
+    };
+  },
+  mounted: function mounted() {
+    // debugger;
+    // this.renderPosition(this.index);
+    var top = -(this.index * this.height);
+    var style = "-webkit-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); -webkit-transition-duration: 300ms; transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 300ms; transform: translate3d(0px, " + top + "px,0px);-webkit-transform: translate3d(0px, " + top + "px,0px)"; // this.$refs.dl.style = style;
+    // this.$refs.dl.style.transform = "translate3d(0px, " +
+    //     top +
+    //     "px,0px)";
+
+    this.setPos(this.$refs.dl, top); //var childrenes = this.$refs.dl.parentNode.parentNode.children;
+    // for(var i=0; i<childrenes.length; i++){
+    //     childrenes[i].style.width = 100/childrenes.length + '%';
+    // }
+    // this.$nextTick(()=>{
+    //   this.setIndex(this.$refs.dl);
+    // })
+  },
+  updated: function updated() {
+    this.renderPosition(this.outindex);
+  },
+  watch: {
+    data: function data(newVal) {
+      this.index = Math.min(this.index, newVal.length - 1);
+      this.$emit("update:outindex", this.index);
+    }
+  },
+  methods: {
+    setPos: function setPos(dom, top) {
+      dom.style["-webkit-transition-timing-function"] = "cubic-bezier(0.1, 0.57, 0.1, 1)";
+      dom.style["-webkit-transition-duration"] = "300ms";
+      dom.style["transition-timing-function"] = "cubic-bezier(0.1, 0.57, 0.1, 1)";
+      dom.style["transition-duration"] = "300ms";
+      dom.style["-webkit-transform"] = "translate3d(0px, " + top + "px,0px)";
+      dom.style["transform"] = "translate3d(0px, " + top + "px,0px)"; //dom.style
+    },
+    renderPosition: function renderPosition() {
+      this.index = this.index >= this.data.length ? this.data.length - 1 : this.index;
+      var top = -(this.index * this.height);
+      var style = "-webkit-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); -webkit-transition-duration: 300ms; transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 300ms; transform: translate3d(0px, " + top + "px,0px);-webkit-transform: translate3d(0px, " + top + "px,0px)"; //this.$refs.dl.style = style;
+      //  this.$refs.dl.style.transform = "translate3d(0px, " +
+      // top +
+      // "px,0px)";
+
+      this.setPos(this.$refs.dl, top); // var childrenes = this.$refs.dl.parentNode.parentNode.children;
+      // for(var i=0; i<childrenes.length; i++){
+      //     childrenes[i].style.width = 100/childrenes.length + '%';
+      // }
+      // this.$nextTick(()=>{
+      //   this.setIndex(this.$refs.dl);
+      // })
+    },
+    touchstart: function touchstart(ev) {
+      this.childrenLength = ev.target.parentNode.children.length;
+      this.currentTop = ev.targetTouches[0].clientY; // console.log( 'currentTop:' + this.currentTop );
+    },
+    touchmove: function touchmove(ev) {
+      this.moveTop = ev.targetTouches[0].clientY;
+      this.moveDis = Number(this.moveTop) - Number(this.currentTop);
+      var top = -(this.index * this.height) + this.moveDis;
+      var style = "-webkit-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); -webkit-transition-duration: 300ms; transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 300ms; transform: translate3d(0px, " + top + "px,0px);-webkit-transform: translate3d(0px, " + top + "px,0px)"; // ev.target.parentNode.style = style;
+      // ev.target.parentNode.style.transform = "translate3d(0px, " +
+      //   top +
+      //   "px,0px)";
+
+      this.setPos(ev.target.parentNode, top); // console.log('moveTop:' + this.moveTop);
+      // console.log('moveDis:' + this.moveDis);
+    },
+    touchend: function touchend(ev) {
+      if (this.moveDis >= this.height / 2) {
+        var num = Math.floor(this.moveDis / this.height) || 1;
+        this.index = this.index - num;
+
+        if (this.index < 1) {
+          this.index = 0;
+        }
+      }
+
+      if (this.moveDis <= -this.height / 2) {
+        var _num = -Math.floor(this.moveDis / this.height) || 1;
+
+        this.index = this.index + _num;
+
+        if (this.index > this.childrenLength - 1) {
+          this.index = this.childrenLength - 1;
+        }
+      }
+
+      var top = -(this.index * this.height);
+      var style = "-webkit-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); -webkit-transition-duration: 300ms; transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 300ms; transform: translate3d(0px, " + top + "px,0px);-webkit-transform: translate3d(0px, " + top + "px,0px)"; //ev.target.parentNode.style = style;
+      //  ev.target.parentNode.style.transform = "translate3d(0px, " +
+      // top +
+      // "px,0px)";
+
+      this.setPos(ev.target.parentNode, top); //this.setIndex(ev.target.parentNode);
+      // debugger;
+
+      this.$emit("update:outindex", this.index);
+      var changeObj = {};
+      changeObj["type"] = this.type;
+      changeObj["index"] = this.index;
+      this.$emit("change", changeObj); // this.$props.change && this.$props.change(changeObj);
+    } // setIndex: function(scrollBox){
+    //   var childrens = scrollBox.children;
+    //  // let exist = false;
+    //   for(var i=0;i<childrens.length;i++)
+    //   {
+    //     if(i == this.index){
+    //       exist = true;
+    //       childrens[i].className = 'focus';
+    //     }
+    //     else{
+    //       childrens[i].className = '';
+    //     }
+    //   }
+    // }
+
+  }
+};
+
+var render = function render() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', [_c('dl', {
+    ref: "dl",
+    on: {
+      "touchstart": function touchstart($event) {
+        $event.stopPropagation();
+        $event.preventDefault();
+        return _vm.touchstart($event);
+      },
+      "touchmove": function touchmove($event) {
+        $event.stopPropagation();
+        $event.preventDefault();
+        return _vm.touchmove($event);
+      },
+      "touchend": function touchend($event) {
+        $event.stopPropagation();
+        $event.preventDefault();
+        return _vm.touchend($event);
+      }
+    }
+  }, _vm._l(_vm.data, function (item, ind) {
+    return _c('dd', {
+      key: ind,
+      class: {
+        focus: _vm.index == ind
+      }
+    }, [_vm._v(_vm._s(item))]);
+  }), 0)]);
+};
+
+var staticRenderFns = [];
+var __template__ = {
+  render: render,
+  staticRenderFns: staticRenderFns
+};
+
+var _default2 = (0, _extends2.default)({}, __script__, __template__);
+
+exports.default = _default2;

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

package/lib/popup/src/popup.js

@@ -0,0 +1,170 @@
+"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 _mask = _interopRequireDefault(require("../../mask"));
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+var __script__ = {
+  name: "JddPopup",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    popHeight: {
+      type: String,
+      default: ""
+    },
+    mainTitle: {
+      type: String,
+      default: ""
+    },
+    subTitle: {
+      type: String,
+      default: ""
+    },
+    showMask: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data: function data() {
+    return {};
+  },
+  components: {
+    JddMask: _mask.default
+  },
+  mounted: function mounted() {
+    // const body = document.querySelector("body");
+    //将body放在
+    document.querySelector("body").appendChild(this.$el);
+  },
+  provide: function provide() {
+    return {
+      closeMask: this.handleClose
+    };
+  },
+  computed: {
+    getMask: function getMask() {
+      return this.visible && this.showMask;
+    }
+  },
+  methods: {
+    maskClick: function maskClick() {
+      this.$emit("update:visible", false); // this.showModal = false;
+    },
+    handleClose: function handleClose() {
+      this.$emit("update:visible", false);
+    }
+  },
+  destroyed: function destroyed() {
+    //remove child when components destroyed
+    if (this.$el && this.$el.parentNode) {
+      this.$el.parentNode.removeChild(this.$el);
+    }
+  }
+};
+
+var render = function render() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('transition', {
+    attrs: {
+      "name": "jdd-fade-bottom",
+      "appear": ""
+    }
+  }, [_c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.visible,
+      expression: "visible"
+    }],
+    staticClass: "jdd-popup-wrap"
+  }, [_c('jdd-mask', {
+    on: {
+      "onClick": _vm.maskClick
+    },
+    model: {
+      value: _vm.getMask,
+      callback: function callback($$v) {
+        _vm.getMask = $$v;
+      },
+      expression: "getMask"
+    }
+  }), _vm._v(" "), _c('div', {
+    staticClass: "jdd-popup",
+    style: {
+      height: _vm.popHeight
+    }
+  }, [_vm._t("popup-header", [_c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.mainTitle,
+      expression: "mainTitle"
+    }],
+    staticClass: "jdd-popup-header"
+  }, [_c('div', {
+    staticClass: "jdd-popup-main-title"
+  }, [_c('p', [_vm._v(_vm._s(_vm.mainTitle))]), _vm._v(" "), _c('span', {
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.handleClose($event);
+      }
+    }
+  })]), _vm._v(" "), _c('p', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.subTitle,
+      expression: "subTitle"
+    }],
+    staticClass: "jdd-popup-sub-title"
+  }, [_vm._v(_vm._s(_vm.subTitle))])])]), _vm._v(" "), _c('div', {
+    staticClass: "jdd-popup-content"
+  }, [_vm._t("default")], 2)], 2)], 1)]);
+};
+
+var staticRenderFns = [];
+var __template__ = {
+  render: render,
+  staticRenderFns: staticRenderFns
+};
+
+var _default = (0, _extends2.default)({}, __script__, __template__);
+
+exports.default = _default;

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

package/lib/popup-header/src/popup-header.js

@@ -0,0 +1,93 @@
+"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: "JddPopupHeader",
+  inject: ['closeMask'],
+  props: {
+    mainTitle: {
+      type: String,
+      default: ""
+    },
+    subTitle: {
+      type: String,
+      default: ""
+    },
+    textAlign: {
+      type: String,
+      default: "center"
+    }
+  },
+  data: function data() {
+    return {};
+  },
+  methods: {
+    closePopup: function closePopup() {
+      this.closeMask();
+      this.$emit("close-pop");
+    }
+  }
+};
+
+var render = function render() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    staticClass: "jdd-popup-header"
+  }, [_c('div', {
+    staticClass: "jdd-popup-main-title"
+  }, [_c('p', {
+    style: {
+      'text-align': _vm.textAlign
+    }
+  }, [_vm._v(_vm._s(_vm.mainTitle))]), _vm._v(" "), _c('span', {
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.closePopup($event);
+      }
+    }
+  })]), _vm._v(" "), _c('p', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.subTitle,
+      expression: "subTitle"
+    }],
+    staticClass: "jdd-popup-sub-title",
+    style: {
+      'text-align': _vm.textAlign
+    }
+  }, [_vm._v(_vm._s(_vm.subTitle))])]);
+};
+
+var staticRenderFns = [];
+var __template__ = {
+  render: render,
+  staticRenderFns: staticRenderFns
+};
+
+var _default = (0, _extends2.default)({}, __script__, __template__);
+
+exports.default = _default;

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

package/lib/radio/src/radio.js

@@ -0,0 +1,102 @@
+"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: "JddRadio",
+  props: {
+    mainTitle: {
+      type: String,
+      default: ""
+    },
+    subTitle: {
+      type: String,
+      default: ""
+    },
+    options: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    value: {
+      default: ""
+    },
+    selectField: {
+      type: String,
+      default: "value"
+    }
+  },
+  data: function data() {
+    return {
+      validateStatus: true,
+      label: this.title
+    };
+  },
+  methods: {
+    updateValue: function updateValue(item) {
+      this.$emit("input", item[this.selectField]);
+      this.$emit("select-item", item);
+    }
+  }
+};
+
+var render = function render() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    staticClass: "jdd-radio"
+  }, _vm._l(_vm.options, function (item) {
+    return _c('div', {
+      key: item[_vm.selectField],
+      staticClass: "jdd-radio-item",
+      class: {
+        'jdd-radio-item-active': item[_vm.selectField] === _vm.value
+      },
+      on: {
+        "click": function click($event) {
+          _vm.updateValue(item);
+        }
+      }
+    }, [_vm._t("default", null, {
+      slotProps: item
+    }), _vm._v(" "), _c('span', {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: item[_vm.selectField] === _vm.value,
+        expression: "item[selectField]===value"
+      }],
+      staticClass: "jdd-radio-check"
+    })], 2);
+  }), 0);
+};
+
+var staticRenderFns = [];
+var __template__ = {
+  render: render,
+  staticRenderFns: staticRenderFns
+};
+
+var _default2 = (0, _extends2.default)({}, __script__, __template__);
+
+exports.default = _default2;

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