tdesign-react 0.31.2-alpha.1 → 0.31.2-alpha.2

package/es/color-picker/ColorPicker.js

@@ -0,0 +1,241 @@
+/**
+ * tdesign v0.31.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../_chunks/dep-1628aaec.js';
+import { _ as _slicedToArray } from '../_chunks/dep-aca05d9d.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-ea842483.js';
+import React, { useState, useRef } from 'react';
+import { Popup } from '../popup/index.js';
+import useClassname from './hooks/useClassname.js';
+import useDefault from '../_util/useDefault.js';
+import ColorTrigger from './components/trigger.js';
+import ColorPanel from './components/panel/index.js';
+import useClickOutside from '../_util/useClickOutside.js';
+import '../_chunks/dep-85a9595a.js';
+import '../popup/Popup.js';
+import 'react-transition-group';
+import 'classnames';
+import 'react-popper';
+import '../_util/useAnimation.js';
+import '../_util/useConfig.js';
+import '../_chunks/dep-bbad8591.js';
+import '../_chunks/dep-8702aba9.js';
+import '../_chunks/dep-e9e7c24f.js';
+import '../_chunks/dep-c47502ef.js';
+import '../_chunks/dep-3a2f4bdf.js';
+import '../_chunks/dep-d51fd958.js';
+import '../_chunks/dep-db8880c0.js';
+import '../_chunks/dep-8efaaac0.js';
+import '../_chunks/dep-d539b435.js';
+import '../_chunks/dep-2b0021c1.js';
+import '../_chunks/dep-09299e3f.js';
+import '../_chunks/dep-23b2574f.js';
+import '../_chunks/dep-a1403158.js';
+import '../_chunks/dep-c03c5f48.js';
+import '../_chunks/dep-9b67144e.js';
+import '../_chunks/dep-d038aaf3.js';
+import '../_chunks/dep-00728537.js';
+import '../_chunks/dep-32abd81f.js';
+import '../_chunks/dep-f3e5eb4b.js';
+import '../_chunks/dep-ae52f85e.js';
+import '../_chunks/dep-63ed508e.js';
+import '../_chunks/dep-155571ca.js';
+import '../_chunks/dep-81670ae9.js';
+import '../locale/zh_CN.js';
+import '../_common/js/global-config/locale/zh_CN.js';
+import '../config-provider/zh_CN_config.js';
+import '../_util/composeRefs.js';
+import '../common/Portal.js';
+import 'react-dom';
+import '../_util/dom.js';
+import 'raf';
+import '../_chunks/dep-c9e242b1.js';
+import '../_util/easing.js';
+import '../popup/hooks/useTriggerProps.js';
+import '../popup/utils/getTransitionParams.js';
+import '../_util/useMutationObserver.js';
+import '../_chunks/dep-be94af1f.js';
+import '../_chunks/dep-5e457cfd.js';
+import '../_chunks/dep-fd1b4e24.js';
+import '../_util/useWindowSize.js';
+import '../_util/noop.js';
+import './style/css.js';
+import '../popup/type.js';
+import '../input/index.js';
+import '../input/Input.js';
+import 'tdesign-icons-react';
+import '../_util/forwardRefWithStatics.js';
+import 'hoist-non-react-statics';
+import '../_util/helper.js';
+import '../_chunks/dep-e0790d2e.js';
+import '../_chunks/dep-020d9062.js';
+import '../_chunks/dep-0d23bb2c.js';
+import '../_chunks/dep-db65b23a.js';
+import '../input/InputGroup.js';
+import '../_util/useDefaultValue.js';
+import '../locale/LocalReceiver.js';
+import '../config-provider/index.js';
+import '../config-provider/ConfigProvider.js';
+import '../input/type.js';
+import '../_common/js/color-picker/color.js';
+import '../_chunks/dep-926c2765.js';
+import 'tinycolor2';
+import '../_common/js/color-picker/cmyk.js';
+import '../_common/js/color-picker/gradient.js';
+import '../_chunks/dep-3cf23cb4.js';
+import '../_util/useCommonClassName.js';
+import './components/panel/header.js';
+import './const.js';
+import '../radio/index.js';
+import '../_chunks/dep-07385e51.js';
+import '../common/Check.js';
+import '../radio/type.js';
+import './components/panel/linear-gradient.js';
+import '../_chunks/dep-9926d76f.js';
+import '../_chunks/dep-cdbc448f.js';
+import '../_chunks/dep-d17dffc0.js';
+import '../_chunks/dep-6bf856c2.js';
+import '../_chunks/dep-d820193b.js';
+import '../input-number/index.js';
+import '../input-number/InputNumber.js';
+import '../_util/useUpdateEffect.js';
+import '../_util/useLayoutEffect.js';
+import '../input-number/StepHandler.js';
+import '../button/index.js';
+import '../button/Button.js';
+import '../_util/useRipple.js';
+import '../_util/setStyle.js';
+import '../loading/index.js';
+import '../loading/Loading.js';
+import '../loading/gradient.js';
+import '../_common/js/loading/circle-adapter.js';
+import '../_common/js/utils/set-style.js';
+import '../_common/js/utils/helper.js';
+import '../loading/plugin.js';
+import '../loading/type.js';
+import '../button/type.js';
+import '../input-number/utils/numberUtils.js';
+import '../input-number/type.js';
+import './components/panel/saturation.js';
+import '../_util/useDrag.js';
+import './components/panel/hue.js';
+import './components/panel/slider.js';
+import './components/panel/alpha.js';
+import './components/panel/format/index.js';
+import 'lodash';
+import '../select/index.js';
+import '../select/base/Select.js';
+import '../_chunks/dep-83cb7911.js';
+import '../_chunks/dep-83177e8d.js';
+import '../select/util/helper.js';
+import '../select/base/OptionGroup.js';
+import '../select/base/Option.js';
+import '../_chunks/dep-cf0a5e4d.js';
+import '../common/FakeArrow.js';
+import '../select-input/index.js';
+import '../select-input/SelectInput.js';
+import '../select-input/useSingle.js';
+import '../_chunks/dep-41ddaf4d.js';
+import '../_chunks/dep-3ce0d185.js';
+import '../_chunks/dep-b1d1fc8a.js';
+import '../_chunks/dep-65dde75f.js';
+import '../select-input/useMultiple.js';
+import '../tag-input/index.js';
+import '../tag-input/TagInput.js';
+import '../_util/useDragSorter.js';
+import '../tag-input/useTagScroll.js';
+import '../tag-input/useTagList.js';
+import '../tag/index.js';
+import '../tag/Tag.js';
+import '../tag/CheckTag.js';
+import '../tag/type.js';
+import '../tag-input/useHover.js';
+import '../tag-input/type.js';
+import '../select-input/useOverlayStyle.js';
+import '../select-input/type.js';
+import '../select/base/PopupContent.js';
+import '../select/type.js';
+import './components/panel/format/inputs.js';
+import './components/panel/format/config.js';
+import './components/panel/swatches.js';
+
+var _excluded = ["popupProps", "defaultValue", "disabled", "inputProps", "value", "onChange", "colorModes"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var ColorPicker = function ColorPicker(props) {
+  var baseClassName = useClassname();
+
+  var popupProps = props.popupProps,
+      defaultValue = props.defaultValue,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      inputProps = props.inputProps,
+      value = props.value,
+      onChange = props.onChange,
+      colorModes = props.colorModes,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var _useDefault = useDefault(value, defaultValue, onChange),
+      _useDefault2 = _slicedToArray(_useDefault, 2),
+      innerValue = _useDefault2[0],
+      setInnerValue = _useDefault2[1];
+
+  var triggerRef = useRef();
+  var colorPanelRef = useRef();
+
+  var popProps = _objectSpread(_objectSpread({
+    placement: "bottom-left"
+  }, popupProps || {}), {}, {
+    trigger: "click",
+    attach: "body",
+    overlayClassName: [baseClassName],
+    visible: visible,
+    overlayStyle: {
+      padding: 0
+    }
+  });
+
+  useClickOutside([triggerRef, colorPanelRef], function () {
+    setVisible(false);
+  }, true);
+  return /* @__PURE__ */React.createElement(Popup, _objectSpread(_objectSpread({}, popProps), {}, {
+    content: !disabled && /* @__PURE__ */React.createElement(ColorPanel, _objectSpread(_objectSpread({}, rest), {}, {
+      disabled: disabled,
+      value: innerValue,
+      colorModes: colorModes,
+      togglePopup: setVisible,
+      onChange: function onChange(value2, context) {
+        return setInnerValue(value2, context);
+      },
+      ref: colorPanelRef
+    }))
+  }), /* @__PURE__ */React.createElement("div", {
+    className: "".concat(baseClassName, "__trigger"),
+    onClick: function onClick() {
+      return setVisible(!visible);
+    },
+    ref: triggerRef
+  }, /* @__PURE__ */React.createElement(ColorTrigger, {
+    color: innerValue,
+    disabled: disabled,
+    inputProps: inputProps,
+    onTriggerChange: setInnerValue
+  })));
+};
+
+ColorPicker.displayName = "ColorPicker";
+var _ColorPicker = /*#__PURE__*/React.memo(ColorPicker);
+
+export { _ColorPicker as default };
+//# sourceMappingURL=ColorPicker.js.map

package/es/color-picker/ColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","sources":["../../src/color-picker/ColorPicker.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { Popup, PopupProps } from '../popup';\nimport { ColorPickerProps, TdColorContext } from './interface';\nimport useClassname from './hooks/useClassname';\nimport useDefault from '../_util/useDefault';\nimport ColorTrigger from './components/trigger';\nimport ColorPanel from './components/panel/index';\nimport useClickOutside from '../_util/useClickOutside';\n\nconst ColorPicker: React.FC<ColorPickerProps> = (props) => {\n  const baseClassName = useClassname();\n  const { popupProps, defaultValue, disabled = false, inputProps, value, onChange, colorModes, ...rest } = props;\n\n  const [visible, setVisible] = useState(false);\n  const [innerValue, setInnerValue] = useDefault(value, defaultValue, onChange);\n  const triggerRef = useRef<HTMLDivElement>();\n  const colorPanelRef = useRef();\n\n  const popProps: PopupProps = {\n    placement: 'bottom-left',\n    ...((popupProps as PopupProps) || {}),\n    trigger: 'click',\n    attach: 'body',\n    overlayClassName: [baseClassName],\n    visible,\n    overlayStyle: {\n      padding: 0,\n    },\n  };\n\n  useClickOutside(\n    [triggerRef, colorPanelRef],\n    () => {\n      setVisible(false);\n    },\n    true,\n  );\n\n  return (\n    <Popup\n      {...popProps}\n      content={\n        !disabled && (\n          <ColorPanel\n            {...rest}\n            disabled={disabled}\n            value={innerValue}\n            colorModes={colorModes}\n            togglePopup={setVisible}\n            onChange={(value: string, context: TdColorContext) => setInnerValue(value, context)}\n            ref={colorPanelRef}\n          />\n        )\n      }\n    >\n      <div className={`${baseClassName}__trigger`} onClick={() => setVisible(!visible)} ref={triggerRef}>\n        <ColorTrigger color={innerValue} disabled={disabled} inputProps={inputProps} onTriggerChange={setInnerValue} />\n      </div>\n    </Popup>\n  );\n};\n\nColorPicker.displayName = 'ColorPicker';\n\nexport default React.memo(ColorPicker);\n"],"names":["ColorPicker","props","baseClassName","useClassname","popupProps","defaultValue","disabled","inputProps","value","onChange","colorModes","rest","useState","visible","setVisible","useDefault","innerValue","setInnerValue","triggerRef","useRef","colorPanelRef","popProps","placement","trigger","attach","overlayClassName","overlayStyle","padding","useClickOutside","React","createElement","Popup","content","ColorPanel","togglePopup","value2","context","ref","className","onClick","ColorTrigger","color","onTriggerChange","displayName","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAW;AAC7B,EAAMC,IAAAA,aAAa,GAAGC,YAAY,EAAlC,CAAA;;AACA,EAAA,IAAQC,UAAR,GAAyGH,KAAzG,CAAQG,UAAR;AAAA,MAAoBC,YAApB,GAAyGJ,KAAzG,CAAoBI,YAApB;AAAA,MAAyGJ,eAAAA,GAAAA,KAAzG,CAAkCK,QAAlC;AAAA,MAAkCA,QAAlC,gCAA6C,KAA7C,GAAA,eAAA;AAAA,MAAoDC,UAApD,GAAyGN,KAAzG,CAAoDM,UAApD;AAAA,MAAgEC,KAAhE,GAAyGP,KAAzG,CAAgEO,KAAhE;AAAA,MAAuEC,QAAvE,GAAyGR,KAAzG,CAAuEQ,QAAvE;AAAA,MAAiFC,UAAjF,GAAyGT,KAAzG,CAAiFS,UAAjF;AAAA,MAAgGC,IAAhG,4BAAyGV,KAAzG,EAAA,SAAA,CAAA,CAAA;;AACA,EAA8BW,IAAAA,SAAAA,GAAAA,QAAQ,CAAC,KAAD,CAAtC;AAAA,MAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAA,MAAOC,OAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAAgBC,UAAhB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAA,WAAA,GAAoCC,UAAU,CAACP,KAAD,EAAQH,YAAR,EAAsBI,QAAtB,CAA9C;AAAA,MAAA,YAAA,GAAA,cAAA,CAAA,WAAA,EAAA,CAAA,CAAA;AAAA,MAAOO,UAAP,GAAA,YAAA,CAAA,CAAA,CAAA;AAAA,MAAmBC,aAAnB,GAAA,YAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAMC,IAAAA,UAAU,GAAGC,MAAM,EAAzB,CAAA;AACA,EAAMC,IAAAA,aAAa,GAAGD,MAAM,EAA5B,CAAA;;AACA,EAAA,IAAME,QAAQ,GAAA,aAAA,CAAA,aAAA,CAAA;AACZC,IAAAA,SAAS,EAAE,aAAA;AADC,GAETlB,EAAAA,UAAU,IAAI,EAFL,CAAA,EAAA,EAAA,EAAA;AAGZmB,IAAAA,OAAO,EAAE,OAHG;AAIZC,IAAAA,MAAM,EAAE,MAJI;AAKZC,IAAAA,gBAAgB,EAAE,CAACvB,aAAD,CALN;AAMZW,IAAAA,OAAO,EAAPA,OANY;AAOZa,IAAAA,YAAY,EAAE;AACZC,MAAAA,OAAO,EAAE,CAAA;AADG,KAAA;AAPF,GAAd,CAAA,CAAA;;AAWAC,EAAAA,eAAe,CAAC,CAACV,UAAD,EAAaE,aAAb,CAAD,EAA8B,YAAM;AACjDN,IAAAA,UAAU,CAAC,KAAD,CAAV,CAAA;AACD,GAFc,EAEZ,IAFY,CAAf,CAAA;AAGA,EAAA,sBAAuBe,KAAK,CAACC,aAAN,CAAoBC,KAApB,kCAClBV,QADkB,CAAA,EAAA,EAAA,EAAA;AAErBW,IAAAA,OAAO,EAAE,CAAC1B,QAAD,mBAA6BuB,KAAK,CAACC,aAAN,CAAoBG,UAApB,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EACjCtB,IADiC,CAAA,EAAA,EAAA,EAAA;AAEpCL,MAAAA,QAAQ,EAARA,QAFoC;AAGpCE,MAAAA,KAAK,EAAEQ,UAH6B;AAIpCN,MAAAA,UAAU,EAAVA,UAJoC;AAKpCwB,MAAAA,WAAW,EAAEpB,UALuB;AAMpCL,MAAAA,QAAQ,EAAE,SAAC0B,QAAAA,CAAAA,MAAD,EAASC,OAAT,EAAA;AAAA,QAAA,OAAqBnB,aAAa,CAACkB,MAAD,EAASC,OAAT,CAAlC,CAAA;AAAA,OAN0B;AAOpCC,MAAAA,GAAG,EAAEjB,aAAAA;AAP+B,KAAA,CAAA,CAAA;AAFjB,GAAA,CAAA,iBAWJS,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC5CQ,IAAAA,SAAS,EAAKpC,EAAAA,CAAAA,MAAAA,CAAAA,aAAL,EADmC,WAAA,CAAA;AAE5CqC,IAAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,MAAA,OAAMzB,UAAU,CAAC,CAACD,OAAF,CAAhB,CAAA;AAAA,KAFmC;AAG5CwB,IAAAA,GAAG,EAAEnB,UAAAA;AAHuC,GAA3B,iBAIAW,KAAK,CAACC,aAAN,CAAoBU,YAApB,EAAkC;AACnDC,IAAAA,KAAK,EAAEzB,UAD4C;AAEnDV,IAAAA,QAAQ,EAARA,QAFmD;AAGnDC,IAAAA,UAAU,EAAVA,UAHmD;AAInDmC,IAAAA,eAAe,EAAEzB,aAAAA;AAJkC,GAAlC,CAJA,CAXI,CAAvB,CAAA;AAqBD,CA1CD,CAAA;;AA2CAjB,WAAW,CAAC2C,WAAZ,GAA0B,aAA1B,CAAA;AACA,mBAAA,aAAed,KAAK,CAACe,IAAN,CAAW5C,WAAX,CAAf;;;;"}

package/es/color-picker/ColorPickerPanel.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ColorPickerProps } from './interface';
+declare const _default: React.MemoExoticComponent<{
+    (props: ColorPickerProps): JSX.Element;
+    displayName: string;
+}>;
+export default _default;

package/es/color-picker/ColorPickerPanel.js

@@ -0,0 +1,179 @@
+/**
+ * tdesign v0.31.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../_chunks/dep-1628aaec.js';
+import React from 'react';
+import ColorPanel from './components/panel/index.js';
+import '../_chunks/dep-3cf23cb4.js';
+import '../_chunks/dep-85a9595a.js';
+import '../_chunks/dep-aca05d9d.js';
+import 'classnames';
+import '../_util/useCommonClassName.js';
+import '../_util/useConfig.js';
+import '../_chunks/dep-bbad8591.js';
+import '../_chunks/dep-8702aba9.js';
+import '../_chunks/dep-e9e7c24f.js';
+import '../_chunks/dep-c47502ef.js';
+import '../_chunks/dep-3a2f4bdf.js';
+import '../_chunks/dep-d51fd958.js';
+import '../_chunks/dep-db8880c0.js';
+import '../_chunks/dep-8efaaac0.js';
+import '../_chunks/dep-d539b435.js';
+import '../_chunks/dep-2b0021c1.js';
+import '../_chunks/dep-09299e3f.js';
+import '../_chunks/dep-23b2574f.js';
+import '../_chunks/dep-a1403158.js';
+import '../_chunks/dep-c03c5f48.js';
+import '../_chunks/dep-9b67144e.js';
+import '../_chunks/dep-d038aaf3.js';
+import '../_chunks/dep-00728537.js';
+import '../_chunks/dep-32abd81f.js';
+import '../_chunks/dep-f3e5eb4b.js';
+import '../_chunks/dep-ae52f85e.js';
+import '../_chunks/dep-63ed508e.js';
+import '../_chunks/dep-155571ca.js';
+import '../_chunks/dep-81670ae9.js';
+import '../locale/zh_CN.js';
+import '../_common/js/global-config/locale/zh_CN.js';
+import '../config-provider/zh_CN_config.js';
+import '../_util/useDefault.js';
+import '../_util/noop.js';
+import '../locale/LocalReceiver.js';
+import '../config-provider/index.js';
+import '../config-provider/ConfigProvider.js';
+import './hooks/useClassname.js';
+import './components/panel/header.js';
+import 'tdesign-icons-react';
+import './const.js';
+import '../radio/index.js';
+import '../_chunks/dep-07385e51.js';
+import '../_util/forwardRefWithStatics.js';
+import 'hoist-non-react-statics';
+import '../common/Check.js';
+import '../_chunks/dep-ea842483.js';
+import '../_util/helper.js';
+import '../_chunks/dep-e0790d2e.js';
+import '../_chunks/dep-020d9062.js';
+import '../_chunks/dep-fd1b4e24.js';
+import '../_chunks/dep-0d23bb2c.js';
+import '../_chunks/dep-db65b23a.js';
+import '../_util/useMutationObserver.js';
+import '../_chunks/dep-be94af1f.js';
+import '../_chunks/dep-5e457cfd.js';
+import './style/css.js';
+import '../radio/type.js';
+import '../_common/js/color-picker/color.js';
+import '../_chunks/dep-926c2765.js';
+import 'tinycolor2';
+import '../_common/js/color-picker/cmyk.js';
+import '../_common/js/color-picker/gradient.js';
+import './components/panel/linear-gradient.js';
+import '../_chunks/dep-9926d76f.js';
+import '../_chunks/dep-cdbc448f.js';
+import '../_chunks/dep-d17dffc0.js';
+import '../_chunks/dep-6bf856c2.js';
+import '../_chunks/dep-d820193b.js';
+import '../input-number/index.js';
+import '../input-number/InputNumber.js';
+import '../_util/useUpdateEffect.js';
+import '../_util/useLayoutEffect.js';
+import '../_util/dom.js';
+import 'raf';
+import '../_chunks/dep-c9e242b1.js';
+import '../_util/easing.js';
+import '../input-number/StepHandler.js';
+import '../button/index.js';
+import '../button/Button.js';
+import '../_util/useRipple.js';
+import '../_util/useAnimation.js';
+import '../_util/setStyle.js';
+import '../loading/index.js';
+import '../loading/Loading.js';
+import '../common/Portal.js';
+import 'react-dom';
+import '../loading/gradient.js';
+import '../_common/js/loading/circle-adapter.js';
+import '../_common/js/utils/set-style.js';
+import '../_common/js/utils/helper.js';
+import '../loading/plugin.js';
+import '../loading/type.js';
+import '../button/type.js';
+import '../input-number/utils/numberUtils.js';
+import '../input/index.js';
+import '../input/Input.js';
+import '../input/InputGroup.js';
+import '../_util/useDefaultValue.js';
+import '../input/type.js';
+import '../input-number/type.js';
+import './components/panel/saturation.js';
+import '../_util/useDrag.js';
+import './components/panel/hue.js';
+import './components/panel/slider.js';
+import './components/panel/alpha.js';
+import './components/panel/format/index.js';
+import 'lodash';
+import '../select/index.js';
+import '../select/base/Select.js';
+import '../_chunks/dep-83cb7911.js';
+import '../_chunks/dep-83177e8d.js';
+import '../select/util/helper.js';
+import '../select/base/OptionGroup.js';
+import '../select/base/Option.js';
+import '../_chunks/dep-cf0a5e4d.js';
+import '../common/FakeArrow.js';
+import '../select-input/index.js';
+import '../select-input/SelectInput.js';
+import '../popup/index.js';
+import '../popup/Popup.js';
+import 'react-transition-group';
+import 'react-popper';
+import '../_util/composeRefs.js';
+import '../popup/hooks/useTriggerProps.js';
+import '../_util/useClickOutside.js';
+import '../popup/utils/getTransitionParams.js';
+import '../_util/useWindowSize.js';
+import '../popup/type.js';
+import '../select-input/useSingle.js';
+import '../_chunks/dep-41ddaf4d.js';
+import '../_chunks/dep-3ce0d185.js';
+import '../_chunks/dep-b1d1fc8a.js';
+import '../_chunks/dep-65dde75f.js';
+import '../select-input/useMultiple.js';
+import '../tag-input/index.js';
+import '../tag-input/TagInput.js';
+import '../_util/useDragSorter.js';
+import '../tag-input/useTagScroll.js';
+import '../tag-input/useTagList.js';
+import '../tag/index.js';
+import '../tag/Tag.js';
+import '../tag/CheckTag.js';
+import '../tag/type.js';
+import '../tag-input/useHover.js';
+import '../tag-input/type.js';
+import '../select-input/useOverlayStyle.js';
+import '../select-input/type.js';
+import '../select/base/PopupContent.js';
+import '../select/type.js';
+import './components/panel/format/inputs.js';
+import './components/panel/format/config.js';
+import './components/panel/swatches.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var ColorPickerPanel = function ColorPickerPanel(props) {
+  return /* @__PURE__ */React.createElement(ColorPanel, _objectSpread(_objectSpread({}, props), {}, {
+    popupProps: null,
+    closeBtn: false
+  }));
+};
+
+ColorPickerPanel.displayName = "ColorPickerPanel";
+var _ColorPickerPanel = /*#__PURE__*/React.memo(ColorPickerPanel);
+
+export { _ColorPickerPanel as default };
+//# sourceMappingURL=ColorPickerPanel.js.map

package/es/color-picker/ColorPickerPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerPanel.js","sources":["../../src/color-picker/ColorPickerPanel.tsx"],"sourcesContent":["import React from 'react';\nimport ColorPanel from './components/panel';\nimport { ColorPickerProps } from './interface';\n\nconst ColorPickerPanel = (props: ColorPickerProps) => <ColorPanel {...props} popupProps={null} closeBtn={false} />;\n\nColorPickerPanel.displayName = 'ColorPickerPanel';\n\nexport default React.memo(ColorPickerPanel);\n"],"names":["ColorPickerPanel","props","React","createElement","ColorPanel","popupProps","closeBtn","displayName","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAA;AAAA,EAAA,sBAA2BC,KAAK,CAACC,aAAN,CAAoBC,UAApB,kCAC/CH,KAD+C,CAAA,EAAA,EAAA,EAAA;AAElDI,IAAAA,UAAU,EAAE,IAFsC;AAGlDC,IAAAA,QAAQ,EAAE,KAAA;AAHwC,GAA3B,CAAA,CAAA,CAAA;AAAA,CAAzB,CAAA;;AAKAN,gBAAgB,CAACO,WAAjB,GAA+B,kBAA/B,CAAA;AACA,wBAAA,aAAeL,KAAK,CAACM,IAAN,CAAWR,gBAAX,CAAf;;;;"}

package/es/color-picker/components/panel/alpha.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TdColorBaseProps } from '../../interface';
+declare const _default: React.MemoExoticComponent<(props: TdColorBaseProps) => JSX.Element>;
+export default _default;

package/es/color-picker/components/panel/alpha.js

@@ -0,0 +1,48 @@
+/**
+ * tdesign v0.31.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../../../_chunks/dep-1628aaec.js';
+import { _ as _objectWithoutProperties } from '../../../_chunks/dep-ea842483.js';
+import React from 'react';
+import classNames from 'classnames';
+import ColorSlider from './slider.js';
+import '../../const.js';
+import '../../../_util/useDrag.js';
+
+var _excluded = ["color", "baseClassName", "onChange"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var Alpha = function Alpha(props) {
+  var color = props.color,
+      baseClassName = props.baseClassName,
+      onChange = props.onChange,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var handleChange = function handleChange(v, isDragEnd) {
+    onChange(v / 100, isDragEnd);
+  };
+
+  var railStyle = {
+    background: "linear-gradient(to right, rgba(0, 0, 0, 0), ".concat(props.color.rgb, ")")
+  };
+  return /* @__PURE__ */React.createElement(ColorSlider, _objectSpread({
+    baseClassName: baseClassName,
+    className: classNames(["".concat(baseClassName, "__alpha"), "".concat(baseClassName, "--bg-alpha")]),
+    color: color,
+    value: color.alpha * 100,
+    onChange: handleChange,
+    railStyle: railStyle,
+    maxValue: 100
+  }, rest));
+};
+
+var AlphaSlider = /*#__PURE__*/React.memo(Alpha);
+
+export { AlphaSlider as default };
+//# sourceMappingURL=alpha.js.map

package/es/color-picker/components/panel/alpha.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alpha.js","sources":["../../../../src/color-picker/components/panel/alpha.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport ColorSlider from './slider';\nimport { TdColorBaseProps } from '../../interface';\n\nconst Alpha = (props: TdColorBaseProps) => {\n  const { color, baseClassName, onChange, ...rest } = props;\n  const handleChange = (v: number, isDragEnd?: boolean) => {\n    onChange(v / 100, isDragEnd);\n  };\n  const railStyle = {\n    background: `linear-gradient(to right, rgba(0, 0, 0, 0), ${props.color.rgb})`,\n  };\n\n  return (\n    <ColorSlider\n      baseClassName={baseClassName}\n      className={classNames([`${baseClassName}__alpha`, `${baseClassName}--bg-alpha`])}\n      color={color}\n      value={color.alpha * 100}\n      onChange={handleChange}\n      railStyle={railStyle}\n      maxValue={100}\n      {...rest}\n    />\n  );\n};\n\nexport default React.memo(Alpha);\n"],"names":["Alpha","props","color","baseClassName","onChange","rest","handleChange","v","isDragEnd","railStyle","background","rgb","React","createElement","ColorSlider","className","classNames","value","alpha","maxValue","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAW;AACvB,EAAA,IAAQC,KAAR,GAAoDD,KAApD,CAAQC,KAAR;AAAA,MAAeC,aAAf,GAAoDF,KAApD,CAAeE,aAAf;AAAA,MAA8BC,QAA9B,GAAoDH,KAApD,CAA8BG,QAA9B;AAAA,MAA2CC,IAA3C,4BAAoDJ,KAApD,EAAA,SAAA,CAAA,CAAA;;AACA,EAAMK,IAAAA,YAAY,GAAG,SAAfA,YAAe,CAACC,CAAD,EAAIC,SAAJ,EAAkB;AACrCJ,IAAAA,QAAQ,CAACG,CAAC,GAAG,GAAL,EAAUC,SAAV,CAAR,CAAA;AACD,GAFD,CAAA;;AAGA,EAAA,IAAMC,SAAS,GAAG;AAChBC,IAAAA,UAAU,EAAiDT,8CAAAA,CAAAA,MAAAA,CAAAA,KAAK,CAACC,KAAN,CAAYS,GAA7D,EAAA,GAAA,CAAA;AADM,GAAlB,CAAA;AAGA,EAAA,sBAAuBC,KAAK,CAACC,aAAN,CAAoBC,WAApB,EAAA,aAAA,CAAA;AACrBX,IAAAA,aAAa,EAAbA,aADqB;AAErBY,IAAAA,SAAS,EAAEC,UAAU,CAAC,WAAIb,aAAJ,EAAA,SAAA,CAAA,EAAA,EAAA,CAAA,MAAA,CAA+BA,aAA/B,EAAA,YAAA,CAAA,CAAD,CAFA;AAGrBD,IAAAA,KAAK,EAALA,KAHqB;AAIrBe,IAAAA,KAAK,EAAEf,KAAK,CAACgB,KAAN,GAAc,GAJA;AAKrBd,IAAAA,QAAQ,EAAEE,YALW;AAMrBG,IAAAA,SAAS,EAATA,SANqB;AAOrBU,IAAAA,QAAQ,EAAE,GAAA;AAPW,GAAA,EAQlBd,IARkB,CAAvB,CAAA,CAAA;AAUD,CAlBD,CAAA;;AAmBA,kBAAA,aAAeO,KAAK,CAACQ,IAAN,CAAWpB,KAAX,CAAf;;;;"}

package/es/color-picker/components/panel/format/config.d.ts

@@ -0,0 +1,19 @@
+import { TdColorPickerProps } from '../../../type';
+export interface FormatInput {
+    key: string;
+    type: 'input';
+    flex?: number;
+}
+export interface FormatInputNumber {
+    key: string;
+    min: number;
+    max: number;
+    type: 'inputNumber';
+    flex?: number;
+    format?: Function;
+}
+export declare type FormatInputsConfig = {
+    [propName in TdColorPickerProps['format']]?: Array<FormatInput | FormatInputNumber>;
+};
+export declare const FORMAT_INPUT_CONFIG: FormatInputsConfig;
+export default FORMAT_INPUT_CONFIG;

package/es/color-picker/components/panel/format/config.js

@@ -0,0 +1,90 @@
+/**
+ * tdesign v0.31.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+var FORMAT_INPUT_CONFIG = {
+  RGB: [{
+    key: "r",
+    min: 0,
+    max: 255,
+    type: "inputNumber"
+  }, {
+    key: "g",
+    min: 0,
+    max: 255,
+    type: "inputNumber"
+  }, {
+    key: "b",
+    min: 0,
+    max: 255,
+    type: "inputNumber"
+  }],
+  HSV: [{
+    key: "h",
+    min: 0,
+    max: 360,
+    type: "inputNumber"
+  }, {
+    key: "s",
+    min: 0,
+    max: 100,
+    type: "inputNumber"
+  }, {
+    key: "v",
+    min: 0,
+    max: 100,
+    type: "inputNumber"
+  }],
+  HSL: [{
+    key: "h",
+    min: 0,
+    max: 360,
+    type: "inputNumber"
+  }, {
+    key: "s",
+    min: 0,
+    max: 100,
+    type: "inputNumber"
+  }, {
+    key: "l",
+    min: 0,
+    max: 100,
+    type: "inputNumber"
+  }],
+  CMYK: [{
+    key: "c",
+    min: 0,
+    max: 255,
+    type: "inputNumber"
+  }, {
+    key: "m",
+    min: 0,
+    max: 255,
+    type: "inputNumber"
+  }, {
+    key: "y",
+    min: 0,
+    max: 255,
+    type: "inputNumber"
+  }, {
+    key: "k",
+    min: 0,
+    max: 255,
+    type: "inputNumber"
+  }],
+  CSS: [{
+    key: "css",
+    type: "input",
+    flex: 3
+  }],
+  HEX: [{
+    key: "hex",
+    type: "input",
+    flex: 3
+  }]
+};
+
+export { FORMAT_INPUT_CONFIG, FORMAT_INPUT_CONFIG as default };
+//# sourceMappingURL=config.js.map

package/es/color-picker/components/panel/format/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../../../src/color-picker/components/panel/format/config.ts"],"sourcesContent":["import { TdColorPickerProps } from '../../../type';\n\nexport interface FormatInput {\n  key: string;\n  type: 'input';\n  flex?: number;\n}\n\nexport interface FormatInputNumber {\n  key: string;\n  min: number;\n  max: number;\n  type: 'inputNumber';\n  flex?: number;\n  format?: Function;\n}\n\nexport type FormatInputsConfig = {\n  [propName in TdColorPickerProps['format']]?: Array<FormatInput | FormatInputNumber>;\n};\n\nexport const FORMAT_INPUT_CONFIG: FormatInputsConfig = {\n  RGB: [\n    {\n      key: 'r',\n      min: 0,\n      max: 255,\n      type: 'inputNumber',\n    },\n    {\n      key: 'g',\n      min: 0,\n      max: 255,\n      type: 'inputNumber',\n    },\n    {\n      key: 'b',\n      min: 0,\n      max: 255,\n      type: 'inputNumber',\n    },\n  ],\n  HSV: [\n    {\n      key: 'h',\n      min: 0,\n      max: 360,\n      type: 'inputNumber',\n    },\n    {\n      key: 's',\n      min: 0,\n      max: 100,\n      type: 'inputNumber',\n    },\n    {\n      key: 'v',\n      min: 0,\n      max: 100,\n      type: 'inputNumber',\n    },\n  ],\n  HSL: [\n    {\n      key: 'h',\n      min: 0,\n      max: 360,\n      type: 'inputNumber',\n    },\n    {\n      key: 's',\n      min: 0,\n      max: 100,\n      type: 'inputNumber',\n    },\n    {\n      key: 'l',\n      min: 0,\n      max: 100,\n      type: 'inputNumber',\n    },\n  ],\n  CMYK: [\n    {\n      key: 'c',\n      min: 0,\n      max: 255,\n      type: 'inputNumber',\n    },\n    {\n      key: 'm',\n      min: 0,\n      max: 255,\n      type: 'inputNumber',\n    },\n    {\n      key: 'y',\n      min: 0,\n      max: 255,\n      type: 'inputNumber',\n    },\n    {\n      key: 'k',\n      min: 0,\n      max: 255,\n      type: 'inputNumber',\n    },\n  ],\n  CSS: [\n    {\n      key: 'css',\n      type: 'input',\n      flex: 3,\n    },\n  ],\n  HEX: [\n    {\n      key: 'hex',\n      type: 'input',\n      flex: 3,\n    },\n  ],\n};\n\nexport default FORMAT_INPUT_CONFIG;\n"],"names":["FORMAT_INPUT_CONFIG","RGB","key","min","max","type","HSV","HSL","CMYK","CSS","flex","HEX"],"mappings":"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"}

package/es/color-picker/components/panel/format/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import Color from '../../../../_common/js/color-picker/color';
+import { TdColorPickerProps } from '../../../type';
+export interface TdColorFormatProps extends TdColorPickerProps {
+    onModeChange: Function;
+    onInputChange: Function;
+    baseClassName: string;
+    color: Color;
+}
+declare const _default: React.MemoExoticComponent<(props: TdColorFormatProps) => JSX.Element>;
+export default _default;