@xiaou66/u-web-ui 0.0.12 → 0.0.13

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.
@@ -2,4 +2,5 @@ export * from './layout';
2
2
  export * from './Menu';
3
3
  export * from './PageHeader';
4
4
  export * from './Setting';
5
+ export * from './switch';
5
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA"}
@@ -0,0 +1,29 @@
1
+ import { SwitchProps } from 'tdesign-vue-next';
2
+ /**
3
+ * SwitchEnable 组件的 Props 类型
4
+ * 继承 TDesign Switch 的所有 props,但排除 value(因为我们使用 v-model)
5
+ */
6
+ export type SwitchEnableProps = Omit<SwitchProps, 'value'>;
7
+ /**
8
+ * SwitchEnable 组件的 Emits 类型
9
+ */
10
+ export interface SwitchEnableEmits {
11
+ /**
12
+ * 开关状态变化时触发
13
+ * @param value 新的开关状态
14
+ * @param context 事件上下文
15
+ */
16
+ change: [value: boolean, context: {
17
+ e: Event;
18
+ }];
19
+ }
20
+ /**
21
+ * SwitchEnable 组件的 v-model 类型
22
+ */
23
+ export interface SwitchEnableModel {
24
+ /**
25
+ * 开关的值,支持 v-model:value
26
+ */
27
+ value: boolean;
28
+ }
29
+ //# sourceMappingURL=SwitchEnable.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SwitchEnable.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/SwitchEnable/SwitchEnable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,MAAM,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE;QAAE,CAAC,EAAE,KAAK,CAAA;KAAE,CAAC,CAAA;CAChD;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,KAAK,EAAE,OAAO,CAAA;CACf"}
@@ -0,0 +1,19 @@
1
+ import { SwitchEnableProps } from './SwitchEnable';
2
+ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ type __VLS_Props = SwitchEnableProps;
4
+ type __VLS_PublicProps = {
5
+ 'value'?: boolean;
6
+ } & __VLS_Props;
7
+ declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
8
+ change: (value: boolean, context: {
9
+ e: Event;
10
+ }) => any;
11
+ "update:value": (value: boolean) => any;
12
+ }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
13
+ onChange?: ((value: boolean, context: {
14
+ e: Event;
15
+ }) => any) | undefined;
16
+ "onUpdate:value"?: ((value: boolean) => any) | undefined;
17
+ }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
18
+ export default _default;
19
+ //# sourceMappingURL=SwitchEnable.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SwitchEnable.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/SwitchEnable/SwitchEnable.vue"],"names":[],"mappings":";AA6CA,OAAO,KAAK,EAAE,iBAAiB,EAAqB,MAAM,gBAAgB,CAAA;AAS1E,KAAK,WAAW,GAAG,iBAAiB,CAAC;AA0BrC,KAAK,iBAAiB,GAAG;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACjB,GAAG,WAAW,CAAC;;;;;;;;;;;;AAgEhB,wBAOG"}
@@ -0,0 +1,3 @@
1
+ export { default as SwitchEnable } from './SwitchEnable.vue';
2
+ export * from './SwitchEnable';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/SwitchEnable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,cAAc,gBAAgB,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './SwitchEnable';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
package/dist/index.es.js CHANGED
@@ -1,55 +1,55 @@
1
- import { Aside as e, Avatar as t, Button as n, Content as r, Divider as i, HeadMenu as a, Header as o, Icon as s, Layout as c, Menu as l, MenuItem as u, Submenu as d } from "tdesign-vue-next";
2
- import { Fragment as f, Teleport as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as y, createTextVNode as b, createVNode as x, defineComponent as S, getCurrentInstance as C, getCurrentScope as w, inject as T, mergeModels as E, mergeProps as D, nextTick as O, normalizeClass as k, normalizeStyle as A, onMounted as j, onScopeDispose as M, onUnmounted as N, openBlock as P, provide as F, reactive as I, ref as L, renderList as R, renderSlot as z, resolveComponent as B, resolveDynamicComponent as ee, toDisplayString as V, toHandlers as H, toRefs as U, toValue as W, unref as G, useAttrs as K, useModel as te, useTemplateRef as ne, watch as re, withCtx as q, withModifiers as J } from "vue";
3
- import { useRoute as ie, useRouter as ae } from "vue-router";
4
- const oe = "u-web";
1
+ import { Aside as e, Avatar as t, Button as n, Content as r, Divider as i, HeadMenu as a, Header as o, Icon as s, Layout as c, Menu as l, MenuItem as u, Submenu as d, Switch as f } from "tdesign-vue-next";
2
+ import { Fragment as p, Teleport as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createSlots as b, createTextVNode as x, createVNode as S, defineComponent as C, getCurrentInstance as w, getCurrentScope as T, inject as E, mergeModels as D, mergeProps as O, nextTick as k, normalizeClass as A, normalizeStyle as j, onMounted as M, onScopeDispose as N, onUnmounted as P, openBlock as F, provide as I, reactive as L, ref as R, renderList as z, renderSlot as B, resolveComponent as V, resolveDynamicComponent as ee, toDisplayString as H, toHandlers as U, toRefs as W, toValue as G, unref as K, useAttrs as te, useModel as ne, useTemplateRef as re, watch as ie, withCtx as q, withModifiers as J } from "vue";
3
+ import { useRoute as ae, useRouter as oe } from "vue-router";
4
+ const se = "u-web";
5
5
  function Y(...e) {
6
- return oe + "-" + e.join("-");
6
+ return se + "-" + e.join("-");
7
7
  }
8
8
  function X(...e) {
9
9
  let t = e.join("-");
10
10
  return (...e) => Y(t, ...e);
11
11
  }
12
- function se(e) {
12
+ function ce(e) {
13
13
  return e.substring(0, 1).toUpperCase() + e.substring(1);
14
14
  }
15
- const Z = "on", ce = [
15
+ const Z = "on", le = [
16
16
  "Capture",
17
17
  "Passive",
18
18
  "Once"
19
- ], le = /* @__PURE__ */ RegExp(`^(${ce.join("|")})*$`);
20
- function ue(...e) {
19
+ ], ue = /* @__PURE__ */ RegExp(`^(${le.join("|")})*$`);
20
+ function de(...e) {
21
21
  if (!e.length) return !1;
22
- let t = C();
22
+ let t = w();
23
23
  if (!t) return !1;
24
24
  let { attrs: n = {}, vnode: r } = t;
25
25
  if (!r) return !1;
26
26
  let i = r.props || {}, a = [...Object.keys(n).filter((e) => e.startsWith(Z)), ...Object.keys(i).filter((e) => e.startsWith(Z))];
27
27
  for (let t of e) {
28
- let e = t.startsWith(Z) ? t : `${Z}${se(t)}`;
28
+ let e = t.startsWith(Z) ? t : `${Z}${ce(t)}`;
29
29
  if (a.includes(e)) return !0;
30
30
  for (let t of a) if (t.startsWith(e)) {
31
31
  let n = t.slice(e.length);
32
- if (n && le.test(n)) return !0;
32
+ if (n && ue.test(n)) return !0;
33
33
  }
34
34
  }
35
35
  return !1;
36
36
  }
37
- var de = /* @__PURE__ */ S({
37
+ var fe = /* @__PURE__ */ C({
38
38
  __name: "WebBaseLayout",
39
39
  setup(t) {
40
40
  return (t, n) => {
41
41
  let i = o, a = e, s = r, l = c;
42
- return P(), h(l, { class: "h-screen" }, {
43
- default: q(() => [t.$slots.header ? (P(), h(i, { key: 0 }, {
44
- default: q(() => [z(t.$slots, "header")]),
42
+ return F(), g(l, { class: "h-screen" }, {
43
+ default: q(() => [t.$slots.header ? (F(), g(i, { key: 0 }, {
44
+ default: q(() => [B(t.$slots, "header")]),
45
45
  _: 3
46
- })) : g("", !0), x(l, { class: "min-h-0" }, {
47
- default: q(() => [x(a, { width: "auto" }, {
48
- default: q(() => [z(t.$slots, "left")]),
46
+ })) : _("", !0), S(l, { class: "min-h-0" }, {
47
+ default: q(() => [S(a, { width: "auto" }, {
48
+ default: q(() => [B(t.$slots, "left")]),
49
49
  _: 3
50
- }), x(l, { class: k(["min-h-0", [G(Y)("main-content")]]) }, {
51
- default: q(() => [x(s, { class: "xl:p-4 ut:p-2 p-1 h-full overflow-hidden" }, {
52
- default: q(() => [z(t.$slots, "default")]),
50
+ }), S(l, { class: A(["min-h-0", [K(Y)("main-content")]]) }, {
51
+ default: q(() => [S(s, { class: "xl:p-4 ut:p-2 p-1 h-full overflow-hidden" }, {
52
+ default: q(() => [B(t.$slots, "default")]),
53
53
  _: 3
54
54
  })]),
55
55
  _: 3
@@ -60,73 +60,73 @@ var de = /* @__PURE__ */ S({
60
60
  });
61
61
  };
62
62
  }
63
- }), fe = de;
63
+ }), pe = fe;
64
64
  let Q = /* @__PURE__ */ function(e) {
65
65
  return e.Refresh = "u:leftMenu:refresh", e;
66
66
  }({});
67
- const pe = { refresh: () => {
67
+ const me = { refresh: () => {
68
68
  window.dispatchEvent(new CustomEvent(Q.Refresh));
69
69
  } };
70
- function me(e) {
71
- return w() ? (M(e), !0) : !1;
70
+ function he(e) {
71
+ return T() ? (N(e), !0) : !1;
72
72
  }
73
73
  const $ = typeof window < "u" && typeof document < "u";
74
74
  typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
75
- const he = Object.prototype.toString, ge = (e) => he.call(e) === "[object Object]";
76
- function _e(e) {
75
+ const ge = Object.prototype.toString, _e = (e) => ge.call(e) === "[object Object]";
76
+ function ve(e) {
77
77
  return Array.isArray(e) ? e : [e];
78
78
  }
79
- function ve(e) {
79
+ function ye(e) {
80
80
  let t = /* @__PURE__ */ Object.create(null);
81
81
  return (n) => {
82
82
  let r = t[n];
83
83
  return r || (t[n] = e(n));
84
84
  };
85
85
  }
86
- const ye = /\B([A-Z])/g;
87
- ve((e) => e.replace(ye, "-$1").toLowerCase());
88
- const be = /-(\w)/g;
89
- ve((e) => e.replace(be, (e, t) => t ? t.toUpperCase() : ""));
90
- function xe(e, t, n) {
91
- return re(e, t, {
86
+ const be = /\B([A-Z])/g;
87
+ ye((e) => e.replace(be, "-$1").toLowerCase());
88
+ const xe = /-(\w)/g;
89
+ ye((e) => e.replace(xe, (e, t) => t ? t.toUpperCase() : ""));
90
+ function Se(e, t, n) {
91
+ return ie(e, t, {
92
92
  ...n,
93
93
  immediate: !0
94
94
  });
95
95
  }
96
- const Se = $ ? window : void 0;
96
+ const Ce = $ ? window : void 0;
97
97
  $ && window.document, $ && window.navigator, $ && window.location;
98
- function Ce(e) {
98
+ function we(e) {
99
99
  var t;
100
- let n = W(e);
100
+ let n = G(e);
101
101
  return (t = n?.$el) ?? n;
102
102
  }
103
- function we(...e) {
103
+ function Te(...e) {
104
104
  let t = [], n = () => {
105
105
  t.forEach((e) => e()), t.length = 0;
106
- }, r = (e, t, n, r) => (e.addEventListener(t, n, r), () => e.removeEventListener(t, n, r)), i = m(() => {
107
- let t = _e(W(e[0])).filter((e) => e != null);
106
+ }, r = (e, t, n, r) => (e.addEventListener(t, n, r), () => e.removeEventListener(t, n, r)), i = h(() => {
107
+ let t = ve(G(e[0])).filter((e) => e != null);
108
108
  return t.every((e) => typeof e != "string") ? t : void 0;
109
- }), a = xe(() => {
109
+ }), a = Se(() => {
110
110
  var t, n;
111
111
  return [
112
- (n = (t = i.value)?.map((e) => Ce(e))) ?? [Se].filter((e) => e != null),
113
- _e(W(i.value ? e[1] : e[0])),
114
- _e(G(i.value ? e[2] : e[1])),
115
- W(i.value ? e[3] : e[2])
112
+ (n = (t = i.value)?.map((e) => we(e))) ?? [Ce].filter((e) => e != null),
113
+ ve(G(i.value ? e[1] : e[0])),
114
+ ve(K(i.value ? e[2] : e[1])),
115
+ G(i.value ? e[3] : e[2])
116
116
  ];
117
117
  }, ([e, i, a, o]) => {
118
118
  if (n(), !e?.length || !i?.length || !a?.length) return;
119
- let s = ge(o) ? { ...o } : o;
119
+ let s = _e(o) ? { ...o } : o;
120
120
  t.push(...e.flatMap((e) => i.flatMap((t) => a.map((n) => r(e, t, n, s)))));
121
121
  }, { flush: "post" }), o = () => {
122
122
  a(), n();
123
123
  };
124
- return me(n), o;
124
+ return he(n), o;
125
125
  }
126
126
  Symbol("vueuse-ssr-width");
127
- var Te = /* @__PURE__ */ S({
127
+ var Ee = /* @__PURE__ */ C({
128
128
  __name: "LeftMenu",
129
- props: /* @__PURE__ */ E({
129
+ props: /* @__PURE__ */ D({
130
130
  hideOperations: {
131
131
  type: Boolean,
132
132
  default: !1
@@ -145,82 +145,82 @@ var Te = /* @__PURE__ */ S({
145
145
  }),
146
146
  emits: ["update:collapsed"],
147
147
  setup(e, { expose: t }) {
148
- let r = e, i = te(e, "collapsed");
148
+ let r = e, i = ne(e, "collapsed");
149
149
  function a() {
150
150
  i.value = !i.value;
151
151
  }
152
- let o = ae(), c = ie(), p = L([]);
152
+ let o = oe(), c = ae(), f = R([]);
153
153
  function m() {
154
- p.value = o.getRoutes().filter((e) => e.meta).filter((e) => e.path.split("/").length <= 2).filter((e) => e.meta.menu);
154
+ f.value = o.getRoutes().filter((e) => e.meta).filter((e) => e.path.split("/").length <= 2).filter((e) => e.meta.menu);
155
155
  }
156
- function g() {
157
- r.loadRouter ? p.value = r.loadRouter() : m();
156
+ function h() {
157
+ r.loadRouter ? f.value = r.loadRouter() : m();
158
158
  }
159
- j(() => {
160
- g();
159
+ M(() => {
160
+ h();
161
161
  });
162
- function v(e) {
162
+ function _(e) {
163
163
  o.push({ name: e.name });
164
164
  }
165
- function S(e) {
165
+ function y(e) {
166
166
  return e.children ? e.children.filter((e) => e.meta?.menu) : [];
167
167
  }
168
- return r.refreshEventListener && we(document, Q.Refresh, g), t({
168
+ return r.refreshEventListener && Te(document, Q.Refresh, h), t({
169
169
  changeCollapsed: a,
170
- refreshRouter: g
170
+ refreshRouter: h
171
171
  }), (e, t) => {
172
- let r = s, o = n, m = u, g = d, C = l;
173
- return P(), h(C, {
174
- value: G(c).name,
172
+ let r = s, o = n, m = u, h = d, C = l;
173
+ return F(), g(C, {
174
+ value: K(c).name,
175
175
  collapsed: i.value,
176
176
  "onUpdate:collapsed": t[0] ||= (e) => i.value = e,
177
177
  width: ["180px", "52px"]
178
- }, y({
179
- default: q(() => [(P(!0), _(f, null, R(p.value, (e) => (P(), _(f, { key: String(e.name) }, [S(e).length > 0 ? (P(), h(g, {
178
+ }, b({
179
+ default: q(() => [(F(!0), v(p, null, z(f.value, (e) => (F(), v(p, { key: String(e.name) }, [y(e).length > 0 ? (F(), g(h, {
180
180
  key: 0,
181
181
  value: String(e.name)
182
182
  }, {
183
- icon: q(() => [x(r, { class: k(e.meta.icon) }, null, 8, ["class"])]),
184
- title: q(() => [b(V(e.meta.title), 1)]),
185
- default: q(() => [(P(!0), _(f, null, R(S(e), (e) => (P(), h(m, {
183
+ icon: q(() => [S(r, { class: A(e.meta.icon) }, null, 8, ["class"])]),
184
+ title: q(() => [x(H(e.meta.title), 1)]),
185
+ default: q(() => [(F(!0), v(p, null, z(y(e), (e) => (F(), g(m, {
186
186
  key: String(e.name),
187
187
  value: String(e.name),
188
- onClick: (t) => v(e)
188
+ onClick: (t) => _(e)
189
189
  }, {
190
- icon: q(() => [x(r, { class: k(e.meta.icon) }, null, 8, ["class"])]),
191
- default: q(() => [b(" " + V(e.meta.title), 1)]),
190
+ icon: q(() => [S(r, { class: A(e.meta.icon) }, null, 8, ["class"])]),
191
+ default: q(() => [x(" " + H(e.meta.title), 1)]),
192
192
  _: 2
193
193
  }, 1032, ["value", "onClick"]))), 128))]),
194
194
  _: 2
195
- }, 1032, ["value"])) : (P(), h(m, {
195
+ }, 1032, ["value"])) : (F(), g(m, {
196
196
  key: 1,
197
197
  value: String(e.name),
198
- onClick: (t) => v(e)
198
+ onClick: (t) => _(e)
199
199
  }, {
200
- icon: q(() => [x(r, { class: k(e.meta.icon) }, null, 8, ["class"])]),
201
- default: q(() => [b(" " + V(e.meta.title), 1)]),
200
+ icon: q(() => [S(r, { class: A(e.meta.icon) }, null, 8, ["class"])]),
201
+ default: q(() => [x(" " + H(e.meta.title), 1)]),
202
202
  _: 2
203
203
  }, 1032, ["value", "onClick"]))], 64))), 128))]),
204
204
  _: 2
205
205
  }, [e.hideOperations ? void 0 : {
206
206
  name: "operations",
207
- fn: q(() => [x(o, {
207
+ fn: q(() => [S(o, {
208
208
  variant: "text",
209
209
  shape: "square",
210
210
  onClick: a
211
211
  }, {
212
- icon: q(() => [x(r, { name: "view-list" })]),
212
+ icon: q(() => [S(r, { name: "view-list" })]),
213
213
  _: 1
214
214
  })]),
215
215
  key: "0"
216
216
  }, e.$slots.logo ? {
217
217
  name: "logo",
218
- fn: q(() => [z(e.$slots, "logo")]),
218
+ fn: q(() => [B(e.$slots, "logo")]),
219
219
  key: "1"
220
220
  } : void 0]), 1032, ["value", "collapsed"]);
221
221
  };
222
222
  }
223
- }), Ee = Te, De = /* @__PURE__ */ S({
223
+ }), De = Ee, Oe = /* @__PURE__ */ C({
224
224
  __name: "ContextMenu",
225
225
  props: { hideOnSelect: {
226
226
  type: Boolean,
@@ -228,11 +228,11 @@ var Te = /* @__PURE__ */ S({
228
228
  } },
229
229
  emits: ["select"],
230
230
  setup(e, { emit: t }) {
231
- let n = e, r = t, i = X("context-menu"), a = L(), o = L(), s = L(!1), c = I({
231
+ let n = e, r = t, i = X("context-menu"), a = R(), o = R(), s = R(!1), c = L({
232
232
  left: "0px",
233
233
  top: "0px"
234
234
  }), l = (e) => {
235
- e.preventDefault(), e.stopPropagation(), c.left = e.clientX + "px", c.top = e.clientY + "px", s.value = !0, O(() => {
235
+ e.preventDefault(), e.stopPropagation(), c.left = e.clientX + "px", c.top = e.clientY + "px", s.value = !0, k(() => {
236
236
  u(e.clientX, e.clientY);
237
237
  });
238
238
  }, u = (e, t) => {
@@ -241,9 +241,9 @@ var Te = /* @__PURE__ */ S({
241
241
  e + r.width > i && (s = i - r.width - 4), t + r.height > a && (l = a - r.height - 4), s = Math.max(4, s), l = Math.max(4, l), c.left = s + "px", c.top = l + "px";
242
242
  }, d = () => {
243
243
  s.value = !1;
244
- }, m = (e, t) => {
244
+ }, f = (e, t) => {
245
245
  r("select", e, t), n.hideOnSelect && (s.value = !1);
246
- }, y = (e) => {
246
+ }, h = (e) => {
247
247
  if (!s.value) return;
248
248
  let t = e.target, n = o.value, r = a.value;
249
249
  if (e.button === 2 || e.which === 3) return;
@@ -256,34 +256,34 @@ var Te = /* @__PURE__ */ S({
256
256
  }, S = () => {
257
257
  s.value = !1;
258
258
  };
259
- return F("handleSelect", m), F("closeMenu", S), j(() => {
260
- document.addEventListener("click", y), document.addEventListener("mousedown", y), document.addEventListener("keydown", b), document.addEventListener("contextmenu", x);
261
- }), N(() => {
262
- document.removeEventListener("click", y), document.removeEventListener("mousedown", y), document.removeEventListener("keydown", b), document.removeEventListener("contextmenu", x);
263
- }), (e, t) => (P(), _(f, null, [
264
- v("div", {
259
+ return I("handleSelect", f), I("closeMenu", S), M(() => {
260
+ document.addEventListener("click", h), document.addEventListener("mousedown", h), document.addEventListener("keydown", b), document.addEventListener("contextmenu", x);
261
+ }), P(() => {
262
+ document.removeEventListener("click", h), document.removeEventListener("mousedown", h), document.removeEventListener("keydown", b), document.removeEventListener("contextmenu", x);
263
+ }), (e, t) => (F(), v(p, null, [
264
+ y("div", {
265
265
  ref_key: "triggerRef",
266
266
  ref: a,
267
- class: k(G(i)("trigger")),
267
+ class: A(K(i)("trigger")),
268
268
  onContextmenu: J(l, ["prevent"])
269
- }, [z(e.$slots, "default")], 34),
270
- (P(), h(p, { to: "body" }, [s.value ? (P(), _("div", {
269
+ }, [B(e.$slots, "default")], 34),
270
+ (F(), g(m, { to: "body" }, [s.value ? (F(), v("div", {
271
271
  key: 0,
272
272
  ref_key: "menuRef",
273
273
  ref: o,
274
- class: k(G(i)("menu")),
275
- style: A(c),
274
+ class: A(K(i)("menu")),
275
+ style: j(c),
276
276
  onContextmenu: t[0] ||= J(() => {}, ["prevent"])
277
- }, [z(e.$slots, "content")], 38)) : g("", !0)])),
278
- (P(), h(p, { to: "body" }, [s.value ? (P(), _("div", {
277
+ }, [B(e.$slots, "content")], 38)) : _("", !0)])),
278
+ (F(), g(m, { to: "body" }, [s.value ? (F(), v("div", {
279
279
  key: 0,
280
- class: k(G(i)("mask")),
280
+ class: A(K(i)("mask")),
281
281
  onClick: d,
282
282
  onContextmenu: J(d, ["prevent"])
283
- }, null, 34)) : g("", !0)]))
283
+ }, null, 34)) : _("", !0)]))
284
284
  ], 64));
285
285
  }
286
- }), Oe = De, ke = /* @__PURE__ */ S({
286
+ }), ke = Oe, Ae = /* @__PURE__ */ C({
287
287
  __name: "ContextMenuItem",
288
288
  props: {
289
289
  label: {},
@@ -300,7 +300,7 @@ var Te = /* @__PURE__ */ S({
300
300
  },
301
301
  emits: ["click"],
302
302
  setup(e, { emit: t }) {
303
- let n = e, r = t, i = X("context-menu", "item"), a = T("handleSelect", null), o = (e) => {
303
+ let n = e, r = t, i = X("context-menu", "item"), a = E("handleSelect", null), o = (e) => {
304
304
  if (!n.disabled) if (e.stopPropagation(), r("click", n.value, e), a) a(n.value, e);
305
305
  else {
306
306
  let t = new CustomEvent("context-menu-select", {
@@ -315,34 +315,34 @@ var Te = /* @__PURE__ */ S({
315
315
  }, s = (e) => {
316
316
  e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
317
317
  };
318
- return (e, t) => (P(), _("div", {
319
- class: k([G(i)(), {
320
- [G(i)("disabled")]: e.disabled,
321
- [G(i)("danger")]: e.danger
318
+ return (e, t) => (F(), v("div", {
319
+ class: A([K(i)(), {
320
+ [K(i)("disabled")]: e.disabled,
321
+ [K(i)("danger")]: e.danger
322
322
  }]),
323
323
  onClick: o,
324
324
  onContextmenu: J(s, ["prevent", "stop"])
325
- }, [e.icon ? (P(), _("span", {
325
+ }, [e.icon ? (F(), v("span", {
326
326
  key: 0,
327
- class: k([G(i)("icon"), e.icon])
328
- }, V(e.icon), 3)) : g("", !0), v("span", { class: k(G(i)("label")) }, V(e.label), 3)], 34));
327
+ class: A([K(i)("icon"), e.icon])
328
+ }, H(e.icon), 3)) : _("", !0), y("span", { class: A(K(i)("label")) }, H(e.label), 3)], 34));
329
329
  }
330
- }), Ae = ke, je = /* @__PURE__ */ S({
330
+ }), je = Ae, Me = /* @__PURE__ */ C({
331
331
  __name: "ContextMenuGroup",
332
332
  props: { title: {} },
333
333
  setup(e) {
334
334
  let t = X("context-menu", "group");
335
- return (e, n) => (P(), _("div", { class: k(G(t)()) }, [e.title ? (P(), _("div", {
335
+ return (e, n) => (F(), v("div", { class: A(K(t)()) }, [e.title ? (F(), v("div", {
336
336
  key: 0,
337
- class: k(G(t)("title"))
338
- }, V(e.title), 3)) : g("", !0), z(e.$slots, "default")], 2));
337
+ class: A(K(t)("title"))
338
+ }, H(e.title), 3)) : _("", !0), B(e.$slots, "default")], 2));
339
339
  }
340
- }), Me = je, Ne = /* @__PURE__ */ S({
340
+ }), Ne = Me, Pe = /* @__PURE__ */ C({
341
341
  __name: "ContextMenuDivider",
342
342
  setup(e) {
343
- return (e, t) => (P(), _("div", { class: k(G(Y)("context-menu-divider")) }, null, 2));
343
+ return (e, t) => (F(), v("div", { class: A(K(Y)("context-menu-divider")) }, null, 2));
344
344
  }
345
- }), Pe = Ne, Fe = /* @__PURE__ */ S({
345
+ }), Fe = Pe, Ie = /* @__PURE__ */ C({
346
346
  __name: "ContextMenuSubmenu",
347
347
  props: {
348
348
  label: {},
@@ -354,17 +354,17 @@ var Te = /* @__PURE__ */ S({
354
354
  },
355
355
  emits: ["select"],
356
356
  setup(e, { emit: t }) {
357
- let n = e, r = t, i = X("context-menu", "item"), a = X("context-menu", "submenu"), o = X("context-menu", "menu"), s = L(), c = L(), l = L(!1), u = I({
357
+ let n = e, r = t, i = X("context-menu", "item"), a = X("context-menu", "submenu"), o = X("context-menu", "menu"), s = R(), c = R(), l = R(!1), u = L({
358
358
  left: "0px",
359
359
  top: "0px"
360
- }), d = T("handleSelect", null), f = null, p = null, m = !1, h = !1, y = () => {
360
+ }), d = E("handleSelect", null), f = null, p = null, m = !1, h = !1, g = () => {
361
361
  f && (clearTimeout(f), f = null), p && (clearTimeout(p), p = null);
362
362
  }, b = () => {
363
- n.disabled || !s.value || (y(), u.left = "100%", u.top = "0px", l.value = !0, O(() => {
363
+ n.disabled || !s.value || (g(), u.left = "100%", u.top = "0px", l.value = !0, k(() => {
364
364
  S();
365
365
  }));
366
366
  }, x = () => {
367
- !m && !h && (y(), p = setTimeout(() => {
367
+ !m && !h && (g(), p = setTimeout(() => {
368
368
  !m && !h && (l.value = !1);
369
369
  }, 100));
370
370
  }, S = () => {
@@ -375,34 +375,34 @@ var Te = /* @__PURE__ */ S({
375
375
  u.top = e + "px";
376
376
  } else r.top < 4 ? u.top = 4 - r.top + "px" : u.top = "0px";
377
377
  }, C = () => {
378
- n.disabled || (m = !0, y(), f = setTimeout(() => {
378
+ n.disabled || (m = !0, g(), f = setTimeout(() => {
379
379
  b();
380
380
  }, 150));
381
381
  }, w = () => {
382
382
  m = !1, x();
383
- }, E = () => {
384
- h = !0, y();
383
+ }, T = () => {
384
+ h = !0, g();
385
385
  }, D = () => {
386
386
  h = !1, x();
387
- }, M = (e, t) => {
387
+ }, O = (e, t) => {
388
388
  l.value = !1, r("select", e, t), d && d(e, t);
389
- }, R = (e) => {
389
+ }, N = (e) => {
390
390
  let { value: t, originalEvent: n } = e.detail;
391
- M(t, n);
392
- }, B = (e) => {
391
+ O(t, n);
392
+ }, z = (e) => {
393
393
  e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
394
- }, ee = (e) => {
394
+ }, V = (e) => {
395
395
  e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
396
- }, H = (e) => {
397
- if (!n.disabled) if (e.stopPropagation(), e.preventDefault(), y(), l.value) l.value = !1;
396
+ }, ee = (e) => {
397
+ if (!n.disabled) if (e.stopPropagation(), e.preventDefault(), g(), l.value) l.value = !1;
398
398
  else {
399
399
  if (!s.value) return;
400
- u.left = "100%", u.top = "0px", l.value = !0, O(() => {
400
+ u.left = "100%", u.top = "0px", l.value = !0, k(() => {
401
401
  S();
402
402
  });
403
403
  }
404
404
  };
405
- F("handleSelect", M), F("closeMenu", () => {
405
+ I("handleSelect", O), I("closeMenu", () => {
406
406
  l.value = !1;
407
407
  });
408
408
  let U = (e) => {
@@ -413,73 +413,73 @@ var Te = /* @__PURE__ */ S({
413
413
  !i && !a && (l.value = !1);
414
414
  }, W = (e) => {
415
415
  e.key === "Escape" && l.value && (l.value = !1);
416
- }, K = (e) => {
416
+ }, G = (e) => {
417
417
  l.value && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
418
418
  };
419
- return j(() => {
420
- document.addEventListener("click", U), document.addEventListener("mousedown", U), document.addEventListener("keydown", W), document.addEventListener("contextmenu", K);
421
- }), N(() => {
422
- y(), document.removeEventListener("click", U), document.removeEventListener("mousedown", U), document.removeEventListener("keydown", W), document.removeEventListener("contextmenu", K);
423
- }), (e, t) => (P(), _("div", {
419
+ return M(() => {
420
+ document.addEventListener("click", U), document.addEventListener("mousedown", U), document.addEventListener("keydown", W), document.addEventListener("contextmenu", G);
421
+ }), P(() => {
422
+ g(), document.removeEventListener("click", U), document.removeEventListener("mousedown", U), document.removeEventListener("keydown", W), document.removeEventListener("contextmenu", G);
423
+ }), (e, t) => (F(), v("div", {
424
424
  ref_key: "triggerRef",
425
425
  ref: s,
426
- class: k([
427
- G(i)(),
428
- G(a)(),
426
+ class: A([
427
+ K(i)(),
428
+ K(a)(),
429
429
  {
430
- [G(i)("disabled")]: e.disabled,
431
- [G(a)("active")]: l.value
430
+ [K(i)("disabled")]: e.disabled,
431
+ [K(a)("active")]: l.value
432
432
  }
433
433
  ]),
434
- onContextmenu: J(B, ["prevent", "stop"]),
434
+ onContextmenu: J(z, ["prevent", "stop"]),
435
435
  onMouseenter: C,
436
436
  onMouseleave: w,
437
- onClick: H
437
+ onClick: ee
438
438
  }, [
439
- e.icon ? (P(), _("span", {
439
+ e.icon ? (F(), v("span", {
440
440
  key: 0,
441
- class: k([G(i)("icon"), e.icon])
442
- }, V(e.icon), 3)) : g("", !0),
443
- v("span", { class: k(G(i)("label")) }, V(e.label), 3),
444
- v("span", { class: k(G(a)("arrow")) }, "▶", 2),
445
- l.value ? (P(), _("div", {
441
+ class: A([K(i)("icon"), e.icon])
442
+ }, H(e.icon), 3)) : _("", !0),
443
+ y("span", { class: A(K(i)("label")) }, H(e.label), 3),
444
+ y("span", { class: A(K(a)("arrow")) }, "▶", 2),
445
+ l.value ? (F(), v("div", {
446
446
  key: 1,
447
447
  ref_key: "submenuRef",
448
448
  ref: c,
449
- class: k([G(o)(), G(a)("popup")]),
450
- style: A(u),
451
- onContextmenu: J(ee, ["prevent", "stop"]),
452
- onMouseenter: E,
449
+ class: A([K(o)(), K(a)("popup")]),
450
+ style: j(u),
451
+ onContextmenu: J(V, ["prevent", "stop"]),
452
+ onMouseenter: T,
453
453
  onMouseleave: D,
454
- onContextMenuSelect: R
455
- }, [z(e.$slots, "default")], 38)) : g("", !0)
454
+ onContextMenuSelect: N
455
+ }, [B(e.$slots, "default")], 38)) : _("", !0)
456
456
  ], 34));
457
457
  }
458
- }), Ie = Fe, Le = /* @__PURE__ */ S({
458
+ }), Le = Ie, Re = /* @__PURE__ */ C({
459
459
  __name: "WebLayout",
460
460
  setup(e) {
461
461
  return (e, t) => {
462
- let n = a, r = B("router-view");
463
- return P(), h(fe, null, {
464
- header: q(() => [x(n, {
462
+ let n = a, r = V("router-view");
463
+ return F(), g(pe, null, {
464
+ header: q(() => [S(n, {
465
465
  value: "item1",
466
466
  height: "60px"
467
- }, y({ _: 2 }, [e.$slots.logo ? {
467
+ }, b({ _: 2 }, [e.$slots.logo ? {
468
468
  name: "logo",
469
- fn: q(() => [z(e.$slots, "logo")]),
469
+ fn: q(() => [B(e.$slots, "logo")]),
470
470
  key: "0"
471
471
  } : void 0, e.$slots.operations ? {
472
472
  name: "operations",
473
- fn: q(() => [z(e.$slots, "operations")]),
473
+ fn: q(() => [B(e.$slots, "operations")]),
474
474
  key: "1"
475
475
  } : void 0]), 1024)]),
476
- left: q(() => [z(e.$slots, "left", {}, () => [x(G(Ee))])]),
477
- default: q(() => [z(e.$slots, "default", {}, () => [v("div", { class: k([G(Y)("main-content-inner")]) }, [x(r)], 2)])]),
476
+ left: q(() => [B(e.$slots, "left", {}, () => [S(K(De))])]),
477
+ default: q(() => [B(e.$slots, "default", {}, () => [y("div", { class: A([K(Y)("main-content-inner")]) }, [S(r)], 2)])]),
478
478
  _: 3
479
479
  });
480
480
  };
481
481
  }
482
- }), Re = Le, ze = /* @__PURE__ */ S({
482
+ }), ze = Re, Be = /* @__PURE__ */ C({
483
483
  __name: "SplitPanel",
484
484
  props: {
485
485
  component: { default: "div" },
@@ -500,9 +500,9 @@ var Te = /* @__PURE__ */ S({
500
500
  "update:size"
501
501
  ],
502
502
  setup(e, { emit: t }) {
503
- let n = e, r = t, { direction: i, size: a, defaultSize: o, min: s, max: c } = U(n), l = L(0), u = L(), d = L(), f = Y("split-panel"), p = Y("split-trigger"), y = L(o.value);
504
- re(a, (e) => {
505
- e !== void 0 && (y.value = e);
503
+ let n = e, r = t, { direction: i, size: a, defaultSize: o, min: s, max: c } = W(n), l = R(0), u = R(), d = R(), f = Y("split-panel"), p = Y("split-trigger"), m = R(o.value);
504
+ ie(a, (e) => {
505
+ e !== void 0 && (m.value = e);
506
506
  }, { immediate: !0 });
507
507
  function b(e) {
508
508
  let t = typeof e == "string" ? parseFloat(e) : e, n = "";
@@ -512,14 +512,14 @@ var Te = /* @__PURE__ */ S({
512
512
  isPx: n === "px"
513
513
  };
514
514
  }
515
- let x = m(() => b(y.value)), S = m(() => i.value === "horizontal"), C = m(() => [f, {
515
+ let x = h(() => b(m.value)), S = h(() => i.value === "horizontal"), C = h(() => [f, {
516
516
  [`${f}-horizontal`]: S.value,
517
517
  [`${f}-vertical`]: !S.value
518
- }]), w = m(() => [p, {
518
+ }]), w = h(() => [p, {
519
519
  [`${p}-horizontal`]: S.value,
520
520
  [`${p}-vertical`]: !S.value,
521
521
  [`${p}-disabled`]: n.disabled
522
- }]), T = m(() => {
522
+ }]), T = h(() => {
523
523
  let { size: e, unit: t, isPx: n } = x.value, r = n ? e : e * 100;
524
524
  return { flex: `0 0 calc(${r}${t} - ${l.value / 2}px)` };
525
525
  });
@@ -530,7 +530,7 @@ var Te = /* @__PURE__ */ S({
530
530
  function D(e, t) {
531
531
  return parseFloat(e) / parseFloat(t);
532
532
  }
533
- let M = {
533
+ let O = {
534
534
  startPageX: 0,
535
535
  startPageY: 0,
536
536
  startContainerSize: 0,
@@ -538,12 +538,12 @@ var Te = /* @__PURE__ */ S({
538
538
  };
539
539
  async function N() {
540
540
  let e = () => S.value ? u.value?.clientWidth || 0 : u.value?.clientHeight || 0;
541
- return (!u.value || !e()) && await O(), e();
541
+ return (!u.value || !e()) && await k(), e();
542
542
  }
543
- function F(e, t) {
543
+ function P(e, t) {
544
544
  if (!t) return;
545
545
  let n = x.value.isPx ? `${e}px` : D(e, t);
546
- y.value !== n && (y.value = n, r("update:size", n));
546
+ m.value !== n && (m.value = n, r("update:size", n));
547
547
  }
548
548
  function I(e, t) {
549
549
  let n = E({
@@ -560,89 +560,89 @@ var Te = /* @__PURE__ */ S({
560
560
  }), a = n;
561
561
  return a = Math.max(a, r), a = Math.min(a, i), a;
562
562
  }
563
- function R({ startContainerSize: e, startSize: t, startPosition: n, endPosition: r }) {
563
+ function L({ startContainerSize: e, startSize: t, startPosition: n, endPosition: r }) {
564
564
  let i = E({
565
565
  size: t,
566
566
  containerSize: e
567
567
  });
568
568
  return I(`${i + (r - n)}px`, e);
569
569
  }
570
- function B(e) {
570
+ function z(e) {
571
571
  r("moving", e);
572
- let t = S.value ? R({
573
- startContainerSize: M.startContainerSize,
574
- startSize: M.startSize,
575
- startPosition: M.startPageX,
572
+ let t = S.value ? L({
573
+ startContainerSize: O.startContainerSize,
574
+ startSize: O.startSize,
575
+ startPosition: O.startPageX,
576
576
  endPosition: e.pageX
577
- }) : R({
578
- startContainerSize: M.startContainerSize,
579
- startSize: M.startSize,
580
- startPosition: M.startPageY,
577
+ }) : L({
578
+ startContainerSize: O.startContainerSize,
579
+ startSize: O.startSize,
580
+ startPosition: O.startPageY,
581
581
  endPosition: e.pageY
582
582
  });
583
- F(t, M.startContainerSize);
583
+ P(t, O.startContainerSize);
584
584
  }
585
585
  function V(e) {
586
- window.removeEventListener("mousemove", B), window.removeEventListener("mouseup", V), window.removeEventListener("contextmenu", V), document.body.style.cursor = "default", r("moveEnd", e);
586
+ window.removeEventListener("mousemove", z), window.removeEventListener("mouseup", V), window.removeEventListener("contextmenu", V), document.body.style.cursor = "default", r("moveEnd", e);
587
587
  }
588
588
  async function H(e) {
589
- n.disabled || (r("moveStart", e), M.startPageX = e.pageX, M.startPageY = e.pageY, M.startContainerSize = await N(), M.startSize = y.value, window.addEventListener("mousemove", B), window.addEventListener("mouseup", V), window.addEventListener("contextmenu", V), document.body.style.cursor = S.value ? "col-resize" : "row-resize");
589
+ n.disabled || (r("moveStart", e), O.startPageX = e.pageX, O.startPageY = e.pageY, O.startContainerSize = await N(), O.startSize = m.value, window.addEventListener("mousemove", z), window.addEventListener("mouseup", V), window.addEventListener("contextmenu", V), document.body.style.cursor = S.value ? "col-resize" : "row-resize");
590
590
  }
591
- function W() {
591
+ function U() {
592
592
  if (d.value) {
593
593
  let { width: e, height: t } = d.value.getBoundingClientRect();
594
594
  l.value = S.value ? e || 0 : t || 0;
595
595
  }
596
596
  }
597
- return j(async () => {
598
- let e = await N(), t = I(y.value, e);
599
- F(t, e), W();
597
+ return M(async () => {
598
+ let e = await N(), t = I(m.value, e);
599
+ P(t, e), U();
600
600
  let n = new ResizeObserver(() => {
601
- W();
601
+ U();
602
602
  });
603
603
  d.value && n.observe(d.value);
604
604
  let r = () => {
605
605
  n.disconnect();
606
606
  };
607
607
  return r;
608
- }), (e, t) => (P(), h(ee(e.component), {
608
+ }), (e, t) => (F(), g(ee(e.component), {
609
609
  ref_key: "wrapperRef",
610
610
  ref: u,
611
- class: k(C.value)
611
+ class: A(C.value)
612
612
  }, {
613
613
  default: q(() => [
614
- v("div", {
615
- class: k([`${G(f)}-pane`, `${G(f)}-pane-first`]),
616
- style: A(T.value)
617
- }, [z(e.$slots, "first")], 6),
618
- e.disabled ? g("", !0) : (P(), _("div", {
614
+ y("div", {
615
+ class: A([`${K(f)}-pane`, `${K(f)}-pane-first`]),
616
+ style: j(T.value)
617
+ }, [B(e.$slots, "first")], 6),
618
+ e.disabled ? _("", !0) : (F(), v("div", {
619
619
  key: 0,
620
620
  ref_key: "triggerRef",
621
621
  ref: d,
622
- class: k(w.value),
622
+ class: A(w.value),
623
623
  onMousedown: H
624
- }, [z(e.$slots, "resize-trigger", {}, () => [v("div", { class: k(`${G(p)}-icon`) }, [z(e.$slots, "resize-trigger-icon", {}, () => [
625
- v("div", { class: k(`${G(p)}-line`) }, null, 2),
626
- v("div", { class: k(`${G(p)}-line`) }, null, 2),
627
- v("div", { class: k(`${G(p)}-line`) }, null, 2)
624
+ }, [B(e.$slots, "resize-trigger", {}, () => [y("div", { class: A(`${K(p)}-icon`) }, [B(e.$slots, "resize-trigger-icon", {}, () => [
625
+ y("div", { class: A(`${K(p)}-line`) }, null, 2),
626
+ y("div", { class: A(`${K(p)}-line`) }, null, 2),
627
+ y("div", { class: A(`${K(p)}-line`) }, null, 2)
628
628
  ])], 2)])], 34)),
629
- v("div", { class: k([`${G(f)}-pane`, `${G(f)}-pane-second`]) }, [z(e.$slots, "second")], 2)
629
+ y("div", { class: A([`${K(f)}-pane`, `${K(f)}-pane-second`]) }, [B(e.$slots, "second")], 2)
630
630
  ]),
631
631
  _: 3
632
632
  }, 8, ["class"]));
633
633
  }
634
- }), Be = ze, Ve = /* @__PURE__ */ S({
634
+ }), Ve = Be, He = /* @__PURE__ */ C({
635
635
  __name: "UtoolsBaseLayout",
636
636
  setup(t) {
637
637
  return (t, n) => {
638
638
  let i = e, a = r, o = c;
639
- return P(), h(o, { class: "h-screen min-h-0" }, {
640
- default: q(() => [x(i, { width: "auto" }, {
641
- default: q(() => [z(t.$slots, "left")]),
639
+ return F(), g(o, { class: "h-screen min-h-0" }, {
640
+ default: q(() => [S(i, { width: "auto" }, {
641
+ default: q(() => [B(t.$slots, "left")]),
642
642
  _: 3
643
- }), x(o, { class: k(["min-h-0", [G(Y)("utools", "main-content")]]) }, {
644
- default: q(() => [x(a, { class: "h-full" }, {
645
- default: q(() => [z(t.$slots, "default")]),
643
+ }), S(o, { class: A(["min-h-0", [K(Y)("utools", "main-content")]]) }, {
644
+ default: q(() => [S(a, { class: "h-full" }, {
645
+ default: q(() => [B(t.$slots, "default")]),
646
646
  _: 3
647
647
  })]),
648
648
  _: 3
@@ -651,12 +651,12 @@ var Te = /* @__PURE__ */ S({
651
651
  });
652
652
  };
653
653
  }
654
- }), He = Ve;
655
- const Ue = { class: "utools" }, We = { class: "title" }, Ge = { class: "flex justify-end h-full pr-3" }, Ke = { class: "content" }, qe = { class: "content-inner" }, Je = {
654
+ }), Ue = He;
655
+ const We = { class: "utools" }, Ge = { class: "title" }, Ke = { class: "flex justify-end h-full pr-3" }, qe = { class: "content" }, Je = { class: "content-inner" }, Ye = {
656
656
  class: "flex items-center justify-center",
657
657
  style: { "font-size": "10px" }
658
658
  };
659
- var Ye = /* @__PURE__ */ S({
659
+ var Xe = /* @__PURE__ */ C({
660
660
  __name: "UtoolsLayout",
661
661
  props: {
662
662
  avatar: { default: "https://www.u-tools.cn/assets/favicon.png" },
@@ -665,14 +665,14 @@ var Ye = /* @__PURE__ */ S({
665
665
  title: { default: "utools demo" }
666
666
  },
667
667
  setup(e) {
668
- let n = ne("leftMenuRef"), r = L(!0);
668
+ let n = re("leftMenuRef"), r = R(!0);
669
669
  return (e, i) => {
670
- let a = t, o = B("router-view");
671
- return P(), _("div", Ue, [x(He, null, {
672
- left: q(() => [v("div", { class: k(G(Y)("utools", "left-menu")) }, [v("div", {
673
- class: k(["flex items-center justify-center", G(Y)("utools", "left-menu", "collapse")]),
670
+ let a = t, o = V("router-view");
671
+ return F(), v("div", We, [S(Ue, null, {
672
+ left: q(() => [y("div", { class: A(K(Y)("utools", "left-menu")) }, [y("div", {
673
+ class: A(["flex items-center justify-center", K(Y)("utools", "left-menu", "collapse")]),
674
674
  onClick: i[0] ||= (e) => n.value?.changeCollapsed()
675
- }, [v("div", { class: k(["text-lg font-bold", r.value ? "i-u-expandLeft" : "i-u-expandRight"]) }, null, 2)], 2), x(G(Ee), D({
675
+ }, [y("div", { class: A(["text-lg font-bold", r.value ? "i-u-expandLeft" : "i-u-expandRight"]) }, null, 2)], 2), S(K(De), O({
676
676
  ref_key: "leftMenuRef",
677
677
  ref: n
678
678
  }, {
@@ -683,19 +683,19 @@ var Ye = /* @__PURE__ */ S({
683
683
  "onUpdate:collapsed": i[1] ||= (e) => r.value = e,
684
684
  hideOperations: ""
685
685
  }), {
686
- logo: q(() => [x(a, { image: e.avatar }, null, 8, ["image"]), v("div", We, V(e.title), 1)]),
686
+ logo: q(() => [S(a, { image: e.avatar }, null, 8, ["image"]), y("div", Ge, H(e.title), 1)]),
687
687
  _: 1
688
688
  }, 16, ["collapsed"])], 2)]),
689
- default: q(() => [v("div", { class: k(G(Y)("utools", "content-wrapper")) }, [
690
- v("div", Ge, [z(e.$slots, "header-tips")]),
691
- v("div", Ke, [v("div", qe, [x(o)])]),
692
- z(e.$slots, "footer", {}, () => [v("div", Je, " © " + V((/* @__PURE__ */ new Date()).getFullYear()) + " [xiaou]。保留所有权利 ", 1)])
689
+ default: q(() => [y("div", { class: A(K(Y)("utools", "content-wrapper")) }, [
690
+ y("div", Ke, [B(e.$slots, "header-tips")]),
691
+ y("div", qe, [y("div", Je, [S(o)])]),
692
+ B(e.$slots, "footer", {}, () => [y("div", Ye, " © " + H((/* @__PURE__ */ new Date()).getFullYear()) + " [xiaou]。保留所有权利 ", 1)])
693
693
  ], 2)]),
694
694
  _: 3
695
695
  })]);
696
696
  };
697
697
  }
698
- }), Xe = Ye, Ze = /* @__PURE__ */ S({
698
+ }), Ze = Xe, Qe = /* @__PURE__ */ C({
699
699
  __name: "PageHeader",
700
700
  props: {
701
701
  title: { default: "" },
@@ -704,37 +704,37 @@ var Ye = /* @__PURE__ */ S({
704
704
  },
705
705
  emits: ["back"],
706
706
  setup(e) {
707
- let t = e, r = X("page-header"), a = m(() => {
707
+ let t = e, r = X("page-header"), a = h(() => {
708
708
  let e = [r()];
709
709
  return t.size !== "default" && e.push(r(t.size)), e;
710
- }), o = m(() => ue("onBack"));
710
+ }), o = h(() => de("onBack"));
711
711
  return (e, t) => {
712
712
  let c = s, l = n, u = i;
713
- return P(), _("div", { class: k(a.value) }, [v("div", { class: k(["flex items-center", G(r)("header")]) }, [
714
- o.value || e.$slots.prefix ? z(e.$slots, "prefix", { key: 0 }, () => [x(l, {
715
- class: k(G(r)("header", "back")),
713
+ return F(), v("div", { class: A(a.value) }, [y("div", { class: A(["flex items-center", K(r)("header")]) }, [
714
+ o.value || e.$slots.prefix ? B(e.$slots, "prefix", { key: 0 }, () => [S(l, {
715
+ class: A(K(r)("header", "back")),
716
716
  shape: "square",
717
717
  variant: "text",
718
718
  onClick: t[0] ||= (t) => e.$emit("back")
719
719
  }, {
720
- icon: q(() => [x(c, { class: "i-u-left" })]),
720
+ icon: q(() => [S(c, { class: "i-u-left" })]),
721
721
  _: 1
722
- }, 8, ["class"])]) : g("", !0),
723
- v("div", { class: k(G(r)("title")) }, [z(e.$slots, "title", {}, () => [b(V(e.title), 1)])], 2),
724
- x(u, {
725
- class: k(G(r)("divider")),
722
+ }, 8, ["class"])]) : _("", !0),
723
+ y("div", { class: A(K(r)("title")) }, [B(e.$slots, "title", {}, () => [x(H(e.title), 1)])], 2),
724
+ S(u, {
725
+ class: A(K(r)("divider")),
726
726
  layout: "vertical"
727
727
  }, null, 8, ["class"]),
728
- v("div", { class: k(G(r)("subtitle")) }, [z(e.$slots, "subtitle", {}, () => [b(V(e.subtitle), 1)])], 2)
729
- ], 2), e.$slots.extra ? (P(), _("div", {
728
+ y("div", { class: A(K(r)("subtitle")) }, [B(e.$slots, "subtitle", {}, () => [x(H(e.subtitle), 1)])], 2)
729
+ ], 2), e.$slots.extra ? (F(), v("div", {
730
730
  key: 0,
731
- class: k(G(r)("extra"))
732
- }, [z(e.$slots, "extra")], 2)) : g("", !0)], 2);
731
+ class: A(K(r)("extra"))
732
+ }, [B(e.$slots, "extra")], 2)) : _("", !0)], 2);
733
733
  };
734
734
  }
735
- }), Qe = Ze;
736
- const $e = { class: "flex justify-between items-center" };
737
- var et = /* @__PURE__ */ S({
735
+ }), $e = Qe;
736
+ const et = { class: "flex justify-between items-center" };
737
+ var tt = /* @__PURE__ */ C({
738
738
  __name: "SettingItem",
739
739
  props: {
740
740
  title: {},
@@ -745,24 +745,66 @@ var et = /* @__PURE__ */ S({
745
745
  background: { default: "var(--u-bg-color-3)" }
746
746
  },
747
747
  setup(e) {
748
- let t = K(), n = m(() => "onClick" in t || "onClickCapture" in t), r = m(() => {
748
+ let t = te(), n = h(() => "onClick" in t || "onClickCapture" in t), r = h(() => {
749
749
  let e = [];
750
750
  return e.push(Y("setting-item")), n.value && e.push("cursor-pointer"), e;
751
751
  });
752
- return (e, t) => (P(), _("div", D({ class: r.value }, H({ ...n.value && { click: e.$attrs.onClick || e.$attrs.onClickCapture } }, !0)), [v("div", $e, [v("div", null, [v("div", { class: k(["u-fx u-gap5 u-fac", G(Y)("setting-item-title")]) }, [z(e.$slots, "title", {}, () => [b(V(e.title), 1)])], 2), z(e.$slots, "desc", {}, () => [v("div", { class: k(G(Y)("setting-item-desc")) }, V(e.desc), 3)])]), v("div", null, [z(e.$slots, "default")])]), v("div", null, [z(e.$slots, "extra")])], 16));
752
+ return (e, t) => (F(), v("div", O({ class: r.value }, U({ ...n.value && { click: e.$attrs.onClick || e.$attrs.onClickCapture } }, !0)), [y("div", et, [y("div", null, [y("div", { class: A(["u-fx u-gap5 u-fac", K(Y)("setting-item-title")]) }, [B(e.$slots, "title", {}, () => [x(H(e.title), 1)])], 2), B(e.$slots, "desc", {}, () => [y("div", { class: A(K(Y)("setting-item-desc")) }, H(e.desc), 3)])]), y("div", null, [B(e.$slots, "default")])]), y("div", null, [B(e.$slots, "extra")])], 16));
753
753
  }
754
- }), tt = et, nt = /* @__PURE__ */ S({
754
+ }), nt = tt, rt = /* @__PURE__ */ C({
755
755
  __name: "SettingDivision",
756
756
  setup(e) {
757
- return (e, t) => (P(), _("div", { class: k(G(Y)("setting-division")) }, null, 2));
757
+ return (e, t) => (F(), v("div", { class: A(K(Y)("setting-division")) }, null, 2));
758
758
  }
759
- }), rt = nt;
760
- const it = { key: 0 };
761
- var at = /* @__PURE__ */ S({
759
+ }), it = rt;
760
+ const at = { key: 0 };
761
+ var ot = /* @__PURE__ */ C({
762
762
  __name: "SettingGroup",
763
763
  props: { title: {} },
764
764
  setup(e) {
765
- return (e, t) => (P(), _("div", { class: k([G(Y)("setting-group")]) }, [v("div", { class: k(G(Y)("setting-group-header")) }, [v("div", { class: k(G(Y)("setting-group-title")) }, V(e.title), 3), e.$slots.desc ? (P(), _("div", it, [z(e.$slots, "desc")])) : g("", !0)], 2), v("div", null, [z(e.$slots, "default")])], 2));
765
+ return (e, t) => (F(), v("div", { class: A([K(Y)("setting-group")]) }, [y("div", { class: A(K(Y)("setting-group-header")) }, [y("div", { class: A(K(Y)("setting-group-title")) }, H(e.title), 3), e.$slots.desc ? (F(), v("div", at, [B(e.$slots, "desc")])) : _("", !0)], 2), y("div", null, [B(e.$slots, "default")])], 2));
766
+ }
767
+ }), st = ot, ct = /* @__PURE__ */ C({
768
+ name: "SwitchEnable",
769
+ inheritAttrs: !1,
770
+ __name: "SwitchEnable",
771
+ props: /* @__PURE__ */ D({
772
+ beforeChange: { type: Function },
773
+ customValue: {},
774
+ disabled: { type: Boolean },
775
+ label: {},
776
+ loading: { type: Boolean },
777
+ size: {},
778
+ defaultValue: {},
779
+ modelValue: {},
780
+ onChange: { type: Function }
781
+ }, {
782
+ value: {
783
+ type: Boolean,
784
+ default: !1
785
+ },
786
+ valueModifiers: {}
787
+ }),
788
+ emits: /* @__PURE__ */ D(["change"], ["update:value"]),
789
+ setup(e, { emit: t }) {
790
+ let n = ne(e, "value"), r = t, i = (e, t) => {
791
+ r("change", e, t);
792
+ }, a = (e, t) => t.value ? S("span", {
793
+ class: "i-u-check",
794
+ style: "width: 10px; height: 10px;"
795
+ }, null) : S("span", {
796
+ class: "i-u-close",
797
+ style: "width: 10px; height: 10px;"
798
+ }, null);
799
+ return (e, t) => {
800
+ let r = f;
801
+ return F(), g(r, O({ size: "large" }, e.$attrs, {
802
+ value: n.value,
803
+ "onUpdate:value": t[0] ||= (e) => n.value = e,
804
+ onChange: i,
805
+ label: a
806
+ }), null, 16, ["value"]);
807
+ };
766
808
  }
767
- }), ot = at;
768
- export { Oe as ContextMenu, Pe as ContextMenuDivider, Me as ContextMenuGroup, Ae as ContextMenuItem, Ie as ContextMenuSubmenu, Ee as LeftMenu, pe as LeftMenuEventDispatch, Q as LeftMenuEvents, Qe as PageHeader, rt as SettingDivision, ot as SettingGroup, tt as SettingItem, Be as SplitPanel, He as UtoolsBaseLayout, Xe as UtoolsLayout, fe as WebBaseLayout, Re as WebLayout, X as getBuildCurrentClassPrefix, Y as getClassPrefix, ue as isEventExist };
809
+ }), lt = ct;
810
+ export { ke as ContextMenu, Fe as ContextMenuDivider, Ne as ContextMenuGroup, je as ContextMenuItem, Le as ContextMenuSubmenu, De as LeftMenu, me as LeftMenuEventDispatch, Q as LeftMenuEvents, $e as PageHeader, it as SettingDivision, st as SettingGroup, nt as SettingItem, Ve as SplitPanel, lt as SwitchEnable, Ue as UtoolsBaseLayout, Ze as UtoolsLayout, pe as WebBaseLayout, ze as WebLayout, X as getBuildCurrentClassPrefix, Y as getClassPrefix, de as isEventExist };
package/dist/u-web-ui.css CHANGED
@@ -1,2 +1,2 @@
1
- :root{--red-1:255,236,232;--red-2:253,205,197;--red-3:251,172,163;--red-4:249,137,129;--red-5:247,101,96;--red-6:245,63,63;--red-7:203,39,45;--red-8:161,21,30;--red-9:119,8,19;--red-10:77,0,10;--gray-1:247,248,250;--gray-2:242,243,245;--gray-3:229,230,235;--gray-4:201,205,212;--gray-5:169,174,184;--gray-6:134,144,156;--gray-7:107,119,133;--gray-8:78,89,105;--gray-9:39,46,59;--gray-10:29,33,41;--green-1:232,255,234;--green-2:175,240,181;--green-3:123,225,136;--green-4:76,210,99;--green-5:35,195,67;--green-6:0,180,42;--green-7:0,154,41;--green-8:0,128,38;--green-9:0,102,34;--green-10:0,77,28;--blue-1:0,26,77;--blue-2:5,47,120;--blue-3:19,76,163;--blue-4:41,113,207;--blue-5:70,153,250;--blue-6:90,170,251;--blue-7:125,193,252;--blue-8:161,213,253;--blue-9:198,232,254;--blue-10:234,248,255;--u-bg-color:#f4f4f4;--u-bg-color-2:#fafbfb;--u-bg-color-3:#fff;--u-bg-color-3-hover:rgb(var(--gray-3),.5);--u-bg-color-3-active:rgb(var(--gray-3),.8);--u-blue-7:13,66,210;--u-blue-6:22,93,255;--u-blue-5:64,128,255;--u-wechat-color:#2ba471;--u-color-neutral-1:#f7f8fa;--u-color-neutral-2:#f2f3f5;--u-color-neutral-3:#e5e6ec;--u-shadow-sm:#0000001a 0px 1px 2px 0px;--u-shadow-lg:0 6px 16px 0 #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;--u-radius-small:4px;--u-radius-default:6px;--u-radius-medium:8px;--u-radius-large:10px;--u-radius-circle:50%;--u-text-color:var(--td-font-gray-1);--u-text-color-tips:#8a939f;--u-text-color-3:#86909c;--u-text-color-hover:#0052d9;--u-text-color-primary:var(--td-font-gray-1);--u-text-color-secondary:var(--td-font-gray-2);--u-text-color-placeholder:var(--td-font-gray-3);--u-text-color-disabled:var(--td-font-gray-4);--u-text-color-anti:#fff;--u-text-color-brand:var(--td-brand-color-7);--u-text-color-link:var(--td-brand-color-8);--u-text-color-danger:rgb(var(--red-6))}html[theme-mode=dark]{--red-1:77,0,10;--red-2:119,6,17;--red-3:161,22,31;--red-4:203,46,52;--red-5:245,78,78;--red-6:247,105,101;--red-7:249,141,134;--red-8:251,176,167;--red-9:253,209,202;--red-10:255,240,236;--gray-1:23,23,26;--gray-2:46,46,48;--gray-3:72,72,73;--gray-4:95,95,96;--gray-5:120,120,122;--gray-6:146,146,147;--gray-7:171,171,172;--gray-8:197,197,197;--gray-9:223,223,223;--gray-10:246,246,246;--green-1:0,77,28;--green-2:4,102,37;--green-3:10,128,45;--green-4:18,154,55;--green-5:29,180,64;--green-6:39,195,70;--green-7:80,210,102;--green-8:126,225,139;--green-9:178,240,183;--green-10:235,255,236;--blue-1:232,247,255;--blue-2:195,231,254;--blue-3:159,212,253;--blue-4:123,192,252;--blue-5:87,169,251;--blue-6:52,145,250;--blue-7:32,108,207;--blue-8:17,75,163;--blue-9:6,48,120;--blue-10:0,26,77;--u-bg-color:#303133;--u-bg-color-2:#2e2e30;--u-bg-color-3:#2a2a2b;--u-bg-color-3-hover:rgb(var(--gray-3),.65);--u-color-neutral-1:#f7f8fa;--u-color-neutral-2:#484849;--u-color-neutral-3:#e5e6ec;--u-text-color:var(--td-font-white-1);--u-text-color-tips:#8a939f;--u-text-color-primary:var(--td-font-white-1);--u-text-color-secondary:var(--td-font-white-2);--u-text-color-placeholder:var(--td-font-white-3);--u-text-color-disabled:var(--td-font-white-4);--u-text-color-anti:#fff;--u-text-color-brand:var(--td-brand-color-8);--u-text-color-link:var(--td-brand-color-8);--u-text-color-danger:rgb(var(--red-6))}.u-t-input .t-input{border-color:#0000;transition:border-color .25s linear}.u-t-input .t-input:hover{border-color:var(--td-border-level-2-color)}.u-t-input .t-input:focus{box-shadow:none}.u-t-input .t-input--focused{box-shadow:none;border-color:var(--td-brand-color)!important}.u-t-collapse{background-color:#0000;border:none}.u-t-collapse .t-collapse-panel__header{border-bottom:none;padding:8px 13px}.u-t-collapse .t-collapse-panel__body{background:0 0;border-bottom:none}.u-t-collapse .t-collapse-panel__body .t-collapse-panel__content{color:var(--u-text-color);padding:0 6px 0 14px}.u-slider-green .t-slider__button{background:rgb(var(--green-4));border-color:rgb(var(--green-4))}.u-slider-green .t-slider__button--dragging,.u-slider-green .t-slider__button:hover{background-color:rgb(var(--green-5));border-color:rgb(var(--green-5))}.u-slider-blue .t-slider__button{background:rgb(var(--blue-5));border-color:rgb(var(--blue-5))}.u-slider-blue .t-slider__button--dragging,.u-slider-blue .t-slider__button:hover{border-color:rgb(var(--blue-6));background-color:rgb(var(--blue-6))!important}.u-slider-no-fill .t-slider__track{background:0 0}.u-slider .t-slider__rail,.u-slider .t-slider__track{height:8px}.u-slider .t-slider__button{transition:all .2s linear}.u-slider .t-slider__button--dragging{box-shadow:none;transform:scale(1.25)}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-weight:400}*,:before,:after,::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-u-expandLeft{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='1em' height='1em' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9C6 7.34315 7.34315 6 9 6H39C40.6569 6 42 7.34315 42 9V39C42 40.6569 40.6569 42 39 42H9C7.34315 42 6 40.6569 6 39V9Z' fill='none' stroke='currentColor' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M32 6V42' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 20L20 24L16 28' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26 6H38' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26 42H38' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-expandRight{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='1em' height='1em' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' y='6' width='36' height='36' rx='3' fill='none' stroke='currentColor' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M18 6V42' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 6H36' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 42H36' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32 20L28 24L32 28' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-left{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='1em' height='1em' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31 36L19 24L31 12' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.visible{visibility:visible}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0}.flex{display:flex}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.p-1{padding:.25rem}.px{padding-left:1rem;padding-right:1rem}.pr-3{padding-right:.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}@media (min-width:800px){.ut\:p-2{padding:.5rem}}@media (min-width:1280px){.xl\:p-4{padding:1rem}}.u-web-main-content{background:var(--u-bg-color)}.u-web-main-content-inner{background-color:var(--u-bg-color);border-radius:.5rem;height:100%;padding:4px;overflow:hidden auto}.u-web-context-menu-trigger{display:contents}.u-web-context-menu-mask{z-index:999;background:0 0;position:fixed;inset:0}.u-web-context-menu-menu{z-index:1000;background:var(--u-bg-color-3);border:1px solid var(--gray-3);border-radius:var(--u-radius-default);width:max-content;min-width:100px;box-shadow:var(--u-shadow-lg);-webkit-user-select:none;user-select:none;padding:4px 0;position:fixed}.u-web-context-menu-submenu-popup{z-index:1001;position:absolute;top:0;left:100%}.u-web-context-menu-item{color:var(--u-text-color);cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;margin:0 4px;padding:6px 12px;font-size:14px;line-height:22px;transition:all .2s;display:flex;position:relative}.u-web-context-menu-item:hover{background-color:var(--u-bg-color-3-hover)}.u-web-context-menu-item:active{background-color:var(--u-bg-color-3-active)}.u-web-context-menu-item-disabled{color:var(--u-text-color-disabled);cursor:not-allowed}.u-web-context-menu-item-disabled:hover{background-color:#0000}.u-web-context-menu-item-danger{color:var(--u-text-color-danger)}.u-web-context-menu-item-danger:hover{background-color:rgba(var(--red-5),.1)}.u-web-context-menu-item-icon{margin-right:8px;font-size:14px}.u-web-context-menu-item-label{flex:1}.u-web-context-menu-submenu{position:relative}.u-web-context-menu-submenu-arrow{color:rgb(var(--gray-4));margin-left:8px;font-size:10px;transition:color 90ms linear}.u-web-context-menu-submenu-active{background-color:#0000000a}.u-web-context-menu-submenu-active>.u-web-context-menu-submenu-arrow{color:rgb(var(--gray-6))}.u-web-context-menu-submenu-disabled .u-web-context-menu-submenu-arrow{color:rgb(var(--gray-3))}.u-web-context-menu-group-title{color:var(--u-text-color-secondary);padding:4px 6px;font-size:12px;font-weight:500;line-height:20px}.u-web-context-menu-group:not(:first-child){border-top:1px solid var(--u-color-neutral-2);margin-top:2px;padding-top:2px}.u-web-context-menu-divider{background-color:var(--u-color-neutral-2);height:1px;margin:4px 0}.u-web-split-panel{width:100%;height:100%;display:flex}.u-web-split-panel-horizontal{flex-direction:row}.u-web-split-panel-vertical{flex-direction:column}.u-web-split-panel-pane{overflow:hidden}.u-web-split-panel-pane-second{flex:1;min-width:0;min-height:0}.u-web-split-trigger{background:var(--u-bg-color-2,#f0f0f0);border:1px solid var(--u-color-neutral-3,#e0e0e0);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:relative}.u-web-split-trigger:hover:not(.u-web-split-trigger-disabled){background:var(--u-bg-color-3-hover,#e8e8e8)}.u-web-split-trigger-horizontal{cursor:col-resize;width:6px;margin:0 1px}.u-web-split-trigger-horizontal .u-web-split-trigger-icon{flex-direction:column;gap:2px;display:flex}.u-web-split-trigger-horizontal .u-web-split-trigger-line{background:var(--u-text-color-placeholder,#999);border-radius:1px;width:2px;height:12px}.u-web-split-trigger-vertical{cursor:row-resize;height:6px;margin:1px 0}.u-web-split-trigger-vertical .u-web-split-trigger-icon{flex-direction:row;gap:2px;display:flex}.u-web-split-trigger-vertical .u-web-split-trigger-line{background:var(--u-text-color-placeholder,#999);border-radius:1px;width:12px;height:2px}.u-web-split-trigger-disabled{cursor:not-allowed;opacity:.5}.u-web-split-trigger-disabled:hover{background:var(--u-bg-color-2,#f0f0f0)}.utools{height:100%}.utools .t-is-collapsed .t-menu__logo .title{display:none}.utools .t-is-collapsed .t-menu__logo>*{margin-left:0!important}.utools .t-is-collapsed .t-menu__logo:not(:empty){border-bottom:none;justify-content:center}.utools .t-menu__logo{padding:0 8px}.utools .t-default-menu__inner .t-menu{padding:12px 6px}.utools .t-default-menu{background:var(--u-bg-color)}.utools .t-default-menu .t-menu__item.t-is-active:not(.t-is-opened),.utools .t-default-menu .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled){background:var(--u-bg-color-2)}.u-web-utools-left-menu{width:100%;height:100%;position:relative}.u-web-utools-left-menu .u-web-utools-left-menu-collapse{z-index:888;border-radius:var(--u-radius-circle);background-color:var(--u-bg-color-2);cursor:pointer;width:32px;height:32px;color:var(--u-text-color-3);padding:4px;transition:all .28s linear;position:absolute;top:8px;right:-32px}.u-web-utools-left-menu .u-web-utools-left-menu-collapse:hover{color:var(--u-text-color-hover);box-shadow:0 1px 2px #0000001a}.u-web-utools-content-wrapper{box-sizing:border-box;background:var(--u-bg-color);grid-template-rows:24px calc(100vh - 39px) 15px;width:100%;height:100%;min-height:100vh;display:grid;overflow:hidden}.u-web-utools-content-wrapper .content{padding:4px}.u-web-utools-content-wrapper .content .content-inner{border-radius:var(--u-radius-medium);background-color:var(--u-bg-color-2);height:100%;overflow-y:auto;box-shadow:0 1px 2px #0000001a}.u-web-page-header{background:var(--u-bg-color-2);border-bottom:1px solid var(--u-color-neutral-2);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.u-web-page-header-small{padding:14px 16px 12px}.u-web-page-header-small .u-web-page-header-title{font-size:16px}.u-web-page-header-small .u-web-page-header-header-back .t-icon{font-size:18px}.u-web-page-header-large{padding:20px 24px}.u-web-page-header-large .u-web-page-header-title{font-size:20px}.u-web-page-header-large .u-web-page-header-header-back .t-icon{font-size:24px}.u-web-page-header-header{gap:6px}.u-web-page-header-header-back .t-icon{font-size:20px}.u-web-page-header-subtitle{color:var(--u-text-color-secondary)}.u-web-page-header-divider{height:20px}.u-web-page-header-title{color:var(--u-text-color);font-size:18px;font-weight:500;line-height:1.5}.u-web-page-header-extra{align-items:center;gap:16px;display:flex}.u-web-setting-item{background:var(--u-bg-color-3);-webkit-user-select:none;user-select:none;padding:15px 10px;transition:all .28s linear}.u-web-setting-item:hover{background:rgb(var(--gray-2),.5)}.u-web-setting-item-title{margin-bottom:.25rem;font-size:1rem;font-weight:700}.u-web-setting-item-desc{color:var(--u-text-color-tips);font-size:12px}.u-web-division{border-bottom:1px dashed var(--u-color-neutral-2)}.u-web-setting-group>div:last-child{border-radius:6px;transition:all .26s linear;overflow:hidden}.u-web-setting-group>div:last-child:hover{box-shadow:0 3px 5px #0000000a}.u-web-setting-group-header,.u-web-setting-group-title{margin-bottom:.5rem}.u-web-setting-group-title{border-left:2px solid rgb(var(--u-blue-5));padding-left:.5rem;font-size:1.25rem;font-weight:600;line-height:1.75rem}
1
+ :root{--red-1:255,236,232;--red-2:253,205,197;--red-3:251,172,163;--red-4:249,137,129;--red-5:247,101,96;--red-6:245,63,63;--red-7:203,39,45;--red-8:161,21,30;--red-9:119,8,19;--red-10:77,0,10;--gray-1:247,248,250;--gray-2:242,243,245;--gray-3:229,230,235;--gray-4:201,205,212;--gray-5:169,174,184;--gray-6:134,144,156;--gray-7:107,119,133;--gray-8:78,89,105;--gray-9:39,46,59;--gray-10:29,33,41;--green-1:232,255,234;--green-2:175,240,181;--green-3:123,225,136;--green-4:76,210,99;--green-5:35,195,67;--green-6:0,180,42;--green-7:0,154,41;--green-8:0,128,38;--green-9:0,102,34;--green-10:0,77,28;--blue-1:0,26,77;--blue-2:5,47,120;--blue-3:19,76,163;--blue-4:41,113,207;--blue-5:70,153,250;--blue-6:90,170,251;--blue-7:125,193,252;--blue-8:161,213,253;--blue-9:198,232,254;--blue-10:234,248,255;--u-bg-color:#f4f4f4;--u-bg-color-2:#fafbfb;--u-bg-color-3:#fff;--u-bg-color-3-hover:rgb(var(--gray-3),.5);--u-bg-color-3-active:rgb(var(--gray-3),.8);--u-blue-7:13,66,210;--u-blue-6:22,93,255;--u-blue-5:64,128,255;--u-wechat-color:#2ba471;--u-color-neutral-1:#f7f8fa;--u-color-neutral-2:#f2f3f5;--u-color-neutral-3:#e5e6ec;--u-shadow-sm:#0000001a 0px 1px 2px 0px;--u-shadow-lg:0 6px 16px 0 #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;--u-radius-small:4px;--u-radius-default:6px;--u-radius-medium:8px;--u-radius-large:10px;--u-radius-circle:50%;--u-text-color:var(--td-font-gray-1);--u-text-color-tips:#8a939f;--u-text-color-3:#86909c;--u-text-color-hover:#0052d9;--u-text-color-primary:var(--td-font-gray-1);--u-text-color-secondary:var(--td-font-gray-2);--u-text-color-placeholder:var(--td-font-gray-3);--u-text-color-disabled:var(--td-font-gray-4);--u-text-color-anti:#fff;--u-text-color-brand:var(--td-brand-color-7);--u-text-color-link:var(--td-brand-color-8);--u-text-color-danger:rgb(var(--red-6))}html[theme-mode=dark]{--red-1:77,0,10;--red-2:119,6,17;--red-3:161,22,31;--red-4:203,46,52;--red-5:245,78,78;--red-6:247,105,101;--red-7:249,141,134;--red-8:251,176,167;--red-9:253,209,202;--red-10:255,240,236;--gray-1:23,23,26;--gray-2:46,46,48;--gray-3:72,72,73;--gray-4:95,95,96;--gray-5:120,120,122;--gray-6:146,146,147;--gray-7:171,171,172;--gray-8:197,197,197;--gray-9:223,223,223;--gray-10:246,246,246;--green-1:0,77,28;--green-2:4,102,37;--green-3:10,128,45;--green-4:18,154,55;--green-5:29,180,64;--green-6:39,195,70;--green-7:80,210,102;--green-8:126,225,139;--green-9:178,240,183;--green-10:235,255,236;--blue-1:232,247,255;--blue-2:195,231,254;--blue-3:159,212,253;--blue-4:123,192,252;--blue-5:87,169,251;--blue-6:52,145,250;--blue-7:32,108,207;--blue-8:17,75,163;--blue-9:6,48,120;--blue-10:0,26,77;--u-bg-color:#303133;--u-bg-color-2:#2e2e30;--u-bg-color-3:#2a2a2b;--u-bg-color-3-hover:rgb(var(--gray-3),.65);--u-color-neutral-1:#f7f8fa;--u-color-neutral-2:#484849;--u-color-neutral-3:#e5e6ec;--u-text-color:var(--td-font-white-1);--u-text-color-tips:#8a939f;--u-text-color-primary:var(--td-font-white-1);--u-text-color-secondary:var(--td-font-white-2);--u-text-color-placeholder:var(--td-font-white-3);--u-text-color-disabled:var(--td-font-white-4);--u-text-color-anti:#fff;--u-text-color-brand:var(--td-brand-color-8);--u-text-color-link:var(--td-brand-color-8);--u-text-color-danger:rgb(var(--red-6))}.u-t-input .t-input{border-color:#0000;transition:border-color .25s linear}.u-t-input .t-input:hover{border-color:var(--td-border-level-2-color)}.u-t-input .t-input:focus{box-shadow:none}.u-t-input .t-input--focused{box-shadow:none;border-color:var(--td-brand-color)!important}.u-t-collapse{background-color:#0000;border:none}.u-t-collapse .t-collapse-panel__header{border-bottom:none;padding:8px 13px}.u-t-collapse .t-collapse-panel__body{background:0 0;border-bottom:none}.u-t-collapse .t-collapse-panel__body .t-collapse-panel__content{color:var(--u-text-color);padding:0 6px 0 14px}.u-slider-green .t-slider__button{background:rgb(var(--green-4));border-color:rgb(var(--green-4))}.u-slider-green .t-slider__button--dragging,.u-slider-green .t-slider__button:hover{background-color:rgb(var(--green-5));border-color:rgb(var(--green-5))}.u-slider-blue .t-slider__button{background:rgb(var(--blue-5));border-color:rgb(var(--blue-5))}.u-slider-blue .t-slider__button--dragging,.u-slider-blue .t-slider__button:hover{border-color:rgb(var(--blue-6));background-color:rgb(var(--blue-6))!important}.u-slider-no-fill .t-slider__track{background:0 0}.u-slider .t-slider__rail,.u-slider .t-slider__track{height:8px}.u-slider .t-slider__button{transition:all .2s linear}.u-slider .t-slider__button--dragging{box-shadow:none;transform:scale(1.25)}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-weight:400}*,:before,:after,::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-u-check{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43 11L16.875 37L5 25.1818' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8L40 40' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 40L40 8' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-expandLeft{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9C6 7.34315 7.34315 6 9 6H39C40.6569 6 42 7.34315 42 9V39C42 40.6569 40.6569 42 39 42H9C7.34315 42 6 40.6569 6 39V9Z' fill='none' stroke='currentColor' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M32 6V42' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 20L20 24L16 28' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26 6H38' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26 42H38' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-expandRight{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' y='6' width='36' height='36' rx='3' fill='none' stroke='currentColor' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M18 6V42' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 6H36' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 42H36' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32 20L28 24L32 28' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-left{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31 36L19 24L31 12' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.visible{visibility:visible}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0}.flex{display:flex}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.p-1{padding:.25rem}.px{padding-left:1rem;padding-right:1rem}.pr-3{padding-right:.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}@media (min-width:800px){.ut\:p-2{padding:.5rem}}@media (min-width:1280px){.xl\:p-4{padding:1rem}}.u-web-main-content{background:var(--u-bg-color)}.u-web-main-content-inner{background-color:var(--u-bg-color);border-radius:.5rem;height:100%;padding:4px;overflow:hidden auto}.u-web-context-menu-trigger{display:contents}.u-web-context-menu-mask{z-index:999;background:0 0;position:fixed;inset:0}.u-web-context-menu-menu{z-index:1000;background:var(--u-bg-color-3);border:1px solid var(--gray-3);border-radius:var(--u-radius-default);width:max-content;min-width:100px;box-shadow:var(--u-shadow-lg);-webkit-user-select:none;user-select:none;padding:4px 0;position:fixed}.u-web-context-menu-submenu-popup{z-index:1001;position:absolute;top:0;left:100%}.u-web-context-menu-item{color:var(--u-text-color);cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;margin:0 4px;padding:6px 12px;font-size:14px;line-height:22px;transition:all .2s;display:flex;position:relative}.u-web-context-menu-item:hover{background-color:var(--u-bg-color-3-hover)}.u-web-context-menu-item:active{background-color:var(--u-bg-color-3-active)}.u-web-context-menu-item-disabled{color:var(--u-text-color-disabled);cursor:not-allowed}.u-web-context-menu-item-disabled:hover{background-color:#0000}.u-web-context-menu-item-danger{color:var(--u-text-color-danger)}.u-web-context-menu-item-danger:hover{background-color:rgba(var(--red-5),.1)}.u-web-context-menu-item-icon{margin-right:8px;font-size:14px}.u-web-context-menu-item-label{flex:1}.u-web-context-menu-submenu{position:relative}.u-web-context-menu-submenu-arrow{color:rgb(var(--gray-4));margin-left:8px;font-size:10px;transition:color 90ms linear}.u-web-context-menu-submenu-active{background-color:#0000000a}.u-web-context-menu-submenu-active>.u-web-context-menu-submenu-arrow{color:rgb(var(--gray-6))}.u-web-context-menu-submenu-disabled .u-web-context-menu-submenu-arrow{color:rgb(var(--gray-3))}.u-web-context-menu-group-title{color:var(--u-text-color-secondary);padding:4px 6px;font-size:12px;font-weight:500;line-height:20px}.u-web-context-menu-group:not(:first-child){border-top:1px solid var(--u-color-neutral-2);margin-top:2px;padding-top:2px}.u-web-context-menu-divider{background-color:var(--u-color-neutral-2);height:1px;margin:4px 0}.u-web-split-panel{width:100%;height:100%;display:flex}.u-web-split-panel-horizontal{flex-direction:row}.u-web-split-panel-vertical{flex-direction:column}.u-web-split-panel-pane{overflow:hidden}.u-web-split-panel-pane-second{flex:1;min-width:0;min-height:0}.u-web-split-trigger{background:var(--u-bg-color-2,#f0f0f0);border:1px solid var(--u-color-neutral-3,#e0e0e0);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:relative}.u-web-split-trigger:hover:not(.u-web-split-trigger-disabled){background:var(--u-bg-color-3-hover,#e8e8e8)}.u-web-split-trigger-horizontal{cursor:col-resize;width:6px;margin:0 1px}.u-web-split-trigger-horizontal .u-web-split-trigger-icon{flex-direction:column;gap:2px;display:flex}.u-web-split-trigger-horizontal .u-web-split-trigger-line{background:var(--u-text-color-placeholder,#999);border-radius:1px;width:2px;height:12px}.u-web-split-trigger-vertical{cursor:row-resize;height:6px;margin:1px 0}.u-web-split-trigger-vertical .u-web-split-trigger-icon{flex-direction:row;gap:2px;display:flex}.u-web-split-trigger-vertical .u-web-split-trigger-line{background:var(--u-text-color-placeholder,#999);border-radius:1px;width:12px;height:2px}.u-web-split-trigger-disabled{cursor:not-allowed;opacity:.5}.u-web-split-trigger-disabled:hover{background:var(--u-bg-color-2,#f0f0f0)}.utools{height:100%}.utools .t-is-collapsed .t-menu__logo .title{display:none}.utools .t-is-collapsed .t-menu__logo>*{margin-left:0!important}.utools .t-is-collapsed .t-menu__logo:not(:empty){border-bottom:none;justify-content:center}.utools .t-menu__logo{padding:0 8px}.utools .t-default-menu__inner .t-menu{padding:12px 6px}.utools .t-default-menu{background:var(--u-bg-color)}.utools .t-default-menu .t-menu__item.t-is-active:not(.t-is-opened),.utools .t-default-menu .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled){background:var(--u-bg-color-2)}.u-web-utools-left-menu{width:100%;height:100%;position:relative}.u-web-utools-left-menu .u-web-utools-left-menu-collapse{z-index:888;border-radius:var(--u-radius-circle);background-color:var(--u-bg-color-2);cursor:pointer;width:32px;height:32px;color:var(--u-text-color-3);padding:4px;transition:all .28s linear;position:absolute;top:8px;right:-32px}.u-web-utools-left-menu .u-web-utools-left-menu-collapse:hover{color:var(--u-text-color-hover);box-shadow:0 1px 2px #0000001a}.u-web-utools-content-wrapper{box-sizing:border-box;background:var(--u-bg-color);grid-template-rows:24px calc(100vh - 39px) 15px;width:100%;height:100%;min-height:100vh;display:grid;overflow:hidden}.u-web-utools-content-wrapper .content{padding:4px}.u-web-utools-content-wrapper .content .content-inner{border-radius:var(--u-radius-medium);background-color:var(--u-bg-color-2);height:100%;overflow-y:auto;box-shadow:0 1px 2px #0000001a}.u-web-page-header{background:var(--u-bg-color-2);border-bottom:1px solid var(--u-color-neutral-2);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.u-web-page-header-small{padding:14px 16px 12px}.u-web-page-header-small .u-web-page-header-title{font-size:16px}.u-web-page-header-small .u-web-page-header-header-back .t-icon{font-size:18px}.u-web-page-header-large{padding:20px 24px}.u-web-page-header-large .u-web-page-header-title{font-size:20px}.u-web-page-header-large .u-web-page-header-header-back .t-icon{font-size:24px}.u-web-page-header-header{gap:6px}.u-web-page-header-header-back .t-icon{font-size:20px}.u-web-page-header-subtitle{color:var(--u-text-color-secondary)}.u-web-page-header-divider{height:20px}.u-web-page-header-title{color:var(--u-text-color);font-size:18px;font-weight:500;line-height:1.5}.u-web-page-header-extra{align-items:center;gap:16px;display:flex}.u-web-setting-item{background:var(--u-bg-color-3);-webkit-user-select:none;user-select:none;padding:15px 10px;transition:all .28s linear}.u-web-setting-item:hover{background:rgb(var(--gray-2),.5)}.u-web-setting-item-title{margin-bottom:.25rem;font-size:1rem;font-weight:700}.u-web-setting-item-desc{color:var(--u-text-color-tips);font-size:12px}.u-web-division{border-bottom:1px dashed var(--u-color-neutral-2)}.u-web-setting-group>div:last-child{border-radius:6px;transition:all .26s linear;overflow:hidden}.u-web-setting-group>div:last-child:hover{box-shadow:0 3px 5px #0000000a}.u-web-setting-group-header,.u-web-setting-group-title{margin-bottom:.5rem}.u-web-setting-group-title{border-left:2px solid rgb(var(--u-blue-5));padding-left:.5rem;font-size:1.25rem;font-weight:600;line-height:1.75rem}
2
2
  /*$vite$:1*/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xiaou66/u-web-ui",
3
- "version": "0.0.12",
3
+ "version": "0.0.13",
4
4
  "description": "web-ui",
5
5
  "main": "./dist/index.es.js",
6
6
  "module": "./dist/index.es.js",
@@ -25,6 +25,7 @@
25
25
  "@unocss/preset-icons": "^66.3.3",
26
26
  "@unocss/transformer-directives": "^66.3.3",
27
27
  "@vitejs/plugin-vue": "^6.0.0",
28
+ "@vitejs/plugin-vue-jsx": "^5.0.1",
28
29
  "@vue/tsconfig": "^0.7.0",
29
30
  "@vueuse/core": "^13.5.0",
30
31
  "less": "^4.4.0",
@@ -40,9 +41,9 @@
40
41
  "vue-tsc": "^2.2.10"
41
42
  },
42
43
  "peerDependencies": {
44
+ "tdesign-vue-next": "^1.15.1",
43
45
  "vue": "^3.5.17",
44
- "vue-router": "^4.5.1",
45
- "tdesign-vue-next": "^1.15.1"
46
+ "vue-router": "^4.5.1"
46
47
  },
47
48
  "exports": {
48
49
  ".": {