@will-ui/vue 1.0.0

package/dist/components/date/_use/useDateModules.d.ts

@@ -0,0 +1,37 @@
+import { ComputedRef, Ref } from 'vue';
+import { DateFormatType, DateType } from '../../../config/types';
+type DateViewType = "year" | "day" | "month" | "time";
+export declare function useDateView(format: ComputedRef<DateFormatType>): {
+    currentView: Readonly<Ref<DateViewType, DateViewType>>;
+    isYear: ComputedRef<boolean>;
+    isMonth: ComputedRef<boolean>;
+    isDay: ComputedRef<boolean>;
+    isTime: ComputedRef<boolean>;
+    formatIsYear: ComputedRef<boolean>;
+    formatIsMonth: ComputedRef<boolean>;
+    formatIsDay: ComputedRef<boolean>;
+    formatIsTime: ComputedRef<boolean>;
+    getFormatView: () => any;
+    setCurrentView: (view: DateViewType) => void;
+};
+export declare function useBarText(isYear: Ref<boolean>, isMonth: Ref<boolean>, isDay: Ref<boolean>, isTime: Ref<boolean>, displayDate: Ref<string | number | Date>, ft: {
+    from: number;
+    to: number;
+}): ComputedRef<string>;
+export declare function useDateText(format: ComputedRef<DateFormatType>, date: ComputedRef<DateType>): ComputedRef<string>;
+/**
+ *
+ * @param format 日期的格式，如'yyyy-MM-dd'
+ * @param theDate 当前选择的日期
+ * @returns 返回日期类型的计算属性
+ */
+export declare function useFormatDate(format: ComputedRef<DateFormatType>, theDate: ComputedRef<DateType>): {
+    selectedDate: ComputedRef<Date>;
+    formatDate: (date: string | number | Date, formart?: DateFormatType) => Date;
+    getStringDate: (date: DateType, f?: DateFormatType) => string;
+};
+export declare function useLimitDate(props: {
+    min: Date | string | number | undefined;
+    max: Date | string | number | undefined;
+}): void;
+export {};

package/dist/components/date/_use/useDateModules.js

@@ -0,0 +1,100 @@
+import useDate from "../../../use/useDate.js";
+import { computed, readonly, ref, unref, watchEffect } from "vue";
+//#region components/date/_use/useDateModules.ts
+var FormatViewMap = /* @__PURE__ */ function(FormatViewMap) {
+	FormatViewMap["yyyy"] = "year";
+	FormatViewMap["yyyy-MM"] = "month";
+	FormatViewMap["yyyy-MM-dd"] = "day";
+	FormatViewMap["yyyy-MM-dd HH:mm:ss"] = "time";
+	FormatViewMap["yyyy-MM-dd HH:mm"] = "time";
+	FormatViewMap["yyyy-MM-dd HH"] = "time";
+	return FormatViewMap;
+}(FormatViewMap || {});
+function useDateView(format) {
+	const currentView = ref("day");
+	const currentFormat = computed(() => FormatViewMap[format.value]);
+	const isYear = computed(() => currentView.value === "year");
+	const isMonth = computed(() => currentView.value === "month");
+	const isDay = computed(() => currentView.value === "day");
+	const isTime = computed(() => currentView.value === "time");
+	function setCurrentView(view) {
+		currentView.value = view;
+	}
+	function toSetByFormat() {
+		setCurrentView(FormatViewMap[unref(format)]);
+	}
+	watchEffect(() => {
+		toSetByFormat();
+	});
+	return {
+		currentView: readonly(currentView),
+		isYear,
+		isMonth,
+		isDay,
+		isTime,
+		formatIsYear: computed(() => currentFormat.value === "year"),
+		formatIsMonth: computed(() => currentFormat.value === "month"),
+		formatIsDay: computed(() => currentFormat.value === "day"),
+		formatIsTime: computed(() => currentFormat.value === "time"),
+		getFormatView: () => currentFormat.value,
+		setCurrentView
+	};
+}
+function useBarText(isYear, isMonth, isDay, isTime, displayDate, ft) {
+	const { year, month, day } = useDate(displayDate);
+	return computed(() => {
+		const y = year.value + "年";
+		const m = month.value + "月";
+		if (isDay.value) return y + m;
+		else if (isMonth.value) return y;
+		else if (isYear.value) return `${ft.from}-${ft.to}`;
+		else if (isTime.value) return y + m + day.value + "日";
+	});
+}
+function useDateText(format, date) {
+	const { formatDate, format: fm, year } = useDate(date);
+	return computed(() => {
+		const d = date.value;
+		const f = format.value;
+		if (d === void 0) return "";
+		else {
+			const _d = formatDate(d);
+			if (_d) {
+				const y = _d.getFullYear();
+				_d.getMonth() + 1;
+				_d.getDate();
+				if (f === "yyyy") return y + "年";
+				else if (f === "yyyy-MM" || f === "yyyy-MM-dd") return fm(_d, f);
+				else if (f.indexOf("HH") > -1) return fm(_d, f);
+			}
+		}
+	});
+}
+/**
+*
+* @param format 日期的格式，如'yyyy-MM-dd'
+* @param theDate 当前选择的日期
+* @returns 返回日期类型的计算属性
+*/
+function useFormatDate(format, theDate) {
+	const { parse, format: _f, formatDate } = useDate(theDate, format);
+	return {
+		selectedDate: computed(() => {
+			format.value;
+			const currentDate = theDate.value;
+			return formatDate(currentDate);
+		}),
+		formatDate,
+		getStringDate: (date, f) => {
+			if (date === void 0) return;
+			else {
+				const _d = formatDate(date);
+				return _f(_d, f || format.value);
+			}
+		}
+	};
+}
+//#endregion
+export { useBarText, useDateText, useDateView, useFormatDate };
+
+//# sourceMappingURL=useDateModules.js.map

package/dist/components/date/_use/useDateModules.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDateModules.js","names":[],"sources":["../../../../components/date/_use/useDateModules.ts"],"sourcesContent":["import { onMounted } from \"vue\"\r\nimport { computed, readonly, ref, unref, watchEffect } from \"vue\"\r\nimport type { ComputedRef, Ref } from \"vue\"\r\nimport type { DateFormatType, DateType } from \"../../../config/types\"\r\nimport { isString, isNumber, isDate } from \"../../../util\"\r\nimport useDate from \"../../../use/useDate\"\r\nimport { useUII18n } from \"../../../use/useUII18n\"\r\ntype DateViewType = \"year\" | \"day\" | \"month\" | \"time\"\r\nenum FormatViewMap {\r\n  \"yyyy\" = \"year\",\r\n  \"yyyy-MM\" = \"month\",\r\n  \"yyyy-MM-dd\" = \"day\",\r\n  \"yyyy-MM-dd HH:mm:ss\" = \"time\",\r\n  \"yyyy-MM-dd HH:mm\" = \"time\",\r\n  \"yyyy-MM-dd HH\" = \"time\",\r\n}\r\nexport function useDateView(format: ComputedRef<DateFormatType>) {\r\n  const currentView = ref<DateViewType>(\"day\")\r\n  const currentFormat = computed(() => FormatViewMap[format.value])\r\n  const isYear = computed(() => currentView.value === \"year\")\r\n  const isMonth = computed(() => currentView.value === \"month\")\r\n  const isDay = computed(() => currentView.value === \"day\")\r\n  const isTime = computed(() => currentView.value === \"time\")\r\n  function setCurrentView(view: DateViewType) {\r\n    currentView.value = view\r\n  }\r\n\r\n  function toSetByFormat() {\r\n    const f = unref(format)\r\n    setCurrentView(FormatViewMap[f])\r\n  }\r\n\r\n  watchEffect(() => {\r\n    // console.log('watchEffect在onMounted之前执行', format.value)\r\n    toSetByFormat()\r\n  })\r\n\r\n  return {\r\n    currentView: readonly(currentView),\r\n    isYear,\r\n    isMonth,\r\n    isDay,\r\n    isTime,\r\n    formatIsYear: computed(() => currentFormat.value === \"year\"),\r\n    formatIsMonth: computed(() => currentFormat.value === \"month\"),\r\n    formatIsDay: computed(() => currentFormat.value === \"day\"),\r\n    formatIsTime: computed(() => currentFormat.value === \"time\"),\r\n    getFormatView: () => currentFormat.value,\r\n    setCurrentView,\r\n  }\r\n}\r\n\r\nexport function useBarText(\r\n  isYear: Ref<boolean>,\r\n  isMonth: Ref<boolean>,\r\n  isDay: Ref<boolean>,\r\n  isTime: Ref<boolean>,\r\n  displayDate: Ref<string | number | Date>,\r\n  ft: { from: number; to: number }\r\n) {\r\n  const { year, month, day } = useDate(displayDate)\r\n  return computed(() => {\r\n    const y = year.value + \"年\"\r\n    const m = month.value + \"月\"\r\n    if (isDay.value) {\r\n      return y + m\r\n    } else if (isMonth.value) {\r\n      return y\r\n    } else if (isYear.value) {\r\n      return `${ft.from}-${ft.to}`\r\n    } else if (isTime.value) {\r\n      return y + m + day.value + \"日\"\r\n    }\r\n  })\r\n}\r\n\r\nexport function useDateText(\r\n  format: ComputedRef<DateFormatType>,\r\n  date: ComputedRef<DateType>\r\n) {\r\n  const { formatDate, format: fm, year } = useDate(date)\r\n  return computed(() => {\r\n    const d = date.value\r\n    const f = format.value\r\n    if (d === undefined) {\r\n      return \"\"\r\n    } else {\r\n      const _d = formatDate(d)\r\n      if (_d) {\r\n        const y = _d.getFullYear()\r\n        const m = _d.getMonth() + 1\r\n        const d = _d.getDate()\r\n        if (f === \"yyyy\") {\r\n          return y + \"年\"\r\n        } else if (f === \"yyyy-MM\" || f === \"yyyy-MM-dd\") {\r\n          return fm(_d, f)\r\n        } else if (f.indexOf(\"HH\") > -1) {\r\n          return fm(_d, f)\r\n        }\r\n      }\r\n    }\r\n  })\r\n}\r\n\r\n/**\r\n *\r\n * @param format 日期的格式，如'yyyy-MM-dd'\r\n * @param theDate 当前选择的日期\r\n * @returns 返回日期类型的计算属性\r\n */\r\nexport function useFormatDate(\r\n  format: ComputedRef<DateFormatType>,\r\n  theDate: ComputedRef<DateType> //当字符串时，默认时以短横线年月日分割的！\r\n) {\r\n  const { parse, format: _f, formatDate } = useDate(theDate, format)\r\n\r\n  const selectedDate = computed(() => {\r\n    const f = format.value\r\n    const currentDate = theDate.value\r\n    return formatDate(currentDate)\r\n  })\r\n\r\n  return {\r\n    selectedDate, //有可能包括了时分秒\r\n    formatDate,\r\n    getStringDate: (date: DateType, f?: DateFormatType) => {\r\n      if (date === undefined) {\r\n        return undefined\r\n      } else {\r\n        const _d = formatDate(date)\r\n        // console.log(_d)\r\n        return _f(_d, f || format.value)\r\n      }\r\n    },\r\n  }\r\n}\r\n\r\nexport function useLimitDate(props: {\r\n  min: Date | string | number | undefined\r\n  max: Date | string | number | undefined\r\n}) {}\r\n"],"mappings":";;;AAQA,IAAK,gBAAL,yBAAA,eAAA;CACE,cAAA,UAAA;CACA,cAAA,aAAA;CACA,cAAA,gBAAA;CACA,cAAA,yBAAA;CACA,cAAA,sBAAA;CACA,cAAA,mBAAA;;AACF,EAPK,iBAAA,CAAA,CAOL;AACA,SAAgB,YAAY,QAAqC;CAC/D,MAAM,cAAc,IAAkB,KAAK;CAC3C,MAAM,gBAAgB,eAAe,cAAc,OAAO,MAAM;CAChE,MAAM,SAAS,eAAe,YAAY,UAAU,MAAM;CAC1D,MAAM,UAAU,eAAe,YAAY,UAAU,OAAO;CAC5D,MAAM,QAAQ,eAAe,YAAY,UAAU,KAAK;CACxD,MAAM,SAAS,eAAe,YAAY,UAAU,MAAM;CAC1D,SAAS,eAAe,MAAoB;EAC1C,YAAY,QAAQ;CACtB;CAEA,SAAS,gBAAgB;EAEvB,eAAe,cADL,MAAM,MACa,EAAE;CACjC;CAEA,kBAAkB;EAEhB,cAAc;CAChB,CAAC;CAED,OAAO;EACL,aAAa,SAAS,WAAW;EACjC;EACA;EACA;EACA;EACA,cAAc,eAAe,cAAc,UAAU,MAAM;EAC3D,eAAe,eAAe,cAAc,UAAU,OAAO;EAC7D,aAAa,eAAe,cAAc,UAAU,KAAK;EACzD,cAAc,eAAe,cAAc,UAAU,MAAM;EAC3D,qBAAqB,cAAc;EACnC;CACF;AACF;AAEA,SAAgB,WACd,QACA,SACA,OACA,QACA,aACA,IACA;CACA,MAAM,EAAE,MAAM,OAAO,QAAQ,QAAQ,WAAW;CAChD,OAAO,eAAe;EACpB,MAAM,IAAI,KAAK,QAAQ;EACvB,MAAM,IAAI,MAAM,QAAQ;EACxB,IAAI,MAAM,OACR,OAAO,IAAI;OACN,IAAI,QAAQ,OACjB,OAAO;OACF,IAAI,OAAO,OAChB,OAAO,GAAG,GAAG,KAAK,GAAG,GAAG;OACnB,IAAI,OAAO,OAChB,OAAO,IAAI,IAAI,IAAI,QAAQ;CAE/B,CAAC;AACH;AAEA,SAAgB,YACd,QACA,MACA;CACA,MAAM,EAAE,YAAY,QAAQ,IAAI,SAAS,QAAQ,IAAI;CACrD,OAAO,eAAe;EACpB,MAAM,IAAI,KAAK;EACf,MAAM,IAAI,OAAO;EACjB,IAAI,MAAM,KAAA,GACR,OAAO;OACF;GACL,MAAM,KAAK,WAAW,CAAC;GACvB,IAAI,IAAI;IACN,MAAM,IAAI,GAAG,YAAY;IACf,GAAG,SAAS,IAAI;IAChB,GAAG,QAAQ;IACrB,IAAI,MAAM,QACR,OAAO,IAAI;SACN,IAAI,MAAM,aAAa,MAAM,cAClC,OAAO,GAAG,IAAI,CAAC;SACV,IAAI,EAAE,QAAQ,IAAI,IAAI,IAC3B,OAAO,GAAG,IAAI,CAAC;GAEnB;EACF;CACF,CAAC;AACH;;;;;;;AAQA,SAAgB,cACd,QACA,SACA;CACA,MAAM,EAAE,OAAO,QAAQ,IAAI,eAAe,QAAQ,SAAS,MAAM;CAQjE,OAAO;EACL,cAPmB,eAAe;GACxB,OAAO;GACjB,MAAM,cAAc,QAAQ;GAC5B,OAAO,WAAW,WAAW;EAC/B,CAGE;EACA;EACA,gBAAgB,MAAgB,MAAuB;GACrD,IAAI,SAAS,KAAA,GACX;QACK;IACL,MAAM,KAAK,WAAW,IAAI;IAE1B,OAAO,GAAG,IAAI,KAAK,OAAO,KAAK;GACjC;EACF;CACF;AACF"}

package/dist/components/date/config.d.ts

@@ -0,0 +1,32 @@
+import { AdjustmentPosition, DateFormatType } from '../../config/types';
+/**
+ * 可通过 `app.use(UI, { components: { DatePicker: {...} } })` 配置的项。
+ * Boolean / 可全局覆盖的字段请在 props 设 `default: undefined`。
+ *
+ * 不宜全局配置：modelValue / start / end / show / quickKey / min / max（实例数据或受控态）。
+ */
+export type DatePickerGlobalConfig = Partial<{
+    format: DateFormatType;
+    range: boolean;
+    hasQuick: boolean;
+    clearable: boolean;
+    disabled: boolean;
+    block: boolean;
+    adjustPosition: AdjustmentPosition;
+    placeholder: string;
+    startPlaceholder: string;
+    endPlaceholder: string;
+}>;
+/** 未传 props、也未配全局时的默认值 */
+export declare const DATE_PICKER_FALLBACK: {
+    format: DateFormatType;
+    range: boolean;
+    hasQuick: boolean;
+    clearable: boolean | undefined;
+    disabled: boolean;
+    block: boolean;
+    adjustPosition: AdjustmentPosition;
+    placeholder: string | undefined;
+    startPlaceholder: string | undefined;
+    endPlaceholder: string | undefined;
+};

package/dist/components/date/config.js

@@ -0,0 +1,18 @@
+//#region components/date/config.ts
+/** 未传 props、也未配全局时的默认值 */
+var DATE_PICKER_FALLBACK = {
+	format: "yyyy-MM-dd",
+	range: false,
+	hasQuick: true,
+	clearable: void 0,
+	disabled: false,
+	block: false,
+	adjustPosition: "auto",
+	placeholder: void 0,
+	startPlaceholder: void 0,
+	endPlaceholder: void 0
+};
+//#endregion
+export { DATE_PICKER_FALLBACK };
+
+//# sourceMappingURL=config.js.map

package/dist/components/date/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../components/date/config.ts"],"sourcesContent":["import type { AdjustmentPosition, DateFormatType } from '../../config/types'\r\n\r\n/**\r\n * 可通过 `app.use(UI, { components: { DatePicker: {...} } })` 配置的项。\r\n * Boolean / 可全局覆盖的字段请在 props 设 `default: undefined`。\r\n *\r\n * 不宜全局配置：modelValue / start / end / show / quickKey / min / max（实例数据或受控态）。\r\n */\r\nexport type DatePickerGlobalConfig = Partial<{\r\n  format: DateFormatType\r\n  range: boolean\r\n  hasQuick: boolean\r\n  clearable: boolean\r\n  disabled: boolean\r\n  block: boolean\r\n  adjustPosition: AdjustmentPosition\r\n  placeholder: string\r\n  startPlaceholder: string\r\n  endPlaceholder: string\r\n}>\r\n\r\n/** 未传 props、也未配全局时的默认值 */\r\nexport const DATE_PICKER_FALLBACK = {\r\n  format: 'yyyy-MM-dd' as DateFormatType,\r\n  range: false,\r\n  hasQuick: true,\r\n  clearable: undefined as boolean | undefined,\r\n  disabled: false,\r\n  block: false,\r\n  adjustPosition: 'auto' as AdjustmentPosition,\r\n  placeholder: undefined as string | undefined,\r\n  startPlaceholder: undefined as string | undefined,\r\n  endPlaceholder: undefined as string | undefined,\r\n}\r\n"],"mappings":";;AAsBA,IAAa,uBAAuB;CAClC,QAAQ;CACR,OAAO;CACP,UAAU;CACV,WAAW,KAAA;CACX,UAAU;CACV,OAAO;CACP,gBAAgB;CAChB,aAAa,KAAA;CACb,kBAAkB,KAAA;CAClB,gBAAgB,KAAA;AAClB"}

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

@@ -0,0 +1,3 @@
+export { default } from './DatePicker';
+export type { DatePickerGlobalConfig, DatePickerTriggerSlotProps, DatePickerChangeQuickPayload, DatePickerExpose, TQuickKey, } from './DatePicker';
+export { DATE_PICKER_FALLBACK } from './DatePicker';

package/dist/components/date/style/index.css

@@ -0,0 +1 @@
+@import '../../../theme/tokens/components/date/index.css';

package/dist/components/date/types.d.ts

@@ -0,0 +1,32 @@
+import { DateFormatType, DateType } from '../../config/types';
+import { TQuickKey } from '../../use/useDate';
+export type DatePickerTriggerSlotProps = {
+    /** 展示文案；快捷选中有效时优先为快捷描述（如「近七天」） */
+    text: string | undefined;
+    startText: string | undefined;
+    endText: string | undefined;
+    /** 当前快捷 key；无效或不匹配时为 undefined */
+    quickKey: TQuickKey | undefined;
+    /** 快捷选择文案（如「今天」「近七天」）；未激活时为 undefined */
+    quickText: string | undefined;
+    placeholder: string;
+    startPlaceholder: string;
+    endPlaceholder: string;
+    visible: boolean;
+    disabled: boolean;
+    clearable: boolean | undefined;
+    range: boolean;
+    clear: () => void;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+export type DatePickerChangeQuickPayload = {
+    key: TQuickKey;
+    start: string;
+    end: string;
+};
+export type DatePickerExpose = {
+    getRangeDate: (k: TQuickKey) => [string, string];
+};
+export type { DateFormatType, DateType, TQuickKey };

package/dist/components/drawer/Drawer.d.ts

@@ -0,0 +1,332 @@
+import { PropType } from 'vue';
+import { LoadingComponentProps } from '../loading/type';
+import { CssVars } from '../../util';
+import { DrawerPlacement } from './config';
+export type { DrawerGlobalConfig, DrawerPlacement } from './config';
+export { DRAWER_FALLBACK } from './config';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    bind: {
+        type: PropType<"v-if" | "v-show">;
+        default: any;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasMask: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    placement: {
+        type: PropType<DrawerPlacement>;
+        default: any;
+    };
+    to: {
+        type: {
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        };
+        default: () => HTMLElement;
+    };
+    canCloseByClickMask: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    headerClass: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    bodyClass: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    footerClass: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    maskClass: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    maskStyle: {
+        type: PropType<Record<string, any> | string | Array<Record<string, any> | string>>;
+    };
+    /** 供 Confirm 等命令式用法：挂载后立即显示 */
+    isConfirm: BooleanConstructor;
+    beforeClose: PropType<() => Promise<boolean>>;
+    afterClose: FunctionConstructor;
+    resizeAfterEnter: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    width: {
+        type: StringConstructor;
+        default: any;
+    };
+    height: {
+        type: StringConstructor;
+        default: any;
+    };
+    title: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 尺度核 → `--w-prop-drawer-size`（标题 / header / Close） */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量 */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+    loading: {
+        type: PropType<LoadingComponentProps>;
+        default: () => {
+            show: boolean;
+        };
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:show': (_v: boolean) => true;
+    enter: (_el: Element) => true;
+    'after-enter': () => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    bind: {
+        type: PropType<"v-if" | "v-show">;
+        default: any;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasMask: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    placement: {
+        type: PropType<DrawerPlacement>;
+        default: any;
+    };
+    to: {
+        type: {
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        };
+        default: () => HTMLElement;
+    };
+    canCloseByClickMask: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    headerClass: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    bodyClass: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    footerClass: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    maskClass: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    maskStyle: {
+        type: PropType<Record<string, any> | string | Array<Record<string, any> | string>>;
+    };
+    /** 供 Confirm 等命令式用法：挂载后立即显示 */
+    isConfirm: BooleanConstructor;
+    beforeClose: PropType<() => Promise<boolean>>;
+    afterClose: FunctionConstructor;
+    resizeAfterEnter: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    width: {
+        type: StringConstructor;
+        default: any;
+    };
+    height: {
+        type: StringConstructor;
+        default: any;
+    };
+    title: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 尺度核 → `--w-prop-drawer-size`（标题 / header / Close） */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量 */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+    loading: {
+        type: PropType<LoadingComponentProps>;
+        default: () => {
+            show: boolean;
+        };
+    };
+}>> & Readonly<{
+    "onUpdate:show"?: (_v: boolean) => any;
+    onEnter?: (_el: Element) => any;
+    "onAfter-enter"?: () => any;
+}>, {
+    width: string;
+    height: string;
+    title: string;
+    size: number;
+    placement: DrawerPlacement;
+    loading: LoadingComponentProps;
+    show: boolean;
+    cssVars: CssVars;
+    bind: "v-if" | "v-show";
+    to: HTMLElement;
+    isConfirm: boolean;
+    hasMask: boolean;
+    canCloseByClickMask: boolean;
+    resizeAfterEnter: boolean;
+}, {}, {
+    Mask: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        bind: {
+            type: PropType<import('../mask').MaskBind>;
+            default: any;
+        };
+        zIndex: NumberConstructor;
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        canCloseByClickSelf: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        to: {
+            type: PropType<HTMLElement | null>;
+            default: any;
+        };
+        container: {
+            type: PropType<HTMLElement | null>;
+            default: any;
+        };
+        beforeClose: {
+            type: PropType<() => boolean | Promise<boolean>>;
+            default: any;
+        };
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'update:show': (_v: boolean) => true;
+        'get-ref': (_el: {
+            value: HTMLElement | null;
+        }) => true;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        bind: {
+            type: PropType<import('../mask').MaskBind>;
+            default: any;
+        };
+        zIndex: NumberConstructor;
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        canCloseByClickSelf: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        to: {
+            type: PropType<HTMLElement | null>;
+            default: any;
+        };
+        container: {
+            type: PropType<HTMLElement | null>;
+            default: any;
+        };
+        beforeClose: {
+            type: PropType<() => boolean | Promise<boolean>>;
+            default: any;
+        };
+    }>> & Readonly<{
+        "onUpdate:show"?: (_v: boolean) => any;
+        "onGet-ref"?: (_el: {
+            value: HTMLElement | null;
+        }) => any;
+    }>, {
+        show: boolean;
+        bind: import('../mask').MaskBind;
+        canCloseByClickSelf: boolean;
+        to: HTMLElement;
+        container: HTMLElement;
+        beforeClose: () => boolean | Promise<boolean>;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    Loading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            default: any;
+        };
+        fontClassName: {
+            type: StringConstructor;
+            default: any;
+        };
+        size: {
+            type: NumberConstructor;
+            default: any;
+        };
+        color: {
+            type: StringConstructor;
+            default: any;
+        };
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        text: {
+            type: StringConstructor;
+            default: string;
+        };
+        hasTransition: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        transitionName: {
+            type: StringConstructor;
+            default: any;
+        };
+        cssVars: {
+            type: PropType<CssVars>;
+            default: any;
+        };
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:show" | "update:text")[], "update:show" | "update:text", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            default: any;
+        };
+        fontClassName: {
+            type: StringConstructor;
+            default: any;
+        };
+        size: {
+            type: NumberConstructor;
+            default: any;
+        };
+        color: {
+            type: StringConstructor;
+            default: any;
+        };
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        text: {
+            type: StringConstructor;
+            default: string;
+        };
+        hasTransition: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        transitionName: {
+            type: StringConstructor;
+            default: any;
+        };
+        cssVars: {
+            type: PropType<CssVars>;
+            default: any;
+        };
+    }>> & Readonly<{
+        "onUpdate:show"?: (...args: any[]) => any;
+        "onUpdate:text"?: (...args: any[]) => any;
+    }>, {
+        text: string;
+        size: number;
+        name: string;
+        fontClassName: string;
+        color: string;
+        show: boolean;
+        hasTransition: boolean;
+        transitionName: string;
+        cssVars: CssVars;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;