@ensolid/radix 0.0.0

package/dist/components/Dialog/Dialog.js

@@ -0,0 +1,218 @@
+import { delegateEvents, isServer, createComponent, template, spread, mergeProps, insert, Portal } from "solid-js/web";
+import { createContext, splitProps, createSignal, onMount, createEffect, onCleanup, Show, useContext } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ template(`<button type=button>`), _tmpl$2 = /* @__PURE__ */ template(`<div>`), _tmpl$3 = /* @__PURE__ */ template(`<div role=dialog>`), _tmpl$4 = /* @__PURE__ */ template(`<h2>`), _tmpl$5 = /* @__PURE__ */ template(`<p>`);
+const DialogContext = createContext();
+const useDialogContext = () => {
+  const context = useContext(DialogContext);
+  if (!context) {
+    throw new Error("Dialog components must be used within Dialog");
+  }
+  return context;
+};
+const DialogBase = (props) => {
+  const [local] = splitProps(props, ["open", "defaultOpen", "onOpenChange", "modal", "class", "children"]);
+  const [internalOpen, setInternalOpen] = createSignal(local.open ?? local.defaultOpen ?? false);
+  const isControlled = () => local.open !== void 0;
+  const open = () => isControlled() ? local.open : internalOpen();
+  const handleOpenChange = (newOpen) => {
+    if (!isControlled()) {
+      setInternalOpen(newOpen);
+    }
+    local.onOpenChange?.(newOpen);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Escape" && open()) {
+      handleOpenChange(false);
+    }
+  };
+  onMount(() => {
+    if (!isServer && open()) {
+      document.addEventListener("keydown", handleKeyDown);
+      document.body.style.overflow = "hidden";
+    }
+  });
+  createEffect(() => {
+    if (!isServer) {
+      if (open()) {
+        document.addEventListener("keydown", handleKeyDown);
+        document.body.style.overflow = "hidden";
+      } else {
+        document.removeEventListener("keydown", handleKeyDown);
+        document.body.style.overflow = "";
+      }
+    }
+  });
+  onCleanup(() => {
+    if (!isServer) {
+      document.removeEventListener("keydown", handleKeyDown);
+      document.body.style.overflow = "";
+    }
+  });
+  const contextValue = {
+    open,
+    setOpen: handleOpenChange,
+    modal: local.modal ?? true
+  };
+  return createComponent(DialogContext.Provider, {
+    value: contextValue,
+    get children() {
+      return local.children;
+    }
+  });
+};
+const Dialog = Object.assign(DialogBase, {
+  Trigger: null,
+  Overlay: null,
+  Content: null,
+  Title: null,
+  Description: null,
+  Close: null
+});
+const DialogTrigger = (props) => {
+  const [local, others] = splitProps(props, ["children", "asChild", "class", "onClick"]);
+  const context = useDialogContext();
+  const handleClick = (e) => {
+    if (typeof local.onClick === "function") {
+      local.onClick(e);
+    }
+    context.setOpen(true);
+  };
+  return (() => {
+    var _el$ = _tmpl$();
+    _el$.$$click = handleClick;
+    spread(_el$, mergeProps({
+      get ["class"]() {
+        return local.class;
+      }
+    }, others), false, true);
+    insert(_el$, () => local.children);
+    return _el$;
+  })();
+};
+const DialogOverlay = (props) => {
+  const [local, others] = splitProps(props, ["children", "class", "onClick"]);
+  const context = useDialogContext();
+  const handleClick = (e) => {
+    if (typeof local.onClick === "function") {
+      local.onClick(e);
+    }
+    if (e.target === e.currentTarget && context.modal) {
+      context.setOpen(false);
+    }
+  };
+  return (() => {
+    var _el$2 = _tmpl$2();
+    _el$2.$$click = handleClick;
+    spread(_el$2, mergeProps({
+      get ["class"]() {
+        return local.class;
+      },
+      get ["data-state"]() {
+        return context.open() ? "open" : "closed";
+      }
+    }, others), false, true);
+    insert(_el$2, () => local.children);
+    return _el$2;
+  })();
+};
+const DialogContent = (props) => {
+  const [local, others] = splitProps(props, ["children", "class"]);
+  const context = useDialogContext();
+  return createComponent(Show, {
+    get when() {
+      return context.open();
+    },
+    get children() {
+      return createComponent(Portal, {
+        get mount() {
+          return !isServer ? document.body : void 0;
+        },
+        get children() {
+          return [createComponent(DialogOverlay, {
+            "class": "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
+          }), (() => {
+            var _el$3 = _tmpl$3();
+            spread(_el$3, mergeProps({
+              get ["class"]() {
+                return local.class;
+              },
+              get ["aria-modal"]() {
+                return context.modal;
+              },
+              get ["data-state"]() {
+                return context.open() ? "open" : "closed";
+              }
+            }, others), false, true);
+            insert(_el$3, () => local.children);
+            return _el$3;
+          })()];
+        }
+      });
+    }
+  });
+};
+const DialogTitle = (props) => {
+  const [local, others] = splitProps(props, ["children", "class"]);
+  return (() => {
+    var _el$4 = _tmpl$4();
+    spread(_el$4, mergeProps({
+      get ["class"]() {
+        return local.class;
+      }
+    }, others), false, true);
+    insert(_el$4, () => local.children);
+    return _el$4;
+  })();
+};
+const DialogDescription = (props) => {
+  const [local, others] = splitProps(props, ["children", "class"]);
+  return (() => {
+    var _el$5 = _tmpl$5();
+    spread(_el$5, mergeProps({
+      get ["class"]() {
+        return local.class;
+      }
+    }, others), false, true);
+    insert(_el$5, () => local.children);
+    return _el$5;
+  })();
+};
+const DialogClose = (props) => {
+  const [local, others] = splitProps(props, ["children", "class", "onClick"]);
+  const context = useDialogContext();
+  const handleClick = (e) => {
+    if (typeof local.onClick === "function") {
+      local.onClick(e);
+    }
+    context.setOpen(false);
+  };
+  return (() => {
+    var _el$6 = _tmpl$();
+    _el$6.$$click = handleClick;
+    spread(_el$6, mergeProps({
+      get ["class"]() {
+        return local.class;
+      }
+    }, others), false, true);
+    insert(_el$6, () => local.children);
+    return _el$6;
+  })();
+};
+Dialog.Trigger = DialogTrigger;
+Dialog.Overlay = DialogOverlay;
+Dialog.Content = DialogContent;
+Dialog.Title = DialogTitle;
+Dialog.Description = DialogDescription;
+Dialog.Close = DialogClose;
+delegateEvents(["click"]);
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogOverlay,
+  DialogTitle,
+  DialogTrigger,
+  useDialogContext
+};
+//# sourceMappingURL=Dialog.js.map

package/dist/components/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import {\n  createContext,\n  createEffect,\n  createSignal,\n  onCleanup,\n  onMount,\n  Show,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { isServer } from \"solid-js/web\";\nimport type { Component, JSX } from \"solid-js\";\n\ninterface DialogContextValue {\n  open: () => boolean;\n  setOpen: (open: boolean) => void;\n  modal: boolean;\n}\n\nconst DialogContext = createContext<DialogContextValue>();\n\nexport const useDialogContext = () => {\n  const context = useContext(DialogContext);\n  if (!context) {\n    throw new Error(\"Dialog components must be used within Dialog\");\n  }\n  return context;\n};\n\nexport interface DialogProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /**\n   * 是否打开\n   */\n  open?: boolean;\n  /**\n   * 默认打开状态\n   */\n  defaultOpen?: boolean;\n  /**\n   * 打开状态变化回调\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * 是否模态对话框\n   * @default true\n   */\n  modal?: boolean;\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n}\n\nconst DialogBase: Component<DialogProps> = (props) => {\n  const [local] = splitProps(props, [\n    \"open\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"modal\",\n    \"class\",\n    \"children\",\n  ]);\n\n  const [internalOpen, setInternalOpen] = createSignal(\n    local.open ?? local.defaultOpen ?? false,\n  );\n\n  const isControlled = () => local.open !== undefined;\n  const open = () => (isControlled() ? local.open! : internalOpen());\n\n  const handleOpenChange = (newOpen: boolean) => {\n    if (!isControlled()) {\n      setInternalOpen(newOpen);\n    }\n    local.onOpenChange?.(newOpen);\n  };\n\n  // ESC 键关闭\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === \"Escape\" && open()) {\n      handleOpenChange(false);\n    }\n  };\n\n  onMount(() => {\n    if (!isServer && open()) {\n      document.addEventListener(\"keydown\", handleKeyDown);\n      // 防止背景滚动\n      document.body.style.overflow = \"hidden\";\n    }\n  });\n\n  createEffect(() => {\n    if (!isServer) {\n      if (open()) {\n        document.addEventListener(\"keydown\", handleKeyDown);\n        document.body.style.overflow = \"hidden\";\n      } else {\n        document.removeEventListener(\"keydown\", handleKeyDown);\n        document.body.style.overflow = \"\";\n      }\n    }\n  });\n\n  onCleanup(() => {\n    if (!isServer) {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n      document.body.style.overflow = \"\";\n    }\n  });\n\n  const contextValue: DialogContextValue = {\n    open,\n    setOpen: handleOpenChange,\n    modal: local.modal ?? true,\n  };\n\n  return (\n    <DialogContext.Provider value={contextValue}>\n      {local.children}\n    </DialogContext.Provider>\n  );\n};\n\nexport interface DialogComponent extends Component<DialogProps> {\n  Trigger: Component<DialogTriggerProps>;\n  Overlay: Component<DialogOverlayProps>;\n  Content: Component<DialogContentProps>;\n  Title: Component<DialogTitleProps>;\n  Description: Component<DialogDescriptionProps>;\n  Close: Component<DialogCloseProps>;\n}\n\nexport const Dialog = Object.assign(DialogBase, {\n  Trigger: null as unknown as Component<DialogTriggerProps>,\n  Overlay: null as unknown as Component<DialogOverlayProps>,\n  Content: null as unknown as Component<DialogContentProps>,\n  Title: null as unknown as Component<DialogTitleProps>,\n  Description: null as unknown as Component<DialogDescriptionProps>,\n  Close: null as unknown as Component<DialogCloseProps>,\n}) as DialogComponent;\n\nexport interface DialogTriggerProps\n  extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n  /**\n   * 对话框实例（通过 asChild 模式传递）\n   */\n  asChild?: boolean;\n}\n\nexport const DialogTrigger: Component<DialogTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    \"children\",\n    \"asChild\",\n    \"class\",\n    \"onClick\",\n  ]);\n  const context = useDialogContext();\n\n  const handleClick: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (e) => {\n    if (typeof local.onClick === \"function\") {\n      local.onClick(e);\n    }\n    context.setOpen(true);\n  };\n\n  return (\n    <button type=\"button\" class={local.class} onClick={handleClick} {...others}>\n      {local.children}\n    </button>\n  );\n};\n\nexport interface DialogContentProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n}\n\nexport interface DialogOverlayProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n}\n\nexport const DialogOverlay: Component<DialogOverlayProps> = (props) => {\n  const [local, others] = splitProps(props, [\"children\", \"class\", \"onClick\"]);\n  const context = useDialogContext();\n\n  const handleClick: JSX.EventHandler<HTMLDivElement, MouseEvent> = (e) => {\n    if (typeof local.onClick === \"function\") {\n      local.onClick(e);\n    }\n    // 点击遮罩层关闭对话框\n    if (e.target === e.currentTarget && context.modal) {\n      context.setOpen(false);\n    }\n  };\n\n  return (\n    <div\n      class={local.class}\n      data-state={context.open() ? \"open\" : \"closed\"}\n      onClick={handleClick}\n      {...others}\n    >\n      {local.children}\n    </div>\n  );\n};\n\nexport const DialogContent: Component<DialogContentProps> = (props) => {\n  const [local, others] = splitProps(props, [\"children\", \"class\"]);\n  const context = useDialogContext();\n\n  return (\n    <Show when={context.open()}>\n      <Portal mount={!isServer ? document.body : undefined}>\n        <DialogOverlay class=\"fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\" />\n        <div\n          class={local.class}\n          role=\"dialog\"\n          aria-modal={context.modal}\n          data-state={context.open() ? \"open\" : \"closed\"}\n          {...others}\n        >\n          {local.children}\n        </div>\n      </Portal>\n    </Show>\n  );\n};\n\nexport interface DialogTitleProps\n  extends JSX.HTMLAttributes<HTMLHeadingElement> {\n  /**\n   * 标题文本\n   */\n  children?: JSX.Element;\n}\n\nexport const DialogTitle: Component<DialogTitleProps> = (props) => {\n  const [local, others] = splitProps(props, [\"children\", \"class\"]);\n\n  return (\n    <h2 class={local.class} {...others}>\n      {local.children}\n    </h2>\n  );\n};\n\nexport interface DialogDescriptionProps\n  extends JSX.HTMLAttributes<HTMLParagraphElement> {\n  /**\n   * 描述文本\n   */\n  children?: JSX.Element;\n}\n\nexport const DialogDescription: Component<DialogDescriptionProps> = (props) => {\n  const [local, others] = splitProps(props, [\"children\", \"class\"]);\n\n  return (\n    <p class={local.class} {...others}>\n      {local.children}\n    </p>\n  );\n};\n\nexport interface DialogCloseProps\n  extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n}\n\nexport const DialogClose: Component<DialogCloseProps> = (props) => {\n  const [local, others] = splitProps(props, [\"children\", \"class\", \"onClick\"]);\n  const context = useDialogContext();\n\n  const handleClick: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (e) => {\n    if (typeof local.onClick === \"function\") {\n      local.onClick(e);\n    }\n    context.setOpen(false);\n  };\n\n  return (\n    <button type=\"button\" class={local.class} onClick={handleClick} {...others}>\n      {local.children}\n    </button>\n  );\n};\n\nDialog.Trigger = DialogTrigger;\nDialog.Overlay = DialogOverlay;\nDialog.Content = DialogContent;\nDialog.Title = DialogTitle;\nDialog.Description = DialogDescription;\nDialog.Close = DialogClose;\n"],"names":["DialogContext","createContext","useDialogContext","context","useContext","Error","DialogBase","props","local","splitProps","internalOpen","setInternalOpen","createSignal","open","defaultOpen","isControlled","undefined","handleOpenChange","newOpen","onOpenChange","handleKeyDown","e","key","onMount","isServer","document","addEventListener","body","style","overflow","createEffect","removeEventListener","onCleanup","contextValue","setOpen","modal","_$createComponent","Provider","value","children","Dialog","Object","assign","Trigger","Overlay","Content","Title","Description","Close","DialogTrigger","others","handleClick","onClick","_el$","_tmpl$","$$click","_$spread","_$mergeProps","class","_$insert","DialogOverlay","target","currentTarget","_el$2","_tmpl$2","DialogContent","Show","when","Portal","mount","_el$3","_tmpl$3","DialogTitle","_el$4","_tmpl$4","DialogDescription","_el$5","_tmpl$5","DialogClose","_el$6","_$delegateEvents"],"mappings":";;;AAoBA,MAAMA,gBAAgBC,cAAAA;AAEf,MAAMC,mBAAmBA,MAAM;AACpC,QAAMC,UAAUC,WAAWJ,aAAa;AACxC,MAAI,CAACG,SAAS;AACZ,UAAM,IAAIE,MAAM,8CAA8C;AAAA,EAChE;AACA,SAAOF;AACT;AA0BA,MAAMG,aAAsCC,CAAAA,UAAU;AACpD,QAAM,CAACC,KAAK,IAAIC,WAAWF,OAAO,CAChC,QACA,eACA,gBACA,SACA,SACA,UAAU,CACX;AAED,QAAM,CAACG,cAAcC,eAAe,IAAIC,aACtCJ,MAAMK,QAAQL,MAAMM,eAAe,KACrC;AAEA,QAAMC,eAAeA,MAAMP,MAAMK,SAASG;AAC1C,QAAMH,OAAOA,MAAOE,aAAAA,IAAiBP,MAAMK,OAAQH,aAAAA;AAEnD,QAAMO,mBAAmBA,CAACC,YAAqB;AAC7C,QAAI,CAACH,gBAAgB;AACnBJ,sBAAgBO,OAAO;AAAA,IACzB;AACAV,UAAMW,eAAeD,OAAO;AAAA,EAC9B;AAGA,QAAME,gBAAgBA,CAACC,MAAqB;AAC1C,QAAIA,EAAEC,QAAQ,YAAYT,KAAAA,GAAQ;AAChCI,uBAAiB,KAAK;AAAA,IACxB;AAAA,EACF;AAEAM,UAAQ,MAAM;AACZ,QAAI,CAACC,YAAYX,QAAQ;AACvBY,eAASC,iBAAiB,WAAWN,aAAa;AAElDK,eAASE,KAAKC,MAAMC,WAAW;AAAA,IACjC;AAAA,EACF,CAAC;AAEDC,eAAa,MAAM;AACjB,QAAI,CAACN,UAAU;AACb,UAAIX,QAAQ;AACVY,iBAASC,iBAAiB,WAAWN,aAAa;AAClDK,iBAASE,KAAKC,MAAMC,WAAW;AAAA,MACjC,OAAO;AACLJ,iBAASM,oBAAoB,WAAWX,aAAa;AACrDK,iBAASE,KAAKC,MAAMC,WAAW;AAAA,MACjC;AAAA,IACF;AAAA,EACF,CAAC;AAEDG,YAAU,MAAM;AACd,QAAI,CAACR,UAAU;AACbC,eAASM,oBAAoB,WAAWX,aAAa;AACrDK,eAASE,KAAKC,MAAMC,WAAW;AAAA,IACjC;AAAA,EACF,CAAC;AAED,QAAMI,eAAmC;AAAA,IACvCpB;AAAAA,IACAqB,SAASjB;AAAAA,IACTkB,OAAO3B,MAAM2B,SAAS;AAAA,EAAA;AAGxB,SAAAC,gBACGpC,cAAcqC,UAAQ;AAAA,IAACC,OAAOL;AAAAA,IAAY,IAAAM,WAAA;AAAA,aACxC/B,MAAM+B;AAAAA,IAAQ;AAAA,EAAA,CAAA;AAGrB;AAWO,MAAMC,SAASC,OAAOC,OAAOpC,YAAY;AAAA,EAC9CqC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,OAAO;AAAA,EACPC,aAAa;AAAA,EACbC,OAAO;AACT,CAAC;AAcM,MAAMC,gBAAgD1C,CAAAA,UAAU;AACrE,QAAM,CAACC,OAAO0C,MAAM,IAAIzC,WAAWF,OAAO,CACxC,YACA,WACA,SACA,SAAS,CACV;AACD,QAAMJ,UAAUD,iBAAAA;AAEhB,QAAMiD,cAAgE9B,CAAAA,MAAM;AAC1E,QAAI,OAAOb,MAAM4C,YAAY,YAAY;AACvC5C,YAAM4C,QAAQ/B,CAAC;AAAA,IACjB;AACAlB,YAAQ+B,QAAQ,IAAI;AAAA,EACtB;AAEA,UAAA,MAAA;AAAA,QAAAmB,OAAAC,OAAAA;AAAAD,SAAAE,UACqDJ;AAAWK,WAAAH,MAAAI,WAAA;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eAAjCjD,MAAMkD;AAAAA,MAAK;AAAA,IAAA,GAA4BR,MAAM,GAAA,OAAA,IAAA;AAAAS,WAAAN,MAAA,MACvE7C,MAAM+B,QAAQ;AAAA,WAAAc;AAAAA,EAAA,GAAA;AAGrB;AAgBO,MAAMO,gBAAgDrD,CAAAA,UAAU;AACrE,QAAM,CAACC,OAAO0C,MAAM,IAAIzC,WAAWF,OAAO,CAAC,YAAY,SAAS,SAAS,CAAC;AAC1E,QAAMJ,UAAUD,iBAAAA;AAEhB,QAAMiD,cAA6D9B,CAAAA,MAAM;AACvE,QAAI,OAAOb,MAAM4C,YAAY,YAAY;AACvC5C,YAAM4C,QAAQ/B,CAAC;AAAA,IACjB;AAEA,QAAIA,EAAEwC,WAAWxC,EAAEyC,iBAAiB3D,QAAQgC,OAAO;AACjDhC,cAAQ+B,QAAQ,KAAK;AAAA,IACvB;AAAA,EACF;AAEA,UAAA,MAAA;AAAA,QAAA6B,QAAAC,QAAAA;AAAAD,UAAAR,UAIaJ;AAAWK,WAAAO,OAAAN,WAAA;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eAFbjD,MAAMkD;AAAAA,MAAK;AAAA,MAAA,KAAA,YAAA,IAAA;AAAA,eACNvD,QAAQU,SAAS,SAAS;AAAA,MAAQ;AAAA,IAAA,GAE1CqC,MAAM,GAAA,OAAA,IAAA;AAAAS,WAAAI,OAAA,MAETvD,MAAM+B,QAAQ;AAAA,WAAAwB;AAAAA,EAAA,GAAA;AAGrB;AAEO,MAAME,gBAAgD1D,CAAAA,UAAU;AACrE,QAAM,CAACC,OAAO0C,MAAM,IAAIzC,WAAWF,OAAO,CAAC,YAAY,OAAO,CAAC;AAC/D,QAAMJ,UAAUD,iBAAAA;AAEhB,SAAAkC,gBACG8B,MAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAEhE,QAAQU,KAAAA;AAAAA,IAAM;AAAA,IAAA,IAAA0B,WAAA;AAAA,aAAAH,gBACvBgC,QAAM;AAAA,QAAA,IAACC,QAAK;AAAA,iBAAE,CAAC7C,WAAWC,SAASE,OAAOX;AAAAA,QAAS;AAAA,QAAA,IAAAuB,WAAA;AAAA,iBAAA,CAAAH,gBACjDwB,eAAa;AAAA,YAAA,SAAA;AAAA,UAAA,CAAA,IAAA,MAAA;AAAA,gBAAAU,QAAAC,QAAAA;AAAAf,mBAAAc,OAAAb,WAAA;AAAA,cAAA,KAAA,OAAA,IAAA;AAAA,uBAELjD,MAAMkD;AAAAA,cAAK;AAAA,cAAA,KAAA,YAAA,IAAA;AAAA,uBAENvD,QAAQgC;AAAAA,cAAK;AAAA,cAAA,KAAA,YAAA,IAAA;AAAA,uBACbhC,QAAQU,SAAS,SAAS;AAAA,cAAQ;AAAA,YAAA,GAC1CqC,MAAM,GAAA,OAAA,IAAA;AAAAS,mBAAAW,OAAA,MAET9D,MAAM+B,QAAQ;AAAA,mBAAA+B;AAAAA,UAAA,IAAA;AAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAKzB;AAUO,MAAME,cAA4CjE,CAAAA,UAAU;AACjE,QAAM,CAACC,OAAO0C,MAAM,IAAIzC,WAAWF,OAAO,CAAC,YAAY,OAAO,CAAC;AAE/D,UAAA,MAAA;AAAA,QAAAkE,QAAAC,QAAAA;AAAAlB,WAAAiB,OAAAhB,WAAA;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eACajD,MAAMkD;AAAAA,MAAK;AAAA,IAAA,GAAMR,MAAM,GAAA,OAAA,IAAA;AAAAS,WAAAc,OAAA,MAC/BjE,MAAM+B,QAAQ;AAAA,WAAAkC;AAAAA,EAAA,GAAA;AAGrB;AAUO,MAAME,oBAAwDpE,CAAAA,UAAU;AAC7E,QAAM,CAACC,OAAO0C,MAAM,IAAIzC,WAAWF,OAAO,CAAC,YAAY,OAAO,CAAC;AAE/D,UAAA,MAAA;AAAA,QAAAqE,QAAAC,QAAAA;AAAArB,WAAAoB,OAAAnB,WAAA;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eACYjD,MAAMkD;AAAAA,MAAK;AAAA,IAAA,GAAMR,MAAM,GAAA,OAAA,IAAA;AAAAS,WAAAiB,OAAA,MAC9BpE,MAAM+B,QAAQ;AAAA,WAAAqC;AAAAA,EAAA,GAAA;AAGrB;AAUO,MAAME,cAA4CvE,CAAAA,UAAU;AACjE,QAAM,CAACC,OAAO0C,MAAM,IAAIzC,WAAWF,OAAO,CAAC,YAAY,SAAS,SAAS,CAAC;AAC1E,QAAMJ,UAAUD,iBAAAA;AAEhB,QAAMiD,cAAgE9B,CAAAA,MAAM;AAC1E,QAAI,OAAOb,MAAM4C,YAAY,YAAY;AACvC5C,YAAM4C,QAAQ/B,CAAC;AAAA,IACjB;AACAlB,YAAQ+B,QAAQ,KAAK;AAAA,EACvB;AAEA,UAAA,MAAA;AAAA,QAAA6C,QAAAzB,OAAAA;AAAAyB,UAAAxB,UACqDJ;AAAWK,WAAAuB,OAAAtB,WAAA;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eAAjCjD,MAAMkD;AAAAA,MAAK;AAAA,IAAA,GAA4BR,MAAM,GAAA,OAAA,IAAA;AAAAS,WAAAoB,OAAA,MACvEvE,MAAM+B,QAAQ;AAAA,WAAAwC;AAAAA,EAAA,GAAA;AAGrB;AAEAvC,OAAOG,UAAUM;AACjBT,OAAOI,UAAUgB;AACjBpB,OAAOK,UAAUoB;AACjBzB,OAAOM,QAAQ0B;AACfhC,OAAOO,cAAc4B;AACrBnC,OAAOQ,QAAQ8B;AAAYE,eAAA,CAAA,OAAA,CAAA;"}

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

@@ -0,0 +1,2 @@
+export * from './Dialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,81 @@
+import { Component, JSX } from 'solid-js';
+interface DropdownMenuContextValue {
+    open: () => boolean;
+    setOpen: (open: boolean) => void;
+    triggerRef: () => HTMLElement | undefined;
+    setTriggerRef: (ref: HTMLElement | undefined) => void;
+    setContentElement: (el: HTMLElement | undefined) => void;
+}
+export declare const useDropdownMenuContext: () => DropdownMenuContextValue;
+export interface DropdownMenuProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 是否打开
+     */
+    open?: boolean;
+    /**
+     * 默认打开状态
+     */
+    defaultOpen?: boolean;
+    /**
+     * 打开状态变化回调
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export interface DropdownMenuComponent extends Component<DropdownMenuProps> {
+    Trigger: Component<DropdownMenuTriggerProps>;
+    Content: Component<DropdownMenuContentProps>;
+    Item: Component<DropdownMenuItemProps>;
+    Label: Component<DropdownMenuLabelProps>;
+    Separator: Component<DropdownMenuSeparatorProps>;
+}
+export declare const DropdownMenu: DropdownMenuComponent;
+export interface DropdownMenuTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+    /**
+     * 是否作为子元素传递
+     */
+    asChild?: boolean;
+}
+export declare const DropdownMenuTrigger: Component<DropdownMenuTriggerProps>;
+export interface DropdownMenuContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export declare const DropdownMenuContent: Component<DropdownMenuContentProps>;
+export interface DropdownMenuItemProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+}
+export declare const DropdownMenuItem: Component<DropdownMenuItemProps>;
+export interface DropdownMenuLabelProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export declare const DropdownMenuLabel: Component<DropdownMenuLabelProps>;
+export interface DropdownMenuSeparatorProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export declare const DropdownMenuSeparator: Component<DropdownMenuSeparatorProps>;
+export {};
+//# sourceMappingURL=DropdownMenu.d.ts.map

package/dist/components/DropdownMenu/DropdownMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/C,UAAU,wBAAwB;IAChC,IAAI,EAAE,MAAM,OAAO,CAAC;IACpB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,MAAM,WAAW,GAAG,SAAS,CAAC;IAC1C,aAAa,EAAE,CAAC,GAAG,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAC;IACtD,iBAAiB,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAC;CAC1D;AAID,eAAO,MAAM,sBAAsB,gCAMlC,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAwFD,MAAM,WAAW,qBAAsB,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACzE,OAAO,EAAE,SAAS,CAAC,wBAAwB,CAAC,CAAC;IAC7C,OAAO,EAAE,SAAS,CAAC,wBAAwB,CAAC,CAAC;IAC7C,IAAI,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IACvC,KAAK,EAAE,SAAS,CAAC,sBAAsB,CAAC,CAAC;IACzC,SAAS,EAAE,SAAS,CAAC,0BAA0B,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,YAAY,EAMnB,qBAAqB,CAAC;AAE5B,MAAM,WAAW,wBAAyB,SAAQ,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,mBAAmB,EAAE,SAAS,CAAC,wBAAwB,CA6BnE,CAAC;AAEF,MAAM,WAAW,wBAAyB,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,EAAE,SAAS,CAAC,wBAAwB,CAoEnE,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,EAAE,SAAS,CAAC,qBAAqB,CAwB7D,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,EAAE,SAAS,CAAC,sBAAsB,CAQ/D,CAAC;AAEF,MAAM,WAAW,0BAA2B,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,qBAAqB,EAAE,SAAS,CAAC,0BAA0B,CAUvE,CAAC"}

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,244 @@
+import { delegateEvents, isServer, createComponent, template, spread, mergeProps, insert, Portal, use } from "solid-js/web";
+import { createContext, splitProps, createSignal, createEffect, onCleanup, onMount, Show, useContext } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ template(`<button type=button>`), _tmpl$2 = /* @__PURE__ */ template(`<div role=menu style=top:0px;left:0px>`), _tmpl$3 = /* @__PURE__ */ template(`<div role=menuitem>`), _tmpl$4 = /* @__PURE__ */ template(`<div>`), _tmpl$5 = /* @__PURE__ */ template(`<div role=separator>`);
+const DropdownMenuContext = createContext();
+const useDropdownMenuContext = () => {
+  const context = useContext(DropdownMenuContext);
+  if (!context) {
+    throw new Error("DropdownMenu components must be used within DropdownMenu");
+  }
+  return context;
+};
+const DropdownMenuBase = (props) => {
+  const [local] = splitProps(props, ["open", "defaultOpen", "onOpenChange", "children"]);
+  const [internalOpen, setInternalOpen] = createSignal(local.open ?? local.defaultOpen ?? false);
+  const [triggerRef, setTriggerRef] = createSignal();
+  const isControlled = () => local.open !== void 0;
+  const open = () => isControlled() ? local.open : internalOpen();
+  const handleOpenChange = (newOpen) => {
+    if (!isControlled()) {
+      setInternalOpen(newOpen);
+    }
+    local.onOpenChange?.(newOpen);
+  };
+  let contentElement;
+  const setContentElement = (el) => {
+    contentElement = el;
+  };
+  const handleClickOutside = (e) => {
+    if (open() && !isServer) {
+      const target = e.target;
+      const trigger = triggerRef();
+      if (trigger && contentElement) {
+        if (!trigger.contains(target) && !contentElement.contains(target)) {
+          handleOpenChange(false);
+        }
+      }
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Escape" && open()) {
+      handleOpenChange(false);
+    }
+  };
+  createEffect(() => {
+    if (!isServer) {
+      if (open()) {
+        setTimeout(() => {
+          document.addEventListener("keydown", handleKeyDown);
+          document.addEventListener("mousedown", handleClickOutside);
+        }, 0);
+      } else {
+        document.removeEventListener("keydown", handleKeyDown);
+        document.removeEventListener("mousedown", handleClickOutside);
+      }
+    }
+  });
+  onCleanup(() => {
+    if (!isServer) {
+      document.removeEventListener("keydown", handleKeyDown);
+      document.removeEventListener("mousedown", handleClickOutside);
+    }
+  });
+  const contextValue = {
+    open,
+    setOpen: handleOpenChange,
+    triggerRef,
+    setTriggerRef,
+    setContentElement
+  };
+  return createComponent(DropdownMenuContext.Provider, {
+    value: contextValue,
+    get children() {
+      return local.children;
+    }
+  });
+};
+const DropdownMenu = Object.assign(DropdownMenuBase, {
+  Trigger: null,
+  Content: null,
+  Item: null,
+  Label: null,
+  Separator: null
+});
+const DropdownMenuTrigger = (props) => {
+  const [local, others] = splitProps(props, ["children", "asChild", "class", "onClick"]);
+  const context = useDropdownMenuContext();
+  let triggerElement;
+  const handleClick = (e) => {
+    if (typeof local.onClick === "function") {
+      local.onClick(e);
+    }
+    context.setOpen(!context.open());
+  };
+  onMount(() => {
+    if (triggerElement) {
+      context.setTriggerRef(triggerElement);
+    }
+  });
+  return (() => {
+    var _el$ = _tmpl$();
+    _el$.$$click = handleClick;
+    var _ref$ = triggerElement;
+    typeof _ref$ === "function" ? use(_ref$, _el$) : triggerElement = _el$;
+    spread(_el$, mergeProps({
+      get ["class"]() {
+        return local.class;
+      }
+    }, others), false, true);
+    insert(_el$, () => local.children);
+    return _el$;
+  })();
+};
+const DropdownMenuContent = (props) => {
+  const [local, others] = splitProps(props, ["class", "children"]);
+  const context = useDropdownMenuContext();
+  let contentElement;
+  const updatePosition = () => {
+    if (!isServer && contentElement && context.triggerRef()) {
+      const trigger = context.triggerRef();
+      const rect = trigger.getBoundingClientRect();
+      const contentRect = contentElement.getBoundingClientRect();
+      const top = rect.bottom + 4;
+      const left = rect.left;
+      const viewportWidth = window.innerWidth;
+      const viewportHeight = window.innerHeight;
+      let finalTop = top;
+      let finalLeft = left;
+      if (left + contentRect.width > viewportWidth) {
+        finalLeft = viewportWidth - contentRect.width - 16;
+      }
+      if (top + contentRect.height > viewportHeight) {
+        finalTop = rect.top - contentRect.height - 4;
+      }
+      contentElement.style.top = `${finalTop}px`;
+      contentElement.style.left = `${finalLeft}px`;
+    }
+  };
+  onMount(() => {
+    if (contentElement) {
+      context.setContentElement(contentElement);
+    }
+  });
+  createEffect(() => {
+    if (context.open() && !isServer) {
+      requestAnimationFrame(() => {
+        updatePosition();
+      });
+    }
+  });
+  return createComponent(Show, {
+    get when() {
+      return context.open();
+    },
+    get children() {
+      return createComponent(Portal, {
+        get mount() {
+          return !isServer ? document.body : void 0;
+        },
+        get children() {
+          var _el$2 = _tmpl$2();
+          var _ref$2 = contentElement;
+          typeof _ref$2 === "function" ? use(_ref$2, _el$2) : contentElement = _el$2;
+          spread(_el$2, mergeProps({
+            get ["class"]() {
+              return `fixed z-50 ${local.class || ""}`;
+            },
+            get ["data-state"]() {
+              return context.open() ? "open" : "closed";
+            }
+          }, others), false, true);
+          insert(_el$2, () => local.children);
+          return _el$2;
+        }
+      });
+    }
+  });
+};
+const DropdownMenuItem = (props) => {
+  const [local, others] = splitProps(props, ["children", "disabled", "class", "onClick"]);
+  const handleClick = (e) => {
+    if (local.disabled) {
+      e.preventDefault();
+      return;
+    }
+    if (typeof local.onClick === "function") {
+      local.onClick(e);
+    }
+  };
+  return (() => {
+    var _el$3 = _tmpl$3();
+    _el$3.$$click = handleClick;
+    spread(_el$3, mergeProps({
+      get ["class"]() {
+        return local.class;
+      },
+      get ["data-disabled"]() {
+        return local.disabled ? "" : void 0;
+      }
+    }, others), false, true);
+    insert(_el$3, () => local.children);
+    return _el$3;
+  })();
+};
+const DropdownMenuLabel = (props) => {
+  const [local, others] = splitProps(props, ["children", "class"]);
+  return (() => {
+    var _el$4 = _tmpl$4();
+    spread(_el$4, mergeProps({
+      get ["class"]() {
+        return local.class;
+      }
+    }, others), false, true);
+    insert(_el$4, () => local.children);
+    return _el$4;
+  })();
+};
+const DropdownMenuSeparator = (props) => {
+  const [local, others] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$5 = _tmpl$5();
+    spread(_el$5, mergeProps({
+      get ["class"]() {
+        return local.class;
+      }
+    }, others), false, false);
+    return _el$5;
+  })();
+};
+DropdownMenu.Trigger = DropdownMenuTrigger;
+DropdownMenu.Content = DropdownMenuContent;
+DropdownMenu.Item = DropdownMenuItem;
+DropdownMenu.Label = DropdownMenuLabel;
+DropdownMenu.Separator = DropdownMenuSeparator;
+delegateEvents(["click"]);
+export {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+  useDropdownMenuContext
+};
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/components/DropdownMenu/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import { splitProps, createSignal, createContext, useContext, Show, onMount, onCleanup, createEffect } from 'solid-js';\nimport { Portal, isServer } from 'solid-js/web';\nimport type { Component, JSX } from 'solid-js';\n\ninterface DropdownMenuContextValue {\n  open: () => boolean;\n  setOpen: (open: boolean) => void;\n  triggerRef: () => HTMLElement | undefined;\n  setTriggerRef: (ref: HTMLElement | undefined) => void;\n  setContentElement: (el: HTMLElement | undefined) => void;\n}\n\nconst DropdownMenuContext = createContext<DropdownMenuContextValue>();\n\nexport const useDropdownMenuContext = () => {\n  const context = useContext(DropdownMenuContext);\n  if (!context) {\n    throw new Error('DropdownMenu components must be used within DropdownMenu');\n  }\n  return context;\n};\n\nexport interface DropdownMenuProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /**\n   * 是否打开\n   */\n  open?: boolean;\n  /**\n   * 默认打开状态\n   */\n  defaultOpen?: boolean;\n  /**\n   * 打开状态变化回调\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n}\n\nconst DropdownMenuBase: Component<DropdownMenuProps> = (props) => {\n  const [local] = splitProps(props, [\n    'open',\n    'defaultOpen',\n    'onOpenChange',\n    'children',\n  ]);\n\n  const [internalOpen, setInternalOpen] = createSignal(\n    local.open ?? local.defaultOpen ?? false\n  );\n  const [triggerRef, setTriggerRef] = createSignal<HTMLElement | undefined>();\n\n  const isControlled = () => local.open !== undefined;\n  const open = () => (isControlled() ? local.open! : internalOpen());\n\n  const handleOpenChange = (newOpen: boolean) => {\n    if (!isControlled()) {\n      setInternalOpen(newOpen);\n    }\n    local.onOpenChange?.(newOpen);\n  };\n\n  // 点击外部关闭\n  let contentElement: HTMLElement | undefined;\n  const setContentElement = (el: HTMLElement | undefined) => {\n    contentElement = el;\n  };\n\n  const handleClickOutside = (e: MouseEvent) => {\n    if (open() && !isServer) {\n      const target = e.target as HTMLElement;\n      const trigger = triggerRef();\n\n      if (trigger && contentElement) {\n        if (!trigger.contains(target) && !contentElement.contains(target)) {\n          handleOpenChange(false);\n        }\n      }\n    }\n  };\n\n  // ESC 键关闭\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape' && open()) {\n      handleOpenChange(false);\n    }\n  };\n\n  createEffect(() => {\n    if (!isServer) {\n      if (open()) {\n        // 延迟添加事件监听器，确保 DOM 已更新\n        setTimeout(() => {\n          document.addEventListener('keydown', handleKeyDown);\n          document.addEventListener('mousedown', handleClickOutside);\n        }, 0);\n      } else {\n        document.removeEventListener('keydown', handleKeyDown);\n        document.removeEventListener('mousedown', handleClickOutside);\n      }\n    }\n  });\n\n  onCleanup(() => {\n    if (!isServer) {\n      document.removeEventListener('keydown', handleKeyDown);\n      document.removeEventListener('mousedown', handleClickOutside);\n    }\n  });\n\n  const contextValue: DropdownMenuContextValue = {\n    open,\n    setOpen: handleOpenChange,\n    triggerRef,\n    setTriggerRef,\n    setContentElement,\n  };\n\n  return (\n    <DropdownMenuContext.Provider value={contextValue}>\n      {local.children}\n    </DropdownMenuContext.Provider>\n  );\n};\n\nexport interface DropdownMenuComponent extends Component<DropdownMenuProps> {\n  Trigger: Component<DropdownMenuTriggerProps>;\n  Content: Component<DropdownMenuContentProps>;\n  Item: Component<DropdownMenuItemProps>;\n  Label: Component<DropdownMenuLabelProps>;\n  Separator: Component<DropdownMenuSeparatorProps>;\n}\n\nexport const DropdownMenu = Object.assign(DropdownMenuBase, {\n  Trigger: null as unknown as Component<DropdownMenuTriggerProps>,\n  Content: null as unknown as Component<DropdownMenuContentProps>,\n  Item: null as unknown as Component<DropdownMenuItemProps>,\n  Label: null as unknown as Component<DropdownMenuLabelProps>,\n  Separator: null as unknown as Component<DropdownMenuSeparatorProps>,\n}) as DropdownMenuComponent;\n\nexport interface DropdownMenuTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n  /**\n   * 是否作为子元素传递\n   */\n  asChild?: boolean;\n}\n\nexport const DropdownMenuTrigger: Component<DropdownMenuTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['children', 'asChild', 'class', 'onClick']);\n  const context = useDropdownMenuContext();\n  let triggerElement: HTMLButtonElement | undefined;\n\n  const handleClick: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (e) => {\n    if (typeof local.onClick === 'function') {\n      local.onClick(e);\n    }\n    context.setOpen(!context.open());\n  };\n\n  onMount(() => {\n    if (triggerElement) {\n      context.setTriggerRef(triggerElement);\n    }\n  });\n\n  return (\n    <button \n      type=\"button\" \n      ref={triggerElement}\n      class={local.class} \n      onClick={handleClick} \n      {...others}\n    >\n      {local.children}\n    </button>\n  );\n};\n\nexport interface DropdownMenuContentProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n}\n\nexport const DropdownMenuContent: Component<DropdownMenuContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children'] as const);\n  const context = useDropdownMenuContext();\n  let contentElement: HTMLDivElement | undefined;\n\n  const updatePosition = () => {\n    if (!isServer && contentElement && context.triggerRef()) {\n      const trigger = context.triggerRef()!;\n      const rect = trigger.getBoundingClientRect();\n      const contentRect = contentElement.getBoundingClientRect();\n\n      // 默认在触发元素下方显示\n      const top = rect.bottom + 4;\n      const left = rect.left;\n\n      // 检查是否会超出视口\n      const viewportWidth = window.innerWidth;\n      const viewportHeight = window.innerHeight;\n\n      let finalTop = top;\n      let finalLeft = left;\n\n      // 如果右侧超出，则左对齐\n      if (left + contentRect.width > viewportWidth) {\n        finalLeft = viewportWidth - contentRect.width - 16;\n      }\n\n      // 如果下方超出，则在上方显示\n      if (top + contentRect.height > viewportHeight) {\n        finalTop = rect.top - contentRect.height - 4;\n      }\n\n      contentElement.style.top = `${finalTop}px`;\n      contentElement.style.left = `${finalLeft}px`;\n    }\n  };\n\n  onMount(() => {\n    if (contentElement) {\n      context.setContentElement(contentElement);\n    }\n  });\n\n  createEffect(() => {\n    if (context.open() && !isServer) {\n      // 延迟一帧确保 DOM 已渲染\n      requestAnimationFrame(() => {\n        updatePosition();\n      });\n    }\n  });\n\n  return (\n    <Show when={context.open()}>\n      <Portal mount={!isServer ? document.body : undefined}>\n        <div\n          ref={contentElement}\n          role=\"menu\"\n          class={`fixed z-50 ${local.class || ''}`}\n          data-state={context.open() ? 'open' : 'closed'}\n          style={{ top: '0px', left: '0px' }}\n          {...others}\n        >\n          {local.children}\n        </div>\n      </Portal>\n    </Show>\n  );\n};\n\nexport interface DropdownMenuItemProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n  /**\n   * 是否禁用\n   * @default false\n   */\n  disabled?: boolean;\n}\n\nexport const DropdownMenuItem: Component<DropdownMenuItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['children', 'disabled', 'class', 'onClick']);\n\n  const handleClick: JSX.EventHandler<HTMLDivElement, MouseEvent> = (e) => {\n    if (local.disabled) {\n      e.preventDefault();\n      return;\n    }\n    if (typeof local.onClick === 'function') {\n      local.onClick(e);\n    }\n  };\n\n  return (\n    <div\n      role=\"menuitem\"\n      class={local.class}\n      data-disabled={local.disabled ? '' : undefined}\n      onClick={handleClick}\n      {...others}\n    >\n      {local.children}\n    </div>\n  );\n};\n\nexport interface DropdownMenuLabelProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n}\n\nexport const DropdownMenuLabel: Component<DropdownMenuLabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['children', 'class'] as const);\n\n  return (\n    <div class={local.class} {...others}>\n      {local.children}\n    </div>\n  );\n};\n\nexport interface DropdownMenuSeparatorProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n}\n\nexport const DropdownMenuSeparator: Component<DropdownMenuSeparatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class'] as const);\n\n  return (\n    <div\n      role=\"separator\"\n      class={local.class}\n      {...others}\n    />\n  );\n};\n\nDropdownMenu.Trigger = DropdownMenuTrigger;\nDropdownMenu.Content = DropdownMenuContent;\nDropdownMenu.Item = DropdownMenuItem;\nDropdownMenu.Label = DropdownMenuLabel;\nDropdownMenu.Separator = DropdownMenuSeparator;\n\n"],"names":["DropdownMenuContext","createContext","useDropdownMenuContext","context","useContext","Error","DropdownMenuBase","props","local","splitProps","internalOpen","setInternalOpen","createSignal","open","defaultOpen","triggerRef","setTriggerRef","isControlled","undefined","handleOpenChange","newOpen","onOpenChange","contentElement","setContentElement","el","handleClickOutside","e","isServer","target","trigger","contains","handleKeyDown","key","createEffect","setTimeout","document","addEventListener","removeEventListener","onCleanup","contextValue","setOpen","_$createComponent","Provider","value","children","DropdownMenu","Object","assign","Trigger","Content","Item","Label","Separator","DropdownMenuTrigger","others","triggerElement","handleClick","onClick","onMount","_el$","_tmpl$","$$click","_ref$","_$use","_$spread","_$mergeProps","class","_$insert","DropdownMenuContent","updatePosition","rect","getBoundingClientRect","contentRect","top","bottom","left","viewportWidth","window","innerWidth","viewportHeight","innerHeight","finalTop","finalLeft","width","height","style","requestAnimationFrame","Show","when","Portal","mount","body","_el$2","_tmpl$2","_ref$2","DropdownMenuItem","disabled","preventDefault","_el$3","_tmpl$3","DropdownMenuLabel","_el$4","_tmpl$4","DropdownMenuSeparator","_el$5","_tmpl$5","_$delegateEvents"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export * from './DropdownMenu';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DropdownMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}