asterui 0.12.47 → 0.12.49

package/dist/components/QRCode.js

@@ -1,62 +1,60 @@
-import { jsx as e, jsxs as y } from "react/jsx-runtime";
-import { useRef as Q, useState as j, useEffect as R } from "react";
-import F from "qrcode";
-const k = ({
-  value: m,
+import { jsx as e, jsxs as b } from "react/jsx-runtime";
+import { useRef as R, useEffect as C } from "react";
+import w from "qrcode";
+const Q = ({
+  value: o,
   size: a = 160,
   errorLevel: v = "M",
-  icon: f,
+  icon: m,
   iconSize: t = 40,
-  type: h = "canvas",
-  color: x = "#000000",
-  bgColor: g = "#FFFFFF",
-  bordered: l = !0,
-  status: n = "active",
-  onRefresh: p,
-  className: C = "",
-  ...c
+  type: f = "canvas",
+  color: g = "#000000",
+  bgColor: h = "#FFFFFF",
+  bordered: n = !0,
+  status: s = "active",
+  onRefresh: x,
+  className: y = "",
+  ...l
 }) => {
-  const s = Q(null), [w, i] = j(n === "loading");
-  R(() => {
-    i(n === "loading");
-  }, [n]), R(() => {
-    if (n !== "active" || !m) return;
+  const c = R(null);
+  C(() => {
+    if (s !== "active" || !o || f !== "canvas") return;
     (async () => {
-      try {
-        if (i(!0), h === "canvas" && s.current && (await F.toCanvas(s.current, m, {
-          width: a,
-          margin: 1,
-          color: {
-            dark: x,
-            light: g
-          },
-          errorCorrectionLevel: v
-        }), f)) {
-          const o = s.current.getContext("2d");
-          if (o) {
-            const d = new Image();
-            d.crossOrigin = "anonymous", d.onload = () => {
-              const u = (a - t) / 2, b = (a - t) / 2;
-              o.fillStyle = g, o.fillRect(u - 4, b - 4, t + 8, t + 8), o.drawImage(d, u, b, t, t);
-            }, d.src = f;
+      if (c.current)
+        try {
+          if (await w.toCanvas(c.current, o, {
+            width: a,
+            margin: 1,
+            color: {
+              dark: g,
+              light: h
+            },
+            errorCorrectionLevel: v
+          }), m && c.current) {
+            const i = c.current.getContext("2d");
+            if (i) {
+              const d = new Image();
+              d.crossOrigin = "anonymous", d.onload = () => {
+                const u = (a - t) / 2, N = (a - t) / 2;
+                i.fillStyle = h, i.fillRect(u - 4, N - 4, t + 8, t + 8), i.drawImage(d, u, N, t, t);
+              }, d.src = m;
+            }
           }
+        } catch (p) {
+          console.error("QR Code generation error:", p);
         }
-        i(!1);
-      } catch (N) {
-        console.error("QR Code generation error:", N), i(!1);
-      }
     })();
-  }, [m, a, v, f, t, h, x, g, n]);
+  }, [o, a, v, m, t, f, g, h, s]);
   const r = [
     "inline-flex items-center justify-center",
-    l && "border border-base-content/20 p-3",
+    n && "border border-base-content/20 p-3",
     "bg-base-100",
-    C
+    y
   ].filter(Boolean).join(" ");
-  return n === "loading" || w ? /* @__PURE__ */ e("div", { className: r, style: { width: a + (l ? 24 : 0), height: a + (l ? 24 : 0) }, "data-state": "loading", ...c, children: /* @__PURE__ */ y("div", { className: "flex flex-col items-center justify-center gap-2", children: [
+  return s === "loading" ? /* @__PURE__ */ e("div", { className: r, style: { width: a + (n ? 24 : 0), height: a + (n ? 24 : 0) }, "data-state": "loading", ...l, children: /* @__PURE__ */ b("div", { className: "flex flex-col items-center justify-center gap-2", children: [
     /* @__PURE__ */ e("span", { className: "loading loading-spinner loading-lg" }),
     /* @__PURE__ */ e("span", { className: "text-sm text-base-content/70", children: "Loading..." })
-  ] }) }) : n === "expired" ? /* @__PURE__ */ e("div", { className: r, style: { width: a + (l ? 24 : 0), height: a + (l ? 24 : 0) }, "data-state": "expired", ...c, children: /* @__PURE__ */ y("div", { className: "flex flex-col items-center justify-center gap-2", children: [
+  ] }) }) : s === "expired" ? /* @__PURE__ */ e("div", { className: r, style: { width: a + (n ? 24 : 0), height: a + (n ? 24 : 0) }, "data-state": "expired", ...l, children: /* @__PURE__ */ b("div", { className: "flex flex-col items-center justify-center gap-2", children: [
     /* @__PURE__ */ e("svg", { className: "w-12 h-12 text-base-content/30", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e(
       "path",
       {
@@ -66,12 +64,12 @@ const k = ({
       }
     ) }),
     /* @__PURE__ */ e("span", { className: "text-sm text-base-content/70", children: "QR Code Expired" }),
-    p && /* @__PURE__ */ e("button", { className: "btn btn-sm btn-primary", onClick: p, children: "Refresh" })
-  ] }) }) : h === "canvas" ? /* @__PURE__ */ e("div", { className: "inline-block", "data-state": "active", ...c, children: /* @__PURE__ */ e("div", { className: r, children: /* @__PURE__ */ e("canvas", { ref: s, style: { display: "block" } }) }) }) : /* @__PURE__ */ e("div", { className: "inline-block", "data-state": "active", ...c, children: /* @__PURE__ */ e("div", { className: r, children: /* @__PURE__ */ e("div", { style: { width: a, height: a }, className: "bg-base-content/5", children: /* @__PURE__ */ e("span", { className: "text-xs text-base-content/50", children: "SVG mode placeholder" }) }) }) });
+    x && /* @__PURE__ */ e("button", { className: "btn btn-sm btn-primary", onClick: x, children: "Refresh" })
+  ] }) }) : f === "canvas" ? /* @__PURE__ */ e("div", { className: "inline-block", "data-state": "active", ...l, children: /* @__PURE__ */ e("div", { className: r, children: /* @__PURE__ */ e("canvas", { ref: c, style: { display: "block" } }) }) }) : /* @__PURE__ */ e("div", { className: "inline-block", "data-state": "active", ...l, children: /* @__PURE__ */ e("div", { className: r, children: /* @__PURE__ */ e("div", { style: { width: a, height: a }, className: "bg-base-content/5", children: /* @__PURE__ */ e("span", { className: "text-xs text-base-content/50", children: "SVG mode placeholder" }) }) }) });
 };
-k.displayName = "QRCode";
+Q.displayName = "QRCode";
 export {
-  k as QRCode,
-  k as default
+  Q as QRCode,
+  Q as default
 };
 //# sourceMappingURL=QRCode.js.map

package/dist/components/QRCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"QRCode.js","sources":["../../src/components/QRCode.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport QRCodeLib from 'qrcode'\n\nexport type QRCodeErrorLevel = 'L' | 'M' | 'Q' | 'H'\nexport type QRCodeType = 'canvas' | 'svg'\nexport type QRCodeStatus = 'active' | 'loading' | 'expired'\n\nexport interface QRCodeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {\n  value: string\n  size?: number\n  errorLevel?: QRCodeErrorLevel\n  icon?: string\n  iconSize?: number\n  type?: QRCodeType\n  color?: string\n  bgColor?: string\n  bordered?: boolean\n  status?: QRCodeStatus\n  onRefresh?: () => void\n}\n\nexport const QRCode: React.FC<QRCodeProps> = ({\n  value,\n  size = 160,\n  errorLevel = 'M',\n  icon,\n  iconSize = 40,\n  type = 'canvas',\n  color = '#000000',\n  bgColor = '#FFFFFF',\n  bordered = true,\n  status = 'active',\n  onRefresh,\n  className = '',\n  ...rest\n}) => {\n  const canvasRef = useRef<HTMLCanvasElement>(null)\n  const [loading, setLoading] = useState(status === 'loading')\n\n  useEffect(() => {\n    setLoading(status === 'loading')\n  }, [status])\n\n  useEffect(() => {\n    if (status !== 'active' || !value) return\n\n    const generateQRCode = async () => {\n      try {\n        setLoading(true)\n\n        if (type === 'canvas' && canvasRef.current) {\n          await QRCodeLib.toCanvas(canvasRef.current, value, {\n            width: size,\n            margin: 1,\n            color: {\n              dark: color,\n              light: bgColor,\n            },\n            errorCorrectionLevel: errorLevel,\n          })\n\n          if (icon) {\n            const canvas = canvasRef.current\n            const ctx = canvas.getContext('2d')\n            if (ctx) {\n              const img = new Image()\n              img.crossOrigin = 'anonymous'\n              img.onload = () => {\n                const iconX = (size - iconSize) / 2\n                const iconY = (size - iconSize) / 2\n                ctx.fillStyle = bgColor\n                ctx.fillRect(iconX - 4, iconY - 4, iconSize + 8, iconSize + 8)\n                ctx.drawImage(img, iconX, iconY, iconSize, iconSize)\n              }\n              img.src = icon\n            }\n          }\n        }\n\n        setLoading(false)\n      } catch (error) {\n        console.error('QR Code generation error:', error)\n        setLoading(false)\n      }\n    }\n\n    generateQRCode()\n  }, [value, size, errorLevel, icon, iconSize, type, color, bgColor, status])\n\n  // Download functionality can be implemented by consumers\n  // by accessing the canvas ref and converting to data URL\n\n  const containerClasses = [\n    'inline-flex items-center justify-center',\n    bordered && 'border border-base-content/20 p-3',\n    'bg-base-100',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  if (status === 'loading' || loading) {\n    return (\n      <div className={containerClasses} style={{ width: size + (bordered ? 24 : 0), height: size + (bordered ? 24 : 0) }} data-state=\"loading\" {...rest}>\n        <div className=\"flex flex-col items-center justify-center gap-2\">\n          <span className=\"loading loading-spinner loading-lg\"></span>\n          <span className=\"text-sm text-base-content/70\">Loading...</span>\n        </div>\n      </div>\n    )\n  }\n\n  if (status === 'expired') {\n    return (\n      <div className={containerClasses} style={{ width: size + (bordered ? 24 : 0), height: size + (bordered ? 24 : 0) }} data-state=\"expired\" {...rest}>\n        <div className=\"flex flex-col items-center justify-center gap-2\">\n          <svg className=\"w-12 h-12 text-base-content/30\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n            <path\n              fillRule=\"evenodd\"\n              d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n          <span className=\"text-sm text-base-content/70\">QR Code Expired</span>\n          {onRefresh && (\n            <button className=\"btn btn-sm btn-primary\" onClick={onRefresh}>\n              Refresh\n            </button>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  if (type === 'canvas') {\n    return (\n      <div className=\"inline-block\" data-state=\"active\" {...rest}>\n        <div className={containerClasses}>\n          <canvas ref={canvasRef} style={{ display: 'block' }} />\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"inline-block\" data-state=\"active\" {...rest}>\n      <div className={containerClasses}>\n        <div style={{ width: size, height: size }} className=\"bg-base-content/5\">\n          <span className=\"text-xs text-base-content/50\">SVG mode placeholder</span>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nQRCode.displayName = 'QRCode'\n\nexport default QRCode\n"],"names":["QRCode","value","size","errorLevel","icon","iconSize","type","color","bgColor","bordered","status","onRefresh","className","rest","canvasRef","useRef","loading","setLoading","useState","useEffect","QRCodeLib","ctx","img","iconX","iconY","error","containerClasses","jsx","jsxs"],"mappings":";;;AAqBO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,YAAAC,IAAa;AAAA,EACb,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAYC,EAA0B,IAAI,GAC1C,CAACC,GAASC,CAAU,IAAIC,EAASR,MAAW,SAAS;AAE3D,EAAAS,EAAU,MAAM;AACd,IAAAF,EAAWP,MAAW,SAAS;AAAA,EACjC,GAAG,CAACA,CAAM,CAAC,GAEXS,EAAU,MAAM;AACd,QAAIT,MAAW,YAAY,CAACT,EAAO;AA0CnC,KAxCuB,YAAY;AACjC,UAAI;AAGF,YAFAgB,EAAW,EAAI,GAEXX,MAAS,YAAYQ,EAAU,YACjC,MAAMM,EAAU,SAASN,EAAU,SAASb,GAAO;AAAA,UACjD,OAAOC;AAAA,UACP,QAAQ;AAAA,UACR,OAAO;AAAA,YACL,MAAMK;AAAA,YACN,OAAOC;AAAA,UAAA;AAAA,UAET,sBAAsBL;AAAA,QAAA,CACvB,GAEGC,IAAM;AAER,gBAAMiB,IADSP,EAAU,QACN,WAAW,IAAI;AAClC,cAAIO,GAAK;AACP,kBAAMC,IAAM,IAAI,MAAA;AAChB,YAAAA,EAAI,cAAc,aAClBA,EAAI,SAAS,MAAM;AACjB,oBAAMC,KAASrB,IAAOG,KAAY,GAC5BmB,KAAStB,IAAOG,KAAY;AAClC,cAAAgB,EAAI,YAAYb,GAChBa,EAAI,SAASE,IAAQ,GAAGC,IAAQ,GAAGnB,IAAW,GAAGA,IAAW,CAAC,GAC7DgB,EAAI,UAAUC,GAAKC,GAAOC,GAAOnB,GAAUA,CAAQ;AAAA,YACrD,GACAiB,EAAI,MAAMlB;AAAA,UACZ;AAAA,QACF;AAGF,QAAAa,EAAW,EAAK;AAAA,MAClB,SAASQ,GAAO;AACd,gBAAQ,MAAM,6BAA6BA,CAAK,GAChDR,EAAW,EAAK;AAAA,MAClB;AAAA,IACF,GAEA;AAAA,EACF,GAAG,CAAChB,GAAOC,GAAMC,GAAYC,GAAMC,GAAUC,GAAMC,GAAOC,GAASE,CAAM,CAAC;AAK1E,QAAMgB,IAAmB;AAAA,IACvB;AAAA,IACAjB,KAAY;AAAA,IACZ;AAAA,IACAG;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAIF,MAAW,aAAaM,IAExB,gBAAAW,EAAC,OAAA,EAAI,WAAWD,GAAkB,OAAO,EAAE,OAAOxB,KAAQO,IAAW,KAAK,IAAI,QAAQP,KAAQO,IAAW,KAAK,GAAA,GAAM,cAAW,WAAW,GAAGI,GAC3I,UAAA,gBAAAe,EAAC,OAAA,EAAI,WAAU,mDACb,UAAA;AAAA,IAAA,gBAAAD,EAAC,QAAA,EAAK,WAAU,qCAAA,CAAqC;AAAA,IACrD,gBAAAA,EAAC,QAAA,EAAK,WAAU,gCAA+B,UAAA,aAAA,CAAU;AAAA,EAAA,EAAA,CAC3D,EAAA,CACF,IAIAjB,MAAW,YAEX,gBAAAiB,EAAC,OAAA,EAAI,WAAWD,GAAkB,OAAO,EAAE,OAAOxB,KAAQO,IAAW,KAAK,IAAI,QAAQP,KAAQO,IAAW,KAAK,GAAA,GAAM,cAAW,WAAW,GAAGI,GAC3I,UAAA,gBAAAe,EAAC,OAAA,EAAI,WAAU,mDACb,UAAA;AAAA,IAAA,gBAAAD,EAAC,SAAI,WAAU,kCAAiC,MAAK,gBAAe,SAAQ,aAC1E,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,GAAE;AAAA,QACF,UAAS;AAAA,MAAA;AAAA,IAAA,GAEb;AAAA,IACA,gBAAAA,EAAC,QAAA,EAAK,WAAU,gCAA+B,UAAA,mBAAe;AAAA,IAC7DhB,KACC,gBAAAgB,EAAC,UAAA,EAAO,WAAU,0BAAyB,SAAShB,GAAW,UAAA,UAAA,CAE/D;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF,IAIAL,MAAS,WAET,gBAAAqB,EAAC,SAAI,WAAU,gBAAe,cAAW,UAAU,GAAGd,GACpD,UAAA,gBAAAc,EAAC,OAAA,EAAI,WAAWD,GACd,UAAA,gBAAAC,EAAC,UAAA,EAAO,KAAKb,GAAW,OAAO,EAAE,SAAS,QAAA,GAAW,EAAA,CACvD,EAAA,CACF,IAKF,gBAAAa,EAAC,OAAA,EAAI,WAAU,gBAAe,cAAW,UAAU,GAAGd,GACpD,UAAA,gBAAAc,EAAC,OAAA,EAAI,WAAWD,GACd,4BAAC,OAAA,EAAI,OAAO,EAAE,OAAOxB,GAAM,QAAQA,EAAA,GAAQ,WAAU,qBACnD,UAAA,gBAAAyB,EAAC,QAAA,EAAK,WAAU,gCAA+B,UAAA,uBAAA,CAAoB,EAAA,CACrE,GACF,GACF;AAEJ;AAEA3B,EAAO,cAAc;"}
+{"version":3,"file":"QRCode.js","sources":["../../src/components/QRCode.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react'\nimport QRCodeLib from 'qrcode'\n\nexport type QRCodeErrorLevel = 'L' | 'M' | 'Q' | 'H'\nexport type QRCodeType = 'canvas' | 'svg'\nexport type QRCodeStatus = 'active' | 'loading' | 'expired'\n\nexport interface QRCodeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {\n  value: string\n  size?: number\n  errorLevel?: QRCodeErrorLevel\n  icon?: string\n  iconSize?: number\n  type?: QRCodeType\n  color?: string\n  bgColor?: string\n  bordered?: boolean\n  status?: QRCodeStatus\n  onRefresh?: () => void\n}\n\nexport const QRCode: React.FC<QRCodeProps> = ({\n  value,\n  size = 160,\n  errorLevel = 'M',\n  icon,\n  iconSize = 40,\n  type = 'canvas',\n  color = '#000000',\n  bgColor = '#FFFFFF',\n  bordered = true,\n  status = 'active',\n  onRefresh,\n  className = '',\n  ...rest\n}) => {\n  const canvasRef = useRef<HTMLCanvasElement>(null)\n\n  useEffect(() => {\n    if (status !== 'active' || !value || type !== 'canvas') return\n\n    const generateQRCode = async () => {\n      if (!canvasRef.current) return\n\n      try {\n        await QRCodeLib.toCanvas(canvasRef.current, value, {\n          width: size,\n          margin: 1,\n          color: {\n            dark: color,\n            light: bgColor,\n          },\n          errorCorrectionLevel: errorLevel,\n        })\n\n        if (icon && canvasRef.current) {\n          const canvas = canvasRef.current\n          const ctx = canvas.getContext('2d')\n          if (ctx) {\n            const img = new Image()\n            img.crossOrigin = 'anonymous'\n            img.onload = () => {\n              const iconX = (size - iconSize) / 2\n              const iconY = (size - iconSize) / 2\n              ctx.fillStyle = bgColor\n              ctx.fillRect(iconX - 4, iconY - 4, iconSize + 8, iconSize + 8)\n              ctx.drawImage(img, iconX, iconY, iconSize, iconSize)\n            }\n            img.src = icon\n          }\n        }\n      } catch (error) {\n        console.error('QR Code generation error:', error)\n      }\n    }\n\n    generateQRCode()\n  }, [value, size, errorLevel, icon, iconSize, type, color, bgColor, status])\n\n  // Download functionality can be implemented by consumers\n  // by accessing the canvas ref and converting to data URL\n\n  const containerClasses = [\n    'inline-flex items-center justify-center',\n    bordered && 'border border-base-content/20 p-3',\n    'bg-base-100',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  if (status === 'loading') {\n    return (\n      <div className={containerClasses} style={{ width: size + (bordered ? 24 : 0), height: size + (bordered ? 24 : 0) }} data-state=\"loading\" {...rest}>\n        <div className=\"flex flex-col items-center justify-center gap-2\">\n          <span className=\"loading loading-spinner loading-lg\"></span>\n          <span className=\"text-sm text-base-content/70\">Loading...</span>\n        </div>\n      </div>\n    )\n  }\n\n  if (status === 'expired') {\n    return (\n      <div className={containerClasses} style={{ width: size + (bordered ? 24 : 0), height: size + (bordered ? 24 : 0) }} data-state=\"expired\" {...rest}>\n        <div className=\"flex flex-col items-center justify-center gap-2\">\n          <svg className=\"w-12 h-12 text-base-content/30\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n            <path\n              fillRule=\"evenodd\"\n              d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n          <span className=\"text-sm text-base-content/70\">QR Code Expired</span>\n          {onRefresh && (\n            <button className=\"btn btn-sm btn-primary\" onClick={onRefresh}>\n              Refresh\n            </button>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  if (type === 'canvas') {\n    return (\n      <div className=\"inline-block\" data-state=\"active\" {...rest}>\n        <div className={containerClasses}>\n          <canvas ref={canvasRef} style={{ display: 'block' }} />\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"inline-block\" data-state=\"active\" {...rest}>\n      <div className={containerClasses}>\n        <div style={{ width: size, height: size }} className=\"bg-base-content/5\">\n          <span className=\"text-xs text-base-content/50\">SVG mode placeholder</span>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nQRCode.displayName = 'QRCode'\n\nexport default QRCode\n"],"names":["QRCode","value","size","errorLevel","icon","iconSize","type","color","bgColor","bordered","status","onRefresh","className","rest","canvasRef","useRef","useEffect","QRCodeLib","ctx","img","iconX","iconY","error","containerClasses","jsx","jsxs"],"mappings":"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"}

package/dist/index.d.ts

@@ -36,6 +36,8 @@ export type { Locale } from './locale';
 export { enUS, enGB, enCA, zhCN, esES, jaJP, ptBR, deDE, frFR, koKR } from './locale';
 export { Collapse } from './components/Collapse';
 export type { CollapseProps, CollapseItemType, CollapseSize, CollapseIconPosition, CollapseCollapsible } from './components/Collapse';
+export { Command } from './components/Command';
+export type { CommandProps, CommandItemConfig } from './components/Command';
 export { Container } from './components/Container';
 export type { ContainerProps } from './components/Container';
 export { ContextMenu } from './components/ContextMenu';

package/dist/index.js

@@ -16,104 +16,105 @@ import { Carousel as M } from "./components/Carousel.js";
 import { Cascader as I } from "./components/Cascader.js";
 import { ConfigContext as G, ConfigProvider as H, useComponentLocale as K, useConfig as z, useLocale as E } from "./components/ConfigProvider.js";
 import { Collapse as W } from "./components/Collapse.js";
-import { Container as O } from "./components/Container.js";
-import { ContextMenu as j } from "./components/ContextMenu.js";
-import { Countdown as Q } from "./components/Countdown.js";
-import { DatePicker as X } from "./components/DatePicker.js";
-import { Descriptions as Z } from "./components/Descriptions.js";
-import { Diff as $ } from "./components/Diff.js";
-import { Dock as ro } from "./components/Dock.js";
-import { Divider as to } from "./components/Divider.js";
-import { Drawer as fo } from "./components/Drawer.js";
-import { ResponsiveDrawer as xo } from "./components/ResponsiveDrawer.js";
-import { Fieldset as so } from "./components/Fieldset.js";
-import { FileInput as io } from "./components/FileInput.js";
-import { Filter as lo } from "./components/Filter.js";
-import { Flex as co } from "./components/Flex.js";
-import { FloatButton as To } from "./components/FloatButton.js";
-import { Footer as Po } from "./components/Footer.js";
-import { Form as Ro, useFormInstance as bo } from "./components/Form.js";
-import { Col as Do, Grid as ho, Row as wo } from "./components/Grid.js";
-import { Hero as Bo } from "./components/Hero.js";
-import { HoverGallery as Mo } from "./components/HoverGallery.js";
-import { Image as Io } from "./components/Image.js";
-import { Dropdown as Go } from "./components/Dropdown.js";
-import { Empty as Ko } from "./components/Empty.js";
-import { Input as Eo } from "./components/Input.js";
-import { InputNumber as Wo } from "./components/InputNumber.js";
-import { Join as Oo } from "./components/Join.js";
-import { Kbd as jo } from "./components/Kbd.js";
-import { Layout as Qo, useSiderContext as Vo } from "./components/Layout.js";
-import { List as Yo } from "./components/List.js";
-import { Loading as _o } from "./components/Loading.js";
-import { Mask as or } from "./components/Mask.js";
-import { Masonry as er } from "./components/Masonry.js";
-import { Mention as pr } from "./components/Mention.js";
-import { Menu as mr } from "./components/Menu.js";
-import { Browser as ar } from "./components/Browser.js";
-import { Code as nr } from "./components/Code.js";
-import { Phone as ur } from "./components/Phone.js";
-import { Window as dr } from "./components/Window.js";
-import { Modal as cr } from "./components/Modal.js";
-import { Navbar as Tr } from "./components/Navbar.js";
-import { notification as Pr } from "./components/Notification.js";
-import { MessageManager as Rr, message as br } from "./components/Message.js";
-import { OTPInput as Dr } from "./components/OTPInput.js";
-import { Pagination as wr } from "./components/Pagination.js";
-import { Popconfirm as Br } from "./components/Popconfirm.js";
-import { Popover as Mr } from "./components/Popover.js";
-import { Progress as Ir } from "./components/Progress.js";
-import { Radio as Gr } from "./components/Radio.js";
-import { RadialProgress as Kr } from "./components/RadialProgress.js";
-import { Range as Er } from "./components/Range.js";
-import { Rating as Wr } from "./components/Rating.js";
-import { Result as Or } from "./components/Result.js";
-import { Select as jr } from "./components/Select.js";
-import { Segmented as Qr } from "./components/Segmented.js";
-import { Skeleton as Xr } from "./components/Skeleton.js";
-import { Space as Zr } from "./components/Space.js";
-import { Splitter as $r } from "./components/Splitter.js";
-import { Stats as re } from "./components/Stat.js";
-import { Status as te } from "./components/Status.js";
-import { Steps as fe } from "./components/Steps.js";
-import { Table as xe } from "./components/Table.js";
-import { Tabs as se } from "./components/Tabs.js";
-import { Textarea as ie } from "./components/Textarea.js";
-import { TextRotate as le } from "./components/TextRotate.js";
-import { CheckableTag as Ce, Tag as ce, TagLiveRegion as ge } from "./components/Tag.js";
-import { ThemeController as Se } from "./components/ThemeController.js";
-import { TimePicker as ke } from "./components/TimePicker.js";
-import { Timeline as be } from "./components/Timeline.js";
-import { Toggle as De } from "./components/Toggle.js";
-import { Tour as we } from "./components/Tour.js";
-import { Tooltip as Be } from "./components/Tooltip.js";
-import { Transfer as Me } from "./components/Transfer.js";
-import { Tree as Ie } from "./components/Tree.js";
-import { TreeSelect as Ge, TreeSelectComponent as He } from "./components/TreeSelect.js";
-import { Typography as ze } from "./components/Typography.js";
-import { Upload as Ne } from "./components/Upload.js";
-import { Watermark as Je } from "./components/Watermark.js";
-import { Hide as Ue, Show as je } from "./components/Responsive.js";
-import { useBreakpoint as Qe } from "./hooks/useBreakpoint.js";
-import { useDisclosure as Xe } from "./hooks/useDisclosure.js";
-import { useClipboard as Ze } from "./hooks/useClipboard.js";
-import { useLocalStorage as $e } from "./hooks/useLocalStorage.js";
-import { useDebounce as rt } from "./hooks/useDebounce.js";
-import { useClickOutside as tt } from "./hooks/useClickOutside.js";
-import { usePrevious as ft } from "./hooks/usePrevious.js";
-import { useHover as xt } from "./hooks/useHover.js";
-import { useKeyPress as st, useKeyPressCallback as nt } from "./hooks/useKeyPress.js";
-import { useWindowSize as ut } from "./hooks/useWindowSize.js";
-import { default as dt } from "./locale/en-US.js";
-import { default as ct } from "./locale/en-GB.js";
-import { default as Tt } from "./locale/en-CA.js";
-import { default as Pt } from "./locale/zh-CN.js";
-import { default as Rt } from "./locale/es-ES.js";
-import { default as vt } from "./locale/ja-JP.js";
-import { default as ht } from "./locale/pt-BR.js";
-import { default as yt } from "./locale/de-DE.js";
-import { default as Ft } from "./locale/fr-FR.js";
-import { default as At } from "./locale/ko-KR.js";
+import { Command as O } from "./components/Command.js";
+import { Container as j } from "./components/Container.js";
+import { ContextMenu as Q } from "./components/ContextMenu.js";
+import { Countdown as X } from "./components/Countdown.js";
+import { DatePicker as Z } from "./components/DatePicker.js";
+import { Descriptions as $ } from "./components/Descriptions.js";
+import { Diff as ro } from "./components/Diff.js";
+import { Dock as to } from "./components/Dock.js";
+import { Divider as fo } from "./components/Divider.js";
+import { Drawer as xo } from "./components/Drawer.js";
+import { ResponsiveDrawer as so } from "./components/ResponsiveDrawer.js";
+import { Fieldset as io } from "./components/Fieldset.js";
+import { FileInput as lo } from "./components/FileInput.js";
+import { Filter as co } from "./components/Filter.js";
+import { Flex as To } from "./components/Flex.js";
+import { FloatButton as Po } from "./components/FloatButton.js";
+import { Footer as Ro } from "./components/Footer.js";
+import { Form as vo, useFormInstance as Do } from "./components/Form.js";
+import { Col as wo, Grid as yo, Row as Bo } from "./components/Grid.js";
+import { Hero as Mo } from "./components/Hero.js";
+import { HoverGallery as Io } from "./components/HoverGallery.js";
+import { Image as Go } from "./components/Image.js";
+import { Dropdown as Ko } from "./components/Dropdown.js";
+import { Empty as Eo } from "./components/Empty.js";
+import { Input as Wo } from "./components/Input.js";
+import { InputNumber as Oo } from "./components/InputNumber.js";
+import { Join as jo } from "./components/Join.js";
+import { Kbd as Qo } from "./components/Kbd.js";
+import { Layout as Xo, useSiderContext as Yo } from "./components/Layout.js";
+import { List as _o } from "./components/List.js";
+import { Loading as or } from "./components/Loading.js";
+import { Mask as er } from "./components/Mask.js";
+import { Masonry as pr } from "./components/Masonry.js";
+import { Mention as mr } from "./components/Mention.js";
+import { Menu as ar } from "./components/Menu.js";
+import { Browser as nr } from "./components/Browser.js";
+import { Code as ur } from "./components/Code.js";
+import { Phone as dr } from "./components/Phone.js";
+import { Window as cr } from "./components/Window.js";
+import { Modal as Tr } from "./components/Modal.js";
+import { Navbar as Pr } from "./components/Navbar.js";
+import { notification as Rr } from "./components/Notification.js";
+import { MessageManager as vr, message as Dr } from "./components/Message.js";
+import { OTPInput as wr } from "./components/OTPInput.js";
+import { Pagination as Br } from "./components/Pagination.js";
+import { Popconfirm as Mr } from "./components/Popconfirm.js";
+import { Popover as Ir } from "./components/Popover.js";
+import { Progress as Gr } from "./components/Progress.js";
+import { Radio as Kr } from "./components/Radio.js";
+import { RadialProgress as Er } from "./components/RadialProgress.js";
+import { Range as Wr } from "./components/Range.js";
+import { Rating as Or } from "./components/Rating.js";
+import { Result as jr } from "./components/Result.js";
+import { Select as Qr } from "./components/Select.js";
+import { Segmented as Xr } from "./components/Segmented.js";
+import { Skeleton as Zr } from "./components/Skeleton.js";
+import { Space as $r } from "./components/Space.js";
+import { Splitter as re } from "./components/Splitter.js";
+import { Stats as te } from "./components/Stat.js";
+import { Status as fe } from "./components/Status.js";
+import { Steps as xe } from "./components/Steps.js";
+import { Table as se } from "./components/Table.js";
+import { Tabs as ie } from "./components/Tabs.js";
+import { Textarea as le } from "./components/Textarea.js";
+import { TextRotate as Ce } from "./components/TextRotate.js";
+import { CheckableTag as ge, Tag as Te, TagLiveRegion as Se } from "./components/Tag.js";
+import { ThemeController as ke } from "./components/ThemeController.js";
+import { TimePicker as be } from "./components/TimePicker.js";
+import { Timeline as De } from "./components/Timeline.js";
+import { Toggle as we } from "./components/Toggle.js";
+import { Tour as Be } from "./components/Tour.js";
+import { Tooltip as Me } from "./components/Tooltip.js";
+import { Transfer as Ie } from "./components/Transfer.js";
+import { Tree as Ge } from "./components/Tree.js";
+import { TreeSelect as Ke, TreeSelectComponent as ze } from "./components/TreeSelect.js";
+import { Typography as Ne } from "./components/Typography.js";
+import { Upload as Je } from "./components/Upload.js";
+import { Watermark as Ue } from "./components/Watermark.js";
+import { Hide as qe, Show as Qe } from "./components/Responsive.js";
+import { useBreakpoint as Xe } from "./hooks/useBreakpoint.js";
+import { useDisclosure as Ze } from "./hooks/useDisclosure.js";
+import { useClipboard as $e } from "./hooks/useClipboard.js";
+import { useLocalStorage as rt } from "./hooks/useLocalStorage.js";
+import { useDebounce as tt } from "./hooks/useDebounce.js";
+import { useClickOutside as ft } from "./hooks/useClickOutside.js";
+import { usePrevious as xt } from "./hooks/usePrevious.js";
+import { useHover as st } from "./hooks/useHover.js";
+import { useKeyPress as it, useKeyPressCallback as ut } from "./hooks/useKeyPress.js";
+import { useWindowSize as dt } from "./hooks/useWindowSize.js";
+import { default as ct } from "./locale/en-US.js";
+import { default as Tt } from "./locale/en-GB.js";
+import { default as Pt } from "./locale/en-CA.js";
+import { default as Rt } from "./locale/zh-CN.js";
+import { default as vt } from "./locale/es-ES.js";
+import { default as ht } from "./locale/ja-JP.js";
+import { default as yt } from "./locale/pt-BR.js";
+import { default as Ft } from "./locale/de-DE.js";
+import { default as At } from "./locale/fr-FR.js";
+import { default as Lt } from "./locale/ko-KR.js";
 export {
   e as Affix,
   m as Alert,
@@ -123,128 +124,129 @@ export {
   i as AvatarGroup,
   l as Badge,
   C as Breadcrumb,
-  ar as Browser,
+  nr as Browser,
   g as Button,
   B as Card,
   M as Carousel,
   I as Cascader,
   D as Chat,
-  Ce as CheckableTag,
+  ge as CheckableTag,
   b as Checkbox,
-  nr as Code,
-  Do as Col,
+  ur as Code,
+  wo as Col,
   W as Collapse,
   w as ColorPicker,
+  O as Command,
   G as ConfigContext,
   H as ConfigProvider,
-  O as Container,
-  j as ContextMenu,
+  j as Container,
+  Q as ContextMenu,
   k as CopyButton,
-  Q as Countdown,
-  X as DatePicker,
-  Z as Descriptions,
-  $ as Diff,
-  to as Divider,
-  ro as Dock,
-  fo as Drawer,
-  Go as Dropdown,
-  Ko as Empty,
-  so as Fieldset,
-  io as FileInput,
-  lo as Filter,
-  co as Flex,
-  To as FloatButton,
-  Po as Footer,
-  Ro as Form,
-  ho as Grid,
-  Bo as Hero,
-  Ue as Hide,
-  Mo as HoverGallery,
+  X as Countdown,
+  Z as DatePicker,
+  $ as Descriptions,
+  ro as Diff,
+  fo as Divider,
+  to as Dock,
+  xo as Drawer,
+  Ko as Dropdown,
+  Eo as Empty,
+  io as Fieldset,
+  lo as FileInput,
+  co as Filter,
+  To as Flex,
+  Po as FloatButton,
+  Ro as Footer,
+  vo as Form,
+  yo as Grid,
+  Mo as Hero,
+  qe as Hide,
+  Io as HoverGallery,
   S as IconSizeContext,
-  Io as Image,
-  Eo as Input,
-  Wo as InputNumber,
-  Oo as Join,
-  jo as Kbd,
-  Qo as Layout,
-  Yo as List,
-  _o as Loading,
-  or as Mask,
-  er as Masonry,
-  pr as Mention,
-  mr as Menu,
-  Rr as MessageManager,
-  cr as Modal,
-  Tr as Navbar,
-  Dr as OTPInput,
-  wr as Pagination,
-  ur as Phone,
-  Br as Popconfirm,
-  Mr as Popover,
-  Ir as Progress,
-  Kr as RadialProgress,
-  Gr as Radio,
-  Er as Range,
-  Wr as Rating,
-  xo as ResponsiveDrawer,
-  Or as Result,
-  wo as Row,
-  Qr as Segmented,
-  jr as Select,
-  je as Show,
-  Xr as Skeleton,
-  Zr as Space,
-  $r as Splitter,
-  re as Stats,
-  te as Status,
-  fe as Steps,
-  xe as Table,
-  se as Tabs,
-  ce as Tag,
-  ge as TagLiveRegion,
-  le as TextRotate,
-  ie as Textarea,
-  Se as ThemeController,
-  ke as TimePicker,
-  be as Timeline,
-  De as Toggle,
-  Be as Tooltip,
-  we as Tour,
-  Me as Transfer,
-  Ie as Tree,
-  Ge as TreeSelect,
-  He as TreeSelectComponent,
-  ze as Typography,
-  Ne as Upload,
-  Je as Watermark,
-  dr as Window,
-  yt as deDE,
-  Tt as enCA,
-  ct as enGB,
-  dt as enUS,
-  Rt as esES,
-  Ft as frFR,
-  vt as jaJP,
-  At as koKR,
-  br as message,
-  Pr as notification,
-  ht as ptBR,
-  Qe as useBreakpoint,
-  tt as useClickOutside,
-  Ze as useClipboard,
+  Go as Image,
+  Wo as Input,
+  Oo as InputNumber,
+  jo as Join,
+  Qo as Kbd,
+  Xo as Layout,
+  _o as List,
+  or as Loading,
+  er as Mask,
+  pr as Masonry,
+  mr as Mention,
+  ar as Menu,
+  vr as MessageManager,
+  Tr as Modal,
+  Pr as Navbar,
+  wr as OTPInput,
+  Br as Pagination,
+  dr as Phone,
+  Mr as Popconfirm,
+  Ir as Popover,
+  Gr as Progress,
+  Er as RadialProgress,
+  Kr as Radio,
+  Wr as Range,
+  Or as Rating,
+  so as ResponsiveDrawer,
+  jr as Result,
+  Bo as Row,
+  Xr as Segmented,
+  Qr as Select,
+  Qe as Show,
+  Zr as Skeleton,
+  $r as Space,
+  re as Splitter,
+  te as Stats,
+  fe as Status,
+  xe as Steps,
+  se as Table,
+  ie as Tabs,
+  Te as Tag,
+  Se as TagLiveRegion,
+  Ce as TextRotate,
+  le as Textarea,
+  ke as ThemeController,
+  be as TimePicker,
+  De as Timeline,
+  we as Toggle,
+  Me as Tooltip,
+  Be as Tour,
+  Ie as Transfer,
+  Ge as Tree,
+  Ke as TreeSelect,
+  ze as TreeSelectComponent,
+  Ne as Typography,
+  Je as Upload,
+  Ue as Watermark,
+  cr as Window,
+  Ft as deDE,
+  Pt as enCA,
+  Tt as enGB,
+  ct as enUS,
+  vt as esES,
+  At as frFR,
+  ht as jaJP,
+  Lt as koKR,
+  Dr as message,
+  Rr as notification,
+  yt as ptBR,
+  Xe as useBreakpoint,
+  ft as useClickOutside,
+  $e as useClipboard,
   K as useComponentLocale,
   z as useConfig,
-  rt as useDebounce,
-  Xe as useDisclosure,
-  bo as useFormInstance,
-  xt as useHover,
-  st as useKeyPress,
-  nt as useKeyPressCallback,
-  $e as useLocalStorage,
+  tt as useDebounce,
+  Ze as useDisclosure,
+  Do as useFormInstance,
+  st as useHover,
+  it as useKeyPress,
+  ut as useKeyPressCallback,
+  rt as useLocalStorage,
   E as useLocale,
-  ft as usePrevious,
-  Vo as useSiderContext,
-  ut as useWindowSize,
-  Pt as zhCN
+  xt as usePrevious,
+  Yo as useSiderContext,
+  dt as useWindowSize,
+  Rt as zhCN
 };
 //# sourceMappingURL=index.js.map