@veltra/desktop 1.1.7 → 1.1.9

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

@@ -10,9 +10,9 @@ type __VLS_Slots = {
 declare const __VLS_base: _$vue.DefineComponent<ActionGroupProps, _ActionGroupExposed, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ActionGroupProps> & Readonly<{}>, {
   type: _$_veltra_utils0.ColorType;
   size: "small" | "default" | "large";
+  text: boolean;
   circle: boolean;
   max: number;
-  text: boolean;
   loading: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -17,8 +17,8 @@ declare const __VLS_base: _$vue.DefineComponent<ActionProps, {}, {}, {}, {}, _$v
 }>, {
   type: ButtonType;
   size: _$_veltra_utils0.ComponentSize;
-  circle: boolean;
   text: boolean;
+  circle: boolean;
   loading: boolean;
   inDropdown: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -4,23 +4,23 @@ import * as _$vue from "vue";
 //#region src/components/cascade/cascade.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<CascadeProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
   "update:modelValue": (value?: string | string[] | undefined) => any;
-  change: (...args: [value?: string | undefined, label?: string | undefined, item?: Record<string, any> | undefined] | [value: string[], label: string[], data: Record<string, any>[]]) => any;
   clear: () => any;
+  change: (...args: [value?: string | undefined, label?: string | undefined, item?: Record<string, any> | undefined] | [value: string[], label: string[], data: Record<string, any>[]]) => any;
 }, string, _$vue.PublicProps, Readonly<CascadeProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: string | string[] | undefined) => any) | undefined;
-  onChange?: ((...args: [value?: string | undefined, label?: string | undefined, item?: Record<string, any> | undefined] | [value: string[], label: string[], data: Record<string, any>[]]) => any) | undefined;
   onClear?: (() => any) | undefined;
+  onChange?: ((...args: [value?: string | undefined, label?: string | undefined, item?: Record<string, any> | undefined] | [value: string[], label: string[], data: Record<string, any>[]]) => any) | undefined;
 }>, {
   disabled: boolean;
+  data: Record<string, any>[];
+  readonly: boolean;
   labelKey: string;
   valueKey: string;
   childrenKey: string;
-  data: Record<string, any>[];
-  readonly: boolean;
   placeholder: string;
   clearable: boolean;
-  separator: string;
   filterable: boolean;
+  separator: string;
   visibilityLimit: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -15,9 +15,9 @@ declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {},
   "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
 }>, {
   disabled: boolean;
+  readonly: boolean;
   labelKey: string;
   valueKey: string;
-  readonly: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -1,3 +1,4 @@
+import { toBlobUrl } from "../helper.js";
 import { createCommentVNode, createElementBlock, defineComponent, mergeProps, normalizeClass, onBeforeUnmount, openBlock, ref, shallowRef, unref, useAttrs, watch } from "vue";
 import { bem } from "@veltra/utils";
 //#region src/components/file-viewer/previewers/image-previewer.vue
@@ -17,11 +18,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const loading = ref(true);
 		const failed = ref(false);
 		let revoke;
-		async function load() {
+		function load() {
 			loading.value = true;
 			failed.value = false;
 			revoke?.();
-			const { toBlobUrl } = await import("../helper.js");
 			const r = toBlobUrl(props.file.src, props.file.mime);
 			url.value = r.url;
 			revoke = r.revoke;

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

@@ -1 +1 @@
-{"version":3,"file":"image-previewer.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/image-previewer.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('image')\" v-bind=\"attrs\">\n    <img\n      v-if=\"url\"\n      :src=\"url\"\n      :alt=\"file.name\"\n      draggable=\"false\"\n      @load=\"loading = false\"\n      @error=\"onImgError\"\n    />\n    <div v-if=\"loading\" :class=\"cls.e('loading')\">加载中…</div>\n    <div v-if=\"failed\" :class=\"cls.e('loading')\">图片加载失败</div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { onBeforeUnmount, ref, shallowRef, useAttrs, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\n\ndefineOptions({ name: 'FileViewerImagePreviewer', inheritAttrs: false })\n\nconst props = defineProps<{ file: FileViewerItem }>()\n\nconst emit = defineEmits<{ (e: 'error', err: unknown): void }>()\n\nconst cls = bem('file-viewer')\nconst attrs = useAttrs()\n\nconst url = shallowRef<string>('')\nconst loading = ref(true)\nconst failed = ref(false)\n\nlet revoke: (() => void) | undefined\n\nasync function load() {\n  loading.value = true\n  failed.value = false\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 onImgError(e: Event) {\n  loading.value = false\n  failed.value = true\n  emit('error', e)\n}\n\nwatch(\n  () => props.file,\n  () => load(),\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  revoke?.()\n  url.value = ''\n})\n</script>\n"],"mappings":";;;;;;;;;;;EAuBA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAC7B,MAAM,QAAQ,UAAS;EAEvB,MAAM,MAAM,WAAmB,GAAE;EACjC,MAAM,UAAU,IAAI,KAAI;EACxB,MAAM,SAAS,IAAI,MAAK;EAExB,IAAI;EAEJ,eAAe,OAAO;AACpB,WAAQ,QAAQ;AAChB,UAAO,QAAQ;AACf,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,WAAW,GAAU;AAC5B,WAAQ,QAAQ;AAChB,UAAO,QAAQ;AACf,QAAK,SAAS,EAAC;;AAGjB,cACQ,MAAM,YACN,MAAM,EACZ,EAAE,WAAW,MAAK,CACpB;AAEA,wBAAsB;AACpB,aAAS;AACT,OAAI,QAAQ;IACb;;uBA5DC,mBAWM,OAXN,WAWM,EAXA,OAAO,MAAA,IAAG,CAAC,EAAC,QAAA,EAAA,EAAmB,MAAA,MAAK,CAAA,EAAA;IAEhC,IAAA,SAAA,WAAA,EADR,mBAOE,OAAA;;KALC,KAAK,IAAA;KACL,KAAK,QAAA,KAAK;KACX,WAAU;KACT,QAAI,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,QAAO;KACb,SAAO;;IAEC,QAAA,SAAA,WAAA,EAAX,mBAAwD,OAAA;;KAAnC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;OAAa,QAAI,EAAA,IAAA,mBAAA,QAAA,KAAA;IACvC,OAAA,SAAA,WAAA,EAAX,mBAAyD,OAAA;;KAArC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;OAAa,UAAM,EAAA,IAAA,mBAAA,QAAA,KAAA"}
+{"version":3,"file":"image-previewer.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/image-previewer.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('image')\" v-bind=\"attrs\">\n    <img\n      v-if=\"url\"\n      :src=\"url\"\n      :alt=\"file.name\"\n      draggable=\"false\"\n      @load=\"loading = false\"\n      @error=\"onImgError\"\n    />\n    <div v-if=\"loading\" :class=\"cls.e('loading')\">加载中…</div>\n    <div v-if=\"failed\" :class=\"cls.e('loading')\">图片加载失败</div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { onBeforeUnmount, ref, shallowRef, useAttrs, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\nimport { toBlobUrl } from '../helper'\n\ndefineOptions({ name: 'FileViewerImagePreviewer', inheritAttrs: false })\n\nconst props = defineProps<{ file: FileViewerItem }>()\n\nconst emit = defineEmits<{ (e: 'error', err: unknown): void }>()\n\nconst cls = bem('file-viewer')\nconst attrs = useAttrs()\n\nconst url = shallowRef<string>('')\nconst loading = ref(true)\nconst failed = ref(false)\n\nlet revoke: (() => void) | undefined\n\nfunction load() {\n  loading.value = true\n  failed.value = false\n  revoke?.()\n  const r = toBlobUrl(props.file.src, props.file.mime)\n  url.value = r.url\n  revoke = r.revoke\n}\n\nfunction onImgError(e: Event) {\n  loading.value = false\n  failed.value = true\n  emit('error', e)\n}\n\nwatch(\n  () => props.file,\n  () => load(),\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  revoke?.()\n  url.value = ''\n})\n</script>\n"],"mappings":";;;;;;;;;;;;EAwBA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAC7B,MAAM,QAAQ,UAAS;EAEvB,MAAM,MAAM,WAAmB,GAAE;EACjC,MAAM,UAAU,IAAI,KAAI;EACxB,MAAM,SAAS,IAAI,MAAK;EAExB,IAAI;EAEJ,SAAS,OAAO;AACd,WAAQ,QAAQ;AAChB,UAAO,QAAQ;AACf,aAAS;GACT,MAAM,IAAI,UAAU,MAAM,KAAK,KAAK,MAAM,KAAK,KAAI;AACnD,OAAI,QAAQ,EAAE;AACd,YAAS,EAAE;;EAGb,SAAS,WAAW,GAAU;AAC5B,WAAQ,QAAQ;AAChB,UAAO,QAAQ;AACf,QAAK,SAAS,EAAC;;AAGjB,cACQ,MAAM,YACN,MAAM,EACZ,EAAE,WAAW,MAAK,CACpB;AAEA,wBAAsB;AACpB,aAAS;AACT,OAAI,QAAQ;IACb;;uBA5DC,mBAWM,OAXN,WAWM,EAXA,OAAO,MAAA,IAAG,CAAC,EAAC,QAAA,EAAA,EAAmB,MAAA,MAAK,CAAA,EAAA;IAEhC,IAAA,SAAA,WAAA,EADR,mBAOE,OAAA;;KALC,KAAK,IAAA;KACL,KAAK,QAAA,KAAK;KACX,WAAU;KACT,QAAI,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,QAAO;KACb,SAAO;;IAEC,QAAA,SAAA,WAAA,EAAX,mBAAwD,OAAA;;KAAnC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;OAAa,QAAI,EAAA,IAAA,mBAAA,QAAA,KAAA;IACvC,OAAA,SAAA,WAAA,EAAX,mBAAyD,OAAA;;KAArC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;OAAa,UAAM,EAAA,IAAA,mBAAA,QAAA,KAAA"}

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

@@ -1,3 +1,4 @@
+import { toBlobUrl } from "../helper.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, shallowRef, unref, useAttrs, watch, withCtx } from "vue";
 import { bem } from "@veltra/utils";
 import { createPluginRegistration } from "@embedpdf/core";
@@ -22,9 +23,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const { engine, isLoading, error } = usePdfiumEngine();
 		const pdfUrl = shallowRef("");
 		let revoke;
-		async function load() {
+		function load() {
 			revoke?.();
-			const { toBlobUrl } = await import("../helper.js");
 			const r = toBlobUrl(props.file.src, props.file.mime ?? "application/pdf");
 			pdfUrl.value = r.url;
 			revoke = r.revoke;

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

@@ -1 +1 @@
-{"version":3,"file":"pdf-previewer.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/pdf-previewer.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('pdf')\" v-bind=\"attrs\">\n    <div v-if=\"!engine || isLoading\" :class=\"cls.e('loading')\">正在加载 PDF 引擎…</div>\n    <EmbedPDF v-else-if=\"pdfUrl\" :engine=\"engine\" :plugins=\"plugins\" v-slot=\"{ activeDocumentId }\">\n      <DocumentContent\n        v-if=\"activeDocumentId\"\n        :document-id=\"activeDocumentId\"\n        v-slot=\"{ isLoaded }\"\n      >\n        <Viewport v-if=\"isLoaded\" :document-id=\"activeDocumentId\" :class=\"cls.e('pdf-viewport')\">\n          <Scroller :document-id=\"activeDocumentId\">\n            <template #default=\"{ page }\">\n              <div\n                :class=\"cls.e('pdf-page')\"\n                :style=\"{ width: page.width + 'px', height: page.height + 'px' }\"\n              >\n                <RenderLayer :document-id=\"activeDocumentId\" :page-index=\"page.pageIndex\" />\n              </div>\n            </template>\n          </Scroller>\n        </Viewport>\n      </DocumentContent>\n    </EmbedPDF>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createPluginRegistration } from '@embedpdf/core'\nimport { EmbedPDF } from '@embedpdf/core/vue'\nimport { usePdfiumEngine } from '@embedpdf/engines/vue'\nimport {\n  DocumentContent,\n  DocumentManagerPluginPackage\n} from '@embedpdf/plugin-document-manager/vue'\nimport { RenderLayer, RenderPluginPackage } from '@embedpdf/plugin-render/vue'\nimport { ScrollPluginPackage, Scroller } from '@embedpdf/plugin-scroll/vue'\nimport { ViewportPluginPackage, Viewport } from '@embedpdf/plugin-viewport/vue'\nimport { bem } from '@veltra/utils'\nimport { computed, onBeforeUnmount, shallowRef, useAttrs, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\n\ndefineOptions({ name: 'FileViewerPdfPreviewer', inheritAttrs: false })\n\nconst props = defineProps<{ file: FileViewerItem }>()\n\nconst emit = defineEmits<{ (e: 'error', err: unknown): void }>()\n\nconst cls = bem('file-viewer')\nconst attrs = useAttrs()\n\nconst { engine, isLoading, error } = usePdfiumEngine()\n\nconst pdfUrl = shallowRef<string>('')\nlet revoke: (() => void) | undefined\n\nasync function load() {\n  revoke?.()\n  const { toBlobUrl } = await import('../helper')\n  const r = toBlobUrl(props.file.src, props.file.mime ?? 'application/pdf')\n  pdfUrl.value = r.url\n  revoke = r.revoke\n}\n\nconst plugins = computed(() => {\n  if (!pdfUrl.value) return []\n  return [\n    createPluginRegistration(DocumentManagerPluginPackage, {\n      initialDocuments: [{ url: pdfUrl.value }]\n    }),\n    createPluginRegistration(ViewportPluginPackage),\n    createPluginRegistration(ScrollPluginPackage),\n    createPluginRegistration(RenderPluginPackage)\n  ]\n})\n\nwatch(\n  () => props.file,\n  () => load(),\n  { immediate: true }\n)\n\nwatch(error, (err) => {\n  if (err) emit('error', err)\n})\n\nonBeforeUnmount(() => {\n  revoke?.()\n  pdfUrl.value = ''\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EA4CA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAC7B,MAAM,QAAQ,UAAS;EAEvB,MAAM,EAAE,QAAQ,WAAW,UAAU,iBAAgB;EAErD,MAAM,SAAS,WAAmB,GAAE;EACpC,IAAI;EAEJ,eAAe,OAAO;AACpB,aAAS;GACT,MAAM,EAAE,cAAc,MAAM,OAAO;GACnC,MAAM,IAAI,UAAU,MAAM,KAAK,KAAK,MAAM,KAAK,QAAQ,kBAAiB;AACxE,UAAO,QAAQ,EAAE;AACjB,YAAS,EAAE;;EAGb,MAAM,UAAU,eAAe;AAC7B,OAAI,CAAC,OAAO,MAAO,QAAO,EAAC;AAC3B,UAAO;IACL,yBAAyB,8BAA8B,EACrD,kBAAkB,CAAC,EAAE,KAAK,OAAO,OAAO,CAAA,EACzC,CAAC;IACF,yBAAyB,sBAAsB;IAC/C,yBAAyB,oBAAoB;IAC7C,yBAAyB,oBAAmB;IAC9C;IACD;AAED,cACQ,MAAM,YACN,MAAM,EACZ,EAAE,WAAW,MAAK,CACpB;AAEA,QAAM,QAAQ,QAAQ;AACpB,OAAI,IAAK,MAAK,SAAS,IAAG;IAC3B;AAED,wBAAsB;AACpB,aAAS;AACT,UAAO,QAAQ;IAChB;;uBAxFC,mBAsBM,OAtBN,WAsBM,EAtBA,OAAO,MAAA,IAAG,CAAC,EAAC,MAAA,EAAA,EAAiB,MAAA,MAAK,CAAA,EAAA,CAAA,CAC1B,MAAA,OAAM,IAAI,MAAA,UAAS,IAAA,WAAA,EAA/B,mBAA6E,OAAA;;IAA3C,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;MAAa,gBAAY,EAAA,IAClD,OAAA,SAAA,WAAA,EAArB,YAmBW,MAAA,SAAA,EAAA;;IAnBmB,QAAQ,MAAA,OAAM;IAAG,SAAS,QAAA;;sBAkBpC,EAlBuD,uBAAgB,CAEjF,oBAAA,WAAA,EADR,YAiBkB,MAAA,gBAAA,EAAA;;KAff,eAAa;;uBAcH,EAbD,eAAQ,CAEF,YAAA,WAAA,EAAhB,YAWW,MAAA,SAAA,EAAA;;MAXgB,eAAa;MAAmB,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,eAAA,CAAA;;6BAU1D,CATX,YASW,MAAA,SAAA,EAAA,EATA,eAAa,kBAAgB,EAAA;OAC3B,SAAO,SAMV,EANc,WAAI,CACxB,mBAKM,OAAA;QAJH,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,WAAA,CAAA;QACZ,OAAK,eAAA;SAAA,OAAW,KAAK,QAAK;SAAA,QAAiB,KAAK,SAAM;SAAA,CAAA;WAEvD,YAA4E,MAAA,YAAA,EAAA;QAA9D,eAAa;QAAmB,cAAY,KAAK"}
+{"version":3,"file":"pdf-previewer.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/pdf-previewer.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('pdf')\" v-bind=\"attrs\">\n    <div v-if=\"!engine || isLoading\" :class=\"cls.e('loading')\">正在加载 PDF 引擎…</div>\n    <EmbedPDF v-else-if=\"pdfUrl\" :engine=\"engine\" :plugins=\"plugins\" v-slot=\"{ activeDocumentId }\">\n      <DocumentContent\n        v-if=\"activeDocumentId\"\n        :document-id=\"activeDocumentId\"\n        v-slot=\"{ isLoaded }\"\n      >\n        <Viewport v-if=\"isLoaded\" :document-id=\"activeDocumentId\" :class=\"cls.e('pdf-viewport')\">\n          <Scroller :document-id=\"activeDocumentId\">\n            <template #default=\"{ page }\">\n              <div\n                :class=\"cls.e('pdf-page')\"\n                :style=\"{ width: page.width + 'px', height: page.height + 'px' }\"\n              >\n                <RenderLayer :document-id=\"activeDocumentId\" :page-index=\"page.pageIndex\" />\n              </div>\n            </template>\n          </Scroller>\n        </Viewport>\n      </DocumentContent>\n    </EmbedPDF>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createPluginRegistration } from '@embedpdf/core'\nimport { EmbedPDF } from '@embedpdf/core/vue'\nimport { usePdfiumEngine } from '@embedpdf/engines/vue'\nimport {\n  DocumentContent,\n  DocumentManagerPluginPackage\n} from '@embedpdf/plugin-document-manager/vue'\nimport { RenderLayer, RenderPluginPackage } from '@embedpdf/plugin-render/vue'\nimport { ScrollPluginPackage, Scroller } from '@embedpdf/plugin-scroll/vue'\nimport { ViewportPluginPackage, Viewport } from '@embedpdf/plugin-viewport/vue'\nimport { bem } from '@veltra/utils'\nimport { computed, onBeforeUnmount, shallowRef, useAttrs, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\nimport { toBlobUrl } from '../helper'\n\ndefineOptions({ name: 'FileViewerPdfPreviewer', inheritAttrs: false })\n\nconst props = defineProps<{ file: FileViewerItem }>()\n\nconst emit = defineEmits<{ (e: 'error', err: unknown): void }>()\n\nconst cls = bem('file-viewer')\nconst attrs = useAttrs()\n\nconst { engine, isLoading, error } = usePdfiumEngine()\n\nconst pdfUrl = shallowRef<string>('')\nlet revoke: (() => void) | undefined\n\nfunction load() {\n  revoke?.()\n  const r = toBlobUrl(props.file.src, props.file.mime ?? 'application/pdf')\n  pdfUrl.value = r.url\n  revoke = r.revoke\n}\n\nconst plugins = computed(() => {\n  if (!pdfUrl.value) return []\n  return [\n    createPluginRegistration(DocumentManagerPluginPackage, {\n      initialDocuments: [{ url: pdfUrl.value }]\n    }),\n    createPluginRegistration(ViewportPluginPackage),\n    createPluginRegistration(ScrollPluginPackage),\n    createPluginRegistration(RenderPluginPackage)\n  ]\n})\n\nwatch(\n  () => props.file,\n  () => load(),\n  { immediate: true }\n)\n\nwatch(error, (err) => {\n  if (err) emit('error', err)\n})\n\nonBeforeUnmount(() => {\n  revoke?.()\n  pdfUrl.value = ''\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EA6CA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAC7B,MAAM,QAAQ,UAAS;EAEvB,MAAM,EAAE,QAAQ,WAAW,UAAU,iBAAgB;EAErD,MAAM,SAAS,WAAmB,GAAE;EACpC,IAAI;EAEJ,SAAS,OAAO;AACd,aAAS;GACT,MAAM,IAAI,UAAU,MAAM,KAAK,KAAK,MAAM,KAAK,QAAQ,kBAAiB;AACxE,UAAO,QAAQ,EAAE;AACjB,YAAS,EAAE;;EAGb,MAAM,UAAU,eAAe;AAC7B,OAAI,CAAC,OAAO,MAAO,QAAO,EAAC;AAC3B,UAAO;IACL,yBAAyB,8BAA8B,EACrD,kBAAkB,CAAC,EAAE,KAAK,OAAO,OAAO,CAAA,EACzC,CAAC;IACF,yBAAyB,sBAAsB;IAC/C,yBAAyB,oBAAoB;IAC7C,yBAAyB,oBAAmB;IAC9C;IACD;AAED,cACQ,MAAM,YACN,MAAM,EACZ,EAAE,WAAW,MAAK,CACpB;AAEA,QAAM,QAAQ,QAAQ;AACpB,OAAI,IAAK,MAAK,SAAS,IAAG;IAC3B;AAED,wBAAsB;AACpB,aAAS;AACT,UAAO,QAAQ;IAChB;;uBAxFC,mBAsBM,OAtBN,WAsBM,EAtBA,OAAO,MAAA,IAAG,CAAC,EAAC,MAAA,EAAA,EAAiB,MAAA,MAAK,CAAA,EAAA,CAAA,CAC1B,MAAA,OAAM,IAAI,MAAA,UAAS,IAAA,WAAA,EAA/B,mBAA6E,OAAA;;IAA3C,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;MAAa,gBAAY,EAAA,IAClD,OAAA,SAAA,WAAA,EAArB,YAmBW,MAAA,SAAA,EAAA;;IAnBmB,QAAQ,MAAA,OAAM;IAAG,SAAS,QAAA;;sBAkBpC,EAlBuD,uBAAgB,CAEjF,oBAAA,WAAA,EADR,YAiBkB,MAAA,gBAAA,EAAA;;KAff,eAAa;;uBAcH,EAbD,eAAQ,CAEF,YAAA,WAAA,EAAhB,YAWW,MAAA,SAAA,EAAA;;MAXgB,eAAa;MAAmB,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,eAAA,CAAA;;6BAU1D,CATX,YASW,MAAA,SAAA,EAAA,EATA,eAAa,kBAAgB,EAAA;OAC3B,SAAO,SAMV,EANc,WAAI,CACxB,mBAKM,OAAA;QAJH,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,WAAA,CAAA;QACZ,OAAK,eAAA;SAAA,OAAW,KAAK,QAAK;SAAA,QAAiB,KAAK,SAAM;SAAA,CAAA;WAEvD,YAA4E,MAAA,YAAA,EAAA;QAA9D,eAAa;QAAmB,cAAY,KAAK"}

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

@@ -1,3 +1,4 @@
+import { toBlobUrl } from "../helper.js";
 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
@@ -15,9 +16,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const videoRef = useTemplateRef("videoRef");
 		let revoke;
 		let unmounting = false;
-		async function load() {
+		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;

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

@@ -1 +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"}
+{"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'\nimport { toBlobUrl } from '../helper'\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\nfunction load() {\n  revoke?.()\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":";;;;;;;;;;;EAwBA,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,SAAS,OAAO;AACd,aAAS;GACT,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/input/input.vue.d.ts

@@ -17,20 +17,20 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, _InputExposed
   "update:modelValue": (value: string | undefined) => any;
 } & {
   "update:modelValue": (value: string) => any;
+  clear: () => any;
   change: (value: string) => any;
   "suffix:click": (value?: string | undefined) => any;
   "prefix:click": (value?: string | undefined) => any;
   focus: (value?: string | undefined) => any;
-  clear: () => any;
   blur: (value?: string | undefined) => any;
   "native:input": (ev: Event) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onClear?: (() => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
   "onSuffix:click"?: ((value?: string | undefined) => any) | undefined;
   "onPrefix:click"?: ((value?: string | undefined) => any) | undefined;
   onFocus?: ((value?: string | undefined) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onBlur?: ((value?: string | undefined) => any) | undefined;
   "onNative:input"?: ((ev: Event) => any) | undefined;
 }>, {

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

@@ -30,9 +30,9 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
 }>, {
   minWidth: string;
   disabled: boolean;
+  readonly: boolean;
   labelKey: string;
   valueKey: string;
-  readonly: boolean;
   placeholder: string;
   clearable: boolean;
   visibilityLimit: number;

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

@@ -15,19 +15,19 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "update:modelValue": (value: (string | number)[]) => any;
 } & {
   "update:modelValue": (value: any[]) => any;
-  change: (checked: Record<string, any>[]) => any;
   clear: () => any;
+  change: (checked: Record<string, any>[]) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
-  onChange?: ((checked: Record<string, any>[]) => any) | undefined;
   onClear?: (() => any) | undefined;
+  onChange?: ((checked: Record<string, any>[]) => any) | undefined;
 }>, {
   minWidth: string;
   disabled: boolean;
+  readonly: boolean;
   expandAll: boolean;
   labelKey: string;
   valueKey: string;
-  readonly: boolean;
   placeholder: string;
   clearable: boolean;
   filterable: boolean;

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

@@ -4,9 +4,9 @@ import * as _$_veltra_utils0 from "@veltra/utils";
 
 //#region src/components/notification/notification.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<NotificationProps, _$_veltra_utils0.DeconstructValue<_NotificationExposed>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<NotificationProps> & Readonly<{}>, {
-  duration: number;
   closable: boolean;
   position: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+  duration: number;
   offset: number;
   buttonText: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -15,12 +15,12 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "update:modelValue": (value: number | undefined) => any;
 } & {
   "update:modelValue": (value?: number | undefined) => any;
-  change: (value?: number | undefined) => any;
   clear: () => any;
+  change: (value?: number | undefined) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: number | undefined) => any) | undefined;
-  onChange?: ((value?: number | undefined) => any) | undefined;
   onClear?: (() => any) | undefined;
+  onChange?: ((value?: number | undefined) => any) | undefined;
 }>, {
   disabled: boolean;
   readonly: boolean;

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

@@ -17,9 +17,9 @@ declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {},
   onChange?: ((item: Record<string, any>) => any) | undefined;
 }>, {
   disabled: boolean;
+  readonly: boolean;
   labelKey: string;
   valueKey: string;
-  readonly: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -27,9 +27,9 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "onUpdate:label"?: ((label?: string | undefined) => any) | undefined;
 }>, {
   disabled: boolean;
+  readonly: boolean;
   labelKey: string;
   valueKey: string;
-  readonly: boolean;
   placeholder: string;
   clearable: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -23,10 +23,10 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   onClick?: ((item: TabItem, index: number) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-  block: boolean;
   closable: boolean;
   rounded: boolean;
   position: "top" | "bottom";
+  block: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -18,10 +18,10 @@ declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {},
   onClick?: ((item: TabItem, index: number) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-  block: boolean;
   closable: boolean;
   rounded: boolean;
   position: "left" | "right" | "top" | "bottom";
+  block: boolean;
   keepAlive: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -11,15 +11,15 @@ declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {},
   "update:modelValue": (value: string | undefined) => any;
 } & {
   "update:modelValue": (value: string) => any;
+  clear: () => any;
   change: (value: string) => any;
   focus: () => any;
-  clear: () => any;
   blur: () => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onClear?: (() => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
   onFocus?: (() => any) | undefined;
-  onClear?: (() => any) | undefined;
   onBlur?: (() => any) | undefined;
 }>, {
   disabled: boolean;

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

@@ -14,8 +14,8 @@ declare const __VLS_base: _$vue.DefineComponent<TipProps, {}, {}, {}, {}, _$vue.
   trigger: "hover" | "click";
   contentTag: string;
   visible: boolean;
-  content: string;
   direction: TipDirection;
+  content: string;
   alignment: TipAlign;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -21,11 +21,11 @@ declare const __VLS_base: _$vue.DefineComponent<TreeProps, _TreeExposed, {}, {},
   "onNode-contextmenu"?: ((event: MouseEvent, node: TreeNode<Record<string, any>>) => any) | undefined;
   "onSelected-synced"?: ((selected?: Record<string, any> | undefined) => any) | undefined;
 }>, {
+  data: Record<string, any>[];
   expandOnClickNode: boolean;
   labelKey: string;
   valueKey: string;
   childrenKey: string;
-  data: Record<string, any>[];
   checkStrictly: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -15,21 +15,21 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string | number | undefined) => any;
 } & {
-  change: (value?: string | number | undefined, selectedData?: Record<string, any> | undefined) => any;
   clear: () => any;
+  change: (value?: string | number | undefined, selectedData?: Record<string, any> | undefined) => any;
   "update:text": (text?: string | undefined) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
-  onChange?: ((value?: string | number | undefined, selectedData?: Record<string, any> | undefined) => any) | undefined;
   onClear?: (() => any) | undefined;
+  onChange?: ((value?: string | number | undefined, selectedData?: Record<string, any> | undefined) => any) | undefined;
   "onUpdate:text"?: ((text?: string | undefined) => any) | undefined;
 }>, {
   minWidth: string;
   disabled: boolean;
+  readonly: boolean;
   expandAll: boolean;
   labelKey: string;
   valueKey: string;
-  readonly: boolean;
   placeholder: string;
   clearable: boolean;
   filterable: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/desktop",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "files": [
     "dist",
     "src"
@@ -61,22 +61,22 @@
     "@lexical/rich-text": "^0.43.0",
     "@lexical/selection": "^0.43.0",
     "@lexical/utils": "^0.43.0",
-    "@veltra/compositions": "1.1.7",
-    "@veltra/directives": "1.1.7",
-    "@veltra/icons": "1.1.7",
-    "@veltra/styles": "1.1.7",
-    "@veltra/utils": "1.1.7",
+    "@veltra/compositions": "1.1.9",
+    "@veltra/directives": "1.1.9",
+    "@veltra/icons": "1.1.9",
+    "@veltra/styles": "1.1.9",
+    "@veltra/utils": "1.1.9",
     "@visactor/vtable": "^1.26.0",
     "codemirror": "^6.0.2",
     "docx-preview": "^0.3.7",
     "lexical": "^0.43.0"
   },
   "peerDependencies": {
-    "@veltra/compositions": "1.1.7",
-    "@veltra/directives": "1.1.7",
-    "@veltra/icons": "1.1.7",
-    "@veltra/styles": "1.1.7",
-    "@veltra/utils": "1.1.7",
+    "@veltra/compositions": "1.1.9",
+    "@veltra/directives": "1.1.9",
+    "@veltra/icons": "1.1.9",
+    "@veltra/styles": "1.1.9",
+    "@veltra/utils": "1.1.9",
     "vue": "^3.5.33"
   }
 }

package/src/components/button/style.scss

@@ -31,7 +31,11 @@ $root-name: button;
   @include m.flex($display: inline-flex, $justify: center);
 
   &:hover {
-    background-color: fn.component-var(button, default-hover-bg, fn.use-var(color, default, 'dark-1'));
+    background-color: fn.component-var(
+      button,
+      default-hover-bg,
+      fn.use-var(color, default, 'dark-1')
+    );
     border-color: fn.component-var(button, default-hover-border, transparent);
   }
 
@@ -89,8 +93,16 @@ $root-name: button;
       color: fn.component-var(button, #{$type}-text-color, fn.use-var(text-color, white));
 
       &:hover {
-        background-color: fn.component-var(button, #{$type}-hover-bg, fn.use-var(color, $type, dark-1));
-        color: fn.component-var(button, #{$type}-hover-color, fn.component-var(button, #{$type}-text-color, fn.use-var(text-color, white)));
+        background-color: fn.component-var(
+          button,
+          #{$type}-hover-bg,
+          fn.use-var(color, $type, dark-1)
+        );
+        color: fn.component-var(
+          button,
+          #{$type}-hover-color,
+          fn.component-var(button, #{$type}-text-color, fn.use-var(text-color, white))
+        );
       }
 
       // 禁用
@@ -112,7 +124,11 @@ $root-name: button;
         @include m.is-not(disabled, loading) {
           &:hover,
           &:focus {
-            background-color: fn.component-var(button, #{$type}-plain-bg, fn.use-var(color, $type, 'light-9'));
+            background-color: fn.component-var(
+              button,
+              #{$type}-plain-bg,
+              fn.use-var(color, $type, 'light-9')
+            );
           }
         }
 
@@ -123,8 +139,13 @@ $root-name: button;
 
       @include m.is(plain) {
         color: fn.component-var(button, #{$type}-plain-color, fn.use-var(color, $type));
-        background-color: fn.component-var(button, #{$type}-plain-bg, fn.use-var(color, $type, light-9));
-        box-shadow: 0px 0px 2px 1px fn.component-var(button, #{$type}-plain-shadow, fn.use-var(color, $type, light-5));
+        background-color: fn.component-var(
+          button,
+          #{$type}-plain-bg,
+          fn.use-var(color, $type, light-9)
+        );
+        box-shadow: 0px 0px 2px 1px
+          fn.component-var(button, #{$type}-plain-shadow, fn.use-var(color, $type, light-5));
 
         &:active {
           box-shadow: none;

package/src/components/cascade/style.scss

@@ -116,7 +116,11 @@ $menu-name: $root-name + '-panel-item';
     }
 
     @include m.is(active) {
-      background-color: fn.component-var(cascade, node-active-bg, fn.use-var(color, primary, light-9));
+      background-color: fn.component-var(
+        cascade,
+        node-active-bg,
+        fn.use-var(color, primary, light-9)
+      );
       color: fn.component-var(cascade, node-active-color, fn.use-var(color, primary));
       border-radius: fn.use-var(radius, default);
     }

package/src/components/expression-editor/style.scss

@@ -85,7 +85,11 @@ $root-name: expression-editor;
     line-height: 1;
     font-size: 12px;
     color: fn.component-var(expression-editor, chip-color, fn.use-var(color, primary));
-    background-color: fn.component-var(expression-editor, chip-bg, fn.use-var(color, primary, light-9));
+    background-color: fn.component-var(
+      expression-editor,
+      chip-bg,
+      fn.use-var(color, primary, light-9)
+    );
     border-radius: 999px;
     cursor: pointer;
     user-select: none;
@@ -95,7 +99,11 @@ $root-name: expression-editor;
 
     &:hover {
       color: fn.component-var(expression-editor, chip-color, fn.use-var(color, primary));
-      background-color: fn.component-var(expression-editor, chip-bg, fn.use-var(color, primary, light-8));
+      background-color: fn.component-var(
+        expression-editor,
+        chip-bg,
+        fn.use-var(color, primary, light-8)
+      );
       box-shadow: 0 1px 4px fn.use-var(shadow, color);
 
       .#{vars.$namespace}#{$root-name}__chip-close {

package/src/components/file-viewer/previewers/image-previewer.vue

@@ -18,6 +18,7 @@ import { bem } from '@veltra/utils'
 import { onBeforeUnmount, ref, shallowRef, useAttrs, watch } from 'vue'
 
 import type { FileViewerItem } from '../../../types/file-viewer'
+import { toBlobUrl } from '../helper'
 
 defineOptions({ name: 'FileViewerImagePreviewer', inheritAttrs: false })
 
@@ -34,11 +35,10 @@ const failed = ref(false)
 
 let revoke: (() => void) | undefined
 
-async function load() {
+function load() {
   loading.value = true
   failed.value = false
   revoke?.()
-  const { toBlobUrl } = await import('../helper')
   const r = toBlobUrl(props.file.src, props.file.mime)
   url.value = r.url
   revoke = r.revoke

package/src/components/file-viewer/previewers/pdf-previewer.vue

@@ -39,6 +39,7 @@ import { bem } from '@veltra/utils'
 import { computed, onBeforeUnmount, shallowRef, useAttrs, watch } from 'vue'
 
 import type { FileViewerItem } from '../../../types/file-viewer'
+import { toBlobUrl } from '../helper'
 
 defineOptions({ name: 'FileViewerPdfPreviewer', inheritAttrs: false })
 
@@ -54,9 +55,8 @@ const { engine, isLoading, error } = usePdfiumEngine()
 const pdfUrl = shallowRef<string>('')
 let revoke: (() => void) | undefined
 
-async function load() {
+function load() {
   revoke?.()
-  const { toBlobUrl } = await import('../helper')
   const r = toBlobUrl(props.file.src, props.file.mime ?? 'application/pdf')
   pdfUrl.value = r.url
   revoke = r.revoke

package/src/components/file-viewer/previewers/video-previewer.vue

@@ -18,6 +18,7 @@ import { bem } from '@veltra/utils'
 import { onBeforeUnmount, shallowRef, useTemplateRef, watch } from 'vue'
 
 import type { FileViewerItem } from '../../../types/file-viewer'
+import { toBlobUrl } from '../helper'
 
 defineOptions({ name: 'FileViewerVideoPreviewer' })
 
@@ -33,9 +34,8 @@ const videoRef = useTemplateRef<HTMLVideoElement>('videoRef')
 let revoke: (() => void) | undefined
 let unmounting = false
 
-async function load() {
+function load() {
   revoke?.()
-  const { toBlobUrl } = await import('../helper')
   const r = toBlobUrl(props.file.src, props.file.mime)
   url.value = r.url
   revoke = r.revoke

package/src/components/paginator/style.scss

@@ -39,12 +39,20 @@ $root-name: paginator;
     @include m.flex($justify: center);
 
     &:hover {
-      background-color: fn.component-var(paginator, btn-hover-bg, fn.use-var(color, primary, 'light-9'));
+      background-color: fn.component-var(
+        paginator,
+        btn-hover-bg,
+        fn.use-var(color, primary, 'light-9')
+      );
       color: fn.component-var(paginator, btn-hover-color, fn.use-var(text, color, title));
     }
 
     @include m.is(active) {
-      background-color: fn.component-var(paginator, btn-active-bg, fn.use-var(color, primary, 'light-9'));
+      background-color: fn.component-var(
+        paginator,
+        btn-active-bg,
+        fn.use-var(color, primary, 'light-9')
+      );
       color: fn.component-var(paginator, btn-active-color, fn.use-var(color, primary));
     }
 

package/src/components/tree/style.scss

@@ -74,7 +74,11 @@ $indent-width: 20px;
 
     @include m.is(selected) {
       @include m.bem($root-name, node-content) {
-        background-color: fn.component-var(tree, node-selected-bg, fn.use-var(color, primary, light-9));
+        background-color: fn.component-var(
+          tree,
+          node-selected-bg,
+          fn.use-var(color, primary, light-9)
+        );
         color: fn.component-var(tree, node-selected-color, fn.use-var(color, primary));
         font-weight: 500;