savor-ui 0.0.1

package/dist/es/components/src/tree/node.d.ts

@@ -0,0 +1,22 @@
+import { TreeNode } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    node: TreeNode;
+    expanded: boolean;
+    loading: boolean;
+    selected: boolean;
+    indeterminate: boolean;
+    checked: boolean;
+    checkable: boolean;
+};
+declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    select: (node: TreeNode) => any;
+    toggle: (node: TreeNode) => any;
+    check: (checked: boolean, node: TreeNode) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((node: TreeNode) => any) | undefined;
+    onToggle?: ((node: TreeNode) => any) | undefined;
+    onCheck?: ((checked: boolean, node: TreeNode) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/es/components/src/tree/node.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./node.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/tree/node.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/src/tree/node.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,79 @@
+import { RenderVnode as e } from "../../../utils/src/render.mjs";
+import "../../../utils/index.mjs";
+import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import n from "../../../icons/src/loading.vue.mjs";
+import r from "../../../icons/src/right.vue.mjs";
+import "../../../icons/index.mjs";
+import { SIcon as i } from "../icon/index.mjs";
+import { SCheckbox as a } from "../checkbox/index.mjs";
+import { treeContextKey as o } from "./types.mjs";
+import { createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, inject as p, normalizeClass as m, normalizeStyle as h, openBlock as g, toDisplayString as _, unref as v, withCtx as y, withModifiers as b } from "vue";
+//#region ../components/src/tree/node.vue?vue&type=script&setup=true&lang.ts
+var x = ["data-key"], S = { key: 2 }, C = /* @__PURE__ */ f({
+	__name: "node",
+	props: {
+		node: {},
+		expanded: { type: Boolean },
+		loading: { type: Boolean },
+		selected: { type: Boolean },
+		indeterminate: { type: Boolean },
+		checked: { type: Boolean },
+		checkable: { type: Boolean }
+	},
+	emits: [
+		"toggle",
+		"select",
+		"check"
+	],
+	setup(f, { emit: C }) {
+		let w = f, T = t("tree"), E = C, D = p(o), O = (e) => {
+			E("toggle", e);
+		}, k = (e) => {
+			E("select", e);
+		}, A = (e) => {
+			E("check", e, w.node);
+		};
+		return (t, o) => (g(), l("div", {
+			class: m([
+				v(T).e("node"),
+				v(T).is("selected", f.selected),
+				v(T).is("disabled", f.node.disabled)
+			]),
+			onClick: o[1] ||= (e) => k(f.node),
+			"data-key": f.node.key
+		}, [u("div", {
+			class: m([v(T).e("content")]),
+			style: h({ paddingLeft: `${f.node.level * 16}px` })
+		}, [
+			u("span", {
+				class: m([
+					v(T).e("expand-icon"),
+					v(T).is("expanded", f.expanded && !f.node.isLeaf),
+					v(T).is("leaf", f.node.isLeaf)
+				]),
+				onClick: o[0] ||= b((e) => O(f.node), ["stop"])
+			}, [d(v(i), null, {
+				default: y(() => [f.loading ? (g(), s(v(n), { key: 0 })) : (g(), s(v(r), { key: 1 }))]),
+				_: 1
+			})], 2),
+			f.checkable ? (g(), s(v(a), {
+				key: 0,
+				disabled: f.node.disabled,
+				indeterminate: f.indeterminate,
+				"model-value": f.checked,
+				onChange: A
+			}, null, 8, [
+				"disabled",
+				"indeterminate",
+				"model-value"
+			])) : c("", !0),
+			v(D)?.slots.default ? (g(), s(v(e), {
+				key: 1,
+				vNode: v(D)?.slots.default?.({ node: f.node })
+			}, null, 8, ["vNode"])) : (g(), l("span", S, _(f.node.label), 1))
+		], 6)], 10, x));
+	}
+});
+//#endregion
+export { C as default };

package/dist/es/components/src/tree/tree.d.ts

@@ -0,0 +1,26 @@
+import { TreeProps, FieldNamesProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = TreeProps;
+type __VLS_ModelProps = {
+    "selectKeys"?: (string | number)[];
+    "checkedKeys"?: (string | number)[];
+    "indeterminateKeys"?: (string | number)[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:selectKeys": (value: (string | number)[]) => any;
+    "update:checkedKeys": (value: (string | number)[]) => any;
+    "update:indeterminateKeys": (value: (string | number)[]) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:selectKeys"?: ((value: (string | number)[]) => any) | undefined;
+    "onUpdate:checkedKeys"?: ((value: (string | number)[]) => any) | undefined;
+    "onUpdate:indeterminateKeys"?: ((value: (string | number)[]) => any) | undefined;
+}>, {
+    fieldNames: FieldNamesProps;
+    multiple: boolean;
+    defaultExpandedKeys: (number | string)[];
+    selectable: boolean;
+    virtual: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/es/components/src/tree/tree.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./tree.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/tree/tree.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/src/tree/tree.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,176 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { SVirtualList as t } from "../virtual-list/index.mjs";
+import { treeContextKey as n } from "./types.mjs";
+import r from "./node.vue.mjs";
+import { Fragment as i, TransitionGroup as a, computed as o, createBlock as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, normalizeClass as m, normalizeStyle as h, openBlock as g, provide as _, ref as v, renderList as y, unref as b, useModel as x, useSlots as S, watch as C, withCtx as w } from "vue";
+//#region ../components/src/tree/tree.vue?vue&type=script&setup=true&lang.ts
+var T = /* @__PURE__ */ d({
+	name: "STree",
+	__name: "tree",
+	props: /* @__PURE__ */ f({
+		data: {},
+		fieldNames: { default: () => ({
+			label: "label",
+			key: "key",
+			children: "children"
+		}) },
+		defaultExpandAll: { type: Boolean },
+		defaultExpandedKeys: { default: () => [] },
+		selectable: {
+			type: Boolean,
+			default: !1
+		},
+		selectKeys: {},
+		checkable: { type: Boolean },
+		defaultCheckedKeys: {},
+		checkedKeys: {},
+		indeterminateKeys: {},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		virtual: {
+			type: Boolean,
+			default: !1
+		},
+		virtualListProps: {},
+		loadMore: {}
+	}, {
+		selectKeys: { default: () => [] },
+		selectKeysModifiers: {},
+		checkedKeys: { default: () => [] },
+		checkedKeysModifiers: {},
+		indeterminateKeys: { default: () => [] },
+		indeterminateKeysModifiers: {}
+	}),
+	emits: [
+		"update:selectKeys",
+		"update:checkedKeys",
+		"update:indeterminateKeys"
+	],
+	setup(d) {
+		let f = d, T = e("tree"), E = o(() => ({
+			itemHeight: 31,
+			...f.virtualListProps
+		})), D = x(d, "selectKeys"), O = v(0), k = () => N.value.length * 31, A = v([]), j = (e, t) => {
+			let { label: n, key: r, children: i } = f.fieldNames, a = (e, t) => e?.length ? e.map((e) => {
+				let o = e[i] || [], s = {
+					label: e[n],
+					key: e[r],
+					children: [],
+					rawNode: { ...e },
+					level: t ? t.level + 1 : 0,
+					isLeaf: e.isLeaf ? e.isLeaf : f.loadMore ? !1 : !o?.length,
+					disabled: !!e.disabled,
+					parentKey: t?.key
+				};
+				return o?.length && (s.children = a(o, s)), s;
+			}) : [];
+			return Array.isArray(e) ? a(e, t) : [];
+		};
+		C(() => f.data, (e) => {
+			A.value = j(e);
+		}, { immediate: !0 });
+		let M = v([]), N = o(() => {
+			let e = M.value, t = A.value || [];
+			if (t.length === 0) return [];
+			let n = [], r = [...t].reverse();
+			for (; r.length;) {
+				let t = r.pop();
+				n.push(t), e.includes(t.key) && t?.children?.length && r.push(...[...t.children].reverse());
+			}
+			return n;
+		});
+		C(() => N.value, () => {
+			O.value = k();
+		}, { immediate: !0 }), C(() => f.defaultExpandedKeys, (e) => {
+			M.value = [...new Set(e)];
+		}, { immediate: !0 });
+		let P = (e) => M.value.includes(e.key), F = (e) => {
+			M.value = M.value.filter((t) => t !== e.key);
+		}, I = v(/* @__PURE__ */ new Set()), L = async (e) => {
+			if (!e.children.length && !e.isLeaf && !I.value.has(e.key)) {
+				I.value.add(e.key);
+				let t = await f.loadMore?.(e);
+				t?.length && (e.rawNode.children = t, e.children = j(t, e)), I.value.delete(e.key);
+			}
+		}, R = async (e) => {
+			M.value.push(e.key), await L(e);
+		}, z = async (e) => {
+			M.value.includes(e.key) ? F(e) : await R(e);
+		}, B = (e) => {
+			!f.selectable || e.disabled || (f.multiple ? D.value.includes(e.key) ? D.value = D.value.filter((t) => t !== e.key) : D.value = [...D.value, e.key] : D.value = [e.key]);
+		}, V = x(d, "checkedKeys"), H = x(d, "indeterminateKeys"), U = (e, t) => {
+			t.disabled || (e ? (V.value = [...V.value, t.key], H.value = H.value.filter((e) => e !== t.key)) : V.value = V.value.filter((e) => e !== t.key), t.children?.length && t.children.forEach((t) => {
+				t.disabled || U(e, t);
+			}));
+		}, W = (e) => N.value.find((t) => t.key === e), G = (e) => {
+			if (!e.disabled && e.parentKey) {
+				let t = W(e.parentKey);
+				if (t) {
+					let e = !0, n = !1;
+					for (let r of t.children) V.value.includes(r.key) ? n = !0 : H.value.includes(r.key) ? (e = !1, n = !0) : e = !1;
+					e ? (V.value = [...V.value, t.key], H.value = H.value.filter((e) => e !== t.key)) : n ? (V.value = V.value.filter((e) => e !== t.key), H.value = [...H.value, t.key]) : (V.value = V.value.filter((e) => e !== t.key), H.value = H.value.filter((e) => e !== t.key)), G(t);
+				}
+			}
+		}, K = (e, t) => {
+			U(e, t), G(t);
+		};
+		return _(n, { slots: S() }), (e, n) => d.virtual ? (g(), s(b(t), p({ key: 1 }, E.value, { data: N.value }), {
+			default: w(({ item: e }) => [l("div", { class: m([b(T).b()]) }, [u(r, {
+				node: e,
+				expanded: P(e),
+				onToggle: z,
+				loading: I.value.has(e.key),
+				onSelect: B,
+				selected: D.value.includes(e.key),
+				checkable: !!d.checkable,
+				checked: V.value.includes(e.key),
+				indeterminate: H.value.includes(e.key),
+				onCheck: K
+			}, null, 8, [
+				"node",
+				"expanded",
+				"loading",
+				"selected",
+				"checkable",
+				"checked",
+				"indeterminate"
+			])], 2)]),
+			_: 1
+		}, 16, ["data"])) : (g(), c("div", {
+			key: 0,
+			class: m([b(T).b()]),
+			style: h({ height: O.value + "px" })
+		}, [u(a, {
+			name: "tree-list",
+			tag: "div"
+		}, {
+			default: w(() => [(g(!0), c(i, null, y(N.value, (e) => (g(), s(r, {
+				key: e.key,
+				node: e,
+				expanded: P(e),
+				onToggle: z,
+				loading: I.value.has(e.key),
+				onSelect: B,
+				selected: D.value.includes(e.key),
+				checkable: !!d.checkable,
+				checked: V.value.includes(e.key),
+				indeterminate: H.value.includes(e.key),
+				onCheck: K
+			}, null, 8, [
+				"node",
+				"expanded",
+				"loading",
+				"selected",
+				"checkable",
+				"checked",
+				"indeterminate"
+			]))), 128))]),
+			_: 1
+		})], 6));
+	}
+});
+//#endregion
+export { T as default };

package/dist/es/components/src/tree/types.d.ts

@@ -0,0 +1,68 @@
+import { InjectionKey, SetupContext } from 'vue';
+import { VirtualListProps } from '../virtual-list';
+export interface FieldNamesProps {
+    /** 节点标签字段名 */
+    label?: string;
+    /** 节点键值字段名 */
+    key?: string;
+    /** 子节点字段名 */
+    children?: string;
+}
+export interface TreeProps {
+    /** 树节点数据 */
+    data: any[];
+    /** 字段名配置 */
+    fieldNames?: FieldNamesProps;
+    /** 是否默认展开所有节点 */
+    defaultExpandAll?: boolean;
+    /** 默认展开的节点键值数组 */
+    defaultExpandedKeys?: (number | string)[];
+    /** 是否可选择节点 */
+    selectable?: boolean;
+    /** 选中的节点键值数组 */
+    selectKeys?: (string | number)[];
+    /** 是否可勾选节点 */
+    checkable?: boolean;
+    /** 默认勾选的节点键值数组 */
+    defaultCheckedKeys?: (string | number)[];
+    /** 勾选的节点键值数组 */
+    checkedKeys?: (string | number)[];
+    /** 半勾选的节点键值数组 */
+    indeterminateKeys?: (string | number)[];
+    /** 是否支持多选 */
+    multiple?: boolean;
+    /** 是否虚拟列表 */
+    virtual?: boolean;
+    /** 虚拟列表配置 [VirtualListProps](/components/data/virtual-list#virtual-list-props)*/
+    virtualListProps?: VirtualListProps<TreeNode>;
+    /** 加载更多节点的回调函数 */
+    loadMore?: (node: TreeNode) => Promise<TreeNode[]>;
+}
+export interface TreeEvent {
+    /** 选择节点变化事件 */
+    selectChange: [keys: (string | number)[]];
+}
+export interface TreeNode {
+    /** 节点标签 */
+    label: string;
+    /** 节点键值 */
+    key: string;
+    /** 子节点数组 */
+    children: TreeNode[];
+    /** 原始节点数据 */
+    rawNode: any;
+    /** 节点层级 */
+    level: number;
+    /** 是否为叶子节点 */
+    isLeaf: boolean;
+    /** 是否禁用节点 */
+    disabled: boolean;
+    /** 父节点键值 */
+    parentKey: string | number;
+    /** 自定义节点属性 */
+    [key: string]: any;
+}
+export interface TreeContext {
+    slots: SetupContext["slots"];
+}
+export declare const treeContextKey: InjectionKey<TreeContext>;

package/dist/es/components/src/tree/types.mjs

@@ -0,0 +1,4 @@
+//#region ../components/src/tree/types.ts
+var e = Symbol("treeContextKey");
+//#endregion
+export { e as treeContextKey };

package/dist/es/components/src/upload/index.d.ts

@@ -0,0 +1,83 @@
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { UploadProps, UploadFile, UploadExpose } from './types';
+export declare const SUpload: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< UploadProps & {
+        fileList?: UploadFile[];
+    }> & Readonly<{
+        onChange?: ((files: UploadFile[]) => any) | undefined;
+        onError?: ((file: UploadFile, error: any) => any) | undefined;
+        onProgress?: ((file: UploadFile, progress: number) => any) | undefined;
+        onSuccess?: ((file: UploadFile, response: any) => any) | undefined;
+        onRemove?: ((file: UploadFile, files: UploadFile[]) => any) | undefined;
+        onExceed?: ((files: UploadFile[]) => any) | undefined;
+        "onUpdate:fileList"?: ((value: UploadFile[]) => any) | undefined;
+    }>, UploadExpose, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        change: (files: UploadFile[]) => any;
+        error: (file: UploadFile, error: any) => any;
+        progress: (file: UploadFile, progress: number) => any;
+        success: (file: UploadFile, response: any) => any;
+        remove: (file: UploadFile, files: UploadFile[]) => any;
+        exceed: (files: UploadFile[]) => any;
+        "update:fileList": (value: UploadFile[]) => any;
+    }, PublicProps, {
+        showList: boolean;
+        showRetry: boolean;
+        showCancel: boolean;
+        showUpload: boolean;
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< UploadProps & {
+        fileList?: UploadFile[];
+    }> & Readonly<{
+        onChange?: ((files: UploadFile[]) => any) | undefined;
+        onError?: ((file: UploadFile, error: any) => any) | undefined;
+        onProgress?: ((file: UploadFile, progress: number) => any) | undefined;
+        onSuccess?: ((file: UploadFile, response: any) => any) | undefined;
+        onRemove?: ((file: UploadFile, files: UploadFile[]) => any) | undefined;
+        onExceed?: ((files: UploadFile[]) => any) | undefined;
+        "onUpdate:fileList"?: ((value: UploadFile[]) => any) | undefined;
+    }>, UploadExpose, {}, {}, {}, {
+        showList: boolean;
+        showRetry: boolean;
+        showCancel: boolean;
+        showUpload: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< UploadProps & {
+    fileList?: UploadFile[];
+}> & Readonly<{
+    onChange?: ((files: UploadFile[]) => any) | undefined;
+    onError?: ((file: UploadFile, error: any) => any) | undefined;
+    onProgress?: ((file: UploadFile, progress: number) => any) | undefined;
+    onSuccess?: ((file: UploadFile, response: any) => any) | undefined;
+    onRemove?: ((file: UploadFile, files: UploadFile[]) => any) | undefined;
+    onExceed?: ((files: UploadFile[]) => any) | undefined;
+    "onUpdate:fileList"?: ((value: UploadFile[]) => any) | undefined;
+}>, UploadExpose, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    change: (files: UploadFile[]) => any;
+    error: (file: UploadFile, error: any) => any;
+    progress: (file: UploadFile, progress: number) => any;
+    success: (file: UploadFile, response: any) => any;
+    remove: (file: UploadFile, files: UploadFile[]) => any;
+    exceed: (files: UploadFile[]) => any;
+    "update:fileList": (value: UploadFile[]) => any;
+}, string, {
+    showList: boolean;
+    showRetry: boolean;
+    showCancel: boolean;
+    showUpload: boolean;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        drag?: (props: {}) => any;
+    } & {
+        btn?: (props: {}) => any;
+    };
+}) & Plugin;
+export * from './types';

package/dist/es/components/src/upload/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as e } from "../../../utils/src/install.mjs";
+import "../../../utils/index.mjs";
+import t from "./upload.vue.mjs";
+//#region ../components/src/upload/index.ts
+var n = e(t);
+//#endregion
+export { n as SUpload };

package/dist/es/components/src/upload/request.d.ts

@@ -0,0 +1,2 @@
+import { RequestOptions } from './types';
+export declare const httpRequest: (options: RequestOptions) => XMLHttpRequest;

package/dist/es/components/src/upload/request.mjs

@@ -0,0 +1,16 @@
+//#region ../components/src/upload/request.ts
+var e = (e) => {
+	let t = new XMLHttpRequest(), n = e.action || "";
+	if (e.headers) for (let [n, r] of e.headers.entries()) t.setRequestHeader(n, r);
+	let r = new FormData();
+	if (e.data) for (let t in e.data) r.append(t, e.data[t]);
+	return r.append(e.name, e.file), t.open(e.method, n), t.send(r), t.onprogress = (t) => {
+		e.onProgress?.(t.loaded / t.total * 100);
+	}, t.onload = () => {
+		e.onSuccess?.(t.response);
+	}, t.onerror = (t) => {
+		e.onError?.(t);
+	}, t;
+};
+//#endregion
+export { e as httpRequest };

package/dist/es/components/src/upload/types.d.ts

@@ -0,0 +1,71 @@
+export interface UploadFile {
+    uid: string;
+    name: string;
+    size: number;
+    raw: File;
+    status?: "ready" | "uploading" | "success" | "error";
+    percentage?: number;
+}
+export interface RequestOptions {
+    method: string;
+    file: File;
+    name: string;
+    action?: string;
+    headers?: Headers;
+    data?: Record<string, any>;
+    onError: (error: any) => void;
+    onSuccess: (response: any) => void;
+    onProgress: (progress: number) => void;
+}
+export interface UploadProps {
+    /** 是否支持多选 */
+    multiple?: boolean;
+    /** 上传文件的请求头 */
+    headers?: Headers;
+    /** 上传文件的请求体 */
+    data?: Record<string, any>;
+    /** 上传文件的请求地址 */
+    action?: string;
+    /** 是否自动上传 */
+    autoUpload?: boolean;
+    /** 是否支持拖拽上传 */
+    drag?: boolean;
+    /** 是否显示上传列表 */
+    showList?: boolean;
+    /** 上传文件的类型 */
+    accept?: string;
+    /** 上传文件的数量限制 */
+    limit?: number;
+    /** 是否显示重试按钮 */
+    showRetry?: boolean;
+    /** 是否显示取消按钮 */
+    showCancel?: boolean;
+    /** 是否显示上传按钮 */
+    showUpload?: boolean;
+    /** 上传前的回调函数 */
+    beforeUpload?: (file: UploadFile) => Promise<any>;
+}
+export interface UploadEmits {
+    /** 上传文件变化时 */
+    change: [files: UploadFile[]];
+    /** 上传文件错误时 */
+    error: [file: UploadFile, error: any];
+    /** 上传文件成功时 */
+    success: [file: UploadFile, response: any];
+    /** 上传文件进度时 */
+    progress: [file: UploadFile, progress: number];
+    /** 上传文件数量超过限制时 */
+    exceed: [files: UploadFile[]];
+    /** 上传文件移除时 */
+    remove: [file: UploadFile, files: UploadFile[]];
+}
+export interface UploadSlots {
+    /** 上传按钮 */
+    btn?: () => any;
+    /** 拖拽区域 */
+    drag?: () => any;
+}
+export interface UploadExpose {
+    /** 上传文件 */
+    upload: (file?: UploadFile) => Promise<void>;
+}

package/dist/es/components/src/upload/upload-drag.d.ts

@@ -0,0 +1,21 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    change: (files: FileList) => any;
+    click: () => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((files: FileList) => any) | undefined;
+    onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/src/upload/upload-drag.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./upload-drag.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/upload/upload-drag.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/src/upload/upload-drag.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,28 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import t from "../../../icons/src/plus.vue.mjs";
+import "../../../icons/index.mjs";
+import { createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, ref as c, renderSlot as l, unref as u, withModifiers as d } from "vue";
+//#region ../components/src/upload/upload-drag.vue?vue&type=script&setup=true&lang.ts
+var f = /* @__PURE__ */ a({
+	__name: "upload-drag",
+	emits: ["change", "click"],
+	setup(a, { emit: f }) {
+		let p = f, m = e("upload"), h = c(!1), g = () => {
+			h.value = !0;
+		}, _ = () => {
+			h.value = !1;
+		}, v = (e) => {
+			h.value = !1, e.dataTransfer?.files && e.dataTransfer.files.length > 0 && p("change", e.dataTransfer.files);
+		};
+		return (e, a) => (s(), n("div", {
+			class: o([u(m).e("drag-wrapper"), u(m).is("dragover", h.value)]),
+			onDragover: d(g, ["prevent"]),
+			onDragleave: d(_, ["prevent"]),
+			onDrop: d(v, ["prevent"]),
+			onClick: a[0] ||= (t) => e.$emit("click")
+		}, [r("div", { class: o([u(m).e("drag-content")]) }, [l(e.$slots, "default", {}, () => [r("span", null, [i(u(t))]), a[1] ||= r("span", null, "拖拽文件到此处上传", -1)])], 2)], 34));
+	}
+});
+//#endregion
+export { f as default };