@chaoswise/ui 3.0.5 → 3.0.6

package/lib/CWColorPicker/SketchPicker/helpers/color.js

@@ -1,86 +0,0 @@
-import each from 'lodash/each';
-import tinycolor from 'tinycolor2';
-export var simpleCheckForValidColor = function simpleCheckForValidColor(data) {
-  var keysToCheck = ['r', 'g', 'b', 'a', 'h', 's', 'l', 'v'];
-  var checked = 0;
-  var passed = 0;
-  each(keysToCheck, function (letter) {
-    if (data[letter]) {
-      checked += 1;
-      if (!isNaN(data[letter])) {
-        passed += 1;
-      }
-      if (letter === 's' || letter === 'l') {
-        var percentPatt = /^\d+%$/;
-        if (percentPatt.test(data[letter])) {
-          passed += 1;
-        }
-      }
-    }
-  });
-  return checked === passed ? data : false;
-};
-export var toState = function toState(data, oldHue) {
-  var color = data.hex ? tinycolor(data.hex) : tinycolor(data);
-  var hsl = color.toHsl();
-  var hsv = color.toHsv();
-  var rgb = color.toRgb();
-  var hex = color.toHex();
-  if (hsl.s === 0) {
-    hsl.h = oldHue || 0;
-    hsv.h = oldHue || 0;
-  }
-  var transparent = hex === '000000' && rgb.a === 0;
-  return {
-    hsl: hsl,
-    hex: transparent ? 'transparent' : "#".concat(hex),
-    rgb: rgb,
-    hsv: hsv,
-    oldHue: data.h || oldHue || hsl.h,
-    source: data.source
-  };
-};
-export var isValidHex = function isValidHex(hex) {
-  if (hex === 'transparent') {
-    return true;
-  }
-  // disable hex4 and hex8
-  var lh = String(hex).charAt(0) === '#' ? 1 : 0;
-  return hex.length !== 4 + lh && hex.length < 7 + lh && tinycolor(hex).isValid();
-};
-export var getContrastingColor = function getContrastingColor(data) {
-  if (!data) {
-    return '#fff';
-  }
-  var col = toState(data);
-  if (col.hex === 'transparent') {
-    return 'rgba(0,0,0,0.4)';
-  }
-  var yiq = (col.rgb.r * 299 + col.rgb.g * 587 + col.rgb.b * 114) / 1000;
-  return yiq >= 128 ? '#000' : '#fff';
-};
-export var red = {
-  hsl: {
-    a: 1,
-    h: 0,
-    l: 0.5,
-    s: 1
-  },
-  hex: '#ff0000',
-  rgb: {
-    r: 255,
-    g: 0,
-    b: 0,
-    a: 1
-  },
-  hsv: {
-    h: 0,
-    s: 1,
-    v: 1,
-    a: 1
-  }
-};
-export var isvalidColorString = function isvalidColorString(string, type) {
-  var stringWithoutDegree = string.replace('°', '');
-  return tinycolor("".concat(type, " (").concat(stringWithoutDegree, ")"))._ok;
-};

package/lib/CWColorPicker/SketchPicker/helpers/hue.js

@@ -1,48 +0,0 @@
-export var calculateChange = function calculateChange(e, direction, hsl, container) {
-  var containerWidth = container.clientWidth;
-  var containerHeight = container.clientHeight;
-  var x = typeof e.pageX === 'number' ? e.pageX : e.touches[0].pageX;
-  var y = typeof e.pageY === 'number' ? e.pageY : e.touches[0].pageY;
-  var left = x - (container.getBoundingClientRect().left + window.pageXOffset);
-  var top = y - (container.getBoundingClientRect().top + window.pageYOffset);
-  if (direction === 'vertical') {
-    var h;
-    if (top < 0) {
-      h = 359;
-    } else if (top > containerHeight) {
-      h = 0;
-    } else {
-      var percent = -(top * 100 / containerHeight) + 100;
-      h = 360 * percent / 100;
-    }
-    if (hsl.h !== h) {
-      return {
-        h: h,
-        s: hsl.s,
-        l: hsl.l,
-        a: hsl.a,
-        source: 'hsl'
-      };
-    }
-  } else {
-    var _h;
-    if (left < 0) {
-      _h = 0;
-    } else if (left > containerWidth) {
-      _h = 359;
-    } else {
-      var _percent = left * 100 / containerWidth;
-      _h = 360 * _percent / 100;
-    }
-    if (hsl.h !== _h) {
-      return {
-        h: _h,
-        s: hsl.s,
-        l: hsl.l,
-        a: hsl.a,
-        source: 'hsl'
-      };
-    }
-  }
-  return null;
-};

package/lib/CWColorPicker/SketchPicker/helpers/index.js

@@ -1,2 +0,0 @@
-export * from './checkboard';
-export * from './color';

package/lib/CWColorPicker/SketchPicker/helpers/interaction.js

@@ -1,54 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-/* eslint-disable no-invalid-this */
-import React from 'react';
-export var handleFocus = function handleFocus(Component) {
-  var Span = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'span';
-  return /*#__PURE__*/function (_React$Component) {
-    function Focus() {
-      var _this;
-      _classCallCheck(this, Focus);
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      _this = _callSuper(this, Focus, [].concat(args));
-      _defineProperty(_this, "state", {
-        focus: false
-      });
-      _defineProperty(_this, "handleFocus", function () {
-        return _this.setState({
-          focus: true
-        });
-      });
-      _defineProperty(_this, "handleBlur", function () {
-        return _this.setState({
-          focus: false
-        });
-      });
-      return _this;
-    }
-    _inherits(Focus, _React$Component);
-    return _createClass(Focus, [{
-      key: "render",
-      value: function render() {
-        return /*#__PURE__*/React.createElement(Span, {
-          onFocus: this.handleFocus,
-          onBlur: this.handleBlur
-        }, /*#__PURE__*/React.createElement(Component, _extends({}, this.props, this.state)));
-      }
-    }]);
-  }(React.Component);
-};

package/lib/CWColorPicker/SketchPicker/helpers/saturation.js

@@ -1,28 +0,0 @@
-export var calculateChange = function calculateChange(e, hsl, container) {
-  var _container$getBoundin = container.getBoundingClientRect(),
-    containerWidth = _container$getBoundin.width,
-    containerHeight = _container$getBoundin.height;
-  var x = typeof e.pageX === 'number' ? e.pageX : e.touches[0].pageX;
-  var y = typeof e.pageY === 'number' ? e.pageY : e.touches[0].pageY;
-  var left = x - (container.getBoundingClientRect().left + window.pageXOffset);
-  var top = y - (container.getBoundingClientRect().top + window.pageYOffset);
-  if (left < 0) {
-    left = 0;
-  } else if (left > containerWidth) {
-    left = containerWidth;
-  }
-  if (top < 0) {
-    top = 0;
-  } else if (top > containerHeight) {
-    top = containerHeight;
-  }
-  var saturation = left / containerWidth;
-  var bright = 1 - top / containerHeight;
-  return {
-    h: hsl.h,
-    s: saturation,
-    v: bright,
-    a: hsl.a,
-    source: 'hsv'
-  };
-};

package/lib/CWColorPicker/index.js

@@ -1,296 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-import _Dropdown from "@chaoswise/ui/lib/Dropdown";
-import _Button from "@chaoswise/ui/lib/Button";
-import _Space from "@chaoswise/ui/lib/Space";
-import _Tabs from "@chaoswise/ui/lib/Tabs";
-import _Input from "@chaoswise/ui/lib/Input";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import React, { useState, useEffect } from "react";
-import SketchPicker from "./SketchPicker/components/sketch";
-import useConfigContext from "../useConfigContext";
-import classnames from "classnames";
-import { formatRgbaObj, hexToRgba } from "./utils";
-import PropTypes from "prop-types";
-import { DownOutlined } from "@ant-design/icons";
-import { useIntl } from "../locales";
-import useStyle from "./index.style";
-var ColorPicker = function ColorPicker(_ref) {
-  var value = _ref.value,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-    showGradient = _ref.showGradient,
-    defaultValue = _ref.defaultValue,
-    colorRender = _ref.colorRender;
-  var intl = useIntl();
-  var _useConfigContext = useConfigContext(),
-    getPrefixCls = _useConfigContext.getPrefixCls;
-  var prefixCls = getPrefixCls("color-picker");
-  var _useStyle = useStyle(prefixCls),
-    _useStyle2 = _slicedToArray(_useStyle, 3),
-    wrapCSSVar = _useStyle2[0],
-    hashId = _useStyle2[1],
-    cssVarCls = _useStyle2[2];
-  var _useState = useState("single"),
-    _useState2 = _slicedToArray(_useState, 2),
-    colorType = _useState2[0],
-    setColorType = _useState2[1]; //单色渐变选中key 单色single  渐变gradient
-  var _useState3 = useState({
-      color: "rgba(255,255,255,1)",
-      //组件单色值rgb格式
-      hexColor: "#ffffff",
-      //组件单色输入框值
-      gradientColorStart: "rgba(255,255,255,1)",
-      //渐变色左侧rgb颜色值
-      gradientColorEnd: "rgba(255,255,255,1)",
-      //渐变色右侧rgb颜色值
-      gradientHexColorStart: "#ffffff",
-      //渐变色左端点输入框16进制值
-      gradientHexColorEnd: "#ffffff" //渐变色右端点输入框16进制值
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    colorInfo = _useState4[0],
-    setColorInfo = _useState4[1];
-  var _useState5 = useState("l"),
-    _useState6 = _slicedToArray(_useState5, 2),
-    activeColor = _useState6[0],
-    setActiveColor = _useState6[1]; //当前设置的颜色是左侧颜色值还是右侧颜色值
-
-  var _useState7 = useState(""),
-    _useState8 = _slicedToArray(_useState7, 2),
-    gradientColorValue = _useState8[0],
-    setGradientColorValue = _useState8[1]; //组件渐变色值
-  var _value = value || defaultValue;
-  useEffect(function () {
-    if (_value) {
-      var _value$colorType = _value.colorType,
-        _colorType = _value$colorType === void 0 ? "single" : _value$colorType,
-        _value$color = _value.color,
-        color = _value$color === void 0 ? "" : _value$color,
-        _value$gradientColorS = _value.gradientColorStart,
-        gradientColorStart = _value$gradientColorS === void 0 ? "" : _value$gradientColorS,
-        _value$gradientColorE = _value.gradientColorEnd,
-        gradientColorEnd = _value$gradientColorE === void 0 ? "" : _value$gradientColorE,
-        _value$hexColor = _value.hexColor,
-        hexColor = _value$hexColor === void 0 ? "" : _value$hexColor,
-        _value$gradientHexCol = _value.gradientHexColorStart,
-        gradientHexColorStart = _value$gradientHexCol === void 0 ? "" : _value$gradientHexCol,
-        _value$gradientHexCol2 = _value.gradientHexColorEnd,
-        gradientHexColorEnd = _value$gradientHexCol2 === void 0 ? "" : _value$gradientHexCol2;
-      setColorType(_colorType);
-      setColorInfo({
-        color: color,
-        gradientColorStart: gradientColorStart,
-        gradientColorEnd: gradientColorEnd,
-        hexColor: hexColor,
-        gradientHexColorStart: gradientHexColorStart,
-        gradientHexColorEnd: gradientHexColorEnd
-      });
-    }
-  }, [_value]);
-  //最终渐变色
-  useEffect(function () {
-    colorInfo && setGradientColorValue("linear-gradient(to right,".concat(colorInfo.gradientColorStart, ",").concat(colorInfo.gradientColorEnd, ")"));
-  }, [colorInfo]);
-  //颜色变化触发值改变
-  var onChangeColor = function onChangeColor(colorObj) {
-    var rgbColor = typeof colorObj.rgb == "string" ? colorObj.rgb : formatRgbaObj(colorObj.rgb);
-    if (colorType === "single") {
-      setColorInfo(_objectSpread(_objectSpread({}, colorInfo), {}, {
-        color: rgbColor,
-        hexColor: colorObj.hex
-      }));
-      onChange(_objectSpread(_objectSpread({}, colorInfo), {}, {
-        color: rgbColor,
-        colorType: colorType,
-        hexColor: colorObj.hex
-      }));
-    } else {
-      if (activeColor === "l") {
-        setColorInfo(_objectSpread(_objectSpread({}, colorInfo), {}, {
-          gradientColorStart: rgbColor,
-          gradientHexColorStart: colorObj.hex
-        }));
-        onChange(_objectSpread(_objectSpread({}, colorInfo), {}, {
-          gradientColorStart: rgbColor,
-          colorType: colorType,
-          gradientHexColorStart: colorObj.hex
-        }));
-      } else {
-        setColorInfo(_objectSpread(_objectSpread({}, colorInfo), {}, {
-          gradientColorEnd: rgbColor,
-          gradientHexColorEnd: colorObj.hex
-        }));
-        onChange(_objectSpread(_objectSpread({}, colorInfo), {}, {
-          gradientColorEnd: rgbColor,
-          colorType: colorType,
-          gradientHexColorEnd: colorObj.hex
-        }));
-      }
-    }
-  };
-
-  //切换单色渐变tab
-  var changeTab = function changeTab(colorType) {
-    setColorType(colorType);
-    onChange(_objectSpread(_objectSpread({}, colorInfo), {}, {
-      colorType: colorType
-    }));
-  };
-
-  //颜色输入框
-  var onChangeInputColor = function onChangeInputColor(e) {
-    //十六进制颜色校验
-    var reg = /^#([0-9a-f]{6}){1,2}$/i;
-    if (colorType === "single") {
-      setColorInfo(_objectSpread(_objectSpread({}, colorInfo), {}, {
-        hexColor: e.target.value
-      }));
-    } else {
-      activeColor === "l" ? setColorInfo(_objectSpread(_objectSpread({}, colorInfo), {}, {
-        gradientHexColorStart: e.target.value
-      })) : setColorInfo(_objectSpread(_objectSpread({}, colorInfo), {}, {
-        gradientHexColorEnd: e.target.value
-      }));
-    }
-    if (reg.test(e.target.value)) {
-      e.preventDefault();
-      onChangeColor({
-        rgb: hexToRgba(e.target.value),
-        hex: e.target.value
-      });
-    }
-  };
-  var items = [{
-    key: "single",
-    label: intl.get("94482e5c-d90c-49f7-87b0-9877dc8e3824").d("单色"),
-    children: /*#__PURE__*/React.createElement("div", {
-      className: prefixCls
-    }, /*#__PURE__*/React.createElement(_Input, {
-      value: colorInfo.hexColor,
-      onChange: onChangeInputColor,
-      className: "".concat(prefixCls, "-input")
-    }), /*#__PURE__*/React.createElement(SketchPicker, {
-      color: colorInfo.color,
-      onChange: onChangeColor
-    }))
-  }, {
-    key: "gradient",
-    label: intl.get("4cba455a-5fc7-4174-9a67-8395150a3222").d("渐变"),
-    children: /*#__PURE__*/React.createElement("div", {
-      className: prefixCls
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-gradient"),
-      style: {
-        background: gradientColorValue
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classnames("".concat(prefixCls, "-gradient-l"), _defineProperty({}, "".concat(prefixCls, "-gradient-active"), activeColor === "l")),
-      onClick: function onClick() {
-        setActiveColor("l");
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefixCls, "-gradient-btn"),
-      style: {
-        background: colorInfo.gradientColorStart
-      }
-    })), /*#__PURE__*/React.createElement("div", {
-      className: classnames("".concat(prefixCls, "-gradient-r"), _defineProperty({}, "".concat(prefixCls, "-gradient-active"), activeColor === "r")),
-      onClick: function onClick() {
-        setActiveColor("r");
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefixCls, "-gradient-btn"),
-      style: {
-        background: colorInfo.gradientColorEnd
-      }
-    }))), /*#__PURE__*/React.createElement(_Input, {
-      value: activeColor === "l" ? colorInfo.gradientHexColorStart : colorInfo.gradientHexColorEnd,
-      onChange: onChangeInputColor,
-      className: "".concat(prefixCls, "-input")
-    }), /*#__PURE__*/React.createElement(SketchPicker, {
-      color: activeColor === "l" ? colorInfo.gradientColorStart : colorInfo.gradientColorEnd,
-      onChange: onChangeColor
-    }))
-  }];
-  if (!showGradient) {
-    items = items.filter(function (item) {
-      return item.key !== "gradient";
-    });
-  }
-  var menu = /*#__PURE__*/React.createElement("div", {
-    className: classnames(hashId, cssVarCls, "".concat(prefixCls, "-dropdown")),
-    onClick: function onClick(e) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  }, /*#__PURE__*/React.createElement(_Tabs, {
-    activeKey: colorType,
-    onChange: changeTab,
-    items: items
-  }));
-  return wrapCSSVar( /*#__PURE__*/React.createElement("div", {
-    className: classnames(hashId, cssVarCls, "".concat(prefixCls, "-select")),
-    onClick: function onClick(e) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  }, /*#__PURE__*/React.createElement(_Dropdown, {
-    trigger: ["click"],
-    overlay: menu
-  }, colorRender ? colorRender() : /*#__PURE__*/React.createElement(_Button, null, /*#__PURE__*/React.createElement(_Space, null, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-select-value"),
-    style: {
-      background: colorType === "single" ? colorInfo.color : gradientColorValue
-    }
-  }), /*#__PURE__*/React.createElement(DownOutlined, null))))));
-};
-ColorPicker.defaultProps = {
-  showGradient: false // 是否显示渐变tab
-};
-ColorPicker.propTypes = {
-  defaultValue: PropTypes.shape({
-    color: PropTypes.string,
-    colorType: PropTypes.string,
-    gradientColorStart: PropTypes.string,
-    gradientColorEnd: PropTypes.string,
-    gradientHexColorStart: PropTypes.string,
-    gradientHexColorEnd: PropTypes.string,
-    hexColor: PropTypes.string
-  }),
-  value: PropTypes.shape({
-    color: PropTypes.string,
-    colorType: PropTypes.string,
-    gradientColorStart: PropTypes.string,
-    gradientColorEnd: PropTypes.string,
-    gradientHexColorStart: PropTypes.string,
-    gradientHexColorEnd: PropTypes.string,
-    hexColor: PropTypes.string
-  }),
-  /**
-   * 自定义Dropdown按钮内容
-   */
-  iconSelectRender: PropTypes.func,
-  /**
-   * 是否显示渐变tab
-   */
-  showGradient: PropTypes.bool,
-  /**
-   * 颜色变化、Tab切换时的回调, (value)={}
-   */
-  onChange: PropTypes.func,
-  /**
-   * 自定义Dropdown按钮内容
-   */
-  colorRender: PropTypes.func
-};
-export default ColorPicker;

package/lib/CWColorPicker/index.style.js

@@ -1,81 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { genStyleHooks } from "../Antd5/theme/internal";
-import { unit } from "@ant-design/cssinjs";
-var genCustomCWColorPickerStyle = function genCustomCWColorPickerStyle(token) {
-  var prefixCls = token.antCls;
-  var colorPickerPrefix = "".concat(prefixCls, "-color-picker");
-  return _defineProperty(_defineProperty({}, "".concat(colorPickerPrefix, "-select"), _defineProperty({
-    display: "flex",
-    position: "relative"
-  }, "".concat(colorPickerPrefix, "-select-value"), {
-    width: "18px",
-    height: "18px",
-    marginRight: "20px",
-    border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorBorder)
-  })), "".concat(colorPickerPrefix, "-dropdown"), _defineProperty(_defineProperty({
-    background: token.colorBgContainer,
-    width: "240px",
-    borderRadius: "4px",
-    outline: "none",
-    WebkitBoxShadow: token.boxShadow,
-    boxShadow: token.boxShadow
-  }, "".concat(prefixCls, "-tabs"), _defineProperty({}, "".concat(prefixCls, "-tabs-nav"), {
-    margin: "0",
-    padding: "0 10px"
-  })), "".concat(colorPickerPrefix), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    padding: "0 10px"
-  }, "".concat(colorPickerPrefix, "-input"), {
-    marginTop: "10px"
-  }), "".concat(colorPickerPrefix, "-gradient-active"), {
-    border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorBorder, " !important")
-  }), "".concat(colorPickerPrefix, "-gradient"), {
-    width: "100%",
-    height: "12px",
-    position: "relative",
-    marginTop: "10px",
-    border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorBorder)
-  }), "".concat(colorPickerPrefix, "-gradient-l, ").concat(colorPickerPrefix, "-gradient-r"), _defineProperty({
-    width: "16px",
-    height: "16px",
-    borderRadius: "50%",
-    backgroundColor: "#fff",
-    border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorBorder),
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    cursor: "pointer"
-  }, "".concat(colorPickerPrefix, "-gradient-btn"), {
-    width: "10px",
-    height: "10px",
-    borderRadius: "50%",
-    border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorBorder),
-    display: "inline-block"
-  })), "".concat(colorPickerPrefix, "-gradient-l"), {
-    position: "absolute",
-    left: "-3px",
-    top: "-3px"
-  }), "".concat(colorPickerPrefix, "-gradient-r"), {
-    position: "absolute",
-    right: "-3px",
-    top: "-3px"
-  }), ".sketch-picker", {
-    "> div:nth-of-type(3)": {
-      display: "none !important"
-    },
-    padding: "10px 0 0 0 !important",
-    boxSizing: "border-box !important",
-    background: "".concat(token.colorBgContainer, " !important"),
-    borderRadius: "0px !important",
-    boxShadow: "none !important",
-    width: "100% !important"
-  })));
-};
-// ============================== Export ==============================
-export default genStyleHooks("CWColorPicker", function (token) {
-  return [
-  //
-  genCustomCWColorPickerStyle(token)];
-});

package/lib/CWColorPicker/utils.js

@@ -1,15 +0,0 @@
-//16进制转rgba
-export var hexToRgba = function hexToRgba(c) {
-  var alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-  var color = c.slice(1);
-  var rgb = color.match(/.{2}/g).map(function (d) {
-    return parseInt("0x".concat(d));
-  });
-  return "rgba(".concat(rgb.join(","), ",").concat(alpha, ")");
-};
-
-//rgba对象转颜色字符串
-export var formatRgbaObj = function formatRgbaObj(obj) {
-  var rgbaStrig = "rgba(".concat(obj.r, ",").concat(obj.g, ",").concat(obj.b, ",").concat(obj.a, ")");
-  return rgbaStrig;
-};

package/lib/CWMessage/CommonIcon.js

@@ -1,16 +0,0 @@
-import React from "react";
-import Icon from "@ant-design/icons";
-function CommonIcon(_ref) {
-  var img = _ref.img,
-    messageImg = _ref.messageImg,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick;
-  return messageImg ? /*#__PURE__*/React.createElement("div", {
-    onClick: onClick
-  }, messageImg) : /*#__PURE__*/React.createElement(Icon, {
-    component: img,
-    onClick: onClick,
-    className: "business-message-icon"
-  });
-}
-export default CommonIcon;