eoss 0.1.0-alpha.21 → 0.1.0-alpha.22

package/lib/cascader.js

@@ -191,7 +191,7 @@ module.exports =
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ab", function() { return warning; });
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _color__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(13);
+/* harmony import */ var _color__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12);
 /* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6);
 /* harmony import */ var _storage__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2);
 /* harmony import */ var _date__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1);
@@ -2143,7 +2143,7 @@ var loadJs = function loadJs(url, callback) {
 var loading = function loading() {
   var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '请求中...';
 
-  var Loading = __webpack_require__(19).default;
+  var Loading = __webpack_require__(18).default;
   return Loading.service({
     text: text,
     spinner: 'es-icon-jiazai',
@@ -4040,10 +4040,227 @@ function _broadcast(componentName, eventName, params) {
 /***/ 12:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+/* unused harmony export getHue */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getColor; });
+/* unused harmony export getLightness */
+/* unused harmony export getSaturation */
+/* unused harmony export rgbToHsv */
+/* unused harmony export hsvTorgb */
+/* unused harmony export mixColor */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getRgb; });
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+
+var $hueStep = 2;
+var $saturationStep1 = 0.16;
+var $saturationStep2 = 0.05;
+var $brightnessStep1 = 0.05;
+var $brightnessStep2 = 0.15;
+var $lightColorCount = 5;
+var $darkColorCount = 4;
+/**
+ * getHue
+ * @desc:转换色相
+ * @author huangbo
+ * @date 2022年5月7日
+ **/
+var getHue = function getHue($h, $i, $isLight) {
+  var $hue = void 0;
+  if ($h >= 60 && $h <= 240) {
+    $hue = $isLight ? $h - $hueStep * $i : $h + $hueStep * $i;
+  } else {
+    $hue = $isLight ? $h + $hueStep * $i : $h - $hueStep * $i;
+  }
+  $hue = ($hue + 360) % 360;
+  return Math.round($hue);
+};
+
+/**
+ * getColor
+ * @desc:根据颜色和对应的色板位置，计算出对应的色板颜色
+ * @author huangbo
+ * @date 2022年5月7日
+ **/
+var getColor = function getColor($color, $n) {
+  var $isLight = $n < 7;
+  var $hsv = rgbToHsv($color);
+  // 这里将i转换成以主色为中心，两侧的i值逐渐增大
+  var $i = $isLight ? $lightColorCount + 1 - $n : $n - $lightColorCount - 1;
+  var color = hsvTorgb(getHue($hsv[0], $i, $isLight), getSaturation($hsv[1], $i, $isLight), getLightness($hsv[2], $i, $isLight));
+  return color;
+};
+
+/**
+ * getLightness
+ * @desc:转换明度
+ * @author huangbo
+ * @date 2022年5月7日
+ * @return {string,array} 元素类名或者id
+ **/
+var getLightness = function getLightness($v, $i, $isLight) {
+  var $value = $isLight ? $v + $brightnessStep1 * $i : $v - $brightnessStep2 * $i;
+  $value = $value < 1 ? $value : 1;
+  return Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* toFixed */ "U"])($value, 2);
+};
+
+/**
+ * getSaturation
+ * @desc:转换饱和度
+ * @author huangbo
+ * @date 2022年5月7日
+ **/
+var getSaturation = function getSaturation($s, $i, $isLight) {
+  var $saturation = void 0;
+  if ($isLight) {
+    $saturation = $s - $saturationStep1 * $i;
+  } else if ($i === $darkColorCount) {
+    $saturation = $s + $saturationStep1;
+  } else {
+    $saturation = $s + $saturationStep2 * $i;
+  }
+  $saturation = $saturation < 1 ? $saturation : 1;
+
+  if ($isLight && $i === $lightColorCount && $saturation > 0.1) {
+    $saturation = 0.1;
+  }
+  $saturation = $saturation > 0.06 ? $saturation : 0.06;
+  return Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* toFixed */ "U"])($saturation, 2);
+};
+
+/**
+ * rgbToHsv
+ * @desc:rgb转化成hsv
+ * @author huangbo
+ * @date 2022年5月7日
+ * @param {string} [$color] - 颜色值
+ **/
+var rgbToHsv = function rgbToHsv($color) {
+  var rgb = getRgb($color);
+  var $red = rgb[0];
+  var $green = rgb[1];
+  var $blue = rgb[2];
+  var $max = Math.max($red, $green, $blue);
+  var $min = Math.min($red, $green, $blue);
+  var $diff = $max - $min;
+  var $h = 0;
+  if ($max === $min) {
+    $h = 0;
+  } else if ($max === $red) {
+    $h = 60 * ($green - $blue) / $diff + ($green > $blue - 1 ? 0 : 360);
+  } else if ($max === $green) {
+    $h = 60 * ($blue - $red) / $diff + 120;
+  } else if ($max === $blue) {
+    $h = 60 * ($red - $green) / $diff + 240;
+  }
+  var $s = $max === 0 ? 0 : $diff / $max;
+  var $v = $max / 255;
+  return [$h, $s, $v];
+};
+
+/**
+ * hsvTorgb
+ * @desc:hsv转化成rgb
+ * @author huangbo
+ * @date 2022年5月7日
+ * @param {string} [$color] - 颜色值
+ **/
+var hsvTorgb = function hsvTorgb($h, $s, $v) {
+  var $th = Math.floor($h / 60);
+  var $t1 = $h / 60 - $th;
+  var $t2 = $v * (1 - $s);
+  var $t3 = $v * (1 - $t1 * $s);
+  var $t4 = $v * (1 - (1 - $t1) * $s);
+  var $r = [$v, $t3, $t2, $t2, $t4, $v][$th % 6];
+  var $g = [$t4, $v, $v, $t3, $t2, $t2][$th % 6];
+  var $b = [$t2, $t2, $t4, $v, $v, $t3][$th % 6];
+  // return `rgb(${Math.round($r * 255)}, ${Math.round($g * 255)}, ${Math.round($b * 255)})`;
+  var red = Math.round($r * 255);
+  var green = Math.round($g * 255);
+  var blue = Math.round($b * 255);
+  red = red.toString(16);
+  green = green.toString(16);
+  blue = blue.toString(16);
+  red = red.length === 1 ? '0' + red : red;
+  green = green.length === 1 ? '0' + green : green;
+  blue = blue.length === 1 ? '0' + blue : blue;
+  return '#' + red + green + blue;
+};
+
+/**
+ * mixColor
+ * @desc:生成混合色
+ * @author huangbo
+ * @date 2022年5月7日
+ * @param {string} [$color1] - 颜色值
+ * @param {string} [$color2] - 颜色值
+ * @param {string} [$n] - 百分比 0~1
+ **/
+var mixColor = function mixColor($color1, $color2, $n) {
+  var rgb1 = getRgb($color1);
+  var rgb2 = getRgb($color2);
+  var r = rgb1[0] * $n + rgb2[0] * (1 - $n);
+  var g = rgb1[1] * $n + rgb2[1] * (1 - $n);
+  var b = rgb1[2] * $n + rgb2[2] * (1 - $n);
+  return '#' + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
+};
+
+/**
+ * getRgb
+ * @desc:获取颜色值的rgb值
+ * @author huangbo
+ * @date 2022年5月7日
+ * @param {string} [$color] - 颜色值
+ **/
+var getRgb = function getRgb($color) {
+  var rgb = [];
+  // 16进制颜色值的正则
+  var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
+  // 把颜色值变成小写
+  $color = $color.toLowerCase();
+  if (reg.test($color)) {
+    // 如果只有三位的值，需变成六位，如：#fff => #ffffff
+    if ($color.length === 4) {
+      var colorNew = '#';
+      for (var i = 1; i < 4; i++) {
+        colorNew += $color.slice(i, i + 1).concat($color.slice(i, i + 1));
+      }
+      $color = colorNew;
+    }
+    // 处理六位的颜色值，转为RGB
+    for (var _i = 1; _i < 7; _i += 2) {
+      rgb.push(parseInt('0x' + $color.slice(_i, _i + 2), 16));
+    }
+  } else {
+    rgb = $color.replace(/(?:\(|\)|rgb|RGB)*/g, '').split(',');
+  }
+  return rgb;
+};
+
+/***/ }),
+
+/***/ 122:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _src_cascader_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(69);
+
+
+_src_cascader_vue__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"].install = function (Vue) {
+  Vue.component(_src_cascader_vue__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"].name, _src_cascader_vue__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"]);
+};
+
+/* harmony default export */ __webpack_exports__["default"] = (_src_cascader_vue__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"]);
+
+/***/ }),
+
+/***/ 13:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
 "use strict";
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var eoss_src_utils_popup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23);
+/* harmony import */ var eoss_src_utils_popup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(25);
 
 
 
@@ -4308,223 +4525,6 @@ var stopPropagation = function stopPropagation(e) {
 
 /***/ }),
 
-/***/ 122:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _src_cascader_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(69);
-
-
-_src_cascader_vue__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"].install = function (Vue) {
-  Vue.component(_src_cascader_vue__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"].name, _src_cascader_vue__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"]);
-};
-
-/* harmony default export */ __webpack_exports__["default"] = (_src_cascader_vue__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"]);
-
-/***/ }),
-
-/***/ 13:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* unused harmony export getHue */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getColor; });
-/* unused harmony export getLightness */
-/* unused harmony export getSaturation */
-/* unused harmony export rgbToHsv */
-/* unused harmony export hsvTorgb */
-/* unused harmony export mixColor */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getRgb; });
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
-
-var $hueStep = 2;
-var $saturationStep1 = 0.16;
-var $saturationStep2 = 0.05;
-var $brightnessStep1 = 0.05;
-var $brightnessStep2 = 0.15;
-var $lightColorCount = 5;
-var $darkColorCount = 4;
-/**
- * getHue
- * @desc:转换色相
- * @author huangbo
- * @date 2022年5月7日
- **/
-var getHue = function getHue($h, $i, $isLight) {
-  var $hue = void 0;
-  if ($h >= 60 && $h <= 240) {
-    $hue = $isLight ? $h - $hueStep * $i : $h + $hueStep * $i;
-  } else {
-    $hue = $isLight ? $h + $hueStep * $i : $h - $hueStep * $i;
-  }
-  $hue = ($hue + 360) % 360;
-  return Math.round($hue);
-};
-
-/**
- * getColor
- * @desc:根据颜色和对应的色板位置，计算出对应的色板颜色
- * @author huangbo
- * @date 2022年5月7日
- **/
-var getColor = function getColor($color, $n) {
-  var $isLight = $n < 7;
-  var $hsv = rgbToHsv($color);
-  // 这里将i转换成以主色为中心，两侧的i值逐渐增大
-  var $i = $isLight ? $lightColorCount + 1 - $n : $n - $lightColorCount - 1;
-  var color = hsvTorgb(getHue($hsv[0], $i, $isLight), getSaturation($hsv[1], $i, $isLight), getLightness($hsv[2], $i, $isLight));
-  return color;
-};
-
-/**
- * getLightness
- * @desc:转换明度
- * @author huangbo
- * @date 2022年5月7日
- * @return {string,array} 元素类名或者id
- **/
-var getLightness = function getLightness($v, $i, $isLight) {
-  var $value = $isLight ? $v + $brightnessStep1 * $i : $v - $brightnessStep2 * $i;
-  $value = $value < 1 ? $value : 1;
-  return Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* toFixed */ "U"])($value, 2);
-};
-
-/**
- * getSaturation
- * @desc:转换饱和度
- * @author huangbo
- * @date 2022年5月7日
- **/
-var getSaturation = function getSaturation($s, $i, $isLight) {
-  var $saturation = void 0;
-  if ($isLight) {
-    $saturation = $s - $saturationStep1 * $i;
-  } else if ($i === $darkColorCount) {
-    $saturation = $s + $saturationStep1;
-  } else {
-    $saturation = $s + $saturationStep2 * $i;
-  }
-  $saturation = $saturation < 1 ? $saturation : 1;
-
-  if ($isLight && $i === $lightColorCount && $saturation > 0.1) {
-    $saturation = 0.1;
-  }
-  $saturation = $saturation > 0.06 ? $saturation : 0.06;
-  return Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* toFixed */ "U"])($saturation, 2);
-};
-
-/**
- * rgbToHsv
- * @desc:rgb转化成hsv
- * @author huangbo
- * @date 2022年5月7日
- * @param {string} [$color] - 颜色值
- **/
-var rgbToHsv = function rgbToHsv($color) {
-  var rgb = getRgb($color);
-  var $red = rgb[0];
-  var $green = rgb[1];
-  var $blue = rgb[2];
-  var $max = Math.max($red, $green, $blue);
-  var $min = Math.min($red, $green, $blue);
-  var $diff = $max - $min;
-  var $h = 0;
-  if ($max === $min) {
-    $h = 0;
-  } else if ($max === $red) {
-    $h = 60 * ($green - $blue) / $diff + ($green > $blue - 1 ? 0 : 360);
-  } else if ($max === $green) {
-    $h = 60 * ($blue - $red) / $diff + 120;
-  } else if ($max === $blue) {
-    $h = 60 * ($red - $green) / $diff + 240;
-  }
-  var $s = $max === 0 ? 0 : $diff / $max;
-  var $v = $max / 255;
-  return [$h, $s, $v];
-};
-
-/**
- * hsvTorgb
- * @desc:hsv转化成rgb
- * @author huangbo
- * @date 2022年5月7日
- * @param {string} [$color] - 颜色值
- **/
-var hsvTorgb = function hsvTorgb($h, $s, $v) {
-  var $th = Math.floor($h / 60);
-  var $t1 = $h / 60 - $th;
-  var $t2 = $v * (1 - $s);
-  var $t3 = $v * (1 - $t1 * $s);
-  var $t4 = $v * (1 - (1 - $t1) * $s);
-  var $r = [$v, $t3, $t2, $t2, $t4, $v][$th % 6];
-  var $g = [$t4, $v, $v, $t3, $t2, $t2][$th % 6];
-  var $b = [$t2, $t2, $t4, $v, $v, $t3][$th % 6];
-  // return `rgb(${Math.round($r * 255)}, ${Math.round($g * 255)}, ${Math.round($b * 255)})`;
-  var red = Math.round($r * 255);
-  var green = Math.round($g * 255);
-  var blue = Math.round($b * 255);
-  red = red.toString(16);
-  green = green.toString(16);
-  blue = blue.toString(16);
-  red = red.length === 1 ? '0' + red : red;
-  green = green.length === 1 ? '0' + green : green;
-  blue = blue.length === 1 ? '0' + blue : blue;
-  return '#' + red + green + blue;
-};
-
-/**
- * mixColor
- * @desc:生成混合色
- * @author huangbo
- * @date 2022年5月7日
- * @param {string} [$color1] - 颜色值
- * @param {string} [$color2] - 颜色值
- * @param {string} [$n] - 百分比 0~1
- **/
-var mixColor = function mixColor($color1, $color2, $n) {
-  var rgb1 = getRgb($color1);
-  var rgb2 = getRgb($color2);
-  var r = rgb1[0] * $n + rgb2[0] * (1 - $n);
-  var g = rgb1[1] * $n + rgb2[1] * (1 - $n);
-  var b = rgb1[2] * $n + rgb2[2] * (1 - $n);
-  return '#' + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
-};
-
-/**
- * getRgb
- * @desc:获取颜色值的rgb值
- * @author huangbo
- * @date 2022年5月7日
- * @param {string} [$color] - 颜色值
- **/
-var getRgb = function getRgb($color) {
-  var rgb = [];
-  // 16进制颜色值的正则
-  var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
-  // 把颜色值变成小写
-  $color = $color.toLowerCase();
-  if (reg.test($color)) {
-    // 如果只有三位的值，需变成六位，如：#fff => #ffffff
-    if ($color.length === 4) {
-      var colorNew = '#';
-      for (var i = 1; i < 4; i++) {
-        colorNew += $color.slice(i, i + 1).concat($color.slice(i, i + 1));
-      }
-      $color = colorNew;
-    }
-    // 处理六位的颜色值，转为RGB
-    for (var _i = 1; _i < 7; _i += 2) {
-      rgb.push(parseInt('0x' + $color.slice(_i, _i + 2), 16));
-    }
-  } else {
-    rgb = $color.replace(/(?:\(|\)|rgb|RGB)*/g, '').split(',');
-  }
-  return rgb;
-};
-
-/***/ }),
-
 /***/ 14:
 /***/ (function(module, exports) {
 
@@ -4707,6 +4707,13 @@ module.exports = require("eoss/lib/input");
 /***/ }),
 
 /***/ 18:
+/***/ (function(module, exports) {
+
+module.exports = require("eoss/lib/loading");
+
+/***/ }),
+
+/***/ 19:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4827,13 +4834,6 @@ function createDocumentHandler(el, binding, vnode) {
 
 /***/ }),
 
-/***/ 19:
-/***/ (function(module, exports) {
-
-module.exports = require("eoss/lib/loading");
-
-/***/ }),
-
 /***/ 2:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -5093,7 +5093,7 @@ module.exports = require("lodash/cloneDeep");
 
 /***/ }),
 
-/***/ 23:
+/***/ 25:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8171,10 +8171,10 @@ render._withStripped = true
 // CONCATENATED MODULE: ./packages/cascader/src/cascader.vue?vue&type=template&id=adf2866c&
 
 // EXTERNAL MODULE: ./src/utils/vue-popper.js
-var vue_popper = __webpack_require__(12);
+var vue_popper = __webpack_require__(13);
 
 // EXTERNAL MODULE: ./src/utils/clickoutside.js
-var clickoutside = __webpack_require__(18);
+var clickoutside = __webpack_require__(19);
 
 // EXTERNAL MODULE: ./src/mixins/emitter.js
 var emitter = __webpack_require__(10);