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

package/dist/Tag/index.d.ts

@@ -1,4 +1,4 @@
-import React, { MouseEventHandler } from 'react';
+import { default as React, MouseEventHandler } from 'react';
 export interface TagProps {
     children: React.ReactNode;
     onClick?: MouseEventHandler;
@@ -26,7 +26,7 @@ export interface TagProps {
     /**
      * 大小
      */
-    size?: 'large' | 'default' | 'small';
+    size?: 'large' | 'default' | 'middle' | 'small';
     /**
      * 风格，填充、默认、线框
      */
@@ -45,5 +45,5 @@ export interface TagProps {
     title?: string;
     className?: string;
 }
-export default function Tag(props: TagProps): React.JSX.Element;
+export default function Tag(props: TagProps): import("react/jsx-runtime").JSX.Element;
 export declare function prefixCls(className: string): string;

package/dist/Tag/index.js

@@ -1,151 +1,126 @@
-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); }
-import React, { useCallback } from 'react';
-import { CloseLightLine } from "../Icon";
-import classNames from 'classnames';
-export default function Tag(props) {
-  var _classNames;
-  var children = props.children,
-    onClick = props.onClick,
-    closable = props.closable,
-    onClose = props.onClose,
-    color = props.color,
-    icon = props.icon,
-    suffixIcon = props.suffixIcon,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'middle' : _props$size,
-    status = props.status,
-    mode = props.mode,
-    disabled = props.disabled,
-    maxWidth = props.maxWidth,
-    className = props.className,
-    title = props.title;
-  var tokens = getStatusTokens(status);
-  var providedIsHex = isHexColor(color);
-  var providedColor = color;
-
-  // background color
-  var bgColor = function () {
-    if (mode === 'border') {
-      return 'var(--background-default)';
-    }
-    if (providedColor) {
-      if (providedIsHex) return convertHexToRGBA(providedColor, mode === 'fill' ? 0.16 : 0.06);
-      // CSS var or named color -> mix to achieve subtle transparency
-      return "color-mix(in srgb, ".concat(providedColor, " ").concat(mode === 'fill' ? 16 : 6, "%, transparent)");
-    }
-    // use status tokens
-    return mode === 'fill' ? tokens.bgSubtle : tokens.bgOnSubtle;
-  }();
-  // text color
-  var textColor = function () {
-    if (providedColor) {
-      if (providedIsHex) return convertHexToRGBA(providedColor, 1);
-      return providedColor;
-    }
-    return tokens.text;
-  }();
-  // border color
-  var borderColor = function () {
-    if (mode === 'fill') return 'transparent';
-    if (providedColor) {
-      if (providedIsHex) return convertHexToRGBA(providedColor, 0.32);
-      return "color-mix(in srgb, ".concat(providedColor, " 32%, transparent)");
-    }
-    return tokens.borderSubtle;
-  }();
-  var onTagClick = useCallback(function (e) {
-    if (disabled) {
-      return;
-    }
-    onClick === null || onClick === void 0 ? void 0 : onClick(e);
-  }, [disabled, onClick]);
-  var onCloseBtnClick = useCallback(function (e) {
-    if (disabled) {
-      return;
-    }
-    onClose === null || onClose === void 0 ? void 0 : onClose(e);
-  }, [disabled, onClose]);
-  var DEFAULT_MAX_WIDTH = 400;
-  var domTitle = title !== undefined ? title : typeof children === 'string' ? children : '';
-  return /*#__PURE__*/React.createElement("span", {
-    className: classNames(prefixCls('container'), (_classNames = {}, _defineProperty(_classNames, prefixCls('small'), size === 'small'), _defineProperty(_classNames, prefixCls('large'), size === 'large'), _defineProperty(_classNames, prefixCls('disabled'), disabled), _classNames), className || ''),
-    style: {
-      backgroundColor: bgColor,
-      color: textColor,
-      borderColor: borderColor,
-      maxWidth: maxWidth || DEFAULT_MAX_WIDTH
-    },
-    onClick: onTagClick
-  }, icon && /*#__PURE__*/React.createElement("span", {
-    className: prefixCls('icon')
-  }, icon), /*#__PURE__*/React.createElement("span", {
-    className: prefixCls('content'),
-    title: domTitle
-  }, children), suffixIcon && /*#__PURE__*/React.createElement("span", {
-    className: prefixCls('suffix-icon')
-  }, suffixIcon), closable ? /*#__PURE__*/React.createElement("span", {
-    className: prefixCls('close-btn'),
-    onClick: onCloseBtnClick
-  }, /*#__PURE__*/React.createElement(CloseLightLine, {
-    color: textColor,
-    size: 16
-  })) : null);
+import { cn } from "../lib/utils.js";
+import Memo from "../Icon/components/CloseLightLine.js";
+import { useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Tag/index.tsx
+function Tag(props) {
+	const { children, onClick, closable, onClose, color, icon, suffixIcon, size = "middle", status, mode, disabled, maxWidth, className, title } = props;
+	const tokens = getStatusTokens(status);
+	const providedIsHex = isHexColor(color);
+	const providedColor = color;
+	const bgColor = (() => {
+		if (mode === "border") return "var(--background-default)";
+		if (providedColor) {
+			if (providedIsHex) return convertHexToRGBA(providedColor, mode === "fill" ? .16 : .06);
+			return `color-mix(in srgb, ${providedColor} ${mode === "fill" ? 16 : 6}%, transparent)`;
+		}
+		return mode === "fill" ? tokens.bgSubtle : tokens.bgOnSubtle;
+	})();
+	const textColor = (() => {
+		if (providedColor) {
+			if (providedIsHex) return convertHexToRGBA(providedColor, 1);
+			return providedColor;
+		}
+		return tokens.text;
+	})();
+	const borderColor = (() => {
+		if (mode === "fill") return "transparent";
+		if (providedColor) {
+			if (providedIsHex) return convertHexToRGBA(providedColor, .32);
+			return `color-mix(in srgb, ${providedColor} 32%, transparent)`;
+		}
+		return tokens.borderSubtle;
+	})();
+	const onTagClick = useCallback((e) => {
+		if (disabled) return;
+		onClick?.(e);
+	}, [disabled, onClick]);
+	const onCloseBtnClick = useCallback((e) => {
+		if (disabled) return;
+		onClose?.(e);
+	}, [disabled, onClose]);
+	const DEFAULT_MAX_WIDTH = 400;
+	const domTitle = title !== void 0 ? title : typeof children === "string" ? children : "";
+	return /* @__PURE__ */ jsxs("span", {
+		className: cn(prefixCls("container"), "tw-inline-flex tw-cursor-default tw-items-center tw-overflow-hidden tw-border tw-border-solid", size === "small" && `${prefixCls("small")} tw-gap-sp-50 tw-rounded-[2px] tw-px-[3px] tw-py-px tw-text-xs tw-leading-4`, size === "large" && `${prefixCls("large")} tw-gap-sp-50 tw-rounded-[6px] tw-px-[7px] tw-py-px tw-text-base tw-leading-6`, size !== "small" && size !== "large" && "tw-gap-sp-50 tw-rounded-r-50 tw-px-[5px] tw-py-px tw-text-sm tw-leading-5", disabled && `${prefixCls("disabled")} tw-cursor-default tw-opacity-40`, className || ""),
+		style: {
+			backgroundColor: bgColor,
+			color: textColor,
+			borderColor,
+			maxWidth: maxWidth || DEFAULT_MAX_WIDTH
+		},
+		onClick: onTagClick,
+		children: [
+			icon && /* @__PURE__ */ jsx("span", {
+				className: cn(prefixCls("icon"), "tw-inline-flex tw-flex-none tw-items-center"),
+				children: icon
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: cn(prefixCls("content"), "tw-flex-1 tw-truncate"),
+				title: domTitle,
+				children
+			}),
+			suffixIcon && /* @__PURE__ */ jsx("span", {
+				className: cn(prefixCls("suffix-icon"), "tw-inline-flex tw-flex-none tw-items-center"),
+				children: suffixIcon
+			}),
+			closable ? /* @__PURE__ */ jsx("span", {
+				className: cn(prefixCls("close-btn"), "tw-inline-flex tw-flex-none tw-items-center", disabled ? "tw-cursor-default" : "tw-cursor-pointer"),
+				onClick: onCloseBtnClick,
+				children: /* @__PURE__ */ jsx(Memo, {
+					color: textColor,
+					size: 16
+				})
+			}) : null
+		]
+	});
 }
-var ALD_PREFIX = 'ald-tag';
-export function prefixCls(className) {
-  return "".concat(ALD_PREFIX, "-").concat(className);
+var ALD_PREFIX = "ald-tag";
+function prefixCls(className) {
+	return `${ALD_PREFIX}-${className}`;
 }
 function convertHexToRGBA(hex, opacity) {
-  var tempHex = hex.replace('#', '');
-  var r = parseInt(tempHex.substring(0, 2), 16);
-  var g = parseInt(tempHex.substring(2, 4), 16);
-  var b = parseInt(tempHex.substring(4, 6), 16);
-  return "rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(opacity, ")");
+	const tempHex = hex.replace("#", "");
+	return `rgba(${parseInt(tempHex.substring(0, 2), 16)},${parseInt(tempHex.substring(2, 4), 16)},${parseInt(tempHex.substring(4, 6), 16)},${opacity})`;
 }
 function isHexColor(value) {
-  return !!value && /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(value);
+	return !!value && /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(value);
 }
 function getStatusTokens(status) {
-  // Map status to CSS variables defined in default.css
-  switch (status) {
-    case 'success':
-      return {
-        text: 'var(--alias-colors-text-success)',
-        bgSubtle: 'var(--background-positive-subtle)',
-        bgOnSubtle: 'var(--background-positive-on-subtle)',
-        borderSubtle: 'var(--border-positive-subtle)'
-      };
-    case 'warning':
-      return {
-        text: 'var(--alias-colors-text-warning)',
-        bgSubtle: 'var(--background-warning-subtle)',
-        bgOnSubtle: 'var(--background-warning-on-subtle)',
-        borderSubtle: 'var(--border-warning-subtle)'
-      };
-    case 'error':
-      return {
-        text: 'var(--alias-colors-text-danger)',
-        bgSubtle: 'var(--background-negative-subtle)',
-        bgOnSubtle: 'var(--background-negative-on-subtle)',
-        borderSubtle: 'var(--border-negative-subtle)'
-      };
-    case 'default':
-      return {
-        text: 'var(--alias-colors-text-default)',
-        bgSubtle: 'var(--background-neutral-subtle)',
-        bgOnSubtle: 'var(--background-neutral-on-subtle)',
-        borderSubtle: 'var(--border-neutral-subtle)'
-      };
-    case 'info':
-    default:
-      return {
-        text: 'var(--alias-colors-text-information)',
-        bgSubtle: 'var(--background-informative-subtle)',
-        bgOnSubtle: 'var(--background-informative-on-subtle)',
-        borderSubtle: 'var(--border-informative-subtle)'
-      };
-  }
-}
+	switch (status) {
+		case "success": return {
+			text: "var(--alias-colors-text-success)",
+			bgSubtle: "var(--background-positive-subtle)",
+			bgOnSubtle: "var(--background-positive-on-subtle)",
+			borderSubtle: "var(--border-positive-subtle)"
+		};
+		case "warning": return {
+			text: "var(--alias-colors-text-warning)",
+			bgSubtle: "var(--background-warning-subtle)",
+			bgOnSubtle: "var(--background-warning-on-subtle)",
+			borderSubtle: "var(--border-warning-subtle)"
+		};
+		case "error": return {
+			text: "var(--alias-colors-text-danger)",
+			bgSubtle: "var(--background-negative-subtle)",
+			bgOnSubtle: "var(--background-negative-on-subtle)",
+			borderSubtle: "var(--border-negative-subtle)"
+		};
+		case "default": return {
+			text: "var(--alias-colors-text-default)",
+			bgSubtle: "var(--background-neutral-subtle)",
+			bgOnSubtle: "var(--background-neutral-on-subtle)",
+			borderSubtle: "var(--border-neutral-subtle)"
+		};
+		default: return {
+			text: "var(--alias-colors-text-information)",
+			bgSubtle: "var(--background-informative-subtle)",
+			bgOnSubtle: "var(--background-informative-on-subtle)",
+			borderSubtle: "var(--border-informative-subtle)"
+		};
+	}
+}
+//#endregion
+export { Tag as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Tag/index.tsx"],"sourcesContent":["import React, { MouseEventHandler, useCallback } from 'react';\nimport { CloseLightLine } from '../Icon';\nimport { cn } from '../lib/utils';\n\nexport interface TagProps {\n  children: React.ReactNode;\n  onClick?: MouseEventHandler;\n  /**\n   * 是否可关闭\n   */\n  closable?: boolean;\n  /**\n   * 关闭回调\n   */\n  onClose?: MouseEventHandler;\n  status?: 'default' | 'info' | 'success' | 'warning' | 'error';\n  /**\n   * 自定义颜色\n   */\n  color?: string;\n  /**\n   * 前置 icon 图标\n   */\n  icon?: React.ReactNode;\n  /**\n   * 后置 icon 图标\n   */\n  suffixIcon?: React.ReactNode;\n  /**\n   * 大小\n   */\n  size?: 'large' | 'default' | 'middle' | 'small';\n  /**\n   * 风格，填充、默认、线框\n   */\n  mode?: 'fill' | 'default' | 'border';\n  /**\n   * 是否禁用\n   */\n  disabled?: boolean;\n  /**\n   * 最大宽度\n   */\n  maxWidth?: number;\n  /**\n   * hover 上去后显示的 title\n   */\n  title?: string;\n  className?: string;\n}\n\nexport default function Tag(props: TagProps) {\n  const {\n    children,\n    onClick,\n    closable,\n    onClose,\n    color,\n    icon,\n    suffixIcon,\n    size = 'middle',\n    status,\n    mode,\n    disabled,\n    maxWidth,\n    className,\n    title,\n  } = props;\n  const tokens = getStatusTokens(status);\n  const providedIsHex = isHexColor(color);\n  const providedColor = color;\n\n  // background color\n  const bgColor = (() => {\n    if (mode === 'border') {\n      return 'var(--background-default)';\n    }\n    if (providedColor) {\n      if (providedIsHex)\n        return convertHexToRGBA(\n          providedColor as string,\n          mode === 'fill' ? 0.16 : 0.06,\n        );\n      return `color-mix(in srgb, ${providedColor} ${\n        mode === 'fill' ? 16 : 6\n      }%, transparent)`;\n    }\n    return mode === 'fill' ? tokens.bgSubtle : tokens.bgOnSubtle;\n  })();\n  // text color\n  const textColor = (() => {\n    if (providedColor) {\n      if (providedIsHex) return convertHexToRGBA(providedColor as string, 1);\n      return providedColor;\n    }\n    return tokens.text;\n  })();\n  // border color\n  const borderColor = (() => {\n    if (mode === 'fill') return 'transparent';\n    if (providedColor) {\n      if (providedIsHex) return convertHexToRGBA(providedColor as string, 0.32);\n      return `color-mix(in srgb, ${providedColor} 32%, transparent)`;\n    }\n    return tokens.borderSubtle;\n  })();\n\n  const onTagClick = useCallback<MouseEventHandler>(\n    (e) => {\n      if (disabled) {\n        return;\n      }\n      onClick?.(e);\n    },\n    [disabled, onClick],\n  );\n  const onCloseBtnClick = useCallback<MouseEventHandler>(\n    (e) => {\n      if (disabled) {\n        return;\n      }\n      onClose?.(e);\n    },\n    [disabled, onClose],\n  );\n\n  const DEFAULT_MAX_WIDTH = 400;\n\n  const domTitle =\n    title !== undefined ? title : typeof children === 'string' ? children : '';\n\n  return (\n    <span\n      className={cn(\n        prefixCls('container'),\n        'tw-inline-flex tw-cursor-default tw-items-center tw-overflow-hidden tw-border tw-border-solid',\n        // Size variants\n        size === 'small' &&\n          `${prefixCls(\n            'small',\n          )} tw-gap-sp-50 tw-rounded-[2px] tw-px-[3px] tw-py-px tw-text-xs tw-leading-4`,\n        size === 'large' &&\n          `${prefixCls(\n            'large',\n          )} tw-gap-sp-50 tw-rounded-[6px] tw-px-[7px] tw-py-px tw-text-base tw-leading-6`,\n        size !== 'small' &&\n          size !== 'large' &&\n          'tw-gap-sp-50 tw-rounded-r-50 tw-px-[5px] tw-py-px tw-text-sm tw-leading-5',\n        // Disabled\n        disabled && `${prefixCls('disabled')} tw-cursor-default tw-opacity-40`,\n        className || '',\n      )}\n      style={{\n        backgroundColor: bgColor,\n        color: textColor,\n        borderColor: borderColor,\n        maxWidth: maxWidth || DEFAULT_MAX_WIDTH,\n      }}\n      onClick={onTagClick}\n    >\n      {icon && (\n        <span\n          className={cn(\n            prefixCls('icon'),\n            'tw-inline-flex tw-flex-none tw-items-center',\n          )}\n        >\n          {icon}\n        </span>\n      )}\n      <span\n        className={cn(prefixCls('content'), 'tw-flex-1 tw-truncate')}\n        title={domTitle}\n      >\n        {children}\n      </span>\n      {suffixIcon && (\n        <span\n          className={cn(\n            prefixCls('suffix-icon'),\n            'tw-inline-flex tw-flex-none tw-items-center',\n          )}\n        >\n          {suffixIcon}\n        </span>\n      )}\n      {closable ? (\n        <span\n          className={cn(\n            prefixCls('close-btn'),\n            'tw-inline-flex tw-flex-none tw-items-center',\n            disabled ? 'tw-cursor-default' : 'tw-cursor-pointer',\n          )}\n          onClick={onCloseBtnClick}\n        >\n          <CloseLightLine color={textColor} size={16} />\n        </span>\n      ) : null}\n    </span>\n  );\n}\n\nconst ALD_PREFIX = 'ald-tag';\nexport function prefixCls(className: string) {\n  return `${ALD_PREFIX}-${className}`;\n}\n\nfunction convertHexToRGBA(hex: string, opacity: number) {\n  const tempHex = hex.replace('#', '');\n  const r = parseInt(tempHex.substring(0, 2), 16);\n  const g = parseInt(tempHex.substring(2, 4), 16);\n  const b = parseInt(tempHex.substring(4, 6), 16);\n\n  return `rgba(${r},${g},${b},${opacity})`;\n}\n\nfunction isHexColor(value?: string): boolean {\n  return (\n    !!value && /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(value)\n  );\n}\n\nfunction getStatusTokens(status?: TagProps['status']) {\n  switch (status) {\n    case 'success':\n      return {\n        text: 'var(--alias-colors-text-success)',\n        bgSubtle: 'var(--background-positive-subtle)',\n        bgOnSubtle: 'var(--background-positive-on-subtle)',\n        borderSubtle: 'var(--border-positive-subtle)',\n      } as const;\n    case 'warning':\n      return {\n        text: 'var(--alias-colors-text-warning)',\n        bgSubtle: 'var(--background-warning-subtle)',\n        bgOnSubtle: 'var(--background-warning-on-subtle)',\n        borderSubtle: 'var(--border-warning-subtle)',\n      } as const;\n    case 'error':\n      return {\n        text: 'var(--alias-colors-text-danger)',\n        bgSubtle: 'var(--background-negative-subtle)',\n        bgOnSubtle: 'var(--background-negative-on-subtle)',\n        borderSubtle: 'var(--border-negative-subtle)',\n      } as const;\n    case 'default':\n      return {\n        text: 'var(--alias-colors-text-default)',\n        bgSubtle: 'var(--background-neutral-subtle)',\n        bgOnSubtle: 'var(--background-neutral-on-subtle)',\n        borderSubtle: 'var(--border-neutral-subtle)',\n      } as const;\n    case 'info':\n    default:\n      return {\n        text: 'var(--alias-colors-text-information)',\n        bgSubtle: 'var(--background-informative-subtle)',\n        bgOnSubtle: 'var(--background-informative-on-subtle)',\n        borderSubtle: 'var(--border-informative-subtle)',\n      } as const;\n  }\n}\n"],"mappings":";;;;;AAmDA,SAAwB,IAAI,OAAiB;CAC3C,MAAM,EACJ,UACA,SACA,UACA,SACA,OACA,MACA,YACA,OAAO,UACP,QACA,MACA,UACA,UACA,WACA,UACE;CACJ,MAAM,SAAS,gBAAgB,OAAO;CACtC,MAAM,gBAAgB,WAAW,MAAM;CACvC,MAAM,gBAAgB;CAGtB,MAAM,iBAAiB;AACrB,MAAI,SAAS,SACX,QAAO;AAET,MAAI,eAAe;AACjB,OAAI,cACF,QAAO,iBACL,eACA,SAAS,SAAS,MAAO,IAC1B;AACH,UAAO,sBAAsB,cAAc,GACzC,SAAS,SAAS,KAAK,EACxB;;AAEH,SAAO,SAAS,SAAS,OAAO,WAAW,OAAO;KAChD;CAEJ,MAAM,mBAAmB;AACvB,MAAI,eAAe;AACjB,OAAI,cAAe,QAAO,iBAAiB,eAAyB,EAAE;AACtE,UAAO;;AAET,SAAO,OAAO;KACZ;CAEJ,MAAM,qBAAqB;AACzB,MAAI,SAAS,OAAQ,QAAO;AAC5B,MAAI,eAAe;AACjB,OAAI,cAAe,QAAO,iBAAiB,eAAyB,IAAK;AACzE,UAAO,sBAAsB,cAAc;;AAE7C,SAAO,OAAO;KACZ;CAEJ,MAAM,aAAa,aAChB,MAAM;AACL,MAAI,SACF;AAEF,YAAU,EAAE;IAEd,CAAC,UAAU,QAAQ,CACpB;CACD,MAAM,kBAAkB,aACrB,MAAM;AACL,MAAI,SACF;AAEF,YAAU,EAAE;IAEd,CAAC,UAAU,QAAQ,CACpB;CAED,MAAM,oBAAoB;CAE1B,MAAM,WACJ,UAAU,SAAY,QAAQ,OAAO,aAAa,WAAW,WAAW;AAE1E,QACE,qBAAC,QAAD;EACE,WAAW,GACT,UAAU,YAAY,EACtB,iGAEA,SAAS,WACP,GAAG,UACD,QACD,CAAC,8EACJ,SAAS,WACP,GAAG,UACD,QACD,CAAC,gFACJ,SAAS,WACP,SAAS,WACT,6EAEF,YAAY,GAAG,UAAU,WAAW,CAAC,mCACrC,aAAa,GACd;EACD,OAAO;GACL,iBAAiB;GACjB,OAAO;GACM;GACb,UAAU,YAAY;GACvB;EACD,SAAS;YA1BX;GA4BG,QACC,oBAAC,QAAD;IACE,WAAW,GACT,UAAU,OAAO,EACjB,8CACD;cAEA;IACI,CAAA;GAET,oBAAC,QAAD;IACE,WAAW,GAAG,UAAU,UAAU,EAAE,wBAAwB;IAC5D,OAAO;IAEN;IACI,CAAA;GACN,cACC,oBAAC,QAAD;IACE,WAAW,GACT,UAAU,cAAc,EACxB,8CACD;cAEA;IACI,CAAA;GAER,WACC,oBAAC,QAAD;IACE,WAAW,GACT,UAAU,YAAY,EACtB,+CACA,WAAW,sBAAsB,oBAClC;IACD,SAAS;cAET,oBAAC,MAAD;KAAgB,OAAO;KAAW,MAAM;KAAM,CAAA;IACzC,CAAA,GACL;GACC;;;AAIX,IAAM,aAAa;AACnB,SAAgB,UAAU,WAAmB;AAC3C,QAAO,GAAG,WAAW,GAAG;;AAG1B,SAAS,iBAAiB,KAAa,SAAiB;CACtD,MAAM,UAAU,IAAI,QAAQ,KAAK,GAAG;AAKpC,QAAO,QAJG,SAAS,QAAQ,UAAU,GAAG,EAAE,EAAE,GAAG,CAI9B,GAHP,SAAS,QAAQ,UAAU,GAAG,EAAE,EAAE,GAAG,CAGzB,GAFZ,SAAS,QAAQ,UAAU,GAAG,EAAE,EAAE,GAAG,CAEpB,GAAG,QAAQ;;AAGxC,SAAS,WAAW,OAAyB;AAC3C,QACE,CAAC,CAAC,SAAS,oDAAoD,KAAK,MAAM;;AAI9E,SAAS,gBAAgB,QAA6B;AACpD,SAAQ,QAAR;EACE,KAAK,UACH,QAAO;GACL,MAAM;GACN,UAAU;GACV,YAAY;GACZ,cAAc;GACf;EACH,KAAK,UACH,QAAO;GACL,MAAM;GACN,UAAU;GACV,YAAY;GACZ,cAAc;GACf;EACH,KAAK,QACH,QAAO;GACL,MAAM;GACN,UAAU;GACV,YAAY;GACZ,cAAc;GACf;EACH,KAAK,UACH,QAAO;GACL,MAAM;GACN,UAAU;GACV,YAAY;GACZ,cAAc;GACf;EAEH,QACE,QAAO;GACL,MAAM;GACN,UAAU;GACV,YAAY;GACZ,cAAc;GACf"}

package/dist/TextLink/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { SizeType } from '../ConfigProvider/sizeContext';
 type TextLinkType = 'primary' | 'secondary';
 interface TextLinkProps {
@@ -34,11 +34,19 @@ interface TextLinkProps {
      * @description 点击按钮时的回调
      */
     onClick?: React.MouseEventHandler<HTMLElement>;
+    /**
+     * @description 链接地址
+     */
+    href?: string;
+    /**
+     * @description 链接打开方式
+     */
+    target?: string;
     /**
      * @description 设置按钮进入载入状态
      * @default false
      */
     children?: React.ReactNode;
 }
-declare function TextLink(props: TextLinkProps): React.JSX.Element;
+declare function TextLink(props: TextLinkProps): import("react/jsx-runtime").JSX.Element;
 export default TextLink;

package/dist/TextLink/index.js

@@ -1,26 +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); }
-import classNames from 'classnames';
-import React from 'react';
+import { cn } from "../lib/utils.js";
+import "react";
+import { jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/TextLink/index.tsx
+var textLinkVariants = cva("ald-text-link tw-inline-flex tw-cursor-pointer tw-items-center tw-gap-1", {
+	variants: {
+		size: {
+			small: "ald-text-link-small tw-text-xs tw-leading-4",
+			middle: "ald-text-link-middle tw-text-sm tw-leading-5",
+			large: "ald-text-link-large tw-text-base tw-leading-6"
+		},
+		type: {
+			primary: "ald-text-link-primary tw-text-[var(--alias-colors-link-default)] hover:tw-text-[var(--alias-colors-link-hover)]",
+			secondary: "ald-text-link-secondary tw-text-[var(--alias-colors-text-default)] hover:tw-text-[var(--alias-colors-text-selected)]"
+		},
+		disabled: {
+			true: "ald-text-link-disabled tw-pointer-events-none tw-cursor-default tw-opacity-50",
+			false: ""
+		},
+		underline: {
+			true: "ald-text-link-show-underline tw-font-normal hover:tw-underline active:tw-underline",
+			false: "tw-font-medium"
+		}
+	},
+	defaultVariants: {
+		size: "middle",
+		type: "primary",
+		disabled: false,
+		underline: false
+	}
+});
 function TextLink(props) {
-  var _classNames;
-  var propsSize = props.size,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'primary' : _props$type,
-    underline = props.underline,
-    disabled = props.disabled,
-    _props$icon = props.icon,
-    propsIcon = _props$icon === void 0 ? null : _props$icon,
-    children = props.children,
-    onClick = props.onClick,
-    className = props.className;
-  var size = propsSize || 'middle';
-  var icon = underline ? null : propsIcon;
-  return /*#__PURE__*/React.createElement("span", {
-    className: classNames('ald-text-link', className, (_classNames = {}, _defineProperty(_classNames, "ald-text-link-".concat(size), size), _defineProperty(_classNames, "ald-text-link-".concat(type), type), _defineProperty(_classNames, "ald-text-link-disabled", disabled), _defineProperty(_classNames, "ald-text-link-show-underline", underline), _classNames)),
-    onClick: onClick
-  }, icon, children);
+	const { size: propsSize, type = "primary", underline, disabled, icon: propsIcon = null, children, onClick, className } = props;
+	const size = propsSize || "middle";
+	const icon = underline ? null : propsIcon;
+	return /* @__PURE__ */ jsxs("span", {
+		className: cn(textLinkVariants({
+			size,
+			type,
+			disabled: !!disabled,
+			underline: !!underline
+		}), className),
+		onClick,
+		children: [icon, children]
+	});
 }
-export default TextLink;
+//#endregion
+export { TextLink as default };
+
+//# sourceMappingURL=index.js.map

package/dist/TextLink/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/TextLink/index.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport React from 'react';\nimport { SizeType } from '../ConfigProvider/sizeContext';\nimport { cn } from '../lib/utils';\n\ntype TextLinkType = 'primary' | 'secondary';\ninterface TextLinkProps {\n  className?: string;\n  /**\n   * @description 类型\n   * @type 'primary' | 'secondary'\n   * @default primary\n   */\n  type?: TextLinkType;\n  /**\n   * @description 显示下划线\n   * @type  boolean\n   * @default false\n   */\n  underline?: boolean;\n  /**\n   * @description 尺寸\n   * @type 'small' | 'middle' | 'large'| undefined\n   * @default large\n   */\n  size?: SizeType;\n  /**\n   * @description 是否禁用\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * @description 设置按钮的图标组件\n   */\n  icon?: React.ReactNode;\n  /**\n   * @description 点击按钮时的回调\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  /**\n   * @description 链接地址\n   */\n  href?: string;\n  /**\n   * @description 链接打开方式\n   */\n  target?: string;\n  /**\n   * @description 设置按钮进入载入状态\n   * @default false\n   */\n  children?: React.ReactNode;\n}\n\nconst textLinkVariants = cva(\n  'ald-text-link tw-inline-flex tw-cursor-pointer tw-items-center tw-gap-1',\n  {\n    variants: {\n      size: {\n        small: 'ald-text-link-small tw-text-xs tw-leading-4',\n        middle: 'ald-text-link-middle tw-text-sm tw-leading-5',\n        large: 'ald-text-link-large tw-text-base tw-leading-6',\n      },\n      type: {\n        primary:\n          'ald-text-link-primary tw-text-[var(--alias-colors-link-default)] hover:tw-text-[var(--alias-colors-link-hover)]',\n        secondary:\n          'ald-text-link-secondary tw-text-[var(--alias-colors-text-default)] hover:tw-text-[var(--alias-colors-text-selected)]',\n      },\n      disabled: {\n        true: 'ald-text-link-disabled tw-pointer-events-none tw-cursor-default tw-opacity-50',\n        false: '',\n      },\n      underline: {\n        true: 'ald-text-link-show-underline tw-font-normal hover:tw-underline active:tw-underline',\n        false: 'tw-font-medium',\n      },\n    },\n    defaultVariants: {\n      size: 'middle',\n      type: 'primary',\n      disabled: false,\n      underline: false,\n    },\n  },\n);\n\nfunction TextLink(props: TextLinkProps) {\n  const {\n    size: propsSize,\n    type = 'primary',\n    underline,\n    disabled,\n    icon: propsIcon = null,\n    children,\n    onClick,\n    className,\n  } = props;\n  const size = propsSize || 'middle';\n  const icon = underline ? null : propsIcon;\n  return (\n    <span\n      className={cn(\n        textLinkVariants({\n          size,\n          type,\n          disabled: !!disabled,\n          underline: !!underline,\n        }),\n        className,\n      )}\n      onClick={onClick}\n    >\n      {icon}\n      {children}\n    </span>\n  );\n}\n\nexport default TextLink;\n"],"mappings":";;;;;AAsDA,IAAM,mBAAmB,IACvB,2EACA;CACE,UAAU;EACR,MAAM;GACJ,OAAO;GACP,QAAQ;GACR,OAAO;GACR;EACD,MAAM;GACJ,SACE;GACF,WACE;GACH;EACD,UAAU;GACR,MAAM;GACN,OAAO;GACR;EACD,WAAW;GACT,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,MAAM;EACN,MAAM;EACN,UAAU;EACV,WAAW;EACZ;CACF,CACF;AAED,SAAS,SAAS,OAAsB;CACtC,MAAM,EACJ,MAAM,WACN,OAAO,WACP,WACA,UACA,MAAM,YAAY,MAClB,UACA,SACA,cACE;CACJ,MAAM,OAAO,aAAa;CAC1B,MAAM,OAAO,YAAY,OAAO;AAChC,QACE,qBAAC,QAAD;EACE,WAAW,GACT,iBAAiB;GACf;GACA;GACA,UAAU,CAAC,CAAC;GACZ,WAAW,CAAC,CAAC;GACd,CAAC,EACF,UACD;EACQ;YAVX,CAYG,MACA,SACI"}

package/dist/Tooltip/index.d.ts

@@ -1,63 +1,18 @@
-import React from 'react';
+import { default as React } from 'react';
 export type ActionType = 'hover' | 'focus' | 'click' | 'contextMenu';
 export interface ITooltipProps {
-    /**
-     * @description 提示文字
-     * @default -
-     */
     title: React.ReactNode;
-    /**
-     * @description 关闭后是否销毁Tooltip
-     * @default false
-     */
     destroyTooltipOnHide?: boolean;
-    /**
-     * @description 浮层渲染父节点，默认渲染到 body 上
-     * @default () => document.body
-     */
     getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-    /**
-     * @description 鼠标移入后延时多少才显示 Tooltip
-     * @default 0.1
-     */
     mouseEnterDelay?: number;
-    /**
-     * @description 鼠标移出后延时多少才隐藏 Tooltip
-     * @default 0.1
-     */
     mouseLeaveDelay?: number;
-    /**
-     * @description 气泡框位置
-     * @default top
-     */
     placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
-    /**
-     * @description 触发行为
-     * @type ActionType | ActionType[], 其中 ActionType 为 'hover' | 'focus' | 'click' | 'contextMenu';
-     * @default hover
-     */
     trigger?: ActionType | ActionType[];
-    /**
-     * @description 设置 Tooltip 的 z-index
-     * @default -
-     */
     zIndex?: number;
-    /**
-     * @description 用于手动控制浮层显隐
-     * @default -
-     */
     open?: boolean;
-    /**
-     * @description 显示隐藏的回调
-     * @default -
-     */
     onOpenChange?: (open: boolean) => void;
-    /**
-     * @description 卡片类名
-     * @default -
-     */
     overlayClassName?: string;
     getTooltipContainer?: (node: HTMLElement) => HTMLElement;
     children?: React.ReactNode;
 }
-export default function Tooltip(props: ITooltipProps): React.JSX.Element;
+export default function Tooltip(props: ITooltipProps): import("react/jsx-runtime").JSX.Element;