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

package/lib/color-picker/ColorPicker.js

@@ -0,0 +1,232 @@
+/**
+ * tdesign v0.31.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defineProperty = require('../_chunks/dep-3698c913.js');
+var slicedToArray = require('../_chunks/dep-58293904.js');
+var objectWithoutProperties = require('../_chunks/dep-b60bba5d.js');
+var React = require('react');
+var popup_index = require('../popup/index.js');
+var colorPicker_hooks_useClassname = require('./hooks/useClassname.js');
+var _util_useDefault = require('../_util/useDefault.js');
+var colorPicker_components_trigger = require('./components/trigger.js');
+var colorPicker_components_panel_index = require('./components/panel/index.js');
+var _util_useClickOutside = require('../_util/useClickOutside.js');
+require('../_chunks/dep-5d0f89c3.js');
+require('../popup/Popup.js');
+require('react-transition-group');
+require('classnames');
+require('react-popper');
+require('../_util/useAnimation.js');
+require('../_util/useConfig.js');
+require('../_chunks/dep-360d6b7f.js');
+require('../_chunks/dep-f1535ead.js');
+require('../_chunks/dep-1717cdf1.js');
+require('../_chunks/dep-48820d0f.js');
+require('../_chunks/dep-97e5708c.js');
+require('../_chunks/dep-b5416abb.js');
+require('../_chunks/dep-927824d3.js');
+require('../_chunks/dep-49701a36.js');
+require('../_chunks/dep-d11b4401.js');
+require('../_chunks/dep-a57e90f3.js');
+require('../_chunks/dep-3dc60caf.js');
+require('../_chunks/dep-b2e56ab4.js');
+require('../_chunks/dep-670e8110.js');
+require('../_chunks/dep-95793ccd.js');
+require('../_chunks/dep-9025380b.js');
+require('../_chunks/dep-987d705b.js');
+require('../_chunks/dep-fc4dab29.js');
+require('../_chunks/dep-98e0931c.js');
+require('../_chunks/dep-8e0a758c.js');
+require('../_chunks/dep-83b2f1b6.js');
+require('../_common/js/global-config/locale/zh_CN.js');
+require('../config-provider/zh_CN_config.js');
+require('../_util/composeRefs.js');
+require('../common/Portal.js');
+require('react-dom');
+require('../_util/dom.js');
+require('raf');
+require('../_chunks/dep-e03ace63.js');
+require('../_util/easing.js');
+require('../popup/hooks/useTriggerProps.js');
+require('../popup/utils/getTransitionParams.js');
+require('../_util/useMutationObserver.js');
+require('../_chunks/dep-2f5bd56c.js');
+require('../_chunks/dep-98a02d25.js');
+require('../_chunks/dep-58c8f5ef.js');
+require('../_util/useWindowSize.js');
+require('../_util/noop.js');
+require('../input/index.js');
+require('../input/Input.js');
+require('tdesign-icons-react');
+require('../_util/forwardRefWithStatics.js');
+require('hoist-non-react-statics');
+require('../_util/helper.js');
+require('../_chunks/dep-0cd38120.js');
+require('../_chunks/dep-e056a03c.js');
+require('../_chunks/dep-30bc8f66.js');
+require('../_chunks/dep-c16d1840.js');
+require('../input/InputGroup.js');
+require('../_util/useDefaultValue.js');
+require('../locale/LocalReceiver.js');
+require('../_common/js/color-picker/color.js');
+require('../_chunks/dep-8c8337be.js');
+require('tinycolor2');
+require('../_common/js/color-picker/cmyk.js');
+require('../_common/js/color-picker/gradient.js');
+require('../_chunks/dep-cfccf5fd.js');
+require('../_util/useCommonClassName.js');
+require('./components/panel/header.js');
+require('./const.js');
+require('../radio/index.js');
+require('../_chunks/dep-1c21c0cf.js');
+require('../common/Check.js');
+require('./components/panel/linear-gradient.js');
+require('../_chunks/dep-2b1e5fb0.js');
+require('../_chunks/dep-418ace5a.js');
+require('../_chunks/dep-29c8dea3.js');
+require('../_chunks/dep-5c7065a8.js');
+require('../_chunks/dep-67fe4c06.js');
+require('../input-number/index.js');
+require('../input-number/InputNumber.js');
+require('../_util/useUpdateEffect.js');
+require('../_util/useLayoutEffect.js');
+require('../input-number/StepHandler.js');
+require('../button/index.js');
+require('../button/Button.js');
+require('../_util/useRipple.js');
+require('../_util/setStyle.js');
+require('../loading/index.js');
+require('../loading/Loading.js');
+require('../loading/gradient.js');
+require('../_common/js/loading/circle-adapter.js');
+require('../_common/js/utils/set-style.js');
+require('../_common/js/utils/helper.js');
+require('../loading/plugin.js');
+require('../input-number/utils/numberUtils.js');
+require('./components/panel/saturation.js');
+require('../_util/useDrag.js');
+require('./components/panel/hue.js');
+require('./components/panel/slider.js');
+require('./components/panel/alpha.js');
+require('./components/panel/format/index.js');
+require('lodash');
+require('../select/index.js');
+require('../select/base/Select.js');
+require('../_chunks/dep-fad74605.js');
+require('../_chunks/dep-5e9977b7.js');
+require('../select/util/helper.js');
+require('../select/base/OptionGroup.js');
+require('../select/base/Option.js');
+require('../_chunks/dep-f19c35e4.js');
+require('../common/FakeArrow.js');
+require('../select-input/index.js');
+require('../select-input/SelectInput.js');
+require('../select-input/useSingle.js');
+require('../_chunks/dep-dba23adb.js');
+require('../_chunks/dep-e9aa1e84.js');
+require('../_chunks/dep-faff3a04.js');
+require('../_chunks/dep-eca0275e.js');
+require('../select-input/useMultiple.js');
+require('../tag-input/index.js');
+require('../tag-input/TagInput.js');
+require('../_util/useDragSorter.js');
+require('../tag-input/useTagScroll.js');
+require('../tag-input/useTagList.js');
+require('../tag/index.js');
+require('../tag/Tag.js');
+require('../tag/CheckTag.js');
+require('../tag-input/useHover.js');
+require('../select-input/useOverlayStyle.js');
+require('../select/base/PopupContent.js');
+require('./components/panel/format/inputs.js');
+require('./components/panel/format/config.js');
+require('./components/panel/swatches.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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._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 = colorPicker_hooks_useClassname["default"]();
+
+  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._objectWithoutProperties(props, _excluded);
+
+  var _useState = React.useState(false),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var _useDefault = _util_useDefault["default"](value, defaultValue, onChange),
+      _useDefault2 = slicedToArray._slicedToArray(_useDefault, 2),
+      innerValue = _useDefault2[0],
+      setInnerValue = _useDefault2[1];
+
+  var triggerRef = React.useRef();
+  var colorPanelRef = React.useRef();
+
+  var popProps = _objectSpread(_objectSpread({
+    placement: "bottom-left"
+  }, popupProps || {}), {}, {
+    trigger: "click",
+    attach: "body",
+    overlayClassName: [baseClassName],
+    visible: visible,
+    overlayStyle: {
+      padding: 0
+    }
+  });
+
+  _util_useClickOutside["default"]([triggerRef, colorPanelRef], function () {
+    setVisible(false);
+  }, true);
+  return /* @__PURE__ */React__default["default"].createElement(popup_index.Popup, _objectSpread(_objectSpread({}, popProps), {}, {
+    content: !disabled && /* @__PURE__ */React__default["default"].createElement(colorPicker_components_panel_index["default"], _objectSpread(_objectSpread({}, rest), {}, {
+      disabled: disabled,
+      value: innerValue,
+      colorModes: colorModes,
+      togglePopup: setVisible,
+      onChange: function onChange(value2, context) {
+        return setInnerValue(value2, context);
+      },
+      ref: colorPanelRef
+    }))
+  }), /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(baseClassName, "__trigger"),
+    onClick: function onClick() {
+      return setVisible(!visible);
+    },
+    ref: triggerRef
+  }, /* @__PURE__ */React__default["default"].createElement(colorPicker_components_trigger["default"], {
+    color: innerValue,
+    disabled: disabled,
+    inputProps: inputProps,
+    onTriggerChange: setInnerValue
+  })));
+};
+
+ColorPicker.displayName = "ColorPicker";
+var _ColorPicker = /*#__PURE__*/React__default["default"].memo(ColorPicker);
+
+exports["default"] = _ColorPicker;
+//# sourceMappingURL=ColorPicker.js.map

package/lib/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","_slicedToArray","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/lib/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/lib/color-picker/ColorPickerPanel.js

@@ -0,0 +1,170 @@
+/**
+ * tdesign v0.31.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defineProperty = require('../_chunks/dep-3698c913.js');
+var React = require('react');
+var colorPicker_components_panel_index = require('./components/panel/index.js');
+require('../_chunks/dep-cfccf5fd.js');
+require('../_chunks/dep-5d0f89c3.js');
+require('../_chunks/dep-58293904.js');
+require('classnames');
+require('../_util/useCommonClassName.js');
+require('../_util/useConfig.js');
+require('../_chunks/dep-360d6b7f.js');
+require('../_chunks/dep-f1535ead.js');
+require('../_chunks/dep-1717cdf1.js');
+require('../_chunks/dep-48820d0f.js');
+require('../_chunks/dep-97e5708c.js');
+require('../_chunks/dep-b5416abb.js');
+require('../_chunks/dep-927824d3.js');
+require('../_chunks/dep-49701a36.js');
+require('../_chunks/dep-d11b4401.js');
+require('../_chunks/dep-a57e90f3.js');
+require('../_chunks/dep-3dc60caf.js');
+require('../_chunks/dep-b2e56ab4.js');
+require('../_chunks/dep-670e8110.js');
+require('../_chunks/dep-95793ccd.js');
+require('../_chunks/dep-9025380b.js');
+require('../_chunks/dep-987d705b.js');
+require('../_chunks/dep-fc4dab29.js');
+require('../_chunks/dep-98e0931c.js');
+require('../_chunks/dep-8e0a758c.js');
+require('../_chunks/dep-83b2f1b6.js');
+require('../_common/js/global-config/locale/zh_CN.js');
+require('../config-provider/zh_CN_config.js');
+require('../_util/useDefault.js');
+require('../_util/noop.js');
+require('../locale/LocalReceiver.js');
+require('./hooks/useClassname.js');
+require('./components/panel/header.js');
+require('tdesign-icons-react');
+require('./const.js');
+require('../radio/index.js');
+require('../_chunks/dep-1c21c0cf.js');
+require('../_util/forwardRefWithStatics.js');
+require('hoist-non-react-statics');
+require('../common/Check.js');
+require('../_chunks/dep-b60bba5d.js');
+require('../_util/helper.js');
+require('../_chunks/dep-0cd38120.js');
+require('../_chunks/dep-e056a03c.js');
+require('../_chunks/dep-58c8f5ef.js');
+require('../_chunks/dep-30bc8f66.js');
+require('../_chunks/dep-c16d1840.js');
+require('../_util/useMutationObserver.js');
+require('../_chunks/dep-2f5bd56c.js');
+require('../_chunks/dep-98a02d25.js');
+require('../_common/js/color-picker/color.js');
+require('../_chunks/dep-8c8337be.js');
+require('tinycolor2');
+require('../_common/js/color-picker/cmyk.js');
+require('../_common/js/color-picker/gradient.js');
+require('./components/panel/linear-gradient.js');
+require('../_chunks/dep-2b1e5fb0.js');
+require('../_chunks/dep-418ace5a.js');
+require('../_chunks/dep-29c8dea3.js');
+require('../_chunks/dep-5c7065a8.js');
+require('../_chunks/dep-67fe4c06.js');
+require('../input-number/index.js');
+require('../input-number/InputNumber.js');
+require('../_util/useUpdateEffect.js');
+require('../_util/useLayoutEffect.js');
+require('../_util/dom.js');
+require('raf');
+require('../_chunks/dep-e03ace63.js');
+require('../_util/easing.js');
+require('../input-number/StepHandler.js');
+require('../button/index.js');
+require('../button/Button.js');
+require('../_util/useRipple.js');
+require('../_util/useAnimation.js');
+require('../_util/setStyle.js');
+require('../loading/index.js');
+require('../loading/Loading.js');
+require('../common/Portal.js');
+require('react-dom');
+require('../loading/gradient.js');
+require('../_common/js/loading/circle-adapter.js');
+require('../_common/js/utils/set-style.js');
+require('../_common/js/utils/helper.js');
+require('../loading/plugin.js');
+require('../input-number/utils/numberUtils.js');
+require('../input/index.js');
+require('../input/Input.js');
+require('../input/InputGroup.js');
+require('../_util/useDefaultValue.js');
+require('./components/panel/saturation.js');
+require('../_util/useDrag.js');
+require('./components/panel/hue.js');
+require('./components/panel/slider.js');
+require('./components/panel/alpha.js');
+require('./components/panel/format/index.js');
+require('lodash');
+require('../select/index.js');
+require('../select/base/Select.js');
+require('../_chunks/dep-fad74605.js');
+require('../_chunks/dep-5e9977b7.js');
+require('../select/util/helper.js');
+require('../select/base/OptionGroup.js');
+require('../select/base/Option.js');
+require('../_chunks/dep-f19c35e4.js');
+require('../common/FakeArrow.js');
+require('../select-input/index.js');
+require('../select-input/SelectInput.js');
+require('../popup/index.js');
+require('../popup/Popup.js');
+require('react-transition-group');
+require('react-popper');
+require('../_util/composeRefs.js');
+require('../popup/hooks/useTriggerProps.js');
+require('../_util/useClickOutside.js');
+require('../popup/utils/getTransitionParams.js');
+require('../_util/useWindowSize.js');
+require('../select-input/useSingle.js');
+require('../_chunks/dep-dba23adb.js');
+require('../_chunks/dep-e9aa1e84.js');
+require('../_chunks/dep-faff3a04.js');
+require('../_chunks/dep-eca0275e.js');
+require('../select-input/useMultiple.js');
+require('../tag-input/index.js');
+require('../tag-input/TagInput.js');
+require('../_util/useDragSorter.js');
+require('../tag-input/useTagScroll.js');
+require('../tag-input/useTagList.js');
+require('../tag/index.js');
+require('../tag/Tag.js');
+require('../tag/CheckTag.js');
+require('../tag-input/useHover.js');
+require('../select-input/useOverlayStyle.js');
+require('../select/base/PopupContent.js');
+require('./components/panel/format/inputs.js');
+require('./components/panel/format/config.js');
+require('./components/panel/swatches.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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._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__default["default"].createElement(colorPicker_components_panel_index["default"], _objectSpread(_objectSpread({}, props), {}, {
+    popupProps: null,
+    closeBtn: false
+  }));
+};
+
+ColorPickerPanel.displayName = "ColorPickerPanel";
+var _ColorPickerPanel = /*#__PURE__*/React__default["default"].memo(ColorPickerPanel);
+
+exports["default"] = _ColorPickerPanel;
+//# sourceMappingURL=ColorPickerPanel.js.map

package/lib/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,yBAAK,CAACC,aAAN,CAAoBC,6CAApB,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,yBAAK,CAACM,IAAN,CAAWR,gBAAX,CAAf;;;;"}

package/lib/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/lib/color-picker/components/panel/alpha.js

@@ -0,0 +1,57 @@
+/**
+ * tdesign v0.31.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defineProperty = require('../../../_chunks/dep-3698c913.js');
+var objectWithoutProperties = require('../../../_chunks/dep-b60bba5d.js');
+var React = require('react');
+var classNames = require('classnames');
+var colorPicker_components_panel_slider = require('./slider.js');
+require('../../const.js');
+require('../../../_util/useDrag.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+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._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._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__default["default"].createElement(colorPicker_components_panel_slider["default"], _objectSpread({
+    baseClassName: baseClassName,
+    className: classNames__default["default"](["".concat(baseClassName, "__alpha"), "".concat(baseClassName, "--bg-alpha")]),
+    color: color,
+    value: color.alpha * 100,
+    onChange: handleChange,
+    railStyle: railStyle,
+    maxValue: 100
+  }, rest));
+};
+
+var AlphaSlider = /*#__PURE__*/React__default["default"].memo(Alpha);
+
+exports["default"] = AlphaSlider;
+//# sourceMappingURL=alpha.js.map

package/lib/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,oDAAoDJ,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,yBAAK,CAACC,aAAN,CAAoBC,8CAApB,EAAA,aAAA,CAAA;AACrBX,IAAAA,aAAa,EAAbA,aADqB;AAErBY,IAAAA,SAAS,EAAEC,8BAAU,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,yBAAK,CAACQ,IAAN,CAAWpB,KAAX,CAAf;;;;"}

package/lib/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/lib/color-picker/components/panel/format/config.js

@@ -0,0 +1,95 @@
+/**
+ * tdesign v0.31.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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
+  }]
+};
+
+exports.FORMAT_INPUT_CONFIG = FORMAT_INPUT_CONFIG;
+exports["default"] = FORMAT_INPUT_CONFIG;
+//# sourceMappingURL=config.js.map

package/lib/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":";;;;;;;;;;AAAO,IAAMA,mBAAmB,GAAG;AACjCC,EAAAA,GAAG,EAAE,CACH;AACEC,IAAAA,GAAG,EAAE,GADP;AAEEC,IAAAA,GAAG,EAAE,CAFP;AAGEC,IAAAA,GAAG,EAAE,GAHP;AAIEC,IAAAA,IAAI,EAAE,aAAA;AAJR,GADG,EAOH;AACEH,IAAAA,GAAG,EAAE,GADP;AAEEC,IAAAA,GAAG,EAAE,CAFP;AAGEC,IAAAA,GAAG,EAAE,GAHP;AAIEC,IAAAA,IAAI,EAAE,aAAA;AAJR,GAPG,EAaH;AACEH,IAAAA,GAAG,EAAE,GADP;AAEEC,IAAAA,GAAG,EAAE,CAFP;AAGEC,IAAAA,GAAG,EAAE,GAHP;AAIEC,IAAAA,IAAI,EAAE,aAAA;AAJR,GAbG,CAD4B;AAqBjCC,EAAAA,GAAG,EAAE,CACH;AACEJ,IAAAA,GAAG,EAAE,GADP;AAEEC,IAAAA,GAAG,EAAE,CAFP;AAGEC,IAAAA,GAAG,EAAE,GAHP;AAIEC,IAAAA,IAAI,EAAE,aAAA;AAJR,GADG,EAOH;AACEH,IAAAA,GAAG,EAAE,GADP;AAEEC,IAAAA,GAAG,EAAE,CAFP;AAGEC,IAAAA,GAAG,EAAE,GAHP;AAIEC,IAAAA,IAAI,EAAE,aAAA;AAJR,GAPG,EAaH;AACEH,IAAAA,GAAG,EAAE,GADP;AAEEC,IAAAA,GAAG,EAAE,CAFP;AAGEC,IAAAA,GAAG,EAAE,GAHP;AAIEC,IAAAA,IAAI,EAAE,aAAA;AAJR,GAbG,CArB4B;AAyCjCE,EAAAA,GAAG,EAAE,CACH;AACEL,IAAAA,GAAG,EAAE,GADP;AAEEC,IAAAA,GAAG,EAAE,CAFP;AAGEC,IAAAA,GAAG,EAAE,GAHP;AAIEC,IAAAA,IAAI,EAAE,aAAA;AAJR,GADG,EAOH;AACEH,IAAAA,GAAG,EAAE,GADP;AAEEC,IAAAA,GAAG,EAAE,CAFP;AAGEC,IAAAA,GAAG,EAAE,GAHP;AAIEC,IAAAA,IAAI,EAAE,aAAA;AAJR,GAPG,EAaH;AACEH,IAAAA,GAAG,EAAE,GADP;AAEEC,IAAAA,GAAG,EAAE,CAFP;AAGEC,IAAAA,GAAG,EAAE,GAHP;AAIEC,IAAAA,IAAI,EAAE,aAAA;AAJR,GAbG,CAzC4B;AA6DjCG,EAAAA,IAAI,EAAE,CACJ;AACEN,IAAAA,GAAG,EAAE,GADP;AAEEC,IAAAA,GAAG,EAAE,CAFP;AAGEC,IAAAA,GAAG,EAAE,GAHP;AAIEC,IAAAA,IAAI,EAAE,aAAA;AAJR,GADI,EAOJ;AACEH,IAAAA,GAAG,EAAE,GADP;AAEEC,IAAAA,GAAG,EAAE,CAFP;AAGEC,IAAAA,GAAG,EAAE,GAHP;AAIEC,IAAAA,IAAI,EAAE,aAAA;AAJR,GAPI,EAaJ;AACEH,IAAAA,GAAG,EAAE,GADP;AAEEC,IAAAA,GAAG,EAAE,CAFP;AAGEC,IAAAA,GAAG,EAAE,GAHP;AAIEC,IAAAA,IAAI,EAAE,aAAA;AAJR,GAbI,EAmBJ;AACEH,IAAAA,GAAG,EAAE,GADP;AAEEC,IAAAA,GAAG,EAAE,CAFP;AAGEC,IAAAA,GAAG,EAAE,GAHP;AAIEC,IAAAA,IAAI,EAAE,aAAA;AAJR,GAnBI,CA7D2B;AAuFjCI,EAAAA,GAAG,EAAE,CACH;AACEP,IAAAA,GAAG,EAAE,KADP;AAEEG,IAAAA,IAAI,EAAE,OAFR;AAGEK,IAAAA,IAAI,EAAE,CAAA;AAHR,GADG,CAvF4B;AA8FjCC,EAAAA,GAAG,EAAE,CACH;AACET,IAAAA,GAAG,EAAE,KADP;AAEEG,IAAAA,IAAI,EAAE,OAFR;AAGEK,IAAAA,IAAI,EAAE,CAAA;AAHR,GADG,CAAA;AA9F4B;;;;;"}

package/lib/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;