@wisdomgarden/torque 0.1.0

package/dist/components/date-picker/hooks/use-range-draft.d.ts

@@ -0,0 +1,61 @@
+import type { DateRangeValue } from '../date-picker.types';
+import type { Dayjs } from 'dayjs';
+/**
+ * 范围选择中"起点 → 终点"的选择决策：给出点击日期后 draft 的新值。
+ *
+ * 约定：返回的新值**替换**当前 draft；`pickingEnd` 由 hook 据此更新。
+ */
+type DateTransform = (picked: Dayjs, prev: Dayjs | null) => Dayjs;
+export interface UseRangeDraftParams {
+    /** 外部受控值（`undefined` 表示非受控模式） */
+    readonly controlledValue: DateRangeValue | undefined;
+    /** 非受控初始值 */
+    readonly defaultValue: DateRangeValue | undefined;
+    /** 输入框显示 / 提交时使用的格式 */
+    readonly format: string;
+    /** 是否允许起止同一天 */
+    readonly allowSingleDateInRange: boolean;
+    /** 真正提交给外部 `onChange` 的回调（接 `Date` 元组即可，格式化字符串由调用方拼） */
+    readonly onCommit: (value: [Date | null, Date | null]) => void;
+    /**
+     * 点击日期成为"新起点"时的转换。默认直接返回 picked；
+     * DateTimeRangePicker 用它把上次起点的时分秒合并进来。
+     */
+    readonly mergeStart?: DateTransform;
+    /**
+     * 点击日期成为"新终点"时的转换。默认直接返回 picked；
+     * DateTimeRangePicker 用它把上次终点的时分秒合并进来。
+     */
+    readonly mergeEnd?: DateTransform;
+}
+/**
+ * 日期范围选择器的统一状态控制器。
+ *
+ * 集中处理 6 件事，让具体组件只关心"面板长什么样"：
+ *   1. 对外受控 / 非受控值的 `useUncontrolled` 接入
+ *   2. draft / real 双轨与 `opened: false → true` 的快照同步
+ *   3. `pickingEnd` / `hover` 的会话级状态（委托给 `useRangeSession`）
+ *   4. 输入框字符串 `inputs` 的派生
+ *   5. 点击日期的 `handleSelect` 决策（含"点错重选"的三种回退分支）
+ *   6. 清空 / 确定提交 / 预设应用的终态收敛
+ *
+ * 时间粒度的组件（`DateTimeRangePicker`）通过 `mergeStart` / `mergeEnd`
+ * 在点击日期时合并时分秒；默认 identity 的使用者（`DateRangePicker`）
+ * 则只关心日期。
+ */
+export declare function useRangeDraft({ controlledValue, defaultValue, format, allowSingleDateInRange, onCommit, mergeStart, mergeEnd, }: UseRangeDraftParams): {
+    opened: boolean;
+    rangeDayjs: [Dayjs | null, Dayjs | null];
+    currentRange: [Dayjs | null, Dayjs | null];
+    inputs: [string, string];
+    canClear: boolean;
+    pickingEnd: boolean;
+    hover: Dayjs | null;
+    setHover: import("react").Dispatch<import("react").SetStateAction<Dayjs | null>>;
+    handleOpenChange: (nextOpened: boolean) => void;
+    handleSelect: (d: Dayjs) => void;
+    handleClear: () => void;
+    handleConfirm: () => void;
+    commitDraft: (next: [Dayjs | null, Dayjs | null]) => void;
+};
+export {};

package/dist/components/date-picker/hooks/use-range-draft.js

@@ -0,0 +1,84 @@
+"use client";
+import { useUncontrolled as w } from "@mantine/hooks";
+import { useState as h, useMemo as x } from "react";
+import { dayjs as y } from "../../../common/dayjs.js";
+import { toDayjs as l, formatOrEmpty as R } from "./use-date-parser.js";
+import { useRangeSession as z } from "./use-range-session.js";
+const v = (e) => e;
+function K({
+  controlledValue: e,
+  defaultValue: c,
+  format: f,
+  allowSingleDateInRange: C,
+  onCommit: S,
+  mergeStart: j = v,
+  mergeEnd: E = v
+}) {
+  const [m, g] = h(!1), [o, d] = w({
+    value: e !== void 0 ? [
+      l(e[0])?.toDate() ?? null,
+      l(e[1])?.toDate() ?? null
+    ] : void 0,
+    defaultValue: [
+      l(c?.[0])?.toDate() ?? null,
+      l(c?.[1])?.toDate() ?? null
+    ],
+    finalValue: [null, null],
+    onChange: S
+  }), s = x(
+    () => [
+      o[0] ? y(o[0]) : null,
+      o[1] ? y(o[1]) : null
+    ],
+    [o]
+  ), [k, r] = h(s), { pickingEnd: p, setPickingEnd: D, hover: O, setHover: T, reset: B } = z(), H = (n) => {
+    n && (r(s), B()), g(n);
+  }, t = m ? k : s, M = [
+    R(t[0], f),
+    R(t[1], f)
+  ], u = (n) => {
+    r(n);
+  }, P = (n) => {
+    const [a, q] = t, i = () => {
+      u([j(n, a), null]), D(!0);
+    };
+    if (!p || !a) {
+      i();
+      return;
+    }
+    if (n.isBefore(a, "day")) {
+      i();
+      return;
+    }
+    if (n.isSame(a, "day") && !C) {
+      i();
+      return;
+    }
+    u([a, E(n, q)]), D(!1);
+  }, U = () => {
+    d([null, null]), r([null, null]);
+  }, b = () => {
+    d([
+      t[0]?.toDate() ?? null,
+      t[1]?.toDate() ?? null
+    ]), g(!1);
+  };
+  return {
+    opened: m,
+    rangeDayjs: s,
+    currentRange: t,
+    inputs: M,
+    canClear: !!t[0] || !!t[1],
+    pickingEnd: p,
+    hover: O,
+    setHover: T,
+    handleOpenChange: H,
+    handleSelect: P,
+    handleClear: U,
+    handleConfirm: b,
+    commitDraft: u
+  };
+}
+export {
+  K as useRangeDraft
+};

package/dist/components/date-picker/hooks/use-range-session.d.ts

@@ -0,0 +1,14 @@
+import type { Dayjs } from 'dayjs';
+/**
+ * 范围选择器的"会话级"状态：pickingEnd（是否在等终点） + hover（预览）。
+ *
+ * 调用方在弹层打开时显式调用 `reset()`，使状态在同一批次更新中同步归零，
+ * 避免上一次关闭时半截的中间态泄漏到下一次打开的第一帧。
+ */
+export declare function useRangeSession(): {
+    pickingEnd: boolean;
+    setPickingEnd: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    hover: Dayjs | null;
+    setHover: import("react").Dispatch<import("react").SetStateAction<Dayjs | null>>;
+    reset: () => void;
+};

package/dist/components/date-picker/hooks/use-range-session.js

@@ -0,0 +1,11 @@
+"use client";
+import { useState as s, useCallback as c } from "react";
+function r() {
+  const [t, e] = s(!1), [o, n] = s(null), l = c(() => {
+    e(!1), n(null);
+  }, []);
+  return { pickingEnd: t, setPickingEnd: e, hover: o, setHover: n, reset: l };
+}
+export {
+  r as useRangeSession
+};

package/dist/components/date-picker/hooks/use-resolved-format.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 时间/日期+时间 picker 的默认 format 推导。
+ *
+ * 用户显式传 `format` 时直接返回；否则按 `withSeconds` × `use12Hours`
+ * 四种组合选一个合理的默认值。集中在此避免每个 picker 重复三元表达式。
+ */
+export interface TimeFormatOptions {
+    format?: string;
+    withSeconds: boolean;
+    use12Hours: boolean;
+}
+/** 纯时间 picker 的默认格式。 */
+export declare function resolveTimeFormat(opts: TimeFormatOptions): string;
+/** 日期+时间 picker 的默认格式。 */
+export declare function resolveDateTimeFormat(opts: TimeFormatOptions): string;

package/dist/components/date-picker/hooks/use-resolved-format.js

@@ -0,0 +1,25 @@
+"use client";
+const Y = {
+  "24-hm": "HH:mm",
+  "24-hms": "HH:mm:ss",
+  "12-hm": "hh:mm A",
+  "12-hms": "hh:mm:ss A"
+}, e = {
+  "24-hm": "YYYY-MM-DD HH:mm",
+  "24-hms": "YYYY-MM-DD HH:mm:ss",
+  "12-hm": "YYYY-MM-DD hh:mm A",
+  "12-hms": "YYYY-MM-DD hh:mm:ss A"
+};
+function h({ withSeconds: m, use12Hours: s }) {
+  return `${s ? "12" : "24"}-${m ? "hms" : "hm"}`;
+}
+function r(m) {
+  return m.format ?? Y[h(m)];
+}
+function t(m) {
+  return m.format ?? e[h(m)];
+}
+export {
+  t as resolveDateTimeFormat,
+  r as resolveTimeFormat
+};

package/dist/components/date-picker/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * DatePicker 家族入口。
+ *
+ * 6 个对外组件覆盖「日期 / 时间 / 日期+时间」× 「单值 / 范围」的完整矩阵：
+ *   - `DatePicker`              单日期
+ *   - `DateRangePicker`         日期范围
+ *   - `TimePicker`              单时间（仅时分秒）
+ *   - `TimeRangePicker`         时间范围
+ *   - `DateTimePicker`          单日期 + 单时间
+ *   - `DateTimeRangePicker`     日期 + 时间的范围
+ *
+ * 内部共享：`PickerShell` / `SingleRangeShell` 外壳、`CalendarPanel` 日历、
+ * `TimePanel` 时间面板、以及 `hooks/` 下的解析与键盘导航工具。
+ */
+export { DatePicker } from './date-picker';
+export { DateRangePicker } from './date-range-picker';
+export { TimePicker } from './time-picker';
+export { TimeRangePicker } from './time-range-picker';
+export { DateTimePicker } from './date-time-picker';
+export { DateTimeRangePicker } from './date-time-range-picker';
+export type { DatePickerProps, DateRangePickerProps, TimePickerProps, TimeRangePickerProps, DateTimePickerProps, DateTimeRangePickerProps, PickerClassNames, PickerShellConfig, DateValue, DateRangeValue, DatePickerClassNames, } from './date-picker.types';

package/dist/components/date-picker/index.js

@@ -0,0 +1,15 @@
+"use client";
+import { DatePicker as o } from "./date-picker.js";
+import { DateRangePicker as t } from "./date-range-picker.js";
+import { TimePicker as a } from "./time-picker.js";
+import { TimeRangePicker as f } from "./time-range-picker.js";
+import { DateTimePicker as p } from "./date-time-picker.js";
+import { DateTimeRangePicker as P } from "./date-time-range-picker.js";
+export {
+  o as DatePicker,
+  t as DateRangePicker,
+  p as DateTimePicker,
+  P as DateTimeRangePicker,
+  a as TimePicker,
+  f as TimeRangePicker
+};

package/dist/components/date-picker/styles/calendar-header.module.css.js

@@ -0,0 +1,14 @@
+"use client";
+const e = "_header_1bthq_2", a = "_headerTitle_1bthq_11", h = "_headerNav_1bthq_37", t = "_headerNavIcon_1bthq_41", d = {
+  header: e,
+  headerTitle: a,
+  headerNav: h,
+  headerNavIcon: t
+};
+export {
+  d as default,
+  e as header,
+  h as headerNav,
+  t as headerNavIcon,
+  a as headerTitle
+};

package/dist/components/date-picker/styles/calendar-panel.module.css.js

@@ -0,0 +1,12 @@
+"use client";
+const n = "_calendar_n1kjo_2", e = "_calendarMonth_n1kjo_13", a = "_liveRegion_n1kjo_23", o = {
+  calendar: n,
+  calendarMonth: e,
+  liveRegion: a
+};
+export {
+  n as calendar,
+  e as calendarMonth,
+  o as default,
+  a as liveRegion
+};

package/dist/components/date-picker/styles/date-cell.module.css.js

@@ -0,0 +1,8 @@
+"use client";
+const e = "_cell_105es_2", l = {
+  cell: e
+};
+export {
+  e as cell,
+  l as default
+};

package/dist/components/date-picker/styles/month-view.module.css.js

@@ -0,0 +1,12 @@
+"use client";
+const e = "_weekdays_1v0fv_2", s = "_weekday_1v0fv_2", d = "_grid_1v0fv_19", a = {
+  weekdays: e,
+  weekday: s,
+  grid: d
+};
+export {
+  a as default,
+  d as grid,
+  s as weekday,
+  e as weekdays
+};

package/dist/components/date-picker/styles/panel-layout.module.css.js

@@ -0,0 +1,12 @@
+"use client";
+const e = "_body_196xl_2", o = "_bodyMobile_196xl_12", b = "_mobileTimeWrapper_196xl_22", l = {
+  body: e,
+  bodyMobile: o,
+  mobileTimeWrapper: b
+};
+export {
+  e as body,
+  o as bodyMobile,
+  l as default,
+  b as mobileTimeWrapper
+};

package/dist/components/date-picker/styles/picker-footer.module.css.js

@@ -0,0 +1,10 @@
+"use client";
+const o = "_root_1h3m9_2", t = "_actions_1h3m9_11", s = {
+  root: o,
+  actions: t
+};
+export {
+  t as actions,
+  s as default,
+  o as root
+};

package/dist/components/date-picker/styles/picker-shell.module.css.js

@@ -0,0 +1,12 @@
+"use client";
+const o = "_root_ka9se_2", t = "_input_ka9se_6", s = "_dropdown_ka9se_17", n = {
+  root: o,
+  input: t,
+  dropdown: s
+};
+export {
+  n as default,
+  s as dropdown,
+  t as input,
+  o as root
+};

package/dist/components/date-picker/styles/range-panel.module.css.js

@@ -0,0 +1,12 @@
+"use client";
+const t = "_root_dj6bm_2", e = "_timeSection_dj6bm_7", o = "_presetSection_dj6bm_15", c = {
+  root: t,
+  timeSection: e,
+  presetSection: o
+};
+export {
+  c as default,
+  o as presetSection,
+  t as root,
+  e as timeSection
+};

package/dist/components/date-picker/styles/time-column.module.css.js

@@ -0,0 +1,10 @@
+"use client";
+const t = "_timeColumn_vjcwi_2", e = "_timeItem_vjcwi_28", m = {
+  timeColumn: t,
+  timeItem: e
+};
+export {
+  m as default,
+  t as timeColumn,
+  e as timeItem
+};

package/dist/components/date-picker/styles/time-input-row.module.css.js

@@ -0,0 +1,16 @@
+"use client";
+const t = "_timeInputRow_yewn6_2", e = "_timeInputLabel_yewn6_8", n = "_timeInputValueGroup_yewn6_13", u = "_timeInputDateStr_yewn6_19", p = "_timeInputDropdown_yewn6_24", o = {
+  timeInputRow: t,
+  timeInputLabel: e,
+  timeInputValueGroup: n,
+  timeInputDateStr: u,
+  timeInputDropdown: p
+};
+export {
+  o as default,
+  u as timeInputDateStr,
+  p as timeInputDropdown,
+  e as timeInputLabel,
+  t as timeInputRow,
+  n as timeInputValueGroup
+};

package/dist/components/date-picker/styles/time-panel.module.css.js

@@ -0,0 +1,8 @@
+"use client";
+const e = "_time_oriug_2", t = {
+  time: e
+};
+export {
+  t as default,
+  e as time
+};

package/dist/components/date-picker/styles/year-view.module.css.js

@@ -0,0 +1,10 @@
+"use client";
+const l = "_grid_14bv6_2", c = "_cell_14bv6_11", e = {
+  grid: l,
+  cell: c
+};
+export {
+  c as cell,
+  e as default,
+  l as grid
+};

package/dist/components/date-picker/time-picker.d.ts

@@ -0,0 +1,6 @@
+import type { TimePickerProps } from './date-picker.types';
+/**
+ * 时间选择器（仅时分秒，不含日期）。
+ * 支持 12/24 小时制、步长控制及级联禁用。
+ */
+export declare const TimePicker: (props: TimePickerProps) => import("react").JSX.Element;

package/dist/components/date-picker/time-picker.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { useId as w, useUncontrolled as D } from "@mantine/hooks";
+import { useState as E } from "react";
+import { useFormWrapperProps as N } from "../../common/use-form-wrapper-props.js";
+import { FormItemWrapper as q } from "../form-wrapper/form-item-wrapper.js";
+import { TimePanel as x } from "./components/common/time-panel.js";
+import { PickerShell as H } from "./components/single/picker-shell.js";
+import { toTimeValue as R, withTime as W } from "./hooks/time-utils.js";
+import { formatOrEmpty as f, toDate as p } from "./hooks/use-date-parser.js";
+import { resolveTimeFormat as j } from "./hooks/use-resolved-format.js";
+const re = (e) => {
+  const t = w(e.id), { wrapProps: m, rest: h, outerDescribedBy: b, formProps: o } = N(
+    e,
+    t
+  ), {
+    value: B,
+    onChange: M,
+    error: U,
+    defaultValue: C,
+    format: g,
+    withSeconds: d = !1,
+    use12Hours: i = !1,
+    hourStep: v,
+    minuteStep: S,
+    secondStep: P,
+    disabledHours: V,
+    disabledMinutes: T,
+    disabledSeconds: y,
+    required: z,
+    borderRadius: A,
+    ...a
+  } = h, n = j({ format: g, withSeconds: d, use12Hours: i }), u = o ? o.value : e.value, _ = o?.error ?? e.error, [F, I] = E(!1), [l, c] = D({
+    value: u !== void 0 ? p(u) : void 0,
+    defaultValue: p(C ?? null),
+    finalValue: null,
+    onChange: (r) => {
+      o?.onChange?.(r), e.onChange?.(r, f(r, n));
+    }
+  }), O = f(l, n), k = (r) => {
+    c(W(l, r).toDate());
+  };
+  return /* @__PURE__ */ s(q, { ...m, id: t, children: /* @__PURE__ */ s(
+    H,
+    {
+      ...a,
+      id: t,
+      opened: F,
+      onOpenChange: I,
+      value: O,
+      canClear: !!l,
+      placeholder: a.placeholder ?? n,
+      defaultIconName: "clock",
+      error: _,
+      "aria-describedby": b,
+      "aria-labelledby": m.labelId ?? a["aria-labelledby"],
+      onClear: () => {
+        c(null);
+      },
+      renderPanel: () => /* @__PURE__ */ s(
+        x,
+        {
+          value: R(l),
+          withSeconds: d,
+          use12Hours: i,
+          hourStep: v,
+          minuteStep: S,
+          secondStep: P,
+          disabledHours: V,
+          disabledMinutes: T,
+          disabledSeconds: y,
+          classNames: a.classNames,
+          onChange: k
+        }
+      )
+    }
+  ) });
+};
+export {
+  re as TimePicker
+};

package/dist/components/date-picker/time-range-picker.d.ts

@@ -0,0 +1,6 @@
+import type { TimeRangePickerProps } from './date-picker.types';
+/**
+ * 时间范围选择器（仅时分秒）。
+ * 下拉面板内并排两个 `TimePanel`，分别对应开始和结束时间，采用草稿模式，点击确认后提交。
+ */
+export declare const TimeRangePicker: (props: TimeRangePickerProps) => import("react").JSX.Element;

package/dist/components/date-picker/time-range-picker.js

@@ -0,0 +1,135 @@
+"use client";
+import { jsx as s, jsxs as F } from "react/jsx-runtime";
+import { useId as U, useUncontrolled as z } from "@mantine/hooks";
+import { clsx as A } from "clsx";
+import { useState as V } from "react";
+import { useFormWrapperProps as G } from "../../common/use-form-wrapper-props.js";
+import { FormItemWrapper as J } from "../form-wrapper/form-item-wrapper.js";
+import { PickerFooter as K } from "./components/common/picker-footer.js";
+import { TimePanel as w } from "./components/common/time-panel.js";
+import { RangeShell as L } from "./components/range/range-shell.js";
+import { toTimeValue as I, withTime as Q } from "./hooks/time-utils.js";
+import { formatOrEmpty as i, toDayjs as _ } from "./hooks/use-date-parser.js";
+import { resolveTimeFormat as X } from "./hooks/use-resolved-format.js";
+import Y from "./styles/panel-layout.module.css.js";
+const x = (r) => {
+  if (!r) return [null, null];
+  const l = _(r[0]), t = _(r[1]);
+  return [l ? l.toDate() : null, t ? t.toDate() : null];
+}, be = (r) => {
+  const l = U(r.id), { wrapProps: t, rest: O, outerDescribedBy: j, formProps: m } = G(
+    r,
+    l
+  ), {
+    value: Z,
+    onChange: ee,
+    error: re,
+    defaultValue: k,
+    format: E,
+    withSeconds: c = !1,
+    use12Hours: d = !1,
+    hourStep: h,
+    minuteStep: g,
+    secondStep: b,
+    disabledHours: C,
+    disabledMinutes: N,
+    disabledSeconds: v,
+    required: oe,
+    borderRadius: ae,
+    ...a
+  } = O, n = X({ format: E, withSeconds: c, use12Hours: d }), y = m ? m.value : r.value, q = m?.error ?? r.error, [R, u] = V(!1), [f, D] = z({
+    value: y !== void 0 ? x(y) : void 0,
+    defaultValue: x(k),
+    finalValue: [null, null],
+    onChange: (e) => {
+      m?.onChange?.(e), r.onChange?.(e, [
+        i(e[0], n),
+        i(e[1], n)
+      ]);
+    }
+  }), [P, p] = V(f), B = (e) => {
+    e && p(f), u(e);
+  }, o = R ? P : f, H = [
+    i(o[0], n),
+    i(o[1], n)
+  ], S = (e, $) => {
+    const M = Q(o[e], $).toDate(), T = [...o];
+    T[e] = M, p(T);
+  }, W = () => {
+    D(P), u(!1);
+  };
+  return /* @__PURE__ */ s(J, { ...t, id: l, children: /* @__PURE__ */ s(
+    L,
+    {
+      ...a,
+      id: l,
+      opened: R,
+      onOpenChange: B,
+      values: H,
+      canClear: !!o[0] || !!o[1],
+      placeholder: a.placeholder ?? `${n} ~ ${n}`,
+      defaultIconName: "clock",
+      error: q,
+      "aria-describedby": j,
+      "aria-labelledby": t.labelId ?? a["aria-labelledby"],
+      onClear: () => {
+        D([null, null]), p([null, null]);
+      },
+      renderPanel: () => /* @__PURE__ */ F("div", { children: [
+        /* @__PURE__ */ F(
+          "div",
+          {
+            "data-with-time": "true",
+            className: A(Y.body, a.classNames?.dropdownBody),
+            children: [
+              /* @__PURE__ */ s(
+                w,
+                {
+                  value: I(o[0]),
+                  withSeconds: c,
+                  use12Hours: d,
+                  hourStep: h,
+                  minuteStep: g,
+                  secondStep: b,
+                  disabledHours: C,
+                  disabledMinutes: N,
+                  disabledSeconds: v,
+                  classNames: a.classNames,
+                  onChange: (e) => S(0, e)
+                }
+              ),
+              /* @__PURE__ */ s(
+                w,
+                {
+                  value: I(o[1]),
+                  withSeconds: c,
+                  use12Hours: d,
+                  hourStep: h,
+                  minuteStep: g,
+                  secondStep: b,
+                  disabledHours: C,
+                  disabledMinutes: N,
+                  disabledSeconds: v,
+                  classNames: a.classNames,
+                  onChange: (e) => S(1, e),
+                  asInitialFocus: !1
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(
+          K,
+          {
+            className: a.classNames?.footer,
+            onCancel: () => u(!1),
+            onConfirm: W
+          }
+        )
+      ] })
+    }
+  ) });
+};
+export {
+  be as TimeRangePicker
+};

package/dist/components/drawer/drawer-events.d.ts

@@ -0,0 +1,28 @@
+import { DistributiveOmit, DrawerProps } from './drawer';
+export type DrawerEventProps = DistributiveOmit<DrawerProps, 'opened' | 'onClose'> & ({
+    /** 抽屉位置 */
+    position: 'bottom';
+    /** 抽屉为底部的时候，可以传递抽屉的高度 */
+    height?: string;
+    /** 是否不设置最小高度 默认false */
+    noMinHeight?: boolean;
+} | {
+    /** 抽屉位置 */
+    position: 'top' | 'left' | 'right';
+    /** 抽屉为顶部、左侧、右侧的时候，高度不能传递 */
+    height?: undefined;
+});
+declare const useDrawerEvents: (events: Record<string, (detail: any) => void>) => void;
+/**
+ * 抽屉操作的指令
+ */
+export declare const drawers: {
+    /** 打开抽屉 */
+    open: (props: DrawerEventProps) => void;
+    /** 关闭抽屉 */
+    close: () => void;
+    /** 关闭所有抽屉 */
+    closeAll: () => void;
+};
+export declare const closeDrawer: () => void;
+export { useDrawerEvents };