@pactor-app/ui 1.10.0 → 1.12.0

package/dist/{chunk-PECP7DJB.js → chunk-2B5YV2HR.js}

@@ -16,7 +16,7 @@ import {
   TooltipTrigger,
   useIsMobile,
   useSidebar
-} from "./chunk-VM4FESQB.js";
+} from "./chunk-AUSWAD26.js";
 import {
   cn
 } from "./chunk-WKJUCGV4.js";

package/dist/{chunk-M4PHRT2N.js → chunk-3KCE7ROX.js}

@@ -2,7 +2,7 @@ import {
   Icon,
   Menu,
   Sidebar
-} from "./chunk-PECP7DJB.js";
+} from "./chunk-2B5YV2HR.js";
 import {
   Alert,
   AlertDescription,
@@ -141,7 +141,7 @@ import {
   chartColor,
   navigationMenuTriggerStyle,
   toast
-} from "./chunk-VT5XP4U4.js";
+} from "./chunk-XEK5NQJA.js";
 import {
   Dialog,
   DialogContent,
@@ -176,7 +176,7 @@ import {
   Tooltip,
   TooltipContent,
   TooltipTrigger
-} from "./chunk-VM4FESQB.js";
+} from "./chunk-AUSWAD26.js";
 import {
   Button,
   cn
@@ -325,13 +325,38 @@ function Badge2({ text, variant = "default", className, style }) {
 
 // src/components/components/Breadcrumb/index.tsx
 import { Fragment } from "react";
+
+// src/components/spa-link.ts
+import { useRenderer as useRenderer3 } from "@pactor-app/runtime";
+function shouldInterceptLinkClick(event, href, target) {
+  return typeof href === "string" && href.startsWith("/") && (target === void 0 || target === "_self") && event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey;
+}
+function useSpaLinkClick() {
+  const { context } = useRenderer3();
+  return (event, href, target) => {
+    if (shouldInterceptLinkClick(event, href, target)) {
+      event.preventDefault();
+      context.route.navigate(href);
+    }
+  };
+}
+
+// src/components/components/Breadcrumb/index.tsx
 import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function Breadcrumb2({ items = [], className, style }) {
+  const handleSpaClick = useSpaLinkClick();
   return /* @__PURE__ */ jsx8(Breadcrumb, { className, style, children: /* @__PURE__ */ jsx8(BreadcrumbList, { children: items.map((item, index) => {
     const isLast = index === items.length - 1;
     return /* @__PURE__ */ jsxs5(Fragment, { children: [
       index > 0 ? /* @__PURE__ */ jsx8(BreadcrumbSeparator, {}) : null,
-      /* @__PURE__ */ jsx8(BreadcrumbItem, { children: isLast || !item.href ? /* @__PURE__ */ jsx8(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx8(BreadcrumbLink, { href: item.href, children: item.label }) })
+      /* @__PURE__ */ jsx8(BreadcrumbItem, { children: isLast || !item.href ? /* @__PURE__ */ jsx8(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx8(
+        BreadcrumbLink,
+        {
+          href: item.href,
+          onClick: (event) => handleSpaClick(event, item.href),
+          children: item.label
+        }
+      ) })
     ] }, `${item.label}-${index}`);
   }) }) });
 }
@@ -353,6 +378,8 @@ var sizeMap = {
 };
 function Button2({
   text,
+  icon,
+  tooltip,
   variant = "default",
   danger,
   size = "middle",
@@ -365,7 +392,7 @@ function Button2({
   children
 }) {
   const textual = variant === "link" || variant === "text";
-  return /* @__PURE__ */ jsxs6(
+  const button = /* @__PURE__ */ jsxs6(
     Button,
     {
       type: submit ? "submit" : "button",
@@ -381,11 +408,18 @@ function Button2({
         className
       ),
       children: [
-        loading ? /* @__PURE__ */ jsx9(Loader2, { "aria-hidden": true, className: "animate-spin" }) : null,
+        loading ? /* @__PURE__ */ jsx9(Loader2, { "aria-hidden": true, className: "animate-spin" }) : icon ? /* @__PURE__ */ jsx9(Icon, { name: icon, size: "sm" }) : null,
         text ?? children
       ]
     }
   );
+  if (tooltip) {
+    return /* @__PURE__ */ jsxs6(Tooltip, { children: [
+      /* @__PURE__ */ jsx9(TooltipTrigger, { render: button }),
+      /* @__PURE__ */ jsx9(TooltipContent, { children: tooltip })
+    ] });
+  }
+  return button;
 }
 
 // src/components/components/ButtonGroup/index.tsx
@@ -499,7 +533,7 @@ function Card2({ title, bordered = true, rounded, className, style, children })
 }
 
 // src/components/components/Carousel/index.tsx
-import { useRenderer as useRenderer3 } from "@pactor-app/runtime";
+import { useRenderer as useRenderer4 } from "@pactor-app/runtime";
 import { useEffect as useEffect2, useState as useState2 } from "react";
 import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 function isDslNode(item) {
@@ -512,7 +546,7 @@ function Carousel2({
   className,
   style
 }) {
-  const { renderChildren } = useRenderer3();
+  const { renderChildren } = useRenderer4();
   const [api, setApi] = useState2();
   useEffect2(() => {
     if (!api || !autoplay) return;
@@ -890,7 +924,7 @@ function Chart({
 }
 
 // src/components/components/ChatInput/index.tsx
-import { useRenderer as useRenderer4 } from "@pactor-app/runtime";
+import { useRenderer as useRenderer5 } from "@pactor-app/runtime";
 import { ArrowUp } from "lucide-react";
 import {
   useRef,
@@ -912,7 +946,7 @@ function ChatInput({
   className,
   style
 }) {
-  const { renderChildren } = useRenderer4();
+  const { renderChildren } = useRenderer5();
   const controlled = value !== void 0;
   const [draft, setDraft] = useState5("");
   const text = controlled ? value : draft;
@@ -1032,7 +1066,7 @@ function ContextMenu2({
 }
 
 // src/components/components/DataTable/index.tsx
-import { useI18n as useI18n3, useRenderer as useRenderer5 } from "@pactor-app/runtime";
+import { useI18n as useI18n3, useRenderer as useRenderer6 } from "@pactor-app/runtime";
 import { ArrowDown, ArrowUp as ArrowUp2, ArrowUpDown } from "lucide-react";
 import { useMemo, useState as useState6 } from "react";
 import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
@@ -1062,7 +1096,7 @@ function DataTable({
   className,
   style
 }) {
-  const { renderChildren } = useRenderer5();
+  const { renderChildren } = useRenderer6();
   const { t } = useI18n3();
   const [sortState, setSortState] = useState6(sort);
   const [filters, setFilters] = useState6({});
@@ -1484,7 +1518,7 @@ function DatePicker(props) {
 }
 
 // src/components/components/Dialog/index.tsx
-import { useRenderer as useRenderer6 } from "@pactor-app/runtime";
+import { useRenderer as useRenderer7 } from "@pactor-app/runtime";
 import { useState as useState8 } from "react";
 import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 function Dialog2({
@@ -1497,7 +1531,7 @@ function Dialog2({
   className,
   style
 }) {
-  const { renderChildren } = useRenderer6();
+  const { renderChildren } = useRenderer7();
   const [innerOpen, setInnerOpen] = useState8(false);
   const controlled = open !== void 0;
   const visible = controlled ? open : innerOpen;
@@ -1611,9 +1645,15 @@ function Empty2({ title, description, children, className, style }) {
 
 // src/components/components/Field/index.tsx
 import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
-function Field2({ label, description, error, children, className, style }) {
+function Field2({ label, required, description, error, children, className, style }) {
   return /* @__PURE__ */ jsxs23(Field, { className, style, children: [
-    label ? /* @__PURE__ */ jsx28(FieldLabel, { children: label }) : null,
+    label ? /* @__PURE__ */ jsxs23(FieldLabel, { children: [
+      required ? /* @__PURE__ */ jsxs23("span", { "aria-hidden": true, className: "text-destructive", children: [
+        "*",
+        " "
+      ] }) : null,
+      label
+    ] }) : null,
     children,
     description ? /* @__PURE__ */ jsx28(FieldDescription, { children: description }) : null,
     error ? /* @__PURE__ */ jsx28(FieldError, { match: true, children: error }) : null
@@ -1688,7 +1728,7 @@ function Footer({ className, style, children }) {
 }
 
 // src/components/components/Form/index.tsx
-import { useRenderer as useRenderer7 } from "@pactor-app/runtime";
+import { useRenderer as useRenderer8 } from "@pactor-app/runtime";
 import {
   useCallback,
   useEffect as useEffect6,
@@ -1710,7 +1750,7 @@ function Form({
   onSubmit,
   onValuesChange
 }) {
-  const { context } = useRenderer7();
+  const { context } = useRenderer8();
   const [values, setValues] = useState9(() => ({
     ...initialValues
   }));
@@ -2020,13 +2060,13 @@ function HeaderLocalesArea({
 }
 
 // src/components/components/HoverCard/index.tsx
-import { useRenderer as useRenderer8 } from "@pactor-app/runtime";
+import { useRenderer as useRenderer9 } from "@pactor-app/runtime";
 import { jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
 function isDslNode2(value) {
   return typeof value === "object" && value !== null && typeof value.type === "string";
 }
 function HoverCard2({ content, children, className, style }) {
-  const { renderChildren } = useRenderer8();
+  const { renderChildren } = useRenderer9();
   return /* @__PURE__ */ jsxs25(HoverCard, { children: [
     /* @__PURE__ */ jsx34(HoverCardTrigger, { render: triggerWrapper("hover-card-trigger-wrap"), children }),
     /* @__PURE__ */ jsx34(HoverCardContent, { className, style, children: isDslNode2(content) ? renderChildren([content]) : content })
@@ -2048,6 +2088,7 @@ function Input2({
   allowClear,
   onChange,
   className,
+  controlClassName,
   style
 }) {
   const form = useFormContext();
@@ -2079,7 +2120,10 @@ function Input2({
       value: currentValue,
       placeholder,
       disabled,
-      className: !inFormRoot && allowClear !== true ? className : void 0,
+      className: cn(
+        !inFormRoot && allowClear !== true && className,
+        allowClear !== true && controlClassName
+      ),
       style: !inFormRoot && allowClear !== true ? style : void 0,
       onChange: (event) => {
         if (inForm && form && name) {
@@ -2102,7 +2146,11 @@ function Input2({
   const control = allowClear === true ? /* @__PURE__ */ jsxs26(
     "span",
     {
-      className: cn("flex items-center gap-1", !inFormRoot && className),
+      className: cn(
+        "flex items-center gap-1",
+        !inFormRoot && className,
+        controlClassName
+      ),
       style: inFormRoot ? void 0 : style,
       children: [
         input,
@@ -2212,7 +2260,7 @@ function InputOTP2({
 }
 
 // src/components/components/Item/index.tsx
-import { useRenderer as useRenderer9 } from "@pactor-app/runtime";
+import { useRenderer as useRenderer10 } from "@pactor-app/runtime";
 import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
 function Item2({
   title,
@@ -2222,7 +2270,7 @@ function Item2({
   className,
   style
 }) {
-  const { renderChildren } = useRenderer9();
+  const { renderChildren } = useRenderer10();
   const mediaNodes = media === void 0 ? [] : Array.isArray(media) ? media : [media];
   return /* @__PURE__ */ jsxs28(Item, { className, style, children: [
     mediaNodes.length > 0 ? /* @__PURE__ */ jsx38(ItemMedia, { children: renderChildren(mediaNodes) }) : null,
@@ -2248,10 +2296,10 @@ function Label2({ text, htmlFor, className, style }) {
 
 // src/components/components/Layout/index.tsx
 import { isDslSourceRef } from "@pactor-app/core";
-import { useRenderer as useRenderer10 } from "@pactor-app/runtime";
+import { useRenderer as useRenderer11 } from "@pactor-app/runtime";
 import { jsx as jsx41 } from "react/jsx-runtime";
 function Layout({ direction, className, style, dslChildren }) {
-  const { renderChildren, context } = useRenderer10();
+  const { renderChildren, context } = useRenderer11();
   const hasSider = Array.isArray(dslChildren) ? dslChildren.some(
     (child) => !isDslSourceRef(child) && resolveRootType(child, context) === "Sider"
   ) : false;
@@ -2282,6 +2330,7 @@ function resolveRootType(node, context) {
 // src/components/components/Link/index.tsx
 import { jsx as jsx42 } from "react/jsx-runtime";
 function Link({ href, text, target, className, style, children }) {
+  const handleSpaClick = useSpaLinkClick();
   return /* @__PURE__ */ jsx42(
     "a",
     {
@@ -2291,6 +2340,7 @@ function Link({ href, text, target, className, style, children }) {
       rel: target === "_blank" ? "noreferrer" : void 0,
       className: cn("text-primary underline-offset-4 hover:underline", className),
       style,
+      onClick: (event) => handleSpaClick(event, href, target),
       children: text ?? children
     }
   );
@@ -2443,13 +2493,13 @@ function Pagination2({
 }
 
 // src/components/components/Popover/index.tsx
-import { useRenderer as useRenderer11 } from "@pactor-app/runtime";
+import { useRenderer as useRenderer12 } from "@pactor-app/runtime";
 import { jsx as jsx47, jsxs as jsxs33 } from "react/jsx-runtime";
 function isDslNode3(value) {
   return typeof value === "object" && value !== null && typeof value.type === "string";
 }
 function Popover2({ content, children, className, style }) {
-  const { renderChildren } = useRenderer11();
+  const { renderChildren } = useRenderer12();
   return /* @__PURE__ */ jsxs33(Popover, { children: [
     /* @__PURE__ */ jsx47(
       PopoverTrigger,
@@ -2594,7 +2644,7 @@ function RadioGroup2({
 }
 
 // src/components/components/Resizable/index.tsx
-import { useRenderer as useRenderer12 } from "@pactor-app/runtime";
+import { useRenderer as useRenderer13 } from "@pactor-app/runtime";
 import { Fragment as Fragment4 } from "react";
 import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
 function Resizable({
@@ -2603,7 +2653,7 @@ function Resizable({
   className,
   style
 }) {
-  const { renderChildren } = useRenderer12();
+  const { renderChildren } = useRenderer13();
   return /* @__PURE__ */ jsx51(PanelGroup, { orientation: direction, className, style, children: panels.map((panel, index) => /* @__PURE__ */ jsxs36(Fragment4, { children: [
     index > 0 ? /* @__PURE__ */ jsx51(ResizableHandle, { withHandle: true }) : null,
     /* @__PURE__ */ jsx51(
@@ -2652,6 +2702,7 @@ function Select2({
   allowClear,
   onChange,
   className,
+  controlClassName,
   style
 }) {
   const form = useFormContext();
@@ -2677,7 +2728,12 @@ function Select2({
   const select = /* @__PURE__ */ jsxs37(
     "span",
     {
-      className: cn("inline-flex items-center gap-1", !inFormRoot && className),
+      className: cn(
+        // Form / Field（Form 上下文）内控件占满整行宽度；独立渲染保持内容自然宽度
+        inFormRoot ? "flex w-full items-center gap-1" : "inline-flex items-center gap-1",
+        !inFormRoot && className,
+        controlClassName
+      ),
       style: inFormRoot ? void 0 : style,
       children: [
         /* @__PURE__ */ jsxs37(
@@ -2689,7 +2745,7 @@ function Select2({
             disabled,
             name: inForm ? name : void 0,
             children: [
-              /* @__PURE__ */ jsx53(SelectTrigger, { id: controlId, children: /* @__PURE__ */ jsx53(SelectValue, { placeholder }) }),
+              /* @__PURE__ */ jsx53(SelectTrigger, { id: controlId, className: inFormRoot ? "w-full" : void 0, children: /* @__PURE__ */ jsx53(SelectValue, { placeholder }) }),
               /* @__PURE__ */ jsx53(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx53(
                 SelectItem,
                 {
@@ -2915,11 +2971,11 @@ function Slider2({
 }
 
 // src/components/components/Sonner/index.tsx
-import { useRenderer as useRenderer13 } from "@pactor-app/runtime";
+import { useRenderer as useRenderer14 } from "@pactor-app/runtime";
 import { useEffect as useEffect12 } from "react";
 import { jsx as jsx59 } from "react/jsx-runtime";
 function Sonner({ className, style }) {
-  const { context } = useRenderer13();
+  const { context } = useRenderer14();
   useEffect12(() => {
     const { actions } = context;
     if (actions.has("toast")) {
@@ -3030,7 +3086,7 @@ function Switch2({
 }
 
 // src/components/components/Table/index.tsx
-import { useI18n as useI18n8, useRenderer as useRenderer14 } from "@pactor-app/runtime";
+import { useI18n as useI18n8, useRenderer as useRenderer15 } from "@pactor-app/runtime";
 import { useState as useState12 } from "react";
 import { jsx as jsx63, jsxs as jsxs43 } from "react/jsx-runtime";
 function renderCellValue2(value) {
@@ -3052,7 +3108,7 @@ function Table2({
   className,
   style
 }) {
-  const { renderChildren } = useRenderer14();
+  const { renderChildren } = useRenderer15();
   const { t } = useI18n8();
   const [current, setCurrent] = useState12(1);
   const pageSize = pagination === false ? void 0 : pagination?.pageSize;
@@ -3119,10 +3175,10 @@ function Table2({
 }
 
 // src/components/components/Tabs/index.tsx
-import { useRenderer as useRenderer15 } from "@pactor-app/runtime";
+import { useRenderer as useRenderer16 } from "@pactor-app/runtime";
 import { jsx as jsx64, jsxs as jsxs44 } from "react/jsx-runtime";
 function Tabs2({ items = [], activeKey, variant, onChange, className, style }) {
-  const { renderChildren } = useRenderer15();
+  const { renderChildren } = useRenderer16();
   return /* @__PURE__ */ jsxs44(
     Tabs,
     {
@@ -3148,9 +3204,15 @@ var typeClassMap = {
   warning: "text-warning",
   danger: "text-destructive"
 };
+var sizeClassMap = {
+  small: "text-xs",
+  middle: "",
+  large: "text-lg"
+};
 function Text({
   text,
   type = "default",
+  size = "middle",
   strong,
   delete: del,
   underline,
@@ -3166,6 +3228,7 @@ function Text({
       "data-type": type,
       className: cn(
         typeClassMap[type],
+        sizeClassMap[size],
         strong && "font-semibold",
         del && "line-through",
         underline && "underline",