tdesign-react/lib/color-picker/components/trigger.js

TDesign Component for React

/**
 * tdesign v1.11.6
 * (c) 2025 tdesign
 * @license MIT
 */

import { _ as _defineProperty } from '../../_chunks/dep-fb209a0c.js';
import { _ as _slicedToArray } from '../../_chunks/dep-889449c8.js';
import React from 'react';
import classNames from 'classnames';
import { C as Color } from '../../_chunks/dep-6967e9a4.js';
import { Input } from '../../input/index.js';
import useClassNames from '../hooks/useClassNames.js';
import useControlled from '../../hooks/useControlled.js';
import '../../_chunks/dep-9a3c539e.js';
import '../../_chunks/dep-901cf2d8.js';
import '../../_chunks/dep-404a8dbf.js';
import 'tinycolor2';
import 'lodash-es';
import '../../input/Input.js';
import '../../_chunks/dep-2c6eb8e0.js';
import 'tdesign-icons-react';
import '../../hooks/useLayoutEffect.js';
import '../../_util/dom.js';
import 'raf';
import '../../_util/easing.js';
import '../../_util/forwardRefWithStatics.js';
import 'hoist-non-react-statics';
import '../../hooks/useConfig.js';
import '../../config-provider/ConfigContext.js';
import '../../_chunks/dep-14e7d402.js';
import '../../_chunks/dep-72ba05e7.js';
import 'dayjs';
import '../../hooks/useGlobalIcon.js';
import '../../input/InputGroup.js';
import '../../locale/LocalReceiver.js';
import '../../config-provider/ConfigProvider.js';
import '../../input/defaultProps.js';
import '../../_util/parseTNode.js';
import '../../_chunks/dep-fad5d621.js';
import '../../input/useLengthLimit.js';
import '../../_chunks/dep-3bd4dc4e.js';
import '../../_chunks/dep-7a114245.js';
import '../../hooks/useDefaultProps.js';
import '../../_util/noop.js';

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; }
var ColorPickerTrigger = function ColorPickerTrigger(props) {
  var baseClassName = useClassNames();
  var _props$disabled = props.disabled,
    disabled = _props$disabled === void 0 ? false : _props$disabled,
    _props$borderless = props.borderless,
    borderless = _props$borderless === void 0 ? false : _props$borderless,
    _props$inputProps = props.inputProps,
    inputProps = _props$inputProps === void 0 ? {
      autoWidth: true
    } : _props$inputProps;
  var _useControlled = useControlled(props, "value", props.onChange),
    _useControlled2 = _slicedToArray(_useControlled, 2),
    value = _useControlled2[0],
    setValue = _useControlled2[1];
  var handleChange = function handleChange(input, ctx) {
    if (Color.isValid(input)) {
      setValue(input, ctx);
    }
  };
  return /* @__PURE__ */React.createElement("div", {
    className: "".concat(baseClassName, "__trigger--default")
  }, /* @__PURE__ */React.createElement(Input, _objectSpread(_objectSpread({
    borderless: borderless
  }, inputProps), {}, {
    value: value,
    disabled: disabled,
    label: /* @__PURE__ */React.createElement("div", {
      className: classNames("".concat(baseClassName, "__trigger--default__color"), "".concat(baseClassName, "--bg-alpha"))
    }, /* @__PURE__ */React.createElement("span", {
      className: "color-inner",
      style: {
        background: value
      }
    })),
    onBlur: handleChange,
    onChange: function onChange(v) {
      return setValue(v);
    }
  })));
};
var ColorTrigger = /*#__PURE__*/React.memo(ColorPickerTrigger);

export { ColorTrigger as default };
//# sourceMappingURL=trigger.js.map