@veltra/desktop 1.1.31 → 1.1.32

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

@@ -27,8 +27,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, _Fi
     error: unknown;
   }) => any) | undefined;
 }>, {
-  modelValue: string;
   open: boolean;
+  modelValue: string;
   sidebarWidth: string | number | false;
   sheetMaxRows: number;
   downloadable: boolean;

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

@@ -1,5 +1,7 @@
+import { parseSheetFile } from "../sheet-parser.js";
 import { Fragment, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, renderList, shallowRef, toDisplayString, unref, useTemplateRef, watch } from "vue";
 import { bem } from "@veltra/utils";
+import { ListTable } from "@visactor/vtable";
 //#region src/components/file-viewer/previewers/sheet-previewer.vue
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -22,48 +24,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const sheets = shallowRef([]);
 		const activeSheetIndex = ref(0);
 		let controller;
-		let instance;
+		let table;
 		let resizeObserver;
+		function releaseTable() {
+			table?.release();
+			table = void 0;
+		}
+		function renderActive() {
+			const sheet = sheets.value[activeSheetIndex.value];
+			const el = container.value;
+			if (!sheet || !el) return;
+			releaseTable();
+			const limit = props.maxRows > 0 ? Math.min(props.maxRows, sheet.rows.length) : sheet.rows.length;
+			totalRows.value = sheet.rows.length;
+			renderedRows.value = limit;
+			truncated.value = props.maxRows > 0 && sheet.rows.length > props.maxRows;
+			table = new ListTable(el, {
+				records: sheet.rows.slice(0, limit),
+				columns: sheet.headers.map((title, i) => ({
+					field: String(i),
+					title,
+					width: "auto"
+				})),
+				widthMode: "standard"
+			});
+		}
 		async function load() {
 			controller?.abort();
 			controller = new AbortController();
-			const signal = controller.signal;
 			loading.value = true;
 			sheets.value = [];
 			activeSheetIndex.value = 0;
 			try {
-				const ext = props.file.name.slice(props.file.name.lastIndexOf(".") + 1).toLowerCase();
-				const { toArrayBuffer, parseCsv } = await import("../helper.js");
-				const buf = await toArrayBuffer(props.file.src, signal);
-				if (signal.aborted) return;
-				if (ext === "csv") {
-					const parsed = parseCsv(new TextDecoder("utf-8", { fatal: false }).decode(buf)).filter((row) => row.some((c) => c.length > 0));
-					const headers = parsed[0] ?? [];
-					const rows = parsed.slice(1);
-					sheets.value = [{
-						name: props.file.name,
-						headers: headers.map((h, i) => String(h) || `Column ${i + 1}`),
-						rows,
-						totalCount: rows.length
-					}];
-				} else {
-					const { readWorkbook } = await import("@cat-kit/excel");
-					const workbook = await readWorkbook(new Uint8Array(buf));
-					if (signal.aborted) return;
-					sheets.value = workbook.worksheets.map((ws) => {
-						const wsRows = ws.getRows();
-						const firstRow = wsRows[0];
-						const headers = firstRow ? firstRow.toValues().map((v) => cellToString(v)) : [];
-						const rows = wsRows.slice(1).map((r) => r.toValues().map(cellToString));
-						return {
-							name: ws.name,
-							headers: headers.map((h, i) => h || `Column ${i + 1}`),
-							rows,
-							totalCount: rows.length
-						};
-					});
-				}
-				await renderActive();
+				sheets.value = await parseSheetFile(props.file, controller.signal);
+				if (controller.signal.aborted) return;
+				renderActive();
 			} catch (err) {
 				if (err?.name === "AbortError") return;
 				emit("error", err);
@@ -71,73 +66,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				loading.value = false;
 			}
 		}
-		function cellToString(v) {
-			if (v === null || v === void 0) return "";
-			if (typeof v === "string") return v;
-			if (typeof v === "number" || typeof v === "boolean") return String(v);
-			if (v instanceof Date) return v.toLocaleString();
-			if (typeof v === "object" && v !== null && "formula" in v) {
-				const f = v;
-				if (f.result !== void 0 && f.result !== null) return cellToString(f.result);
-				return `=${f.formula}`;
-			}
-			return String(v);
-		}
-		async function renderActive() {
-			const sheet = sheets.value[activeSheetIndex.value];
-			if (!sheet || !container.value) return;
-			releaseInstance();
-			const limit = props.maxRows > 0 ? Math.min(props.maxRows, sheet.rows.length) : sheet.rows.length;
-			totalRows.value = sheet.totalCount;
-			renderedRows.value = limit;
-			truncated.value = props.maxRows > 0 && sheet.rows.length > props.maxRows;
-			const columns = sheet.headers.map((h, i) => ({
-				field: "c" + i,
-				title: h,
-				width: "auto"
-			}));
-			const records = [];
-			for (let i = 0; i < limit; i++) {
-				const row = sheet.rows[i];
-				if (!row) continue;
-				const record = {};
-				for (let j = 0; j < columns.length; j++) record["c" + j] = row[j] ?? "";
-				records.push(record);
-			}
-			const VTable = await import("@visactor/vtable");
-			if (!container.value) return;
-			instance = new VTable.ListTable(container.value, {
-				records,
-				columns,
-				widthMode: "standard",
-				heightMode: "standard",
-				defaultRowHeight: 32,
-				defaultHeaderRowHeight: 36,
-				autoFillWidth: true,
-				frozenColCount: 0,
-				theme: (VTable.themes.ARCO ?? VTable.themes.DEFAULT).extends({ defaultStyle: { borderLineWidth: 1 } })
-			});
-		}
-		function releaseInstance() {
-			if (instance && typeof instance.release === "function") try {
-				instance.release();
-			} catch {}
-			instance = void 0;
-		}
-		watch(() => props.file, () => load(), { immediate: true });
-		watch(activeSheetIndex, () => renderActive());
+		watch(() => props.file, load, { immediate: true });
+		watch(activeSheetIndex, renderActive);
 		watch(container, (el) => {
 			resizeObserver?.disconnect();
 			if (!el) return;
-			resizeObserver = new ResizeObserver(() => {
-				instance?.resize?.();
-			});
+			resizeObserver = new ResizeObserver(() => table?.resize?.());
 			resizeObserver.observe(el);
 		});
 		onBeforeUnmount(() => {
 			controller?.abort();
 			resizeObserver?.disconnect();
-			releaseInstance();
+			releaseTable();
 			sheets.value = [];
 		});
 		return (_ctx, _cache) => {

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

@@ -1 +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(defineProps<{ file: FileViewerItem; maxRows?: number }>(), {\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: { borderLineWidth: 1 }\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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"}
+{"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 { ListTable } from '@visactor/vtable'\nimport { onBeforeUnmount, ref, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\nimport { parseSheetFile, type SheetPreview } from '../sheet-parser'\n\ndefineOptions({ name: 'FileViewerSheetPreviewer' })\n\nconst props = withDefaults(defineProps<{ file: FileViewerItem; maxRows?: number }>(), {\n  maxRows: 50_000\n})\n\nconst emit = defineEmits<{ (e: 'error', err: unknown): void }>()\n\nconst cls = bem('file-viewer')\nconst container = useTemplateRef<HTMLDivElement>('container')\nconst loading = ref(true)\nconst truncated = ref(false)\nconst totalRows = ref(0)\nconst renderedRows = ref(0)\nconst sheets = shallowRef<SheetPreview[]>([])\nconst activeSheetIndex = ref(0)\n\nlet controller: AbortController | undefined\nlet table: ListTable | undefined\nlet resizeObserver: ResizeObserver | undefined\n\nfunction releaseTable() {\n  table?.release()\n  table = undefined\n}\n\nfunction renderActive() {\n  const sheet = sheets.value[activeSheetIndex.value]\n  const el = container.value\n  if (!sheet || !el) return\n\n  releaseTable()\n\n  const limit = props.maxRows > 0 ? Math.min(props.maxRows, sheet.rows.length) : sheet.rows.length\n  totalRows.value = sheet.rows.length\n  renderedRows.value = limit\n  truncated.value = props.maxRows > 0 && sheet.rows.length > props.maxRows\n\n  table = new ListTable(el, {\n    records: sheet.rows.slice(0, limit),\n    columns: sheet.headers.map((title, i) => ({ field: String(i), title, width: 'auto' })),\n    widthMode: 'standard'\n  })\n}\n\nasync function load() {\n  controller?.abort()\n  controller = new AbortController()\n  loading.value = true\n  sheets.value = []\n  activeSheetIndex.value = 0\n\n  try {\n    sheets.value = await parseSheetFile(props.file, controller.signal)\n    if (controller.signal.aborted) return\n    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\nwatch(() => props.file, load, { immediate: true })\nwatch(activeSheetIndex, renderActive)\nwatch(container, (el) => {\n  resizeObserver?.disconnect()\n  if (!el) return\n  resizeObserver = new ResizeObserver(() => table?.resize?.())\n  resizeObserver.observe(el)\n})\n\nonBeforeUnmount(() => {\n  controller?.abort()\n  resizeObserver?.disconnect()\n  releaseTable()\n  sheets.value = []\n})\n</script>\n"],"mappings":"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"}

package/dist/components/file-viewer/sheet-parser.js

@@ -0,0 +1,46 @@
+import { getExtension, parseCsv, toArrayBuffer } from "./helper.js";
+import { readWorkbook } from "@cat-kit/excel";
+//#region src/components/file-viewer/sheet-parser.ts
+function cellToString(v) {
+	if (v == null) return "";
+	if (typeof v === "string") return v;
+	if (typeof v === "number" || typeof v === "boolean") return String(v);
+	if (v instanceof Date) return v.toLocaleString();
+	if (typeof v === "object" && "formula" in v) {
+		const f = v;
+		return f.result != null ? cellToString(f.result) : `=${f.formula}`;
+	}
+	return JSON.stringify(v);
+}
+/** 解析 CSV / Excel 为表格预览数据 */
+async function parseSheetFile(file, signal) {
+	const ext = getExtension(file.name);
+	const buf = await toArrayBuffer(file.src, signal);
+	if (signal?.aborted) return [];
+	if (ext === "csv") {
+		const parsed = parseCsv(new TextDecoder("utf-8", { fatal: false }).decode(buf)).filter((row) => row.some((c) => c.length > 0));
+		const headers = (parsed[0] ?? []).map((h, i) => String(h) || `Column ${i + 1}`);
+		return [{
+			name: file.name,
+			headers,
+			rows: parsed.slice(1)
+		}];
+	}
+	const workbook = await readWorkbook(new Uint8Array(buf));
+	if (signal?.aborted) return [];
+	return workbook.worksheets.map((ws) => {
+		const wsRows = ws.getRows();
+		const firstRow = wsRows[0];
+		const headers = (firstRow ? firstRow.toValues().map(cellToString) : []).map((h, i) => h || `Column ${i + 1}`);
+		const rows = wsRows.slice(1).map((r) => r.toValues().map(cellToString));
+		return {
+			name: ws.name,
+			headers,
+			rows
+		};
+	});
+}
+//#endregion
+export { parseSheetFile };
+
+//# sourceMappingURL=sheet-parser.js.map

package/dist/components/file-viewer/sheet-parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-parser.js","names":[],"sources":["../../../src/components/file-viewer/sheet-parser.ts"],"sourcesContent":["import { readWorkbook } from '@cat-kit/excel'\n\nimport type { FileViewerItem } from '../../types/file-viewer'\nimport { getExtension, parseCsv, toArrayBuffer } from './helper'\n\nexport interface SheetPreview {\n  name: string\n  headers: string[]\n  rows: string[][]\n}\n\nfunction cellToString(v: unknown): string {\n  if (v == null) 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' && 'formula' in v) {\n    const f = v as { formula: string; result?: unknown }\n    return f.result != null ? cellToString(f.result) : `=${f.formula}`\n  }\n  return JSON.stringify(v)\n}\n\n/** 解析 CSV / Excel 为表格预览数据 */\nexport async function parseSheetFile(\n  file: FileViewerItem,\n  signal?: AbortSignal\n): Promise<SheetPreview[]> {\n  const ext = getExtension(file.name)\n  const buf = await toArrayBuffer(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] ?? []).map((h, i) => String(h) || `Column ${i + 1}`)\n    return [{ name: file.name, headers, rows: parsed.slice(1) }]\n  }\n\n  const workbook = await readWorkbook(new Uint8Array(buf))\n  if (signal?.aborted) return []\n\n  return workbook.worksheets.map((ws) => {\n    const wsRows = ws.getRows()\n    const firstRow = wsRows[0]\n    const headers = (firstRow ? firstRow.toValues().map(cellToString) : []).map(\n      (h, i) => h || `Column ${i + 1}`\n    )\n    const rows = wsRows.slice(1).map((r) => r.toValues().map(cellToString))\n    return { name: ws.name, headers, rows }\n  })\n}\n"],"mappings":";;;AAWA,SAAS,aAAa,GAAoB;CACxC,IAAI,KAAK,MAAM,OAAO;CACtB,IAAI,OAAO,MAAM,UAAU,OAAO;CAClC,IAAI,OAAO,MAAM,YAAY,OAAO,MAAM,WAAW,OAAO,OAAO,CAAC;CACpE,IAAI,aAAa,MAAM,OAAO,EAAE,eAAe;CAC/C,IAAI,OAAO,MAAM,YAAY,aAAa,GAAG;EAC3C,MAAM,IAAI;EACV,OAAO,EAAE,UAAU,OAAO,aAAa,EAAE,MAAM,IAAI,IAAI,EAAE;CAC3D;CACA,OAAO,KAAK,UAAU,CAAC;AACzB;;AAGA,eAAsB,eACpB,MACA,QACyB;CACzB,MAAM,MAAM,aAAa,KAAK,IAAI;CAClC,MAAM,MAAM,MAAM,cAAc,KAAK,KAAK,MAAM;CAChD,IAAI,QAAQ,SAAS,OAAO,CAAC;CAE7B,IAAI,QAAQ,OAAO;EAEjB,MAAM,SAAS,SADF,IAAI,YAAY,SAAS,EAAE,OAAO,MAAM,CAAC,EAAE,OAAO,GACpC,CAAC,EAAE,QAAQ,QAAQ,IAAI,MAAM,MAAM,EAAE,SAAS,CAAC,CAAC;EAC3E,MAAM,WAAW,OAAO,MAAM,CAAC,GAAG,KAAK,GAAG,MAAM,OAAO,CAAC,KAAK,UAAU,IAAI,GAAG;EAC9E,OAAO,CAAC;GAAE,MAAM,KAAK;GAAM;GAAS,MAAM,OAAO,MAAM,CAAC;EAAE,CAAC;CAC7D;CAEA,MAAM,WAAW,MAAM,aAAa,IAAI,WAAW,GAAG,CAAC;CACvD,IAAI,QAAQ,SAAS,OAAO,CAAC;CAE7B,OAAO,SAAS,WAAW,KAAK,OAAO;EACrC,MAAM,SAAS,GAAG,QAAQ;EAC1B,MAAM,WAAW,OAAO;EACxB,MAAM,WAAW,WAAW,SAAS,SAAS,EAAE,IAAI,YAAY,IAAI,CAAC,GAAG,KACrE,GAAG,MAAM,KAAK,UAAU,IAAI,GAC/B;EACA,MAAM,OAAO,OAAO,MAAM,CAAC,EAAE,KAAK,MAAM,EAAE,SAAS,EAAE,IAAI,YAAY,CAAC;EACtE,OAAO;GAAE,MAAM,GAAG;GAAM;GAAS;EAAK;CACxC,CAAC;AACH"}

package/dist/components/index.d.ts

@@ -48,8 +48,8 @@ import { _default as _default$39 } from "./collapse/collapse-item.vue.js";
 import { _default as _default$40 } from "./date-panel/date-panel.vue.js";
 import { _default as _default$41 } from "./table-editor/table-editor.vue.js";
 import { _default as _default$42 } from "./check-tag/check-tag.vue.js";
-import { _default as _default$43 } from "./context-menu/context-menu.vue.js";
-import { contextmenu } from "./context-menu/api.js";
+import { _default as _default$43 } from "./contextmenu/contextmenu.vue.js";
+import { contextmenu } from "./contextmenu/api.js";
 import { _default as _default$44 } from "./password-input/password-input.vue.js";
 import { _default as _default$45 } from "./number/number.vue.js";
 import { _default as _default$46 } from "./dialog/dialog.vue.js";

package/dist/components/index.js

@@ -61,8 +61,8 @@ import { defineTableColumns } from "./table/use-columns.js";
 import _sfc_main$46 from "./table/table.js";
 import _sfc_main$47 from "./table-editor/table-editor.js";
 import _sfc_main$48 from "./check-tag/check-tag.js";
-import _sfc_main$49 from "./context-menu/context-menu.js";
-import { contextmenu } from "./context-menu/api.js";
+import _sfc_main$49 from "./contextmenu/contextmenu.js";
+import { contextmenu } from "./contextmenu/api.js";
 import _sfc_main$50 from "./password-input/password-input.js";
 import _sfc_main$51 from "./number/number.js";
 import _sfc_main$52 from "./dialog/dialog.js";
@@ -127,7 +127,7 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	UCollapse: () => _sfc_main$44,
 	UCollapseItem: () => _sfc_main$45,
 	UConditionEditor: () => _sfc_main$6,
-	UContextMenu: () => _sfc_main$49,
+	UContextmenu: () => _sfc_main$49,
 	UDatePanel: () => _sfc_main$27,
 	UDatePicker: () => _sfc_main$62,
 	UDateRangePicker: () => _sfc_main$28,

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './condition-editor'\n\nexport * from './tabs'\n\nexport * from './tree'\n\nexport * from './tree-select'\n\nexport * from './code-editor'\n\nexport * from './dropdown'\n\nexport * from './drawer'\n\nexport * from './form'\n\nexport * from './message-confirm'\n\nexport * from './calendar'\n\nexport * from './radio'\n\nexport * from './card'\n\nexport * from './date-range-picker'\n\nexport * from './loading'\n\nexport * from './scroll'\n\nexport * from './progress-nodes'\n\nexport * from './empty'\n\nexport * from './auto-complete'\n\nexport * from './progress'\n\nexport * from './input'\n\nexport * from './notification'\n\nexport * from './layout'\n\nexport * from './multi-select'\n\nexport * from './checkbox'\n\nexport * from './slider'\n\nexport * from './gantt-chart'\n\nexport * from './message'\n\nexport * from './file-picker'\n\nexport * from './number-range-input'\n\nexport * from './number-input'\n\nexport * from './collapse'\n\nexport * from './date-panel'\n\nexport * from './table-editor'\n\nexport * from './check-tag'\n\nexport * from './context-menu'\n\nexport * from './password-input'\n\nexport * from './number'\n\nexport * from './dialog'\n\nexport * from './node-render'\n\nexport * from './expression-editor'\n\nexport * from './watermark'\n\nexport * from './batch-edit'\n\nexport * from './action'\n\nexport * from './tip'\n\nexport * from './textarea'\n\nexport * from './button'\n\nexport * from './cascade'\n\nexport * from './steps'\n\nexport * from './date-picker'\n\nexport * from './theme'\n\nexport * from './table'\n\nexport * from './multi-tree-select'\n\nexport * from './group-input'\n\nexport * from './list'\n\nexport * from './rich-text-editor'\n\nexport * from './menu'\n\nexport * from './grid-input'\n\nexport * from './switch'\n\nexport * from './form-item'\n\nexport * from './radio-group'\n\nexport * from './checkbox-group'\n\nexport * from './file-viewer'\n\nexport * from './text'\n\nexport * from './select'\n\nexport * from './breadcrumb'\n\nexport * from './icon'\n\nexport * from './kbd'\n\nexport * from './pop-confirm'\n\nexport * from './paginator'\n\nexport * from './tag'\n\nexport * from './float-button'\n\nexport * from './palette'\n\nexport * from './grid'\n\nexport * from './badge'\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './condition-editor'\n\nexport * from './tabs'\n\nexport * from './tree'\n\nexport * from './tree-select'\n\nexport * from './code-editor'\n\nexport * from './dropdown'\n\nexport * from './drawer'\n\nexport * from './form'\n\nexport * from './message-confirm'\n\nexport * from './calendar'\n\nexport * from './radio'\n\nexport * from './card'\n\nexport * from './date-range-picker'\n\nexport * from './loading'\n\nexport * from './scroll'\n\nexport * from './progress-nodes'\n\nexport * from './empty'\n\nexport * from './auto-complete'\n\nexport * from './progress'\n\nexport * from './input'\n\nexport * from './notification'\n\nexport * from './layout'\n\nexport * from './multi-select'\n\nexport * from './checkbox'\n\nexport * from './slider'\n\nexport * from './gantt-chart'\n\nexport * from './message'\n\nexport * from './file-picker'\n\nexport * from './number-range-input'\n\nexport * from './number-input'\n\nexport * from './collapse'\n\nexport * from './date-panel'\n\nexport * from './table-editor'\n\nexport * from './check-tag'\n\nexport * from './contextmenu'\n\nexport * from './password-input'\n\nexport * from './number'\n\nexport * from './dialog'\n\nexport * from './node-render'\n\nexport * from './expression-editor'\n\nexport * from './watermark'\n\nexport * from './batch-edit'\n\nexport * from './action'\n\nexport * from './tip'\n\nexport * from './textarea'\n\nexport * from './button'\n\nexport * from './cascade'\n\nexport * from './steps'\n\nexport * from './date-picker'\n\nexport * from './theme'\n\nexport * from './table'\n\nexport * from './multi-tree-select'\n\nexport * from './group-input'\n\nexport * from './list'\n\nexport * from './rich-text-editor'\n\nexport * from './menu'\n\nexport * from './grid-input'\n\nexport * from './switch'\n\nexport * from './form-item'\n\nexport * from './radio-group'\n\nexport * from './checkbox-group'\n\nexport * from './file-viewer'\n\nexport * from './text'\n\nexport * from './select'\n\nexport * from './breadcrumb'\n\nexport * from './icon'\n\nexport * from './kbd'\n\nexport * from './pop-confirm'\n\nexport * from './paginator'\n\nexport * from './tag'\n\nexport * from './float-button'\n\nexport * from './palette'\n\nexport * from './grid'\n\nexport * from './badge'\n"],"mappings":""}

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

@@ -32,9 +32,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, _Inpu
   onBlur?: ((value?: string | undefined) => any) | undefined;
   "onNative:input"?: ((ev: Event) => any) | undefined;
 }>, {
+  disabled: boolean;
   placeholder: string;
   clearable: boolean;
-  disabled: boolean;
   readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/multi-select/multi-select.vue.d.ts

@@ -26,12 +26,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
   onChange?: ((options: Record<string, any>[]) => any) | undefined;
 }>, {
+  minWidth: string;
+  disabled: boolean;
   labelKey: string;
   valueKey: string;
   placeholder: string;
   clearable: boolean;
-  minWidth: string;
-  disabled: boolean;
   readonly: boolean;
   visibilityLimit: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/multi-tree-select/multi-tree-select.vue.d.ts

@@ -21,14 +21,14 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   onClear?: (() => any) | undefined;
   onChange?: ((checked: Record<string, any>[]) => any) | undefined;
 }>, {
+  minWidth: string;
+  disabled: boolean;
   expandAll: boolean;
   labelKey: string;
   valueKey: string;
   placeholder: string;
   clearable: boolean;
   filterable: boolean;
-  minWidth: string;
-  disabled: boolean;
   readonly: boolean;
   visibilityLimit: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -20,9 +20,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   onClear?: (() => any) | undefined;
   onChange?: ((value?: number | undefined) => any) | undefined;
 }>, {
+  disabled: boolean;
   placeholder: string;
   clearable: boolean;
-  disabled: boolean;
   readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/number-range-input/number-range-input.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
   "onUpdate:start"?: ((value: number | undefined) => any) | undefined;
   "onUpdate:end"?: ((value: number | undefined) => any) | undefined;
 }>, {
-  clearable: boolean;
   disabled: boolean;
+  clearable: boolean;
   readonly: boolean;
   startPlaceholder: string;
   endPlaceholder: string;

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

@@ -13,8 +13,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {
-  clearable: boolean;
   disabled: boolean;
+  clearable: boolean;
   readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/progress-nodes/progress-nodes.vue.d.ts

@@ -13,11 +13,11 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_3) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ProgressNodesProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-  "update:modelValue": (value: string | number) => any;
   click: (node: Record<string, any>, index: number) => any;
+  "update:modelValue": (value: string | number) => any;
 }, string, import("vue").PublicProps, Readonly<ProgressNodesProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
   onClick?: ((node: Record<string, any>, index: number) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
   labelKey: string;
   valueKey: string;

package/dist/components/radio-group/radio-group.vue.d.ts

@@ -14,9 +14,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
   "onUpdate:modelValue"?: ((value: any) => any) | undefined;
   onChange?: ((item: Record<string, any>) => any) | undefined;
 }>, {
+  disabled: boolean;
   labelKey: string;
   valueKey: string;
-  disabled: boolean;
   readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/rich-text-editor/rich-text-editor.vue.d.ts

@@ -10,8 +10,8 @@ declare const __VLS_export: import("vue").DefineComponent<RichTextEditorProps &
 }> & Readonly<{
   "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {
-  placeholder: string;
   disabled: boolean;
+  placeholder: string;
   readonly: boolean;
   format: RichTextFormat;
   toolbar: ToolbarItem[];

package/dist/components/select/select.vue.d.ts

@@ -24,11 +24,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   "onUpdate:text"?: ((value: any) => any) | undefined;
   "onUpdate:label"?: ((label?: string | undefined) => any) | undefined;
 }>, {
+  disabled: boolean;
   labelKey: string;
   valueKey: string;
   placeholder: string;
   clearable: boolean;
-  disabled: boolean;
   readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/steps/steps.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_base: import("vue").DefineComponent<StepsProps, {}, {}, {},
   "onUpdate:current"?: ((value?: string | number | undefined) => any) | undefined;
   "onItem-click"?: ((item: Record<string, any>, index: number) => any) | undefined;
 }>, {
-  labelKey: string;
   direction: "horizontal" | "vertical";
+  labelKey: string;
   finishedStepType: import("@veltra/utils").ColorType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/tabs/tabs-horizontal.vue.d.ts

@@ -14,13 +14,13 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (value: string | undefined) => any;
 } & {
-  "update:modelValue": (value: string) => any;
   close: (item: TabItem, index: number) => any;
   click: (item: TabItem, index: number) => any;
+  "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onClose?: ((item: TabItem, index: number) => any) | undefined;
   onClick?: ((item: TabItem, index: number) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
   closable: boolean;
   position: "top" | "bottom";

package/dist/components/tabs/tabs-vertical.vue.d.ts

@@ -14,13 +14,13 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (value: string | undefined) => any;
 } & {
-  "update:modelValue": (value: string) => any;
   close: (item: TabItem, index: number) => any;
   click: (item: TabItem, index: number) => any;
+  "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onClose?: ((item: TabItem, index: number) => any) | undefined;
   onClick?: ((item: TabItem, index: number) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
   closable: boolean;
   position: "left" | "right";

package/dist/components/tabs/tabs.vue.d.ts

@@ -9,13 +9,13 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (value: string | undefined) => any;
 } & {
-  "update:modelValue": (value: string) => any;
   close: (item: TabItem, index: number) => any;
   click: (item: TabItem, index: number) => any;
+  "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onClose?: ((item: TabItem, index: number) => any) | undefined;
   onClick?: ((item: TabItem, index: number) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
   closable: boolean;
   position: "left" | "right" | "top" | "bottom";

package/dist/components/textarea/textarea.vue.d.ts

@@ -20,9 +20,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
   onFocus?: (() => any) | undefined;
   onBlur?: (() => any) | undefined;
 }>, {
+  disabled: boolean;
   placeholder: string;
   clearable: boolean;
-  disabled: boolean;
   readonly: boolean;
   resize: boolean;
   autosize: boolean;

package/dist/components/tree-select/tree-select.vue.d.ts

@@ -23,14 +23,14 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   onChange?: ((value?: string | number | undefined, selectedData?: Record<string, any> | undefined) => any) | undefined;
   "onUpdate:text"?: ((text?: string | undefined) => any) | undefined;
 }>, {
+  minWidth: string;
+  disabled: boolean;
   expandAll: boolean;
   labelKey: string;
   valueKey: string;
   placeholder: string;
   clearable: boolean;
   filterable: boolean;
-  minWidth: string;
-  disabled: boolean;
   readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;