tdesign-react 0.30.0 → 0.30.3-alpha.1

package/lib/_common/js/color-picker/cmyk.js

@@ -0,0 +1,84 @@
+/**
+ * tdesign v0.30.3-alpha.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var rgb2cmyk = function rgb2cmyk(red, green, blue) {
+  var computedC = 0;
+  var computedM = 0;
+  var computedY = 0;
+  var computedK = 0;
+  var r = parseInt("".concat(red).replace(/\s/g, ""), 10);
+  var g = parseInt("".concat(green).replace(/\s/g, ""), 10);
+  var b = parseInt("".concat(blue).replace(/\s/g, ""), 10);
+
+  if (r === 0 && g === 0 && b === 0) {
+    computedK = 1;
+    return [0, 0, 0, 1];
+  }
+
+  computedC = 1 - r / 255;
+  computedM = 1 - g / 255;
+  computedY = 1 - b / 255;
+  var minCMY = Math.min(computedC, Math.min(computedM, computedY));
+  computedC = (computedC - minCMY) / (1 - minCMY);
+  computedM = (computedM - minCMY) / (1 - minCMY);
+  computedY = (computedY - minCMY) / (1 - minCMY);
+  computedK = minCMY;
+  return [computedC, computedM, computedY, computedK];
+};
+var cmyk2rgb = function cmyk2rgb(cyan, magenta, yellow, black) {
+  var c = cyan / 100;
+  var m = magenta / 100;
+  var y = yellow / 100;
+  var k = black / 100;
+  c = c * (1 - k) + k;
+  m = m * (1 - k) + k;
+  y = y * (1 - k) + k;
+  var r = 1 - c;
+  var g = 1 - m;
+  var b = 1 - y;
+  r = Math.round(255 * r);
+  g = Math.round(255 * g);
+  b = Math.round(255 * b);
+  return {
+    r: r,
+    g: g,
+    b: b
+  };
+};
+var REG_CMYK_STRING = /cmyk\((\d+%?),(\d+%?),(\d+%?),(\d+%?)\)/;
+
+var toNumber = function toNumber(str) {
+  return Math.max(0, Math.min(255, parseInt(str, 10)));
+};
+
+var cmykInputToColor = function cmykInputToColor(input) {
+  if (/cmyk/i.test(input)) {
+    var str = input.replace(/\s/g, "");
+    var match = str.match(REG_CMYK_STRING);
+    var c = toNumber(match[1]);
+    var m = toNumber(match[2]);
+    var y = toNumber(match[3]);
+    var k = toNumber(match[4]);
+
+    var _cmyk2rgb = cmyk2rgb(c, m, y, k),
+        r = _cmyk2rgb.r,
+        g = _cmyk2rgb.g,
+        b = _cmyk2rgb.b;
+
+    return "rgb(".concat(r, ", ").concat(g, ", ").concat(b, ")");
+  }
+
+  return input;
+};
+
+exports.cmyk2rgb = cmyk2rgb;
+exports.cmykInputToColor = cmykInputToColor;
+exports.rgb2cmyk = rgb2cmyk;
+//# sourceMappingURL=cmyk.js.map

package/lib/_common/js/color-picker/cmyk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cmyk.js","sources":["../../../../src/_common/js/color-picker/cmyk.ts"],"sourcesContent":["/**\n * rgb 转 cmyk\n * @param red\n * @param green\n * @param blue\n * @returns\n */\nexport const rgb2cmyk = (red: number, green: number, blue: number) => {\n  let computedC = 0;\n  let computedM = 0;\n  let computedY = 0;\n  let computedK = 0;\n\n  const r = parseInt(`${red}`.replace(/\\s/g, ''), 10);\n  const g = parseInt(`${green}`.replace(/\\s/g, ''), 10);\n  const b = parseInt(`${blue}`.replace(/\\s/g, ''), 10);\n\n  if (r === 0 && g === 0 && b === 0) {\n    computedK = 1;\n    return [0, 0, 0, 1];\n  }\n\n  computedC = 1 - r / 255;\n  computedM = 1 - g / 255;\n  computedY = 1 - b / 255;\n\n  const minCMY = Math.min(computedC, Math.min(computedM, computedY));\n  computedC = (computedC - minCMY) / (1 - minCMY);\n  computedM = (computedM - minCMY) / (1 - minCMY);\n  computedY = (computedY - minCMY) / (1 - minCMY);\n  computedK = minCMY;\n\n  return [computedC, computedM, computedY, computedK];\n};\n\n/**\n * cmyk 转 rgb\n * @param cyan\n * @param magenta\n * @param yellow\n * @param black\n * @returns\n */\nexport const cmyk2rgb = (cyan: number, magenta: number, yellow: number, black: number) => {\n  let c = cyan / 100;\n  let m = magenta / 100;\n  let y = yellow / 100;\n  const k = black / 100;\n\n  c = c * (1 - k) + k;\n  m = m * (1 - k) + k;\n  y = y * (1 - k) + k;\n\n  let r = 1 - c;\n  let g = 1 - m;\n  let b = 1 - y;\n\n  r = Math.round(255 * r);\n  g = Math.round(255 * g);\n  b = Math.round(255 * b);\n  return {\n    r,\n    g,\n    b,\n  };\n};\n\nconst REG_CMYK_STRING = /cmyk\\((\\d+%?),(\\d+%?),(\\d+%?),(\\d+%?)\\)/;\n\nconst toNumber = (str: string) => Math.max(0, Math.min(255, parseInt(str, 10)));\n\n/**\n * 输入色转rgb\n * @param input\n * @returns\n */\nexport const cmykInputToColor = (input: string) => {\n  if (/cmyk/i.test(input)) {\n    const str = input.replace(/\\s/g, '');\n    const match = str.match(REG_CMYK_STRING);\n    const c = toNumber(match[1]);\n    const m = toNumber(match[2]);\n    const y = toNumber(match[3]);\n    const k = toNumber(match[4]);\n    const { r, g, b } = cmyk2rgb(c, m, y, k);\n    return `rgb(${r}, ${g}, ${b})`;\n  }\n  return input;\n};\n"],"names":["rgb2cmyk","red","green","blue","computedC","computedM","computedY","computedK","r","parseInt","replace","g","b","minCMY","Math","min","cmyk2rgb","cyan","magenta","yellow","black","c","m","y","k","round","REG_CMYK_STRING","toNumber","str","max","cmykInputToColor","input","test","match"],"mappings":"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"}

package/lib/_common/js/color-picker/color.js

@@ -0,0 +1,539 @@
+/**
+ * tdesign v0.30.3-alpha.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var slicedToArray = require('../../../_chunks/dep-ac71022d.js');
+var createClass = require('../../../_chunks/dep-ee053271.js');
+var defineProperty = require('../../../_chunks/dep-b9b707bc.js');
+var tinyColor = require('tinycolor2');
+var _common_js_colorPicker_cmyk = require('./cmyk.js');
+var _common_js_colorPicker_gradient = require('./gradient.js');
+require('../../../_chunks/dep-a21fea7a.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var tinyColor__default = /*#__PURE__*/_interopDefaultLegacy(tinyColor);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var mathRound = Math.round;
+
+var hsv2rgba = function hsv2rgba(states) {
+  return tinyColor__default["default"](states).toRgb();
+};
+
+var hsv2hsva = function hsv2hsva(states) {
+  return tinyColor__default["default"](states).toHsv();
+};
+
+var hsv2hsla = function hsv2hsla(states) {
+  return tinyColor__default["default"](states).toHsl();
+};
+
+var gradientColors2string = function gradientColors2string(object) {
+  var points = object.points,
+      degree = object.degree;
+  var colorsStop = points.sort(function (pA, pB) {
+    return pA.left - pB.left;
+  }).map(function (p) {
+    return "".concat(p.color, " ").concat(Math.round(p.left * 100) / 100, "%");
+  });
+  return "linear-gradient(".concat(degree, "deg,").concat(colorsStop.join(","), ")");
+};
+var getColorWithoutAlpha = function getColorWithoutAlpha(color) {
+  return tinyColor__default["default"](color).setAlpha(1).toHexString();
+};
+var genId = function genId() {
+  return (1 + Math.random() * 4294967295).toString(16);
+};
+var genGradientPoint = function genGradientPoint(left, color) {
+  return {
+    id: genId(),
+    left: left,
+    color: color
+  };
+};
+var Color = /*#__PURE__*/function () {
+  function Color(input) {
+    createClass._classCallCheck(this, Color);
+
+    defineProperty._defineProperty(this, "states", {
+      s: 100,
+      v: 100,
+      h: 100,
+      a: 1
+    });
+
+    defineProperty._defineProperty(this, "gradientStates", {
+      colors: [],
+      degree: 0,
+      selectedId: null,
+      css: ""
+    });
+
+    this.update(input);
+  }
+
+  createClass._createClass(Color, [{
+    key: "update",
+    value: function update(input) {
+      if (input === this.originColor) {
+        return;
+      }
+
+      this.originColor = input;
+      this.isGradient = false;
+      var gradientColors = _common_js_colorPicker_gradient.parseGradientString(input);
+      var colorInput = input;
+
+      if (gradientColors) {
+        var _points$, _this$gradientSelecte;
+
+        this.isGradient = true;
+        var object = gradientColors;
+        var points = object.points.map(function (c) {
+          return genGradientPoint(c.left, c.color);
+        });
+        this.gradientStates = {
+          colors: points,
+          degree: object.degree,
+          selectedId: ((_points$ = points[0]) === null || _points$ === void 0 ? void 0 : _points$.id) || null
+        };
+        this.gradientStates.css = this.linearGradient;
+        colorInput = (_this$gradientSelecte = this.gradientSelectedPoint) === null || _this$gradientSelecte === void 0 ? void 0 : _this$gradientSelecte.color;
+      }
+
+      this.updateStates(colorInput);
+    }
+  }, {
+    key: "saturation",
+    get: function get() {
+      return this.states.s;
+    },
+    set: function set(value) {
+      this.states.s = Math.max(0, Math.min(100, value));
+      this.updateCurrentGradientColor();
+    }
+  }, {
+    key: "value",
+    get: function get() {
+      return this.states.v;
+    },
+    set: function set(value) {
+      this.states.v = Math.max(0, Math.min(100, value));
+      this.updateCurrentGradientColor();
+    }
+  }, {
+    key: "hue",
+    get: function get() {
+      return this.states.h;
+    },
+    set: function set(value) {
+      this.states.h = Math.max(0, Math.min(360, value));
+      this.updateCurrentGradientColor();
+    }
+  }, {
+    key: "alpha",
+    get: function get() {
+      return this.states.a;
+    },
+    set: function set(value) {
+      this.states.a = Math.max(0, Math.min(1, Math.round(value * 100) / 100));
+      this.updateCurrentGradientColor();
+    }
+  }, {
+    key: "rgb",
+    get: function get() {
+      var _hsv2rgba = hsv2rgba(this.states),
+          r = _hsv2rgba.r,
+          g = _hsv2rgba.g,
+          b = _hsv2rgba.b;
+
+      return "rgb(".concat(mathRound(r), ", ").concat(mathRound(g), ", ").concat(mathRound(b), ")");
+    }
+  }, {
+    key: "rgba",
+    get: function get() {
+      var _hsv2rgba2 = hsv2rgba(this.states),
+          r = _hsv2rgba2.r,
+          g = _hsv2rgba2.g,
+          b = _hsv2rgba2.b,
+          a = _hsv2rgba2.a;
+
+      return "rgba(".concat(mathRound(r), ", ").concat(mathRound(g), ", ").concat(mathRound(b), ", ").concat(a, ")");
+    }
+  }, {
+    key: "hsv",
+    get: function get() {
+      var _this$getHsva = this.getHsva(),
+          h = _this$getHsva.h,
+          s = _this$getHsva.s,
+          v = _this$getHsva.v;
+
+      return "hsv(".concat(h, ", ").concat(s, "%, ").concat(v, "%)");
+    }
+  }, {
+    key: "hsva",
+    get: function get() {
+      var _this$getHsva2 = this.getHsva(),
+          h = _this$getHsva2.h,
+          s = _this$getHsva2.s,
+          v = _this$getHsva2.v,
+          a = _this$getHsva2.a;
+
+      return "hsva(".concat(h, ", ").concat(s, "%, ").concat(v, "%, ").concat(a, ")");
+    }
+  }, {
+    key: "hsl",
+    get: function get() {
+      var _this$getHsla = this.getHsla(),
+          h = _this$getHsla.h,
+          s = _this$getHsla.s,
+          l = _this$getHsla.l;
+
+      return "hsl(".concat(h, ", ").concat(s, "%, ").concat(l, "%)");
+    }
+  }, {
+    key: "hsla",
+    get: function get() {
+      var _this$getHsla2 = this.getHsla(),
+          h = _this$getHsla2.h,
+          s = _this$getHsla2.s,
+          l = _this$getHsla2.l,
+          a = _this$getHsla2.a;
+
+      return "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(a, ")");
+    }
+  }, {
+    key: "hex",
+    get: function get() {
+      return tinyColor__default["default"](this.states).toHexString();
+    }
+  }, {
+    key: "hex8",
+    get: function get() {
+      return tinyColor__default["default"](this.states).toHex8String();
+    }
+  }, {
+    key: "cmyk",
+    get: function get() {
+      var _this$getCmyk = this.getCmyk(),
+          c = _this$getCmyk.c,
+          m = _this$getCmyk.m,
+          y = _this$getCmyk.y,
+          k = _this$getCmyk.k;
+
+      return "cmyk(".concat(c, ", ").concat(m, ", ").concat(y, ", ").concat(k, ")");
+    }
+  }, {
+    key: "css",
+    get: function get() {
+      if (this.isGradient) {
+        return this.linearGradient;
+      }
+
+      return this.rgba;
+    }
+  }, {
+    key: "linearGradient",
+    get: function get() {
+      var gradientColors = this.gradientColors,
+          gradientDegree = this.gradientDegree;
+      return gradientColors2string({
+        points: gradientColors,
+        degree: gradientDegree
+      });
+    }
+  }, {
+    key: "gradientColors",
+    get: function get() {
+      return this.gradientStates.colors;
+    },
+    set: function set(colors) {
+      this.gradientStates.colors = colors;
+      this.gradientStates.css = this.linearGradient;
+    }
+  }, {
+    key: "gradientSelectedId",
+    get: function get() {
+      return this.gradientStates.selectedId;
+    },
+    set: function set(id) {
+      var _this$gradientSelecte2;
+
+      if (id === this.gradientSelectedId) {
+        return;
+      }
+
+      this.gradientStates.selectedId = id;
+      this.updateStates((_this$gradientSelecte2 = this.gradientSelectedPoint) === null || _this$gradientSelecte2 === void 0 ? void 0 : _this$gradientSelecte2.color);
+    }
+  }, {
+    key: "gradientDegree",
+    get: function get() {
+      return this.gradientStates.degree;
+    },
+    set: function set(degree) {
+      this.gradientStates.degree = Math.max(0, Math.min(360, degree));
+      this.gradientStates.css = this.linearGradient;
+    }
+  }, {
+    key: "gradientSelectedPoint",
+    get: function get() {
+      var gradientColors = this.gradientColors,
+          gradientSelectedId = this.gradientSelectedId;
+      return gradientColors.find(function (color) {
+        return color.id === gradientSelectedId;
+      });
+    }
+  }, {
+    key: "getFormatsColorMap",
+    value: function getFormatsColorMap() {
+      return {
+        HEX: this.hex,
+        CMYK: this.cmyk,
+        RGB: this.rgb,
+        RGBA: this.rgba,
+        HSL: this.hsl,
+        HSLA: this.hsla,
+        HSV: this.hsv,
+        HSVA: this.hsva,
+        CSS: this.css
+      };
+    }
+  }, {
+    key: "updateCurrentGradientColor",
+    value: function updateCurrentGradientColor() {
+      var isGradient = this.isGradient,
+          gradientColors = this.gradientColors,
+          gradientSelectedId = this.gradientSelectedId;
+      var length = gradientColors.length;
+      var current = this.gradientSelectedPoint;
+
+      if (!isGradient || length === 0 || !current) {
+        return false;
+      }
+
+      var index = gradientColors.findIndex(function (color) {
+        return color.id === gradientSelectedId;
+      });
+
+      var newColor = _objectSpread(_objectSpread({}, current), {}, {
+        color: this.rgba
+      });
+
+      gradientColors.splice(index, 1, newColor);
+      this.gradientColors = gradientColors;
+      return this;
+    }
+  }, {
+    key: "updateStates",
+    value: function updateStates(input) {
+      var color = tinyColor__default["default"](_common_js_colorPicker_cmyk.cmykInputToColor(input));
+      var hsva = color.toHsv();
+      this.states = hsva;
+    }
+  }, {
+    key: "getRgba",
+    value: function getRgba() {
+      var _hsv2rgba3 = hsv2rgba(this.states),
+          r = _hsv2rgba3.r,
+          g = _hsv2rgba3.g,
+          b = _hsv2rgba3.b,
+          a = _hsv2rgba3.a;
+
+      return {
+        r: mathRound(r),
+        g: mathRound(g),
+        b: mathRound(b),
+        a: a
+      };
+    }
+  }, {
+    key: "getCmyk",
+    value: function getCmyk() {
+      var _this$getRgba = this.getRgba(),
+          r = _this$getRgba.r,
+          g = _this$getRgba.g,
+          b = _this$getRgba.b;
+
+      var _rgb2cmyk = _common_js_colorPicker_cmyk.rgb2cmyk(r, g, b),
+          _rgb2cmyk2 = slicedToArray._slicedToArray(_rgb2cmyk, 4),
+          c = _rgb2cmyk2[0],
+          m = _rgb2cmyk2[1],
+          y = _rgb2cmyk2[2],
+          k = _rgb2cmyk2[3];
+
+      return {
+        c: mathRound(c * 100),
+        m: mathRound(m * 100),
+        y: mathRound(y * 100),
+        k: mathRound(k * 100)
+      };
+    }
+  }, {
+    key: "getHsva",
+    value: function getHsva() {
+      var _hsv2hsva = hsv2hsva(this.states),
+          h = _hsv2hsva.h,
+          s = _hsv2hsva.s,
+          v = _hsv2hsva.v,
+          a = _hsv2hsva.a;
+
+      h = mathRound(h);
+      s = mathRound(s * 100);
+      v = mathRound(v * 100);
+      a *= 1;
+      return {
+        h: h,
+        s: s,
+        v: v,
+        a: a
+      };
+    }
+  }, {
+    key: "getHsla",
+    value: function getHsla() {
+      var _hsv2hsla = hsv2hsla(this.states),
+          h = _hsv2hsla.h,
+          s = _hsv2hsla.s,
+          l = _hsv2hsla.l,
+          a = _hsv2hsla.a;
+
+      h = mathRound(h);
+      s = mathRound(s * 100);
+      l = mathRound(l * 100);
+      a *= 1;
+      return {
+        h: h,
+        s: s,
+        l: l,
+        a: a
+      };
+    }
+  }, {
+    key: "equals",
+    value: function equals(color) {
+      return tinyColor__default["default"].equals(this.rgba, color);
+    }
+  }], [{
+    key: "isValid",
+    value: function isValid(color) {
+      if (_common_js_colorPicker_gradient.parseGradientString(color)) {
+        return true;
+      }
+
+      return tinyColor__default["default"](color).isValid();
+    }
+  }, {
+    key: "hsva2color",
+    value: function hsva2color(h, s, v, a) {
+      return tinyColor__default["default"]({
+        h: h,
+        s: s,
+        v: v,
+        a: a
+      }).toHsvString();
+    }
+  }, {
+    key: "hsla2color",
+    value: function hsla2color(h, s, l, a) {
+      return tinyColor__default["default"]({
+        h: h,
+        s: s,
+        l: l,
+        a: a
+      }).toHslString();
+    }
+  }, {
+    key: "rgba2color",
+    value: function rgba2color(r, g, b, a) {
+      return tinyColor__default["default"]({
+        r: r,
+        g: g,
+        b: b,
+        a: a
+      }).toHsvString();
+    }
+  }, {
+    key: "hex2color",
+    value: function hex2color(hex, a) {
+      var color = tinyColor__default["default"](hex);
+      color.setAlpha(a);
+      return color.toHexString();
+    }
+  }, {
+    key: "object2color",
+    value: function object2color(object, format) {
+      if (format === "CMYK") {
+        var c = object.c,
+            m = object.m,
+            y = object.y,
+            k = object.k;
+        return "cmyk(".concat(c, ", ").concat(m, ", ").concat(y, ", ").concat(k, ")");
+      }
+
+      var color = tinyColor__default["default"](object, {
+        format: format
+      });
+      return color.toRgbString();
+    }
+  }]);
+
+  return Color;
+}();
+
+defineProperty._defineProperty(Color, "isGradientColor", function (input) {
+  return !!_common_js_colorPicker_gradient.isGradientColor(input);
+});
+
+defineProperty._defineProperty(Color, "compare", function (color1, color2) {
+  var isGradientColor1 = Color.isGradientColor(color1);
+  var isGradientColor2 = Color.isGradientColor(color2);
+
+  if (isGradientColor1 && isGradientColor2) {
+    var gradientColor1 = gradientColors2string(_common_js_colorPicker_gradient.parseGradientString(color1));
+    var gradientColor2 = gradientColors2string(_common_js_colorPicker_gradient.parseGradientString(color2));
+    return gradientColor1 === gradientColor2;
+  }
+
+  if (!isGradientColor1 && !isGradientColor2) {
+    return tinyColor__default["default"].equals(color1, color2);
+  }
+
+  return false;
+});
+
+var COLOR_OBJECT_OUTPUT_KEYS = ["alpha", "css", "hex", "hex8", "hsl", "hsla", "hsv", "hsva", "rgb", "rgba", "saturation", "value", "isGradient"];
+var getColorObject = function getColorObject(color) {
+  if (!color) {
+    return null;
+  }
+
+  var colorObject = /* @__PURE__ */Object.create(null);
+  COLOR_OBJECT_OUTPUT_KEYS.forEach(function (key) {
+    return colorObject[key] = color[key];
+  });
+
+  if (color.isGradient) {
+    colorObject.linearGradient = color.linearGradient;
+  }
+
+  return colorObject;
+};
+
+exports.Color = Color;
+exports["default"] = Color;
+exports.genGradientPoint = genGradientPoint;
+exports.genId = genId;
+exports.getColorObject = getColorObject;
+exports.getColorWithoutAlpha = getColorWithoutAlpha;
+exports.gradientColors2string = gradientColors2string;
+//# sourceMappingURL=color.js.map