zf-dbs 1.0.0 → 2.0.0

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.
@@ -1,4 +1,4 @@
1
- import { z as p, z as e } from "../chunks/BeqNJBVq.mjs";
1
+ import { z as p, z as e } from "../chunks/qN7meZTV.mjs";
2
2
  export {
3
3
  p as ZfApp,
4
4
  e as default
@@ -1,4 +1,4 @@
1
- import { Z as f, Z as o } from "../chunks/CIg5yiwu.mjs";
1
+ import { Z as f, Z as o } from "../chunks/DbOTUn3A.mjs";
2
2
  export {
3
3
  f as ZfScaleContainer,
4
4
  o as default
package/dist/index.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import { App } from 'vue';
2
2
  import { ComponentOptionsMixin } from 'vue';
3
- import { ComputedRef as ComputedRef_2 } from 'vue';
4
3
  import { DefineComponent } from 'vue';
5
4
  import { defineRequest } from 'zf-utilz';
6
5
  import { DefineRequestOptions } from 'zf-utilz';
@@ -13,7 +12,6 @@ import { PublicProps } from 'vue';
13
12
  import { Ref as Ref_2 } from 'vue';
14
13
  import { RequestInstance } from 'zf-utilz';
15
14
  import { ShallowRef } from 'vue';
16
- import { UnwrapNestedRefs } from 'vue';
17
15
 
18
16
  declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
19
17
 
@@ -79,17 +77,13 @@ export declare interface AppConfig {
79
77
  /** 项目名称 */
80
78
  appTitle: string;
81
79
  /** 项目高度,用于计算缩放比例(非必要不要修改,通过修改宽度来适配) */
82
- appHeight: number | undefined;
80
+ appHeight: number;
83
81
  /** 项目宽度,用于计算缩放比例 */
84
- appWidth: number | undefined;
85
- /** 项目最小宽度,用于计算缩放比例 */
86
- appMinWidth?: number | undefined;
87
- /** 项目最小高度,用于计算缩放比例 */
88
- appMinHeight?: number | undefined;
82
+ appWidth: number;
89
83
  /** 是否使用缩放 */
90
84
  useScale: boolean;
91
- /** 是否拉伸缩放 */
92
- useStretch: boolean;
85
+ /** 缩放模式 */
86
+ scaleMode?: 'adaptive' | 'adaptiveX' | 'adaptiveY' | 'scaleToFill' | 'aspectFit' | 'aspectFill';
93
87
  /** 是否嵌入到 UE 中 */
94
88
  useUE: boolean;
95
89
  /** 配置签名 */
@@ -142,21 +136,6 @@ export declare const notify: ((options: Partial<NotificationOptions_2>) => Notif
142
136
  error(options: Partial<NotificationOptionsTyped>): NotificationHandle;
143
137
  };
144
138
 
145
- declare class Polling<T = any> {
146
- private _value?;
147
- get value(): T | undefined;
148
- interval: number;
149
- private listener;
150
- private _running;
151
- get running(): boolean;
152
- private timer?;
153
- constructor(listener: Polling<T>['listener'], defaultValue?: Polling<T>['value']);
154
- private polling;
155
- trigger(): Promise<T>;
156
- start(): void;
157
- stop(): void;
158
- }
159
-
160
139
  export declare const request: RequestInstance;
161
140
 
162
141
  declare type ServiceHandle<Params, Result> = EmptyParamsType extends Params ? ServiceHandleNoParams<Result> : ServiceHandleHasParams<Params, Result>;
@@ -204,15 +183,53 @@ readonly appElement: HTMLElement | null;
204
183
  readonly appViewElement: HTMLElement | null;
205
184
  }>;
206
185
 
207
- export declare function usePolling<T>(listener: () => Promise<T> | T): UnwrapNestedRefs<Polling<T>>;
186
+ export declare function usePolling<T, D = undefined, Config extends UsePollingConfig<T> = UsePollingConfig<T>>(listener: UsePollingListener<T>, defaultValue?: UsePollingDefaultValue<D>, config?: Config): UsePollingResponse<T, Config, D>;
187
+
188
+ declare type UsePollingConfig<T> = {
189
+ delay?: number;
190
+ immediate?: boolean;
191
+ leading?: boolean;
192
+ shallow?: boolean;
193
+ resetOnExecute?: boolean;
194
+ throwError?: boolean;
195
+ onError?: (error: unknown) => void;
196
+ onSuccess?: (result: T) => void;
197
+ };
208
198
 
209
- export declare function usePolling<T, D extends T>(listener: () => Promise<T> | T, defaultValue: D): UnwrapNestedRefs<Omit<Polling<D>, 'value'> & {
210
- value: D;
211
- }>;
199
+ declare type UsePollingDefaultValue<T = undefined> = T | undefined;
200
+
201
+ declare type UsePollingListener<T> = () => Promise<T> | T;
202
+
203
+ export declare function usePollingRef<T, D = undefined>(listener: () => Promise<T> | T, defaultValue?: D, config?: UsePollingConfig<T>): globalThis.Ref<UsePollingStateType<T, D>>;
204
+
205
+ declare type UsePollingResponse<T, Config extends UsePollingConfig<T>, D = undefined> = {
206
+ state: UsePollingStateTypeRef<T, Config, D>;
207
+ isLoading: Ref_2<boolean>;
208
+ error: Ref_2<unknown>;
209
+ execute: UsePollingResponseExecute<T>;
210
+ pause: () => void;
211
+ resume: UsePollingResponseResume;
212
+ reset: () => void;
213
+ };
214
+
215
+ declare type UsePollingResponseExecute<T> = (config?: UsePollingResponseExecuteConfig<T>) => Promise<void>;
212
216
 
213
- export declare function usePollingRef<T>(listener: () => Promise<T> | T): ComputedRef_2<T | undefined>;
217
+ declare type UsePollingResponseExecuteConfig<T> = {
218
+ resetOnExecute?: boolean;
219
+ throwError?: boolean;
220
+ onError?: (error: unknown) => void;
221
+ onSuccess?: (result: T) => void;
222
+ };
223
+
224
+ declare type UsePollingResponseResume = (config?: UsePollingResponseResumeConfig) => void;
225
+
226
+ declare type UsePollingResponseResumeConfig = {
227
+ leading?: boolean;
228
+ };
229
+
230
+ declare type UsePollingStateType<T, D = undefined> = T | D | undefined;
214
231
 
215
- export declare function usePollingRef<T, D extends T>(listener: () => Promise<T> | T, defaultValue: D): ComputedRef_2<D>;
232
+ declare type UsePollingStateTypeRef<T, Config extends UsePollingConfig<T>, D = undefined> = Config['shallow'] extends true ? ShallowRef<UsePollingStateType<T, D>> : Ref_2<UsePollingStateType<T, D>>;
216
233
 
217
234
  export declare const ZfApp: __VLS_WithTemplateSlots<DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<globalThis.ExtractPropTypes<{}>>, {}, {}>, {
218
235
  default?(_: {}): any;
@@ -220,15 +237,11 @@ export declare const ZfApp: __VLS_WithTemplateSlots<DefineComponent< {}, {},
220
237
 
221
238
  export declare const ZfScaleContainer: __VLS_WithTemplateSlots_2<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
222
239
  /** 宽度 */
223
- width?: number | undefined;
240
+ width: number;
224
241
  /** 高度 */
225
- height?: number | undefined;
226
- /** 最小宽度 */
227
- minWidth?: number | undefined;
228
- /** 最小高度 */
229
- minHeight?: number | undefined;
242
+ height: number;
230
243
  /** 裁剪、缩放的模式 */
231
- mode?: "center" | "scaleToFill" | "aspectFit" | "aspectFill" | "widthFix" | "heightFix" | undefined;
244
+ mode?: "center" | "adaptive" | "adaptiveX" | "adaptiveY" | "scaleToFill" | "aspectFit" | "aspectFill" | "widthFix" | "heightFix" | undefined;
232
245
  }>, {
233
246
  width: undefined;
234
247
  height: undefined;
@@ -237,15 +250,11 @@ minHeight: undefined;
237
250
  mode: string;
238
251
  }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
239
252
  /** 宽度 */
240
- width?: number | undefined;
253
+ width: number;
241
254
  /** 高度 */
242
- height?: number | undefined;
243
- /** 最小宽度 */
244
- minWidth?: number | undefined;
245
- /** 最小高度 */
246
- minHeight?: number | undefined;
255
+ height: number;
247
256
  /** 裁剪、缩放的模式 */
248
- mode?: "center" | "scaleToFill" | "aspectFit" | "aspectFill" | "widthFix" | "heightFix" | undefined;
257
+ mode?: "center" | "adaptive" | "adaptiveX" | "adaptiveY" | "scaleToFill" | "aspectFit" | "aspectFill" | "widthFix" | "heightFix" | undefined;
249
258
  }>, {
250
259
  width: undefined;
251
260
  height: undefined;
@@ -255,9 +264,7 @@ mode: string;
255
264
  }>>>, {
256
265
  width: number;
257
266
  height: number;
258
- minWidth: number;
259
- minHeight: number;
260
- mode: "center" | "scaleToFill" | "aspectFit" | "aspectFill" | "widthFix" | "heightFix";
267
+ mode: "center" | "adaptive" | "adaptiveX" | "adaptiveY" | "scaleToFill" | "aspectFit" | "aspectFill" | "widthFix" | "heightFix";
261
268
  }, {}>, {
262
269
  default?(_: {}): any;
263
270
  }>;
package/dist/index.mjs CHANGED
@@ -1,157 +1,169 @@
1
- import { u as c, a as i, g as a, m as p, t as f, _ as g } from "./chunks/BeqNJBVq.mjs";
2
- import { z as H, d as $, b as J } from "./chunks/BeqNJBVq.mjs";
3
- import { _ as d } from "./chunks/8_X11dDX.mjs";
4
- import { _ as h } from "./chunks/BHHE86vT.mjs";
5
- import { z as R } from "./chunks/BHHE86vT.mjs";
6
- import { reactive as m, watch as _, onMounted as v, onUnmounted as w, computed as b } from "vue";
7
- import { ElNotification as y } from "element-plus";
8
- import { Z as B } from "./chunks/CIg5yiwu.mjs";
9
- const U = function(e) {
1
+ import { a as b, g as h, m as _, t as E, _ as y } from "./chunks/qN7meZTV.mjs";
2
+ import { z as M, d as k, u as B, b as D } from "./chunks/qN7meZTV.mjs";
3
+ import { _ as x } from "./chunks/Ck0Cdfr_.mjs";
4
+ import { _ as C } from "./chunks/BHHE86vT.mjs";
5
+ import { z as K } from "./chunks/BHHE86vT.mjs";
6
+ import { ref as a, shallowRef as O } from "vue";
7
+ import { ElNotification as A } from "element-plus";
8
+ import { Z as W } from "./chunks/DbOTUn3A.mjs";
9
+ const I = function(e) {
10
10
  return e;
11
11
  };
12
- class x {
13
- _value;
14
- get value() {
15
- return this._value;
16
- }
17
- interval = 3e3;
18
- listener;
19
- _running = !1;
20
- get running() {
21
- return this._running;
22
- }
23
- timer;
24
- constructor(t, n) {
25
- this.listener = t, this._value = n;
26
- }
27
- async polling() {
28
- if (this._running) {
29
- this.timer = void 0;
12
+ function q() {
13
+ return new Promise((e) => {
14
+ requestAnimationFrame(e);
15
+ });
16
+ }
17
+ function S(e, t, o) {
18
+ o = Object.assign({
19
+ delay: 3e3,
20
+ immediate: !0,
21
+ leading: !0,
22
+ resetOnExecute: !1,
23
+ shallow: !1,
24
+ throwError: !0,
25
+ onError: () => {
26
+ },
27
+ onSuccess: () => {
28
+ }
29
+ }, o);
30
+ const n = a(0), r = o.shallow ? O(t) : a(t), s = a(!1), c = a(null), p = async (v) => {
31
+ const f = Object.assign({}, o, v);
32
+ n.value++;
33
+ const w = n.value;
34
+ s.value = !0, f?.resetOnExecute && (r.value = t);
35
+ try {
36
+ const l = await Promise.resolve(e());
37
+ w === n.value && (c.value = null, r.value = l, f?.onSuccess?.(l));
38
+ } catch (l) {
39
+ if (w === n.value && (c.value = l, f?.onError?.(l), f?.throwError))
40
+ throw l;
41
+ } finally {
42
+ w === n.value && (s.value = !1);
43
+ }
44
+ }, i = a(null), d = () => {
45
+ i.value && clearInterval(i.value), i.value = null;
46
+ }, m = (v = { leading: o?.leading }) => {
47
+ d(), v?.leading && p(), i.value || (i.value = setTimeout(async () => {
30
48
  try {
31
- await this.trigger();
32
- } catch (t) {
33
- console.error(t);
49
+ await p(), await q();
50
+ } finally {
51
+ i.value && m({ leading: !1 });
34
52
  }
35
- this.timer = setTimeout(this.polling.bind(this), this.interval);
36
- }
37
- }
38
- async trigger() {
39
- return this._value = await Promise.resolve(this.listener()), this._value;
40
- }
41
- start() {
42
- this._running || (this._running = !0, this.polling());
43
- }
44
- stop() {
45
- this._running && (clearTimeout(this.timer), this._running = !1);
46
- }
47
- }
48
- function s(e, t) {
49
- const n = m(new x(e, t)), o = c();
50
- return _(() => o.value.pollingInterval, () => {
51
- n.interval = o.value?.pollingInterval || 3e3;
52
- }, { immediate: !0 }), v(n.start.bind(n)), w(n.stop.bind(n)), n;
53
+ }, o?.delay));
54
+ }, g = () => {
55
+ d(), n.value = 0, r.value = t, s.value = !1, c.value = null, o?.immediate && m();
56
+ };
57
+ return g(), {
58
+ state: r,
59
+ isLoading: s,
60
+ error: c,
61
+ execute: p,
62
+ pause: d,
63
+ resume: m,
64
+ reset: g
65
+ };
53
66
  }
54
- function I(e, t) {
55
- const n = t ? s(e, t) : s(e);
56
- return b(() => n.value);
67
+ function R(e, t, o) {
68
+ return S(e, t, o).state;
57
69
  }
58
- function E() {
59
- if (!i.value)
70
+ function j() {
71
+ if (!b.value)
60
72
  throw new Error("请先调用 defineAppConfig 进行配置");
61
- return i.value;
73
+ return b.value;
62
74
  }
63
- const r = Object.assign(function(e) {
64
- return y({
75
+ const u = Object.assign(function(e) {
76
+ return A({
65
77
  ...e,
66
- appendTo: a().appViewElement || document.body || void 0
78
+ appendTo: h().appViewElement || document.body || void 0
67
79
  });
68
80
  }, {
69
81
  success(e) {
70
- return r({
82
+ return u({
71
83
  ...e,
72
84
  type: "success"
73
85
  });
74
86
  },
75
87
  info(e) {
76
- return r({
88
+ return u({
77
89
  ...e,
78
90
  type: "info"
79
91
  });
80
92
  },
81
93
  warning(e) {
82
- return r({
94
+ return u({
83
95
  ...e,
84
96
  type: "warning"
85
97
  });
86
98
  },
87
99
  error(e) {
88
- return r({
100
+ return u({
89
101
  ...e,
90
102
  type: "error"
91
103
  });
92
104
  }
93
- }), P = p(() => {
94
- const e = E();
105
+ }), T = _(() => {
106
+ const e = j();
95
107
  return {
96
108
  ...e.request,
97
- errorHandle(t, n, o) {
98
- if (e.request.showErrorMessage && r.error({ message: n }), e.request.errorHandle)
99
- return e.request.errorHandle(t, n, o);
109
+ errorHandle(t, o, n) {
110
+ if (e.request.showErrorMessage && u.error({ message: o }), e.request.errorHandle)
111
+ return e.request.errorHandle(t, o, n);
100
112
  }
101
113
  };
102
114
  });
103
- class C extends f {
115
+ class z extends E {
104
116
  /**
105
117
  * 发送事件
106
118
  * @param {string} name 事件名称
107
119
  * @param {unknown[]} args 参数
108
120
  */
109
- emit(t, ...n) {
110
- return n = n.map((o) => JSON.parse(JSON.stringify(o))), console.log(`%c发送UE事件 %c${t}`, "color: #529b2e; font-weight: bold;", "color: #337ecc", ...n), window?.ue?.web?.[t]?.(...n);
121
+ emit(t, ...o) {
122
+ return o = o.map((n) => JSON.parse(JSON.stringify(n))), console.log(`%c发送UE事件 %c${t}`, "color: #529b2e; font-weight: bold;", "color: #337ecc", ...o), window?.ue?.web?.[t]?.(...o);
111
123
  }
112
124
  /**
113
125
  * 注册事件
114
126
  * @param {string} name 事件名称
115
127
  * @param {UnknownFunction} listener 事件处理函数
116
128
  */
117
- on(t, n) {
118
- return console.log(`%c注册UE事件 %c${t}`, "color: #b88230; font-weight: bold;", "color: #337ecc"), window[t] || (window[t] = this.dispatchEvent.bind(this, t)), super.on(t, n);
129
+ on(t, o) {
130
+ return console.log(`%c注册UE事件 %c${t}`, "color: #b88230; font-weight: bold;", "color: #337ecc"), window[t] || (window[t] = this.dispatchEvent.bind(this, t)), super.on(t, o);
119
131
  }
120
132
  /**
121
133
  * 注销事件
122
134
  * @param {string} name 事件名称
123
135
  * @param {UnknownFunction} listener 事件处理函数
124
136
  */
125
- off(t, n) {
137
+ off(t, o) {
126
138
  console.log(`%c注销UE事件 %c${t}`, "color: #909399; font-weight: bold;", "color: #337ecc");
127
- const o = super.off(t, n);
128
- return this.listeners(t).length || delete window[t], o;
139
+ const n = super.off(t, o);
140
+ return this.listeners(t).length || delete window[t], n;
129
141
  }
130
142
  }
131
- const S = new C(), T = {
143
+ const $ = new z(), F = {
132
144
  install(e) {
133
- Object.entries(/* @__PURE__ */ Object.assign({ "./components/zf-app/index.ts": g, "./components/zf-scale-container/index.ts": d, "./components/zf-tween-number/index.ts": h })).forEach(([n, o]) => {
134
- const l = o.default, u = n.split("/")[2];
135
- e.component(u, l);
145
+ Object.entries(/* @__PURE__ */ Object.assign({ "./components/zf-app/index.ts": y, "./components/zf-scale-container/index.ts": x, "./components/zf-tween-number/index.ts": C })).forEach(([o, n]) => {
146
+ const r = n.default, s = o.split("/")[2];
147
+ e.component(s, r);
136
148
  });
137
149
  }
138
150
  };
139
151
  export {
140
- C as Ue,
141
- H as ZfApp,
142
- B as ZfScaleContainer,
143
- R as ZfTweenNumber,
144
- T as default,
145
- $ as defineAppConfig,
146
- p as defineRequest,
147
- U as defineService,
148
- E as getAppConfig,
149
- a as getAppInfo,
150
- r as notify,
151
- P as request,
152
- S as ue,
153
- c as useAppConfig,
154
- J as useAppInfo,
155
- s as usePolling,
156
- I as usePollingRef
152
+ z as Ue,
153
+ M as ZfApp,
154
+ W as ZfScaleContainer,
155
+ K as ZfTweenNumber,
156
+ F as default,
157
+ k as defineAppConfig,
158
+ _ as defineRequest,
159
+ I as defineService,
160
+ j as getAppConfig,
161
+ h as getAppInfo,
162
+ u as notify,
163
+ T as request,
164
+ $ as ue,
165
+ B as useAppConfig,
166
+ D as useAppInfo,
167
+ S as usePolling,
168
+ R as usePollingRef
157
169
  };
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.zf-scale-container[data-v-2176caf3]{position:relative;z-index:1;display:block;width:100%;height:100%;overflow:hidden}.zf-scale-wrapper[data-v-2176caf3]{position:relative;width:100%;height:100%;z-index:1}html,body{display:block;width:100%;height:100vh;min-height:100vh;margin:0;padding:0;color:#fff;font-size:14px;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;background-color:#323a41}::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar-thumb{background:#0000001a}::-webkit-scrollbar-track{background:#0000000d}img{user-select:none!important;pointer-events:none;image-rendering:optimize-contrast}.app[data-v-b8746877]{width:100%;height:100vh}.app__view[data-v-b8746877]{width:100%;height:100%;box-shadow:0 0 30px #000c}:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645,.045,.355,1);--el-transition-function-fast-bezier:cubic-bezier(.23,1,.32,1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px}:root{color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0,0,0,.04),0px 8px 20px rgba(0,0,0,.08);--el-box-shadow-light:0px 0px 12px rgba(0,0,0,.12);--el-box-shadow-lighter:0px 0px 6px rgba(0,0,0,.12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,.08),0px 12px 32px rgba(0,0,0,.12),0px 8px 16px -8px rgba(0,0,0,.16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0,0,0,.8);--el-overlay-color-light:rgba(0,0,0,.7);--el-overlay-color-lighter:rgba(0,0,0,.5);--el-mask-color:rgba(255,255,255,.9);--el-mask-color-extra-light:rgba(255,255,255,.3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--el-transition-md-fade)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:var(--el-transition-md-fade)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:var(--el-transition-md-fade)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.el-icon{--color:inherit;align-items:center;display:inline-flex;height:1em;justify-content:center;line-height:1em;position:relative;width:1em;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-notification{--el-notification-width:330px;--el-notification-padding:14px 26px 14px 13px;--el-notification-radius:8px;--el-notification-shadow:var(--el-box-shadow-light);--el-notification-border-color:var(--el-border-color-lighter);--el-notification-icon-size:24px;--el-notification-close-font-size:var(--el-message-close-size,16px);--el-notification-group-margin-left:13px;--el-notification-group-margin-right:8px;--el-notification-content-font-size:var(--el-font-size-base);--el-notification-content-color:var(--el-text-color-regular);--el-notification-title-font-size:16px;--el-notification-title-color:var(--el-text-color-primary);--el-notification-close-color:var(--el-text-color-secondary);--el-notification-close-hover-color:var(--el-text-color-regular);background-color:var(--el-bg-color-overlay);border:1px solid var(--el-notification-border-color);border-radius:var(--el-notification-radius);box-shadow:var(--el-notification-shadow);box-sizing:border-box;display:flex;overflow:hidden;overflow-wrap:break-word;padding:var(--el-notification-padding);position:fixed;transition:opacity var(--el-transition-duration),transform var(--el-transition-duration),left var(--el-transition-duration),right var(--el-transition-duration),top .4s,bottom var(--el-transition-duration);width:var(--el-notification-width);z-index:9999}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:var(--el-notification-group-margin-left);margin-right:var(--el-notification-group-margin-right)}.el-notification__title{color:var(--el-notification-title-color);font-size:var(--el-notification-title-font-size);font-weight:700;line-height:var(--el-notification-icon-size);margin:0}.el-notification__content{color:var(--el-notification-content-color);font-size:var(--el-notification-content-font-size);line-height:24px;margin:6px 0 0}.el-notification__content p{margin:0}.el-notification .el-notification__icon{font-size:var(--el-notification-icon-size);height:var(--el-notification-icon-size);width:var(--el-notification-icon-size)}.el-notification .el-notification__closeBtn{color:var(--el-notification-close-color);cursor:pointer;font-size:var(--el-notification-close-font-size);position:absolute;right:15px;top:18px}.el-notification .el-notification__closeBtn:hover{color:var(--el-notification-close-hover-color)}.el-notification .el-notification--success{--el-notification-icon-color:var(--el-color-success);color:var(--el-notification-icon-color)}.el-notification .el-notification--info{--el-notification-icon-color:var(--el-color-info);color:var(--el-notification-icon-color)}.el-notification .el-notification--warning{--el-notification-icon-color:var(--el-color-warning);color:var(--el-notification-icon-color)}.el-notification .el-notification--error{--el-notification-icon-color:var(--el-color-error);color:var(--el-notification-icon-color)}.el-notification-fade-enter-from.right{right:0;transform:translate(100%)}.el-notification-fade-enter-from.left{left:0;transform:translate(-100%)}.el-notification-fade-leave-to{opacity:0}
1
+ @charset "UTF-8";.zf-scale-container[data-v-21eb743f]{position:relative;z-index:1;display:block;width:100%;height:100%;overflow:hidden}.zf-scale-wrapper[data-v-21eb743f]{position:relative;width:100%;height:100%;z-index:1}html,body{display:block;width:100%;height:100vh;min-height:100vh;margin:0;padding:0;color:#fff;font-size:14px;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;background-color:#323a41}::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar-thumb{background:#0000001a}::-webkit-scrollbar-track{background:#0000000d}img{user-select:none!important;pointer-events:none;image-rendering:optimize-contrast}.app[data-v-ff3058cb]{width:100%;height:100vh}.app__view[data-v-ff3058cb]{width:100%;height:100%;box-shadow:0 0 30px #000c}.app__view.is-loading[data-v-ff3058cb]{opacity:.01}:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645,.045,.355,1);--el-transition-function-fast-bezier:cubic-bezier(.23,1,.32,1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px}:root{color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0,0,0,.04),0px 8px 20px rgba(0,0,0,.08);--el-box-shadow-light:0px 0px 12px rgba(0,0,0,.12);--el-box-shadow-lighter:0px 0px 6px rgba(0,0,0,.12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,.08),0px 12px 32px rgba(0,0,0,.12),0px 8px 16px -8px rgba(0,0,0,.16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0,0,0,.8);--el-overlay-color-light:rgba(0,0,0,.7);--el-overlay-color-lighter:rgba(0,0,0,.5);--el-mask-color:rgba(255,255,255,.9);--el-mask-color-extra-light:rgba(255,255,255,.3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--el-transition-md-fade)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:var(--el-transition-md-fade)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:var(--el-transition-md-fade)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.el-icon{--color:inherit;align-items:center;display:inline-flex;height:1em;justify-content:center;line-height:1em;position:relative;width:1em;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-notification{--el-notification-width:330px;--el-notification-padding:14px 26px 14px 13px;--el-notification-radius:8px;--el-notification-shadow:var(--el-box-shadow-light);--el-notification-border-color:var(--el-border-color-lighter);--el-notification-icon-size:24px;--el-notification-close-font-size:var(--el-message-close-size,16px);--el-notification-group-margin-left:13px;--el-notification-group-margin-right:8px;--el-notification-content-font-size:var(--el-font-size-base);--el-notification-content-color:var(--el-text-color-regular);--el-notification-title-font-size:16px;--el-notification-title-color:var(--el-text-color-primary);--el-notification-close-color:var(--el-text-color-secondary);--el-notification-close-hover-color:var(--el-text-color-regular);background-color:var(--el-bg-color-overlay);border:1px solid var(--el-notification-border-color);border-radius:var(--el-notification-radius);box-shadow:var(--el-notification-shadow);box-sizing:border-box;display:flex;overflow:hidden;overflow-wrap:break-word;padding:var(--el-notification-padding);position:fixed;transition:opacity var(--el-transition-duration),transform var(--el-transition-duration),left var(--el-transition-duration),right var(--el-transition-duration),top .4s,bottom var(--el-transition-duration);width:var(--el-notification-width);z-index:9999}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:var(--el-notification-group-margin-left);margin-right:var(--el-notification-group-margin-right)}.el-notification__title{color:var(--el-notification-title-color);font-size:var(--el-notification-title-font-size);font-weight:700;line-height:var(--el-notification-icon-size);margin:0}.el-notification__content{color:var(--el-notification-content-color);font-size:var(--el-notification-content-font-size);line-height:24px;margin:6px 0 0}.el-notification__content p{margin:0}.el-notification .el-notification__icon{font-size:var(--el-notification-icon-size);height:var(--el-notification-icon-size);width:var(--el-notification-icon-size)}.el-notification .el-notification__closeBtn{color:var(--el-notification-close-color);cursor:pointer;font-size:var(--el-notification-close-font-size);position:absolute;right:15px;top:18px}.el-notification .el-notification__closeBtn:hover{color:var(--el-notification-close-hover-color)}.el-notification .el-notification--success{--el-notification-icon-color:var(--el-color-success);color:var(--el-notification-icon-color)}.el-notification .el-notification--info{--el-notification-icon-color:var(--el-color-info);color:var(--el-notification-icon-color)}.el-notification .el-notification--warning{--el-notification-icon-color:var(--el-color-warning);color:var(--el-notification-icon-color)}.el-notification .el-notification--error{--el-notification-icon-color:var(--el-color-error);color:var(--el-notification-icon-color)}.el-notification-fade-enter-from.right{right:0;transform:translate(100%)}.el-notification-fade-enter-from.left{left:0;transform:translate(-100%)}.el-notification-fade-leave-to{opacity:0}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "zf-dbs",
3
3
  "type": "module",
4
4
  "description": "",
5
- "version": "1.0.0",
5
+ "version": "2.0.0",
6
6
  "main": "./dist/index.mjs",
7
7
  "module": "./dist/index.mjs",
8
8
  "types": "./dist/index.d.ts",
@@ -1,114 +0,0 @@
1
- import { defineComponent as c, ref as s, onMounted as f, nextTick as m, onBeforeUnmount as u, computed as p, openBlock as g, createElementBlock as w, createElementVNode as v, normalizeStyle as $, unref as x, renderSlot as _ } from "vue";
2
- import { _ as E } from "./CHgC5LLL.mjs";
3
- const b = /* @__PURE__ */ c({
4
- __name: "zf-scale-container",
5
- props: {
6
- width: { default: void 0 },
7
- height: { default: void 0 },
8
- minWidth: { default: void 0 },
9
- minHeight: { default: void 0 },
10
- mode: { default: "aspectFit" }
11
- },
12
- setup(h) {
13
- const e = h, r = s(null), n = s(0), a = s(0), l = () => {
14
- n.value = r.value?.clientWidth || 0, a.value = r.value?.clientHeight || 0;
15
- };
16
- f(() => {
17
- window.addEventListener("resize", l), m(l), l();
18
- }), u(() => {
19
- window.removeEventListener("resize", l);
20
- });
21
- const d = p(() => {
22
- if (!e.width || !e.height) {
23
- let t = 1;
24
- e.width ? t = n.value / e.width : e.height && (t = a.value / e.height);
25
- let i = e.width ?? n.value / t, o = e.height ?? a.value / t;
26
- return e.minWidth && i < e.minWidth && (i = e.minWidth, o = o * (e.minWidth / i)), e.minHeight && o < e.minHeight && (o = e.minHeight, i = i * (e.minHeight / o)), t = Math.min(n.value / i, a.value / o), {
27
- width: `${i}px`,
28
- height: `${o}px`,
29
- transform: `scale(${t}, ${t}) translate(-50%, -50%)`,
30
- transformOrigin: "0 0",
31
- position: "absolute",
32
- top: "50%",
33
- left: "50%"
34
- };
35
- } else if (e.mode === "scaleToFill") {
36
- const t = n.value / e.width, i = a.value / e.height;
37
- return {
38
- width: `${e.width}px`,
39
- height: `${e.height}px`,
40
- transform: `scale(${t}, ${i})`,
41
- transformOrigin: "0 0"
42
- };
43
- } else if (e.mode === "aspectFit") {
44
- const t = Math.min(n.value / e.width, a.value / e.height);
45
- return {
46
- width: `${e.width}px`,
47
- height: `${e.height}px`,
48
- transform: `scale(${t}, ${t}) translate(-50%, -50%)`,
49
- transformOrigin: "0 0",
50
- position: "absolute",
51
- top: "50%",
52
- left: "50%"
53
- };
54
- } else if (e.mode === "aspectFill") {
55
- const t = Math.max(n.value / e.width, a.value / e.height);
56
- return {
57
- width: `${e.width}px`,
58
- height: `${e.height}px`,
59
- transform: `scale(${t}, ${t}) translate(-50%, -50%)`,
60
- transformOrigin: "0 0",
61
- position: "absolute",
62
- top: "50%",
63
- left: "50%"
64
- };
65
- } else if (e.mode === "widthFix") {
66
- const t = n.value / e.width;
67
- return {
68
- width: `${e.width}px`,
69
- height: `${e.height}px`,
70
- transform: `scale(${t}, ${t}) translate(-50%, -50%)`,
71
- transformOrigin: "0 0",
72
- position: "absolute",
73
- top: "50%",
74
- left: "50%"
75
- };
76
- } else if (e.mode === "heightFix") {
77
- const t = a.value / e.height;
78
- return {
79
- width: `${e.width}px`,
80
- height: `${e.height}px`,
81
- transform: `scale(${t}, ${t}) translate(-50%, -50%)`,
82
- transformOrigin: "0 0",
83
- position: "absolute",
84
- top: "50%",
85
- left: "50%"
86
- };
87
- } else if (e.mode === "center")
88
- return {
89
- width: `${e.width}px`,
90
- height: `${e.height}px`,
91
- position: "absolute",
92
- top: "50%",
93
- left: "50%",
94
- transform: "translate(-50%, -50%)"
95
- };
96
- return {};
97
- });
98
- return (t, i) => (g(), w("div", {
99
- ref_key: "containerElement",
100
- ref: r,
101
- class: "zf-scale-container"
102
- }, [
103
- v("div", {
104
- class: "zf-scale-wrapper",
105
- style: $(x(d))
106
- }, [
107
- _(t.$slots, "default", {}, void 0, !0)
108
- ], 4)
109
- ], 512));
110
- }
111
- }), z = /* @__PURE__ */ E(b, [["__scopeId", "data-v-2176caf3"]]);
112
- export {
113
- z as Z
114
- };