@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/ColorPicker/index.js

@@ -1,209 +1,164 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { default as cls } from 'classnames';
-import React, { useContext, useEffect, useRef, useState } from 'react';
-import Dropdown from "../Dropdown";
-import { FoldDownFill } from "../Icon";
-import { LocaleContext, getTranslator } from "../locale/default";
-import { colors as defaultColors, specialColors } from "./constant";
-import InnerColorPicker from "./ComplexColorPicker";
+import { cn } from "../lib/utils.js";
+import Memo from "../Icon/components/FoldDownFill.js";
+import Dropdown from "../Dropdown/index.js";
+import { LocaleContext, getTranslator } from "../locale/default.js";
+import { colors, specialColors } from "./constant.js";
+/* empty css             */
+import ColorPicker$1 from "./ComplexColorPicker/index.js";
+import { useContext, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/ColorPicker/index.tsx
 function getLocalRecentColors(localStorageKey) {
-  if (!window.localStorage) {
-    return [];
-  }
-  var colorStr = localStorage.getItem(localStorageKey);
-  if (!colorStr) {
-    return [];
-  }
-  return colorStr.split(',');
+	if (!window.localStorage) return [];
+	const colorStr = localStorage.getItem(localStorageKey);
+	if (!colorStr) return [];
+	return colorStr.split(",");
 }
 function setLocalRecentColors(localStorageKey, colors) {
-  if (!window.localStorage) {
-    return;
-  }
-  localStorage.setItem(localStorageKey, colors.join(','));
+	if (!window.localStorage) return;
+	localStorage.setItem(localStorageKey, colors.join(","));
 }
 var MAX_RECENT_COLORS = 10;
-export default function ColorPicker(_ref) {
-  var className = _ref.className,
-    value = _ref.value,
-    icon = _ref.icon,
-    onChange = _ref.onChange,
-    _ref$defaultColor = _ref.defaultColor,
-    defaultColor = _ref$defaultColor === void 0 ? defaultColors[0] : _ref$defaultColor,
-    _ref$localStorageKey = _ref.localStorageKey,
-    localStorageKey = _ref$localStorageKey === void 0 ? 'ald_recent_colors' : _ref$localStorageKey,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'simple' : _ref$mode,
-    complexModeProps = _ref.complexModeProps,
-    _ref$bordered = _ref.bordered,
-    bordered = _ref$bordered === void 0 ? true : _ref$bordered;
-  var _useContext = useContext(LocaleContext),
-    locale = _useContext.locale;
-  var t = getTranslator(locale);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    recentColors = _useState4[0],
-    setRecentColors = _useState4[1];
-  var overlayRef = useRef(null);
-  var wrapRef = useRef(null);
-  useEffect(function () {
-    setRecentColors(getLocalRecentColors(localStorageKey));
-  }, [localStorageKey]);
-  var onColorSelect = function onColorSelect(color) {
-    var newRecentColors = [color].concat(_toConsumableArray(recentColors.filter(function (c) {
-      return c !== color;
-    })));
-    if (newRecentColors.length > MAX_RECENT_COLORS) {
-      newRecentColors.pop();
-    }
-    setRecentColors(newRecentColors);
-    setLocalRecentColors(localStorageKey, newRecentColors);
-    onChange === null || onChange === void 0 ? void 0 : onChange(color);
-    setOpen(false);
-  };
-  useEffect(function () {
-    var handleClick = function handleClick(e) {
-      var _wrapRef$current, _overlayRef$current;
-      if ((_wrapRef$current = wrapRef.current) !== null && _wrapRef$current !== void 0 && _wrapRef$current.contains(e.target)) {
-        return setOpen(!open);
-      }
-      if (!((_overlayRef$current = overlayRef.current) !== null && _overlayRef$current !== void 0 && _overlayRef$current.contains(e.target))) {
-        return setOpen(false);
-      }
-    };
-    document.addEventListener('click', handleClick);
-    return function () {
-      document.removeEventListener('click', handleClick);
-    };
-  }, [open]);
-  var overlay = /*#__PURE__*/React.createElement("div", {
-    className: cls('ald-color-picker-overlay'),
-    ref: overlayRef
-  }, /*#__PURE__*/React.createElement("div", {
-    className: 'default'
-  }, /*#__PURE__*/React.createElement("div", {
-    className: 'item',
-    onClick: function onClick() {
-      if (disabled) return;
-      if (defaultColor === value) return;
-      onColorSelect(defaultColor);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: 'block',
-    style: {
-      backgroundColor: defaultColor
-    }
-  })), t.ColorPicker.default), /*#__PURE__*/React.createElement("div", {
-    className: 'standard'
-  }, /*#__PURE__*/React.createElement("p", null, t.ColorPicker.standardColor), /*#__PURE__*/React.createElement("div", {
-    className: 'items'
-  }, defaultColors.map(function (color) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: color,
-      className: cls('item', {
-        selected: color === value
-      }),
-      onClick: function onClick() {
-        if (color === value) return;
-        onColorSelect(color);
-      },
-      style: {
-        borderColor: specialColors.includes(color) ? 'var(--alias-colors-border-subtle)' : color
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: 'block',
-      style: {
-        backgroundColor: color
-      }
-    }));
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: 'recent'
-  }, /*#__PURE__*/React.createElement("p", null, t.ColorPicker.recentlyUsed), /*#__PURE__*/React.createElement("div", {
-    className: 'items'
-  }, recentColors.map(function (color) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: color,
-      className: cls('item', {
-        selected: color === value
-      }),
-      onClick: function onClick() {
-        if (color === value) return;
-        onColorSelect(color);
-      },
-      style: {
-        borderColor: specialColors.includes(color) ? 'var(--alias-colors-border-subtle)' : color
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: 'block',
-      style: {
-        backgroundColor: color
-      }
-    }));
-  }))));
-  if (mode === 'simple') {
-    return /*#__PURE__*/React.createElement("div", {
-      className: cls(className, 'ald-color-picker', {
-        'ald-color-picker-disabled': disabled
-      }),
-      ref: wrapRef
-    }, /*#__PURE__*/React.createElement(Dropdown, {
-      trigger: 'click',
-      open: open,
-      disabled: disabled,
-      placement: 'bottom-start',
-      overlayClassName: 'ald-color-picker-overlay-wrapper',
-      dropdownRender: function dropdownRender() {
-        return overlay;
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: cls('ald-color-picker-wrapper', {
-        'ald-color-picker-wrapper-focused': open,
-        'ald-color-picker-wrapper-disabled': disabled,
-        'ald-color-picker-wrapper-borderless': bordered === false
-      }),
-      onClick: function onClick(e) {
-        if (disabled) {
-          e.stopPropagation();
-        }
-      }
-    }, icon ? /*#__PURE__*/React.createElement("div", {
-      className: 'svg'
-    }, /*#__PURE__*/React.createElement("div", {
-      className: 'icon'
-    }, icon), /*#__PURE__*/React.createElement("div", {
-      className: 'line',
-      style: {
-        backgroundColor: value !== null && value !== void 0 ? value : '#4B5563'
-      }
-    })) : /*#__PURE__*/React.createElement("div", {
-      className: 'word'
-    }, "A", /*#__PURE__*/React.createElement("div", {
-      className: 'line',
-      style: {
-        backgroundColor: value !== null && value !== void 0 ? value : '#4B5563'
-      }
-    })), /*#__PURE__*/React.createElement(FoldDownFill, {
-      size: 14,
-      color: 'var(--alias-colors-icon-subtle)'
-    }))));
-  }
-  if (mode === 'complex') {
-    return /*#__PURE__*/React.createElement(InnerColorPicker, complexModeProps);
-  }
-  return null;
-}
+function ColorPicker({ className, value, icon, onChange, defaultColor = colors[0], localStorageKey = "ald_recent_colors", disabled = false, mode = "simple", complexModeProps, bordered = true }) {
+	const { locale } = useContext(LocaleContext);
+	const t = getTranslator(locale);
+	const [open, setOpen] = useState(false);
+	const [recentColors, setRecentColors] = useState([]);
+	const overlayRef = useRef(null);
+	const wrapRef = useRef(null);
+	useEffect(() => {
+		setRecentColors(getLocalRecentColors(localStorageKey));
+	}, [localStorageKey]);
+	const onColorSelect = (color) => {
+		const newRecentColors = [color, ...recentColors.filter((c) => c !== color)];
+		if (newRecentColors.length > MAX_RECENT_COLORS) newRecentColors.pop();
+		setRecentColors(newRecentColors);
+		setLocalRecentColors(localStorageKey, newRecentColors);
+		onChange?.(color);
+		setOpen(false);
+	};
+	useEffect(() => {
+		const handleClick = (e) => {
+			if (wrapRef.current?.contains(e.target)) return setOpen(!open);
+			if (!overlayRef.current?.contains(e.target)) return setOpen(false);
+		};
+		document.addEventListener("click", handleClick);
+		return () => {
+			document.removeEventListener("click", handleClick);
+		};
+	}, [open]);
+	const overlay = /* @__PURE__ */ jsxs("div", {
+		className: "tw-relative tw-box-border tw-w-[253px] tw-rounded-sm tw-bg-[var(--background-default)] tw-p-[8px_7px]",
+		ref: overlayRef,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "tw-flex tw-items-center tw-text-xs",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: cn("tw-mr-2 tw-box-border tw-h-[21px] tw-w-[21px] tw-cursor-pointer tw-border tw-border-solid tw-border-[var(--background-default)]", { "tw-border-[var(--border-neutral-strong)]": defaultColor === value }),
+					onClick: () => {
+						if (disabled) return;
+						if (defaultColor === value) return;
+						onColorSelect(defaultColor);
+					},
+					children: /* @__PURE__ */ jsx("div", {
+						className: "tw-size-full",
+						style: { backgroundColor: defaultColor }
+					})
+				}), t.ColorPicker.default]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "tw-mt-1.5 tw-text-xs",
+				children: [/* @__PURE__ */ jsx("p", { children: t.ColorPicker.standardColor }), /* @__PURE__ */ jsx("div", {
+					className: "tw-mt-0.5 tw-flex tw-flex-wrap tw-justify-evenly tw-gap-[4px_2px] tw-text-[0px]",
+					children: colors.map((color) => {
+						const isSelected = color === value;
+						return /* @__PURE__ */ jsx("div", {
+							className: cn("tw-box-border tw-h-[21px] tw-w-[21px] tw-cursor-pointer tw-border tw-border-solid tw-border-[var(--background-default)]", { "tw-border-[var(--border-neutral-strong)]": isSelected }),
+							onClick: () => {
+								if (color === value) return;
+								onColorSelect(color);
+							},
+							style: { borderColor: isSelected ? "var(--border-neutral-strong)" : specialColors.includes(color) ? "var(--alias-colors-border-subtle)" : color },
+							children: /* @__PURE__ */ jsx("div", {
+								className: cn("tw-h-full tw-w-full", { "tw-m-px tw-h-[17px] tw-w-[17px]": isSelected }),
+								style: { backgroundColor: color }
+							})
+						}, color);
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "tw-mt-1.5 tw-text-xs",
+				children: [/* @__PURE__ */ jsx("p", { children: t.ColorPicker.recentlyUsed }), /* @__PURE__ */ jsx("div", {
+					className: "tw-mt-0.5 tw-flex tw-flex-wrap tw-justify-start tw-gap-[4px_2px] tw-text-[0px]",
+					children: recentColors.map((color) => {
+						const isSelected = color === value;
+						return /* @__PURE__ */ jsx("div", {
+							className: cn("tw-box-border tw-h-[21px] tw-w-[21px] tw-cursor-pointer tw-border tw-border-solid tw-border-[var(--background-default)]", { "tw-border-[var(--border-neutral-strong)]": isSelected }),
+							onClick: () => {
+								if (color === value) return;
+								onColorSelect(color);
+							},
+							style: { borderColor: isSelected ? "var(--border-neutral-strong)" : specialColors.includes(color) ? "var(--alias-colors-border-subtle)" : color },
+							children: /* @__PURE__ */ jsx("div", {
+								className: cn("tw-h-full tw-w-full", { "tw-m-px tw-h-[17px] tw-w-[17px]": isSelected }),
+								style: { backgroundColor: color }
+							})
+						}, color);
+					})
+				})]
+			})
+		]
+	});
+	if (mode === "simple") return /* @__PURE__ */ jsx("div", {
+		className: cn(className, "tw-relative tw-w-14", { "tw-cursor-default [&_.ald-color-picker-wrapper]:tw-cursor-default": disabled }),
+		ref: wrapRef,
+		children: /* @__PURE__ */ jsx(Dropdown, {
+			trigger: "click",
+			open,
+			disabled,
+			placement: "bottom-start",
+			overlayClassName: "ald-color-picker-overlay-wrapper",
+			dropdownRender: () => {
+				return overlay;
+			},
+			children: /* @__PURE__ */ jsxs("div", {
+				className: cn("ald-color-picker-wrapper", "tw-flex tw-flex-row tw-items-center tw-justify-between tw-gap-1 tw-h-7 tw-px-2.5 tw-py-1.5 tw-bg-[var(--background-default)] tw-border tw-border-solid tw-border-[var(--interaction-border-neutral-normal)] tw-box-border tw-cursor-pointer tw-rounded tw-text-[var(--content-primary)] tw-transition-[border] tw-duration-500 tw-ease-in-out", {
+					"tw-border-[var(--interaction-border-normal)]": open && bordered !== false,
+					"tw-border-[var(--interaction-border-neutral-normal)] tw-bg-[var(--global-cool-gray-alpha-50)]": disabled,
+					"tw-border-transparent": bordered === false,
+					"hover:tw-border-[var(--interaction-border-normal)]": !disabled && bordered !== false,
+					"hover:tw-border-transparent": bordered === false
+				}),
+				onClick: (e) => {
+					if (disabled) e.stopPropagation();
+				},
+				children: [icon ? /* @__PURE__ */ jsxs("div", {
+					className: "tw-relative -tw-top-px",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "tw-mb-px",
+						children: icon
+					}), /* @__PURE__ */ jsx("div", {
+						className: "tw-absolute tw-bottom-[3px] tw-left-1/2 tw-h-0.5 tw-w-2.5 -tw-translate-x-1/2",
+						style: { backgroundColor: value ?? "#4B5563" }
+					})]
+				}) : /* @__PURE__ */ jsxs("div", {
+					className: "tw-relative -tw-top-px tw-ml-0.5 tw-mr-[3px]",
+					children: ["A", /* @__PURE__ */ jsx("div", {
+						className: "tw-absolute tw-bottom-[3px] tw-h-0.5 tw-w-2.5",
+						style: { backgroundColor: value ?? "#4B5563" }
+					})]
+				}), /* @__PURE__ */ jsx(Memo, {
+					size: 14,
+					color: "var(--alias-colors-icon-subtle)"
+				})]
+			})
+		})
+	});
+	if (mode === "complex") return /* @__PURE__ */ jsx(ColorPicker$1, { ...complexModeProps });
+	return null;
+}
+//#endregion
+export { ColorPicker as default };
+
+//# sourceMappingURL=index.js.map

package/dist/ColorPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/ColorPicker/index.tsx"],"sourcesContent":["import { cn as cls } from '../lib/utils';\nimport React, { useContext, useEffect, useRef, useState } from 'react';\nimport Dropdown from '../Dropdown';\nimport { FoldDownFill } from '../Icon';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport { colors as defaultColors, specialColors } from './constant';\nimport type { ColorPickerProps } from './interface';\nimport InnerColorPicker from './ComplexColorPicker';\nimport './color-picker.css';\n\nexport interface IColorPickerProps {\n  className?: string;\n  value?: string;\n  defaultColor?: string;\n  localStorageKey?: string;\n  onChange?: (color: string) => void;\n  icon?: React.ReactNode;\n  bordered?: boolean;\n  disabled?: boolean;\n  mode?: 'simple' | 'complex';\n  complexModeProps?: ColorPickerProps;\n}\n\nfunction getLocalRecentColors(localStorageKey: string) {\n  if (!window.localStorage) {\n    return [];\n  }\n  const colorStr = localStorage.getItem(localStorageKey);\n  if (!colorStr) {\n    return [];\n  }\n\n  return colorStr.split(',');\n}\n\nfunction setLocalRecentColors(localStorageKey: string, colors: string[]) {\n  if (!window.localStorage) {\n    return;\n  }\n  localStorage.setItem(localStorageKey, colors.join(','));\n}\n\nconst MAX_RECENT_COLORS = 10;\nexport default function ColorPicker({\n  className,\n  value,\n  icon,\n  onChange,\n  defaultColor = defaultColors[0],\n  localStorageKey = 'ald_recent_colors',\n  disabled = false,\n  mode = 'simple',\n  complexModeProps,\n  bordered = true,\n}: IColorPickerProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const [open, setOpen] = useState(false);\n  const [recentColors, setRecentColors] = useState<string[]>([]);\n  const overlayRef = useRef<HTMLDivElement>(null);\n  const wrapRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    setRecentColors(getLocalRecentColors(localStorageKey));\n  }, [localStorageKey]);\n\n  const onColorSelect = (color: string) => {\n    const newRecentColors = [color, ...recentColors.filter((c) => c !== color)];\n    if (newRecentColors.length > MAX_RECENT_COLORS) {\n      newRecentColors.pop();\n    }\n\n    setRecentColors(newRecentColors);\n    setLocalRecentColors(localStorageKey, newRecentColors);\n    onChange?.(color);\n    setOpen(false);\n  };\n\n  useEffect(() => {\n    const handleClick = (e: MouseEvent) => {\n      if (wrapRef.current?.contains(e.target as Node)) {\n        return setOpen(!open);\n      }\n      if (!overlayRef.current?.contains(e.target as Node)) {\n        return setOpen(false);\n      }\n    };\n\n    document.addEventListener('click', handleClick);\n\n    return () => {\n      document.removeEventListener('click', handleClick);\n    };\n  }, [open]);\n\n  const overlay = (\n    <div\n      className=\"tw-relative tw-box-border tw-w-[253px] tw-rounded-sm tw-bg-[var(--background-default)] tw-p-[8px_7px]\"\n      ref={overlayRef}\n    >\n      <div className=\"tw-flex tw-items-center tw-text-xs\">\n        <div\n          className={cls(\n            'tw-mr-2 tw-box-border tw-h-[21px] tw-w-[21px] tw-cursor-pointer tw-border tw-border-solid tw-border-[var(--background-default)]',\n            {\n              'tw-border-[var(--border-neutral-strong)]':\n                defaultColor === value,\n            },\n          )}\n          onClick={() => {\n            if (disabled) return;\n            if (defaultColor === value) return;\n            onColorSelect(defaultColor);\n          }}\n        >\n          <div\n            className=\"tw-size-full\"\n            style={{ backgroundColor: defaultColor }}\n          />\n        </div>\n        {t.ColorPicker.default}\n      </div>\n      <div className=\"tw-mt-1.5 tw-text-xs\">\n        <p>{t.ColorPicker.standardColor}</p>\n        <div className=\"tw-mt-0.5 tw-flex tw-flex-wrap tw-justify-evenly tw-gap-[4px_2px] tw-text-[0px]\">\n          {defaultColors.map((color) => {\n            const isSelected = color === value;\n            return (\n              <div\n                key={color}\n                className={cls(\n                  'tw-box-border tw-h-[21px] tw-w-[21px] tw-cursor-pointer tw-border tw-border-solid tw-border-[var(--background-default)]',\n                  {\n                    'tw-border-[var(--border-neutral-strong)]': isSelected,\n                  },\n                )}\n                onClick={() => {\n                  if (color === value) return;\n                  onColorSelect(color);\n                }}\n                style={{\n                  borderColor: isSelected\n                    ? 'var(--border-neutral-strong)'\n                    : specialColors.includes(color)\n                    ? 'var(--alias-colors-border-subtle)'\n                    : color,\n                }}\n              >\n                <div\n                  className={cls('tw-h-full tw-w-full', {\n                    'tw-m-px tw-h-[17px] tw-w-[17px]': isSelected,\n                  })}\n                  style={{ backgroundColor: color }}\n                />\n              </div>\n            );\n          })}\n        </div>\n      </div>\n      <div className=\"tw-mt-1.5 tw-text-xs\">\n        <p>{t.ColorPicker.recentlyUsed}</p>\n        <div className=\"tw-mt-0.5 tw-flex tw-flex-wrap tw-justify-start tw-gap-[4px_2px] tw-text-[0px]\">\n          {recentColors.map((color) => {\n            const isSelected = color === value;\n            return (\n              <div\n                key={color}\n                className={cls(\n                  'tw-box-border tw-h-[21px] tw-w-[21px] tw-cursor-pointer tw-border tw-border-solid tw-border-[var(--background-default)]',\n                  {\n                    'tw-border-[var(--border-neutral-strong)]': isSelected,\n                  },\n                )}\n                onClick={() => {\n                  if (color === value) return;\n                  onColorSelect(color);\n                }}\n                style={{\n                  borderColor: isSelected\n                    ? 'var(--border-neutral-strong)'\n                    : specialColors.includes(color)\n                    ? 'var(--alias-colors-border-subtle)'\n                    : color,\n                }}\n              >\n                <div\n                  className={cls('tw-h-full tw-w-full', {\n                    'tw-m-px tw-h-[17px] tw-w-[17px]': isSelected,\n                  })}\n                  style={{ backgroundColor: color }}\n                />\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    </div>\n  );\n  if (mode === 'simple') {\n    return (\n      <div\n        className={cls(className, 'tw-relative tw-w-14', {\n          'tw-cursor-default [&_.ald-color-picker-wrapper]:tw-cursor-default':\n            disabled,\n        })}\n        ref={wrapRef}\n      >\n        <Dropdown\n          trigger={'click'}\n          open={open}\n          disabled={disabled}\n          placement={'bottom-start'}\n          overlayClassName={'ald-color-picker-overlay-wrapper'}\n          dropdownRender={() => {\n            return overlay;\n          }}\n        >\n          <div\n            className={cls(\n              'ald-color-picker-wrapper',\n              'tw-flex tw-flex-row tw-items-center tw-justify-between tw-gap-1 tw-h-7 tw-px-2.5 tw-py-1.5 tw-bg-[var(--background-default)] tw-border tw-border-solid tw-border-[var(--interaction-border-neutral-normal)] tw-box-border tw-cursor-pointer tw-rounded tw-text-[var(--content-primary)] tw-transition-[border] tw-duration-500 tw-ease-in-out',\n              {\n                'tw-border-[var(--interaction-border-normal)]':\n                  open && bordered !== false,\n                'tw-border-[var(--interaction-border-neutral-normal)] tw-bg-[var(--global-cool-gray-alpha-50)]':\n                  disabled,\n                'tw-border-transparent': bordered === false,\n                'hover:tw-border-[var(--interaction-border-normal)]':\n                  !disabled && bordered !== false,\n                'hover:tw-border-transparent': bordered === false,\n              },\n            )}\n            onClick={(e) => {\n              if (disabled) {\n                e.stopPropagation();\n              }\n            }}\n          >\n            {icon ? (\n              <div className=\"tw-relative -tw-top-px\">\n                <div className=\"tw-mb-px\">{icon}</div>\n                <div\n                  className=\"tw-absolute tw-bottom-[3px] tw-left-1/2 tw-h-0.5 tw-w-2.5 -tw-translate-x-1/2\"\n                  style={{ backgroundColor: value ?? '#4B5563' }}\n                />\n              </div>\n            ) : (\n              <div className=\"tw-relative -tw-top-px tw-ml-0.5 tw-mr-[3px]\">\n                A\n                <div\n                  className=\"tw-absolute tw-bottom-[3px] tw-h-0.5 tw-w-2.5\"\n                  style={{ backgroundColor: value ?? '#4B5563' }}\n                />\n              </div>\n            )}\n            <FoldDownFill size={14} color={'var(--alias-colors-icon-subtle)'} />\n          </div>\n        </Dropdown>\n      </div>\n    );\n  }\n  if (mode === 'complex') {\n    return <InnerColorPicker {...complexModeProps} />;\n  }\n\n  return null;\n}\n"],"mappings":"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"}

package/dist/ColorPicker/interface.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import type { ColorGenInput, ColorPickerProps as RcColorPickerProps } from '@rc-component/color-picker';
-import type { PopoverProps } from '../Popover';
-import type { AggregationColor } from './color';
+import { default as React } from 'react';
+import { ColorGenInput, ColorPickerProps as RcColorPickerProps } from '@rc-component/color-picker';
+import { PopoverProps } from '../Popover';
+import { AggregationColor } from './color.js';
 import { ITooltipProps } from '../Tooltip';
 import { SizeType } from '../ConfigProvider/sizeContext';
 export type { ColorGenInput };
@@ -32,4 +32,7 @@ export type ColorPickerProps = Omit<RcColorPickerProps, 'onChange' | 'value' | '
     onOpenChange?: (open: boolean) => void;
     onChange?: (value: AggregationColor, css: string) => void;
     onChangeComplete?: (value: AggregationColor) => void;
-} & Pick<PopoverProps, 'getPopupContainer' | 'autoAdjustOverflow' | 'destroyTooltipOnHide'>;
+} & Pick<PopoverProps, 'getPopupContainer'> & {
+    autoAdjustOverflow?: boolean;
+    destroyTooltipOnHide?: boolean;
+};

package/dist/ColorPicker/interface.js

@@ -1,8 +1,11 @@
-export var ColorFormat = /*#__PURE__*/function (ColorFormat) {
-  ColorFormat["hex"] = "hex";
-  ColorFormat["rgb"] = "rgb";
-  ColorFormat["hsb"] = "hsb";
-  return ColorFormat;
+//#region src/ColorPicker/interface.ts
+var ColorFormat = /* @__PURE__ */ function(ColorFormat) {
+	ColorFormat["hex"] = "hex";
+	ColorFormat["rgb"] = "rgb";
+	ColorFormat["hsb"] = "hsb";
+	return ColorFormat;
 }({});
+//#endregion
+export { ColorFormat };
 
-// Alias, to prevent breaking changes.
+//# sourceMappingURL=interface.js.map

package/dist/ColorPicker/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","names":[],"sources":["../../src/ColorPicker/interface.ts"],"sourcesContent":["import React from 'react';\nimport type {\n  ColorGenInput,\n  ColorPickerProps as RcColorPickerProps,\n} from '@rc-component/color-picker';\n\nimport type { PopoverProps } from '../Popover';\nimport type { AggregationColor } from './color';\nimport { ITooltipProps } from '../Tooltip';\nimport { SizeType } from '../ConfigProvider/sizeContext';\n\nexport type { ColorGenInput };\n\nexport type Colors<T> = {\n  color: ColorGenInput<T>;\n  percent: number;\n}[];\n\nexport enum ColorFormat {\n  hex = 'hex',\n  rgb = 'rgb',\n  hsb = 'hsb',\n}\n\nexport type ColorFormatType = keyof typeof ColorFormat;\n\nexport type TriggerType = 'click' | 'hover';\n\nexport type TriggerPlacement = ITooltipProps['placement']; // Alias, to prevent breaking changes.\n\nexport type SingleValueType = AggregationColor | string;\n\nexport type ColorValueType = SingleValueType | null;\n\nexport type ColorPickerProps = Omit<\n  RcColorPickerProps,\n  | 'onChange'\n  | 'value'\n  | 'defaultValue'\n  | 'panelRender'\n  | 'disabledAlpha'\n  | 'onChangeComplete'\n  | 'components'\n> & {\n  value?: ColorValueType;\n  size?: SizeType;\n  defaultValue?: ColorValueType;\n  children?: React.ReactNode;\n  open?: boolean;\n  disabled?: boolean;\n  placement?: TriggerPlacement;\n  trigger?: TriggerType;\n  disabledAlpha?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onChange?: (value: AggregationColor, css: string) => void;\n  onChangeComplete?: (value: AggregationColor) => void;\n} & Pick<PopoverProps, 'getPopupContainer'> & {\n    autoAdjustOverflow?: boolean;\n    destroyTooltipOnHide?: boolean;\n  };\n"],"mappings":";AAkBA,IAAY,cAAL,yBAAA,aAAA;AACL,aAAA,SAAA;AACA,aAAA,SAAA;AACA,aAAA,SAAA;;KACD"}

package/dist/ColorPicker/util.d.ts

@@ -1,6 +1,6 @@
-import type { ColorGenInput } from '@rc-component/color-picker';
-import { AggregationColor } from './color';
-import type { ColorValueType } from './interface';
+import { ColorGenInput } from '@rc-component/color-picker';
+import { AggregationColor } from './color.js';
+import { ColorValueType } from './interface.js';
 export declare const generateColor: (color: ColorGenInput<AggregationColor> | Exclude<ColorValueType, null>) => AggregationColor;
 export declare const getRoundNumber: (value: number | string) => number;
 export declare const getColorAlpha: (color: AggregationColor) => number;

package/dist/ColorPicker/util.js

@@ -1,65 +1,24 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-import { Color as RcColor } from '@rc-component/color-picker';
-import { AggregationColor } from "./color";
-export var generateColor = function generateColor(color) {
-  if (color instanceof AggregationColor) {
-    return color;
-  }
-  return new AggregationColor(color);
+import { AggregationColor } from "./color.js";
+import "@rc-component/color-picker";
+//#region src/ColorPicker/util.ts
+var generateColor = (color) => {
+	if (color instanceof AggregationColor) return color;
+	return new AggregationColor(color);
 };
-export var getRoundNumber = function getRoundNumber(value) {
-  return Math.round(Number(value || 0));
-};
-export var getColorAlpha = function getColorAlpha(color) {
-  return getRoundNumber(color.toHsb().a * 100);
-};
-
+var getRoundNumber = (value) => Math.round(Number(value || 0));
+var getColorAlpha = (color) => getRoundNumber(color.toHsb().a * 100);
 /** Return the color whose `alpha` is 1 */
-export var genAlphaColor = function genAlphaColor(color, alpha) {
-  var rgba = color.toRgb();
-
-  // Color from hsb input may get `rgb` is (0/0/0) when `hsb.b` is 0
-  // So if rgb is empty, we should get from hsb
-  if (!rgba.r && !rgba.g && !rgba.b) {
-    var hsba = color.toHsb();
-    hsba.a = alpha || 1;
-    return generateColor(hsba);
-  }
-  rgba.a = alpha || 1;
-  return generateColor(rgba);
+var genAlphaColor = (color, alpha) => {
+	const rgba = color.toRgb();
+	if (!rgba.r && !rgba.g && !rgba.b) {
+		const hsba = color.toHsb();
+		hsba.a = alpha || 1;
+		return generateColor(hsba);
+	}
+	rgba.a = alpha || 1;
+	return generateColor(rgba);
 };
+//#endregion
+export { genAlphaColor, generateColor, getColorAlpha, getRoundNumber };
 
-/**
- * Get percent position color. e.g. [10%-#fff, 20%-#000], 15% => #888
- */
-export var getGradientPercentColor = function getGradientPercentColor(colors, percent) {
-  var filledColors = [{
-    percent: 0,
-    color: colors[0].color
-  }].concat(_toConsumableArray(colors), [{
-    percent: 100,
-    color: colors[colors.length - 1].color
-  }]);
-  for (var i = 0; i < filledColors.length - 1; i += 1) {
-    var startPtg = filledColors[i].percent;
-    var endPtg = filledColors[i + 1].percent;
-    var startColor = filledColors[i].color;
-    var endColor = filledColors[i + 1].color;
-    if (startPtg <= percent && percent <= endPtg) {
-      var dist = endPtg - startPtg;
-      if (dist === 0) {
-        return startColor;
-      }
-      var ratio = (percent - startPtg) / dist * 100;
-      var startRcColor = new RcColor(startColor);
-      var endRcColor = new RcColor(endColor);
-      return startRcColor.mix(endRcColor, ratio).toRgbString();
-    }
-  }
-  return '';
-};
+//# sourceMappingURL=util.js.map

package/dist/ColorPicker/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","names":[],"sources":["../../src/ColorPicker/util.ts"],"sourcesContent":["import type { ColorGenInput } from '@rc-component/color-picker';\nimport { Color as RcColor } from '@rc-component/color-picker';\n\nimport { AggregationColor } from './color';\nimport type { ColorValueType } from './interface';\n\nexport const generateColor = (\n  color: ColorGenInput<AggregationColor> | Exclude<ColorValueType, null>,\n): AggregationColor => {\n  if (color instanceof AggregationColor) {\n    return color;\n  }\n\n  return new AggregationColor(color);\n};\n\nexport const getRoundNumber = (value: number | string) =>\n  Math.round(Number(value || 0));\n\nexport const getColorAlpha = (color: AggregationColor) =>\n  getRoundNumber(color.toHsb().a * 100);\n\n/** Return the color whose `alpha` is 1 */\nexport const genAlphaColor = (color: AggregationColor, alpha?: number) => {\n  const rgba = color.toRgb();\n\n  // Color from hsb input may get `rgb` is (0/0/0) when `hsb.b` is 0\n  // So if rgb is empty, we should get from hsb\n  if (!rgba.r && !rgba.g && !rgba.b) {\n    const hsba = color.toHsb();\n    hsba.a = alpha || 1;\n\n    return generateColor(hsba);\n  }\n\n  rgba.a = alpha || 1;\n\n  return generateColor(rgba);\n};\n\n/**\n * Get percent position color. e.g. [10%-#fff, 20%-#000], 15% => #888\n */\nexport const getGradientPercentColor = (\n  colors: { percent: number; color: string }[],\n  percent: number,\n): string => {\n  const filledColors = [\n    {\n      percent: 0,\n      color: colors[0].color,\n    },\n    ...colors,\n    {\n      percent: 100,\n      color: colors[colors.length - 1].color,\n    },\n  ];\n\n  for (let i = 0; i < filledColors.length - 1; i += 1) {\n    const startPtg = filledColors[i].percent;\n    const endPtg = filledColors[i + 1].percent;\n    const startColor = filledColors[i].color;\n    const endColor = filledColors[i + 1].color;\n\n    if (startPtg <= percent && percent <= endPtg) {\n      const dist = endPtg - startPtg;\n      if (dist === 0) {\n        return startColor;\n      }\n\n      const ratio = ((percent - startPtg) / dist) * 100;\n      const startRcColor = new RcColor(startColor);\n      const endRcColor = new RcColor(endColor);\n\n      return startRcColor.mix(endRcColor, ratio).toRgbString();\n    }\n  }\n\n  return '';\n};\n"],"mappings":";;;AAMA,IAAa,iBACX,UACqB;AACrB,KAAI,iBAAiB,iBACnB,QAAO;AAGT,QAAO,IAAI,iBAAiB,MAAM;;AAGpC,IAAa,kBAAkB,UAC7B,KAAK,MAAM,OAAO,SAAS,EAAE,CAAC;AAEhC,IAAa,iBAAiB,UAC5B,eAAe,MAAM,OAAO,CAAC,IAAI,IAAI;;AAGvC,IAAa,iBAAiB,OAAyB,UAAmB;CACxE,MAAM,OAAO,MAAM,OAAO;AAI1B,KAAI,CAAC,KAAK,KAAK,CAAC,KAAK,KAAK,CAAC,KAAK,GAAG;EACjC,MAAM,OAAO,MAAM,OAAO;AAC1B,OAAK,IAAI,SAAS;AAElB,SAAO,cAAc,KAAK;;AAG5B,MAAK,IAAI,SAAS;AAElB,QAAO,cAAc,KAAK"}

package/dist/ConfigProvider/DisabledContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const DisabledContext: import('react').Context<boolean | undefined>;
+export default DisabledContext;

package/dist/ConfigProvider/DisabledContext.js

@@ -0,0 +1,7 @@
+import { createContext } from "react";
+//#region src/ConfigProvider/DisabledContext.tsx
+var DisabledContext = createContext(void 0);
+//#endregion
+export { DisabledContext as default };
+
+//# sourceMappingURL=DisabledContext.js.map

package/dist/ConfigProvider/DisabledContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisabledContext.js","names":[],"sources":["../../src/ConfigProvider/DisabledContext.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nconst DisabledContext = createContext<boolean | undefined>(undefined);\n\nexport default DisabledContext;\n"],"mappings":";;AAEA,IAAM,kBAAkB,cAAmC,OAAU"}

package/dist/ConfigProvider/getUserList.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { TUserGroupValue, TUserValue } from '../MemberPicker/interface';
+import * as React from 'react';
 export declare enum EUserType {
     USER = "USER",
     USER_GROUP = "USER_GROUP"