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

TDesign Component for React

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

import { _ as _defineProperty } from '../../_chunks/dep-8618a2f1.js';
import React from 'react';
import classNames from 'classnames';
import { g as getColorObject, C as Color } from '../../_chunks/dep-7c4bfeee.js';
import { Input } from '../../input/index.js';
import useClassNames from '../hooks/useClassNames.js';
import noop from '../../_util/noop.js';
import '../../_chunks/dep-c37cc2fd.js';
import '../../_chunks/dep-118954e6.js';
import '../../_chunks/dep-61f5e3d1.js';
import '../../_chunks/dep-c8ec9532.js';
import '../../_chunks/dep-ab4955c6.js';
import '../../_chunks/dep-aeb8bcf5.js';
import 'lodash-es';
import '../../input/Input.js';
import '../../_chunks/dep-30ed04a0.js';
import 'tdesign-icons-react';
import '../../hooks/useLayoutEffect.js';
import '../../_chunks/dep-82b8abc2.js';
import '../../_util/forwardRefWithStatics.js';
import 'hoist-non-react-statics';
import '../../hooks/useConfig.js';
import '../../config-provider/ConfigContext.js';
import '../../locale/zh_CN.js';
import '../../_chunks/dep-ab140eb0.js';
import 'dayjs';
import '../../_chunks/dep-95bd7102.js';
import '../../hooks/useGlobalIcon.js';
import '../../input/InputGroup.js';
import '../../hooks/useControlled.js';
import '../../locale/LocalReceiver.js';
import '../../config-provider/index.js';
import '../../config-provider/ConfigProvider.js';
import '../../config-provider/type.js';
import '../../input/defaultProps.js';
import '../../_util/parseTNode.js';
import '../../_chunks/dep-4e5b1475.js';
import '../../_chunks/dep-d104053f.js';
import '../../input/useLengthLimit.js';
import '../../_chunks/dep-f213e3a9.js';
import '../../_chunks/dep-132961ab.js';
import '../../hooks/useDefaultProps.js';
import '../../input/style/index.js';
import '../../input/type.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,
    clearable = props.clearable,
    onClear = props.onClear;
  var handleChange = function handleChange(input) {
    if (input !== props.value) {
      var _props$onChange;
      (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, input, {
        color: getColorObject(new Color(input)),
        trigger: "input"
      });
    }
  };
  return /* @__PURE__ */React.createElement("div", {
    className: "".concat(baseClassName, "__trigger--default")
  }, /* @__PURE__ */React.createElement(Input, _objectSpread(_objectSpread({
    borderless: borderless,
    clearable: clearable
  }, inputProps), {}, {
    value: props.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: props.value
      }
    })),
    onChange: handleChange,
    onClear: onClear || noop
  })));
};
var ColorTrigger = /*#__PURE__*/React.memo(ColorPickerTrigger);

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