npm - @veltra/desktop - Versions diffs - 1.1.6 → 1.1.9 - Mend

@veltra/desktop 1.1.6 → 1.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (56) hide show

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

@@ -19,8 +19,8 @@ declare const __VLS_base: _$vue.DefineComponent<ActionProps, {}, {}, {}, {}, _$v
   size: _$_veltra_utils0.ComponentSize;
   text: boolean;
   circle: boolean;
-  inDropdown: boolean;
   loading: boolean;
+  inDropdown: 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/button/button.vue.d.ts CHANGED Viewed

@@ -12,8 +12,8 @@ declare const __VLS_base: _$vue.DefineComponent<ButtonProps, _ButtonExposed, {},
   onClick?: ((e: MouseEvent) => any) | undefined;
 }>, {
   disabled: boolean;
-  iconPosition: "left" | "right";
   loadingIcon: _$vue.Component;
+  iconPosition: "left" | "right";
   propagate: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/button/style2.css CHANGED Viewed

@@ -16,7 +16,8 @@
 */
 /** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
 .u-button {
-  color: var(--u-text-color-main);
+  color: var(--u-button-default-color, var(--u-text-color-main));
+  box-sizing: border-box;
   line-height: 1;
   outline: none;
   text-decoration: none;
@@ -26,8 +27,8 @@
   cursor: pointer;
   padding: 0 0.8em;
   -webkit-appearance: none;
-  border: none;
-  background-color: var(--u-color-default);
+  border: 1px solid var(--u-button-default-border, transparent);
+  background-color: var(--u-button-default-bg, var(--u-color-default));
   box-shadow: var(--u-shadow-emboss);
   transition: background-color 0.25s, box-shadow 0.2s;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -38,6 +39,10 @@
   align-items: center;
   flex-wrap: nowrap;
 }
+.u-button:hover {
+  background-color: var(--u-button-default-hover-bg, var(--u-color-default-dark-1));
+  border-color: var(--u-button-default-hover-border, transparent);
+}
 .u-button:active {
   box-shadow: none;
 }
@@ -104,10 +109,11 @@
 }
 .u-button--color-primary {
   background-color: var(--u-color-primary);
-  color: var(--u-text-color-white);
+  color: var(--u-button-primary-text-color, var(--u-text-color-white));
 }
 .u-button--color-primary:hover {
-  background-color: var(--u-color-primary-dark-1);
+  background-color: var(--u-button-primary-hover-bg, var(--u-color-primary-dark-1));
+  color: var(--u-button-primary-hover-color, var(--u-button-primary-text-color, var(--u-text-color-white)));
 }
 .u-button--color-primary.is-disabled {
   background-color: var(--u-color-primary-light-5);
@@ -129,7 +135,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-primary);
 }
 .u-button--color-primary.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-primary.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-primary-light-9);
+  background-color: var(--u-button-primary-plain-bg, var(--u-color-primary-light-9));
 }
 .u-button--color-primary.is-text.is-disabled {
   color: var(--u-color-primary-light-5);
@@ -138,9 +144,9 @@
   color: var(--u-color-primary-light-5);
 }
 .u-button--color-primary.is-plain {
-  color: var(--u-color-primary);
-  background-color: var(--u-color-primary-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-primary-light-5);
+  color: var(--u-button-primary-plain-color, var(--u-color-primary));
+  background-color: var(--u-button-primary-plain-bg, var(--u-color-primary-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-primary-plain-shadow, var(--u-color-primary-light-5));
 }
 .u-button--color-primary.is-plain:active {
   box-shadow: none;
@@ -154,10 +160,11 @@
 }
 .u-button--color-success {
   background-color: var(--u-color-success);
-  color: var(--u-text-color-white);
+  color: var(--u-button-success-text-color, var(--u-text-color-white));
 }
 .u-button--color-success:hover {
-  background-color: var(--u-color-success-dark-1);
+  background-color: var(--u-button-success-hover-bg, var(--u-color-success-dark-1));
+  color: var(--u-button-success-hover-color, var(--u-button-success-text-color, var(--u-text-color-white)));
 }
 .u-button--color-success.is-disabled {
   background-color: var(--u-color-success-light-5);
@@ -179,7 +186,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-success);
 }
 .u-button--color-success.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-success.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-success-light-9);
+  background-color: var(--u-button-success-plain-bg, var(--u-color-success-light-9));
 }
 .u-button--color-success.is-text.is-disabled {
   color: var(--u-color-success-light-5);
@@ -188,9 +195,9 @@
   color: var(--u-color-success-light-5);
 }
 .u-button--color-success.is-plain {
-  color: var(--u-color-success);
-  background-color: var(--u-color-success-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-success-light-5);
+  color: var(--u-button-success-plain-color, var(--u-color-success));
+  background-color: var(--u-button-success-plain-bg, var(--u-color-success-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-success-plain-shadow, var(--u-color-success-light-5));
 }
 .u-button--color-success.is-plain:active {
   box-shadow: none;
@@ -204,10 +211,11 @@
 }
 .u-button--color-warning {
   background-color: var(--u-color-warning);
-  color: var(--u-text-color-white);
+  color: var(--u-button-warning-text-color, var(--u-text-color-white));
 }
 .u-button--color-warning:hover {
-  background-color: var(--u-color-warning-dark-1);
+  background-color: var(--u-button-warning-hover-bg, var(--u-color-warning-dark-1));
+  color: var(--u-button-warning-hover-color, var(--u-button-warning-text-color, var(--u-text-color-white)));
 }
 .u-button--color-warning.is-disabled {
   background-color: var(--u-color-warning-light-5);
@@ -229,7 +237,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-warning);
 }
 .u-button--color-warning.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-warning.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-warning-light-9);
+  background-color: var(--u-button-warning-plain-bg, var(--u-color-warning-light-9));
 }
 .u-button--color-warning.is-text.is-disabled {
   color: var(--u-color-warning-light-5);
@@ -238,9 +246,9 @@
   color: var(--u-color-warning-light-5);
 }
 .u-button--color-warning.is-plain {
-  color: var(--u-color-warning);
-  background-color: var(--u-color-warning-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-warning-light-5);
+  color: var(--u-button-warning-plain-color, var(--u-color-warning));
+  background-color: var(--u-button-warning-plain-bg, var(--u-color-warning-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-warning-plain-shadow, var(--u-color-warning-light-5));
 }
 .u-button--color-warning.is-plain:active {
   box-shadow: none;
@@ -254,10 +262,11 @@
 }
 .u-button--color-danger {
   background-color: var(--u-color-danger);
-  color: var(--u-text-color-white);
+  color: var(--u-button-danger-text-color, var(--u-text-color-white));
 }
 .u-button--color-danger:hover {
-  background-color: var(--u-color-danger-dark-1);
+  background-color: var(--u-button-danger-hover-bg, var(--u-color-danger-dark-1));
+  color: var(--u-button-danger-hover-color, var(--u-button-danger-text-color, var(--u-text-color-white)));
 }
 .u-button--color-danger.is-disabled {
   background-color: var(--u-color-danger-light-5);
@@ -279,7 +288,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-danger);
 }
 .u-button--color-danger.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-danger.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-danger-light-9);
+  background-color: var(--u-button-danger-plain-bg, var(--u-color-danger-light-9));
 }
 .u-button--color-danger.is-text.is-disabled {
   color: var(--u-color-danger-light-5);
@@ -288,9 +297,9 @@
   color: var(--u-color-danger-light-5);
 }
 .u-button--color-danger.is-plain {
-  color: var(--u-color-danger);
-  background-color: var(--u-color-danger-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-danger-light-5);
+  color: var(--u-button-danger-plain-color, var(--u-color-danger));
+  background-color: var(--u-button-danger-plain-bg, var(--u-color-danger-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-danger-plain-shadow, var(--u-color-danger-light-5));
 }
 .u-button--color-danger.is-plain:active {
   box-shadow: none;
@@ -304,10 +313,11 @@
 }
 .u-button--color-info {
   background-color: var(--u-color-info);
-  color: var(--u-text-color-white);
+  color: var(--u-button-info-text-color, var(--u-text-color-white));
 }
 .u-button--color-info:hover {
-  background-color: var(--u-color-info-dark-1);
+  background-color: var(--u-button-info-hover-bg, var(--u-color-info-dark-1));
+  color: var(--u-button-info-hover-color, var(--u-button-info-text-color, var(--u-text-color-white)));
 }
 .u-button--color-info.is-disabled {
   background-color: var(--u-color-info-light-5);
@@ -329,7 +339,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-info);
 }
 .u-button--color-info.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-info.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-info-light-9);
+  background-color: var(--u-button-info-plain-bg, var(--u-color-info-light-9));
 }
 .u-button--color-info.is-text.is-disabled {
   color: var(--u-color-info-light-5);
@@ -338,9 +348,9 @@
   color: var(--u-color-info-light-5);
 }
 .u-button--color-info.is-plain {
-  color: var(--u-color-info);
-  background-color: var(--u-color-info-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-info-light-5);
+  color: var(--u-button-info-plain-color, var(--u-color-info));
+  background-color: var(--u-button-info-plain-bg, var(--u-color-info-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-info-plain-shadow, var(--u-color-info-light-5));
 }
 .u-button--color-info.is-plain:active {
   box-shadow: none;
@@ -354,10 +364,11 @@
 }
 .u-button--color-disabled {
   background-color: var(--u-color-disabled);
-  color: var(--u-text-color-white);
+  color: var(--u-button-disabled-text-color, var(--u-text-color-white));
 }
 .u-button--color-disabled:hover {
-  background-color: var(--u-color-disabled-dark-1);
+  background-color: var(--u-button-disabled-hover-bg, var(--u-color-disabled-dark-1));
+  color: var(--u-button-disabled-hover-color, var(--u-button-disabled-text-color, var(--u-text-color-white)));
 }
 .u-button--color-disabled.is-disabled {
   background-color: var(--u-color-disabled-light-5);
@@ -379,7 +390,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-disabled);
 }
 .u-button--color-disabled.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-disabled.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-disabled-light-9);
+  background-color: var(--u-button-disabled-plain-bg, var(--u-color-disabled-light-9));
 }
 .u-button--color-disabled.is-text.is-disabled {
   color: var(--u-color-disabled-light-5);
@@ -388,9 +399,9 @@
   color: var(--u-color-disabled-light-5);
 }
 .u-button--color-disabled.is-plain {
-  color: var(--u-color-disabled);
-  background-color: var(--u-color-disabled-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-disabled-light-5);
+  color: var(--u-button-disabled-plain-color, var(--u-color-disabled));
+  background-color: var(--u-button-disabled-plain-bg, var(--u-color-disabled-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-disabled-plain-shadow, var(--u-color-disabled-light-5));
 }
 .u-button--color-disabled.is-plain:active {
   box-shadow: none;
@@ -404,10 +415,11 @@
 }
 .u-button--color-default {
   background-color: var(--u-color-default);
-  color: var(--u-text-color-white);
+  color: var(--u-button-default-text-color, var(--u-text-color-white));
 }
 .u-button--color-default:hover {
-  background-color: var(--u-color-default-dark-1);
+  background-color: var(--u-button-default-hover-bg, var(--u-color-default-dark-1));
+  color: var(--u-button-default-hover-color, var(--u-button-default-text-color, var(--u-text-color-white)));
 }
 .u-button--color-default.is-disabled {
   background-color: var(--u-color-default-light-5);
@@ -429,7 +441,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-default);
 }
 .u-button--color-default.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-default.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-default-light-9);
+  background-color: var(--u-button-default-plain-bg, var(--u-color-default-light-9));
 }
 .u-button--color-default.is-text.is-disabled {
   color: var(--u-color-default-light-5);
@@ -438,9 +450,9 @@
   color: var(--u-color-default-light-5);
 }
 .u-button--color-default.is-plain {
-  color: var(--u-color-default);
-  background-color: var(--u-color-default-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-default-light-5);
+  color: var(--u-button-default-plain-color, var(--u-color-default));
+  background-color: var(--u-button-default-plain-bg, var(--u-color-default-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-default-plain-shadow, var(--u-color-default-light-5));
 }
 .u-button--color-default.is-plain:active {
   box-shadow: none;

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

@@ -11,17 +11,17 @@ declare const __VLS_export: _$vue.DefineComponent<CascadeProps, {}, {}, {}, {},
   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>[];
-  disabled: boolean;
-  readonly: boolean;
   placeholder: string;
   clearable: boolean;
   filterable: boolean;
-  visibilityLimit: number;
   separator: string;
+  visibilityLimit: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/cascade/style2.css CHANGED Viewed

@@ -127,7 +127,8 @@
   margin-bottom: 0.2rem;
 }
 .u-cascade-panel-item__option.is-active {
-  background-color: var(--u-color-primary-light-9);
+  background-color: var(--u-cascade-node-active-bg, var(--u-color-primary-light-9));
+  color: var(--u-cascade-node-active-color, var(--u-color-primary));
   border-radius: var(--u-radius-default);
 }
 .u-cascade-panel-item__option.is-selected {

package/dist/components/checkbox/checkbox-button.vue.d.ts CHANGED Viewed

@@ -20,8 +20,8 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
   onChange?: ((checked: boolean) => any) | undefined;
 }>, {
-  type: _$_veltra_utils0.ColorType;
   disabled: boolean;
+  type: _$_veltra_utils0.ColorType;
   readonly: boolean;
   round: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/checkbox/style2.css CHANGED Viewed

@@ -74,7 +74,7 @@
 .u-checkbox__wrap {
   border: var(--u-border-width) var(--u-border-style) var(--u-checkbox-border, #ccc);
   border-radius: 6px;
-  color: #fff;
+  color: var(--u-checkbox-color, #fff);
   transition: background-color 0.15s ease;
   display: inline-flex;
   justify-content: center;
@@ -85,7 +85,7 @@
   line-height: 1em;
 }
 .u-checkbox--indeterminate {
-  background-color: #fff;
+  background-color: var(--u-checkbox-color, #fff);
   width: 10px;
   height: 2px;
   vertical-align: middle;

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

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

package/dist/components/collapse/collapse.vue.d.ts CHANGED Viewed

@@ -13,9 +13,9 @@ declare const __VLS_base: _$vue.DefineComponent<CollapseProps, _CollapseExposed,
   "onUpdate:modelValue"?: ((value: CollapseModelValue) => any) | undefined;
   onChange?: ((value: CollapseModelValue) => any) | undefined;
 }>, {
+  iconPosition: CollapseIconPosition;
   accordion: boolean;
   bordered: boolean;
-  iconPosition: CollapseIconPosition;
 }, {}, {}, {}, 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/date-picker/date-picker.vue.d.ts CHANGED Viewed

@@ -7,8 +7,8 @@ declare const __VLS_export: _$vue.DefineComponent<DatePickerProps, {}, {}, {}, {
 }, string, _$vue.PublicProps, Readonly<DatePickerProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: string | number | Date | undefined) => any) | undefined;
 }>, {
-  type: "date" | "month" | "year";
   disabled: boolean;
+  type: "date" | "month" | "year";
   readonly: boolean;
   placeholder: string;
   clearable: boolean;

package/dist/components/date-range-picker/date-range-picker.vue.d.ts CHANGED Viewed

@@ -7,8 +7,8 @@ declare const __VLS_export: _$vue.DefineComponent<DateRangePickerProps, {}, {},
 }, string, _$vue.PublicProps, Readonly<DateRangePickerProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: [string, string] | undefined) => any) | undefined;
 }>, {
-  type: "date" | "month" | "year";
   disabled: boolean;
+  type: "date" | "month" | "year";
   readonly: boolean;
   placeholder: [string, string];
   clearable: boolean;

package/dist/components/drawer/drawer.vue.d.ts CHANGED Viewed

@@ -14,12 +14,12 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: boolean) => any;
 } & {
-  "update:modelValue": (value: boolean) => any;
   close: () => any;
+  "update:modelValue": (value: boolean) => any;
   closed: () => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onClose?: (() => any) | undefined;
+  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onClosed?: (() => any) | undefined;
 }>, {
   direction: DrawerDirection;

package/dist/components/expression-editor/style2.css CHANGED Viewed

@@ -81,16 +81,16 @@
   height: 22px;
   line-height: 1;
   font-size: 12px;
-  color: var(--u-color-primary);
-  background-color: var(--u-color-primary-light-9);
+  color: var(--u-expression-editor-chip-color, var(--u-color-primary));
+  background-color: var(--u-expression-editor-chip-bg, var(--u-color-primary-light-9));
   border-radius: 999px;
   cursor: pointer;
   user-select: none;
   transition: background-color 0.12s ease, box-shadow 0.12s ease;
 }
 .u-expression-editor__chip:hover {
-  color: var(--u-color-primary);
-  background-color: var(--u-color-primary-light-8);
+  color: var(--u-expression-editor-chip-color, var(--u-color-primary));
+  background-color: var(--u-expression-editor-chip-bg, var(--u-color-primary-light-8));
   box-shadow: 0 1px 4px var(--u-shadow-color);
 }
 .u-expression-editor__chip:hover .u-expression-editor__chip-close {

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

@@ -28,8 +28,8 @@ declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, _FileViewer
   }) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  modelValue: string;
   open: boolean;
+  modelValue: string;
   sidebarWidth: string | number | false;
   sheetMaxRows: number;
   downloadable: boolean;

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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'\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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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'\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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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'\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/message-confirm/style2.css CHANGED Viewed

@@ -29,7 +29,9 @@
 }
 .u-message-confirm__box {
   width: 420px;
-  background-color: #fff;
+  background-color: var(--u-bg-color-top);
+  border: var(--u-border);
+  box-shadow: var(--u-shadow);
   transition: opacity 0.3s, transform 0.4s;
   transform: translateY(-50%);
 }

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

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

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

@@ -22,15 +22,15 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   onClear?: (() => any) | undefined;
   onChange?: ((checked: Record<string, any>[]) => any) | undefined;
 }>, {
+  minWidth: string;
+  disabled: boolean;
+  readonly: boolean;
   expandAll: boolean;
   labelKey: string;
   valueKey: string;
-  disabled: boolean;
-  readonly: boolean;
   placeholder: string;
   clearable: boolean;
   filterable: boolean;
-  minWidth: string;
   visibilityLimit: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/notification/style2.css CHANGED Viewed

@@ -21,7 +21,7 @@
   position: absolute;
   transition: opacity 0.3s, transform 0.4s, top 0.4s;
   border: var(--u-border);
-  background-color: #fff;
+  background-color: var(--u-bg-color-top);
   box-shadow: var(--u-shadow);
   margin: 4px;
   overflow: hidden;