@feugene/granularity 0.4.0 → 0.4.1

package/dist/components/GrFileUpload/chunks/GrFileUpload-DVv8yXpl.js

@@ -0,0 +1,370 @@
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BV7RBU_0.js";
+import { t as arrow_up_default } from "../../../chunks/arrow-up-DNXrMoAI.js";
+import { l as runFileValidators, u as FileValidationError } from "../../../chunks/fileValidation-CgjTGoUx.js";
+import { Comment, Fragment, Text, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
+//#region src/components/GrFileUpload/GrFileUpload.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"role",
+	"tabindex",
+	"aria-disabled"
+];
+var _hoisted_2 = [
+	"name",
+	"multiple",
+	"disabled"
+];
+var _hoisted_3 = {
+	key: 1,
+	class: "flex items-start gap-4"
+};
+var _hoisted_4 = {
+	"data-ds-file-upload-icon": "",
+	class: "h-12 w-12 shrink-0 rounded-[12px] bg-[var(--muted)] border border-[var(--brd)] flex items-center justify-center",
+	"aria-hidden": "true"
+};
+var _hoisted_5 = { class: "min-w-0" };
+var _hoisted_6 = {
+	"data-ds-file-upload-label": "",
+	class: "text-[14px] font-700"
+};
+var _hoisted_7 = {
+	key: 0,
+	"data-ds-file-upload-tip": "",
+	class: "mt-1 text-[13px] text-[var(--muted-fg)]"
+};
+var _hoisted_8 = {
+	key: 1,
+	class: "mt-1 text-[13px] text-[var(--muted-fg)]"
+};
+var _hoisted_9 = {
+	key: 2,
+	"data-ds-file-upload-list": "",
+	class: "mt-3 space-y-1"
+};
+var _hoisted_10 = { class: "font-600" };
+var _hoisted_11 = { class: "text-[var(--muted-fg)]" };
+//#endregion
+//#region src/components/GrFileUpload/GrFileUpload.vue
+var GrFileUpload_default = /* @__PURE__ */ defineComponent({
+	__name: "GrFileUpload",
+	props: {
+		action: { default: void 0 },
+		request: {
+			type: Function,
+			default: void 0
+		},
+		name: { default: "file" },
+		multiple: {
+			type: Boolean,
+			default: false
+		},
+		limit: { default: void 0 },
+		onExceed: {
+			type: Function,
+			default: void 0
+		},
+		beforeUpload: {
+			type: Function,
+			default: void 0
+		},
+		validators: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		headers: { default: void 0 },
+		withCredentials: {
+			type: Boolean,
+			default: false
+		},
+		showFileList: {
+			type: Boolean,
+			default: false
+		},
+		uploadExtraData: {
+			type: Function,
+			default: void 0
+		},
+		placeholder: { default: "Drag files here or click to select" }
+	},
+	emits: [
+		"success",
+		"error",
+		"progress",
+		"change"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		function flattenSlotNodes(nodes) {
+			const out = [];
+			for (const node of nodes) {
+				if (node.type === Fragment && Array.isArray(node.children)) {
+					out.push(...flattenSlotNodes(node.children));
+					continue;
+				}
+				out.push(node);
+			}
+			return out;
+		}
+		function isWhitespaceTextNode(node) {
+			if (node.type !== Text) return false;
+			return typeof node.children === "string" && node.children.trim().length === 0;
+		}
+		function slotIsTextOnly(nodes) {
+			const meaningful = flattenSlotNodes(nodes).filter((node) => node.type !== Comment && !isWhitespaceTextNode(node));
+			if (meaningful.length === 0) return true;
+			for (const node of meaningful) if (node.type !== Text) return false;
+			return true;
+		}
+		const defaultSlotNodes = computed(() => {
+			return slots.default ? flattenSlotNodes(slots.default({})) : [];
+		});
+		const hasCustomUi = computed(() => {
+			return !!slots.default && !slotIsTextOnly(defaultSlotNodes.value);
+		});
+		const inputRef = ref(null);
+		const isOver = ref(false);
+		let overCounter = 0;
+		const lastFiles = ref([]);
+		let activeController = null;
+		const tabIndex = computed(() => props.disabled ? -1 : 0);
+		const hiddenInputStyle = {
+			position: "fixed",
+			top: "-9999px",
+			left: "-9999px",
+			width: "1px",
+			height: "1px",
+			opacity: "0",
+			overflow: "hidden",
+			pointerEvents: "none"
+		};
+		function setOver(next) {
+			if (isOver.value === next) return;
+			isOver.value = next;
+		}
+		function openDialog() {
+			if (props.disabled) return;
+			inputRef.value?.click();
+		}
+		function abort() {
+			activeController?.abort();
+			activeController = null;
+		}
+		function normalizeLimit(limit) {
+			if (typeof limit !== "number") return void 0;
+			if (!Number.isFinite(limit)) return void 0;
+			if (limit <= 0) return void 0;
+			return Math.floor(limit);
+		}
+		function appendExtraFormData(body, extraData) {
+			if (!extraData) return;
+			for (const [key, value] of Object.entries(extraData)) {
+				if (Array.isArray(value)) {
+					for (const entry of value) body.append(key, entry);
+					continue;
+				}
+				body.append(key, value);
+			}
+		}
+		async function uploadViaAction(files, signal, extraData) {
+			if (!props.action) throw new Error("GrFileUpload: either `action` or `request` must be provided");
+			const body = new FormData();
+			for (const file of files) body.append(props.name, file);
+			appendExtraFormData(body, extraData);
+			const response = await fetch(props.action, {
+				method: "POST",
+				headers: props.headers,
+				body,
+				signal,
+				credentials: props.withCredentials ? "include" : "same-origin"
+			});
+			const payload = response.headers.get("content-type")?.includes("application/json") ? await response.json() : await response.text();
+			if (!response.ok) {
+				const error = /* @__PURE__ */ new Error(`Upload failed with status ${response.status}`);
+				error.payload = payload;
+				error.status = response.status;
+				throw error;
+			}
+			return payload;
+		}
+		async function runBeforeUpload(files) {
+			if (!props.beforeUpload) return "ok";
+			for (const file of files) try {
+				const result = props.beforeUpload(file);
+				if (result === false) return {
+					aborted: true,
+					reason: /* @__PURE__ */ new Error("Upload aborted by beforeUpload")
+				};
+				if (result && typeof result.then === "function") await result;
+			} catch (error) {
+				return {
+					aborted: true,
+					reason: error
+				};
+			}
+			return "ok";
+		}
+		async function handleFiles(files, source = "input") {
+			if (props.disabled) return;
+			if (!files.length) return;
+			const normalizedLimit = normalizeLimit(props.limit);
+			if (props.multiple && normalizedLimit && files.length > normalizedLimit) {
+				props.onExceed?.(files, normalizedLimit);
+				emit("error", /* @__PURE__ */ new Error(`Too many files selected, limit=${normalizedLimit}`));
+				return;
+			}
+			const { files: valid, issues } = await runFileValidators(files, props.validators ?? [], {
+				source,
+				multiple: props.multiple
+			});
+			if (issues.length > 0) {
+				emit("error", new FileValidationError(issues, valid));
+				return;
+			}
+			if (!valid.length) return;
+			lastFiles.value = valid;
+			const before = await runBeforeUpload(valid);
+			if (before !== "ok") {
+				emit("error", before.reason);
+				return;
+			}
+			let extraData;
+			try {
+				extraData = props.uploadExtraData?.(valid);
+			} catch (error) {
+				emit("error", error);
+				return;
+			}
+			abort();
+			const controller = new AbortController();
+			activeController = controller;
+			emit("progress", 0);
+			try {
+				emit("success", props.request ? await props.request(valid, {
+					signal: controller.signal,
+					extraData
+				}) : await uploadViaAction(valid, controller.signal, extraData));
+				emit("change", valid);
+				emit("progress", 100);
+			} catch (error) {
+				emit("error", error);
+			} finally {
+				if (activeController === controller) activeController = null;
+			}
+		}
+		function onDragEnter(event) {
+			if (hasCustomUi.value) return;
+			if (props.disabled) return;
+			event.preventDefault();
+			overCounter += 1;
+			setOver(true);
+		}
+		function onDragOver(event) {
+			if (hasCustomUi.value) return;
+			if (props.disabled) return;
+			event.preventDefault();
+			if (event.dataTransfer) event.dataTransfer.dropEffect = "copy";
+		}
+		function onDragLeave(event) {
+			if (hasCustomUi.value) return;
+			if (props.disabled) return;
+			event.preventDefault();
+			overCounter = Math.max(0, overCounter - 1);
+			if (overCounter === 0) setOver(false);
+		}
+		function onDrop(event) {
+			if (hasCustomUi.value) return;
+			if (props.disabled) return;
+			event.preventDefault();
+			overCounter = 0;
+			setOver(false);
+			handleFiles(event.dataTransfer?.files ? Array.prototype.slice.call(event.dataTransfer.files) : [], "drop");
+		}
+		async function onInputChange(event) {
+			if (props.disabled) return;
+			const target = event.target;
+			const files = target?.files ? Array.prototype.slice.call(target.files) : [];
+			if (target) target.value = "";
+			await nextTick();
+			await handleFiles(files, "input");
+		}
+		function onKeydown(event) {
+			if (hasCustomUi.value) return;
+			if (props.disabled) return;
+			if (event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				openDialog();
+			}
+		}
+		function onRootClick() {
+			if (hasCustomUi.value) return;
+			openDialog();
+		}
+		function onRootKeydown(event) {
+			if (hasCustomUi.value) return;
+			onKeydown(event);
+		}
+		__expose({
+			uploadFiles: handleFiles,
+			abort,
+			openDialog
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-ds-file-upload": "",
+				role: hasCustomUi.value ? void 0 : "button",
+				tabindex: hasCustomUi.value ? void 0 : tabIndex.value,
+				"aria-disabled": hasCustomUi.value ? void 0 : __props.disabled ? "true" : "false",
+				class: normalizeClass(hasCustomUi.value ? "inline-block" : [
+					"relative w-full rounded-[var(--ds-radius-lg)] border border-dashed border-[var(--brd)] bg-[var(--card)] px-5 py-6 outline-none transition",
+					__props.disabled ? "opacity-60 cursor-not-allowed" : "cursor-pointer hover:bg-[var(--muted)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bg)]",
+					isOver.value && !__props.disabled ? "border-[var(--ring)] bg-[var(--muted)]" : ""
+				]),
+				onClick: onRootClick,
+				onKeydown: onRootKeydown,
+				onDragenter: onDragEnter,
+				onDragover: onDragOver,
+				onDragleave: onDragLeave,
+				onDrop
+			}, [createElementVNode("input", {
+				ref_key: "inputRef",
+				ref: inputRef,
+				"data-ds-file-upload-input": "",
+				style: hiddenInputStyle,
+				type: "file",
+				tabindex: "-1",
+				"aria-hidden": "true",
+				name: __props.name,
+				multiple: __props.multiple,
+				disabled: __props.disabled,
+				onChange: onInputChange
+			}, null, 40, _hoisted_2), hasCustomUi.value ? renderSlot(_ctx.$slots, "default", {
+				key: 0,
+				openDialog,
+				abort,
+				disabled: __props.disabled,
+				files: lastFiles.value,
+				isOver: isOver.value
+			}) : (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [createVNode(GrIcon_default, { class: "h-6 w-6 text-[var(--muted-fg)]" }, {
+				default: withCtx(() => [createVNode(unref(arrow_up_default))]),
+				_: 1
+			})]), createElementVNode("div", _hoisted_5, [
+				createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "label", {}, () => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.placeholder), 1)])])]),
+				_ctx.$slots.tip ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "tip")])) : (openBlock(), createElementBlock("div", _hoisted_8)),
+				__props.showFileList && lastFiles.value.length ? (openBlock(), createElementBlock("ul", _hoisted_9, [(openBlock(true), createElementBlock(Fragment, null, renderList(lastFiles.value, (file) => {
+					return openBlock(), createElementBlock("li", {
+						key: file.name,
+						"data-ds-file-upload-item": "",
+						class: "text-[13px]"
+					}, [createElementVNode("span", _hoisted_10, toDisplayString(file.name), 1), createElementVNode("span", _hoisted_11, " · " + toDisplayString(Math.ceil(file.size / 1024)) + " KB", 1)]);
+				}), 128))])) : createCommentVNode("", true)
+			])]))], 42, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { GrFileUpload_default as t };
+
+//# sourceMappingURL=GrFileUpload-DVv8yXpl.js.map

package/dist/components/GrFileUpload/chunks/GrFileUpload-DVv8yXpl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrFileUpload-DVv8yXpl.js","names":["$slots"],"sources":["../../../../src/components/GrFileUpload/GrFileUpload.vue","../../../../src/components/GrFileUpload/GrFileUpload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Comment, computed, Fragment, nextTick, ref, Text, useSlots, type VNode } from 'vue'\n\nimport IconArrowUp from '~icons/lucide/arrow-up'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport type { FileValidator, FileValidatorSource } from '../../fileValidation'\n\nimport { FileValidationError, runFileValidators } from '../../fileValidation'\n\nexport type GrFileUploadExtraDataValue = string | Blob\n\nexport type GrFileUploadExtraData = Record<string, GrFileUploadExtraDataValue | GrFileUploadExtraDataValue[]>\n\nexport type GrFileUploadRequestCtx = {\n  signal: AbortSignal\n  extraData?: GrFileUploadExtraData\n}\n\nexport type GrFileUploadRequest = (files: File[], ctx: GrFileUploadRequestCtx) => Promise<any>\n\n/**\n * Пропы `GrFileUpload`.\n *\n * Либо `action` (URL для POST multipart/form-data), либо `request` — кастомный\n * загрузчик (например, через axios). Если переданы оба — приоритет у `request`.\n *\n * `placeholder` — надпись в дефолтном UI-варианте (без слота default).\n */\nexport interface GrFileUploadProps {\n  action?: string\n  request?: GrFileUploadRequest\n  name?: string\n  multiple?: boolean\n  limit?: number\n  onExceed?: (files: File[], limit: number) => void\n  beforeUpload?: (file: File) => boolean | Promise<unknown>\n  validators?: FileValidator[]\n  disabled?: boolean\n  headers?: Record<string, string>\n  withCredentials?: boolean\n  showFileList?: boolean\n  uploadExtraData?: (files: File[]) => GrFileUploadExtraData | undefined\n  /** i18n: надпись-подсказка в дефолтном UI. */\n  placeholder?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrFileUploadProps>(),\n  {\n    action: undefined,\n    request: undefined,\n    name: 'file',\n    multiple: false,\n    limit: undefined,\n    onExceed: undefined,\n    beforeUpload: undefined,\n    validators: undefined,\n    disabled: false,\n    headers: undefined,\n    withCredentials: false,\n    showFileList: false,\n    uploadExtraData: undefined,\n    placeholder: 'Drag files here or click to select',\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'success', payload: any): void\n  (e: 'error', error: unknown): void\n  (e: 'progress', percent: number): void\n  (e: 'change', files: File[]): void\n}>()\n\nconst slots = useSlots()\n\nfunction flattenSlotNodes(nodes: VNode[]): VNode[] {\n  const out: VNode[] = []\n\n  for (const node of nodes) {\n    if (node.type === Fragment && Array.isArray(node.children)) {\n      out.push(...flattenSlotNodes(node.children as VNode[]))\n      continue\n    }\n\n    out.push(node)\n  }\n\n  return out\n}\n\nfunction isWhitespaceTextNode(node: VNode): boolean {\n  if (node.type !== Text) return false\n  return typeof node.children === 'string' && node.children.trim().length === 0\n}\n\nfunction slotIsTextOnly(nodes: VNode[]): boolean {\n  const flat = flattenSlotNodes(nodes)\n  const meaningful = flat.filter(node => node.type !== Comment && !isWhitespaceTextNode(node))\n\n  if (meaningful.length === 0) return true\n\n  for (const node of meaningful) {\n    if (node.type !== Text) return false\n  }\n\n  return true\n}\n\nconst defaultSlotNodes = computed(() => {\n  return slots.default ? flattenSlotNodes(slots.default({} as any)) : []\n})\n\nconst hasCustomUi = computed(() => {\n  return !!slots.default && !slotIsTextOnly(defaultSlotNodes.value)\n})\n\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst isOver = ref(false)\nlet overCounter = 0\n\nconst lastFiles = ref<File[]>([])\n\nlet activeController: AbortController | null = null\n\nconst tabIndex = computed(() => (props.disabled ? -1 : 0))\n\nconst hiddenInputStyle = {\n  position: 'fixed',\n  top: '-9999px',\n  left: '-9999px',\n  width: '1px',\n  height: '1px',\n  opacity: '0',\n  overflow: 'hidden',\n  pointerEvents: 'none',\n} as const satisfies Record<string, string>\n\nfunction setOver(next: boolean) {\n  if (isOver.value === next) return\n  isOver.value = next\n}\n\nfunction openDialog() {\n  if (props.disabled) return\n  inputRef.value?.click()\n}\n\nfunction abort() {\n  activeController?.abort()\n  activeController = null\n}\n\nfunction normalizeLimit(limit: number | undefined): number | undefined {\n  if (typeof limit !== 'number') return undefined\n  if (!Number.isFinite(limit)) return undefined\n  if (limit <= 0) return undefined\n  return Math.floor(limit)\n}\n\nfunction appendExtraFormData(body: FormData, extraData: GrFileUploadExtraData | undefined) {\n  if (!extraData) return\n\n  for (const [key, value] of Object.entries(extraData)) {\n    if (Array.isArray(value)) {\n      for (const entry of value) body.append(key, entry)\n      continue\n    }\n\n    body.append(key, value)\n  }\n}\n\nasync function uploadViaAction(files: File[], signal: AbortSignal, extraData: GrFileUploadExtraData | undefined) {\n  if (!props.action) throw new Error('GrFileUpload: either `action` or `request` must be provided')\n\n  const body = new FormData()\n  for (const file of files)\n    body.append(props.name, file)\n\n  appendExtraFormData(body, extraData)\n\n  const response = await fetch(props.action, {\n    method: 'POST',\n    headers: props.headers,\n    body,\n    signal,\n    credentials: props.withCredentials ? 'include' : 'same-origin',\n  })\n\n  const contentType = response.headers.get('content-type')\n  const payload = contentType?.includes('application/json') ? await response.json() : await response.text()\n\n  if (!response.ok) {\n    const error = new Error(`Upload failed with status ${response.status}`)\n    ;(error as any).payload = payload\n    ;(error as any).status = response.status\n    throw error\n  }\n\n  return payload\n}\n\nasync function runBeforeUpload(files: File[]): Promise<'ok' | { aborted: true; reason: unknown }> {\n  if (!props.beforeUpload) return 'ok'\n\n  for (const file of files) {\n    try {\n      const result = props.beforeUpload(file)\n\n      if (result === false) {\n        return { aborted: true, reason: new Error('Upload aborted by beforeUpload') }\n      }\n\n      if (result && typeof (result as any).then === 'function')\n        await result\n    } catch (error) {\n      return { aborted: true, reason: error }\n    }\n  }\n\n  return 'ok'\n}\n\nasync function handleFiles(files: File[], source: FileValidatorSource = 'input') {\n  if (props.disabled) return\n  if (!files.length) return\n\n  const normalizedLimit = normalizeLimit(props.limit)\n  if (props.multiple && normalizedLimit && files.length > normalizedLimit) {\n    props.onExceed?.(files, normalizedLimit)\n    emit('error', new Error(`Too many files selected, limit=${normalizedLimit}`))\n    return\n  }\n\n  const { files: valid, issues } = await runFileValidators(files, props.validators ?? [], {\n    source,\n    multiple: props.multiple,\n  })\n\n  if (issues.length > 0) {\n    emit('error', new FileValidationError(issues, valid))\n    return\n  }\n\n  if (!valid.length) return\n\n  lastFiles.value = valid\n\n  const before = await runBeforeUpload(valid)\n  if (before !== 'ok') {\n    emit('error', before.reason)\n    return\n  }\n\n  let extraData: GrFileUploadExtraData | undefined\n  try {\n    extraData = props.uploadExtraData?.(valid)\n  } catch (error) {\n    emit('error', error)\n    return\n  }\n\n  abort()\n\n  const controller = new AbortController()\n  activeController = controller\n\n  emit('progress', 0)\n\n  try {\n    const payload = props.request\n      ? await props.request(valid, { signal: controller.signal, extraData })\n      : await uploadViaAction(valid, controller.signal, extraData)\n\n    emit('success', payload)\n    emit('change', valid)\n    emit('progress', 100)\n  } catch (error) {\n    emit('error', error)\n  } finally {\n    if (activeController === controller) activeController = null\n  }\n}\n\nfunction onDragEnter(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  overCounter += 1\n  setOver(true)\n}\n\nfunction onDragOver(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  if (event.dataTransfer) event.dataTransfer.dropEffect = 'copy'\n}\n\nfunction onDragLeave(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  overCounter = Math.max(0, overCounter - 1)\n  if (overCounter === 0) setOver(false)\n}\n\nfunction onDrop(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  overCounter = 0\n  setOver(false)\n\n  const files = event.dataTransfer?.files ? Array.prototype.slice.call(event.dataTransfer.files) as File[] : []\n  void handleFiles(files, 'drop')\n}\n\nasync function onInputChange(event: Event) {\n  if (props.disabled) return\n\n  const target = event.target as HTMLInputElement | null\n  const files = target?.files ? Array.prototype.slice.call(target.files) as File[] : []\n\n  if (target) target.value = ''\n\n  await nextTick()\n  await handleFiles(files, 'input')\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault()\n    openDialog()\n  }\n}\n\nfunction onRootClick() {\n  if (hasCustomUi.value) return\n  openDialog()\n}\n\nfunction onRootKeydown(event: KeyboardEvent) {\n  if (hasCustomUi.value) return\n  onKeydown(event)\n}\n\ndefineExpose({\n  uploadFiles: handleFiles,\n  abort,\n  openDialog,\n})\n</script>\n\n<template>\n  <div\n    data-ds-file-upload\n    :role=\"hasCustomUi ? undefined : 'button'\"\n    :tabindex=\"hasCustomUi ? undefined : tabIndex\"\n    :aria-disabled=\"hasCustomUi ? undefined : disabled ? 'true' : 'false'\"\n    :class=\"\n      hasCustomUi\n        ? 'inline-block'\n        : [\n            'relative w-full rounded-[var(--ds-radius-lg)] border border-dashed border-[var(--brd)] bg-[var(--card)] px-5 py-6 outline-none transition',\n            disabled\n              ? 'opacity-60 cursor-not-allowed'\n              : 'cursor-pointer hover:bg-[var(--muted)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bg)]',\n            isOver && !disabled ? 'border-[var(--ring)] bg-[var(--muted)]' : '',\n          ]\n    \"\n    @click=\"onRootClick\"\n    @keydown=\"onRootKeydown\"\n    @dragenter=\"onDragEnter\"\n    @dragover=\"onDragOver\"\n    @dragleave=\"onDragLeave\"\n    @drop=\"onDrop\"\n  >\n    <input\n      ref=\"inputRef\"\n      data-ds-file-upload-input\n      :style=\"hiddenInputStyle\"\n      type=\"file\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :name=\"name\"\n      :multiple=\"multiple\"\n      :disabled=\"disabled\"\n      @change=\"onInputChange\"\n    >\n\n    <slot\n      v-if=\"hasCustomUi\"\n      :open-dialog=\"openDialog\"\n      :abort=\"abort\"\n      :disabled=\"disabled\"\n      :files=\"lastFiles\"\n      :is-over=\"isOver\"\n    />\n\n    <div v-else class=\"flex items-start gap-4\">\n      <div\n        data-ds-file-upload-icon\n        class=\"h-12 w-12 shrink-0 rounded-[12px] bg-[var(--muted)] border border-[var(--brd)] flex items-center justify-center\"\n        aria-hidden=\"true\"\n      >\n        <GrIcon class=\"h-6 w-6 text-[var(--muted-fg)]\">\n          <IconArrowUp />\n        </GrIcon>\n      </div>\n\n      <div class=\"min-w-0\">\n        <div data-ds-file-upload-label class=\"text-[14px] font-700\">\n          <slot name=\"label\">\n            <slot>\n              {{ placeholder }}\n            </slot>\n          </slot>\n        </div>\n\n        <div v-if=\"$slots.tip\" data-ds-file-upload-tip class=\"mt-1 text-[13px] text-[var(--muted-fg)]\">\n          <slot name=\"tip\" />\n        </div>\n        <div v-else class=\"mt-1 text-[13px] text-[var(--muted-fg)]\" />\n\n        <ul v-if=\"showFileList && lastFiles.length\" data-ds-file-upload-list class=\"mt-3 space-y-1\">\n          <li\n            v-for=\"file in lastFiles\"\n            :key=\"file.name\"\n            data-ds-file-upload-item\n            class=\"text-[13px]\"\n          >\n            <span class=\"font-600\">{{ file.name }}</span>\n            <span class=\"text-[var(--muted-fg)]\"> · {{ Math.ceil(file.size / 1024) }} KB</span>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport { Comment, computed, Fragment, nextTick, ref, Text, useSlots, type VNode } from 'vue'\n\nimport IconArrowUp from '~icons/lucide/arrow-up'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport type { FileValidator, FileValidatorSource } from '../../fileValidation'\n\nimport { FileValidationError, runFileValidators } from '../../fileValidation'\n\nexport type GrFileUploadExtraDataValue = string | Blob\n\nexport type GrFileUploadExtraData = Record<string, GrFileUploadExtraDataValue | GrFileUploadExtraDataValue[]>\n\nexport type GrFileUploadRequestCtx = {\n  signal: AbortSignal\n  extraData?: GrFileUploadExtraData\n}\n\nexport type GrFileUploadRequest = (files: File[], ctx: GrFileUploadRequestCtx) => Promise<any>\n\n/**\n * Пропы `GrFileUpload`.\n *\n * Либо `action` (URL для POST multipart/form-data), либо `request` — кастомный\n * загрузчик (например, через axios). Если переданы оба — приоритет у `request`.\n *\n * `placeholder` — надпись в дефолтном UI-варианте (без слота default).\n */\nexport interface GrFileUploadProps {\n  action?: string\n  request?: GrFileUploadRequest\n  name?: string\n  multiple?: boolean\n  limit?: number\n  onExceed?: (files: File[], limit: number) => void\n  beforeUpload?: (file: File) => boolean | Promise<unknown>\n  validators?: FileValidator[]\n  disabled?: boolean\n  headers?: Record<string, string>\n  withCredentials?: boolean\n  showFileList?: boolean\n  uploadExtraData?: (files: File[]) => GrFileUploadExtraData | undefined\n  /** i18n: надпись-подсказка в дефолтном UI. */\n  placeholder?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrFileUploadProps>(),\n  {\n    action: undefined,\n    request: undefined,\n    name: 'file',\n    multiple: false,\n    limit: undefined,\n    onExceed: undefined,\n    beforeUpload: undefined,\n    validators: undefined,\n    disabled: false,\n    headers: undefined,\n    withCredentials: false,\n    showFileList: false,\n    uploadExtraData: undefined,\n    placeholder: 'Drag files here or click to select',\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'success', payload: any): void\n  (e: 'error', error: unknown): void\n  (e: 'progress', percent: number): void\n  (e: 'change', files: File[]): void\n}>()\n\nconst slots = useSlots()\n\nfunction flattenSlotNodes(nodes: VNode[]): VNode[] {\n  const out: VNode[] = []\n\n  for (const node of nodes) {\n    if (node.type === Fragment && Array.isArray(node.children)) {\n      out.push(...flattenSlotNodes(node.children as VNode[]))\n      continue\n    }\n\n    out.push(node)\n  }\n\n  return out\n}\n\nfunction isWhitespaceTextNode(node: VNode): boolean {\n  if (node.type !== Text) return false\n  return typeof node.children === 'string' && node.children.trim().length === 0\n}\n\nfunction slotIsTextOnly(nodes: VNode[]): boolean {\n  const flat = flattenSlotNodes(nodes)\n  const meaningful = flat.filter(node => node.type !== Comment && !isWhitespaceTextNode(node))\n\n  if (meaningful.length === 0) return true\n\n  for (const node of meaningful) {\n    if (node.type !== Text) return false\n  }\n\n  return true\n}\n\nconst defaultSlotNodes = computed(() => {\n  return slots.default ? flattenSlotNodes(slots.default({} as any)) : []\n})\n\nconst hasCustomUi = computed(() => {\n  return !!slots.default && !slotIsTextOnly(defaultSlotNodes.value)\n})\n\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst isOver = ref(false)\nlet overCounter = 0\n\nconst lastFiles = ref<File[]>([])\n\nlet activeController: AbortController | null = null\n\nconst tabIndex = computed(() => (props.disabled ? -1 : 0))\n\nconst hiddenInputStyle = {\n  position: 'fixed',\n  top: '-9999px',\n  left: '-9999px',\n  width: '1px',\n  height: '1px',\n  opacity: '0',\n  overflow: 'hidden',\n  pointerEvents: 'none',\n} as const satisfies Record<string, string>\n\nfunction setOver(next: boolean) {\n  if (isOver.value === next) return\n  isOver.value = next\n}\n\nfunction openDialog() {\n  if (props.disabled) return\n  inputRef.value?.click()\n}\n\nfunction abort() {\n  activeController?.abort()\n  activeController = null\n}\n\nfunction normalizeLimit(limit: number | undefined): number | undefined {\n  if (typeof limit !== 'number') return undefined\n  if (!Number.isFinite(limit)) return undefined\n  if (limit <= 0) return undefined\n  return Math.floor(limit)\n}\n\nfunction appendExtraFormData(body: FormData, extraData: GrFileUploadExtraData | undefined) {\n  if (!extraData) return\n\n  for (const [key, value] of Object.entries(extraData)) {\n    if (Array.isArray(value)) {\n      for (const entry of value) body.append(key, entry)\n      continue\n    }\n\n    body.append(key, value)\n  }\n}\n\nasync function uploadViaAction(files: File[], signal: AbortSignal, extraData: GrFileUploadExtraData | undefined) {\n  if (!props.action) throw new Error('GrFileUpload: either `action` or `request` must be provided')\n\n  const body = new FormData()\n  for (const file of files)\n    body.append(props.name, file)\n\n  appendExtraFormData(body, extraData)\n\n  const response = await fetch(props.action, {\n    method: 'POST',\n    headers: props.headers,\n    body,\n    signal,\n    credentials: props.withCredentials ? 'include' : 'same-origin',\n  })\n\n  const contentType = response.headers.get('content-type')\n  const payload = contentType?.includes('application/json') ? await response.json() : await response.text()\n\n  if (!response.ok) {\n    const error = new Error(`Upload failed with status ${response.status}`)\n    ;(error as any).payload = payload\n    ;(error as any).status = response.status\n    throw error\n  }\n\n  return payload\n}\n\nasync function runBeforeUpload(files: File[]): Promise<'ok' | { aborted: true; reason: unknown }> {\n  if (!props.beforeUpload) return 'ok'\n\n  for (const file of files) {\n    try {\n      const result = props.beforeUpload(file)\n\n      if (result === false) {\n        return { aborted: true, reason: new Error('Upload aborted by beforeUpload') }\n      }\n\n      if (result && typeof (result as any).then === 'function')\n        await result\n    } catch (error) {\n      return { aborted: true, reason: error }\n    }\n  }\n\n  return 'ok'\n}\n\nasync function handleFiles(files: File[], source: FileValidatorSource = 'input') {\n  if (props.disabled) return\n  if (!files.length) return\n\n  const normalizedLimit = normalizeLimit(props.limit)\n  if (props.multiple && normalizedLimit && files.length > normalizedLimit) {\n    props.onExceed?.(files, normalizedLimit)\n    emit('error', new Error(`Too many files selected, limit=${normalizedLimit}`))\n    return\n  }\n\n  const { files: valid, issues } = await runFileValidators(files, props.validators ?? [], {\n    source,\n    multiple: props.multiple,\n  })\n\n  if (issues.length > 0) {\n    emit('error', new FileValidationError(issues, valid))\n    return\n  }\n\n  if (!valid.length) return\n\n  lastFiles.value = valid\n\n  const before = await runBeforeUpload(valid)\n  if (before !== 'ok') {\n    emit('error', before.reason)\n    return\n  }\n\n  let extraData: GrFileUploadExtraData | undefined\n  try {\n    extraData = props.uploadExtraData?.(valid)\n  } catch (error) {\n    emit('error', error)\n    return\n  }\n\n  abort()\n\n  const controller = new AbortController()\n  activeController = controller\n\n  emit('progress', 0)\n\n  try {\n    const payload = props.request\n      ? await props.request(valid, { signal: controller.signal, extraData })\n      : await uploadViaAction(valid, controller.signal, extraData)\n\n    emit('success', payload)\n    emit('change', valid)\n    emit('progress', 100)\n  } catch (error) {\n    emit('error', error)\n  } finally {\n    if (activeController === controller) activeController = null\n  }\n}\n\nfunction onDragEnter(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  overCounter += 1\n  setOver(true)\n}\n\nfunction onDragOver(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  if (event.dataTransfer) event.dataTransfer.dropEffect = 'copy'\n}\n\nfunction onDragLeave(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  overCounter = Math.max(0, overCounter - 1)\n  if (overCounter === 0) setOver(false)\n}\n\nfunction onDrop(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  overCounter = 0\n  setOver(false)\n\n  const files = event.dataTransfer?.files ? Array.prototype.slice.call(event.dataTransfer.files) as File[] : []\n  void handleFiles(files, 'drop')\n}\n\nasync function onInputChange(event: Event) {\n  if (props.disabled) return\n\n  const target = event.target as HTMLInputElement | null\n  const files = target?.files ? Array.prototype.slice.call(target.files) as File[] : []\n\n  if (target) target.value = ''\n\n  await nextTick()\n  await handleFiles(files, 'input')\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault()\n    openDialog()\n  }\n}\n\nfunction onRootClick() {\n  if (hasCustomUi.value) return\n  openDialog()\n}\n\nfunction onRootKeydown(event: KeyboardEvent) {\n  if (hasCustomUi.value) return\n  onKeydown(event)\n}\n\ndefineExpose({\n  uploadFiles: handleFiles,\n  abort,\n  openDialog,\n})\n</script>\n\n<template>\n  <div\n    data-ds-file-upload\n    :role=\"hasCustomUi ? undefined : 'button'\"\n    :tabindex=\"hasCustomUi ? undefined : tabIndex\"\n    :aria-disabled=\"hasCustomUi ? undefined : disabled ? 'true' : 'false'\"\n    :class=\"\n      hasCustomUi\n        ? 'inline-block'\n        : [\n            'relative w-full rounded-[var(--ds-radius-lg)] border border-dashed border-[var(--brd)] bg-[var(--card)] px-5 py-6 outline-none transition',\n            disabled\n              ? 'opacity-60 cursor-not-allowed'\n              : 'cursor-pointer hover:bg-[var(--muted)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bg)]',\n            isOver && !disabled ? 'border-[var(--ring)] bg-[var(--muted)]' : '',\n          ]\n    \"\n    @click=\"onRootClick\"\n    @keydown=\"onRootKeydown\"\n    @dragenter=\"onDragEnter\"\n    @dragover=\"onDragOver\"\n    @dragleave=\"onDragLeave\"\n    @drop=\"onDrop\"\n  >\n    <input\n      ref=\"inputRef\"\n      data-ds-file-upload-input\n      :style=\"hiddenInputStyle\"\n      type=\"file\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :name=\"name\"\n      :multiple=\"multiple\"\n      :disabled=\"disabled\"\n      @change=\"onInputChange\"\n    >\n\n    <slot\n      v-if=\"hasCustomUi\"\n      :open-dialog=\"openDialog\"\n      :abort=\"abort\"\n      :disabled=\"disabled\"\n      :files=\"lastFiles\"\n      :is-over=\"isOver\"\n    />\n\n    <div v-else class=\"flex items-start gap-4\">\n      <div\n        data-ds-file-upload-icon\n        class=\"h-12 w-12 shrink-0 rounded-[12px] bg-[var(--muted)] border border-[var(--brd)] flex items-center justify-center\"\n        aria-hidden=\"true\"\n      >\n        <GrIcon class=\"h-6 w-6 text-[var(--muted-fg)]\">\n          <IconArrowUp />\n        </GrIcon>\n      </div>\n\n      <div class=\"min-w-0\">\n        <div data-ds-file-upload-label class=\"text-[14px] font-700\">\n          <slot name=\"label\">\n            <slot>\n              {{ placeholder }}\n            </slot>\n          </slot>\n        </div>\n\n        <div v-if=\"$slots.tip\" data-ds-file-upload-tip class=\"mt-1 text-[13px] text-[var(--muted-fg)]\">\n          <slot name=\"tip\" />\n        </div>\n        <div v-else class=\"mt-1 text-[13px] text-[var(--muted-fg)]\" />\n\n        <ul v-if=\"showFileList && lastFiles.length\" data-ds-file-upload-list class=\"mt-3 space-y-1\">\n          <li\n            v-for=\"file in lastFiles\"\n            :key=\"file.name\"\n            data-ds-file-upload-item\n            class=\"text-[13px]\"\n          >\n            <span class=\"font-600\">{{ file.name }}</span>\n            <span class=\"text-[var(--muted-fg)]\"> · {{ Math.ceil(file.size / 1024) }} KB</span>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </div>\n</template>"],"mappings":"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"}

package/dist/components/GrFileUpload/index.js

@@ -1,4 +1,4 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../../chunks/fileValidation-LFD-vwil.js";
-import { t as u } from "./chunks/GrFileUpload-BPzx3LEM.js";
-import { t as d } from "../../chunks/config-vKeQ035f.js";
-export { l as FileValidationError, u as GrFileUpload, u as default, a as acceptValidator, e as allowedExtensionsValidator, n as allowedMimeTypesValidator, d as grFileUploadConfig, s as matchAccept, o as maxFileSizeBytesValidator, i as maxSizeMbValidator, c as maxTotalSizeBytesValidator, t as normalizeFiles, r as runFileValidators };
+import { a as allowedExtensionsValidator, c as normalizeFiles, i as allowedMimeTypesValidator, l as runFileValidators, n as maxSizeMbValidator, o as acceptValidator, r as maxFileSizeBytesValidator, s as matchAccept, t as maxTotalSizeBytesValidator, u as FileValidationError } from "../../chunks/fileValidation-CgjTGoUx.js";
+import { t as GrFileUpload_default } from "./chunks/GrFileUpload-DVv8yXpl.js";
+import { t as grFileUploadConfig } from "../../chunks/config-BzQ4S4Hb.js";
+export { FileValidationError, GrFileUpload_default as GrFileUpload, GrFileUpload_default as default, acceptValidator, allowedExtensionsValidator, allowedMimeTypesValidator, grFileUploadConfig, matchAccept, maxFileSizeBytesValidator, maxSizeMbValidator, maxTotalSizeBytesValidator, normalizeFiles, runFileValidators };

package/dist/components/GrFormField/chunks/GrFormField-BzezYcS8.js

@@ -0,0 +1,37 @@
+import { createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString } from "vue";
+//#region src/components/GrFormField/GrFormField.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex flex-col gap-2" };
+var _hoisted_2 = ["for"];
+var _hoisted_3 = {
+	key: 1,
+	class: "text-sm text-[var(--ds-danger)]"
+};
+//#endregion
+//#region src/components/GrFormField/GrFormField.vue
+var GrFormField_default = /* @__PURE__ */ defineComponent({
+	__name: "GrFormField",
+	props: {
+		label: { default: void 0 },
+		forId: { default: void 0 },
+		error: { default: void 0 },
+		labelClass: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				props.label ? (openBlock(), createElementBlock("label", {
+					key: 0,
+					for: props.forId,
+					class: normalizeClass(["text-sm text-[var(--muted-fg)]", props.labelClass])
+				}, toDisplayString(props.label), 11, _hoisted_2)) : createCommentVNode("", true),
+				renderSlot(_ctx.$slots, "default"),
+				props.error ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(props.error), 1)) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+//#endregion
+export { GrFormField_default as t };
+
+//# sourceMappingURL=GrFormField-BzezYcS8.js.map

package/dist/components/GrFormField/chunks/GrFormField-BzezYcS8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrFormField-BzezYcS8.js","names":[],"sources":["../../../../src/components/GrFormField/GrFormField.vue","../../../../src/components/GrFormField/GrFormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\ntype LabelClass = string | string[] | Record<string, boolean>\n\nconst props = withDefaults(\n  defineProps<{\n    label?: string\n    forId?: string\n    error?: string\n    labelClass?: LabelClass\n  }>(),\n  {\n    label: undefined,\n    forId: undefined,\n    error: undefined,\n    labelClass: undefined,\n  },\n)\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-2\">\n    <label\n      v-if=\"props.label\"\n      :for=\"props.forId\"\n      class=\"text-sm text-[var(--muted-fg)]\"\n      :class=\"props.labelClass\"\n    >\n      {{ props.label }}\n    </label>\n    <slot />\n    <div v-if=\"props.error\" class=\"text-sm text-[var(--ds-danger)]\">\n      {{ props.error }}\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\ntype LabelClass = string | string[] | Record<string, boolean>\n\nconst props = withDefaults(\n  defineProps<{\n    label?: string\n    forId?: string\n    error?: string\n    labelClass?: LabelClass\n  }>(),\n  {\n    label: undefined,\n    forId: undefined,\n    error: undefined,\n    labelClass: undefined,\n  },\n)\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-2\">\n    <label\n      v-if=\"props.label\"\n      :for=\"props.forId\"\n      class=\"text-sm text-[var(--muted-fg)]\"\n      :class=\"props.labelClass\"\n    >\n      {{ props.label }}\n    </label>\n    <slot />\n    <div v-if=\"props.error\" class=\"text-sm text-[var(--ds-danger)]\">\n      {{ props.error }}\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAGA,MAAM,QAAQ;;uBAiBZ,mBAaM,OAbN,YAaM;IAXI,MAAM,SAAA,WAAA,EADd,mBAOQ,SAAA;;KALL,KAAK,MAAM;KACZ,OAAK,eAAA,CAAC,kCACE,MAAM,WAAU,CAAA;uBAErB,MAAM,MAAK,EAAA,IAAA,WAAA,IAAA,mBAAA,IAAA,KAAA;IAEhB,WAAQ,KAAA,QAAA,UAAA;IACG,MAAM,SAAA,WAAA,EAAjB,mBAEM,OAFN,YAEM,gBADD,MAAM,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA"}

package/dist/components/GrFormField/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "./chunks/GrFormField-Cn8g9eFP.js";
-import { t } from "../../chunks/config-CMz46RPG.js";
-export { e as GrFormField, e as default, t as grFormFieldConfig };
+import { t as GrFormField_default } from "./chunks/GrFormField-BzezYcS8.js";
+import { t as grFormFieldConfig } from "../../chunks/config-BRU5PR8_.js";
+export { GrFormField_default as GrFormField, GrFormField_default as default, grFormFieldConfig };