adui/es/color-picker/ColorPickerCollapse.js

<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>

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); }
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 } from "react";
import PropTypes from "prop-types";
import classNames from "classnames";
import Icon from "../icon";
import "./style";
var prefix = "adui-cp";
var ColorPickerCollapse = function ColorPickerCollapse(_ref) {
  var className = _ref.className,
    collapsedProp = _ref.collapsed,
    content = _ref.content,
    defaultCollapsed = _ref.defaultCollapsed,
    header = _ref.header,
    onCollapseChange = _ref.onCollapseChange;
  var _useState = useState(function () {
      var collapsedState = false;
      if (collapsedProp !== undefined) {
        collapsedState = collapsedProp;
      } else if (defaultCollapsed !== undefined) {
        collapsedState = defaultCollapsed;
      }
      return collapsedState;
    }),
    _useState2 = _slicedToArray(_useState, 2),
    collapsed = _useState2[0],
    setCollapsed = _useState2[1];
  if (collapsedProp !== undefined && collapsed !== collapsedProp) {
    setCollapsed(!!collapsedProp);
  }
  var handleCollapseChange = function handleCollapseChange() {
    if (collapsedProp === undefined) {
      setCollapsed(!collapsed);
    }
    if (onCollapseChange) {
      onCollapseChange(!collapsed);
    }
  };
  return React.createElement("div", {
    className: classNames(className, "".concat(prefix, "-collapse"), _defineProperty({}, "".concat(prefix, "-collapse_collapsed"), collapsed))
  }, React.createElement("div", {
    className: "".concat(prefix, "-collapse-header"),
    onClick: handleCollapseChange,
    role: "none"
  }, header, React.createElement(Icon, {
    icon: "arrow-down",
    className: "".concat(prefix, "-collapse-header-icon")
  })), !collapsed && React.createElement("div", {
    className: "".concat(prefix, "-collapse-content")
  }, content));
};
ColorPickerCollapse.propTypes = {
  className: PropTypes.string,
  collapsed: PropTypes.bool,
  content: PropTypes.node,
  defaultCollapsed: PropTypes.bool,
  header: PropTypes.node,
  onCollapseChange: PropTypes.func
};
ColorPickerCollapse.defaultProps = {
  className: undefined,
  collapsed: undefined,
  defaultCollapsed: undefined,
  header: null,
  content: null,
  onCollapseChange: function onCollapseChange() {}
};
export default ColorPickerCollapse;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZVN0YXRlIiwiUHJvcFR5cGVzIiwiY2xhc3NOYW1lcyIsIkljb24iLCJwcmVmaXgiLCJDb2xvclBpY2tlckNvbGxhcHNlIiwiX3JlZiIsImNsYXNzTmFtZSIsImNvbGxhcHNlZFByb3AiLCJjb2xsYXBzZWQiLCJjb250ZW50IiwiZGVmYXVsdENvbGxhcHNlZCIsImhlYWRlciIsIm9uQ29sbGFwc2VDaGFuZ2UiLCJfdXNlU3RhdGUiLCJjb2xsYXBzZWRTdGF0ZSIsInVuZGVmaW5lZCIsIl91c2VTdGF0ZTIiLCJfc2xpY2VkVG9BcnJheSIsInNldENvbGxhcHNlZCIsImhhbmRsZUNvbGxhcHNlQ2hhbmdlIiwiY3JlYXRlRWxlbWVudCIsImNvbmNhdCIsIl9kZWZpbmVQcm9wZXJ0eSIsIm9uQ2xpY2siLCJyb2xlIiwiaWNvbiIsInByb3BUeXBlcyIsInN0cmluZyIsImJvb2wiLCJub2RlIiwiZnVuYyIsImRlZmF1bHRQcm9wcyJdLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvY29sb3ItcGlja2VyL0NvbG9yUGlja2VyQ29sbGFwc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gXCJwcm9wLXR5cGVzXCJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCJcbmltcG9ydCBJY29uIGZyb20gXCIuLi9pY29uXCJcbmltcG9ydCBcIi4vc3R5bGVcIlxuXG5jb25zdCBwcmVmaXggPSBcImFkdWktY3BcIlxuXG5leHBvcnQgaW50ZXJmYWNlIElDb2xsYXBzZVByb3BzIHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNvbGxhcHNlZD86IGJvb2xlYW5cbiAgY29udGVudDogUmVhY3QuUmVhY3ROb2RlXG4gIGRlZmF1bHRDb2xsYXBzZWQ/OiBib29sZWFuXG4gIGhlYWRlcjogUmVhY3QuUmVhY3ROb2RlXG4gIG9uQ29sbGFwc2VDaGFuZ2U/OiAoY29sbGFwc2VkOiBib29sZWFuKSA9PiB2b2lkXG59XG5cbi8qKlxuICog6aKc6Imy6YCJ5oup5ZmoXG4gKi9cbmNvbnN0IENvbG9yUGlja2VyQ29sbGFwc2U6IFJlYWN0LkZDPElDb2xsYXBzZVByb3BzPiA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgY29sbGFwc2VkOiBjb2xsYXBzZWRQcm9wLFxuICBjb250ZW50LFxuICBkZWZhdWx0Q29sbGFwc2VkLFxuICBoZWFkZXIsXG4gIG9uQ29sbGFwc2VDaGFuZ2UsXG59OiBJQ29sbGFwc2VQcm9wcykgPT4ge1xuICBjb25zdCBbY29sbGFwc2VkLCBzZXRDb2xsYXBzZWRdID0gdXNlU3RhdGUoKCkgPT4ge1xuICAgIGxldCBjb2xsYXBzZWRTdGF0ZSA9IGZhbHNlXG5cbiAgICBpZiAoY29sbGFwc2VkUHJvcCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICBjb2xsYXBzZWRTdGF0ZSA9IGNvbGxhcHNlZFByb3BcbiAgICB9IGVsc2UgaWYgKGRlZmF1bHRDb2xsYXBzZWQgIT09IHVuZGVmaW5lZCkge1xuICAgICAgY29sbGFwc2VkU3RhdGUgPSBkZWZhdWx0Q29sbGFwc2VkXG4gICAgfVxuICAgIHJldHVybiBjb2xsYXBzZWRTdGF0ZVxuICB9KVxuXG4gIC8vIOebuOW9k+S6jueUn+WRveWRqOacnyBnZXREZXJpdmVkU3RhdGVGcm9tUHJvcHNcbiAgaWYgKGNvbGxhcHNlZFByb3AgIT09IHVuZGVmaW5lZCAmJiBjb2xsYXBzZWQgIT09IGNvbGxhcHNlZFByb3ApIHtcbiAgICBzZXRDb2xsYXBzZWQoISFjb2xsYXBzZWRQcm9wKVxuICB9XG5cbiAgY29uc3QgaGFuZGxlQ29sbGFwc2VDaGFuZ2UgPSAoKSA9PiB7XG4gICAgaWYgKGNvbGxhcHNlZFByb3AgPT09IHVuZGVmaW5lZCkge1xuICAgICAgc2V0Q29sbGFwc2VkKCFjb2xsYXBzZWQpXG4gICAgfVxuICAgIGlmIChvbkNvbGxhcHNlQ2hhbmdlKSB7XG4gICAgICBvbkNvbGxhcHNlQ2hhbmdlKCFjb2xsYXBzZWQpXG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoY2xhc3NOYW1lLCBgJHtwcmVmaXh9LWNvbGxhcHNlYCwge1xuICAgICAgICBbYCR7cHJlZml4fS1jb2xsYXBzZV9jb2xsYXBzZWRgXTogY29sbGFwc2VkLFxuICAgICAgfSl9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2Ake3ByZWZpeH0tY29sbGFwc2UtaGVhZGVyYH1cbiAgICAgICAgb25DbGljaz17aGFuZGxlQ29sbGFwc2VDaGFuZ2V9XG4gICAgICAgIHJvbGU9XCJub25lXCJcbiAgICAgID5cbiAgICAgICAge2hlYWRlcn1cbiAgICAgICAgPEljb24gaWNvbj1cImFycm93LWRvd25cIiBjbGFzc05hbWU9e2Ake3ByZWZpeH0tY29sbGFwc2UtaGVhZGVyLWljb25gfSAvPlxuICAgICAgPC9kaXY+XG4gICAgICB7IWNvbGxhcHNlZCAmJiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtwcmVmaXh9LWNvbGxhcHNlLWNvbnRlbnRgfT57Y29udGVudH08L2Rpdj5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gIClcbn1cblxuQ29sb3JQaWNrZXJDb2xsYXBzZS5wcm9wVHlwZXMgPSB7XG4gIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgY29sbGFwc2VkOiBQcm9wVHlwZXMuYm9vbCxcbiAgY29udGVudDogUHJvcFR5cGVzLm5vZGUsXG4gIGRlZmF1bHRDb2xsYXBzZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoZWFkZXI6IFByb3BUeXBlcy5ub2RlLFxuICBvbkNvbGxhcHNlQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbn1cblxuQ29sb3JQaWNrZXJDb2xsYXBzZS5kZWZhdWx0UHJvcHMgPSB7XG4gIGNsYXNzTmFtZTogdW5kZWZpbmVkLFxuICBjb2xsYXBzZWQ6IHVuZGVmaW5lZCxcbiAgZGVmYXVsdENvbGxhcHNlZDogdW5kZWZpbmVkLFxuICBoZWFkZXI6IG51bGwsXG4gIGNvbnRlbnQ6IG51bGwsXG4gIG9uQ29sbGFwc2VDaGFuZ2U6ICgpID0+IHt9LFxufVxuXG5leHBvcnQgZGVmYXVsdCBDb2xvclBpY2tlckNvbGxhcHNlXG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxPQUFPQSxLQUFLLElBQUlDLFFBQVEsUUFBUSxPQUFPO0FBQ3ZDLE9BQU9DLFNBQVMsTUFBTSxZQUFZO0FBQ2xDLE9BQU9DLFVBQVUsTUFBTSxZQUFZO0FBQ25DLE9BQU9DLElBQUksTUFBTSxTQUFTO0FBQzFCLE9BQU8sU0FBUztBQUVoQixJQUFNQyxNQUFNLEdBQUcsU0FBUztBQWN4QixJQUFNQyxtQkFBNkMsR0FBRyxTQUFoREEsbUJBQTZDQSxDQUFBQyxJQUFBLEVBTzdCO0VBQUEsSUFOcEJDLFNBQVMsR0FBQUQsSUFBQSxDQUFUQyxTQUFTO0lBQ0VDLGFBQWEsR0FBQUYsSUFBQSxDQUF4QkcsU0FBUztJQUNUQyxPQUFPLEdBQUFKLElBQUEsQ0FBUEksT0FBTztJQUNQQyxnQkFBZ0IsR0FBQUwsSUFBQSxDQUFoQkssZ0JBQWdCO0lBQ2hCQyxNQUFNLEdBQUFOLElBQUEsQ0FBTk0sTUFBTTtJQUNOQyxnQkFBZ0IsR0FBQVAsSUFBQSxDQUFoQk8sZ0JBQWdCO0VBRWhCLElBQUFDLFNBQUEsR0FBa0NkLFFBQVEsQ0FBQyxZQUFNO01BQy9DLElBQUllLGNBQWMsR0FBRyxLQUFLO01BRTFCLElBQUlQLGFBQWEsS0FBS1EsU0FBUyxFQUFFO1FBQy9CRCxjQUFjLEdBQUdQLGFBQWE7TUFDaEMsQ0FBQyxNQUFNLElBQUlHLGdCQUFnQixLQUFLSyxTQUFTLEVBQUU7UUFDekNELGNBQWMsR0FBR0osZ0JBQWdCO01BQ25DO01BQ0EsT0FBT0ksY0FBYztJQUN2QixDQUFDLENBQUM7SUFBQUUsVUFBQSxHQUFBQyxjQUFBLENBQUFKLFNBQUE7SUFUS0wsU0FBUyxHQUFBUSxVQUFBO0lBQUVFLFlBQVksR0FBQUYsVUFBQTtFQVk5QixJQUFJVCxhQUFhLEtBQUtRLFNBQVMsSUFBSVAsU0FBUyxLQUFLRCxhQUFhLEVBQUU7SUFDOURXLFlBQVksQ0FBQyxDQUFDLENBQUNYLGFBQWEsQ0FBQztFQUMvQjtFQUVBLElBQU1ZLG9CQUFvQixHQUFHLFNBQXZCQSxvQkFBb0JBLENBQUEsRUFBUztJQUNqQyxJQUFJWixhQUFhLEtBQUtRLFNBQVMsRUFBRTtNQUMvQkcsWUFBWSxDQUFDLENBQUNWLFNBQVMsQ0FBQztJQUMxQjtJQUNBLElBQUlJLGdCQUFnQixFQUFFO01BQ3BCQSxnQkFBZ0IsQ0FBQyxDQUFDSixTQUFTLENBQUM7SUFDOUI7RUFDRixDQUFDO0VBRUQsT0FDRVYsS0FBQSxDQUFBc0IsYUFBQTtJQUNFZCxTQUFTLEVBQUVMLFVBQVUsQ0FBQ0ssU0FBUyxLQUFBZSxNQUFBLENBQUtsQixNQUFNLGdCQUFBbUIsZUFBQSxRQUFBRCxNQUFBLENBQ3BDbEIsTUFBTSwwQkFBd0JLLFNBQVMsQ0FDNUM7RUFBRSxHQUVIVixLQUFBLENBQUFzQixhQUFBO0lBQ0VkLFNBQVMsS0FBQWUsTUFBQSxDQUFLbEIsTUFBTSxxQkFBbUI7SUFDdkNvQixPQUFPLEVBQUVKLG9CQUFxQjtJQUM5QkssSUFBSSxFQUFDO0VBQU0sR0FFVmIsTUFBTSxFQUNQYixLQUFBLENBQUFzQixhQUFBLENBQUNsQixJQUFJO0lBQUN1QixJQUFJLEVBQUMsWUFBWTtJQUFDbkIsU0FBUyxLQUFBZSxNQUFBLENBQUtsQixNQUFNO0VBQXdCLENBQUUsQ0FDbkUsQ0FBQyxFQUNMLENBQUNLLFNBQVMsSUFDVFYsS0FBQSxDQUFBc0IsYUFBQTtJQUFLZCxTQUFTLEtBQUFlLE1BQUEsQ0FBS2xCLE1BQU07RUFBb0IsR0FBRU0sT0FBYSxDQUUzRCxDQUFDO0FBRVYsQ0FBQztBQUVETCxtQkFBbUIsQ0FBQ3NCLFNBQVMsR0FBRztFQUM5QnBCLFNBQVMsRUFBRU4sU0FBUyxDQUFDMkIsTUFBTTtFQUMzQm5CLFNBQVMsRUFBRVIsU0FBUyxDQUFDNEIsSUFBSTtFQUN6Qm5CLE9BQU8sRUFBRVQsU0FBUyxDQUFDNkIsSUFBSTtFQUN2Qm5CLGdCQUFnQixFQUFFVixTQUFTLENBQUM0QixJQUFJO0VBQ2hDakIsTUFBTSxFQUFFWCxTQUFTLENBQUM2QixJQUFJO0VBQ3RCakIsZ0JBQWdCLEVBQUVaLFNBQVMsQ0FBQzhCO0FBQzlCLENBQUM7QUFFRDFCLG1CQUFtQixDQUFDMkIsWUFBWSxHQUFHO0VBQ2pDekIsU0FBUyxFQUFFUyxTQUFTO0VBQ3BCUCxTQUFTLEVBQUVPLFNBQVM7RUFDcEJMLGdCQUFnQixFQUFFSyxTQUFTO0VBQzNCSixNQUFNLEVBQUUsSUFBSTtFQUNaRixPQUFPLEVBQUUsSUFBSTtFQUNiRyxnQkFBZ0IsRUFBRSxTQUFsQkEsZ0JBQWdCQSxDQUFBLEVBQVEsQ0FBQztBQUMzQixDQUFDO0FBRUQsZUFBZVIsbUJBQW1CIiwiaWdub3JlTGlzdCI6W119