@veltra/desktop 1.0.7 → 1.0.9

package/dist/components/file-viewer/previewers/sheet-previewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-previewer.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/sheet-previewer.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('sheet')\">\n    <div v-if=\"truncated\" :class=\"cls.e('sheet-note')\">\n      仅展示前 {{ renderedRows.toLocaleString() }} 行（共 {{ totalRows.toLocaleString() }} 行）\n    </div>\n    <div v-if=\"sheets.length > 1\" :class=\"cls.e('sheet-tabs')\">\n      <button\n        v-for=\"(s, i) in sheets\"\n        :key=\"s.name\"\n        :class=\"[cls.e('sheet-tab'), bem.is('active', i === activeSheetIndex)]\"\n        @click=\"activeSheetIndex = i\"\n      >\n        {{ s.name }}\n      </button>\n    </div>\n    <div ref=\"container\" :class=\"cls.e('sheet-stage')\" />\n    <div v-if=\"loading\" :class=\"cls.e('loading')\">加载中…</div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { onBeforeUnmount, ref, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\n\ndefineOptions({ name: 'FileViewerSheetPreviewer' })\n\nconst props = withDefaults(\n  defineProps<{\n    file: FileViewerItem\n    maxRows?: number\n  }>(),\n  { maxRows: 50_000 }\n)\n\nconst emit = defineEmits<{ (e: 'error', err: unknown): void }>()\n\nconst cls = bem('file-viewer')\n\nconst container = useTemplateRef<HTMLDivElement>('container')\nconst loading = ref(true)\nconst truncated = ref(false)\nconst totalRows = ref(0)\nconst renderedRows = ref(0)\n\ninterface SheetData {\n  name: string\n  headers: string[]\n  rows: string[][]\n  totalCount: number\n}\n\nconst sheets = shallowRef<SheetData[]>([])\nconst activeSheetIndex = ref(0)\n\nlet controller: AbortController | undefined\nlet instance: { release?: () => void; resize?: () => void } | undefined\nlet resizeObserver: ResizeObserver | undefined\n\nasync function load() {\n  controller?.abort()\n  controller = new AbortController()\n  const signal = controller.signal\n  loading.value = true\n  sheets.value = []\n  activeSheetIndex.value = 0\n\n  try {\n    const ext = props.file.name.slice(props.file.name.lastIndexOf('.') + 1).toLowerCase()\n    const { toArrayBuffer, parseCsv } = await import('../helper')\n    const buf = await toArrayBuffer(props.file.src, signal)\n    if (signal.aborted) return\n\n    if (ext === 'csv') {\n      const text = new TextDecoder('utf-8', { fatal: false }).decode(buf)\n      const parsed = parseCsv(text).filter((row) => row.some((c) => c.length > 0))\n      const headers = parsed[0] ?? []\n      const rows = parsed.slice(1)\n      sheets.value = [\n        {\n          name: props.file.name,\n          headers: headers.map((h, i) => String(h) || `Column ${i + 1}`),\n          rows,\n          totalCount: rows.length\n        }\n      ]\n    } else {\n      const { readWorkbook } = await import('@cat-kit/excel')\n      const workbook = await readWorkbook(new Uint8Array(buf))\n      if (signal.aborted) return\n      sheets.value = workbook.worksheets.map((ws) => {\n        const wsRows = ws.getRows()\n        const firstRow = wsRows[0]\n        const headers = firstRow ? firstRow.toValues().map((v) => cellToString(v)) : []\n        const rows = wsRows.slice(1).map((r) => r.toValues().map(cellToString))\n        return {\n          name: ws.name,\n          headers: headers.map((h, i) => h || `Column ${i + 1}`),\n          rows,\n          totalCount: rows.length\n        }\n      })\n    }\n\n    await renderActive()\n  } catch (err) {\n    if ((err as { name?: string })?.name === 'AbortError') return\n    emit('error', err)\n  } finally {\n    loading.value = false\n  }\n}\n\nfunction cellToString(v: unknown): string {\n  if (v === null || v === undefined) return ''\n  if (typeof v === 'string') return v\n  if (typeof v === 'number' || typeof v === 'boolean') return String(v)\n  if (v instanceof Date) return v.toLocaleString()\n  if (typeof v === 'object' && v !== null && 'formula' in v) {\n    const f = v as { formula: string; result?: unknown }\n    if (f.result !== undefined && f.result !== null) return cellToString(f.result)\n    return `=${f.formula}`\n  }\n  return String(v)\n}\n\nasync function renderActive() {\n  const sheet = sheets.value[activeSheetIndex.value]\n  if (!sheet || !container.value) return\n\n  releaseInstance()\n\n  const limit = props.maxRows > 0 ? Math.min(props.maxRows, sheet.rows.length) : sheet.rows.length\n  totalRows.value = sheet.totalCount\n  renderedRows.value = limit\n  truncated.value = props.maxRows > 0 && sheet.rows.length > props.maxRows\n\n  const columns = sheet.headers.map((h, i) => ({\n    field: 'c' + i,\n    title: h,\n    width: 'auto' as const\n  }))\n\n  const records: Record<string, string>[] = []\n  for (let i = 0; i < limit; i++) {\n    const row = sheet.rows[i]\n    if (!row) continue\n    const record: Record<string, string> = {}\n    for (let j = 0; j < columns.length; j++) {\n      record['c' + j] = row[j] ?? ''\n    }\n    records.push(record)\n  }\n\n  const VTable = await import('@visactor/vtable')\n  if (!container.value) return\n\n  instance = new VTable.ListTable(container.value, {\n    records,\n    columns,\n    widthMode: 'standard',\n    heightMode: 'standard',\n    defaultRowHeight: 32,\n    defaultHeaderRowHeight: 36,\n    autoFillWidth: true,\n    frozenColCount: 0,\n    theme: (VTable.themes.ARCO ?? VTable.themes.DEFAULT).extends({\n      defaultStyle: {\n        borderLineWidth: 1\n      }\n    })\n  })\n}\n\nfunction releaseInstance() {\n  if (instance && typeof instance.release === 'function') {\n    try {\n      instance.release()\n    } catch {\n      /* noop */\n    }\n  }\n  instance = undefined\n}\n\nwatch(\n  () => props.file,\n  () => load(),\n  { immediate: true }\n)\n\nwatch(activeSheetIndex, () => renderActive())\n\nwatch(container, (el) => {\n  resizeObserver?.disconnect()\n  if (!el) return\n  resizeObserver = new ResizeObserver(() => {\n    instance?.resize?.()\n  })\n  resizeObserver.observe(el)\n})\n\nonBeforeUnmount(() => {\n  controller?.abort()\n  resizeObserver?.disconnect()\n  releaseInstance()\n  sheets.value = []\n})\n</script>\n"],"mappings":"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"}

package/dist/components/file-viewer/previewers/text-previewer.js

@@ -0,0 +1,74 @@
+import _sfc_main$1 from "../../scroll/scroll.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, shallowRef, toDisplayString, unref, watch, withCtx } from "vue";
+import { bem } from "@veltra/utils";
+//#region src/components/file-viewer/previewers/text-previewer.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FileViewerTextPreviewer",
+	__name: "text-previewer",
+	props: {
+		file: {},
+		maxBytes: { default: 2 * 1024 * 1024 }
+	},
+	emits: ["error"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("file-viewer");
+		const text = shallowRef("");
+		const truncated = ref(false);
+		const loading = ref(true);
+		let controller;
+		function formatKb(bytes) {
+			if (bytes >= 1024 * 1024) return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+			return `${(bytes / 1024).toFixed(0)} KB`;
+		}
+		async function load() {
+			controller?.abort();
+			controller = new AbortController();
+			loading.value = true;
+			truncated.value = false;
+			text.value = "";
+			try {
+				const { toArrayBuffer } = await import("../helper.js");
+				const buf = await toArrayBuffer(props.file.src, controller.signal);
+				const max = props.maxBytes;
+				const view = max > 0 && buf.byteLength > max ? new Uint8Array(buf, 0, max) : new Uint8Array(buf);
+				truncated.value = max > 0 && buf.byteLength > max;
+				text.value = new TextDecoder("utf-8", { fatal: false }).decode(view);
+			} catch (err) {
+				if (err?.name === "AbortError") return;
+				emit("error", err);
+			} finally {
+				loading.value = false;
+			}
+		}
+		watch(() => props.file, () => load(), { immediate: true });
+		onBeforeUnmount(() => {
+			controller?.abort();
+			text.value = "";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$1), {
+				tag: "div",
+				class: normalizeClass(unref(cls).e("text"))
+			}, {
+				default: withCtx(() => [
+					truncated.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(unref(cls).e("sheet-note"))
+					}, " ⚠ 文件过大，仅展示前 " + toDisplayString(formatKb(__props.maxBytes)), 3)) : createCommentVNode("v-if", true),
+					createElementVNode("pre", { class: normalizeClass(unref(cls).e("text-pre")) }, [createElementVNode("code", null, toDisplayString(text.value), 1)], 2),
+					loading.value ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass(unref(cls).e("loading"))
+					}, "加载中…", 2)) : createCommentVNode("v-if", true)
+				]),
+				_: 1
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=text-previewer.js.map

package/dist/components/file-viewer/previewers/text-previewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-previewer.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/text-previewer.vue"],"sourcesContent":["<template>\n  <u-scroll tag=\"div\" :class=\"cls.e('text')\">\n    <div v-if=\"truncated\" :class=\"cls.e('sheet-note')\">\n      ⚠ 文件过大，仅展示前 {{ formatKb(maxBytes) }}\n    </div>\n    <pre :class=\"cls.e('text-pre')\"><code>{{ text }}</code></pre>\n    <div v-if=\"loading\" :class=\"cls.e('loading')\">加载中…</div>\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { onBeforeUnmount, ref, shallowRef, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\nimport { UScroll } from '../../scroll'\n\ndefineOptions({ name: 'FileViewerTextPreviewer' })\n\nconst props = withDefaults(\n  defineProps<{\n    file: FileViewerItem\n    /** 单文件最大读取字节数（超出截断），默认 2MB */\n    maxBytes?: number\n  }>(),\n  { maxBytes: 2 * 1024 * 1024 }\n)\n\nconst emit = defineEmits<{ (e: 'error', err: unknown): void }>()\n\nconst cls = bem('file-viewer')\n\nconst text = shallowRef('')\nconst truncated = ref(false)\nconst loading = ref(true)\n\nlet controller: AbortController | undefined\n\nfunction formatKb(bytes: number): string {\n  if (bytes >= 1024 * 1024) return `${(bytes / 1024 / 1024).toFixed(1)} MB`\n  return `${(bytes / 1024).toFixed(0)} KB`\n}\n\nasync function load() {\n  controller?.abort()\n  controller = new AbortController()\n  loading.value = true\n  truncated.value = false\n  text.value = ''\n\n  try {\n    const { toArrayBuffer } = await import('../helper')\n    const buf = await toArrayBuffer(props.file.src, controller.signal)\n    const max = props.maxBytes\n    const view = max > 0 && buf.byteLength > max ? new Uint8Array(buf, 0, max) : new Uint8Array(buf)\n    truncated.value = max > 0 && buf.byteLength > max\n    text.value = new TextDecoder('utf-8', { fatal: false }).decode(view)\n  } catch (err) {\n    if ((err as { name?: string })?.name === 'AbortError') return\n    emit('error', err)\n  } finally {\n    loading.value = false\n  }\n}\n\nwatch(\n  () => props.file,\n  () => load(),\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  controller?.abort()\n  text.value = ''\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EASd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAE7B,MAAM,OAAO,WAAW,GAAE;EAC1B,MAAM,YAAY,IAAI,MAAK;EAC3B,MAAM,UAAU,IAAI,KAAI;EAExB,IAAI;EAEJ,SAAS,SAAS,OAAuB;AACvC,OAAI,SAAS,OAAO,KAAM,QAAO,IAAI,QAAQ,OAAO,MAAM,QAAQ,EAAE,CAAC;AACrE,UAAO,IAAI,QAAQ,MAAM,QAAQ,EAAE,CAAC;;EAGtC,eAAe,OAAO;AACpB,eAAY,OAAM;AAClB,gBAAa,IAAI,iBAAgB;AACjC,WAAQ,QAAQ;AAChB,aAAU,QAAQ;AAClB,QAAK,QAAQ;AAEb,OAAI;IACF,MAAM,EAAE,kBAAkB,MAAM,OAAO;IACvC,MAAM,MAAM,MAAM,cAAc,MAAM,KAAK,KAAK,WAAW,OAAM;IACjE,MAAM,MAAM,MAAM;IAClB,MAAM,OAAO,MAAM,KAAK,IAAI,aAAa,MAAM,IAAI,WAAW,KAAK,GAAG,IAAI,GAAG,IAAI,WAAW,IAAG;AAC/F,cAAU,QAAQ,MAAM,KAAK,IAAI,aAAa;AAC9C,SAAK,QAAQ,IAAI,YAAY,SAAS,EAAE,OAAO,OAAO,CAAC,CAAC,OAAO,KAAI;YAC5D,KAAK;AACZ,QAAK,KAA2B,SAAS,aAAc;AACvD,SAAK,SAAS,IAAG;aACT;AACR,YAAQ,QAAQ;;;AAIpB,cACQ,MAAM,YACN,MAAM,EACZ,EAAE,WAAW,MAAK,CACpB;AAEA,wBAAsB;AACpB,eAAY,OAAM;AAClB,QAAK,QAAQ;IACd;;uBAzEC,YAMW,MAAA,YAAA,EAAA;IAND,KAAI;IAAO,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA;;2BAGzB;KAFK,UAAA,SAAA,WAAA,EAAX,mBAEM,OAAA;;MAFiB,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,aAAA,CAAA;QAAgB,kBACrC,gBAAG,SAAS,QAAA,SAAQ,CAAA,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA;KAElC,mBAA6D,OAAA,EAAvD,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,WAAA,CAAA,EAAA,EAAA,CAAc,mBAAuB,QAAA,MAAA,gBAAd,KAAA,MAAI,EAAA,EAAA,CAAA,EAAA,EAAA;KAClC,QAAA,SAAA,WAAA,EAAX,mBAAwD,OAAA;;MAAnC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;QAAa,QAAI,EAAA,IAAA,mBAAA,QAAA,KAAA"}

package/dist/components/file-viewer/previewers/video-previewer.js

@@ -0,0 +1,62 @@
+import { createCommentVNode, createElementBlock, defineComponent, normalizeClass, onBeforeUnmount, openBlock, shallowRef, unref, useTemplateRef, watch } from "vue";
+import { bem } from "@veltra/utils";
+//#region src/components/file-viewer/previewers/video-previewer.vue
+const _hoisted_1 = ["src", "type"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FileViewerVideoPreviewer",
+	__name: "video-previewer",
+	props: { file: {} },
+	emits: ["error"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("file-viewer");
+		const url = shallowRef("");
+		const videoRef = useTemplateRef("videoRef");
+		let revoke;
+		let unmounting = false;
+		async function load() {
+			revoke?.();
+			const { toBlobUrl } = await import("../helper.js");
+			const r = toBlobUrl(props.file.src, props.file.mime);
+			url.value = r.url;
+			revoke = r.revoke;
+		}
+		function onVideoError(e) {
+			if (unmounting) return;
+			if (!e.target?.src) return;
+			emit("error", e);
+		}
+		watch(() => props.file, () => load(), { immediate: true });
+		onBeforeUnmount(() => {
+			unmounting = true;
+			const v = videoRef.value;
+			if (v) {
+				v.pause();
+				v.removeAttribute("src");
+				try {
+					v.load();
+				} catch {}
+			}
+			revoke?.();
+			url.value = "";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).e("video")) }, [url.value ? (openBlock(), createElementBlock("video", {
+				key: 0,
+				ref_key: "videoRef",
+				ref: videoRef,
+				src: url.value,
+				type: __props.file.mime,
+				controls: "",
+				preload: "metadata",
+				playsinline: "",
+				onError: onVideoError
+			}, null, 40, _hoisted_1)) : createCommentVNode("v-if", true)], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=video-previewer.js.map

package/dist/components/file-viewer/previewers/video-previewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-previewer.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/video-previewer.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('video')\">\n    <video\n      v-if=\"url\"\n      ref=\"videoRef\"\n      :src=\"url\"\n      :type=\"file.mime\"\n      controls\n      preload=\"metadata\"\n      playsinline\n      @error=\"onVideoError\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { onBeforeUnmount, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\n\ndefineOptions({ name: 'FileViewerVideoPreviewer' })\n\nconst props = defineProps<{ file: FileViewerItem }>()\n\nconst emit = defineEmits<{ (e: 'error', err: unknown): void }>()\n\nconst cls = bem('file-viewer')\n\nconst url = shallowRef<string>('')\nconst videoRef = useTemplateRef<HTMLVideoElement>('videoRef')\n\nlet revoke: (() => void) | undefined\nlet unmounting = false\n\nasync function load() {\n  revoke?.()\n  const { toBlobUrl } = await import('../helper')\n  const r = toBlobUrl(props.file.src, props.file.mime)\n  url.value = r.url\n  revoke = r.revoke\n}\n\nfunction onVideoError(e: Event) {\n  if (unmounting) return\n  const v = e.target as HTMLVideoElement | null\n  if (!v?.src) return\n  emit('error', e)\n}\n\nwatch(\n  () => props.file,\n  () => load(),\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  unmounting = true\n  const v = videoRef.value\n  if (v) {\n    v.pause()\n    v.removeAttribute('src')\n    try {\n      v.load()\n    } catch {\n      /* noop */\n    }\n  }\n  revoke?.()\n  url.value = ''\n})\n</script>\n"],"mappings":";;;;;;;;;;EAuBA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAE7B,MAAM,MAAM,WAAmB,GAAE;EACjC,MAAM,WAAW,eAAiC,WAAU;EAE5D,IAAI;EACJ,IAAI,aAAa;EAEjB,eAAe,OAAO;AACpB,aAAS;GACT,MAAM,EAAE,cAAc,MAAM,OAAO;GACnC,MAAM,IAAI,UAAU,MAAM,KAAK,KAAK,MAAM,KAAK,KAAI;AACnD,OAAI,QAAQ,EAAE;AACd,YAAS,EAAE;;EAGb,SAAS,aAAa,GAAU;AAC9B,OAAI,WAAY;AAEhB,OAAI,CADM,EAAE,QACJ,IAAK;AACb,QAAK,SAAS,EAAC;;AAGjB,cACQ,MAAM,YACN,MAAM,EACZ,EAAE,WAAW,MAAK,CACpB;AAEA,wBAAsB;AACpB,gBAAa;GACb,MAAM,IAAI,SAAS;AACnB,OAAI,GAAG;AACL,MAAE,OAAM;AACR,MAAE,gBAAgB,MAAK;AACvB,QAAI;AACF,OAAE,MAAK;YACD;;AAIV,aAAS;AACT,OAAI,QAAQ;IACb;;uBArEC,mBAWM,OAAA,EAXA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,QAAA,CAAA,EAAA,EAAA,CAER,IAAA,SAAA,WAAA,EADR,mBASE,SAAA;;aAPI;IAAJ,KAAI;IACH,KAAK,IAAA;IACL,MAAM,QAAA,KAAK;IACZ,UAAA;IACA,SAAQ;IACR,aAAA;IACC,SAAO"}

package/dist/components/file-viewer/style.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/components/file-viewer/style.js

@@ -0,0 +1,4 @@
+import "../icon/style.js";
+import "../scroll/style.js";
+import "../empty/style.js";
+import "./style2.css";

package/dist/components/file-viewer/style2.css

@@ -0,0 +1,445 @@
+@charset "UTF-8";
+/** flex布局 */
+/**
+* 设置css变量
+* 参数1:变量前缀
+* 参数2: 一个由值组成的列表或者由key, value组成的map
+* css-var(height, (
+*   large: 40px
+*   default: 32px
+*   small: 24px
+* ))
+* 生成的css变量:
+* --u-height-large: 40px;
+* --u-height-default: 32px;
+* --u-height-small: 24px;
+*/
+/** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
+.u-file-viewer {
+  position: relative;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  min-height: 480px;
+  color: var(--u-text-color-main);
+  background: var(--u-bg-color-top);
+  border-radius: 12px;
+  overflow: hidden;
+  border: 1px solid var(--u-border-color);
+}
+.u-file-viewer__inner {
+  display: contents;
+}
+.u-file-viewer.is-modal {
+  position: fixed;
+  inset: 0;
+  z-index: 2000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: clamp(16px, 3vw, 48px);
+  min-height: 0;
+  max-height: none;
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  overflow: visible;
+  outline: none;
+}
+.u-file-viewer.is-modal .u-file-viewer__backdrop {
+  position: absolute;
+  inset: 0;
+  background: rgba(15, 23, 42, 0.52);
+  backdrop-filter: blur(6px);
+  -webkit-backdrop-filter: blur(6px);
+}
+.u-file-viewer.is-modal .u-file-viewer__inner {
+  position: relative;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  max-width: 1440px;
+  background: var(--u-bg-color-top);
+  border: 1px solid var(--u-border-color);
+  border-radius: 16px;
+  overflow: hidden;
+  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.32), 0 2px 8px rgba(15, 23, 42, 0.18);
+  z-index: 1;
+}
+.u-file-viewer__sidebar {
+  display: flex;
+  flex-direction: column;
+  border-right: 1px solid var(--u-border-color);
+  background: var(--u-bg-color-middle);
+  flex-shrink: 0;
+  min-width: 0;
+}
+.u-file-viewer__sidebar-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  padding: 18px 20px 10px;
+  color: var(--u-text-color-title);
+}
+.u-file-viewer__sidebar-title {
+  font-size: 13px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
+.u-file-viewer__sidebar-count {
+  font-size: 12px;
+  color: var(--u-text-color-second);
+}
+.u-file-viewer__list {
+  flex: 1;
+  min-height: 0;
+  padding: 4px 10px 16px;
+}
+.u-file-viewer__list-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 48px 0;
+  color: var(--u-text-color-second);
+}
+.u-file-viewer__item {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  padding: 10px 12px;
+  margin: 2px 0;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
+}
+.u-file-viewer__item:hover {
+  background: var(--u-bg-color-hover);
+}
+.u-file-viewer__item.is-active {
+  background: color-mix(in srgb, var(--u-color-primary) 14%, transparent);
+  color: var(--u-color-primary);
+}
+.u-file-viewer__item-meta {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  gap: 2px;
+  flex: 1;
+}
+.u-file-viewer__item-name {
+  font-size: 13px;
+  line-height: 1.4;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.u-file-viewer__item-size {
+  font-size: 11px;
+  color: var(--u-text-color-second);
+}
+.u-file-viewer__badge {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 42px;
+  height: 28px;
+  border-radius: 6px;
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  color: #fff;
+  background: var(--u-text-color-placeholder);
+}
+.u-file-viewer__badge__badge--image {
+  background: #0ea5e9;
+}
+.u-file-viewer__badge__badge--video {
+  background: #ef4444;
+}
+.u-file-viewer__badge__badge--pdf {
+  background: #dc2626;
+}
+.u-file-viewer__badge__badge--sheet {
+  background: #16a34a;
+}
+.u-file-viewer__badge__badge--docx {
+  background: #2563eb;
+}
+.u-file-viewer__badge__badge--text {
+  background: #64748b;
+}
+.u-file-viewer__stage {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+}
+.u-file-viewer__stage-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 14px 22px;
+  border-bottom: 1px solid var(--u-border-color);
+  background: var(--u-bg-color-top);
+  flex-shrink: 0;
+}
+.u-file-viewer__stage-title {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+}
+.u-file-viewer__stage-name {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--u-text-color-title);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.u-file-viewer__stage-sub {
+  font-size: 12px;
+  color: var(--u-text-color-second);
+  flex-shrink: 0;
+}
+.u-file-viewer__stage-actions {
+  display: flex;
+  gap: 8px;
+  flex-shrink: 0;
+}
+.u-file-viewer__action {
+  height: 30px;
+  padding: 0 14px;
+  border-radius: 6px;
+  border: 1px solid var(--u-border-color);
+  background: transparent;
+  color: inherit;
+  font-size: 12px;
+  cursor: pointer;
+  transition: background 0.18s, border-color 0.18s, color 0.18s;
+}
+.u-file-viewer__action:not(:disabled):hover {
+  border-color: var(--u-color-primary);
+  color: var(--u-color-primary);
+}
+.u-file-viewer__action:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+.u-file-viewer__action__action--primary {
+  background: var(--u-color-primary);
+  border-color: var(--u-color-primary);
+  color: #fff;
+}
+.u-file-viewer__action__action--primary:not(:disabled):hover {
+  color: #fff;
+  filter: brightness(1.05);
+}
+.u-file-viewer__action__action--icon {
+  width: 30px;
+  padding: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 4px;
+  color: var(--u-text-color-second);
+}
+.u-file-viewer__action__action--icon:not(:disabled):hover {
+  border-color: var(--u-color-danger);
+  color: var(--u-color-danger);
+}
+.u-file-viewer__body {
+  position: relative;
+  flex: 1;
+  min-height: 0;
+  background: var(--u-bg-color-bottom);
+  overflow: hidden;
+}
+.u-file-viewer__empty {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--u-text-color-second);
+}
+.u-file-viewer__image {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  user-select: none;
+}
+.u-file-viewer__image img {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+  transition: transform 0.3s ease;
+  border-radius: 6px;
+  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.12);
+}
+.u-file-viewer__image.is-actual img {
+  max-width: none;
+  max-height: none;
+  object-fit: none;
+  cursor: zoom-out;
+}
+.u-file-viewer__video {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #000;
+}
+.u-file-viewer__video video {
+  max-width: 100%;
+  max-height: 100%;
+  outline: none;
+}
+.u-file-viewer__text {
+  position: absolute;
+  inset: 0;
+}
+.u-file-viewer__text-pre {
+  margin: 0;
+  padding: 20px 24px;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 12.5px;
+  line-height: 1.55;
+  white-space: pre;
+  tab-size: 2;
+  color: var(--u-text-color-main);
+}
+.u-file-viewer__pdf {
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+}
+.u-file-viewer__pdf-viewport {
+  width: 100%;
+  height: 100%;
+  background: var(--u-bg-color-middle);
+}
+.u-file-viewer__pdf-page {
+  margin: 16px auto;
+  background: #fff;
+  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);
+}
+.u-file-viewer__docx {
+  position: absolute;
+  inset: 0;
+  background: var(--u-bg-color-middle);
+}
+.u-file-viewer__docx-body {
+  padding: 24px;
+}
+.u-file-viewer__docx-body :deep(.u-file-viewer__docx-doc) {
+  margin: 0 auto;
+  background: #fff;
+  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);
+  color: #222;
+}
+.u-file-viewer__sheet {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  background: var(--u-bg-color-middle);
+}
+.u-file-viewer__sheet-note {
+  padding: 8px 16px;
+  font-size: 12px;
+  color: var(--u-text-color-second);
+  background: var(--u-bg-color-top);
+  border-bottom: 1px solid var(--u-border-color);
+  flex-shrink: 0;
+}
+.u-file-viewer__sheet-tabs {
+  display: flex;
+  gap: 4px;
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--u-border-color);
+  background: var(--u-bg-color-top);
+  flex-shrink: 0;
+  overflow-x: auto;
+}
+.u-file-viewer__sheet-tab {
+  flex-shrink: 0;
+  height: 28px;
+  padding: 0 12px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  background: transparent;
+  color: var(--u-text-color-second);
+  font-size: 12px;
+  cursor: pointer;
+  transition: background 0.18s, color 0.18s;
+}
+.u-file-viewer__sheet-tab:hover {
+  background: var(--u-bg-color-hover);
+  color: var(--u-text-color-main);
+}
+.u-file-viewer__sheet-tab.is-active {
+  background: color-mix(in srgb, var(--u-color-primary) 14%, transparent);
+  color: var(--u-color-primary);
+}
+.u-file-viewer__sheet-stage {
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+}
+.u-file-viewer__loading {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--u-text-color-second);
+  font-size: 13px;
+  pointer-events: none;
+}
+
+.u-file-viewer-fade-enter-active,
+.u-file-viewer-fade-leave-active {
+  transition: opacity 0.22s ease, transform 0.22s ease;
+}
+
+.u-file-viewer-fade-enter-from,
+.u-file-viewer-fade-leave-to {
+  opacity: 0;
+  transform: translateY(6px);
+}
+
+.u-file-viewer-modal-enter-active,
+.u-file-viewer-modal-leave-active {
+  transition: opacity 0.22s ease;
+}
+.u-file-viewer-modal-enter-active .u-file-viewer__inner,
+.u-file-viewer-modal-leave-active .u-file-viewer__inner {
+  transition: opacity 0.24s ease, transform 0.24s cubic-bezier(0.2, 0.8, 0.2, 1);
+}
+.u-file-viewer-modal-enter-active .u-file-viewer__backdrop,
+.u-file-viewer-modal-leave-active .u-file-viewer__backdrop {
+  transition: opacity 0.22s ease;
+}
+
+.u-file-viewer-modal-enter-from,
+.u-file-viewer-modal-leave-to {
+  opacity: 1;
+}
+.u-file-viewer-modal-enter-from .u-file-viewer__inner,
+.u-file-viewer-modal-leave-to .u-file-viewer__inner {
+  opacity: 0;
+  transform: translateY(12px) scale(0.985);
+}
+.u-file-viewer-modal-enter-from .u-file-viewer__backdrop,
+.u-file-viewer-modal-leave-to .u-file-viewer__backdrop {
+  opacity: 0;
+}

package/dist/components/float-button/style.js

@@ -1 +1,2 @@
+import "../button/style.js";
 import "./style2.css";

package/dist/components/form/style.js

@@ -1 +1,3 @@
+import "../form-item/style.js";
+import "../grid/style.js";
 import "./style2.css";

package/dist/components/form-item/style.js

@@ -1 +1,2 @@
+import "../tip/style.js";
 import "./style2.css";

package/dist/components/form-item/style2.css

@@ -98,9 +98,8 @@
 }
 .u-form-item__error {
   width: 100%;
-  --height: var(--u-font-size-main-default);
-  height: calc(var(--height) + 4px);
-  line-height: calc(var(--height) + 2px);
+  height: calc(var(--u-font-size-main-default) + 4px);
+  line-height: calc(var(--u-font-size-main-default) + 2px);
   overflow: hidden;
   color: var(--u-text-color-main);
   font-size: var(--u-font-size-assist-default);

package/dist/components/grid-input/grid-input.vue.d.ts

@@ -11,8 +11,8 @@ declare const __VLS_export: _$vue.DefineComponent<GridInputProps, _$_veltra_util
   onInput?: ((value: string) => any) | undefined;
 }>, {
   length: number;
-  separator: string;
   zero: false;
+  separator: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion