@pactor-app/ui 1.31.0 → 1.33.0

package/dist/{chunk-JWZHJEUS.js → chunk-WYISCB4V.js}

@@ -1269,7 +1269,7 @@ function Field({ className, ...props }) {
     FieldPrimitive.Root,
     {
       "data-slot": "field",
-      className: cn("flex flex-col gap-1.5", className),
+      className: cn("flex flex-col gap-2", className),
       ...props
     }
   );

package/dist/{chunk-F4YSZZHL.js → chunk-X54WOK3C.js}

@@ -141,7 +141,19 @@ import {
   Typography,
   navigationMenuTriggerStyle,
   toast
-} from "./chunk-JWZHJEUS.js";
+} from "./chunk-WYISCB4V.js";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  Drawer,
+  DrawerContent,
+  DrawerHeader,
+  DrawerTitle
+} from "./chunk-HAOAXDTW.js";
 import {
   Accordion,
   AccordionContent,
@@ -165,18 +177,6 @@ import {
   TooltipContent,
   TooltipTrigger
 } from "./chunk-RB7RCKAX.js";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-  Drawer,
-  DrawerContent,
-  DrawerHeader,
-  DrawerTitle
-} from "./chunk-HAOAXDTW.js";
 import {
   Button,
   cn
@@ -595,11 +595,11 @@ function useFormContext() {
 function formItemClass(layout) {
   switch (layout) {
     case "horizontal":
-      return "mb-4 flex min-h-9 items-center gap-2";
+      return "mb-2 flex min-h-9 items-center gap-2";
     case "inline":
       return "flex min-h-9 items-center gap-2";
     default:
-      return "mb-4 flex min-h-9 flex-col justify-center gap-1.5";
+      return "mb-2 flex min-h-9 flex-col justify-center gap-1.5";
   }
 }
 
@@ -2571,6 +2571,7 @@ function Drawer2({
   title,
   open,
   placement = "right",
+  draggable,
   onClose,
   children,
   className,
@@ -2581,6 +2582,7 @@ function Drawer2({
     {
       direction: placement,
       modal: false,
+      handleOnly: draggable !== true,
       open: open ?? false,
       onOpenChange: (next) => {
         if (!next) {
@@ -2697,7 +2699,7 @@ function Field2({
       "div",
       {
         "data-slot": "field-control",
-        className: cn(label || labelHint ? "mt-2" : void 0, controlClassName),
+        className: cn(controlClassName),
         style: controlStyle,
         children
       }

package/dist/components/index.cjs

@@ -1478,11 +1478,11 @@ function useFormContext() {
 function formItemClass(layout) {
   switch (layout) {
     case "horizontal":
-      return "mb-4 flex min-h-9 items-center gap-2";
+      return "mb-2 flex min-h-9 items-center gap-2";
     case "inline":
       return "flex min-h-9 items-center gap-2";
     default:
-      return "mb-4 flex min-h-9 flex-col justify-center gap-1.5";
+      return "mb-2 flex min-h-9 flex-col justify-center gap-1.5";
   }
 }
 
@@ -4309,6 +4309,7 @@ function Drawer2({
   title,
   open,
   placement = "right",
+  draggable,
   onClose,
   children,
   className,
@@ -4319,6 +4320,7 @@ function Drawer2({
     {
       direction: placement,
       modal: false,
+      handleOnly: draggable !== true,
       open: open ?? false,
       onOpenChange: (next) => {
         if (!next) {
@@ -4558,7 +4560,7 @@ function Field({ className, ...props }) {
     import_field.Field.Root,
     {
       "data-slot": "field",
-      className: cn("flex flex-col gap-1.5", className),
+      className: cn("flex flex-col gap-2", className),
       ...props
     }
   );
@@ -4642,7 +4644,7 @@ function Field2({
       "div",
       {
         "data-slot": "field-control",
-        className: cn(label || labelHint ? "mt-2" : void 0, controlClassName),
+        className: cn(controlClassName),
         style: controlStyle,
         children
       }

package/dist/components/index.d.cts

@@ -925,6 +925,9 @@ interface DrawerProps {
     open?: boolean;
     /** 滑出方向，缺省 right */
     placement?: DrawerPlacement;
+    /** 是否允许按住面板拖拽关闭；缺省 false（仅底部抽屉的把手可拖拽），
+     *  遮罩点击 / Escape 关闭不受影响 */
+    draggable?: boolean;
     /** 关闭事件（遮罩 / Escape / 拖拽关闭时触发） */
     onClose?: () => void;
     /** 内容（DSL 子树，经 Renderer children 机制渲染） */
@@ -939,7 +942,7 @@ interface DrawerProps {
  * 四方向；与交互层 OverlayHost 的 drawer 共用同一套 vendored
  * drawer 原语（design D4）。
  */
-declare function Drawer({ title, open, placement, onClose, children, className, style, }: DrawerProps): React.JSX.Element;
+declare function Drawer({ title, open, placement, draggable, onClose, children, className, style, }: DrawerProps): React.JSX.Element;
 
 /** 菜单项；danger 项以 destructive 语义呈现 */
 interface DropdownMenuItemData {
@@ -1007,7 +1010,7 @@ interface FieldProps {
     /** label 行右侧提示节点 class / style */
     labelHintClassName?: string;
     labelHintStyle?: CSSProperties;
-    /** 控件容器（label 下方）class / style；缺省有 label 时容器自带 mt-2 */
+    /** 控件容器（label 下方）class / style（label 与控件间距由 Field 容器 gap 承担） */
     controlClassName?: string;
     controlStyle?: CSSProperties;
     /** 辅助说明节点 class / style */
@@ -1022,8 +1025,9 @@ interface FieldProps {
  * 上下结构：label 在上、控件容器在下）；label / labelHint / description /
  * error 为框架级 props，error 声明式强制展示；`required` 在 label 前渲染
  * 必填星号（对齐 antd Form.Item required 语义）；`labelHint` 与 label 同行
- * 右对齐（弱化为小字）；label 与控件容器之间默认 mt-2，五个节点
- * （label / labelHint / 控件容器 / description / error）均可独立加样式。
+ * 右对齐（弱化为小字）；label 与控件容器间距由 Field 容器 flex-col gap-2
+ * 承担，五个节点（label / labelHint / 控件容器 / description / error）
+ * 均可独立加样式。
  */
 declare function Field({ label, required, labelHint, description, error, children, className, style, labelClassName, labelStyle, labelHintClassName, labelHintStyle, controlClassName, controlStyle, descriptionClassName, descriptionStyle, errorClassName, errorStyle, }: FieldProps): React.JSX.Element;
 

package/dist/components/index.d.ts

@@ -925,6 +925,9 @@ interface DrawerProps {
     open?: boolean;
     /** 滑出方向，缺省 right */
     placement?: DrawerPlacement;
+    /** 是否允许按住面板拖拽关闭；缺省 false（仅底部抽屉的把手可拖拽），
+     *  遮罩点击 / Escape 关闭不受影响 */
+    draggable?: boolean;
     /** 关闭事件（遮罩 / Escape / 拖拽关闭时触发） */
     onClose?: () => void;
     /** 内容（DSL 子树，经 Renderer children 机制渲染） */
@@ -939,7 +942,7 @@ interface DrawerProps {
  * 四方向；与交互层 OverlayHost 的 drawer 共用同一套 vendored
  * drawer 原语（design D4）。
  */
-declare function Drawer({ title, open, placement, onClose, children, className, style, }: DrawerProps): React.JSX.Element;
+declare function Drawer({ title, open, placement, draggable, onClose, children, className, style, }: DrawerProps): React.JSX.Element;
 
 /** 菜单项；danger 项以 destructive 语义呈现 */
 interface DropdownMenuItemData {
@@ -1007,7 +1010,7 @@ interface FieldProps {
     /** label 行右侧提示节点 class / style */
     labelHintClassName?: string;
     labelHintStyle?: CSSProperties;
-    /** 控件容器（label 下方）class / style；缺省有 label 时容器自带 mt-2 */
+    /** 控件容器（label 下方）class / style（label 与控件间距由 Field 容器 gap 承担） */
     controlClassName?: string;
     controlStyle?: CSSProperties;
     /** 辅助说明节点 class / style */
@@ -1022,8 +1025,9 @@ interface FieldProps {
  * 上下结构：label 在上、控件容器在下）；label / labelHint / description /
  * error 为框架级 props，error 声明式强制展示；`required` 在 label 前渲染
  * 必填星号（对齐 antd Form.Item required 语义）；`labelHint` 与 label 同行
- * 右对齐（弱化为小字）；label 与控件容器之间默认 mt-2，五个节点
- * （label / labelHint / 控件容器 / description / error）均可独立加样式。
+ * 右对齐（弱化为小字）；label 与控件容器间距由 Field 容器 flex-col gap-2
+ * 承担，五个节点（label / labelHint / 控件容器 / description / error）
+ * 均可独立加样式。
  */
 declare function Field({ label, required, labelHint, description, error, children, className, style, labelClassName, labelStyle, labelHintClassName, labelHintStyle, controlClassName, controlStyle, descriptionClassName, descriptionStyle, errorClassName, errorStyle, }: FieldProps): React.JSX.Element;
 

package/dist/components/index.js

@@ -154,7 +154,7 @@ import {
   inferKind,
   registerBuiltinComponents,
   useFormContext
-} from "../chunk-F4YSZZHL.js";
+} from "../chunk-X54WOK3C.js";
 import {
   ICONS,
   Icon,
@@ -164,9 +164,9 @@ import {
   normalizeIconName,
   useSidebarDrawer
 } from "../chunk-44DAGWXZ.js";
-import "../chunk-JWZHJEUS.js";
-import "../chunk-RB7RCKAX.js";
+import "../chunk-WYISCB4V.js";
 import "../chunk-HAOAXDTW.js";
+import "../chunk-RB7RCKAX.js";
 import "../chunk-WKJUCGV4.js";
 export {
   Accordion,

package/dist/index.cjs

@@ -1494,11 +1494,11 @@ function useFormContext() {
 function formItemClass(layout) {
   switch (layout) {
     case "horizontal":
-      return "mb-4 flex min-h-9 items-center gap-2";
+      return "mb-2 flex min-h-9 items-center gap-2";
     case "inline":
       return "flex min-h-9 items-center gap-2";
     default:
-      return "mb-4 flex min-h-9 flex-col justify-center gap-1.5";
+      return "mb-2 flex min-h-9 flex-col justify-center gap-1.5";
   }
 }
 
@@ -4348,6 +4348,7 @@ function Drawer2({
   title,
   open,
   placement = "right",
+  draggable,
   onClose,
   children,
   className,
@@ -4358,6 +4359,7 @@ function Drawer2({
     {
       direction: placement,
       modal: false,
+      handleOnly: draggable !== true,
       open: open ?? false,
       onOpenChange: (next) => {
         if (!next) {
@@ -4597,7 +4599,7 @@ function Field({ className, ...props }) {
     import_field.Field.Root,
     {
       "data-slot": "field",
-      className: cn("flex flex-col gap-1.5", className),
+      className: cn("flex flex-col gap-2", className),
       ...props
     }
   );
@@ -4681,7 +4683,7 @@ function Field2({
       "div",
       {
         "data-slot": "field-control",
-        className: cn(label || labelHint ? "mt-2" : void 0, controlClassName),
+        className: cn(controlClassName),
         style: controlStyle,
         children
       }

package/dist/index.js

@@ -154,7 +154,15 @@ import {
   inferKind,
   registerBuiltinComponents,
   useFormContext
-} from "./chunk-F4YSZZHL.js";
+} from "./chunk-X54WOK3C.js";
+import {
+  InteractionProvider,
+  OVERLAY_CANCEL_PAYLOAD,
+  OverlayHost,
+  OverlayManager,
+  createUiBridge,
+  registerInteractionActions
+} from "./chunk-U5EFJR5Z.js";
 import {
   AdminLayout,
   BlankLayout,
@@ -176,17 +184,9 @@ import {
   normalizeIconName,
   useSidebarDrawer
 } from "./chunk-44DAGWXZ.js";
-import {
-  InteractionProvider,
-  OVERLAY_CANCEL_PAYLOAD,
-  OverlayHost,
-  OverlayManager,
-  createUiBridge,
-  registerInteractionActions
-} from "./chunk-U5EFJR5Z.js";
-import "./chunk-JWZHJEUS.js";
-import "./chunk-RB7RCKAX.js";
+import "./chunk-WYISCB4V.js";
 import "./chunk-HAOAXDTW.js";
+import "./chunk-RB7RCKAX.js";
 import "./chunk-WKJUCGV4.js";
 export {
   Accordion,

package/dist/ui/index.cjs

@@ -2934,7 +2934,7 @@ function Field({ className, ...props }) {
     import_field.Field.Root,
     {
       "data-slot": "field",
-      className: cn("flex flex-col gap-1.5", className),
+      className: cn("flex flex-col gap-2", className),
       ...props
     }
   );

package/dist/ui/index.js

@@ -161,7 +161,29 @@ import {
   toggleVariants,
   typographyVariants,
   useCarousel
-} from "../chunk-JWZHJEUS.js";
+} from "../chunk-WYISCB4V.js";
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger
+} from "../chunk-HAOAXDTW.js";
 import {
   Accordion,
   AccordionContent,
@@ -219,28 +241,6 @@ import {
   TooltipTrigger,
   useSidebar
 } from "../chunk-RB7RCKAX.js";
-import {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogOverlay,
-  DialogPortal,
-  DialogTitle,
-  DialogTrigger,
-  Drawer,
-  DrawerClose,
-  DrawerContent,
-  DrawerDescription,
-  DrawerFooter,
-  DrawerHeader,
-  DrawerOverlay,
-  DrawerPortal,
-  DrawerTitle,
-  DrawerTrigger
-} from "../chunk-HAOAXDTW.js";
 import {
   Button,
   buttonVariants,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pactor-app/ui",
-  "version": "1.31.0",
+  "version": "1.33.0",
   "description": "Pactor UI kit (shadcn): the single built-in UI kit — vendored shadcn/ui components (Base UI primitives + cva + tailwind-merge + lucide-react), props contracts, interaction core (OverlayManager / UiBridge) and layouts, with build-time Tailwind v4 prebuilt styles.css (zero consumer-side Tailwind config)",
   "keywords": [
     "pactor",
@@ -92,6 +92,11 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.7.0",
+    "@pactor-app/core": "1.33.0",
+    "@pactor-app/markdown": "1.33.0",
+    "@pactor-app/permission": "1.33.0",
+    "@pactor-app/router": "1.33.0",
+    "@pactor-app/runtime": "1.33.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
@@ -106,12 +111,7 @@
     "react-day-picker": "^10.0.1",
     "react-resizable-panels": "^4.12.3",
     "tailwind-merge": "^3.6.0",
-    "vaul": "^1.1.2",
-    "@pactor-app/core": "1.31.0",
-    "@pactor-app/router": "1.31.0",
-    "@pactor-app/markdown": "1.31.0",
-    "@pactor-app/permission": "1.31.0",
-    "@pactor-app/runtime": "1.31.0"
+    "vaul": "^1.1.2"
   },
   "peerDependencies": {
     "react": ">=18",