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

package/esm/_util/useDrag.js

@@ -0,0 +1,74 @@
+/**
+ * tdesign v0.31.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { useRef, useEffect } from 'react';
+
+var useDrag = function useDrag(ref, options) {
+  var start = options.start,
+      end = options.end,
+      drag = options.drag;
+  var isDraggingRef = useRef(false);
+
+  var getCoordinate = function getCoordinate(event) {
+    try {
+      var _ref$current;
+
+      var rect = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getBoundingClientRect();
+      var left = event.clientX - rect.left;
+      var top = event.clientY - rect.top;
+      return {
+        y: Math.min(Math.max(0, top), rect.height),
+        x: Math.min(Math.max(0, left), rect.width)
+      };
+    } catch (error) {
+      return {
+        y: null,
+        x: null
+      };
+    }
+  };
+
+  var handlePointerMove = function handlePointerMove(e) {
+    if (isDraggingRef.current) drag(getCoordinate(e), e);
+  };
+
+  var handlePointerUp = function handlePointerUp(e) {
+    isDraggingRef.current = false;
+    end(getCoordinate(e), e);
+    window.removeEventListener("mouseup", handlePointerUp);
+    window.removeEventListener("mousemove", handlePointerMove);
+  };
+
+  var handlePointerDown = function handlePointerDown(e) {
+    isDraggingRef.current = true;
+    start(getCoordinate(e), e);
+    window.addEventListener("mouseup", handlePointerUp);
+    window.addEventListener("mousemove", handlePointerMove);
+  };
+
+  useEffect(function () {
+    var element = ref.current;
+
+    if (element) {
+      element.addEventListener("mousedown", handlePointerDown);
+    }
+
+    return function () {
+      if (element) {
+        element.removeEventListener("mousedown", handlePointerDown);
+      }
+
+      window.removeEventListener("mouseup", handlePointerUp);
+      window.removeEventListener("mousemove", handlePointerMove);
+    };
+  }, []);
+  return {
+    isDragging: isDraggingRef.current
+  };
+};
+
+export { useDrag as default };
+//# sourceMappingURL=useDrag.js.map

package/esm/_util/useDrag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrag.js","sources":["../../src/_util/useDrag.ts"],"sourcesContent":["import { useRef, useEffect } from 'react';\n\nexport interface Coordinate {\n  x: number;\n  y: number;\n}\n\ninterface DraggableCallback {\n  (coordinate: Coordinate, event?: MouseEvent): void;\n}\n\ninterface DraggableProps {\n  start?: DraggableCallback;\n  drag?: DraggableCallback;\n  end?: DraggableCallback;\n}\n\nconst useDrag = (ref, options: DraggableProps) => {\n  const { start, end, drag } = options;\n\n  const isDraggingRef = useRef(false);\n\n  const getCoordinate = (event: MouseEvent) => {\n    try {\n      const rect = ref.current?.getBoundingClientRect();\n      const left = event.clientX - rect.left;\n      const top = event.clientY - rect.top;\n      return {\n        y: Math.min(Math.max(0, top), rect.height),\n        x: Math.min(Math.max(0, left), rect.width),\n      };\n    } catch (error) {\n      return {\n        y: null,\n        x: null,\n      };\n    }\n  };\n\n  const handlePointerMove = (e: MouseEvent) => {\n    if (isDraggingRef.current) drag(getCoordinate(e), e);\n  };\n\n  const handlePointerUp = (e: MouseEvent) => {\n    isDraggingRef.current = false;\n    end(getCoordinate(e), e);\n    window.removeEventListener('mouseup', handlePointerUp);\n    window.removeEventListener('mousemove', handlePointerMove);\n  };\n\n  const handlePointerDown = (e: MouseEvent) => {\n    isDraggingRef.current = true;\n    start(getCoordinate(e), e);\n    window.addEventListener('mouseup', handlePointerUp);\n    window.addEventListener('mousemove', handlePointerMove);\n  };\n\n  useEffect(() => {\n    const element = ref.current;\n    if (element) {\n      element.addEventListener('mousedown', handlePointerDown);\n    }\n    return () => {\n      if (element) {\n        element.removeEventListener('mousedown', handlePointerDown);\n      }\n      window.removeEventListener('mouseup', handlePointerUp);\n      window.removeEventListener('mousemove', handlePointerMove);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return {\n    isDragging: isDraggingRef.current,\n  };\n};\n\nexport default useDrag;\n"],"names":["useDrag","ref","options","start","end","drag","isDraggingRef","useRef","getCoordinate","event","rect","current","getBoundingClientRect","left","clientX","top","clientY","y","Math","min","max","height","x","width","error","handlePointerMove","e","handlePointerUp","window","removeEventListener","handlePointerDown","addEventListener","useEffect","element","isDragging"],"mappings":"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"}

package/esm/avatar/AvararGroup.js

@@ -8,7 +8,7 @@ import '../_chunks/dep-1628aaec.js';
 import '../_chunks/dep-ea842483.js';
 import 'react';
 import 'classnames';
-export { G as default } from '../_chunks/dep-5d29cc59.js';
+export { G as default } from '../_chunks/dep-7e7b26b4.js';
 import '../popup/Popup.js';
 import '../_util/useConfig.js';
 import './AvatarContext.js';

package/esm/avatar/Avatar.js

@@ -15,7 +15,7 @@ import '../_util/forwardRefWithStatics.js';
 import '../_util/useCommonClassName.js';
 import '../_util/composeRefs.js';
 import './AvatarContext.js';
-export { _ as default } from '../_chunks/dep-5d29cc59.js';
+export { _ as default } from '../_chunks/dep-7e7b26b4.js';
 import '../_chunks/dep-85a9595a.js';
 import '../_chunks/dep-bbad8591.js';
 import '../_chunks/dep-8702aba9.js';

package/esm/avatar/index.js

@@ -4,7 +4,7 @@
  * @license MIT
  */
 
-import { _ as _Avatar } from '../_chunks/dep-5d29cc59.js';
+import { _ as _Avatar } from '../_chunks/dep-7e7b26b4.js';
 import './style/index.js';
 import './type.js';
 import '../_chunks/dep-1628aaec.js';

package/esm/color-picker/ColorPicker.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ColorPickerProps } from './interface';
+declare const _default: React.NamedExoticComponent<ColorPickerProps>;
+export default _default;

package/esm/color-picker/ColorPicker.js

@@ -0,0 +1,250 @@
+/**
+ * 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 '../popup/style/index.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/style/index.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/style/index.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/style/index.js';
+import '../loading/type.js';
+import '../button/style/index.js';
+import '../button/type.js';
+import '../input-number/utils/numberUtils.js';
+import '../input-number/style/index.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/style/index.js';
+import '../tag/type.js';
+import '../tag-input/useHover.js';
+import '../tag-input/style/index.js';
+import '../tag-input/type.js';
+import '../select-input/useOverlayStyle.js';
+import '../select-input/style/index.js';
+import '../select-input/type.js';
+import '../select/base/PopupContent.js';
+import '../select/style/index.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/esm/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":"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"}

package/esm/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/esm/color-picker/ColorPickerPanel.js

@@ -0,0 +1,188 @@
+/**
+ * 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 '../radio/style/index.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/style/index.js';
+import '../loading/type.js';
+import '../button/style/index.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/style/index.js';
+import '../input/type.js';
+import '../input-number/style/index.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/style/index.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/style/index.js';
+import '../tag/type.js';
+import '../tag-input/useHover.js';
+import '../tag-input/style/index.js';
+import '../tag-input/type.js';
+import '../select-input/useOverlayStyle.js';
+import '../select-input/style/index.js';
+import '../select-input/type.js';
+import '../select/base/PopupContent.js';
+import '../select/style/index.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/esm/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/esm/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/esm/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/esm/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;;;;"}