@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.
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/switch/SwitchEnable/SwitchEnable.d.ts +29 -0
- package/dist/components/switch/SwitchEnable/SwitchEnable.d.ts.map +1 -0
- package/dist/components/switch/SwitchEnable/SwitchEnable.vue.d.ts +19 -0
- package/dist/components/switch/SwitchEnable/SwitchEnable.vue.d.ts.map +1 -0
- package/dist/components/switch/SwitchEnable/index.d.ts +3 -0
- package/dist/components/switch/SwitchEnable/index.d.ts.map +1 -0
- package/dist/components/switch/index.d.ts +2 -0
- package/dist/components/switch/index.d.ts.map +1 -0
- package/dist/index.es.js +298 -256
- package/dist/u-web-ui.css +1 -1
- package/package.json +4 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,
|
|
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 @@
|
|
|
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 @@
|
|
|
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
|
|
3
|
-
import { useRoute as
|
|
4
|
-
const
|
|
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
|
|
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
|
|
12
|
+
function ce(e) {
|
|
13
13
|
return e.substring(0, 1).toUpperCase() + e.substring(1);
|
|
14
14
|
}
|
|
15
|
-
const Z = "on",
|
|
15
|
+
const Z = "on", le = [
|
|
16
16
|
"Capture",
|
|
17
17
|
"Passive",
|
|
18
18
|
"Once"
|
|
19
|
-
],
|
|
20
|
-
function
|
|
19
|
+
], ue = /* @__PURE__ */ RegExp(`^(${le.join("|")})*$`);
|
|
20
|
+
function de(...e) {
|
|
21
21
|
if (!e.length) return !1;
|
|
22
|
-
let t =
|
|
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}${
|
|
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 &&
|
|
32
|
+
if (n && ue.test(n)) return !0;
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
return !1;
|
|
36
36
|
}
|
|
37
|
-
var
|
|
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
|
|
43
|
-
default: q(() => [t.$slots.header ? (
|
|
44
|
-
default: q(() => [
|
|
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
|
-
})) :
|
|
47
|
-
default: q(() => [
|
|
48
|
-
default: q(() => [
|
|
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
|
-
}),
|
|
51
|
-
default: q(() => [
|
|
52
|
-
default: q(() => [
|
|
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
|
-
}),
|
|
63
|
+
}), pe = fe;
|
|
64
64
|
let Q = /* @__PURE__ */ function(e) {
|
|
65
65
|
return e.Refresh = "u:leftMenu:refresh", e;
|
|
66
66
|
}({});
|
|
67
|
-
const
|
|
67
|
+
const me = { refresh: () => {
|
|
68
68
|
window.dispatchEvent(new CustomEvent(Q.Refresh));
|
|
69
69
|
} };
|
|
70
|
-
function
|
|
71
|
-
return
|
|
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
|
|
76
|
-
function
|
|
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
|
|
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
|
|
87
|
-
|
|
88
|
-
const
|
|
89
|
-
|
|
90
|
-
function
|
|
91
|
-
return
|
|
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
|
|
96
|
+
const Ce = $ ? window : void 0;
|
|
97
97
|
$ && window.document, $ && window.navigator, $ && window.location;
|
|
98
|
-
function
|
|
98
|
+
function we(e) {
|
|
99
99
|
var t;
|
|
100
|
-
let n =
|
|
100
|
+
let n = G(e);
|
|
101
101
|
return (t = n?.$el) ?? n;
|
|
102
102
|
}
|
|
103
|
-
function
|
|
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 =
|
|
107
|
-
let t =
|
|
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 =
|
|
109
|
+
}), a = Se(() => {
|
|
110
110
|
var t, n;
|
|
111
111
|
return [
|
|
112
|
-
(n = (t = i.value)?.map((e) =>
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
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 =
|
|
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
|
|
124
|
+
return he(n), o;
|
|
125
125
|
}
|
|
126
126
|
Symbol("vueuse-ssr-width");
|
|
127
|
-
var
|
|
127
|
+
var Ee = /* @__PURE__ */ C({
|
|
128
128
|
__name: "LeftMenu",
|
|
129
|
-
props: /* @__PURE__ */
|
|
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 =
|
|
148
|
+
let r = e, i = ne(e, "collapsed");
|
|
149
149
|
function a() {
|
|
150
150
|
i.value = !i.value;
|
|
151
151
|
}
|
|
152
|
-
let o =
|
|
152
|
+
let o = oe(), c = ae(), f = R([]);
|
|
153
153
|
function m() {
|
|
154
|
-
|
|
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
|
|
157
|
-
r.loadRouter ?
|
|
156
|
+
function h() {
|
|
157
|
+
r.loadRouter ? f.value = r.loadRouter() : m();
|
|
158
158
|
}
|
|
159
|
-
|
|
160
|
-
|
|
159
|
+
M(() => {
|
|
160
|
+
h();
|
|
161
161
|
});
|
|
162
|
-
function
|
|
162
|
+
function _(e) {
|
|
163
163
|
o.push({ name: e.name });
|
|
164
164
|
}
|
|
165
|
-
function
|
|
165
|
+
function y(e) {
|
|
166
166
|
return e.children ? e.children.filter((e) => e.meta?.menu) : [];
|
|
167
167
|
}
|
|
168
|
-
return r.refreshEventListener &&
|
|
168
|
+
return r.refreshEventListener && Te(document, Q.Refresh, h), t({
|
|
169
169
|
changeCollapsed: a,
|
|
170
|
-
refreshRouter:
|
|
170
|
+
refreshRouter: h
|
|
171
171
|
}), (e, t) => {
|
|
172
|
-
let r = s, o = n, m = u,
|
|
173
|
-
return
|
|
174
|
-
value:
|
|
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
|
-
},
|
|
179
|
-
default: q(() => [(
|
|
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(() => [
|
|
184
|
-
title: q(() => [
|
|
185
|
-
default: q(() => [(
|
|
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) =>
|
|
188
|
+
onClick: (t) => _(e)
|
|
189
189
|
}, {
|
|
190
|
-
icon: q(() => [
|
|
191
|
-
default: q(() => [
|
|
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"])) : (
|
|
195
|
+
}, 1032, ["value"])) : (F(), g(m, {
|
|
196
196
|
key: 1,
|
|
197
197
|
value: String(e.name),
|
|
198
|
-
onClick: (t) =>
|
|
198
|
+
onClick: (t) => _(e)
|
|
199
199
|
}, {
|
|
200
|
-
icon: q(() => [
|
|
201
|
-
default: q(() => [
|
|
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(() => [
|
|
207
|
+
fn: q(() => [S(o, {
|
|
208
208
|
variant: "text",
|
|
209
209
|
shape: "square",
|
|
210
210
|
onClick: a
|
|
211
211
|
}, {
|
|
212
|
-
icon: q(() => [
|
|
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(() => [
|
|
218
|
+
fn: q(() => [B(e.$slots, "logo")]),
|
|
219
219
|
key: "1"
|
|
220
220
|
} : void 0]), 1032, ["value", "collapsed"]);
|
|
221
221
|
};
|
|
222
222
|
}
|
|
223
|
-
}),
|
|
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 =
|
|
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,
|
|
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
|
-
},
|
|
244
|
+
}, f = (e, t) => {
|
|
245
245
|
r("select", e, t), n.hideOnSelect && (s.value = !1);
|
|
246
|
-
},
|
|
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
|
|
260
|
-
document.addEventListener("click",
|
|
261
|
-
}),
|
|
262
|
-
document.removeEventListener("click",
|
|
263
|
-
}), (e, t) => (
|
|
264
|
-
|
|
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:
|
|
267
|
+
class: A(K(i)("trigger")),
|
|
268
268
|
onContextmenu: J(l, ["prevent"])
|
|
269
|
-
}, [
|
|
270
|
-
(
|
|
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:
|
|
275
|
-
style:
|
|
274
|
+
class: A(K(i)("menu")),
|
|
275
|
+
style: j(c),
|
|
276
276
|
onContextmenu: t[0] ||= J(() => {}, ["prevent"])
|
|
277
|
-
}, [
|
|
278
|
-
(
|
|
277
|
+
}, [B(e.$slots, "content")], 38)) : _("", !0)])),
|
|
278
|
+
(F(), g(m, { to: "body" }, [s.value ? (F(), v("div", {
|
|
279
279
|
key: 0,
|
|
280
|
-
class:
|
|
280
|
+
class: A(K(i)("mask")),
|
|
281
281
|
onClick: d,
|
|
282
282
|
onContextmenu: J(d, ["prevent"])
|
|
283
|
-
}, null, 34)) :
|
|
283
|
+
}, null, 34)) : _("", !0)]))
|
|
284
284
|
], 64));
|
|
285
285
|
}
|
|
286
|
-
}),
|
|
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 =
|
|
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) => (
|
|
319
|
-
class:
|
|
320
|
-
[
|
|
321
|
-
[
|
|
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 ? (
|
|
325
|
+
}, [e.icon ? (F(), v("span", {
|
|
326
326
|
key: 0,
|
|
327
|
-
class:
|
|
328
|
-
},
|
|
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
|
-
}),
|
|
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) => (
|
|
335
|
+
return (e, n) => (F(), v("div", { class: A(K(t)()) }, [e.title ? (F(), v("div", {
|
|
336
336
|
key: 0,
|
|
337
|
-
class:
|
|
338
|
-
},
|
|
337
|
+
class: A(K(t)("title"))
|
|
338
|
+
}, H(e.title), 3)) : _("", !0), B(e.$slots, "default")], 2));
|
|
339
339
|
}
|
|
340
|
-
}),
|
|
340
|
+
}), Ne = Me, Pe = /* @__PURE__ */ C({
|
|
341
341
|
__name: "ContextMenuDivider",
|
|
342
342
|
setup(e) {
|
|
343
|
-
return (e, t) => (
|
|
343
|
+
return (e, t) => (F(), v("div", { class: A(K(Y)("context-menu-divider")) }, null, 2));
|
|
344
344
|
}
|
|
345
|
-
}),
|
|
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 =
|
|
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 =
|
|
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 || (
|
|
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 && (
|
|
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,
|
|
378
|
+
n.disabled || (m = !0, g(), f = setTimeout(() => {
|
|
379
379
|
b();
|
|
380
380
|
}, 150));
|
|
381
381
|
}, w = () => {
|
|
382
382
|
m = !1, x();
|
|
383
|
-
},
|
|
384
|
-
h = !0,
|
|
383
|
+
}, T = () => {
|
|
384
|
+
h = !0, g();
|
|
385
385
|
}, D = () => {
|
|
386
386
|
h = !1, x();
|
|
387
|
-
},
|
|
387
|
+
}, O = (e, t) => {
|
|
388
388
|
l.value = !1, r("select", e, t), d && d(e, t);
|
|
389
|
-
},
|
|
389
|
+
}, N = (e) => {
|
|
390
390
|
let { value: t, originalEvent: n } = e.detail;
|
|
391
|
-
|
|
392
|
-
},
|
|
391
|
+
O(t, n);
|
|
392
|
+
}, z = (e) => {
|
|
393
393
|
e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
|
|
394
|
-
},
|
|
394
|
+
}, V = (e) => {
|
|
395
395
|
e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
|
|
396
|
-
},
|
|
397
|
-
if (!n.disabled) if (e.stopPropagation(), e.preventDefault(),
|
|
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,
|
|
400
|
+
u.left = "100%", u.top = "0px", l.value = !0, k(() => {
|
|
401
401
|
S();
|
|
402
402
|
});
|
|
403
403
|
}
|
|
404
404
|
};
|
|
405
|
-
|
|
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
|
-
},
|
|
416
|
+
}, G = (e) => {
|
|
417
417
|
l.value && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
|
|
418
418
|
};
|
|
419
|
-
return
|
|
420
|
-
document.addEventListener("click", U), document.addEventListener("mousedown", U), document.addEventListener("keydown", W), document.addEventListener("contextmenu",
|
|
421
|
-
}),
|
|
422
|
-
|
|
423
|
-
}), (e, t) => (
|
|
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:
|
|
427
|
-
|
|
428
|
-
|
|
426
|
+
class: A([
|
|
427
|
+
K(i)(),
|
|
428
|
+
K(a)(),
|
|
429
429
|
{
|
|
430
|
-
[
|
|
431
|
-
[
|
|
430
|
+
[K(i)("disabled")]: e.disabled,
|
|
431
|
+
[K(a)("active")]: l.value
|
|
432
432
|
}
|
|
433
433
|
]),
|
|
434
|
-
onContextmenu: J(
|
|
434
|
+
onContextmenu: J(z, ["prevent", "stop"]),
|
|
435
435
|
onMouseenter: C,
|
|
436
436
|
onMouseleave: w,
|
|
437
|
-
onClick:
|
|
437
|
+
onClick: ee
|
|
438
438
|
}, [
|
|
439
|
-
e.icon ? (
|
|
439
|
+
e.icon ? (F(), v("span", {
|
|
440
440
|
key: 0,
|
|
441
|
-
class:
|
|
442
|
-
},
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
l.value ? (
|
|
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:
|
|
450
|
-
style:
|
|
451
|
-
onContextmenu: J(
|
|
452
|
-
onMouseenter:
|
|
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:
|
|
455
|
-
}, [
|
|
454
|
+
onContextMenuSelect: N
|
|
455
|
+
}, [B(e.$slots, "default")], 38)) : _("", !0)
|
|
456
456
|
], 34));
|
|
457
457
|
}
|
|
458
|
-
}),
|
|
458
|
+
}), Le = Ie, Re = /* @__PURE__ */ C({
|
|
459
459
|
__name: "WebLayout",
|
|
460
460
|
setup(e) {
|
|
461
461
|
return (e, t) => {
|
|
462
|
-
let n = a, r =
|
|
463
|
-
return
|
|
464
|
-
header: q(() => [
|
|
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
|
-
},
|
|
467
|
+
}, b({ _: 2 }, [e.$slots.logo ? {
|
|
468
468
|
name: "logo",
|
|
469
|
-
fn: q(() => [
|
|
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(() => [
|
|
473
|
+
fn: q(() => [B(e.$slots, "operations")]),
|
|
474
474
|
key: "1"
|
|
475
475
|
} : void 0]), 1024)]),
|
|
476
|
-
left: q(() => [
|
|
477
|
-
default: q(() => [
|
|
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
|
-
}),
|
|
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 } =
|
|
504
|
-
|
|
505
|
-
e !== void 0 && (
|
|
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 =
|
|
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 =
|
|
518
|
+
}]), w = h(() => [p, {
|
|
519
519
|
[`${p}-horizontal`]: S.value,
|
|
520
520
|
[`${p}-vertical`]: !S.value,
|
|
521
521
|
[`${p}-disabled`]: n.disabled
|
|
522
|
-
}]), T =
|
|
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
|
|
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
|
|
541
|
+
return (!u.value || !e()) && await k(), e();
|
|
542
542
|
}
|
|
543
|
-
function
|
|
543
|
+
function P(e, t) {
|
|
544
544
|
if (!t) return;
|
|
545
545
|
let n = x.value.isPx ? `${e}px` : D(e, t);
|
|
546
|
-
|
|
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
|
|
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
|
|
570
|
+
function z(e) {
|
|
571
571
|
r("moving", e);
|
|
572
|
-
let t = S.value ?
|
|
573
|
-
startContainerSize:
|
|
574
|
-
startSize:
|
|
575
|
-
startPosition:
|
|
572
|
+
let t = S.value ? L({
|
|
573
|
+
startContainerSize: O.startContainerSize,
|
|
574
|
+
startSize: O.startSize,
|
|
575
|
+
startPosition: O.startPageX,
|
|
576
576
|
endPosition: e.pageX
|
|
577
|
-
}) :
|
|
578
|
-
startContainerSize:
|
|
579
|
-
startSize:
|
|
580
|
-
startPosition:
|
|
577
|
+
}) : L({
|
|
578
|
+
startContainerSize: O.startContainerSize,
|
|
579
|
+
startSize: O.startSize,
|
|
580
|
+
startPosition: O.startPageY,
|
|
581
581
|
endPosition: e.pageY
|
|
582
582
|
});
|
|
583
|
-
|
|
583
|
+
P(t, O.startContainerSize);
|
|
584
584
|
}
|
|
585
585
|
function V(e) {
|
|
586
|
-
window.removeEventListener("mousemove",
|
|
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),
|
|
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
|
|
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
|
|
598
|
-
let e = await N(), t = I(
|
|
599
|
-
|
|
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
|
-
|
|
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) => (
|
|
608
|
+
}), (e, t) => (F(), g(ee(e.component), {
|
|
609
609
|
ref_key: "wrapperRef",
|
|
610
610
|
ref: u,
|
|
611
|
-
class:
|
|
611
|
+
class: A(C.value)
|
|
612
612
|
}, {
|
|
613
613
|
default: q(() => [
|
|
614
|
-
|
|
615
|
-
class:
|
|
616
|
-
style:
|
|
617
|
-
}, [
|
|
618
|
-
e.disabled ?
|
|
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:
|
|
622
|
+
class: A(w.value),
|
|
623
623
|
onMousedown: H
|
|
624
|
-
}, [
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
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
|
-
|
|
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
|
-
}),
|
|
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
|
|
640
|
-
default: q(() => [
|
|
641
|
-
default: q(() => [
|
|
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
|
-
}),
|
|
644
|
-
default: q(() => [
|
|
645
|
-
default: q(() => [
|
|
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
|
-
}),
|
|
655
|
-
const
|
|
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
|
|
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 =
|
|
668
|
+
let n = re("leftMenuRef"), r = R(!0);
|
|
669
669
|
return (e, i) => {
|
|
670
|
-
let a = t, o =
|
|
671
|
-
return
|
|
672
|
-
left: q(() => [
|
|
673
|
-
class:
|
|
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
|
-
}, [
|
|
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(() => [
|
|
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(() => [
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
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
|
-
}),
|
|
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 =
|
|
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 =
|
|
710
|
+
}), o = h(() => de("onBack"));
|
|
711
711
|
return (e, t) => {
|
|
712
712
|
let c = s, l = n, u = i;
|
|
713
|
-
return
|
|
714
|
-
o.value || e.$slots.prefix ?
|
|
715
|
-
class:
|
|
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(() => [
|
|
720
|
+
icon: q(() => [S(c, { class: "i-u-left" })]),
|
|
721
721
|
_: 1
|
|
722
|
-
}, 8, ["class"])]) :
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
class:
|
|
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
|
-
|
|
729
|
-
], 2), e.$slots.extra ? (
|
|
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:
|
|
732
|
-
}, [
|
|
731
|
+
class: A(K(r)("extra"))
|
|
732
|
+
}, [B(e.$slots, "extra")], 2)) : _("", !0)], 2);
|
|
733
733
|
};
|
|
734
734
|
}
|
|
735
|
-
}),
|
|
736
|
-
const
|
|
737
|
-
var
|
|
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 =
|
|
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) => (
|
|
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
|
-
}),
|
|
754
|
+
}), nt = tt, rt = /* @__PURE__ */ C({
|
|
755
755
|
__name: "SettingDivision",
|
|
756
756
|
setup(e) {
|
|
757
|
-
return (e, t) => (
|
|
757
|
+
return (e, t) => (F(), v("div", { class: A(K(Y)("setting-division")) }, null, 2));
|
|
758
758
|
}
|
|
759
|
-
}),
|
|
760
|
-
const
|
|
761
|
-
var
|
|
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) => (
|
|
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
|
-
}),
|
|
768
|
-
export {
|
|
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.
|
|
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
|
".": {
|