dishui 0.0.82 → 0.0.84

package/dist/components/Table/index.js

@@ -2,25 +2,28 @@ import { cn as e } from "../../utils/cn.js";
 import "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/Table/index.tsx
-var r = ({ children: n, className: r = "", onClick: i, onMouseEnter: a, onMouseLeave: o }) => {
-	let s = e("table", r);
+var r = ({ children: n, className: r = "", onClick: i, onMouseEnter: a, onMouseLeave: o, ...s }) => {
+	let c = e("table", r);
 	return /* @__PURE__ */ t("table", {
-		className: s,
+		...s,
+		className: c,
 		onClick: i,
 		onMouseEnter: a,
 		onMouseLeave: o,
 		children: n
 	});
-}, i = ({ children: n, className: r = "" }) => {
-	let i = e("table-header-group", r);
+}, i = ({ children: n, className: r = "", ...i }) => {
+	let a = e("table-header-group", r);
 	return /* @__PURE__ */ t("thead", {
-		className: i,
+		...i,
+		className: a,
 		children: n
 	});
-}, a = ({ children: n, className: r = "" }) => {
-	let i = e("table-row-group", r);
+}, a = ({ children: n, className: r = "", ...i }) => {
+	let a = e("table-row-group", r);
 	return /* @__PURE__ */ t("tbody", {
-		className: i,
+		...i,
+		className: a,
 		children: n
 	});
 }, o = ({ children: n, className: r = "", selected: i = !1, onClick: a, onDoubleClick: o, onMouseEnter: s, onMouseLeave: c, ...l }) => {
@@ -34,10 +37,11 @@ var r = ({ children: n, className: r = "", onClick: i, onMouseEnter: a, onMouseL
 		...l,
 		children: n
 	});
-}, s = ({ children: n, className: r = "", onClick: i, colSpan: a, style: o, onDoubleClick: s, onMouseEnter: c, onMouseLeave: l }) => {
-	let u = e("table-cell", r);
+}, s = ({ children: n, className: r = "", onClick: i, colSpan: a, style: o, onDoubleClick: s, onMouseEnter: c, onMouseLeave: l, ...u }) => {
+	let d = e("table-cell", r);
 	return /* @__PURE__ */ t("td", {
-		className: u,
+		...u,
+		className: d,
 		onClick: i,
 		colSpan: a,
 		style: o,
@@ -46,10 +50,11 @@ var r = ({ children: n, className: r = "", onClick: i, onMouseEnter: a, onMouseL
 		onMouseLeave: l,
 		children: n
 	});
-}, c = ({ children: r, className: i = "", onClick: a, sortable: o = !1, sortDirection: s = null, draggable: c, onDragStart: l, onDragOver: u, onDrop: d, onMouseEnter: f, onMouseLeave: p }) => {
-	let m = e("table-cell font-medium", o && "cursor-pointer", i);
+}, c = ({ children: r, className: i = "", onClick: a, sortable: o = !1, sortDirection: s = null, draggable: c, onDragStart: l, onDragOver: u, onDrop: d, onMouseEnter: f, onMouseLeave: p, ...m }) => {
+	let h = e("table-cell font-medium", o && "cursor-pointer", i);
 	return /* @__PURE__ */ t("th", {
-		className: m,
+		...m,
+		className: h,
 		onClick: a,
 		draggable: c,
 		onDragStart: l,
@@ -57,7 +62,7 @@ var r = ({ children: n, className: r = "", onClick: i, onMouseEnter: a, onMouseL
 		onDrop: d,
 		onMouseEnter: f,
 		onMouseLeave: p,
-		children: /* @__PURE__ */ n("div", {
+		children: o ? /* @__PURE__ */ n("div", {
 			className: "flex items-center gap-2",
 			children: [r, o && /* @__PURE__ */ t("div", {
 				className: "flex flex-col",
@@ -102,11 +107,11 @@ var r = ({ children: n, className: r = "", onClick: i, onMouseEnter: a, onMouseL
 					})
 				})
 			})]
-		})
+		}) : r
 	});
-}, l = r;
-l.Head = i, l.Body = a, l.Row = o, l.Cell = s, l.HeaderCell = c;
+}, l = (e) => /* @__PURE__ */ t("caption", { ...e }), u = (e) => /* @__PURE__ */ t("tfoot", { ...e }), d = r;
+d.Caption = l, d.Footer = u, d.Head = i, d.Body = a, d.Row = o, d.Cell = s, d.HeaderCell = c;
 //#endregion
-export { l as default };
+export { d as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Table/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type TableProps = {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: (e: React.MouseEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n};\n\nconst Table = ({\n  children,\n  className = '',\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n}: TableProps) => {\n  const baseClass = 'table';\n  \n  const tableClasses = cn(baseClass, className);\n\n  return (\n    <table \n      className={tableClasses}\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {children}\n    </table>\n  );\n};\n\n// Table.Head 组件\nexport type TableHeadProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst TableHead = ({\n  children,\n  className = '',\n}: TableHeadProps) => {\n  const baseClass = 'table-header-group';\n  \n  const headClasses = cn(baseClass, className);\n\n  return (\n    <thead className={headClasses}>\n      {children}\n    </thead>\n  );\n};\n\n// Table.Body 组件\nexport type TableBodyProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst TableBody = ({\n  children,\n  className = '',\n}: TableBodyProps) => {\n  const baseClass = 'table-row-group';\n  \n  const bodyClasses = cn(baseClass, className);\n\n  return (\n    <tbody className={bodyClasses}>\n      {children}\n    </tbody>\n  );\n};\n\n// Table.Row 组件\nexport type TableRowProps = {\n  children: React.ReactNode;\n  className?: string;\n  selected?: boolean;\n  onClick?: (e: React.MouseEvent) => void;\n  onDoubleClick?: (e: React.MouseEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n} & Omit<\n  React.HTMLAttributes<HTMLTableRowElement>,\n  'className' | 'onClick' | 'onDoubleClick' | 'onMouseEnter' | 'onMouseLeave'\n>;\n\nconst TableRow = ({\n  children,\n  className = '',\n  selected = false,\n  onClick,\n  onDoubleClick,\n  onMouseEnter,\n  onMouseLeave,\n  ...rest\n}: TableRowProps) => {\n  const baseClass = 'table-row';\n\n  const rowClasses = cn(\n    baseClass,\n    selected && 'bg-base-200',\n    'hover:bg-base-100',\n    className\n  );\n\n  return (\n    <tr \n      className={rowClasses}\n      onClick={onClick}\n      onDoubleClick={onDoubleClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      {...rest}\n    >\n      {children}\n    </tr>\n  );\n};\n\n// Table.Cell 组件\nexport type TableCellProps = {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: (e: React.MouseEvent) => void;\n  colSpan?: number;\n  style?: React.CSSProperties;\n  \n  // 添加鼠标事件\n  onDoubleClick?: (e: React.MouseEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n};\n\nconst TableCell = ({\n  children,\n  className = '',\n  onClick,\n  colSpan,\n  style,\n  onDoubleClick,\n  onMouseEnter,\n  onMouseLeave,\n}: TableCellProps) => {\n  const baseClass = 'table-cell';\n  \n  const cellClasses = cn(baseClass, className);\n\n  return (\n    <td \n      className={cellClasses}\n      onClick={onClick}\n      colSpan={colSpan}\n      style={style}\n      onDoubleClick={onDoubleClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {children}\n    </td>\n  );\n};\n\n// Table.HeaderCell 组件\nexport type TableHeaderCellProps = {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: (e: React.MouseEvent) => void;\n  sortable?: boolean;\n  sortDirection?: 'asc' | 'desc' | null;\n  \n  // 拖拽相关属性\n  draggable?: boolean;\n  onDragStart?: (e: React.DragEvent) => void;\n  onDragOver?: (e: React.DragEvent) => void;\n  onDrop?: (e: React.DragEvent) => void;\n  \n  // 鼠标事件\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n};\n\nconst TableHeaderCell = ({\n  children,\n  className = '',\n  onClick,\n  sortable = false,\n  sortDirection = null,\n  \n  // 拖拽相关属性\n  draggable,\n  onDragStart,\n  onDragOver,\n  onDrop,\n  \n  // 鼠标事件\n  onMouseEnter,\n  onMouseLeave,\n}: TableHeaderCellProps) => {\n  const baseClass = 'table-cell font-medium';\n  \n  const headerCellClasses = cn(\n    baseClass,\n    sortable && 'cursor-pointer',\n    className\n  );\n\n  return (\n    <th \n      className={headerCellClasses}\n      onClick={onClick}\n      draggable={draggable}\n      onDragStart={onDragStart}\n      onDragOver={onDragOver}\n      onDrop={onDrop}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      <div className=\"flex items-center gap-2\">\n        {children}\n        {sortable && (\n          <div className=\"flex flex-col\">\n            {sortDirection === 'asc' ? (\n              <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 15l7-7 7 7\" />\n              </svg>\n            ) : sortDirection === 'desc' ? (\n              <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M19 9l-7 7-7-7\" />\n              </svg>\n            ) : (\n              <div className=\"h-4 w-4 opacity-30\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4\" />\n                </svg>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </th>\n  );\n};\n\n// 扩展Table组件，添加子组件\ninterface TableCompound extends React.FC<TableProps> {\n  Head: React.FC<TableHeadProps>;\n  Body: React.FC<TableBodyProps>;\n  Row: React.FC<TableRowProps>;\n  Cell: React.FC<TableCellProps>;\n  HeaderCell: React.FC<TableHeaderCellProps>;\n}\n\nconst TableWithCompounds = Table as TableCompound;\nTableWithCompounds.Head = TableHead;\nTableWithCompounds.Body = TableBody;\nTableWithCompounds.Row = TableRow;\nTableWithCompounds.Cell = TableCell;\nTableWithCompounds.HeaderCell = TableHeaderCell;\n\nexport default TableWithCompounds; "],"mappings":";;;;AAWA,IAAM,KAAS,EACb,aACA,eAAY,IACZ,YACA,iBACA,sBACgB;CAGhB,IAAM,IAAe,EAAG,SAAW,CAAS;CAE5C,OACE,kBAAC,SAAD;EACE,WAAW;EACF;EACK;EACA;EAEb;CACI,CAAA;AAEX,GAQM,KAAa,EACjB,aACA,eAAY,SACQ;CAGpB,IAAM,IAAc,EAAG,sBAAW,CAAS;CAE3C,OACE,kBAAC,SAAD;EAAO,WAAW;EACf;CACI,CAAA;AAEX,GAQM,KAAa,EACjB,aACA,eAAY,SACQ;CAGpB,IAAM,IAAc,EAAG,mBAAW,CAAS;CAE3C,OACE,kBAAC,SAAD;EAAO,WAAW;EACf;CACI,CAAA;AAEX,GAgBM,KAAY,EAChB,aACA,eAAY,IACZ,cAAW,IACX,YACA,kBACA,iBACA,iBACA,GAAG,QACgB;CAGnB,IAAM,IAAa,EACjB,aACA,KAAY,eACZ,qBACA,CACF;CAEA,OACE,kBAAC,MAAD;EACE,WAAW;EACF;EACM;EACD;EACA;EACd,GAAI;EAEH;CACC,CAAA;AAER,GAgBM,KAAa,EACjB,aACA,eAAY,IACZ,YACA,YACA,UACA,kBACA,iBACA,sBACoB;CAGpB,IAAM,IAAc,EAAG,cAAW,CAAS;CAE3C,OACE,kBAAC,MAAD;EACE,WAAW;EACF;EACA;EACF;EACQ;EACD;EACA;EAEb;CACC,CAAA;AAER,GAqBM,KAAmB,EACvB,aACA,eAAY,IACZ,YACA,cAAW,IACX,mBAAgB,MAGhB,cACA,gBACA,eACA,WAGA,iBACA,sBAC0B;CAG1B,IAAM,IAAoB,EACxB,0BACA,KAAY,kBACZ,CACF;CAEA,OACE,kBAAC,MAAD;EACE,WAAW;EACF;EACE;EACE;EACD;EACJ;EACM;EACA;EAEd,UAAA,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACG,GACA,KACC,kBAAC,OAAD;IAAK,WAAU;IACZ,UAAA,MAAkB,QACjB,kBAAC,OAAD;KAAK,OAAM;KAA6B,WAAU;KAAU,MAAK;KAAO,SAAQ;KAAY,QAAO;KACjG,UAAA,kBAAC,QAAD;MAAM,eAAc;MAAQ,gBAAe;MAAQ,aAAY;MAAI,GAAE;KAAiB,CAAA;IACnF,CAAA,IACH,MAAkB,SACpB,kBAAC,OAAD;KAAK,OAAM;KAA6B,WAAU;KAAU,MAAK;KAAO,SAAQ;KAAY,QAAO;KACjG,UAAA,kBAAC,QAAD;MAAM,eAAc;MAAQ,gBAAe;MAAQ,aAAY;MAAI,GAAE;KAAkB,CAAA;IACpF,CAAA,IAEL,kBAAC,OAAD;KAAK,WAAU;KACb,UAAA,kBAAC,OAAD;MAAK,OAAM;MAA6B,WAAU;MAAU,MAAK;MAAO,SAAQ;MAAY,QAAO;MACjG,UAAA,kBAAC,QAAD;OAAM,eAAc;OAAQ,gBAAe;OAAQ,aAAY;OAAI,GAAE;MAAoD,CAAA;KACtH,CAAA;IACF,CAAA;GAEJ,CAAA,CAEJ;;CACH,CAAA;AAER,GAWM,IAAqB;AAC3B,EAAmB,OAAO,GAC1B,EAAmB,OAAO,GAC1B,EAAmB,MAAM,GACzB,EAAmB,OAAO,GAC1B,EAAmB,aAAa"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Table/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type TableProps = {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: (e: React.MouseEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n} & React.TableHTMLAttributes<HTMLTableElement>;\n\nconst Table = ({\n  children,\n  className = '',\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n  ...rest\n}: TableProps) => {\n  const baseClass = 'table';\n  \n  const tableClasses = cn(baseClass, className);\n\n  return (\n    <table \n      {...rest}\n      className={tableClasses}\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {children}\n    </table>\n  );\n};\n\n// Table.Head 组件\nexport type TableHeadProps = React.HTMLAttributes<HTMLTableSectionElement>;\n\nconst TableHead = ({\n  children,\n  className = '',\n  ...rest\n}: TableHeadProps) => {\n  const baseClass = 'table-header-group';\n  \n  const headClasses = cn(baseClass, className);\n\n  return (\n    <thead {...rest} className={headClasses}>\n      {children}\n    </thead>\n  );\n};\n\n// Table.Body 组件\nexport type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;\n\nconst TableBody = ({\n  children,\n  className = '',\n  ...rest\n}: TableBodyProps) => {\n  const baseClass = 'table-row-group';\n  \n  const bodyClasses = cn(baseClass, className);\n\n  return (\n    <tbody {...rest} className={bodyClasses}>\n      {children}\n    </tbody>\n  );\n};\n\n// Table.Row 组件\nexport type TableRowProps = {\n  children: React.ReactNode;\n  className?: string;\n  selected?: boolean;\n  onClick?: (e: React.MouseEvent) => void;\n  onDoubleClick?: (e: React.MouseEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n} & Omit<\n  React.HTMLAttributes<HTMLTableRowElement>,\n  'className' | 'onClick' | 'onDoubleClick' | 'onMouseEnter' | 'onMouseLeave'\n>;\n\nconst TableRow = ({\n  children,\n  className = '',\n  selected = false,\n  onClick,\n  onDoubleClick,\n  onMouseEnter,\n  onMouseLeave,\n  ...rest\n}: TableRowProps) => {\n  const baseClass = 'table-row';\n\n  const rowClasses = cn(\n    baseClass,\n    selected && 'bg-base-200',\n    'hover:bg-base-100',\n    className\n  );\n\n  return (\n    <tr \n      className={rowClasses}\n      onClick={onClick}\n      onDoubleClick={onDoubleClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      {...rest}\n    >\n      {children}\n    </tr>\n  );\n};\n\n// Table.Cell 组件\nexport type TableCellProps = {\n  children?: React.ReactNode;\n  className?: string;\n  onClick?: (e: React.MouseEvent) => void;\n  colSpan?: number;\n  style?: React.CSSProperties;\n  \n  // 添加鼠标事件\n  onDoubleClick?: (e: React.MouseEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n} & React.TdHTMLAttributes<HTMLTableCellElement>;\n\nconst TableCell = ({\n  children,\n  className = '',\n  onClick,\n  colSpan,\n  style,\n  onDoubleClick,\n  onMouseEnter,\n  onMouseLeave,\n  ...rest\n}: TableCellProps) => {\n  const baseClass = 'table-cell';\n  \n  const cellClasses = cn(baseClass, className);\n\n  return (\n    <td\n      {...rest}\n      className={cellClasses}\n      onClick={onClick}\n      colSpan={colSpan}\n      style={style}\n      onDoubleClick={onDoubleClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {children}\n    </td>\n  );\n};\n\n// Table.HeaderCell 组件\nexport type TableHeaderCellProps = {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: (e: React.MouseEvent) => void;\n  sortable?: boolean;\n  sortDirection?: 'asc' | 'desc' | null;\n  \n  // 拖拽相关属性\n  draggable?: boolean;\n  onDragStart?: (e: React.DragEvent) => void;\n  onDragOver?: (e: React.DragEvent) => void;\n  onDrop?: (e: React.DragEvent) => void;\n  \n  // 鼠标事件\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n} & React.ThHTMLAttributes<HTMLTableCellElement>;\n\nconst TableHeaderCell = ({\n  children,\n  className = '',\n  onClick,\n  sortable = false,\n  sortDirection = null,\n  \n  // 拖拽相关属性\n  draggable,\n  onDragStart,\n  onDragOver,\n  onDrop,\n  \n  // 鼠标事件\n  onMouseEnter,\n  onMouseLeave,\n  ...rest\n}: TableHeaderCellProps) => {\n  const baseClass = 'table-cell font-medium';\n  \n  const headerCellClasses = cn(\n    baseClass,\n    sortable && 'cursor-pointer',\n    className\n  );\n\n  return (\n    <th\n      {...rest}\n      className={headerCellClasses}\n      onClick={onClick}\n      draggable={draggable}\n      onDragStart={onDragStart}\n      onDragOver={onDragOver}\n      onDrop={onDrop}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {sortable ? <div className=\"flex items-center gap-2\">\n        {children}\n        {sortable && (\n          <div className=\"flex flex-col\">\n            {sortDirection === 'asc' ? (\n              <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 15l7-7 7 7\" />\n              </svg>\n            ) : sortDirection === 'desc' ? (\n              <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M19 9l-7 7-7-7\" />\n              </svg>\n            ) : (\n              <div className=\"h-4 w-4 opacity-30\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4\" />\n                </svg>\n              </div>\n            )}\n          </div>\n        )}\n      </div> : children}\n    </th>\n  );\n};\n\nexport type TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;\nexport type TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement>;\nconst TableCaption = (props: TableCaptionProps) => <caption {...props} />;\nconst TableFooter = (props: TableFooterProps) => <tfoot {...props} />;\n\n// 扩展Table组件，添加子组件\ninterface TableCompound extends React.FC<TableProps> {\n  Caption: React.FC<TableCaptionProps>;\n  Footer: React.FC<TableFooterProps>;\n  Head: React.FC<TableHeadProps>;\n  Body: React.FC<TableBodyProps>;\n  Row: React.FC<TableRowProps>;\n  Cell: React.FC<TableCellProps>;\n  HeaderCell: React.FC<TableHeaderCellProps>;\n}\n\nconst TableWithCompounds = Table as TableCompound;\nTableWithCompounds.Caption = TableCaption;\nTableWithCompounds.Footer = TableFooter;\nTableWithCompounds.Head = TableHead;\nTableWithCompounds.Body = TableBody;\nTableWithCompounds.Row = TableRow;\nTableWithCompounds.Cell = TableCell;\nTableWithCompounds.HeaderCell = TableHeaderCell;\n\nexport default TableWithCompounds; "],"mappings":";;;;AAWA,IAAM,KAAS,EACb,aACA,eAAY,IACZ,YACA,iBACA,iBACA,GAAG,QACa;CAGhB,IAAM,IAAe,EAAG,SAAW,CAAS;CAE5C,OACE,kBAAC,SAAD;EACE,GAAI;EACJ,WAAW;EACF;EACK;EACA;EAEb;CACI,CAAA;AAEX,GAKM,KAAa,EACjB,aACA,eAAY,IACZ,GAAG,QACiB;CAGpB,IAAM,IAAc,EAAG,sBAAW,CAAS;CAE3C,OACE,kBAAC,SAAD;EAAO,GAAI;EAAM,WAAW;EACzB;CACI,CAAA;AAEX,GAKM,KAAa,EACjB,aACA,eAAY,IACZ,GAAG,QACiB;CAGpB,IAAM,IAAc,EAAG,mBAAW,CAAS;CAE3C,OACE,kBAAC,SAAD;EAAO,GAAI;EAAM,WAAW;EACzB;CACI,CAAA;AAEX,GAgBM,KAAY,EAChB,aACA,eAAY,IACZ,cAAW,IACX,YACA,kBACA,iBACA,iBACA,GAAG,QACgB;CAGnB,IAAM,IAAa,EACjB,aACA,KAAY,eACZ,qBACA,CACF;CAEA,OACE,kBAAC,MAAD;EACE,WAAW;EACF;EACM;EACD;EACA;EACd,GAAI;EAEH;CACC,CAAA;AAER,GAgBM,KAAa,EACjB,aACA,eAAY,IACZ,YACA,YACA,UACA,kBACA,iBACA,iBACA,GAAG,QACiB;CAGpB,IAAM,IAAc,EAAG,cAAW,CAAS;CAE3C,OACE,kBAAC,MAAD;EACE,GAAI;EACJ,WAAW;EACF;EACA;EACF;EACQ;EACD;EACA;EAEb;CACC,CAAA;AAER,GAqBM,KAAmB,EACvB,aACA,eAAY,IACZ,YACA,cAAW,IACX,mBAAgB,MAGhB,cACA,gBACA,eACA,WAGA,iBACA,iBACA,GAAG,QACuB;CAG1B,IAAM,IAAoB,EACxB,0BACA,KAAY,kBACZ,CACF;CAEA,OACE,kBAAC,MAAD;EACE,GAAI;EACJ,WAAW;EACF;EACE;EACE;EACD;EACJ;EACM;EACA;EAEb,UAAA,IAAW,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACT,GACA,KACC,kBAAC,OAAD;IAAK,WAAU;IACZ,UAAA,MAAkB,QACjB,kBAAC,OAAD;KAAK,OAAM;KAA6B,WAAU;KAAU,MAAK;KAAO,SAAQ;KAAY,QAAO;KACjG,UAAA,kBAAC,QAAD;MAAM,eAAc;MAAQ,gBAAe;MAAQ,aAAY;MAAI,GAAE;KAAiB,CAAA;IACnF,CAAA,IACH,MAAkB,SACpB,kBAAC,OAAD;KAAK,OAAM;KAA6B,WAAU;KAAU,MAAK;KAAO,SAAQ;KAAY,QAAO;KACjG,UAAA,kBAAC,QAAD;MAAM,eAAc;MAAQ,gBAAe;MAAQ,aAAY;MAAI,GAAE;KAAkB,CAAA;IACpF,CAAA,IAEL,kBAAC,OAAD;KAAK,WAAU;KACb,UAAA,kBAAC,OAAD;MAAK,OAAM;MAA6B,WAAU;MAAU,MAAK;MAAO,SAAQ;MAAY,QAAO;MACjG,UAAA,kBAAC,QAAD;OAAM,eAAc;OAAQ,gBAAe;OAAQ,aAAY;OAAI,GAAE;MAAoD,CAAA;KACtH,CAAA;IACF,CAAA;GAEJ,CAAA,CAEJ;EAAI,CAAA,IAAA;CACP,CAAA;AAER,GAIM,KAAgB,MAA6B,kBAAC,WAAD,EAAS,GAAI,EAAQ,CAAA,GAClE,KAAe,MAA4B,kBAAC,SAAD,EAAO,GAAI,EAAQ,CAAA,GAa9D,IAAqB;AAC3B,EAAmB,UAAU,GAC7B,EAAmB,SAAS,GAC5B,EAAmB,OAAO,GAC1B,EAAmB,OAAO,GAC1B,EAAmB,MAAM,GACzB,EAAmB,OAAO,GAC1B,EAAmB,aAAa"}

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

@@ -4,7 +4,7 @@ export type TextSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl
 export type TextWeight = 'normal' | 'medium' | 'semibold' | 'bold';
 export type TextColor = 'default' | 'muted' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'inherit';
 export type TextAlign = 'left' | 'center' | 'right' | 'justify';
-export type TextProps = {
+export type TextProps = Omit<React.HTMLAttributes<HTMLElement>, 'color'> & {
     children?: React.ReactNode;
     /** Rendered HTML element. */
     as?: TextElement;
@@ -12,7 +12,7 @@ export type TextProps = {
     size?: TextSize;
     /** Font weight. */
     weight?: TextWeight;
-    /** Semantic color. */
+    /** `muted` is neutral supporting text; `secondary` is the explicit theme brand color. */
     color?: TextColor;
     /** Text alignment. */
     align?: TextAlign;

package/dist/components/Text/index.js

@@ -18,9 +18,9 @@ var n = {
 	bold: "font-bold"
 }, i = {
 	default: "text-base-content",
-	muted: "text-base-content/60",
+	muted: "text-[color:var(--dishui-text-secondary)]",
 	primary: "text-primary",
-	secondary: "text-secondary",
+	secondary: "text-[color:var(--color-secondary)]",
 	accent: "text-accent",
 	info: "text-info",
 	success: "text-success",
@@ -32,17 +32,18 @@ var n = {
 	center: "text-center",
 	right: "text-right",
 	justify: "text-justify"
-}, o = ({ children: o, as: s = "span", size: c = "base", weight: l = "normal", color: u = "default", align: d, truncate: f = !1, clamp: p, italic: m = !1, underline: h = !1, uppercase: g = !1, mono: _ = !1, className: v = "", style: y, onClick: b }) => {
-	let x = s, S = e(n[c], r[l], i[u], d && a[d], f && "truncate", m && "italic", h && "underline", g && "uppercase tracking-wider", _ && "font-mono", !f && p && p > 0 && "overflow-hidden", v);
-	return /* @__PURE__ */ t(x, {
-		className: S,
+}, o = ({ children: o, as: s = "span", size: c = "base", weight: l = "normal", color: u = "default", align: d, truncate: f = !1, clamp: p, italic: m = !1, underline: h = !1, uppercase: g = !1, mono: _ = !1, className: v = "", style: y, onClick: b, ...x }) => {
+	let S = s, C = e(n[c], r[l], i[u], d && a[d], f && "truncate", m && "italic", h && "underline", g && "uppercase tracking-wider", _ && "font-mono", !f && p && p > 0 && "overflow-hidden", v), w = !f && p && p > 0 ? {
+		display: "-webkit-box",
+		WebkitLineClamp: p,
+		WebkitBoxOrient: "vertical",
+		overflow: "hidden"
+	} : {};
+	return /* @__PURE__ */ t(S, {
+		...x,
+		className: C,
 		style: {
-			...!f && p && p > 0 ? {
-				display: "-webkit-box",
-				WebkitLineClamp: p,
-				WebkitBoxOrient: "vertical",
-				overflow: "hidden"
-			} : {},
+			...w,
 			...y
 		},
 		onClick: b,

package/dist/components/Text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Text/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type TextElement =\n  | 'span'\n  | 'p'\n  | 'div'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'strong'\n  | 'em'\n  | 'small'\n  | 'code';\n\nexport type TextSize =\n  | 'xs'\n  | 'sm'\n  | 'base'\n  | 'lg'\n  | 'xl'\n  | '2xl'\n  | '3xl'\n  | '4xl';\n\nexport type TextWeight = 'normal' | 'medium' | 'semibold' | 'bold';\n\nexport type TextColor =\n  | 'default'\n  | 'muted'\n  | 'primary'\n  | 'secondary'\n  | 'accent'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'inherit';\n\nexport type TextAlign = 'left' | 'center' | 'right' | 'justify';\n\nexport type TextProps = {\n  children?: React.ReactNode;\n  /** Rendered HTML element. */\n  as?: TextElement;\n  /** Font size preset. */\n  size?: TextSize;\n  /** Font weight. */\n  weight?: TextWeight;\n  /** Semantic color. */\n  color?: TextColor;\n  /** Text alignment. */\n  align?: TextAlign;\n  /** Single-line ellipsis. */\n  truncate?: boolean;\n  /** Multi-line clamp (number of lines). */\n  clamp?: number;\n  /** Italic style. */\n  italic?: boolean;\n  /** Underline decoration. */\n  underline?: boolean;\n  /** Uppercase + letter-spacing (overline style). */\n  uppercase?: boolean;\n  /** Monospace font. */\n  mono?: boolean;\n  /** Extra class names. */\n  className?: string;\n  /** Inline styles. */\n  style?: React.CSSProperties;\n  /** Click handler. */\n  onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n};\n\nconst SIZE_CLASS: Record<TextSize, string> = {\n  xs: 'text-xs',\n  sm: 'text-sm',\n  base: 'text-base',\n  lg: 'text-lg',\n  xl: 'text-xl',\n  '2xl': 'text-2xl',\n  '3xl': 'text-3xl',\n  '4xl': 'text-4xl',\n};\n\nconst WEIGHT_CLASS: Record<TextWeight, string> = {\n  normal: 'font-normal',\n  medium: 'font-medium',\n  semibold: 'font-semibold',\n  bold: 'font-bold',\n};\n\nconst COLOR_CLASS: Record<TextColor, string> = {\n  default: 'text-base-content',\n  muted: 'text-base-content/60',\n  primary: 'text-primary',\n  secondary: 'text-secondary',\n  accent: 'text-accent',\n  info: 'text-info',\n  success: 'text-success',\n  warning: 'text-warning',\n  error: 'text-error',\n  inherit: '',\n};\n\nconst ALIGN_CLASS: Record<TextAlign, string> = {\n  left: 'text-left',\n  center: 'text-center',\n  right: 'text-right',\n  justify: 'text-justify',\n};\n\n/**\n * Text —— A2UI 展示组件：文本排版原语。\n * 统一字号 / 字重 / 语义色 / 对齐与截断，替代散落各处的裸 `text-*` 组合。\n */\nconst Text: React.FC<TextProps> = ({\n  children,\n  as = 'span',\n  size = 'base',\n  weight = 'normal',\n  color = 'default',\n  align,\n  truncate = false,\n  clamp,\n  italic = false,\n  underline = false,\n  uppercase = false,\n  mono = false,\n  className = '',\n  style,\n  onClick,\n}) => {\n  const Tag = as as React.ElementType;\n\n  const classes = cn(\n    SIZE_CLASS[size],\n    WEIGHT_CLASS[weight],\n    COLOR_CLASS[color],\n    align && ALIGN_CLASS[align],\n    truncate && 'truncate',\n    italic && 'italic',\n    underline && 'underline',\n    uppercase && 'uppercase tracking-wider',\n    mono && 'font-mono',\n    !truncate && clamp && clamp > 0 && 'overflow-hidden',\n    className,\n  );\n\n  const clampStyle: React.CSSProperties =\n    !truncate && clamp && clamp > 0\n      ? {\n          display: '-webkit-box',\n          WebkitLineClamp: clamp,\n          WebkitBoxOrient: 'vertical',\n          overflow: 'hidden',\n        }\n      : {};\n\n  return (\n    <Tag className={classes} style={{ ...clampStyle, ...style }} onClick={onClick}>\n      {children}\n    </Tag>\n  );\n};\n\nexport default Text;\n"],"mappings":";;;;AA4EA,IAAM,IAAuC;CAC3C,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,OAAO;AACT,GAEM,IAA2C;CAC/C,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,MAAM;AACR,GAEM,IAAyC;CAC7C,SAAS;CACT,OAAO;CACP,SAAS;CACT,WAAW;CACX,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;AACX,GAEM,IAAyC;CAC7C,MAAM;CACN,QAAQ;CACR,OAAO;CACP,SAAS;AACX,GAMM,KAA6B,EACjC,aACA,QAAK,QACL,UAAO,QACP,YAAS,UACT,WAAQ,WACR,UACA,cAAW,IACX,UACA,YAAS,IACT,eAAY,IACZ,eAAY,IACZ,UAAO,IACP,eAAY,IACZ,UACA,iBACI;CACJ,IAAM,IAAM,GAEN,IAAU,EACd,EAAW,IACX,EAAa,IACb,EAAY,IACZ,KAAS,EAAY,IACrB,KAAY,YACZ,KAAU,UACV,KAAa,aACb,KAAa,4BACb,KAAQ,aACR,CAAC,KAAY,KAAS,IAAQ,KAAK,mBACnC,CACF;CAYA,OACE,kBAAC,GAAD;EAAK,WAAW;EAAS,OAAO;GAAE,GAVlC,CAAC,KAAY,KAAS,IAAQ,IAC1B;IACE,SAAS;IACT,iBAAiB;IACjB,iBAAiB;IACjB,UAAU;GACZ,IACA,CAAC;GAG4C,GAAG;EAAM;EAAY;EACnE;CACE,CAAA;AAET"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Text/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type TextElement =\n  | 'span'\n  | 'p'\n  | 'div'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'strong'\n  | 'em'\n  | 'small'\n  | 'code';\n\nexport type TextSize =\n  | 'xs'\n  | 'sm'\n  | 'base'\n  | 'lg'\n  | 'xl'\n  | '2xl'\n  | '3xl'\n  | '4xl';\n\nexport type TextWeight = 'normal' | 'medium' | 'semibold' | 'bold';\n\nexport type TextColor =\n  | 'default'\n  | 'muted'\n  | 'primary'\n  | 'secondary'\n  | 'accent'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'inherit';\n\nexport type TextAlign = 'left' | 'center' | 'right' | 'justify';\n\nexport type TextProps = Omit<React.HTMLAttributes<HTMLElement>, 'color'> & {\n  children?: React.ReactNode;\n  /** Rendered HTML element. */\n  as?: TextElement;\n  /** Font size preset. */\n  size?: TextSize;\n  /** Font weight. */\n  weight?: TextWeight;\n  /** `muted` is neutral supporting text; `secondary` is the explicit theme brand color. */\n  color?: TextColor;\n  /** Text alignment. */\n  align?: TextAlign;\n  /** Single-line ellipsis. */\n  truncate?: boolean;\n  /** Multi-line clamp (number of lines). */\n  clamp?: number;\n  /** Italic style. */\n  italic?: boolean;\n  /** Underline decoration. */\n  underline?: boolean;\n  /** Uppercase + letter-spacing (overline style). */\n  uppercase?: boolean;\n  /** Monospace font. */\n  mono?: boolean;\n  /** Extra class names. */\n  className?: string;\n  /** Inline styles. */\n  style?: React.CSSProperties;\n  /** Click handler. */\n  onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n};\n\nconst SIZE_CLASS: Record<TextSize, string> = {\n  xs: 'text-xs',\n  sm: 'text-sm',\n  base: 'text-base',\n  lg: 'text-lg',\n  xl: 'text-xl',\n  '2xl': 'text-2xl',\n  '3xl': 'text-3xl',\n  '4xl': 'text-4xl',\n};\n\nconst WEIGHT_CLASS: Record<TextWeight, string> = {\n  normal: 'font-normal',\n  medium: 'font-medium',\n  semibold: 'font-semibold',\n  bold: 'font-bold',\n};\n\nconst COLOR_CLASS: Record<TextColor, string> = {\n  default: 'text-base-content',\n  muted: 'text-[color:var(--dishui-text-secondary)]',\n  primary: 'text-primary',\n  secondary: 'text-[color:var(--color-secondary)]',\n  accent: 'text-accent',\n  info: 'text-info',\n  success: 'text-success',\n  warning: 'text-warning',\n  error: 'text-error',\n  inherit: '',\n};\n\nconst ALIGN_CLASS: Record<TextAlign, string> = {\n  left: 'text-left',\n  center: 'text-center',\n  right: 'text-right',\n  justify: 'text-justify',\n};\n\n/**\n * Text —— A2UI 展示组件：文本排版原语。\n * 统一字号 / 字重 / 语义色 / 对齐与截断，替代散落各处的裸 `text-*` 组合。\n */\nconst Text: React.FC<TextProps> = ({\n  children,\n  as = 'span',\n  size = 'base',\n  weight = 'normal',\n  color = 'default',\n  align,\n  truncate = false,\n  clamp,\n  italic = false,\n  underline = false,\n  uppercase = false,\n  mono = false,\n  className = '',\n  style,\n  onClick,\n  ...attributes\n}) => {\n  const Tag = as as React.ElementType;\n\n  const classes = cn(\n    SIZE_CLASS[size],\n    WEIGHT_CLASS[weight],\n    COLOR_CLASS[color],\n    align && ALIGN_CLASS[align],\n    truncate && 'truncate',\n    italic && 'italic',\n    underline && 'underline',\n    uppercase && 'uppercase tracking-wider',\n    mono && 'font-mono',\n    !truncate && clamp && clamp > 0 && 'overflow-hidden',\n    className,\n  );\n\n  const clampStyle: React.CSSProperties =\n    !truncate && clamp && clamp > 0\n      ? {\n          display: '-webkit-box',\n          WebkitLineClamp: clamp,\n          WebkitBoxOrient: 'vertical',\n          overflow: 'hidden',\n        }\n      : {};\n\n  return (\n    <Tag {...attributes} className={classes} style={{ ...clampStyle, ...style }} onClick={onClick}>\n      {children}\n    </Tag>\n  );\n};\n\nexport default Text;\n"],"mappings":";;;;AA4EA,IAAM,IAAuC;CAC3C,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,OAAO;AACT,GAEM,IAA2C;CAC/C,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,MAAM;AACR,GAEM,IAAyC;CAC7C,SAAS;CACT,OAAO;CACP,SAAS;CACT,WAAW;CACX,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;AACX,GAEM,IAAyC;CAC7C,MAAM;CACN,QAAQ;CACR,OAAO;CACP,SAAS;AACX,GAMM,KAA6B,EACjC,aACA,QAAK,QACL,UAAO,QACP,YAAS,UACT,WAAQ,WACR,UACA,cAAW,IACX,UACA,YAAS,IACT,eAAY,IACZ,eAAY,IACZ,UAAO,IACP,eAAY,IACZ,UACA,YACA,GAAG,QACC;CACJ,IAAM,IAAM,GAEN,IAAU,EACd,EAAW,IACX,EAAa,IACb,EAAY,IACZ,KAAS,EAAY,IACrB,KAAY,YACZ,KAAU,UACV,KAAa,aACb,KAAa,4BACb,KAAQ,aACR,CAAC,KAAY,KAAS,IAAQ,KAAK,mBACnC,CACF,GAEM,IACJ,CAAC,KAAY,KAAS,IAAQ,IAC1B;EACE,SAAS;EACT,iBAAiB;EACjB,iBAAiB;EACjB,UAAU;CACZ,IACA,CAAC;CAEP,OACE,kBAAC,GAAD;EAAK,GAAI;EAAY,WAAW;EAAS,OAAO;GAAE,GAAG;GAAY,GAAG;EAAM;EAAY;EACnF;CACE,CAAA;AAET"}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+export type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    wrapperClassName?: string;
+};
+declare const Textarea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    wrapperClassName?: string;
+} & React.RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

package/dist/components/Textarea/index.js

@@ -0,0 +1,44 @@
+/* empty css         */
+import { forwardRef as e, useId as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Textarea/index.tsx
+var i = (e) => e != null && typeof e != "boolean" && e !== "", a = e(function({ label: e, description: a, error: o, wrapperClassName: s = "", className: c = "", id: l, "aria-describedby": u, "aria-invalid": d, ...f }, p) {
+	let m = t(), h = l ?? m, g = `${m}-description`, _ = `${m}-error`, v = i(a), y = i(o), b = [
+		u,
+		v ? g : void 0,
+		y ? _ : void 0
+	].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ r("div", {
+		className: `w-full space-y-2 ${s}`.trim(),
+		children: [
+			i(e) && /* @__PURE__ */ n("label", {
+				htmlFor: h,
+				className: "block text-sm font-medium",
+				children: e
+			}),
+			/* @__PURE__ */ n("textarea", {
+				...f,
+				ref: p,
+				id: h,
+				"aria-describedby": b,
+				"aria-invalid": y ? !0 : d,
+				className: `textarea dishui-textarea w-full resize-y rounded-md border-strong bg-page p-3 text-sm text-primary placeholder:text-tertiary ${c}`.trim()
+			}),
+			v && /* @__PURE__ */ n("div", {
+				id: g,
+				className: "text-xs leading-5 text-secondary",
+				children: a
+			}),
+			y && /* @__PURE__ */ n("div", {
+				id: _,
+				role: "alert",
+				className: "text-xs leading-5 text-error",
+				children: o
+			})
+		]
+	});
+});
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=index.js.map

package/dist/components/Textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Textarea/index.tsx"],"sourcesContent":["import React, { forwardRef, useId } from 'react';\nimport './Textarea.css';\n\nexport type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    label?: React.ReactNode;\n    description?: React.ReactNode;\n    error?: React.ReactNode;\n    wrapperClassName?: string;\n};\n\nconst hasContent = (node: React.ReactNode) => node !== undefined && node !== null && typeof node !== 'boolean' && node !== '';\n\nconst Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea({\n    label,\n    description,\n    error,\n    wrapperClassName = '',\n    className = '',\n    id,\n    'aria-describedby': describedBy,\n    'aria-invalid': invalid,\n    ...attributes\n}, ref) {\n    const generatedId = useId();\n    const fieldId = id ?? generatedId;\n    const descriptionId = `${generatedId}-description`;\n    const errorId = `${generatedId}-error`;\n    const showDescription = hasContent(description);\n    const showError = hasContent(error);\n    const descriptionIds = [describedBy, showDescription ? descriptionId : undefined, showError ? errorId : undefined].filter(Boolean).join(' ') || undefined;\n\n    return (\n        <div className={`w-full space-y-2 ${wrapperClassName}`.trim()}>\n            {hasContent(label) && <label htmlFor={fieldId} className=\"block text-sm font-medium\">{label}</label>}\n            <textarea\n                {...attributes}\n                ref={ref}\n                id={fieldId}\n                aria-describedby={descriptionIds}\n                aria-invalid={showError ? true : invalid}\n                className={`textarea dishui-textarea w-full resize-y rounded-md border-strong bg-page p-3 text-sm text-primary placeholder:text-tertiary ${className}`.trim()}\n            />\n            {showDescription && <div id={descriptionId} className=\"text-xs leading-5 text-secondary\">{description}</div>}\n            {showError && <div id={errorId} role=\"alert\" className=\"text-xs leading-5 text-error\">{error}</div>}\n        </div>\n    );\n});\n\nexport default Textarea;\n"],"mappings":";;;;AAUA,IAAM,KAAc,MAA0B,KAA+B,QAAQ,OAAO,KAAS,aAAa,MAAS,IAErH,IAAW,EAA+C,SAAkB,EAC9E,UACA,gBACA,UACA,sBAAmB,IACnB,eAAY,IACZ,OACA,oBAAoB,GACpB,gBAAgB,GAChB,GAAG,KACJ,GAAK;CACJ,IAAM,IAAc,EAAM,GACpB,IAAU,KAAM,GAChB,IAAgB,GAAG,EAAY,eAC/B,IAAU,GAAG,EAAY,SACzB,IAAkB,EAAW,CAAW,GACxC,IAAY,EAAW,CAAK,GAC5B,IAAiB;EAAC;EAAa,IAAkB,IAAgB,KAAA;EAAW,IAAY,IAAU,KAAA;CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,KAAK,KAAA;CAEhJ,OACI,kBAAC,OAAD;EAAK,WAAW,oBAAoB,IAAmB,KAAK;EAA5D,UAAA;GACK,EAAW,CAAK,KAAK,kBAAC,SAAD;IAAO,SAAS;IAAS,WAAU;IAA6B,UAAA;GAAa,CAAA;GACnG,kBAAC,YAAD;IACI,GAAI;IACC;IACL,IAAI;IACJ,oBAAkB;IAClB,gBAAc,IAAY,KAAO;IACjC,WAAW,gIAAgI,IAAY,KAAK;GAC/J,CAAA;GACA,KAAmB,kBAAC,OAAD;IAAK,IAAI;IAAe,WAAU;IAAoC,UAAA;GAAiB,CAAA;GAC1G,KAAa,kBAAC,OAAD;IAAK,IAAI;IAAS,MAAK;IAAQ,WAAU;IAAgC,UAAA;GAAW,CAAA;EACjG;;AAEb,CAAC"}

package/dist/components/Tree/Tree.d.ts

@@ -62,6 +62,8 @@ export interface TreeProps {
     draggable?: boolean;
     /** 是否可选择（暂不实现） */
     checkable?: boolean;
+    /** Custom label content; depth is zero-based. The string label remains the search text and native title. */
+    renderLabel?: (node: TreeNode, depth: number) => React.ReactNode;
     /** 自定义渲染节点 */
     renderNode?: (node: TreeNode, defaultRender: React.ReactNode) => React.ReactNode;
 }

package/dist/components/Tree/Tree.js

@@ -2,15 +2,15 @@ import { generateTreeActiveStyles as e } from "../../styles/themeStyles.js";
 import t, { useCallback as n, useMemo as r, useState as i } from "react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/Tree/Tree.tsx
-var c = ({ data: c, onNodeClick: l, onNodeDoubleClick: u, onNodeToggle: d, activeNodeId: f, defaultExpandedIds: p = [], showSearch: m = !0, searchPlaceholder: h = "Search...", showExpandAll: g = !0, expandAllText: _ = "Expand All", collapseAllText: v = "Collapse All", showIcon: y = !0, defaultIcon: b, expandIcon: x, collapseIcon: S, showLine: C = !1, maxHeight: w = "600px", className: T = "", title: E, titleIcon: D, showCount: O = !0, emptyText: k = "No data", noResultsText: A = "No results found", indent: j = 16, togglePosition: M = "left", renderNode: N }) => {
-	let [P, F] = i(""), [I, L] = i(new Set(p));
+var c = ({ data: c, onNodeClick: l, onNodeDoubleClick: u, onNodeToggle: d, activeNodeId: f, defaultExpandedIds: p = [], showSearch: m = !0, searchPlaceholder: h = "Search...", showExpandAll: g = !0, expandAllText: _ = "Expand All", collapseAllText: v = "Collapse All", showIcon: y = !0, defaultIcon: b, expandIcon: x, collapseIcon: S, showLine: C = !1, maxHeight: w = "600px", className: T = "", title: E, titleIcon: D, showCount: O = !0, emptyText: k = "No data", noResultsText: A = "No results found", indent: j = 16, togglePosition: M = "left", renderLabel: N, renderNode: P }) => {
+	let [F, I] = i(""), [L, R] = i(new Set(p));
 	t.useEffect(() => {
-		p.length > 0 && L((e) => {
+		p.length > 0 && R((e) => {
 			let t = new Set(e);
 			return p.forEach((e) => t.add(e)), t;
 		});
 	}, [p]);
-	let R = x || /* @__PURE__ */ o("svg", {
+	let z = x || /* @__PURE__ */ o("svg", {
 		className: "w-3 h-3",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -21,7 +21,7 @@ var c = ({ data: c, onNodeClick: l, onNodeDoubleClick: u, onNodeToggle: d, activ
 			strokeWidth: 2,
 			d: "M19 9l-7 7-7-7"
 		})
-	}), z = S || /* @__PURE__ */ o("svg", {
+	}), B = S || /* @__PURE__ */ o("svg", {
 		className: "w-3 h-3",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -32,7 +32,7 @@ var c = ({ data: c, onNodeClick: l, onNodeDoubleClick: u, onNodeToggle: d, activ
 			strokeWidth: 2,
 			d: "M9 5l7 7-7 7"
 		})
-	}), B = b || /* @__PURE__ */ o("svg", {
+	}), V = b || /* @__PURE__ */ o("svg", {
 		className: "w-4 h-4",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -43,36 +43,38 @@ var c = ({ data: c, onNodeClick: l, onNodeDoubleClick: u, onNodeToggle: d, activ
 			strokeWidth: 2,
 			d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
 		})
-	}), V = n((e) => e.reduce((e, t) => e + 1 + (t.children ? V(t.children) : 0), 0), []), H = r(() => V(c), [c, V]), U = n((e, t) => {
+	}), H = n((e) => e.reduce((e, t) => e + 1 + (t.children ? H(t.children) : 0), 0), []), U = r(() => H(c), [c, H]), W = n((e, t) => {
 		if (!t) return e;
 		let n = t.toLowerCase(), r = [];
 		for (let i of e) {
-			let e = i.label.toLowerCase().includes(n), a = i.children ? U(i.children, t) : [];
+			let e = i.label.toLowerCase().includes(n), a = i.children ? W(i.children, t) : [];
 			(e || a.length > 0) && r.push({
 				...i,
 				children: a.length > 0 ? a : i.children
 			});
 		}
 		return r;
-	}, []), W = r(() => U(c, P), [
+	}, []), G = r(() => W(c, F), [
 		c,
-		P,
-		U
-	]), G = n((e) => {
-		let t = new Set(I);
-		t.has(e) ? (t.delete(e), d?.(e, !1)) : (t.add(e), d?.(e, !0)), L(t);
-	}, [I, d]), K = n(() => {
+		F,
+		W
+	]), K = n((e) => {
+		let t = new Set(L);
+		t.has(e) ? (t.delete(e), d?.(e, !1)) : (t.add(e), d?.(e, !0)), R(t);
+	}, [L, d]), q = n(() => {
 		let e = /* @__PURE__ */ new Set(), t = (n) => {
 			n.forEach((n) => {
 				n.children && n.children.length > 0 && (e.add(n.id), t(n.children));
 			});
 		};
-		t(c), L(e);
-	}, [c]), q = n(() => {
-		L(/* @__PURE__ */ new Set());
-	}, []), J = n((e, t = 0, n = []) => {
-		let r = e.children && e.children.length > 0, i = I.has(e.id), c = f === e.id, d = [...n, e.id], p = /* @__PURE__ */ s("div", {
+		t(c), R(e);
+	}, [c]), J = n(() => {
+		R(/* @__PURE__ */ new Set());
+	}, []), Y = n((e, t = 0, n = []) => {
+		let r = e.children && e.children.length > 0, i = L.has(e.id), c = f === e.id, d = [...n, e.id], p = /* @__PURE__ */ s("div", {
 			"data-node-id": e.id,
+			"data-depth": t,
+			"data-level": t + 1,
 			className: `tree-node ${c ? "tree-node-active" : ""} ${e.disabled ? "tree-node-disabled" : ""}`,
 			style: { paddingLeft: `${t * j}px` },
 			children: [/* @__PURE__ */ s("div", {
@@ -85,12 +87,15 @@ var c = ({ data: c, onNodeClick: l, onNodeDoubleClick: u, onNodeToggle: d, activ
 				},
 				children: [
 					M === "left" && /* @__PURE__ */ o(a, { children: r ? /* @__PURE__ */ o("button", {
+						type: "button",
+						"aria-label": `${i ? "Collapse" : "Expand"} ${e.label}`,
+						"aria-expanded": i,
 						className: `tree-node-toggle btn btn-xs btn-ghost btn-circle ${i ? "tree-node-toggle-expanded" : ""}`,
 						onClick: (t) => {
-							t.stopPropagation(), e.disabled || G(e.id);
+							t.stopPropagation(), e.disabled || K(e.id);
 						},
 						disabled: e.disabled,
-						children: i ? R : z
+						children: i ? z : B
 					}) : /* @__PURE__ */ o("span", {
 						className: "tree-node-toggle-placeholder",
 						style: {
@@ -101,12 +106,12 @@ var c = ({ data: c, onNodeClick: l, onNodeDoubleClick: u, onNodeToggle: d, activ
 					}) }),
 					y && /* @__PURE__ */ o("span", {
 						className: "tree-node-icon",
-						children: e.icon || B
+						children: e.icon || V
 					}),
 					/* @__PURE__ */ o("span", {
 						className: "tree-node-label text-sm truncate flex-1",
 						title: e.label,
-						children: e.label
+						children: N ? N(e, t) : e.label
 					}),
 					e.meta?.count !== void 0 && e.meta?.count !== null ? /* @__PURE__ */ o("span", {
 						className: "tree-node-count text-xs opacity-60",
@@ -120,34 +125,38 @@ var c = ({ data: c, onNodeClick: l, onNodeDoubleClick: u, onNodeToggle: d, activ
 						]
 					}) : null,
 					M === "right" && r && /* @__PURE__ */ o("button", {
+						type: "button",
+						"aria-label": `${i ? "Collapse" : "Expand"} ${e.label}`,
+						"aria-expanded": i,
 						className: `tree-node-toggle tree-node-toggle-right btn btn-xs btn-ghost ${i ? "tree-node-toggle-expanded" : ""}`,
 						onClick: (t) => {
-							t.stopPropagation(), e.disabled || G(e.id);
+							t.stopPropagation(), e.disabled || K(e.id);
 						},
 						disabled: e.disabled,
-						children: i ? R : z
+						children: i ? z : B
 					})
 				]
 			}), r && /* @__PURE__ */ o("div", {
 				className: `tree-node-children ${i ? "tree-node-children-expanded" : "tree-node-children-collapsed"}`,
-				children: e.children.map((e) => J(e, t + 1, d))
+				children: e.children.map((e) => Y(e, t + 1, d))
 			})]
 		}, e.id);
-		return N ? N(e, p) : p;
+		return P ? P(e, p) : p;
 	}, [
-		I,
+		L,
 		f,
 		j,
 		y,
 		O,
 		M,
-		R,
 		z,
 		B,
+		V,
 		l,
 		u,
-		G,
-		N
+		K,
+		N,
+		P
 	]);
 	return /* @__PURE__ */ s("div", {
 		className: `tree-component bg-base-100 border border-base-300 rounded-lg p-2 ${T}`,
@@ -164,7 +173,7 @@ var c = ({ data: c, onNodeClick: l, onNodeDoubleClick: u, onNodeToggle: d, activ
 						className: "text-xs opacity-60 ml-auto",
 						children: [
 							"(",
-							H,
+							U,
 							")"
 						]
 					})
@@ -173,31 +182,31 @@ var c = ({ data: c, onNodeClick: l, onNodeDoubleClick: u, onNodeToggle: d, activ
 			m && /* @__PURE__ */ o("input", {
 				type: "text",
 				placeholder: h,
-				value: P,
-				onChange: (e) => F(e.target.value),
+				value: F,
+				onChange: (e) => I(e.target.value),
 				className: "tree-search input input-sm input-bordered w-full mb-2"
 			}),
 			g && /* @__PURE__ */ s("div", {
 				className: "tree-actions flex gap-1 mb-2",
 				children: [/* @__PURE__ */ o("button", {
 					className: "btn btn-xs btn-ghost",
-					onClick: K,
+					onClick: q,
 					children: _
 				}), /* @__PURE__ */ o("button", {
 					className: "btn btn-xs btn-ghost",
-					onClick: q,
+					onClick: J,
 					children: v
 				})]
 			}),
 			/* @__PURE__ */ o("div", {
 				className: "tree-content overflow-y-auto",
 				style: { maxHeight: w },
-				children: W.length === 0 ? /* @__PURE__ */ o("div", {
+				children: G.length === 0 ? /* @__PURE__ */ o("div", {
 					className: "tree-empty text-center text-sm opacity-60 py-4",
-					children: P ? A : k
+					children: F ? A : k
 				}) : /* @__PURE__ */ o("div", {
 					className: `tree-nodes ${C ? "tree-show-line" : ""}`,
-					children: W.map((e) => J(e))
+					children: G.map((e) => Y(e))
 				})
 			}),
 			/* @__PURE__ */ o("style", { children: `