aaa-ui-test 1.0.1

package/lib/loading/src/loading.js

@@ -0,0 +1,80 @@
+"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: 'JddLoading',
+  components: {
+    JddMask: _mask.default
+  },
+  data: function data() {
+    return {
+      show: false
+    };
+  }
+};
+
+var render = function render() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('transition', {
+    attrs: {
+      "name": "jdd-loading-fade"
+    }
+  }, [_c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.show,
+      expression: "show"
+    }],
+    staticClass: "jdd-loading"
+  }, [_c('jdd-mask', {
+    attrs: {
+      "transparent": true
+    },
+    model: {
+      value: _vm.show,
+      callback: function callback($$v) {
+        _vm.show = $$v;
+      },
+      expression: "show"
+    }
+  }), _vm._v(" "), _c('img', {
+    attrs: {
+      "src": "//m.jr.jd.com/statics/pageLoading/loading.svg"
+    }
+  })], 1)]);
+};
+
+var staticRenderFns = [];
+var __template__ = {
+  render: render,
+  staticRenderFns: staticRenderFns
+};
+
+var _default = (0, _extends2.default)({}, __script__, __template__);
+
+exports.default = _default;

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

package/lib/mask/src/mask.js

@@ -0,0 +1,94 @@
+"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 _fixBody = _interopRequireDefault(require("../../utils/fix-body"));
+
+//
+//
+//
+//
+//
+//
+//
+var __script__ = {
+  name: "JddMask",
+  props: {
+    transparent: {
+      type: Boolean,
+      default: false
+    },
+    custmerClassName: {
+      type: String,
+      default: ""
+    },
+    unClick: {
+      type: Boolean,
+      default: false
+    },
+    value: {
+      type: Boolean,
+      default: false
+    },
+    backgroundColor: {
+      type: String,
+      default: 'rgba(0, 0, 0, 0.6)'
+    }
+  },
+  directives: {
+    fixed: _fixBody.default
+  },
+  computed: {
+    classes: function classes() {
+      return ["jdd-mask", this.transparent && "jdd-mask-transparent", this.custmerClassName && this.custmerClassName];
+    }
+  },
+  methods: {
+    onClick: function onClick(event) {
+      !this.unClick && this.$emit("onClick", event);
+    }
+  }
+};
+
+var render = function render() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.value,
+      expression: "value"
+    }],
+    staticClass: "jdd-mask-box"
+  }, [_c('div', {
+    class: _vm.classes,
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.onClick($event);
+      }
+    }
+  }, [_vm._t("default")], 2)]);
+};
+
+var staticRenderFns = [];
+var __template__ = {
+  render: render,
+  staticRenderFns: staticRenderFns
+};
+
+var _default = (0, _extends2.default)({}, __script__, __template__);
+
+exports.default = _default;

package/lib/mixins/emitter.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+function _broadcast(componentName, eventName, params) {
+  this.$children.forEach(function (child) {
+    var name = child.$options.name;
+
+    if (name === componentName) {
+      child.$emit.apply(child, [eventName].concat(params));
+    } else {
+      _broadcast.apply(child, [componentName, eventName].concat([params]));
+    }
+  });
+}
+
+var _default = {
+  methods: {
+    dispatch: function dispatch(componentName, eventName, params) {
+      var parent = this.$parent || this.$root;
+      var name = parent.$options.name;
+
+      while (parent && (!name || name !== componentName)) {
+        parent = parent.$parent;
+
+        if (parent) {
+          name = parent.$options.name;
+        }
+      }
+
+      if (parent) {
+        parent.$emit.apply(parent, [eventName].concat(params));
+      }
+    },
+    broadcast: function broadcast(componentName, eventName, params) {
+      _broadcast.call(this, componentName, eventName, params);
+    }
+  }
+};
+exports.default = _default;

package/lib/mixins/visible.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var EVENT_UPDATE = 'update:visible';
+var _default = {
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data: function data() {
+    return {
+      isVisible: false
+    };
+  },
+  watch: {
+    isVisible: function isVisible(newVal) {
+      this.$emit(EVENT_UPDATE, newVal);
+    },
+    visible: function visible(newVal) {
+      this.isVisible = newVal;
+    }
+  }
+};
+exports.default = _default;

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

package/lib/notice/src/notice.js

@@ -0,0 +1,188 @@
+"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 __script__ = {
+  name: "JddNotice",
+  data: function data() {
+    return {
+      paddingLeft: 0
+    };
+  },
+  props: {
+    // type: {
+    //   type: String,
+    //   default: 'normal'
+    // },
+    color: {
+      type: String,
+      default: "#FFB540"
+    },
+    background: {
+      type: String,
+      default: "#FFF7EA"
+    },
+    icon: {
+      type: String,
+      default: ""
+    },
+    // url: {
+    //   type: String
+    // },
+    infoClick: {
+      type: Function
+    },
+    opacity: {
+      type: String,
+      default: "0"
+    },
+    value: {
+      type: Boolean,
+      default: false
+    }
+  },
+  mounted: function mounted() {
+    var _this = this;
+
+    var wrapper = this.$refs.jrNoticeScroll;
+    var inner = this.$refs.jrNoticePscroll;
+    var p = this.$refs.scrollp;
+    var p_w = p.offsetWidth;
+    var wrapper_w = wrapper.offsetWidth; // console.log(wrapper_w,p_w);
+
+    if (wrapper_w > p_w) {
+      return;
+    } else {
+      // inner.innerHTML += inner.innerHTML;
+      // var timer = setInterval(function(){
+      //   if (p_w > wrapper.scrollLeft) {
+      //     wrapper.scrollLeft++;
+      //   }
+      //   else{
+      //     wrapper.scrollLeft = 0;
+      //   }
+      // },16)
+      var stop = null;
+      var second = false;
+      var base = 0;
+      setTimeout(function () {
+        function step(timestamp) {
+          if (p_w > wrapper.scrollLeft - base) {
+            wrapper.scrollLeft++;
+            stop = (0, _utils.rAF)(step);
+          } else {
+            second = true;
+            cancelAnimationFrame(stop);
+            _this.paddingLeft = wrapper.offsetWidth;
+            base = wrapper.offsetWidth;
+            wrapper.scrollLeft = 0;
+            setTimeout(function () {
+              stop = (0, _utils.rAF)(step);
+            }, 1500);
+          }
+        }
+
+        stop = (0, _utils.rAF)(step);
+      }, 2000);
+    }
+  },
+  methods: {
+    iconClick: function iconClick() {
+      if (this.icon === "close" || this.icon === "close-white") {
+        this.$emit("close");
+      } else {
+        this.$emit("click");
+      }
+    }
+  }
+};
+
+var render = function render() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.value,
+      expression: "value"
+    }]
+  }, [_c('div', {
+    staticClass: "jdd-notice",
+    class: {
+      'opacity-bg': _vm.opacity == '1',
+      'has-icon': _vm.icon
+    },
+    style: {
+      backgroundColor: _vm.background
+    }
+  }, [_c('div', {
+    ref: "jrNoticeScroll",
+    staticClass: "jdd-notice-scroll wrapper"
+  }, [_c('div', {
+    ref: "jrNoticePscroll",
+    staticClass: "jdd-notice-pscroll inner"
+  }, [_c('div', {
+    ref: "scrollp",
+    staticClass: "txt scrollp",
+    style: {
+      color: _vm.color,
+      paddingLeft: _vm.paddingLeft + 'px'
+    }
+  }, [_vm._t("default")], 2)]), _vm._v(" "), _vm.icon ? _c('i', {
+    class: [_vm.icon, 'icon'],
+    on: {
+      "click": _vm.iconClick
+    }
+  }) : _vm._e()])])]);
+};
+
+var staticRenderFns = [];
+var __template__ = {
+  render: render,
+  staticRenderFns: staticRenderFns
+};
+
+var _default = (0, _extends2.default)({}, __script__, __template__);
+
+exports.default = _default;

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

package/lib/overlay/src/overlay.js

@@ -0,0 +1,153 @@
+"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: "JddOverlay",
+  props: {
+    /* Mask组件 */
+    custmerClassName: {
+      type: String,
+      default: "bgWhite"
+    },
+
+    /* 当前属性 */
+    value: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: ""
+    }
+  },
+  data: function data() {
+    return {
+      show: this.value // html: document.getElementsByTagName('body')[0]
+
+    };
+  },
+  components: {
+    JddMask: _mask.default
+  },
+  watch: {
+    show: function show(val) {
+      /* 隐藏的input 控件来保存v-model的值，进行双向绑定 */
+      this.$emit("input", val);
+      /* 全屏锁 */
+      // if(val) {
+      //   this.html.className = 'screen-lock'
+      // } else {
+      //   this.html.className = ''
+      // }
+    },
+    value: function value(val) {
+      this.show = val;
+    }
+  },
+  methods: {
+    onClickClose: function onClickClose() {
+      this.show = !this.show;
+    }
+  }
+};
+
+var render = function render() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('transition', {
+    attrs: {
+      "name": "ani-scale"
+    }
+  }, [_c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.show,
+      expression: "show"
+    }],
+    staticClass: "jdd-overlay-box"
+  }, [_c('jdd-mask', {
+    attrs: {
+      "custmerClassName": _vm.custmerClassName
+    },
+    model: {
+      value: _vm.show,
+      callback: function callback($$v) {
+        _vm.show = $$v;
+      },
+      expression: "show"
+    }
+  }), _vm._v(" "), _c('div', {
+    staticClass: "jdd-overlay-container"
+  }, [_c('div', {
+    staticClass: "jdd-overlay-title"
+  }, [_c('h2', {
+    domProps: {
+      "textContent": _vm._s(_vm.title)
+    }
+  })]), _vm._v(" "), _c('div', {
+    staticClass: "jdd-overlay-content"
+  }, [_c('div', {
+    staticClass: "jdd-overlay-inner"
+  }, [_vm._t("default")], 2)]), _vm._v(" "), _c('div', {
+    staticClass: "jdd-overlay-btn"
+  }, [_c('i', {
+    staticClass: "jdd-imgs-close",
+    on: {
+      "click": _vm.onClickClose
+    }
+  }), _vm._v(" "), _c('input', {
+    staticClass: "hide",
+    attrs: {
+      "type": "text"
+    },
+    domProps: {
+      "value": _vm.value
+    }
+  })])])], 1)]);
+};
+
+var staticRenderFns = [];
+var __template__ = {
+  render: render,
+  staticRenderFns: staticRenderFns
+};
+
+var _default = (0, _extends2.default)({}, __script__, __template__);
+
+exports.default = _default;

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