aaa-ui-test 1.0.1

package/lib/amount/src/amount.js

@@ -0,0 +1,206 @@
+"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: "JddAmount",
+  props: {
+    value: {},
+    showUnit: {
+      type: Boolean,
+      default: true
+    },
+    placeholder: {
+      type: String,
+      default: "请输入金额"
+    },
+    focus: {
+      type: Boolean,
+      default: false
+    }
+  },
+  inject: {
+    handleCheck: {
+      default: "itemSelect"
+    },
+    parent: {
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      checkValue: this.value,
+      validateStatus: true,
+      label: this.title,
+      left: 0
+    };
+  },
+  created: function created() {
+    if (this.isGroup()) {
+      this.checkValue = this.parent.value;
+    } else {
+      this.checkValue = this.value;
+    }
+  },
+  computed: {
+    getUnit: function getUnit() {
+      var unit = "";
+
+      if (this.showUnit) {
+        if (this.value >= 100000 && this.value < 1000000) {
+          unit = "十万";
+        } else if (this.value >= 10000 && this.value < 100000) {
+          unit = "万";
+        } else if (this.value >= 1000 && this.value < 10000) {
+          unit = "千";
+        } else if (this.value >= 100 && this.value < 1000) {
+          unit = "百";
+        } else if (this.value >= 1000000 && this.value < 10000000) {
+          unit = "百万";
+        } else if (this.value >= 10000000 && this.value < 100000000) {
+          unit = "千万";
+        } else if (this.value >= 10000000) {
+          unit = "亿";
+        }
+      }
+
+      return unit;
+    },
+    getFillColor: function getFillColor() {
+      var finalStyle = "";
+
+      if (!this.disabled && !this.isChecked) {
+        return this.fillColor;
+      }
+    },
+    isChecked: function isChecked() {
+      if (this.isGroup()) {
+        return this.name === this.parent.value;
+      } else {
+        return this.checkValue;
+      }
+    },
+    getValue: function getValue() {
+      return this.focus ? this.value : this.value || this.value === 0 ? this.value : this.placeholder; // return this.value|| this.value===0?this.value:this.placeholder;
+    },
+    hasValue: function hasValue() {
+      return this.value || this.value === 0 || this.focus;
+    }
+  },
+  methods: {
+    onClick: function onClick() {
+      this.$emit("update:focus", true);
+      this.$emit("click");
+    },
+    isGroup: function isGroup() {
+      return this.parent ? true : false;
+    },
+    handleChange: function handleChange() {// if(this.isGroup()){
+      // }else{
+      //   this.checkValue =
+      // }
+    }
+  },
+  watch: {
+    value: function value(newVal) {
+      var _this = this;
+
+      this.checkValue = newVal;
+      this.$nextTick(function () {
+        if (newVal.length === 1) {
+          _this.left = document.querySelector(".jdd-amount-value").offsetLeft + document.querySelector(".jdd-amount-value").offsetWidth;
+        }
+      });
+    } // "parent.value": function(newVal) {
+    //   //if(this.name === newVal)
+    //   this.checkValue = this.name === newVal ? true : false;
+    // },
+    // checkValue(newVal) {
+    //   if (typeof this.handleCheck === "function") {
+    //     if (newVal) this.handleCheck(this.name);
+    //     else this.handleCheck("");
+    //   } else {
+    //     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('div', {
+    staticClass: "jdd-amount-wrap"
+  }, [_c('span', {
+    staticClass: "jdd-amount-icon"
+  }, [_vm._v("¥")]), _vm._v(" "), _c('p', {
+    class: [{
+      'jdd-amount-hasvalue': _vm.hasValue
+    }, 'jdd-amount-edit'],
+    on: {
+      "click": _vm.onClick
+    }
+  }, [_c('span', {
+    staticClass: "jdd-amount-value"
+  }, [_vm._v(_vm._s(_vm.getValue))]), _vm._v(" "), _c('span', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.focus,
+      expression: "focus"
+    }],
+    staticClass: "jdd-amount-shine"
+  })]), _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.getUnit,
+      expression: "getUnit"
+    }],
+    staticClass: "jdd-amount-unit-wrap",
+    style: {
+      'left': _vm.left + 'px'
+    }
+  }, [_c('span', {
+    staticClass: "jdd-amount-line"
+  }), _c('span', {
+    staticClass: "jdd-amount-unit"
+  }, [_vm._v(_vm._s(_vm.getUnit))])]), _vm._v(" "), _c('span', {
+    staticClass: "jdd-amount-slot"
+  }, [_vm._t("default")], 2)]);
+};
+
+var staticRenderFns = [];
+var __template__ = {
+  render: render,
+  staticRenderFns: staticRenderFns
+};
+
+var _default = (0, _extends2.default)({}, __script__, __template__);
+
+exports.default = _default;

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

package/lib/button/src/button.js

@@ -0,0 +1,75 @@
+"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: 'JddButton',
+  props: {
+    type: {
+      type: String,
+      default: 'default'
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: 'large'
+    }
+  },
+  methods: {
+    handleClick: function handleClick(evt) {
+      if (!this.disabled) this.$emit('click', evt);
+    }
+  }
+};
+
+var render = function render() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('span', {
+    staticClass: "jdd-button",
+    class: [_vm.type ? 'jdd-button-' + _vm.type : '', {
+      'is-disabled': _vm.disabled
+    }, 'jdd-button-' + _vm.size],
+    on: {
+      "click": _vm.handleClick
+    }
+  }, [_vm.$slots.default ? _c('span', [_vm._t("default")], 2) : _vm._e()]);
+};
+
+var staticRenderFns = [];
+var __template__ = {
+  render: render,
+  staticRenderFns: staticRenderFns
+};
+
+var _default = (0, _extends2.default)({}, __script__, __template__);
+
+exports.default = _default;

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

package/lib/button-group/src/button-group.js

@@ -0,0 +1,53 @@
+"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: 'JddButtonGroup',
+  props: {
+    type: {
+      type: String,
+      default: 'default'
+    }
+  }
+};
+
+var render = function render() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    staticClass: "jdd-button-group",
+    class: [_vm.type ? 'jdd-button-group-' + _vm.type : '']
+  }, [_vm._t("default")], 2);
+};
+
+var staticRenderFns = [];
+var __template__ = {
+  render: render,
+  staticRenderFns: staticRenderFns
+};
+
+var _default = (0, _extends2.default)({}, __script__, __template__);
+
+exports.default = _default;

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

package/lib/checkbox/src/checkbox-group.js

@@ -0,0 +1,85 @@
+"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: "JddCheckboxGroup",
+  props: {
+    value: {
+      default: 0
+    }
+  },
+  provide: function provide() {
+    return {
+      handleCheck: this.boxChecked,
+      parent: this
+    };
+  },
+  data: function data() {
+    return {
+      checkValue: this.value
+    };
+  },
+  created: function created() {
+    var slotsLength = 0;
+
+    if (this.$slots.default && this.$slots.default.length) {
+      slotsLength = this.$slots.default.length;
+    }
+
+    if (slotsLength >= 5) {
+      this.needScroll = true;
+    } //let slotsLength = this.$slots.default.length;
+    // console.log()
+
+  },
+  methods: {
+    itemSelect: function itemSelect(value, content) {
+      this.$emit("input", value);
+    },
+    boxChecked: function boxChecked(check) {
+      this.checkValue = check;
+      this.$emit("input", check);
+    }
+  },
+  watch: {
+    value: function value(newVal) {
+      this.checkValue = newVal;
+    }
+  }
+};
+
+var render = function render() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    staticClass: "jdd-checkbox-list"
+  }, [_vm._t("default")], 2);
+};
+
+var staticRenderFns = [];
+var __template__ = {
+  render: render,
+  staticRenderFns: staticRenderFns
+};
+
+var _default = (0, _extends2.default)({}, __script__, __template__);
+
+exports.default = _default;

package/lib/checkbox/src/checkbox.js

@@ -0,0 +1,228 @@
+"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: "JddCheckbox",
+  props: {
+    value: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    fillColor: {
+      type: String,
+      default: "#4D7BFE"
+    },
+    name: {
+      default: undefined
+    }
+  },
+  inject: {
+    handleCheck: {
+      default: "itemSelect"
+    },
+    parent: {
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      checkValue: this.value,
+      validateStatus: true,
+      label: this.title
+    };
+  },
+  created: function created() {
+    if (this.isGroup()) {
+      this.checkValue = this.parent.value;
+    } else {
+      this.checkValue = this.value;
+    }
+  },
+  computed: {
+    getFillColor: function getFillColor() {
+      var finalStyle = "";
+
+      if (!this.disabled && !this.isChecked) {
+        return this.fillColor;
+      }
+    },
+    isChecked: function isChecked() {
+      if (this.isGroup()) {
+        return this.name === this.parent.value;
+      } else {
+        return this.checkValue;
+      }
+    },
+    getValue: {
+      get: function get() {
+        if (this.isGroup()) {
+          return this.parent.value;
+        } else {
+          return this.checkValue;
+        }
+      },
+      set: function set(newVal) {
+        if (this.isGroup()) {
+          this.handleCheck(this.name); // else this.handleCheck("");
+        } else {
+          this.$emit("change", newVal);
+          this.$emit("input", newVal);
+        }
+      }
+    }
+  },
+  methods: {
+    check: function check(target) {
+      if (target.target.tagName !== 'A' && !this.disabled) {
+        if (this.isGroup()) {
+          this.handleCheck(this.name); // else this.handleCheck("");
+        } else {
+          this.$emit("change", !this.checkValue);
+          this.$emit("input", !this.checkValue);
+        }
+      }
+    },
+    isGroup: function isGroup() {
+      return this.parent ? true : false;
+    },
+    handleChange: function handleChange() {// if(this.isGroup()){
+      // }else{
+      //   this.checkValue = 
+      // }
+    }
+  },
+  watch: {
+    value: function value(newVal) {
+      this.checkValue = newVal;
+    }
+  }
+};
+
+var render = function render() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    staticClass: "jdd-checkbox-wrap"
+  }, [_c('label', {
+    class: ['jdd-checkbox', _vm.disabled ? 'jdd-checkbox-disabled' : ''],
+    attrs: {
+      "for": ""
+    },
+    on: {
+      "click": _vm.check
+    }
+  }, [_c('span', {
+    staticClass: "jdd-checkbox-icon",
+    class: [_vm.isChecked ? 'jdd-checkbox-checked' : 'jdd-checkbox-unchecked'],
+    style: {
+      'borderColor': _vm.getFillColor
+    }
+  }, [_c('svg', {
+    attrs: {
+      "t": "1575962492834",
+      "viewBox": "0 0 1024 1024",
+      "version": "1.1",
+      "p-id": "2415",
+      "data-spm-anchor-id": "a313x.7781069.0.i17"
+    }
+  }, [_c('path', {
+    attrs: {
+      "d": "M512 0C228.430769 0 0 228.430769 0 512s228.430769 512 512 512 512-228.430769 512-512S795.569231 0 512 0z m256 413.538462l-271.753846 271.753846c-7.876923 7.876923-19.692308 11.815385-31.507692 11.815384-11.815385 0-23.630769-3.938462-31.507693-11.815384l-169.353846-169.353846c-15.753846-15.753846-15.753846-47.261538 0-63.015385 15.753846-15.753846 47.261538-15.753846 63.015385 0l137.846154 137.846154 240.246153-240.246154c15.753846-15.753846 47.261538-15.753846 63.015385 0 19.692308 15.753846 19.692308 47.261538 0 63.015385z",
+      "p-id": "2416",
+      "fill": _vm.fillColor
+    }
+  })]), _vm._v(" "), _c('input', {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.getValue,
+      expression: "getValue"
+    }],
+    staticClass: "jdd-checkbox-input",
+    attrs: {
+      "type": "checkbox",
+      "disabled": _vm.disabled
+    },
+    domProps: {
+      "checked": Array.isArray(_vm.getValue) ? _vm._i(_vm.getValue, null) > -1 : _vm.getValue
+    },
+    on: {
+      "change": [function ($event) {
+        var $$a = _vm.getValue,
+            $$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.getValue = $$a.concat([$$v]));
+          } else {
+            $$i > -1 && (_vm.getValue = $$a.slice(0, $$i).concat($$a.slice($$i + 1)));
+          }
+        } else {
+          _vm.getValue = $$c;
+        }
+      }, _vm.handleChange]
+    }
+  })]), _vm._v(" "), _c('span', {
+    staticClass: "jdd-checkbox-label"
+  }, [_vm._t("default")], 2)])]);
+};
+
+var staticRenderFns = [];
+var __template__ = {
+  render: render,
+  staticRenderFns: staticRenderFns
+};
+
+var _default = (0, _extends2.default)({}, __script__, __template__);
+
+exports.default = _default;