@flatbiz/antd/dist/color-picker-Cu2FbOtD.js

/*! @flatjs/forge MIT @flatbiz/antd */

import _CloseCircleOutlined from '@ant-design/icons/es/icons/CloseCircleOutlined.js';
import { a as _slicedToArray, b as _objectSpread2 } from './_rollupPluginBabelHelpers-BYm17lo8.js';
import { useState, useEffect } from 'react';
import { ColorPicker } from 'antd';
import { I as IconWrapper } from './icon-wrapper-HJ2r5GeZ.js';
import { jsxs, jsx } from 'react/jsx-runtime';

var ColorPickerWrapper = function ColorPickerWrapper(props) {
  var _useState = useState(),
    _useState2 = _slicedToArray(_useState, 2),
    color = _useState2[0],
    setColor = _useState2[1];
  useEffect(function () {
    setColor(props.value);
  }, [props.value]);
  return /*#__PURE__*/jsxs("div", {
    className: "color-picker-wrapper",
    children: [/*#__PURE__*/jsx(ColorPicker, _objectSpread2(_objectSpread2({}, props), {}, {
      onChange: function onChange(color) {
        var _props$onChange;
        setColor(color.toHexString());
        (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, color.toHexString());
      },
      children: !color ? /*#__PURE__*/jsx("div", {
        className: "color-placeholder",
        children: "\u8BF7\u9009\u62E9\u989C\u8272"
      }) : undefined
    })), color ? /*#__PURE__*/jsx(IconWrapper, {
      icon: /*#__PURE__*/jsx(_CloseCircleOutlined, {}),
      onClick: function onClick() {
        var _props$onChange2;
        (_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 || _props$onChange2.call(props, undefined);
      },
      size: "small",
      style: {
        marginLeft: 10,
        color: '#cfcece'
      },
      hideHoverBgColor: true
    }) : null]
  });
};

export { ColorPickerWrapper as C };
//# sourceMappingURL=color-picker-Cu2FbOtD.js.map