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

package/dist/Popover/index.js

@@ -1,19 +1,94 @@
-var _excluded = ["overlayClassName", "children", "arrow"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Popover as AntdPopover } from 'antd';
-import classnames from 'classnames';
-import React from 'react';
+import { cn } from "../lib/utils.js";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+//#region src/Popover/index.tsx
+var placementMap = {
+	top: "top",
+	bottom: "bottom",
+	left: "left",
+	right: "right",
+	topLeft: "top",
+	topRight: "top",
+	bottomLeft: "bottom",
+	bottomRight: "bottom",
+	leftTop: "left",
+	leftBottom: "left",
+	rightTop: "right",
+	rightBottom: "right"
+};
+var alignMap = {
+	topLeft: "start",
+	topRight: "end",
+	bottomLeft: "start",
+	bottomRight: "end",
+	leftTop: "start",
+	leftBottom: "end",
+	rightTop: "start",
+	rightBottom: "end"
+};
+function normalizeTrigger(trigger) {
+	if (Array.isArray(trigger)) return new Set(trigger);
+	if (trigger) return new Set([trigger]);
+	return new Set(["hover"]);
+}
 function Popover(props) {
-  var overlayClassName = props.overlayClassName,
-    children = props.children,
-    _props$arrow = props.arrow,
-    arrow = _props$arrow === void 0 ? false : _props$arrow,
-    restProps = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement(AntdPopover, _extends({
-    overlayClassName: classnames('ald-popover', overlayClassName),
-    arrow: arrow
-  }, restProps), children);
+	const { content, title, children, open, defaultOpen, onOpenChange, trigger = "hover", placement = "top", overlayClassName, overlayStyle, arrow = false, getPopupContainer, zIndex } = props;
+	const containerRef = React.useRef(getPopupContainer?.());
+	const [hoverOpen, setHoverOpen] = React.useState(false);
+	const triggers = normalizeTrigger(trigger);
+	const isControlled = open !== void 0;
+	const isHoverTrigger = triggers.has("hover");
+	const isOpen = isControlled ? open : isHoverTrigger ? hoverOpen : triggers.size === 0 ? false : void 0;
+	const handleOpenChange = (val) => {
+		if (!isControlled && isHoverTrigger) setHoverOpen(val);
+		onOpenChange?.(val);
+	};
+	const side = placementMap[placement] || "top";
+	const align = alignMap[placement] || "center";
+	const triggerChild = React.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+	if (triggers.size === 0 && !isControlled) return /* @__PURE__ */ jsx(Fragment, { children });
+	return /* @__PURE__ */ jsxs(PopoverPrimitive.Root, {
+		open: isOpen,
+		defaultOpen,
+		onOpenChange: handleOpenChange,
+		children: [/* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
+			asChild: true,
+			children: isHoverTrigger ? /* @__PURE__ */ jsx("span", {
+				onMouseEnter: () => handleOpenChange(true),
+				onMouseLeave: () => handleOpenChange(false),
+				children: triggerChild
+			}) : triggerChild
+		}), /* @__PURE__ */ jsx(PopoverPrimitive.Portal, {
+			container: containerRef.current,
+			children: /* @__PURE__ */ jsxs(PopoverPrimitive.Content, {
+				side,
+				align,
+				sideOffset: 4,
+				className: cn("ald-popover tw-z-50 tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--border-default-alpha)] tw-bg-[var(--alias-colors-bg-skeleton-subtler)] tw-p-3 tw-outline-none", "tw-animate-in tw-fade-in-0 tw-zoom-in-95", overlayClassName),
+				style: {
+					boxShadow: "var(--elevation-bottom-bottom-sm)",
+					zIndex,
+					...overlayStyle
+				},
+				onMouseEnter: isHoverTrigger ? () => handleOpenChange(true) : void 0,
+				onMouseLeave: isHoverTrigger ? () => handleOpenChange(false) : void 0,
+				children: [
+					title && /* @__PURE__ */ jsx("div", {
+						className: "ald-popover-title tw-mb-2 tw-text-sm tw-font-medium tw-text-[var(--content-primary)]",
+						children: title
+					}),
+					content && /* @__PURE__ */ jsx("div", {
+						className: "ald-popover-inner-content",
+						children: content
+					}),
+					arrow && /* @__PURE__ */ jsx(PopoverPrimitive.Arrow, { style: { fill: "var(--alias-colors-bg-skeleton-subtler, #fff)" } })
+				]
+			})
+		})]
+	});
 }
-export default Popover;
+//#endregion
+export { Popover as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Popover/index.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React from 'react';\nimport { cn } from '../lib/utils';\n\ntype TriggerType = 'hover' | 'click' | 'focus';\n\nexport interface PopoverProps {\n  content?: React.ReactNode;\n  title?: React.ReactNode;\n  children?: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  trigger?: TriggerType | TriggerType[];\n  placement?:\n    | 'top'\n    | 'bottom'\n    | 'left'\n    | 'right'\n    | 'topLeft'\n    | 'topRight'\n    | 'bottomLeft'\n    | 'bottomRight'\n    | 'leftTop'\n    | 'leftBottom'\n    | 'rightTop'\n    | 'rightBottom';\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  arrow?: boolean;\n  mouseEnterDelay?: number;\n  mouseLeaveDelay?: number;\n  className?: string;\n  style?: React.CSSProperties;\n  getPopupContainer?: () => HTMLElement;\n  zIndex?: number;\n}\n\nconst placementMap: Record<\n  string,\n  PopoverPrimitive.PopoverContentProps['side']\n> = {\n  top: 'top',\n  bottom: 'bottom',\n  left: 'left',\n  right: 'right',\n  topLeft: 'top',\n  topRight: 'top',\n  bottomLeft: 'bottom',\n  bottomRight: 'bottom',\n  leftTop: 'left',\n  leftBottom: 'left',\n  rightTop: 'right',\n  rightBottom: 'right',\n};\n\nconst alignMap: Record<string, PopoverPrimitive.PopoverContentProps['align']> =\n  {\n    topLeft: 'start',\n    topRight: 'end',\n    bottomLeft: 'start',\n    bottomRight: 'end',\n    leftTop: 'start',\n    leftBottom: 'end',\n    rightTop: 'start',\n    rightBottom: 'end',\n  };\n\nfunction normalizeTrigger(trigger: PopoverProps['trigger']): Set<TriggerType> {\n  if (Array.isArray(trigger)) return new Set(trigger);\n  if (trigger) return new Set([trigger]);\n  return new Set<TriggerType>(['hover']);\n}\n\nfunction Popover(props: PopoverProps) {\n  const {\n    content,\n    title,\n    children,\n    open,\n    defaultOpen,\n    onOpenChange,\n    trigger = 'hover',\n    placement = 'top',\n    overlayClassName,\n    overlayStyle,\n    arrow = false,\n    getPopupContainer,\n    zIndex,\n  } = props;\n\n  const containerRef = React.useRef<HTMLElement | undefined>(\n    getPopupContainer?.(),\n  );\n\n  const [hoverOpen, setHoverOpen] = React.useState(false);\n  const triggers = normalizeTrigger(trigger);\n\n  const isControlled = open !== undefined;\n  const isHoverTrigger = triggers.has('hover');\n  const isOpen = isControlled\n    ? open\n    : isHoverTrigger\n    ? hoverOpen\n    : triggers.size === 0\n    ? false\n    : undefined;\n\n  const handleOpenChange = (val: boolean) => {\n    if (!isControlled && isHoverTrigger) {\n      setHoverOpen(val);\n    }\n    onOpenChange?.(val);\n  };\n\n  const side = placementMap[placement] || 'top';\n  const align = alignMap[placement] || 'center';\n\n  const triggerChild = React.isValidElement(children) ? (\n    children\n  ) : (\n    <span>{children}</span>\n  );\n\n  if (triggers.size === 0 && !isControlled) {\n    return <>{children}</>;\n  }\n\n  return (\n    <PopoverPrimitive.Root\n      open={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={handleOpenChange}\n    >\n      <PopoverPrimitive.Trigger asChild>\n        {isHoverTrigger ? (\n          <span\n            onMouseEnter={() => handleOpenChange(true)}\n            onMouseLeave={() => handleOpenChange(false)}\n          >\n            {triggerChild}\n          </span>\n        ) : (\n          triggerChild\n        )}\n      </PopoverPrimitive.Trigger>\n      <PopoverPrimitive.Portal container={containerRef.current}>\n        <PopoverPrimitive.Content\n          side={side}\n          align={align}\n          sideOffset={4}\n          className={cn(\n            'ald-popover tw-z-50 tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--border-default-alpha)] tw-bg-[var(--alias-colors-bg-skeleton-subtler)] tw-p-3 tw-outline-none',\n            'tw-animate-in tw-fade-in-0 tw-zoom-in-95',\n            overlayClassName,\n          )}\n          style={{\n            boxShadow: 'var(--elevation-bottom-bottom-sm)',\n            zIndex,\n            ...overlayStyle,\n          }}\n          onMouseEnter={\n            isHoverTrigger ? () => handleOpenChange(true) : undefined\n          }\n          onMouseLeave={\n            isHoverTrigger ? () => handleOpenChange(false) : undefined\n          }\n        >\n          {title && (\n            <div className=\"ald-popover-title tw-mb-2 tw-text-sm tw-font-medium tw-text-[var(--content-primary)]\">\n              {title}\n            </div>\n          )}\n          {content && (\n            <div className=\"ald-popover-inner-content\">{content}</div>\n          )}\n          {arrow && (\n            <PopoverPrimitive.Arrow\n              style={{ fill: 'var(--alias-colors-bg-skeleton-subtler, #fff)' }}\n            />\n          )}\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n}\n\nexport default Popover;\n"],"mappings":";;;;;AAsCA,IAAM,eAGF;CACF,KAAK;CACL,QAAQ;CACR,MAAM;CACN,OAAO;CACP,SAAS;CACT,UAAU;CACV,YAAY;CACZ,aAAa;CACb,SAAS;CACT,YAAY;CACZ,UAAU;CACV,aAAa;CACd;AAED,IAAM,WACJ;CACE,SAAS;CACT,UAAU;CACV,YAAY;CACZ,aAAa;CACb,SAAS;CACT,YAAY;CACZ,UAAU;CACV,aAAa;CACd;AAEH,SAAS,iBAAiB,SAAoD;AAC5E,KAAI,MAAM,QAAQ,QAAQ,CAAE,QAAO,IAAI,IAAI,QAAQ;AACnD,KAAI,QAAS,QAAO,IAAI,IAAI,CAAC,QAAQ,CAAC;AACtC,QAAO,IAAI,IAAiB,CAAC,QAAQ,CAAC;;AAGxC,SAAS,QAAQ,OAAqB;CACpC,MAAM,EACJ,SACA,OACA,UACA,MACA,aACA,cACA,UAAU,SACV,YAAY,OACZ,kBACA,cACA,QAAQ,OACR,mBACA,WACE;CAEJ,MAAM,eAAe,MAAM,OACzB,qBAAqB,CACtB;CAED,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,MAAM;CACvD,MAAM,WAAW,iBAAiB,QAAQ;CAE1C,MAAM,eAAe,SAAS;CAC9B,MAAM,iBAAiB,SAAS,IAAI,QAAQ;CAC5C,MAAM,SAAS,eACX,OACA,iBACA,YACA,SAAS,SAAS,IAClB,QACA;CAEJ,MAAM,oBAAoB,QAAiB;AACzC,MAAI,CAAC,gBAAgB,eACnB,cAAa,IAAI;AAEnB,iBAAe,IAAI;;CAGrB,MAAM,OAAO,aAAa,cAAc;CACxC,MAAM,QAAQ,SAAS,cAAc;CAErC,MAAM,eAAe,MAAM,eAAe,SAAS,GACjD,WAEA,oBAAC,QAAD,EAAO,UAAgB,CAAA;AAGzB,KAAI,SAAS,SAAS,KAAK,CAAC,aAC1B,QAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;AAGxB,QACE,qBAAC,iBAAiB,MAAlB;EACE,MAAM;EACO;EACb,cAAc;YAHhB,CAKE,oBAAC,iBAAiB,SAAlB;GAA0B,SAAA;aACvB,iBACC,oBAAC,QAAD;IACE,oBAAoB,iBAAiB,KAAK;IAC1C,oBAAoB,iBAAiB,MAAM;cAE1C;IACI,CAAA,GAEP;GAEuB,CAAA,EAC3B,oBAAC,iBAAiB,QAAlB;GAAyB,WAAW,aAAa;aAC/C,qBAAC,iBAAiB,SAAlB;IACQ;IACC;IACP,YAAY;IACZ,WAAW,GACT,gLACA,4CACA,iBACD;IACD,OAAO;KACL,WAAW;KACX;KACA,GAAG;KACJ;IACD,cACE,uBAAuB,iBAAiB,KAAK,GAAG;IAElD,cACE,uBAAuB,iBAAiB,MAAM,GAAG;cAlBrD;KAqBG,SACC,oBAAC,OAAD;MAAK,WAAU;gBACZ;MACG,CAAA;KAEP,WACC,oBAAC,OAAD;MAAK,WAAU;gBAA6B;MAAc,CAAA;KAE3D,SACC,oBAAC,iBAAiB,OAAlB,EACE,OAAO,EAAE,MAAM,iDAAiD,EAChE,CAAA;KAEqB;;GACH,CAAA,CACJ"}

package/dist/Progress/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 /**
  * 条状进度条组件
  */

package/dist/Progress/index.js

@@ -1,76 +1,48 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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 classNames from 'classnames';
-import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useState } from 'react';
-var ELoadingState = /*#__PURE__*/function (ELoadingState) {
-  ELoadingState["IDLE"] = "IDLE";
-  ELoadingState["LOADING"] = "LOADING";
-  ELoadingState["LOADED"] = "LOADED";
-  return ELoadingState;
+import { cn } from "../lib/utils.js";
+/* empty css         */
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Progress/index.tsx
+var ELoadingState = /* @__PURE__ */ function(ELoadingState) {
+	ELoadingState["IDLE"] = "IDLE";
+	ELoadingState["LOADING"] = "LOADING";
+	ELoadingState["LOADED"] = "LOADED";
+	return ELoadingState;
 }(ELoadingState || {});
 /**
- * 条状进度条组件
- */
-export default /*#__PURE__*/forwardRef(function Progress(props, ref) {
-  var _classNames2;
-  var loading = props.loading,
-    className = props.className;
-  var _useState = useState(ELoadingState.IDLE),
-    _useState2 = _slicedToArray(_useState, 2),
-    loadingState = _useState2[0],
-    setLoadingState = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    key = _useState4[0],
-    setKey = _useState4[1];
-  useImperativeHandle(ref, function () {
-    return {
-      restart: function restart() {
-        setKey(function (prev) {
-          return prev + 1;
-        });
-      }
-    };
-  });
-  useEffect(function () {
-    if (loadingState !== ELoadingState.IDLE) {
-      if (loadingState === ELoadingState.LOADING && !loading) {
-        // loading 变为 false 时，进度条开始消失
-        setLoadingState(ELoadingState.LOADED);
-      }
-      return;
-    }
-    // 防止 loading 快速变化导致的闪烁
-    var DELAY_TIME = 200;
-    var timer = setTimeout(function () {
-      if (loading) {
-        setLoadingState(ELoadingState.LOADING);
-      }
-    }, DELAY_TIME);
-    return function () {
-      if (timer) {
-        clearTimeout(timer);
-      }
-    };
-  }, [loading, loadingState]);
-  var onAnimationEnd = useCallback(function () {
-    if (loadingState === ELoadingState.LOADED) {
-      setLoadingState(ELoadingState.IDLE);
-    }
-  }, [loadingState]);
-  return /*#__PURE__*/React.createElement("div", {
-    key: key,
-    className: classNames('ald-progress-bar', className, _defineProperty({}, 'ald-progress-bar-show-bg', loadingState !== ELoadingState.IDLE))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames('ald-progress-bar-inner', (_classNames2 = {}, _defineProperty(_classNames2, 'ald-progress-bar-show-loading', loadingState === ELoadingState.LOADING), _defineProperty(_classNames2, 'ald-progress-bar-hide-loading', loadingState === ELoadingState.LOADED), _classNames2)),
-    onAnimationEnd: onAnimationEnd
-  }));
-});
+* 条状进度条组件
+*/
+var Progress_default = forwardRef(function Progress(props, ref) {
+	const { loading, className } = props;
+	const [loadingState, setLoadingState] = useState(ELoadingState.IDLE);
+	const [key, setKey] = useState(0);
+	useImperativeHandle(ref, () => ({ restart() {
+		setKey((prev) => prev + 1);
+	} }));
+	useEffect(() => {
+		if (loadingState !== ELoadingState.IDLE) {
+			if (loadingState === ELoadingState.LOADING && !loading) setLoadingState(ELoadingState.LOADED);
+			return;
+		}
+		const timer = setTimeout(() => {
+			if (loading) setLoadingState(ELoadingState.LOADING);
+		}, 200);
+		return () => {
+			if (timer) clearTimeout(timer);
+		};
+	}, [loading, loadingState]);
+	const onAnimationEnd = useCallback(() => {
+		if (loadingState === ELoadingState.LOADED) setLoadingState(ELoadingState.IDLE);
+	}, [loadingState]);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("ald-progress-bar tw-relative tw-h-[2px] tw-w-full tw-overflow-hidden", loadingState !== ELoadingState.IDLE && "ald-progress-bar-show-bg tw-bg-[var(--background-informative-subtle)]", className),
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("ald-progress-bar-inner tw-absolute tw-left-0 tw-top-0 tw-h-full tw-w-0 tw-bg-[var(--action-primary-normal)]", loadingState === ELoadingState.LOADING && "ald-progress-bar-show-loading tw-animate-[progress-loading_2s_ease-in-out_forwards]", loadingState === ELoadingState.LOADED && "ald-progress-bar-hide-loading tw-animate-[progress-loaded_0.5s_ease-out_forwards]"),
+			onAnimationEnd
+		})
+	}, key);
+});
+//#endregion
+export { Progress_default as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Progress/index.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react';\nimport { cn } from '../lib/utils';\nimport './progress.css';\n\nenum ELoadingState {\n  IDLE = 'IDLE',\n  LOADING = 'LOADING',\n  LOADED = 'LOADED',\n}\n\n/**\n * 条状进度条组件\n */\nexport default forwardRef(function Progress(props: IProps, ref) {\n  const { loading, className } = props;\n  const [loadingState, setLoadingState] = useState(ELoadingState.IDLE);\n  const [key, setKey] = useState(0);\n\n  useImperativeHandle(ref, () => ({\n    restart() {\n      setKey((prev) => prev + 1);\n    },\n  }));\n\n  useEffect(() => {\n    if (loadingState !== ELoadingState.IDLE) {\n      if (loadingState === ELoadingState.LOADING && !loading) {\n        setLoadingState(ELoadingState.LOADED);\n      }\n      return;\n    }\n    const DELAY_TIME = 200;\n    const timer = setTimeout(() => {\n      if (loading) {\n        setLoadingState(ELoadingState.LOADING);\n      }\n    }, DELAY_TIME);\n\n    return () => {\n      if (timer) {\n        clearTimeout(timer);\n      }\n    };\n  }, [loading, loadingState]);\n\n  const onAnimationEnd = useCallback(() => {\n    if (loadingState === ELoadingState.LOADED) {\n      setLoadingState(ELoadingState.IDLE);\n    }\n  }, [loadingState]);\n\n  return (\n    <div\n      key={key}\n      className={cn(\n        'ald-progress-bar tw-relative tw-h-[2px] tw-w-full tw-overflow-hidden',\n        loadingState !== ELoadingState.IDLE &&\n          'ald-progress-bar-show-bg tw-bg-[var(--background-informative-subtle)]',\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          'ald-progress-bar-inner tw-absolute tw-left-0 tw-top-0 tw-h-full tw-w-0 tw-bg-[var(--action-primary-normal)]',\n          loadingState === ELoadingState.LOADING &&\n            'ald-progress-bar-show-loading tw-animate-[progress-loading_2s_ease-in-out_forwards]',\n          loadingState === ELoadingState.LOADED &&\n            'ald-progress-bar-hide-loading tw-animate-[progress-loaded_0.5s_ease-out_forwards]',\n        )}\n        onAnimationEnd={onAnimationEnd}\n      />\n    </div>\n  );\n});\n\nexport interface IProps {\n  loading: boolean;\n  className?: string;\n}\n\nexport interface IProgressRef {\n  restart: () => void;\n}\n"],"mappings":";;;;;AAUA,IAAK,gBAAL,yBAAA,eAAA;AACE,eAAA,UAAA;AACA,eAAA,aAAA;AACA,eAAA,YAAA;;EAHG,iBAAA,EAAA,CAIJ;;;;AAKD,IAAA,mBAAe,WAAW,SAAS,SAAS,OAAe,KAAK;CAC9D,MAAM,EAAE,SAAS,cAAc;CAC/B,MAAM,CAAC,cAAc,mBAAmB,SAAS,cAAc,KAAK;CACpE,MAAM,CAAC,KAAK,UAAU,SAAS,EAAE;AAEjC,qBAAoB,YAAY,EAC9B,UAAU;AACR,UAAQ,SAAS,OAAO,EAAE;IAE7B,EAAE;AAEH,iBAAgB;AACd,MAAI,iBAAiB,cAAc,MAAM;AACvC,OAAI,iBAAiB,cAAc,WAAW,CAAC,QAC7C,iBAAgB,cAAc,OAAO;AAEvC;;EAGF,MAAM,QAAQ,iBAAiB;AAC7B,OAAI,QACF,iBAAgB,cAAc,QAAQ;KAHvB,IAKL;AAEd,eAAa;AACX,OAAI,MACF,cAAa,MAAM;;IAGtB,CAAC,SAAS,aAAa,CAAC;CAE3B,MAAM,iBAAiB,kBAAkB;AACvC,MAAI,iBAAiB,cAAc,OACjC,iBAAgB,cAAc,KAAK;IAEpC,CAAC,aAAa,CAAC;AAElB,QACE,oBAAC,OAAD;EAEE,WAAW,GACT,wEACA,iBAAiB,cAAc,QAC7B,yEACF,UACD;YAED,oBAAC,OAAD;GACE,WAAW,GACT,+GACA,iBAAiB,cAAc,WAC7B,uFACF,iBAAiB,cAAc,UAC7B,oFACH;GACe;GAChB,CAAA;EACE,EAlBC,IAkBD;EAER"}

package/dist/Radio/components/Group/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { IRadioGroupProps } from '../../interface/radioGroup';
-export declare const RadioGroupContext: React.Context<Omit<IRadioGroupProps, "children" | "className">>;
-export default function RadioGroup(props: IRadioGroupProps): React.JSX.Element;
+export declare const RadioGroupContext: React.Context<Omit<IRadioGroupProps, "className" | "children">>;
+export default function RadioGroup(props: IRadioGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/Radio/components/Group/index.js

@@ -1,63 +1,51 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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 classNames from 'classnames';
-import useMergedState from 'rc-util/lib/hooks/useMergedState';
-import React, { createContext } from 'react';
-import DisabledContext from 'antd/lib/config-provider/DisabledContext';
-export var RadioGroupContext = /*#__PURE__*/createContext({});
-export default function RadioGroup(props) {
-  var children = props.children,
-    _props$radioGroupStyl = props.radioGroupStyle,
-    radioGroupStyle = _props$radioGroupStyl === void 0 ? 'filled' : _props$radioGroupStyl,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'middle' : _props$size,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'radio' : _props$type,
-    className = props.className,
-    customDisabled = props.disabled;
-  // 该hooks与useState相同，但是当props中有value值时，优先使用value的值
-  var _useMergedState = useMergedState(props.defaultValue, {
-      value: props === null || props === void 0 ? void 0 : props.value
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    value = _useMergedState2[0],
-    setValue = _useMergedState2[1];
-  // ===================== Disabled =====================
-  var disabled = React.useContext(DisabledContext);
-  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  var onRadioChange = function onRadioChange(selectedValue) {
-    var lastValue = value;
-    setValue(selectedValue);
-    var onChange = props.onChange;
-    if (onChange && selectedValue !== lastValue) {
-      onChange(selectedValue);
-    }
-  };
-  var getWrapperClass = function getWrapperClass() {
-    var _classNames;
-    var isButton = ['button', 'iconButton'].includes(type);
-    var tempType = type === 'iconButton' ? 'icon-button' : type;
-    return classNames('ald-radio-group', className, "ald-radio-group-".concat(tempType), (_classNames = {}, _defineProperty(_classNames, "ald-radio-group-".concat(radioGroupStyle), isButton), _defineProperty(_classNames, "ald-radio-group-".concat(size), isButton), _classNames));
-  };
-  return /*#__PURE__*/React.createElement(RadioGroupContext.Provider, {
-    value: {
-      onChange: onRadioChange,
-      value: value,
-      radioGroupStyle: radioGroupStyle,
-      size: size,
-      type: type,
-      disabled: mergedDisabled
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: getWrapperClass()
-  }, children));
-}
+import { cn } from "../../../lib/utils.js";
+import DisabledContext from "../../../ConfigProvider/DisabledContext.js";
+import React, { createContext, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Radio/components/Group/index.tsx
+var RadioGroupContext = createContext({});
+function RadioGroup(props) {
+	const { children, radioGroupStyle = "filled", size = "middle", type = "radio", className, disabled: customDisabled } = props;
+	const isControlled = "value" in props && props.value !== void 0;
+	const [innerValue, setInnerValue] = useState(props.defaultValue);
+	useEffect(() => {
+		if (isControlled) setInnerValue(props.value);
+	}, [props.value, isControlled]);
+	const value = isControlled ? props.value : innerValue;
+	const setValue = (v) => {
+		if (!isControlled) setInnerValue(v);
+	};
+	const disabled = React.useContext(DisabledContext);
+	const mergedDisabled = customDisabled ?? disabled;
+	const onRadioChange = (selectedValue) => {
+		const lastValue = value;
+		setValue(selectedValue);
+		const { onChange } = props;
+		if (onChange && selectedValue !== lastValue) onChange(selectedValue);
+	};
+	const getWrapperClass = () => {
+		const isButton = ["button", "iconButton"].includes(type);
+		return cn("ald-radio-group", className, `ald-radio-group-${type === "iconButton" ? "icon-button" : type}`, {
+			[`ald-radio-group-${radioGroupStyle}`]: isButton,
+			[`ald-radio-group-${size}`]: isButton
+		});
+	};
+	return /* @__PURE__ */ jsx(RadioGroupContext.Provider, {
+		value: {
+			onChange: onRadioChange,
+			value,
+			radioGroupStyle,
+			size,
+			type,
+			disabled: mergedDisabled
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			className: getWrapperClass(),
+			children
+		})
+	});
+}
+//#endregion
+export { RadioGroupContext, RadioGroup as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Radio/components/Group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Radio/components/Group/index.tsx"],"sourcesContent":["import { cn } from '../../../lib/utils';\nimport React, { createContext, useEffect, useState } from 'react';\nimport DisabledContext from '../../../ConfigProvider/DisabledContext';\nimport { IRadioGroupProps } from '../../interface/radioGroup';\n\nexport const RadioGroupContext = createContext<\n  Omit<IRadioGroupProps, 'children' | 'className'>\n>({});\n\nexport default function RadioGroup(props: IRadioGroupProps) {\n  const {\n    children,\n    radioGroupStyle = 'filled',\n    size = 'middle',\n    type = 'radio',\n    className,\n    disabled: customDisabled,\n  } = props;\n  const isControlled = 'value' in props && props.value !== undefined;\n  const [innerValue, setInnerValue] = useState(props.defaultValue);\n\n  useEffect(() => {\n    if (isControlled) {\n      setInnerValue(props.value);\n    }\n  }, [props.value, isControlled]);\n\n  const value = isControlled ? props.value : innerValue;\n  const setValue = (v: any) => {\n    if (!isControlled) {\n      setInnerValue(v);\n    }\n  };\n  // ===================== Disabled =====================\n  const disabled = React.useContext(DisabledContext);\n  const mergedDisabled = customDisabled ?? disabled;\n  const onRadioChange = (selectedValue: any) => {\n    const lastValue = value;\n\n    setValue(selectedValue);\n    const { onChange } = props;\n    if (onChange && selectedValue !== lastValue) {\n      onChange(selectedValue);\n    }\n  };\n\n  const getWrapperClass = () => {\n    const isButton = ['button', 'iconButton'].includes(type);\n    const tempType = type === 'iconButton' ? 'icon-button' : type;\n    return cn('ald-radio-group', className, `ald-radio-group-${tempType}`, {\n      // 约束只能在type为button和iconbutton的时候才可以设置样式和大小\n      [`ald-radio-group-${radioGroupStyle}`]: isButton,\n      [`ald-radio-group-${size}`]: isButton,\n    });\n  };\n\n  return (\n    <RadioGroupContext.Provider\n      value={{\n        onChange: onRadioChange,\n        value,\n        radioGroupStyle,\n        size,\n        type,\n        disabled: mergedDisabled,\n      }}\n    >\n      <div className={getWrapperClass()}>{children}</div>\n    </RadioGroupContext.Provider>\n  );\n}\n"],"mappings":";;;;;AAKA,IAAa,oBAAoB,cAE/B,EAAE,CAAC;AAEL,SAAwB,WAAW,OAAyB;CAC1D,MAAM,EACJ,UACA,kBAAkB,UAClB,OAAO,UACP,OAAO,SACP,WACA,UAAU,mBACR;CACJ,MAAM,eAAe,WAAW,SAAS,MAAM,UAAU;CACzD,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM,aAAa;AAEhE,iBAAgB;AACd,MAAI,aACF,eAAc,MAAM,MAAM;IAE3B,CAAC,MAAM,OAAO,aAAa,CAAC;CAE/B,MAAM,QAAQ,eAAe,MAAM,QAAQ;CAC3C,MAAM,YAAY,MAAW;AAC3B,MAAI,CAAC,aACH,eAAc,EAAE;;CAIpB,MAAM,WAAW,MAAM,WAAW,gBAAgB;CAClD,MAAM,iBAAiB,kBAAkB;CACzC,MAAM,iBAAiB,kBAAuB;EAC5C,MAAM,YAAY;AAElB,WAAS,cAAc;EACvB,MAAM,EAAE,aAAa;AACrB,MAAI,YAAY,kBAAkB,UAChC,UAAS,cAAc;;CAI3B,MAAM,wBAAwB;EAC5B,MAAM,WAAW,CAAC,UAAU,aAAa,CAAC,SAAS,KAAK;AAExD,SAAO,GAAG,mBAAmB,WAAW,mBADvB,SAAS,eAAe,gBAAgB,QACc;IAEpE,mBAAmB,oBAAoB;IACvC,mBAAmB,SAAS;GAC9B,CAAC;;AAGJ,QACE,oBAAC,kBAAkB,UAAnB;EACE,OAAO;GACL,UAAU;GACV;GACA;GACA;GACA;GACA,UAAU;GACX;YAED,oBAAC,OAAD;GAAK,WAAW,iBAAiB;GAAG;GAAe,CAAA;EACxB,CAAA"}

package/dist/Radio/components/Radio/index.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { IRadioProps } from '../../interface/radio';
-export default function Radio(props: IRadioProps): React.JSX.Element;
+export default function Radio(props: IRadioProps): import("react/jsx-runtime").JSX.Element;