adui
Version:
<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>
90 lines (74 loc) • 10 kB
JavaScript
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
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,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZVN0YXRlIiwiUHJvcFR5cGVzIiwiY2xhc3NOYW1lcyIsIkljb24iLCJwcmVmaXgiLCJDb2xvclBpY2tlckNvbGxhcHNlIiwiY2xhc3NOYW1lIiwiY29sbGFwc2VkUHJvcCIsImNvbGxhcHNlZCIsImNvbnRlbnQiLCJkZWZhdWx0Q29sbGFwc2VkIiwiaGVhZGVyIiwib25Db2xsYXBzZUNoYW5nZSIsImNvbGxhcHNlZFN0YXRlIiwidW5kZWZpbmVkIiwic2V0Q29sbGFwc2VkIiwiaGFuZGxlQ29sbGFwc2VDaGFuZ2UiLCJwcm9wVHlwZXMiLCJzdHJpbmciLCJib29sIiwibm9kZSIsImZ1bmMiLCJkZWZhdWx0UHJvcHMiXSwic291cmNlcyI6WyIuLi8uLi9jb21wb25lbnRzL2NvbG9yLXBpY2tlci9Db2xvclBpY2tlckNvbGxhcHNlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IFByb3BUeXBlcyBmcm9tIFwicHJvcC10eXBlc1wiXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiXG5pbXBvcnQgSWNvbiBmcm9tIFwiLi4vaWNvblwiXG5pbXBvcnQgXCIuL3N0eWxlXCJcblxuY29uc3QgcHJlZml4ID0gXCJhZHVpLWNwXCJcblxuZXhwb3J0IGludGVyZmFjZSBJQ29sbGFwc2VQcm9wcyB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjb2xsYXBzZWQ/OiBib29sZWFuXG4gIGNvbnRlbnQ6IFJlYWN0LlJlYWN0Tm9kZVxuICBkZWZhdWx0Q29sbGFwc2VkPzogYm9vbGVhblxuICBoZWFkZXI6IFJlYWN0LlJlYWN0Tm9kZVxuICBvbkNvbGxhcHNlQ2hhbmdlPzogKGNvbGxhcHNlZDogYm9vbGVhbikgPT4gdm9pZFxufVxuXG4vKipcbiAqIOminOiJsumAieaLqeWZqFxuICovXG5jb25zdCBDb2xvclBpY2tlckNvbGxhcHNlOiBSZWFjdC5GQzxJQ29sbGFwc2VQcm9wcz4gPSAoe1xuICBjbGFzc05hbWUsXG4gIGNvbGxhcHNlZDogY29sbGFwc2VkUHJvcCxcbiAgY29udGVudCxcbiAgZGVmYXVsdENvbGxhcHNlZCxcbiAgaGVhZGVyLFxuICBvbkNvbGxhcHNlQ2hhbmdlLFxufTogSUNvbGxhcHNlUHJvcHMpID0+IHtcbiAgY29uc3QgW2NvbGxhcHNlZCwgc2V0Q29sbGFwc2VkXSA9IHVzZVN0YXRlKCgpID0+IHtcbiAgICBsZXQgY29sbGFwc2VkU3RhdGUgPSBmYWxzZVxuXG4gICAgaWYgKGNvbGxhcHNlZFByb3AgIT09IHVuZGVmaW5lZCkge1xuICAgICAgY29sbGFwc2VkU3RhdGUgPSBjb2xsYXBzZWRQcm9wXG4gICAgfSBlbHNlIGlmIChkZWZhdWx0Q29sbGFwc2VkICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIGNvbGxhcHNlZFN0YXRlID0gZGVmYXVsdENvbGxhcHNlZFxuICAgIH1cbiAgICByZXR1cm4gY29sbGFwc2VkU3RhdGVcbiAgfSlcblxuICAvLyDnm7jlvZPkuo7nlJ/lkb3lkajmnJ8gZ2V0RGVyaXZlZFN0YXRlRnJvbVByb3BzXG4gIGlmIChjb2xsYXBzZWRQcm9wICE9PSB1bmRlZmluZWQgJiYgY29sbGFwc2VkICE9PSBjb2xsYXBzZWRQcm9wKSB7XG4gICAgc2V0Q29sbGFwc2VkKCEhY29sbGFwc2VkUHJvcClcbiAgfVxuXG4gIGNvbnN0IGhhbmRsZUNvbGxhcHNlQ2hhbmdlID0gKCkgPT4ge1xuICAgIGlmIChjb2xsYXBzZWRQcm9wID09PSB1bmRlZmluZWQpIHtcbiAgICAgIHNldENvbGxhcHNlZCghY29sbGFwc2VkKVxuICAgIH1cbiAgICBpZiAob25Db2xsYXBzZUNoYW5nZSkge1xuICAgICAgb25Db2xsYXBzZUNoYW5nZSghY29sbGFwc2VkKVxuICAgIH1cbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGNsYXNzTmFtZSwgYCR7cHJlZml4fS1jb2xsYXBzZWAsIHtcbiAgICAgICAgW2Ake3ByZWZpeH0tY29sbGFwc2VfY29sbGFwc2VkYF06IGNvbGxhcHNlZCxcbiAgICAgIH0pfVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3NOYW1lPXtgJHtwcmVmaXh9LWNvbGxhcHNlLWhlYWRlcmB9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNvbGxhcHNlQ2hhbmdlfVxuICAgICAgICByb2xlPVwibm9uZVwiXG4gICAgICA+XG4gICAgICAgIHtoZWFkZXJ9XG4gICAgICAgIDxJY29uIGljb249XCJhcnJvdy1kb3duXCIgY2xhc3NOYW1lPXtgJHtwcmVmaXh9LWNvbGxhcHNlLWhlYWRlci1pY29uYH0gLz5cbiAgICAgIDwvZGl2PlxuICAgICAgeyFjb2xsYXBzZWQgJiYgKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7cHJlZml4fS1jb2xsYXBzZS1jb250ZW50YH0+e2NvbnRlbnR9PC9kaXY+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApXG59XG5cbkNvbG9yUGlja2VyQ29sbGFwc2UucHJvcFR5cGVzID0ge1xuICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGNvbGxhcHNlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGNvbnRlbnQ6IFByb3BUeXBlcy5ub2RlLFxuICBkZWZhdWx0Q29sbGFwc2VkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGVhZGVyOiBQcm9wVHlwZXMubm9kZSxcbiAgb25Db2xsYXBzZUNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG59XG5cbkNvbG9yUGlja2VyQ29sbGFwc2UuZGVmYXVsdFByb3BzID0ge1xuICBjbGFzc05hbWU6IHVuZGVmaW5lZCxcbiAgY29sbGFwc2VkOiB1bmRlZmluZWQsXG4gIGRlZmF1bHRDb2xsYXBzZWQ6IHVuZGVmaW5lZCxcbiAgaGVhZGVyOiBudWxsLFxuICBjb250ZW50OiBudWxsLFxuICBvbkNvbGxhcHNlQ2hhbmdlOiAoKSA9PiB7fSxcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ29sb3JQaWNrZXJD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