x-prop-tree 0.8.14 → 0.8.16

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/index.js CHANGED
@@ -1,26 +1,26 @@
1
- import { a as e, i as t, n, r, t as i } from "./vendor.jothdq5o.js";
2
- import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, h as m, inject as h, isRef as g, mergeModels as _, mergeProps as v, normalizeStyle as y, onBeforeUnmount as b, onMounted as x, onUnmounted as S, openBlock as C, provide as w, ref as T, renderList as E, renderSlot as D, resolveComponent as O, resolveDirective as k, toDisplayString as A, unref as j, useId as M, useModel as N, useTemplateRef as ee, watch as P, watchEffect as F, withCtx as I, withDirectives as L, withKeys as R, withModifiers as z } from "vue";
3
- import { getElement as te, getItems as ne, getPropertyDefault as B, getPropertyDefaultArray as V, getTag as re, getTypes as ie, isHexColor as ae, isThemeColor as oe, makeSlotId as se, parseNumberUnit as ce, pkgs as le, rules as ue, themeColors as de } from "x-runtime-lib";
1
+ import { a as e, i as t, n, o as r, r as i, t as a } from "./vendor.cs922lli.js";
2
+ import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, h, inject as g, isRef as _, mergeModels as v, mergeProps as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, openBlock as w, provide as T, ref as E, renderList as D, renderSlot as ee, resolveComponent as O, resolveDirective as k, toDisplayString as A, unref as j, useId as M, useModel as N, useTemplateRef as te, watch as P, watchEffect as F, withCtx as I, withDirectives as L, withKeys as R, withModifiers as z } from "vue";
3
+ import { getElement as ne, getItems as re, getPropertyDefault as B, getPropertyDefaultArray as V, getTag as ie, getTypes as ae, isHexColor as oe, isThemeColor as se, makeSlotId as ce, parseNumberUnit as le, pkgs as ue, rules as de, themeColors as fe } from "x-runtime-lib";
4
4
  import { useI18n as H } from "vue-i18n";
5
- import { eventBus as U, globalObjects as fe, injectDark as pe, injectLocale as me, openNumberDlg as he, openPromptDlg as ge, useColor as W, useSystem as G, useViewStack as K } from "x-essential-lib";
6
- import { globalState as _e } from "x-state-lib";
7
- import { useDisplay as ve } from "vuetify";
8
- import { XBlockly as ye } from "x-block-lib";
5
+ import { eventBus as U, globalObjects as pe, injectDark as me, injectLocale as he, openNumberDlg as ge, openPromptDlg as _e, useColor as W, useSystem as G, useViewStack as K } from "x-essential-lib";
6
+ import { globalState as ve } from "x-state-lib";
7
+ import { useDisplay as ye } from "vuetify";
8
+ import { XBlockly as be } from "x-block-lib";
9
9
  //#region src/utils/common.ts
10
- function q(e, t) {
10
+ function xe(e, t) {
11
11
  let n = {
12
12
  key: "",
13
13
  name: "",
14
14
  children: e
15
15
  };
16
- for (let e of t) {
16
+ for (let e of t) if (typeof e != "number") {
17
17
  if (!n) throw Error("target must be valid");
18
18
  if (n.ui) throw Error("target ui must be invalid");
19
- typeof e != "number" && (n = n.children.find((t) => t.key === e));
19
+ n = n.children.find((t) => t.key === e);
20
20
  }
21
21
  return n;
22
22
  }
23
- function J(e, t) {
23
+ function q(e, t) {
24
24
  let n = e;
25
25
  for (let e of t) {
26
26
  if (!n) throw Error("target must be valid");
@@ -28,42 +28,42 @@ function J(e, t) {
28
28
  }
29
29
  return n;
30
30
  }
31
- function be(e, n, r, i, a, o) {
31
+ function Se(t, n, r, i, a, o) {
32
32
  if (i !== void 0 && !a) {
33
33
  if (!(r[i] instanceof Array)) {
34
34
  let a = V(n);
35
- t(a, r[i]) || (r[i] = a, o(e, r[i]));
35
+ e(a, r[i]) || (r[i] = a, o(t, r[i]));
36
36
  }
37
37
  return r[i];
38
38
  } else {
39
39
  if (!(r[n.key] instanceof Array)) {
40
40
  let i = V(n);
41
- t(i, r[n.key]) || (r[n.key] = i, o(e, r[n.key]));
41
+ e(i, r[n.key]) || (r[n.key] = i, o(t, r[n.key]));
42
42
  }
43
43
  return r[n.key];
44
44
  }
45
45
  }
46
- function Y(e, n, r, i, a, o) {
46
+ function J(t, n, r, i, a, o) {
47
47
  if (i !== void 0 && !a) {
48
48
  if (r[i] === void 0) {
49
49
  let a = B(n);
50
- t(a, r[i]) || (r[i] = a, o(e, r[i]));
50
+ e(a, r[i]) || (r[i] = a, o(t, r[i]));
51
51
  }
52
52
  return r[i];
53
53
  } else {
54
54
  if (r[n.key] === void 0) {
55
55
  let i = B(n);
56
- t(i, r[n.key]) || (r[n.key] = i, o(e, r[n.key]));
56
+ e(i, r[n.key]) || (r[n.key] = i, o(t, r[n.key]));
57
57
  }
58
58
  return r[n.key];
59
59
  }
60
60
  }
61
- function X(e, t, n, r, i, a, o) {
61
+ function Y(e, t, n, r, i, a, o) {
62
62
  i !== void 0 && !a ? r !== n[i] && (n[i] = r, o(e, n[i])) : r !== n[t.key] && (n[t.key] = r, o(e, n[t.key]));
63
63
  }
64
64
  //#endregion
65
65
  //#region src/utils/collapseState.ts
66
- function Z(e, t) {
66
+ function X(e, t) {
67
67
  let n = e.value;
68
68
  for (let e of t) {
69
69
  if (!n.children[e]) return !0;
@@ -71,7 +71,7 @@ function Z(e, t) {
71
71
  }
72
72
  return n.collapse;
73
73
  }
74
- function xe(e, t, n) {
74
+ function Ce(e, t, n) {
75
75
  let r = e.value;
76
76
  for (let e of t) r.children[e] || (r.children[e] = {
77
77
  collapse: !0,
@@ -81,29 +81,35 @@ function xe(e, t, n) {
81
81
  }
82
82
  //#endregion
83
83
  //#region src/utils/copyPaste.ts
84
- var Se = (e, t) => {
85
- let n = (e, t) => {
86
- if (e.ui !== t.ui || e.array !== t.array) return !1;
87
- if (e.ui || t.ui) return !0;
88
- if (e.children.length !== t.children.length) return !1;
89
- for (let r = 0; r < e.children.length; r++) if (!n(e.children[r], t.children[r])) return !1;
84
+ var we = [
85
+ "key",
86
+ "name",
87
+ "children",
88
+ "default",
89
+ "arrayDefault"
90
+ ], Te = (n, r) => {
91
+ function i(n, r) {
92
+ if (!e(t(n, we), t(r, we))) return !1;
93
+ if (n.ui || r.ui) return !0;
94
+ if (n.children.length !== r.children.length) return !1;
95
+ for (let e = 0; e < n.children.length; e++) if (!i(n.children[e], r.children[e])) return !1;
90
96
  return !0;
91
- };
92
- return n(e, t);
93
- }, Ce = [["basic", "id"], ["basic", "name"]];
94
- function we(e) {
95
- return Ce.find((n) => t(e, n));
97
+ }
98
+ return i(n, r);
99
+ }, Ee = [["basic", "id"], ["basic", "name"]];
100
+ function De(t) {
101
+ return Ee.find((n) => e(t, n));
96
102
  }
97
- function Te(t, n, r, i, a, o) {
98
- return t = e(t), a === void 0 ? t.push(n.key) : (t.push(a), o && t.push(n.key)), t?.[0] === "runtime" ? {
103
+ function Oe(e, t, n, i, a, o, s) {
104
+ return e = r(e), a === void 0 ? e.push(t.key) : (e.push(a), o && e.push(t.key)), e?.[0] === "runtime" ? {
99
105
  change: !1,
100
106
  warning: !1
101
- } : we(t) ? (i.change = !1, i.warning = !1, {
107
+ } : De(e) ? (i.change = !1, i.warning = !1, {
102
108
  change: i.change,
103
109
  warning: i.warning
104
- }) : n.ui ? n.array && i.children ? Oe(t, n, r, i, a, o) : ke(n, r, i, a, o) : n.array ? Ee(t, n, r, i, a, o) : De(t, n, r, i, a, o);
110
+ }) : t.ui ? t.array && !s ? je(e, t, n, i, a, o) : Me(t, n, i, a, o) : t.array ? ke(e, t, n, i, a, o) : Ae(e, t, n, i, a, o);
105
111
  }
106
- function Ee(e, n, r, i, a, o) {
112
+ function ke(t, n, r, i, a, o) {
107
113
  if (n.ui) throw Error("execPropertyBranchArray property ui must be invalid");
108
114
  if (!n.array) throw Error("execPropertyBranchArray property array must be valid");
109
115
  let s;
@@ -111,29 +117,29 @@ function Ee(e, n, r, i, a, o) {
111
117
  change: !1,
112
118
  warning: !1
113
119
  };
114
- for (let t = 0; t < s.length; t++) {
115
- i.children[t] = {
120
+ for (let e = 0; e < s.length; e++) {
121
+ i.children[e] = {
116
122
  change: !1,
117
123
  warning: !1,
118
124
  children: {}
119
125
  };
120
- let r = i.children[t];
126
+ let r = i.children[e];
121
127
  for (let a of n.children) {
122
128
  r.children[a.key] = {
123
129
  change: !1,
124
130
  warning: !1,
125
131
  children: {}
126
132
  };
127
- let { change: n, warning: o } = Te(e, a, s[t], r.children[a.key], t, !0);
133
+ let { change: n, warning: o } = Oe(t, a, s[e], r.children[a.key], e, !0);
128
134
  !r.change && n && (r.change = n), !r.change && o && (r.warning = o), !i.change && r.change && (i.change = r.change), !i.warning && r.warning && (i.warning = r.warning);
129
135
  }
130
136
  }
131
- return i.change ||= !t(s, V(n)), {
137
+ return i.change ||= !e(s, V(n)), {
132
138
  change: i.change,
133
139
  warning: i.warning
134
140
  };
135
141
  }
136
- function De(e, t, n, r, i, a) {
142
+ function Ae(e, t, n, r, i, a) {
137
143
  if (t.ui) throw Error("execPropertyBranchScalar property ui must be invalid");
138
144
  if (t.array) throw Error("execPropertyBranchScalar property array must be invalid");
139
145
  let o;
@@ -148,7 +154,7 @@ function De(e, t, n, r, i, a) {
148
154
  warning: !1,
149
155
  children: {}
150
156
  };
151
- let { change: a, warning: s } = Te(e, i, o, r.children[i.key], void 0, !1);
157
+ let { change: a, warning: s } = Oe(e, i, o, r.children[i.key], void 0, !1);
152
158
  !r.change && a && (r.change = a), !r.warning && s && (r.warning = s);
153
159
  }
154
160
  return {
@@ -156,7 +162,7 @@ function De(e, t, n, r, i, a) {
156
162
  warning: r.change
157
163
  };
158
164
  }
159
- function Oe(e, n, r, i, a, o) {
165
+ function je(t, n, r, i, a, o) {
160
166
  if (!n.ui) throw Error("execPropertyLeafArray property ui must be valid");
161
167
  if (!n.array) throw Error("execPropertyLeafArray property aray must be valid");
162
168
  let s;
@@ -164,29 +170,29 @@ function Oe(e, n, r, i, a, o) {
164
170
  change: !1,
165
171
  warning: !1
166
172
  };
167
- for (let t = 0; t < s.length; t++) {
168
- i.children[t] = {
173
+ for (let e = 0; e < s.length; e++) {
174
+ i.children[e] = {
169
175
  change: !1,
170
176
  warning: !1,
171
177
  children: {}
172
178
  };
173
- let { change: r, warning: a } = Te(e, n, s, i.children[t], t, !1);
179
+ let { change: r, warning: a } = Oe(t, n, s, i.children[e], e, !1, !0);
174
180
  !i.change && r && (i.change = r), !i.warning && a && (i.warning = a);
175
181
  }
176
- return i.change ||= !t(s, V(n)), {
182
+ return i.change ||= !e(s, V(n)), {
177
183
  change: i.change,
178
184
  warning: i.warning
179
185
  };
180
186
  }
181
- function ke(e, n, r, i, a) {
182
- if (!e.ui) throw Error("execPropertyLeafScalar property ui must be valid");
187
+ function Me(t, n, r, i, a) {
188
+ if (!t.ui) throw Error("execPropertyLeafScalar property ui must be valid");
183
189
  let o;
184
- return o = i !== void 0 && !a ? n[i] : n[e.key], r.change = !t(o, B(e)), {
190
+ return o = i !== void 0 && !a ? n[i] : n[t.key], r.change = !e(o, B(t)), {
185
191
  change: r.change,
186
192
  warning: r.warning
187
193
  };
188
194
  }
189
- function Ae(e, t, n) {
195
+ function Ne(e, t, n) {
190
196
  if (t.length <= 0 || !n) {
191
197
  e.value = {
192
198
  change: !1,
@@ -206,11 +212,11 @@ function Ae(e, t, n) {
206
212
  warning: !1,
207
213
  children: {}
208
214
  };
209
- r.children[e.key] = t, Te([], e, n, t, void 0, !1);
215
+ r.children[e.key] = t, Oe([], e, n, t, void 0, !1);
210
216
  }
211
217
  e.value = r;
212
218
  }
213
- function Q(e, t) {
219
+ function Z(e, t) {
214
220
  let n = e;
215
221
  for (let e of t) {
216
222
  if (!n.children[e]) return !1;
@@ -220,118 +226,142 @@ function Q(e, t) {
220
226
  }
221
227
  //#endregion
222
228
  //#region src/utils/provideInject.ts
223
- var je = Symbol(), Me = Symbol(), Ne = Symbol(), Pe = Symbol(), Fe = Symbol(), Ie = Symbol(), Le = Symbol(), Re = Symbol(), ze = Symbol(), Be = Symbol(), Ve = Symbol();
224
- function He(e) {
225
- w(je, e);
229
+ var Pe = Symbol(), Fe = Symbol(), Ie = Symbol(), Le = Symbol(), Re = Symbol(), ze = Symbol(), Be = Symbol(), Ve = Symbol(), He = Symbol(), Ue = Symbol(), We = Symbol();
230
+ function Ge(e) {
231
+ T(Pe, e);
226
232
  }
227
- function Ue() {
228
- return h(je);
233
+ function Ke() {
234
+ return g(Pe);
229
235
  }
230
- function We(e) {
231
- w(Me, e);
236
+ function qe(e) {
237
+ T(Fe, e);
232
238
  }
233
- function Ge() {
234
- return h(Me);
239
+ function Je() {
240
+ return g(Fe);
235
241
  }
236
- function Ke(e) {
237
- w(Ne, e);
242
+ function Ye(e) {
243
+ T(Ie, e);
238
244
  }
239
- function qe() {
240
- return h(Ne);
245
+ function Xe() {
246
+ return g(Ie);
241
247
  }
242
- function Je(e) {
243
- w(Pe, e);
248
+ function Ze(e) {
249
+ T(Le, e);
244
250
  }
245
- function Ye() {
246
- return h(Pe);
251
+ function Qe() {
252
+ return g(Le);
247
253
  }
248
- function Xe(e) {
249
- w(Fe, e);
254
+ function $e(e) {
255
+ T(Re, e);
250
256
  }
251
- function Ze() {
252
- return h(Fe);
257
+ function et() {
258
+ return g(Re);
253
259
  }
254
- function Qe(e) {
255
- w(Ie, e);
260
+ function tt(e) {
261
+ T(ze, e);
256
262
  }
257
- function $e() {
258
- return h(Ie);
263
+ function nt() {
264
+ return g(ze);
259
265
  }
260
- function et(e) {
261
- w(Le, e);
266
+ function rt(e) {
267
+ T(Be, e);
262
268
  }
263
- function tt() {
264
- return h(Le);
269
+ function it() {
270
+ return g(Be);
265
271
  }
266
- function nt(e) {
267
- w(Re, e);
272
+ function at(e) {
273
+ T(Ve, e);
268
274
  }
269
- function $() {
270
- return h(Re);
275
+ function Q() {
276
+ return g(Ve);
271
277
  }
272
- function rt(e) {
273
- w(ze, e);
278
+ function ot(e) {
279
+ T(He, e);
274
280
  }
275
- function it() {
276
- return h(ze);
281
+ function st() {
282
+ return g(He);
277
283
  }
278
- function at(e) {
279
- w(Be, e);
284
+ function ct(e) {
285
+ T(Ue, e);
280
286
  }
281
- function ot() {
282
- return h(Be);
287
+ function lt() {
288
+ return g(Ue);
283
289
  }
284
- function st(e) {
285
- w(Ve, e);
290
+ function ut(e) {
291
+ T(We, e);
286
292
  }
287
- function ct() {
288
- return h(Ve);
293
+ function dt() {
294
+ return g(We);
295
+ }
296
+ //#endregion
297
+ //#region src/utils/reset.ts
298
+ function ft(t, n, r, i) {
299
+ if (n.ui) if (n.array) {
300
+ let a = t[n.key], o = V(n);
301
+ e(o, a) || (t[n.key] = o, i([...r, n.key], o));
302
+ } else {
303
+ let a = t[n.key], o = B(n);
304
+ e(o, a) || (t[n.key] = o, i([...r, n.key], o));
305
+ }
306
+ else if (n.array) {
307
+ let a = t[n.key], o = V(n);
308
+ e(o, a) || (t[n.key] = o, i([...r, n.key], o));
309
+ } else for (let e of n.children) ft(t[n.key], e, [...r, n.key], i);
310
+ }
311
+ function pt(t, n, r, i) {
312
+ let a = r.at(-1);
313
+ if (a === void 0) return;
314
+ let o = xe(n, r);
315
+ if (o) if (o.ui) if (o.array) if (typeof a == "string") {
316
+ let n = q(t, r.slice(0, -1));
317
+ if (!n) return;
318
+ let s = n[a], c = V(o);
319
+ e(c, s) || (n[a] = c, i(r, c));
320
+ } else {
321
+ let n = q(t, r.slice(0, -1));
322
+ if (!n) return;
323
+ let s = n[a], c = B(o);
324
+ e(c, s) || (n[a] = c, i(r, c));
325
+ }
326
+ else {
327
+ let n = q(t, r.slice(0, -1));
328
+ if (!n) return;
329
+ let s = n[a], c = B(o);
330
+ e(c, s) || (n[a] = c, i(r, c));
331
+ }
332
+ else if (o.array) if (typeof a == "string") {
333
+ let n = q(t, r.slice(0, -1));
334
+ if (!n) return;
335
+ let s = n[a], c = V(o);
336
+ e(c, s) || (n[a] = c, i(r, c));
337
+ } else {
338
+ let e = q(t, r);
339
+ if (!e) return;
340
+ for (let t of o.children) ft(e, t, r, i);
341
+ }
342
+ else {
343
+ let e = q(t, r);
344
+ if (!e) return;
345
+ for (let t of o.children) ft(e, t, r, i);
346
+ }
289
347
  }
290
348
  //#endregion
291
349
  //#region src/components/menu/index.vue
292
- var lt = /* @__PURE__ */ p({
350
+ var mt = /* @__PURE__ */ m({
293
351
  __name: "index",
294
352
  setup(e) {
295
- let { t } = H(), n = Ye(), r = Ze(), i = tt(), c = $(), u = T(0), p = T(0), m = T([]), h = o(() => [u.value, p.value]), _ = (e) => {
296
- !(m.value.length <= 0 || !Q(i.value, m.value)) && e.push({
353
+ let { t } = H(), n = Qe(), r = et(), i = it(), a = Q(), l = E(0), d = E(0), m = E([]), h = s(() => [l.value, d.value]), g = (e) => {
354
+ !(m.value.length <= 0 || !Z(i.value, m.value)) && e.push({
297
355
  title: t("x-prop-tree.reset"),
298
356
  func: () => {
299
- let e = q(n.value, m.value);
300
- if (e) if (e.ui) {
301
- let t = J(r.value, m.value.slice(0, -1));
302
- if (!t) return;
303
- t[m.value[m.value.length - 1]] = B(e), c(m.value, t[m.value[m.value.length - 1]]);
304
- } else if (e.array) {
305
- let t = m.value[m.value.length - 1];
306
- if (t === void 0) {
307
- console.assert(!1, "invalid last key");
308
- return;
309
- }
310
- if (typeof t == "string") {
311
- let t = J(r.value, m.value.slice(0, -1));
312
- if (!t) return;
313
- t[m.value[m.value.length - 1]] = B(e), c(m.value, t[m.value[m.value.length - 1]]);
314
- } else {
315
- let t = J(r.value, m.value);
316
- if (!t) return;
317
- e.children.forEach((n) => {
318
- t[n.key] = B(e), c([...m.value, n.key], t[n.key]);
319
- });
320
- }
321
- } else {
322
- let t = J(r.value, m.value);
323
- if (!t) return;
324
- e.children.forEach((n) => {
325
- t[n.key] = B(e), c([...m.value, n.key], t[n.key]);
326
- });
327
- }
357
+ pt(r.value, n.value, m.value, a);
328
358
  }
329
359
  });
330
360
  }, v = (e) => {
331
361
  e.push({
332
362
  title: t("x-prop-tree.copy"),
333
363
  func: () => {
334
- let e = q(n.value, m.value), t = J(r.value, m.value);
364
+ let e = xe(n.value, m.value), t = q(r.value, m.value);
335
365
  localStorage.setItem("propTreeCopy", JSON.stringify({
336
366
  property: e,
337
367
  object: t
@@ -345,8 +375,8 @@ var lt = /* @__PURE__ */ p({
345
375
  try {
346
376
  let { property: t } = JSON.parse(e);
347
377
  if (!t) return !1;
348
- let r = q(n.value, m.value);
349
- return r ? Se(t, r) : !1;
378
+ let r = xe(n.value, m.value);
379
+ return r ? Te(t, r) : !1;
350
380
  } catch (e) {
351
381
  console.error(e);
352
382
  }
@@ -358,36 +388,36 @@ var lt = /* @__PURE__ */ p({
358
388
  if (!r()) return;
359
389
  let e = localStorage.getItem("propTreeCopy");
360
390
  if (e) try {
361
- let { object: t } = JSON.parse(e), r = q(n.value, m.value);
391
+ let { object: t } = JSON.parse(e), r = xe(n.value, m.value);
362
392
  console.log(t, r);
363
393
  } catch (e) {
364
394
  console.error(e);
365
395
  }
366
396
  }
367
397
  });
368
- }, b = o(() => {
398
+ }, b = s(() => {
369
399
  let e = [];
370
- return _(e), v(e), y(e), e;
400
+ return g(e), v(e), y(e), e;
371
401
  }), { open: x } = K("propTreeMenu", (e) => {
372
- u.value = e.x, p.value = e.y, m.value = e.keys;
402
+ l.value = e.x, d.value = e.y, m.value = e.keys;
373
403
  });
374
404
  return (e, t) => {
375
- let n = O("v-list-item-title"), r = O("v-list-item"), i = O("v-list"), o = O("v-menu");
376
- return C(), s(o, {
405
+ let n = O("v-list-item-title"), r = O("v-list-item"), i = O("v-list"), a = O("v-menu");
406
+ return w(), c(a, {
377
407
  modelValue: j(x),
378
- "onUpdate:modelValue": t[0] ||= (e) => g(x) ? x.value = e : null,
408
+ "onUpdate:modelValue": t[0] ||= (e) => _(x) ? x.value = e : null,
379
409
  "location-strategy": "connected",
380
410
  scrim: "transparent",
381
411
  target: h.value
382
412
  }, {
383
- default: I(() => [f(i, null, {
384
- default: I(() => [(C(!0), l(a, null, E(b.value, (e, t) => (C(), s(r, {
413
+ default: I(() => [p(i, null, {
414
+ default: I(() => [(w(!0), u(o, null, D(b.value, (e, t) => (w(), c(r, {
385
415
  key: t,
386
416
  link: "",
387
417
  onClick: e.func
388
418
  }, {
389
- default: I(() => [f(n, null, {
390
- default: I(() => [d(A(e.title), 1)]),
419
+ default: I(() => [p(n, null, {
420
+ default: I(() => [f(A(e.title), 1)]),
391
421
  _: 2
392
422
  }, 1024)]),
393
423
  _: 2
@@ -398,7 +428,7 @@ var lt = /* @__PURE__ */ p({
398
428
  }, 8, ["modelValue", "target"]);
399
429
  };
400
430
  }
401
- }), ut = { style: { pointerEvents: "none" } }, dt = /* @__PURE__ */ p({
431
+ }), ht = { style: { pointerEvents: "none" } }, gt = /* @__PURE__ */ m({
402
432
  __name: "index",
403
433
  props: {
404
434
  title: {},
@@ -420,103 +450,103 @@ var lt = /* @__PURE__ */ p({
420
450
  "delete"
421
451
  ],
422
452
  setup(e, { emit: t }) {
423
- let { backgroundColor2: n, highlightColor: r } = W(), i = t, a = T(!1), d = o(() => ({
453
+ let { backgroundColor2: n, highlightColor: r } = W(), i = t, a = E(!1), o = s(() => ({
424
454
  background: a.value ? r.value : n.value,
425
455
  height: "36px",
426
456
  marginBottom: "1px",
427
457
  userSelect: "none"
428
- })), p = () => {
458
+ })), f = () => {
429
459
  i("collapse", !e.collapse);
430
460
  }, m = (e) => {
431
461
  i("menu", e.clientX, e.clientY);
432
462
  };
433
463
  return (t, n) => {
434
- let r = O("v-icon"), o = O("v-spacer"), h = O("v-btn"), g = k("ripple");
435
- return L((C(), l("div", {
464
+ let r = O("v-icon"), s = O("v-spacer"), h = O("v-btn"), g = k("ripple");
465
+ return L((w(), u("div", {
436
466
  class: "d-flex align-center cursor-pointer",
437
- style: y(d.value),
438
- onClick: p,
467
+ style: b(o.value),
468
+ onClick: f,
439
469
  onContextmenu: z(m, ["self", "prevent"]),
440
470
  onMouseout: n[2] ||= (e) => a.value = !1,
441
471
  onMouseover: n[3] ||= (e) => a.value = !0
442
472
  }, [
443
- f(r, {
473
+ p(r, {
444
474
  class: "mr-1",
445
475
  icon: e.collapse ? "mdi-chevron-right" : "mdi-chevron-down"
446
476
  }, null, 8, ["icon"]),
447
- u("span", ut, A(e.title), 1),
448
- f(o),
449
- e.hasCreate ? (C(), s(h, {
477
+ d("span", ht, A(e.title), 1),
478
+ p(s),
479
+ e.hasCreate ? (w(), c(h, {
450
480
  key: 0,
451
481
  class: "mx-3",
452
482
  density: "compact",
453
483
  icon: "mdi-plus",
454
484
  variant: "text",
455
485
  onClick: n[0] ||= z((e) => i("create"), ["stop"])
456
- })) : c("", !0),
457
- e.hasDelete ? (C(), s(h, {
486
+ })) : l("", !0),
487
+ e.hasDelete ? (w(), c(h, {
458
488
  key: 1,
459
489
  class: "mx-3",
460
490
  density: "compact",
461
491
  icon: "mdi-minus",
462
492
  variant: "text",
463
493
  onClick: n[1] ||= z((t) => i("delete", e.index), ["stop"])
464
- })) : c("", !0)
494
+ })) : l("", !0)
465
495
  ], 36)), [[g]]);
466
496
  };
467
497
  }
468
498
  });
469
499
  //#endregion
470
500
  //#region src/composables/adaptSlotList/index.ts
471
- function ft() {
472
- let e = Ue(), t = Ge(), n = qe(), { i18n: a } = fe, o = T([]);
473
- st(o);
501
+ function _t() {
502
+ let e = Ke(), t = Je(), n = Xe(), { i18n: r } = pe, o = E([]);
503
+ ut(o);
474
504
  let s = () => {
475
505
  if (!e.value || !t.value || !n.value) return [];
476
- let s = le[e.value];
506
+ let s = ue[e.value];
477
507
  if (!s) return console.assert(!1, `invalid version=${e.value}`), [];
478
- let c = re(t.value, n.value), l = [];
508
+ let c = ie(t.value, n.value), l = [];
479
509
  for (let e = 0; e < s.groups[c].length; e++) {
480
- let t = s.groups[c][e], n = r(o, t.key);
510
+ let t = s.groups[c][e], n = i(o, t.key);
481
511
  l.push({
482
512
  id: t.key,
483
513
  type: 0,
484
- name: a.global.t(t.name),
514
+ name: r.global.t(t.name),
485
515
  position: e,
486
516
  collapse: n?.collapse ?? !0,
487
517
  count: 0
488
518
  });
489
- let i = 0;
519
+ let a = 0;
490
520
  for (let e of t.items) {
491
- let n = te(e);
521
+ let n = ne(e);
492
522
  if (n && !n.internal && n.slots) for (let e of n.slots) {
493
- let r = se("elementSlot", n.key, e.key), o = `${a.global.t(n.name)} / ${a.global.t(e.name)}`;
523
+ let i = ce("elementSlot", n.key, e.key), o = `${r.global.t(n.name)} / ${r.global.t(e.name)}`;
494
524
  l.push({
495
- id: r,
525
+ id: i,
496
526
  type: 1,
497
527
  name: o,
498
- position: i++,
528
+ position: a++,
499
529
  group: t.key
500
530
  });
501
531
  }
502
532
  }
503
533
  }
504
- let { activeApp: u, depends: d } = _e.app;
534
+ let { activeApp: u, depends: d } = ve.app;
505
535
  for (let { id: e, name: t, position: n } of u.compGroups) {
506
- let i = r(o, e);
536
+ let r = i(o, e);
507
537
  l.push({
508
538
  id: e,
509
539
  type: 0,
510
540
  name: t,
511
541
  position: n,
512
- collapse: i?.collapse ?? !0
542
+ collapse: r?.collapse ?? !0
513
543
  });
514
544
  }
515
545
  let f = 0;
516
546
  for (let e of u.comps) {
517
547
  let t = d[e.id];
518
548
  if (t && t.meta.slots) for (let n of t.meta.slots) {
519
- let t = se("customSlot", e.id, n.id), r = `${e.name} / ${n.name}`;
549
+ let t = ce("customSlot", e.id, n.id), r = `${e.name} / ${n.name}`;
520
550
  l.push({
521
551
  id: t,
522
552
  type: 1,
@@ -526,7 +556,7 @@ function ft() {
526
556
  });
527
557
  }
528
558
  }
529
- return i(l, !0);
559
+ return a(l, !0);
530
560
  }, c = () => {
531
561
  o.value = s();
532
562
  }, l, u = () => {
@@ -536,9 +566,9 @@ function ft() {
536
566
  }, d = () => {
537
567
  clearTimeout(l), l = void 0;
538
568
  };
539
- x(() => {
569
+ S(() => {
540
570
  u();
541
- }), b(() => {
571
+ }), x(() => {
542
572
  d();
543
573
  }), P([
544
574
  e,
@@ -550,11 +580,11 @@ function ft() {
550
580
  }
551
581
  //#endregion
552
582
  //#region src/composables/compList/index.ts
553
- function pt() {
554
- let e = T([]);
555
- rt(e);
583
+ function vt() {
584
+ let e = E([]);
585
+ ot(e);
556
586
  let t = () => {
557
- let { activeApp: t, depends: n } = _e.app, r = [];
587
+ let { activeApp: t, depends: n } = ve.app, r = [];
558
588
  for (let { id: n, name: i, position: a } of t.compGroups) {
559
589
  let t = e.value.find((e) => e.id === n);
560
590
  r.push({
@@ -572,27 +602,27 @@ function pt() {
572
602
  position: o,
573
603
  group: i
574
604
  });
575
- e.value = i(r, !0);
605
+ e.value = a(r, !0);
576
606
  }, n, r = () => {
577
607
  clearTimeout(n), n = window.setTimeout(() => {
578
608
  t(), n && r();
579
609
  }, 1e3);
580
- }, a = () => {
610
+ }, i = () => {
581
611
  clearTimeout(n), n = void 0;
582
612
  };
583
- x(() => {
613
+ S(() => {
584
614
  r();
585
- }), b(() => {
586
- a();
615
+ }), x(() => {
616
+ i();
587
617
  });
588
618
  }
589
619
  //#endregion
590
620
  //#region src/composables/slotList/index.ts
591
- function mt() {
592
- let e = T([]);
593
- at(e);
621
+ function yt() {
622
+ let e = E([]);
623
+ ct(e);
594
624
  let t = () => {
595
- let { activeObject: e, activeComp: t } = _e.app;
625
+ let { activeObject: e, activeComp: t } = ve.app;
596
626
  if (e.type !== "comp" || !t.meta.slots) return [];
597
627
  let n = [];
598
628
  for (let { id: e, name: r } of t.meta.slots) n.push({
@@ -609,15 +639,15 @@ function mt() {
609
639
  }, a = () => {
610
640
  clearTimeout(r), r = void 0;
611
641
  };
612
- x(() => {
642
+ S(() => {
613
643
  i();
614
- }), b(() => {
644
+ }), x(() => {
615
645
  a();
616
646
  });
617
647
  }
618
648
  //#endregion
619
649
  //#region src/components/values/adaptSlot/adaptSlotList/group.vue?vue&type=script&setup=true&lang.ts
620
- var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text-grey ml-1" }, _t = /* @__PURE__ */ p({
650
+ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text-grey ml-1" }, St = /* @__PURE__ */ m({
621
651
  __name: "group",
622
652
  props: {
623
653
  id: {},
@@ -627,31 +657,31 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
627
657
  },
628
658
  emits: ["x-click"],
629
659
  setup(e, { emit: t }) {
630
- let { backgroundColor2: n, highlightColor: r } = W(), i = e, a = t, s = T(!1), c = o(() => ({
631
- background: s.value ? r.value : n.value,
660
+ let { backgroundColor2: n, highlightColor: r } = W(), i = e, a = t, o = E(!1), c = s(() => ({
661
+ background: o.value ? r.value : n.value,
632
662
  height: "30px",
633
663
  marginTop: "1px",
634
664
  userSelect: "none"
635
665
  }));
636
666
  return (e, t) => {
637
667
  let n = O("v-icon"), r = k("ripple");
638
- return L((C(), l("div", {
668
+ return L((w(), u("div", {
639
669
  class: "d-flex align-center cursor-pointer",
640
- style: y(c.value),
670
+ style: b(c.value),
641
671
  onClick: t[0] ||= (e) => a("x-click", i.id),
642
- onMouseout: t[1] ||= (e) => s.value = !1,
643
- onMouseover: t[2] ||= (e) => s.value = !0
672
+ onMouseout: t[1] ||= (e) => o.value = !1,
673
+ onMouseover: t[2] ||= (e) => o.value = !0
644
674
  }, [
645
- f(n, {
675
+ p(n, {
646
676
  icon: i.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
647
677
  size: "small"
648
678
  }, null, 8, ["icon"]),
649
- u("span", ht, A(i.title), 1),
650
- u("span", gt, A(i.count), 1)
679
+ d("span", bt, A(i.title), 1),
680
+ d("span", xt, A(i.count), 1)
651
681
  ], 36)), [[r]]);
652
682
  };
653
683
  }
654
- }), vt = { class: "text-body-large ml-6" }, yt = /* @__PURE__ */ p({
684
+ }), Ct = { class: "text-body-large ml-6" }, wt = /* @__PURE__ */ m({
655
685
  __name: "item",
656
686
  props: {
657
687
  id: {},
@@ -659,7 +689,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
659
689
  },
660
690
  emits: ["x-click"],
661
691
  setup(e, { emit: t }) {
662
- let { backgroundColor2: n, highlightColor: r } = W(), i = t, a = T(!1), s = o(() => ({
692
+ let { backgroundColor2: n, highlightColor: r } = W(), i = t, a = E(!1), o = s(() => ({
663
693
  background: a.value ? r.value : n.value,
664
694
  height: "48px",
665
695
  marginTop: "1px",
@@ -667,19 +697,19 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
667
697
  }));
668
698
  return (t, n) => {
669
699
  let r = k("ripple");
670
- return L((C(), l("div", {
700
+ return L((w(), u("div", {
671
701
  class: "d-flex align-center cursor-pointer",
672
- style: y(s.value),
702
+ style: b(o.value),
673
703
  onClick: n[0] ||= (t) => i("x-click", e.id),
674
704
  onMouseout: n[1] ||= (e) => a.value = !1,
675
705
  onMouseover: n[2] ||= (e) => a.value = !0
676
- }, [u("span", vt, A(e.title), 1)], 36)), [[r]]);
706
+ }, [d("span", Ct, A(e.title), 1)], 36)), [[r]]);
677
707
  };
678
708
  }
679
- }), bt = { key: 0 }, xt = {
709
+ }), Tt = { key: 0 }, Et = {
680
710
  key: 1,
681
711
  class: "text-body-medium text-grey ml-3"
682
- }, St = /* @__PURE__ */ p({
712
+ }, Dt = /* @__PURE__ */ m({
683
713
  __name: "index",
684
714
  props: {
685
715
  modelValue: {},
@@ -692,13 +722,13 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
692
722
  },
693
723
  emits: ["update:modelValue", "update:open"],
694
724
  setup(e) {
695
- let { nameList: t } = G(), i = N(e, "modelValue"), o = N(e, "open"), u = ct(), d = (e) => {
696
- let t = r(u, e);
697
- t && n(u, e, !t.collapse);
725
+ let { nameList: t } = G(), r = N(e, "modelValue"), a = N(e, "open"), s = dt(), d = (e) => {
726
+ let t = i(s, e);
727
+ t && n(s, e, !t.collapse);
698
728
  }, f = (e) => {
699
- i.value = e, o.value = !1;
729
+ r.value = e, a.value = !1;
700
730
  };
701
- return (e, n) => j(u).length > 0 ? (C(), l("div", bt, [(C(!0), l(a, null, E(j(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(_t, {
731
+ return (e, n) => j(s).length > 0 ? (w(), u("div", Tt, [(w(!0), u(o, null, D(j(s), (e) => (w(), u(o, { key: e.id }, [e.type === 0 ? (w(), c(St, {
702
732
  key: 0,
703
733
  id: e.id,
704
734
  collapse: e.collapse,
@@ -710,20 +740,20 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
710
740
  "collapse",
711
741
  "count",
712
742
  "title"
713
- ])) : c("", !0), e.type === 1 && e.show ? (C(), s(yt, {
743
+ ])) : l("", !0), e.type === 1 && e.show ? (w(), c(wt, {
714
744
  key: 1,
715
745
  id: e.id,
716
746
  title: e.name,
717
747
  onXClick: f
718
- }, null, 8, ["id", "title"])) : c("", !0)], 64))), 128))])) : (C(), l("div", xt, A(j(t)([
748
+ }, null, 8, ["id", "title"])) : l("", !0)], 64))), 128))])) : (w(), u("div", Et, A(j(t)([
719
749
  "x-prop-tree.no",
720
750
  "x-prop-tree.adapt",
721
751
  "x-prop-tree.slot"
722
752
  ])), 1));
723
753
  }
724
- }), Ct = { class: "text-body-large" }, wt = /* @__PURE__ */ p({
754
+ }), Ot = { class: "text-body-large" }, kt = /* @__PURE__ */ m({
725
755
  __name: "index",
726
- props: /* @__PURE__ */ _({
756
+ props: /* @__PURE__ */ v({
727
757
  hasDelete: {
728
758
  type: Boolean,
729
759
  default: !1
@@ -736,99 +766,99 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
736
766
  modelValue: {},
737
767
  modelModifiers: {}
738
768
  }),
739
- emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
769
+ emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
740
770
  setup(e, { emit: t }) {
741
- let { t: n } = H(), i = ve(), { sysBarAvail: a, nameList: l } = G(), { backgroundColor1: p } = W(), m = N(e, "modelValue"), h = t, _ = ct(), b = o(() => {
771
+ let { t: n } = H(), r = ye(), { sysBarAvail: a, nameList: o } = G(), { backgroundColor1: u } = W(), m = N(e, "modelValue"), h = t, g = dt(), v = s(() => {
742
772
  let e = "100%";
743
- return i.mdAndUp.value && (e = "400px"), {
744
- background: p.value,
773
+ return r.mdAndUp.value && (e = "400px"), {
774
+ background: u.value,
745
775
  width: e,
746
776
  height: "100%"
747
777
  };
748
- }), x = o(() => {
778
+ }), x = s(() => {
749
779
  let e = 48;
750
780
  return a.value && (e += 24), {
751
781
  position: "relative",
752
782
  height: `calc(100% - ${e}px)`
753
783
  };
754
- }), w = o(() => ({ height: "60px" })), T = o(() => {
784
+ }), S = s(() => ({ height: "60px" })), T = s(() => {
755
785
  if (!m.value) return n("x-runtime-lib.notSet");
756
- let e = r(_, m.value);
786
+ let e = i(g, m.value);
757
787
  return e ? e.name : n("x-runtime-lib.slotNotAvail");
758
788
  }), { open: E } = K(`propTreeAdaptSlotSelectDlg${M()}`);
759
- return S(() => {
789
+ return C(() => {
760
790
  E.value = !1;
761
791
  }), (t, n) => {
762
- let r = O("v-btn"), i = O("v-sheet"), o = O("v-dialog");
763
- return C(), s(o, {
792
+ let r = O("v-btn"), i = O("v-sheet"), s = O("v-dialog");
793
+ return w(), c(s, {
764
794
  modelValue: j(E),
765
- "onUpdate:modelValue": n[6] ||= (e) => g(E) ? E.value = e : null,
795
+ "onUpdate:modelValue": n[6] ||= (e) => _(E) ? E.value = e : null,
766
796
  fullscreen: "",
767
797
  "no-click-animation": "",
768
798
  persistent: "",
769
799
  transition: "scroll-x-reverse-transition",
770
800
  onKeydown: n[7] ||= R(z((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
771
801
  }, {
772
- activator: I(({ props: t }) => [f(r, v(t, {
802
+ activator: I(({ props: t }) => [p(r, y(t, {
773
803
  block: "",
774
804
  density: "comfortable",
775
805
  readonly: e.readonly
776
806
  }), {
777
- default: I(() => [d(A(T.value), 1)]),
807
+ default: I(() => [f(A(T.value), 1)]),
778
808
  _: 1
779
- }, 16, ["readonly"]), e.hasDelete ? (C(), s(r, {
809
+ }, 16, ["readonly"]), e.hasDelete ? (w(), c(r, {
780
810
  key: 0,
781
811
  class: "mx-2",
782
812
  density: "compact",
783
813
  icon: "mdi-minus",
784
814
  variant: "text",
785
815
  onClick: n[0] ||= z((e) => h("delete"), ["stop"])
786
- })) : c("", !0)]),
787
- default: I(() => [u("div", {
816
+ })) : l("", !0)]),
817
+ default: I(() => [d("div", {
788
818
  class: "w-100 h-100 d-flex flex-row-reverse",
789
819
  onClick: n[4] ||= z((e) => E.value = !1, ["self"]),
790
820
  onContextmenu: n[5] ||= z((e) => E.value = !1, ["self", "prevent"])
791
- }, [u("div", {
821
+ }, [d("div", {
792
822
  class: "elevation-2",
793
- style: y(b.value)
823
+ style: b(v.value)
794
824
  }, [
795
- j(a) ? (C(), s(i, {
825
+ j(a) ? (w(), c(i, {
796
826
  key: 0,
797
827
  color: "transparent",
798
828
  height: 24
799
- })) : c("", !0),
800
- f(i, {
829
+ })) : l("", !0),
830
+ p(i, {
801
831
  class: "d-flex align-center px-3",
802
832
  color: "transparent",
803
833
  height: 48
804
834
  }, {
805
- default: I(() => [f(r, {
835
+ default: I(() => [p(r, {
806
836
  density: "comfortable",
807
837
  icon: "mdi-close",
808
838
  variant: "text",
809
839
  onClick: n[1] ||= (e) => E.value = !1
810
- }), u("span", Ct, A(j(l)([
840
+ }), d("span", Ot, A(j(o)([
811
841
  "x-prop-tree.select",
812
842
  "x-prop-tree.adapt",
813
843
  "x-prop-tree.slot"
814
844
  ])), 1)]),
815
845
  _: 1
816
846
  }),
817
- u("div", {
847
+ d("div", {
818
848
  class: "overflow-y-auto",
819
- style: y(x.value)
820
- }, [f(St, {
849
+ style: b(x.value)
850
+ }, [p(Dt, {
821
851
  modelValue: m.value,
822
852
  "onUpdate:modelValue": n[2] ||= (e) => m.value = e,
823
853
  open: j(E),
824
- "onUpdate:open": n[3] ||= (e) => g(E) ? E.value = e : null
825
- }, null, 8, ["modelValue", "open"]), u("div", { style: y(w.value) }, null, 4)], 4)
854
+ "onUpdate:open": n[3] ||= (e) => _(E) ? E.value = e : null
855
+ }, null, 8, ["modelValue", "open"]), d("div", { style: b(S.value) }, null, 4)], 4)
826
856
  ], 4)], 32)]),
827
857
  _: 1
828
858
  }, 8, ["modelValue"]);
829
859
  };
830
860
  }
831
- }), Tt = { class: "text-label-large ml-1" }, Et = { class: "text-body-small text-grey ml-1" }, Dt = /* @__PURE__ */ p({
861
+ }), At = { class: "text-label-large ml-1" }, jt = { class: "text-body-small text-grey ml-1" }, Mt = /* @__PURE__ */ m({
832
862
  __name: "group",
833
863
  props: {
834
864
  id: {},
@@ -838,31 +868,31 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
838
868
  },
839
869
  emits: ["x-click"],
840
870
  setup(e, { emit: t }) {
841
- let { backgroundColor2: n, highlightColor: r } = W(), i = e, a = t, s = T(!1), c = o(() => ({
842
- background: s.value ? r.value : n.value,
871
+ let { backgroundColor2: n, highlightColor: r } = W(), i = e, a = t, o = E(!1), c = s(() => ({
872
+ background: o.value ? r.value : n.value,
843
873
  height: "30px",
844
874
  marginTop: "1px",
845
875
  userSelect: "none"
846
876
  }));
847
877
  return (e, t) => {
848
878
  let n = O("v-icon"), r = k("ripple");
849
- return L((C(), l("div", {
879
+ return L((w(), u("div", {
850
880
  class: "d-flex align-center cursor-pointer",
851
- style: y(c.value),
881
+ style: b(c.value),
852
882
  onClick: t[0] ||= (e) => a("x-click", i.id),
853
- onMouseout: t[1] ||= (e) => s.value = !1,
854
- onMouseover: t[2] ||= (e) => s.value = !0
883
+ onMouseout: t[1] ||= (e) => o.value = !1,
884
+ onMouseover: t[2] ||= (e) => o.value = !0
855
885
  }, [
856
- f(n, {
886
+ p(n, {
857
887
  icon: i.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
858
888
  size: "small"
859
889
  }, null, 8, ["icon"]),
860
- u("span", Tt, A(i.title), 1),
861
- u("span", Et, A(i.count), 1)
890
+ d("span", At, A(i.title), 1),
891
+ d("span", jt, A(i.count), 1)
862
892
  ], 36)), [[r]]);
863
893
  };
864
894
  }
865
- }), Ot = { class: "text-body-large ml-6" }, kt = /* @__PURE__ */ p({
895
+ }), Nt = { class: "text-body-large ml-6" }, Pt = /* @__PURE__ */ m({
866
896
  __name: "item",
867
897
  props: {
868
898
  id: {},
@@ -870,27 +900,27 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
870
900
  },
871
901
  emits: ["x-click"],
872
902
  setup(e, { emit: t }) {
873
- let { backgroundColor2: n, highlightColor: r } = W(), i = e, a = t, s = T(!1), c = o(() => ({
874
- background: s.value ? r.value : n.value,
903
+ let { backgroundColor2: n, highlightColor: r } = W(), i = e, a = t, o = E(!1), c = s(() => ({
904
+ background: o.value ? r.value : n.value,
875
905
  height: "48px",
876
906
  marginTop: "1px",
877
907
  userSelect: "none"
878
908
  }));
879
909
  return (e, t) => {
880
910
  let n = k("ripple");
881
- return L((C(), l("div", {
911
+ return L((w(), u("div", {
882
912
  class: "d-flex align-center cursor-pointer",
883
- style: y(c.value),
913
+ style: b(c.value),
884
914
  onClick: t[0] ||= (e) => a("x-click", i.id),
885
- onMouseout: t[1] ||= (e) => s.value = !1,
886
- onMouseover: t[2] ||= (e) => s.value = !0
887
- }, [u("span", Ot, A(i.title), 1)], 36)), [[n]]);
915
+ onMouseout: t[1] ||= (e) => o.value = !1,
916
+ onMouseover: t[2] ||= (e) => o.value = !0
917
+ }, [d("span", Nt, A(i.title), 1)], 36)), [[n]]);
888
918
  };
889
919
  }
890
- }), At = { key: 0 }, jt = {
920
+ }), Ft = { key: 0 }, It = {
891
921
  key: 1,
892
922
  class: "text-body-medium text-grey ml-3"
893
- }, Mt = /* @__PURE__ */ p({
923
+ }, Lt = /* @__PURE__ */ m({
894
924
  __name: "index",
895
925
  props: {
896
926
  modelValue: {},
@@ -903,13 +933,13 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
903
933
  },
904
934
  emits: ["update:modelValue", "update:open"],
905
935
  setup(e) {
906
- let { nameList: t } = G(), i = N(e, "modelValue"), o = N(e, "open"), u = it(), d = (e) => {
907
- let t = r(u, e);
908
- t && n(u, e, !t.collapse);
936
+ let { nameList: t } = G(), r = N(e, "modelValue"), a = N(e, "open"), s = st(), d = (e) => {
937
+ let t = i(s, e);
938
+ t && n(s, e, !t.collapse);
909
939
  }, f = (e) => {
910
- i.value = e, o.value = !1, U.emit("refreshDepends");
940
+ r.value = e, a.value = !1, U.emit("refreshDepends");
911
941
  };
912
- return (e, n) => j(u).length > 0 ? (C(), l("div", At, [(C(!0), l(a, null, E(j(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(Dt, {
942
+ return (e, n) => j(s).length > 0 ? (w(), u("div", Ft, [(w(!0), u(o, null, D(j(s), (e) => (w(), u(o, { key: e.id }, [e.type === 0 ? (w(), c(Mt, {
913
943
  key: 0,
914
944
  id: e.id,
915
945
  collapse: e.collapse,
@@ -921,16 +951,16 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
921
951
  "collapse",
922
952
  "count",
923
953
  "title"
924
- ])) : c("", !0), e.type === 1 && e.show ? (C(), s(kt, {
954
+ ])) : l("", !0), e.type === 1 && e.show ? (w(), c(Pt, {
925
955
  key: 1,
926
956
  id: e.id,
927
957
  title: e.name,
928
958
  onXClick: f
929
- }, null, 8, ["id", "title"])) : c("", !0)], 64))), 128))])) : (C(), l("div", jt, A(j(t)(["x-prop-tree.no", "x-prop-tree.comp"])), 1));
959
+ }, null, 8, ["id", "title"])) : l("", !0)], 64))), 128))])) : (w(), u("div", It, A(j(t)(["x-prop-tree.no", "x-prop-tree.comp"])), 1));
930
960
  }
931
- }), Nt = { class: "text-body-large" }, Pt = /* @__PURE__ */ p({
961
+ }), Rt = { class: "text-body-large" }, zt = /* @__PURE__ */ m({
932
962
  __name: "index",
933
- props: /* @__PURE__ */ _({
963
+ props: /* @__PURE__ */ v({
934
964
  hasDelete: {
935
965
  type: Boolean,
936
966
  default: !1
@@ -943,97 +973,97 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
943
973
  modelValue: {},
944
974
  modelModifiers: {}
945
975
  }),
946
- emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
976
+ emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
947
977
  setup(e, { emit: t }) {
948
- let { t: n } = H(), i = ve(), { sysBarAvail: a, nameList: l } = G(), { backgroundColor1: p } = W(), m = N(e, "modelValue"), h = t, _ = it(), b = o(() => {
978
+ let { t: n } = H(), r = ye(), { sysBarAvail: a, nameList: o } = G(), { backgroundColor1: u } = W(), m = N(e, "modelValue"), h = t, g = st(), v = s(() => {
949
979
  let e = "100%";
950
- return i.mdAndUp.value && (e = "400px"), {
951
- background: p.value,
980
+ return r.mdAndUp.value && (e = "400px"), {
981
+ background: u.value,
952
982
  width: e,
953
983
  height: "100%"
954
984
  };
955
- }), x = o(() => {
985
+ }), x = s(() => {
956
986
  let e = 48;
957
987
  return a.value && (e += 24), {
958
988
  position: "relative",
959
989
  height: `calc(100% - ${e}px)`
960
990
  };
961
- }), w = o(() => ({ height: "60px" })), T = o(() => {
991
+ }), S = s(() => ({ height: "60px" })), T = s(() => {
962
992
  if (!m.value) return n("x-runtime-lib.notSet");
963
- let e = r(_, m.value);
993
+ let e = i(g, m.value);
964
994
  return e ? e.name : n("x-runtime-lib.compNotAvail");
965
995
  }), { open: E } = K(`propTreeCompSelectDlg${M()}`);
966
- return S(() => {
996
+ return C(() => {
967
997
  E.value = !1;
968
998
  }), (t, n) => {
969
- let r = O("v-btn"), i = O("v-sheet"), o = O("v-dialog");
970
- return C(), s(o, {
999
+ let r = O("v-btn"), i = O("v-sheet"), s = O("v-dialog");
1000
+ return w(), c(s, {
971
1001
  modelValue: j(E),
972
- "onUpdate:modelValue": n[6] ||= (e) => g(E) ? E.value = e : null,
1002
+ "onUpdate:modelValue": n[6] ||= (e) => _(E) ? E.value = e : null,
973
1003
  fullscreen: "",
974
1004
  "no-click-animation": "",
975
1005
  persistent: "",
976
1006
  transition: "scroll-x-reverse-transition",
977
1007
  onKeydown: n[7] ||= R(z((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
978
1008
  }, {
979
- activator: I(({ props: t }) => [f(r, v(t, {
1009
+ activator: I(({ props: t }) => [p(r, y(t, {
980
1010
  block: "",
981
1011
  density: "comfortable",
982
1012
  readonly: e.readonly
983
1013
  }), {
984
- default: I(() => [d(A(T.value), 1)]),
1014
+ default: I(() => [f(A(T.value), 1)]),
985
1015
  _: 1
986
- }, 16, ["readonly"]), e.hasDelete ? (C(), s(r, {
1016
+ }, 16, ["readonly"]), e.hasDelete ? (w(), c(r, {
987
1017
  key: 0,
988
1018
  class: "mx-2",
989
1019
  density: "compact",
990
1020
  icon: "mdi-minus",
991
1021
  variant: "text",
992
1022
  onClick: n[0] ||= z((e) => h("delete"), ["stop"])
993
- })) : c("", !0)]),
994
- default: I(() => [u("div", {
1023
+ })) : l("", !0)]),
1024
+ default: I(() => [d("div", {
995
1025
  class: "w-100 h-100 d-flex flex-row-reverse",
996
1026
  onClick: n[4] ||= z((e) => E.value = !1, ["self"]),
997
1027
  onContextmenu: n[5] ||= z((e) => E.value = !1, ["self", "prevent"])
998
- }, [u("div", {
1028
+ }, [d("div", {
999
1029
  class: "elevation-2",
1000
- style: y(b.value)
1030
+ style: b(v.value)
1001
1031
  }, [
1002
- j(a) ? (C(), s(i, {
1032
+ j(a) ? (w(), c(i, {
1003
1033
  key: 0,
1004
1034
  color: "transparent",
1005
1035
  height: 24
1006
- })) : c("", !0),
1007
- f(i, {
1036
+ })) : l("", !0),
1037
+ p(i, {
1008
1038
  class: "d-flex align-center px-3",
1009
1039
  color: "transparent",
1010
1040
  height: 48
1011
1041
  }, {
1012
- default: I(() => [f(r, {
1042
+ default: I(() => [p(r, {
1013
1043
  density: "comfortable",
1014
1044
  icon: "mdi-close",
1015
1045
  variant: "text",
1016
1046
  onClick: n[1] ||= (e) => E.value = !1
1017
- }), u("span", Nt, A(j(l)(["x-prop-tree.select", "x-prop-tree.comp"])), 1)]),
1047
+ }), d("span", Rt, A(j(o)(["x-prop-tree.select", "x-prop-tree.comp"])), 1)]),
1018
1048
  _: 1
1019
1049
  }),
1020
- u("div", {
1050
+ d("div", {
1021
1051
  class: "overflow-y-auto",
1022
- style: y(x.value)
1023
- }, [f(Mt, {
1052
+ style: b(x.value)
1053
+ }, [p(Lt, {
1024
1054
  modelValue: m.value,
1025
1055
  "onUpdate:modelValue": n[2] ||= (e) => m.value = e,
1026
1056
  open: j(E),
1027
- "onUpdate:open": n[3] ||= (e) => g(E) ? E.value = e : null
1028
- }, null, 8, ["modelValue", "open"]), u("div", { style: y(w.value) }, null, 4)], 4)
1057
+ "onUpdate:open": n[3] ||= (e) => _(E) ? E.value = e : null
1058
+ }, null, 8, ["modelValue", "open"]), d("div", { style: b(S.value) }, null, 4)], 4)
1029
1059
  ], 4)], 32)]),
1030
1060
  _: 1
1031
1061
  }, 8, ["modelValue"]);
1032
1062
  };
1033
1063
  }
1034
- }), Ft = { class: "d-flex justify-space-between align-center" }, It = /* @__PURE__ */ p({
1064
+ }), Bt = { class: "d-flex justify-space-between align-center" }, Vt = /* @__PURE__ */ m({
1035
1065
  __name: "index",
1036
- props: /* @__PURE__ */ _({
1066
+ props: /* @__PURE__ */ v({
1037
1067
  hasDelete: {
1038
1068
  type: Boolean,
1039
1069
  default: !1
@@ -1046,19 +1076,19 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1046
1076
  modelValue: { required: !0 },
1047
1077
  modelModifiers: {}
1048
1078
  }),
1049
- emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
1079
+ emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
1050
1080
  setup(e, { emit: t }) {
1051
1081
  let { isMobile: n } = G(), r = N(e, "modelValue"), i = t, a = async (t) => {
1052
1082
  if (!t || e.readonly || !n()) return;
1053
- let i = await ge({
1083
+ let i = await _e({
1054
1084
  title: "",
1055
1085
  value: r.value
1056
1086
  });
1057
1087
  i !== void 0 && (r.value = i);
1058
1088
  };
1059
1089
  return (t, n) => {
1060
- let o = O("v-text-field"), u = O("v-btn"), d = k("ripple");
1061
- return C(), l("div", Ft, [L(f(o, {
1090
+ let o = O("v-text-field"), s = O("v-btn"), d = k("ripple");
1091
+ return w(), u("div", Bt, [L(p(o, {
1062
1092
  modelValue: r.value,
1063
1093
  "onUpdate:modelValue": n[0] ||= (e) => r.value = e,
1064
1094
  density: "compact",
@@ -1071,17 +1101,17 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1071
1101
  void 0,
1072
1102
  void 0,
1073
1103
  { stop: !0 }
1074
- ]]), e.hasDelete ? (C(), s(u, {
1104
+ ]]), e.hasDelete ? (w(), c(s, {
1075
1105
  key: 0,
1076
1106
  class: "mx-2",
1077
1107
  density: "compact",
1078
1108
  icon: "mdi-minus",
1079
1109
  variant: "text",
1080
1110
  onClick: n[1] ||= z((e) => i("delete"), ["stop"])
1081
- })) : c("", !0)]);
1111
+ })) : l("", !0)]);
1082
1112
  };
1083
1113
  }
1084
- }), Lt = /* @__PURE__ */ p({
1114
+ }), Ht = /* @__PURE__ */ m({
1085
1115
  __name: "editor",
1086
1116
  props: {
1087
1117
  modelValue: { required: !0 },
@@ -1100,14 +1130,14 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1100
1130
  "update:scale"
1101
1131
  ],
1102
1132
  setup(e, { expose: t }) {
1103
- let n = N(e, "modelValue"), r = N(e, "lock"), i = N(e, "scale"), a = pe(), o = me(), c = Ue(), l = ee("target"), u = () => {
1133
+ let n = N(e, "modelValue"), r = N(e, "lock"), i = N(e, "scale"), a = me(), o = he(), s = Ke(), l = te("target"), u = () => {
1104
1134
  let e = JSON.parse(n.value);
1105
1135
  l.value?.load(e);
1106
1136
  };
1107
1137
  return t({ save: () => {
1108
1138
  let e = l.value.save();
1109
1139
  n.value = JSON.stringify(e, null, 2);
1110
- } }), (e, t) => (C(), s(j(ye), {
1140
+ } }), (e, t) => (w(), c(j(be), {
1111
1141
  ref_key: "target",
1112
1142
  ref: l,
1113
1143
  lock: r.value,
@@ -1117,7 +1147,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1117
1147
  dark: j(a),
1118
1148
  locale: j(o),
1119
1149
  type: "json",
1120
- version: j(c),
1150
+ version: j(s),
1121
1151
  onReady: u
1122
1152
  }, null, 8, [
1123
1153
  "lock",
@@ -1127,9 +1157,9 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1127
1157
  "version"
1128
1158
  ]));
1129
1159
  }
1130
- }), Rt = { class: "text-body-large" }, zt = /* @__PURE__ */ p({
1160
+ }), Ut = { class: "text-body-large" }, Wt = /* @__PURE__ */ m({
1131
1161
  __name: "index",
1132
- props: /* @__PURE__ */ _({
1162
+ props: /* @__PURE__ */ v({
1133
1163
  hasDelete: {
1134
1164
  type: Boolean,
1135
1165
  default: !1
@@ -1142,86 +1172,86 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1142
1172
  modelValue: { required: !0 },
1143
1173
  modelModifiers: {}
1144
1174
  }),
1145
- emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
1175
+ emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
1146
1176
  setup(e, { emit: t }) {
1147
- let { t: n } = H(), { sysBarAvail: r } = G(), { backgroundColor0: i, backgroundColor1: a, backgroundColor2: l } = W(), p = N(e, "modelValue"), m = t, h = T(!1), _ = T(1), b = o(() => {
1177
+ let { t: n } = H(), { sysBarAvail: r } = G(), { backgroundColor0: i, backgroundColor1: a, backgroundColor2: o } = W(), u = N(e, "modelValue"), m = t, h = E(!1), g = E(1), v = s(() => {
1148
1178
  let e = 48;
1149
1179
  return r.value && (e += 24), {
1150
1180
  position: "relative",
1151
1181
  background: a.value,
1152
1182
  height: `calc(100% - ${e}px)`
1153
1183
  };
1154
- }), x = o(() => n("x-prop-tree.jsonEditor")), { open: w } = K(`propTreejsonEditorDlg${M()}`);
1155
- S(() => {
1156
- w.value = !1;
1184
+ }), x = s(() => n("x-prop-tree.jsonEditor")), { open: S } = K(`propTreejsonEditorDlg${M()}`);
1185
+ C(() => {
1186
+ S.value = !1;
1157
1187
  });
1158
- let E = ee("editor");
1159
- return P(w, (e) => {
1160
- e || E.value?.save();
1188
+ let T = te("editor");
1189
+ return P(S, (e) => {
1190
+ e || T.value?.save();
1161
1191
  }), (t, n) => {
1162
- let a = O("v-btn"), o = O("v-sheet"), S = O("v-spacer"), T = O("v-dialog");
1163
- return C(), s(T, {
1164
- modelValue: j(w),
1165
- "onUpdate:modelValue": n[5] ||= (e) => g(w) ? w.value = e : null,
1192
+ let a = O("v-btn"), s = O("v-sheet"), C = O("v-spacer"), E = O("v-dialog");
1193
+ return w(), c(E, {
1194
+ modelValue: j(S),
1195
+ "onUpdate:modelValue": n[5] ||= (e) => _(S) ? S.value = e : null,
1166
1196
  attach: "",
1167
1197
  fullscreen: "",
1168
1198
  "no-click-animation": "",
1169
1199
  persistent: "",
1170
1200
  transition: "dialog-bottom-transition",
1171
- onKeydown: n[6] ||= R(z((e) => w.value = !1, ["stop", "prevent"]), ["esc"])
1201
+ onKeydown: n[6] ||= R(z((e) => S.value = !1, ["stop", "prevent"]), ["esc"])
1172
1202
  }, {
1173
- activator: I(({ props: t }) => [f(a, v(t, {
1203
+ activator: I(({ props: t }) => [p(a, y(t, {
1174
1204
  block: "",
1175
1205
  density: "comfortable",
1176
1206
  readonly: e.readonly
1177
1207
  }), {
1178
- default: I(() => [d(A(x.value), 1)]),
1208
+ default: I(() => [f(A(x.value), 1)]),
1179
1209
  _: 1
1180
- }, 16, ["readonly"]), e.hasDelete ? (C(), s(a, {
1210
+ }, 16, ["readonly"]), e.hasDelete ? (w(), c(a, {
1181
1211
  key: 0,
1182
1212
  class: "mx-2",
1183
1213
  density: "compact",
1184
1214
  icon: "mdi-minus",
1185
1215
  variant: "text",
1186
1216
  onClick: n[0] ||= z((e) => m("delete"), ["stop"])
1187
- })) : c("", !0)]),
1188
- default: I(() => [f(o, {
1217
+ })) : l("", !0)]),
1218
+ default: I(() => [p(s, {
1189
1219
  color: j(i),
1190
1220
  height: "100%",
1191
1221
  width: "100%"
1192
1222
  }, {
1193
1223
  default: I(() => [
1194
- j(r) ? (C(), s(o, {
1224
+ j(r) ? (w(), c(s, {
1195
1225
  key: 0,
1196
- color: j(l),
1226
+ color: j(o),
1197
1227
  height: 24
1198
- }, null, 8, ["color"])) : c("", !0),
1199
- f(o, {
1228
+ }, null, 8, ["color"])) : l("", !0),
1229
+ p(s, {
1200
1230
  class: "d-flex align-center px-2",
1201
- color: j(l),
1231
+ color: j(o),
1202
1232
  height: 48
1203
1233
  }, {
1204
1234
  default: I(() => [
1205
- f(a, {
1235
+ p(a, {
1206
1236
  density: "comfortable",
1207
1237
  icon: "mdi-close",
1208
1238
  variant: "text",
1209
- onClick: n[1] ||= (e) => w.value = !1
1239
+ onClick: n[1] ||= (e) => S.value = !1
1210
1240
  }),
1211
- u("span", Rt, A(x.value), 1),
1212
- f(S)
1241
+ d("span", Ut, A(x.value), 1),
1242
+ p(C)
1213
1243
  ]),
1214
1244
  _: 1
1215
1245
  }, 8, ["color"]),
1216
- u("div", { style: y(b.value) }, [f(Lt, {
1246
+ d("div", { style: b(v.value) }, [p(Ht, {
1217
1247
  ref_key: "editor",
1218
- ref: E,
1219
- modelValue: p.value,
1220
- "onUpdate:modelValue": n[2] ||= (e) => p.value = e,
1248
+ ref: T,
1249
+ modelValue: u.value,
1250
+ "onUpdate:modelValue": n[2] ||= (e) => u.value = e,
1221
1251
  lock: h.value,
1222
1252
  "onUpdate:lock": n[3] ||= (e) => h.value = e,
1223
- scale: _.value,
1224
- "onUpdate:scale": n[4] ||= (e) => _.value = e
1253
+ scale: g.value,
1254
+ "onUpdate:scale": n[4] ||= (e) => g.value = e
1225
1255
  }, null, 8, [
1226
1256
  "modelValue",
1227
1257
  "lock",
@@ -1234,9 +1264,9 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1234
1264
  }, 8, ["modelValue"]);
1235
1265
  };
1236
1266
  }
1237
- }), Bt = { class: "d-flex justify-space-between align-center" }, Vt = /* @__PURE__ */ p({
1267
+ }), Gt = { class: "d-flex justify-space-between align-center" }, Kt = /* @__PURE__ */ m({
1238
1268
  __name: "color",
1239
- props: /* @__PURE__ */ _({
1269
+ props: /* @__PURE__ */ v({
1240
1270
  hasDelete: {
1241
1271
  type: Boolean,
1242
1272
  default: !1
@@ -1249,44 +1279,44 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1249
1279
  modelValue: {},
1250
1280
  modelModifiers: {}
1251
1281
  }),
1252
- emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
1282
+ emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
1253
1283
  setup(e, { emit: t }) {
1254
- let { t: n } = H(), r = N(e, "modelValue"), i = t, a = o(() => {
1284
+ let { t: n } = H(), r = N(e, "modelValue"), i = t, a = s(() => {
1255
1285
  let t = "100%";
1256
1286
  return e.hasDelete && (t = "calc(100% - 37px)"), { width: t };
1257
- }), l = o(() => e.readonly), { open: p } = K(`propTreeColorPickerMenu${M()}`);
1258
- return S(() => {
1259
- p.value = !1;
1260
- }), (t, o) => {
1261
- let m = O("v-btn"), h = O("v-color-picker"), _ = O("v-menu");
1262
- return C(), s(_, {
1263
- modelValue: j(p),
1264
- "onUpdate:modelValue": o[2] ||= (e) => g(p) ? p.value = e : null,
1287
+ }), o = s(() => e.readonly), { open: u } = K(`propTreeColorPickerMenu${M()}`);
1288
+ return C(() => {
1289
+ u.value = !1;
1290
+ }), (t, s) => {
1291
+ let m = O("v-btn"), h = O("v-color-picker"), g = O("v-menu");
1292
+ return w(), c(g, {
1293
+ modelValue: j(u),
1294
+ "onUpdate:modelValue": s[2] ||= (e) => _(u) ? u.value = e : null,
1265
1295
  "close-on-content-click": !1,
1266
1296
  scrim: "transparent"
1267
1297
  }, {
1268
- activator: I(({ props: t }) => [u("div", Bt, [u("div", {
1298
+ activator: I(({ props: t }) => [d("div", Gt, [d("div", {
1269
1299
  class: "flex-grow-1",
1270
- style: y(a.value)
1271
- }, [f(m, v(t, {
1300
+ style: b(a.value)
1301
+ }, [p(m, y(t, {
1272
1302
  block: "",
1273
1303
  color: r.value,
1274
1304
  density: "comfortable",
1275
- disabled: l.value
1305
+ disabled: o.value
1276
1306
  }), {
1277
- default: I(() => [d(A(r.value ? r.value : j(n)("x-runtime-lib.notSet")), 1)]),
1307
+ default: I(() => [f(A(r.value ? r.value : j(n)("x-runtime-lib.notSet")), 1)]),
1278
1308
  _: 1
1279
- }, 16, ["color", "disabled"])], 4), e.hasDelete ? (C(), s(m, {
1309
+ }, 16, ["color", "disabled"])], 4), e.hasDelete ? (w(), c(m, {
1280
1310
  key: 0,
1281
1311
  class: "mx-2",
1282
1312
  density: "compact",
1283
1313
  icon: "mdi-minus",
1284
1314
  variant: "text",
1285
- onClick: o[0] ||= z((e) => i("delete"), ["stop"])
1286
- })) : c("", !0)])]),
1287
- default: I(() => [f(h, {
1315
+ onClick: s[0] ||= z((e) => i("delete"), ["stop"])
1316
+ })) : l("", !0)])]),
1317
+ default: I(() => [p(h, {
1288
1318
  modelValue: r.value,
1289
- "onUpdate:modelValue": o[1] ||= (e) => r.value = e,
1319
+ "onUpdate:modelValue": s[1] ||= (e) => r.value = e,
1290
1320
  mode: "hexa",
1291
1321
  "show-swatches": "",
1292
1322
  "swatches-max-height": "150px"
@@ -1295,9 +1325,9 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1295
1325
  }, 8, ["modelValue"]);
1296
1326
  };
1297
1327
  }
1298
- }), Ht = { class: "d-flex justify-space-between align-center my-2" }, Ut = { class: "flex-grow-1" }, Wt = /* @__PURE__ */ p({
1328
+ }), qt = { class: "d-flex justify-space-between align-center my-2" }, Jt = { class: "flex-grow-1" }, Yt = /* @__PURE__ */ m({
1299
1329
  __name: "index",
1300
- props: /* @__PURE__ */ _({
1330
+ props: /* @__PURE__ */ v({
1301
1331
  hasDelete: {
1302
1332
  type: Boolean,
1303
1333
  default: !1
@@ -1311,33 +1341,33 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1311
1341
  modelValue: {},
1312
1342
  modelModifiers: {}
1313
1343
  }),
1314
- emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
1344
+ emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
1315
1345
  setup(e, { emit: t }) {
1316
- let { t: n } = H(), { isMobile: r } = G(), i = N(e, "modelValue"), a = t, d = o(() => ie(e.types)), p = T(""), m = o(() => {
1346
+ let { t: n } = H(), { isMobile: r } = G(), i = N(e, "modelValue"), a = t, o = s(() => ae(e.types)), f = E(""), m = s(() => {
1317
1347
  let e = [];
1318
- for (let { value: t, title: r } of d.value) e.push({
1348
+ for (let { value: t, title: r } of o.value) e.push({
1319
1349
  value: t,
1320
1350
  title: n(r)
1321
1351
  });
1322
1352
  return e;
1323
1353
  });
1324
1354
  F(() => {
1325
- for (let { value: e, validator: t } of d.value) if (t(i.value)) {
1326
- p.value = e;
1355
+ for (let { value: e, validator: t } of o.value) if (t(i.value)) {
1356
+ f.value = e;
1327
1357
  return;
1328
1358
  }
1329
1359
  _();
1330
1360
  });
1331
- let h = o(() => d.value.find((e) => e.value === p.value));
1361
+ let h = s(() => o.value.find((e) => e.value === f.value));
1332
1362
  function g() {
1333
1363
  i.value = h.value?.default;
1334
1364
  }
1335
1365
  function _() {
1336
- p.value = d.value[0].value, g();
1366
+ f.value = o.value[0].value, g();
1337
1367
  }
1338
- let v = T(0), y = async (e) => {
1368
+ let v = E(0), y = async (e) => {
1339
1369
  if (!e || !r() || !h.value || h.value.trait !== "number" && h.value.trait !== "numberUnit") return;
1340
- let t = await he({
1370
+ let t = await ge({
1341
1371
  title: "",
1342
1372
  value: v.value,
1343
1373
  precision: h.value.precision,
@@ -1348,34 +1378,34 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1348
1378
  t !== void 0 && (v.value = t);
1349
1379
  };
1350
1380
  F(() => {
1351
- h.value?.trait === "number" ? v.value = i.value : h.value?.trait === "numberUnit" && (v.value = ce(i.value, h.value.unit));
1381
+ h.value?.trait === "number" ? v.value = i.value : h.value?.trait === "numberUnit" && (v.value = le(i.value, h.value.unit));
1352
1382
  }), P(v, (e) => {
1353
1383
  h.value?.trait === "number" ? i.value = e : h.value?.trait === "numberUnit" && (i.value = e + h.value.unit);
1354
1384
  });
1355
- let b = T("#ff00ff");
1385
+ let b = E("#ff00ff");
1356
1386
  F(() => {
1357
- h.value?.trait === "hexColor" && ae(i.value) && (b.value = i.value);
1387
+ h.value?.trait === "hexColor" && oe(i.value) && (b.value = i.value);
1358
1388
  }), P(b, (e) => {
1359
1389
  h.value?.trait === "hexColor" && (i.value = e);
1360
1390
  });
1361
- let x = T("primary"), S = o(() => {
1391
+ let x = E("primary"), S = s(() => {
1362
1392
  let e = [];
1363
- if (h.value?.trait === "themeColor") for (let { value: t, title: r } of de) e.push({
1393
+ if (h.value?.trait === "themeColor") for (let { value: t, title: r } of fe) e.push({
1364
1394
  value: t,
1365
1395
  title: n(r)
1366
1396
  });
1367
1397
  return e;
1368
1398
  });
1369
1399
  return F(() => {
1370
- h.value?.trait === "themeColor" && oe(i.value) && (x.value = i.value);
1400
+ h.value?.trait === "themeColor" && se(i.value) && (x.value = i.value);
1371
1401
  }), P(x, (e) => {
1372
1402
  h.value?.trait === "themeColor" && (i.value = e);
1373
1403
  }), (t, n) => {
1374
- let r = O("v-select"), i = O("v-number-input"), o = O("v-btn"), d = k("ripple");
1375
- return C(), l("div", Ht, [u("div", Ut, [
1376
- L(f(r, {
1377
- modelValue: p.value,
1378
- "onUpdate:modelValue": [n[0] ||= (e) => p.value = e, g],
1404
+ let r = O("v-select"), i = O("v-number-input"), o = O("v-btn"), s = k("ripple");
1405
+ return w(), u("div", qt, [d("div", Jt, [
1406
+ L(p(r, {
1407
+ modelValue: f.value,
1408
+ "onUpdate:modelValue": [n[0] ||= (e) => f.value = e, g],
1379
1409
  density: "compact",
1380
1410
  "hide-details": "",
1381
1411
  items: m.value,
@@ -1386,12 +1416,12 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1386
1416
  "items",
1387
1417
  "readonly"
1388
1418
  ]), [[
1389
- d,
1419
+ s,
1390
1420
  void 0,
1391
1421
  void 0,
1392
1422
  { stop: !0 }
1393
1423
  ]]),
1394
- h.value?.trait === "number" || h.value?.trait === "numberUnit" ? L((C(), s(i, {
1424
+ h.value?.trait === "number" || h.value?.trait === "numberUnit" ? L((w(), c(i, {
1395
1425
  key: 0,
1396
1426
  modelValue: v.value,
1397
1427
  "onUpdate:modelValue": n[1] ||= (e) => v.value = e,
@@ -1413,17 +1443,17 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1413
1443
  "readonly",
1414
1444
  "step"
1415
1445
  ])), [[
1416
- d,
1446
+ s,
1417
1447
  void 0,
1418
1448
  void 0,
1419
1449
  { stop: !0 }
1420
- ]]) : c("", !0),
1421
- h.value?.trait === "hexColor" ? (C(), s(Vt, {
1450
+ ]]) : l("", !0),
1451
+ h.value?.trait === "hexColor" ? (w(), c(Kt, {
1422
1452
  key: 1,
1423
1453
  modelValue: b.value,
1424
1454
  "onUpdate:modelValue": n[2] ||= (e) => b.value = e
1425
- }, null, 8, ["modelValue"])) : c("", !0),
1426
- h.value?.trait === "themeColor" ? L((C(), s(r, {
1455
+ }, null, 8, ["modelValue"])) : l("", !0),
1456
+ h.value?.trait === "themeColor" ? L((w(), c(r, {
1427
1457
  key: 2,
1428
1458
  modelValue: x.value,
1429
1459
  "onUpdate:modelValue": n[3] ||= (e) => x.value = e,
@@ -1432,24 +1462,24 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1432
1462
  items: S.value,
1433
1463
  "single-line": ""
1434
1464
  }, null, 8, ["modelValue", "items"])), [[
1435
- d,
1465
+ s,
1436
1466
  void 0,
1437
1467
  void 0,
1438
1468
  { stop: !0 }
1439
- ]]) : c("", !0)
1440
- ]), e.hasDelete ? (C(), s(o, {
1469
+ ]]) : l("", !0)
1470
+ ]), e.hasDelete ? (w(), c(o, {
1441
1471
  key: 0,
1442
1472
  class: "mx-2",
1443
1473
  density: "compact",
1444
1474
  icon: "mdi-minus",
1445
1475
  variant: "text",
1446
1476
  onClick: n[4] ||= z((e) => a("delete"), ["stop"])
1447
- })) : c("", !0)]);
1477
+ })) : l("", !0)]);
1448
1478
  };
1449
1479
  }
1450
- }), Gt = { class: "d-flex justify-space-between align-center" }, Kt = /* @__PURE__ */ p({
1480
+ }), Xt = { class: "d-flex justify-space-between align-center" }, Zt = /* @__PURE__ */ m({
1451
1481
  __name: "index",
1452
- props: /* @__PURE__ */ _({
1482
+ props: /* @__PURE__ */ v({
1453
1483
  hasDelete: {
1454
1484
  type: Boolean,
1455
1485
  default: !1
@@ -1466,11 +1496,11 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1466
1496
  modelValue: { required: !0 },
1467
1497
  modelModifiers: {}
1468
1498
  }),
1469
- emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
1499
+ emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
1470
1500
  setup(e, { emit: t }) {
1471
1501
  let { isMobile: n } = G(), r = N(e, "modelValue"), i = t, a = async (t) => {
1472
1502
  if (!t || e.readonly || !n()) return;
1473
- let i = await he({
1503
+ let i = await ge({
1474
1504
  title: "",
1475
1505
  value: r.value,
1476
1506
  precision: e.precision,
@@ -1481,8 +1511,8 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1481
1511
  i !== void 0 && (r.value = i);
1482
1512
  };
1483
1513
  return (t, n) => {
1484
- let o = O("v-number-input"), u = O("v-btn"), d = k("ripple");
1485
- return C(), l("div", Gt, [L(f(o, {
1514
+ let o = O("v-number-input"), s = O("v-btn"), d = k("ripple");
1515
+ return w(), u("div", Xt, [L(p(o, {
1486
1516
  modelValue: r.value,
1487
1517
  "onUpdate:modelValue": n[0] ||= (e) => r.value = e,
1488
1518
  "control-variant": "stacked",
@@ -1507,19 +1537,19 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1507
1537
  void 0,
1508
1538
  void 0,
1509
1539
  { stop: !0 }
1510
- ]]), e.hasDelete ? (C(), s(u, {
1540
+ ]]), e.hasDelete ? (w(), c(s, {
1511
1541
  key: 0,
1512
1542
  class: "mx-2",
1513
1543
  density: "compact",
1514
1544
  icon: "mdi-minus",
1515
1545
  variant: "text",
1516
1546
  onClick: n[1] ||= z((e) => i("delete"), ["stop"])
1517
- })) : c("", !0)]);
1547
+ })) : l("", !0)]);
1518
1548
  };
1519
1549
  }
1520
- }), qt = { class: "d-flex justify-space-between align-center my-2" }, Jt = { class: "flex-grow-1" }, Yt = /* @__PURE__ */ p({
1550
+ }), Qt = { class: "d-flex justify-space-between align-center my-2" }, $t = { class: "flex-grow-1" }, en = /* @__PURE__ */ m({
1521
1551
  __name: "index",
1522
- props: /* @__PURE__ */ _({
1552
+ props: /* @__PURE__ */ v({
1523
1553
  hasDelete: {
1524
1554
  type: Boolean,
1525
1555
  default: !1
@@ -1532,54 +1562,54 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1532
1562
  modelValue: { required: !0 },
1533
1563
  modelModifiers: {}
1534
1564
  }),
1535
- emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
1565
+ emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
1536
1566
  setup(e, { emit: t }) {
1537
- let { t: n } = H(), { isMobile: r } = G(), i = N(e, "modelValue"), a = t, d = T(""), p = T(0);
1567
+ let { t: n } = H(), { isMobile: r } = G(), i = N(e, "modelValue"), a = t, o = E(""), f = E(0);
1538
1568
  F(() => {
1539
1569
  let e = i.value.split(",");
1540
- e.length < 1 || (d.value = e[0], (e[0] === "minLength" || e[1] === "maxLength" || e[2] === "length") && (e.length > 1 ? p.value = parseInt(e[1]) : p.value = 0));
1570
+ e.length < 1 || (o.value = e[0], (e[0] === "minLength" || e[1] === "maxLength" || e[2] === "length") && (e.length > 1 ? f.value = parseInt(e[1]) : f.value = 0));
1541
1571
  });
1542
1572
  function m() {
1543
- d.value === "minLength" || d.value === "maxLength" || d.value === "length" ? i.value = `${d.value},${p.value}` : i.value = d.value;
1573
+ o.value === "minLength" || o.value === "maxLength" || o.value === "length" ? i.value = `${o.value},${f.value}` : i.value = o.value;
1544
1574
  }
1545
- let h = o(() => {
1575
+ let h = s(() => {
1546
1576
  let e = [{
1547
1577
  value: "",
1548
1578
  title: n("x-runtime-lib.notSet")
1549
1579
  }];
1550
- for (let t of ue) e.push({
1580
+ for (let t of de) e.push({
1551
1581
  value: t,
1552
1582
  title: n(`x-runtime-lib.${t}`)
1553
1583
  });
1554
1584
  return e;
1555
1585
  });
1556
1586
  function g() {
1557
- p.value = 0, m();
1587
+ f.value = 0, m();
1558
1588
  }
1559
1589
  F(() => {
1560
1590
  let e = i.value.split(",");
1561
- e.length > 1 && (p.value = parseInt(e[1]));
1591
+ e.length > 1 && (f.value = parseInt(e[1]));
1562
1592
  });
1563
1593
  async function _(e) {
1564
1594
  if (!e || !r()) return;
1565
- let t = await he({
1595
+ let t = await ge({
1566
1596
  title: "",
1567
- value: p.value,
1597
+ value: f.value,
1568
1598
  precision: 0,
1569
1599
  min: 0,
1570
1600
  max: Infinity,
1571
1601
  step: 1
1572
1602
  });
1573
- t !== void 0 && (p.value = t, m());
1603
+ t !== void 0 && (f.value = t, m());
1574
1604
  }
1575
1605
  function v() {
1576
1606
  m();
1577
1607
  }
1578
1608
  return (t, n) => {
1579
- let r = O("v-select"), i = O("v-number-input"), o = O("v-btn"), m = k("ripple");
1580
- return C(), l("div", qt, [u("div", Jt, [L(f(r, {
1581
- modelValue: d.value,
1582
- "onUpdate:modelValue": [n[0] ||= (e) => d.value = e, g],
1609
+ let r = O("v-select"), i = O("v-number-input"), s = O("v-btn"), m = k("ripple");
1610
+ return w(), u("div", Qt, [d("div", $t, [L(p(r, {
1611
+ modelValue: o.value,
1612
+ "onUpdate:modelValue": [n[0] ||= (e) => o.value = e, g],
1583
1613
  density: "compact",
1584
1614
  "hide-details": "",
1585
1615
  items: h.value,
@@ -1594,10 +1624,10 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1594
1624
  void 0,
1595
1625
  void 0,
1596
1626
  { stop: !0 }
1597
- ]]), d.value === "minLength" || d.value === "maxLength" || d.value === "length" ? L((C(), s(i, {
1627
+ ]]), o.value === "minLength" || o.value === "maxLength" || o.value === "length" ? L((w(), c(i, {
1598
1628
  key: 0,
1599
- modelValue: p.value,
1600
- "onUpdate:modelValue": [n[1] ||= (e) => p.value = e, v],
1629
+ modelValue: f.value,
1630
+ "onUpdate:modelValue": [n[1] ||= (e) => f.value = e, v],
1601
1631
  "control-variant": "stacked",
1602
1632
  density: "compact",
1603
1633
  "hide-details": "",
@@ -1613,19 +1643,19 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1613
1643
  void 0,
1614
1644
  void 0,
1615
1645
  { stop: !0 }
1616
- ]]) : c("", !0)]), e.hasDelete ? (C(), s(o, {
1646
+ ]]) : l("", !0)]), e.hasDelete ? (w(), c(s, {
1617
1647
  key: 0,
1618
1648
  class: "mx-2",
1619
1649
  density: "compact",
1620
1650
  icon: "mdi-minus",
1621
1651
  variant: "text",
1622
1652
  onClick: n[2] ||= z((e) => a("delete"), ["stop"])
1623
- })) : c("", !0)]);
1653
+ })) : l("", !0)]);
1624
1654
  };
1625
1655
  }
1626
- }), Xt = { class: "d-flex justify-space-between align-center" }, Zt = /* @__PURE__ */ p({
1656
+ }), tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PURE__ */ m({
1627
1657
  __name: "index",
1628
- props: /* @__PURE__ */ _({
1658
+ props: /* @__PURE__ */ v({
1629
1659
  hasDelete: {
1630
1660
  type: Boolean,
1631
1661
  default: !1
@@ -1639,11 +1669,11 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1639
1669
  modelValue: {},
1640
1670
  modelModifiers: {}
1641
1671
  }),
1642
- emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
1672
+ emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
1643
1673
  setup(e, { emit: t }) {
1644
- let { t: n } = H(), r = N(e, "modelValue"), i = t, a = o(() => {
1674
+ let { t: n } = H(), r = N(e, "modelValue"), i = t, a = s(() => {
1645
1675
  let t = [];
1646
- return ne(e.items)?.forEach(({ value: e, title: r }) => {
1676
+ return re(e.items)?.forEach(({ value: e, title: r }) => {
1647
1677
  let i = e;
1648
1678
  r && (i = n(r)), t.push({
1649
1679
  value: e,
@@ -1652,8 +1682,8 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1652
1682
  }), t;
1653
1683
  });
1654
1684
  return (t, n) => {
1655
- let o = O("v-select"), u = O("v-btn"), d = k("ripple");
1656
- return C(), l("div", Xt, [L(f(o, {
1685
+ let o = O("v-select"), s = O("v-btn"), d = k("ripple");
1686
+ return w(), u("div", tn, [L(p(o, {
1657
1687
  modelValue: r.value,
1658
1688
  "onUpdate:modelValue": n[0] ||= (e) => r.value = e,
1659
1689
  density: "compact",
@@ -1670,17 +1700,17 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1670
1700
  void 0,
1671
1701
  void 0,
1672
1702
  { stop: !0 }
1673
- ]]), e.hasDelete ? (C(), s(u, {
1703
+ ]]), e.hasDelete ? (w(), c(s, {
1674
1704
  key: 0,
1675
1705
  class: "mx-2",
1676
1706
  density: "compact",
1677
1707
  icon: "mdi-minus",
1678
1708
  variant: "text",
1679
1709
  onClick: n[1] ||= z((e) => i("delete"), ["stop"])
1680
- })) : c("", !0)]);
1710
+ })) : l("", !0)]);
1681
1711
  };
1682
1712
  }
1683
- }), Qt = { class: "text-body-large ml-6" }, $t = /* @__PURE__ */ p({
1713
+ }), rn = { class: "text-body-large ml-6" }, an = /* @__PURE__ */ m({
1684
1714
  __name: "item",
1685
1715
  props: {
1686
1716
  id: {},
@@ -1688,7 +1718,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1688
1718
  },
1689
1719
  emits: ["x-click"],
1690
1720
  setup(e, { emit: t }) {
1691
- let { backgroundColor2: n, highlightColor: r } = W(), i = t, a = T(!1), s = o(() => ({
1721
+ let { backgroundColor2: n, highlightColor: r } = W(), i = t, a = E(!1), o = s(() => ({
1692
1722
  background: a.value ? r.value : n.value,
1693
1723
  height: "48px",
1694
1724
  marginTop: "1px",
@@ -1696,19 +1726,19 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1696
1726
  }));
1697
1727
  return (t, n) => {
1698
1728
  let r = k("ripple");
1699
- return L((C(), l("div", {
1729
+ return L((w(), u("div", {
1700
1730
  class: "d-flex align-center cursor-pointer",
1701
- style: y(s.value),
1731
+ style: b(o.value),
1702
1732
  onClick: n[0] ||= (t) => i("x-click", e.id),
1703
1733
  onMouseout: n[1] ||= (e) => a.value = !1,
1704
1734
  onMouseover: n[2] ||= (e) => a.value = !0
1705
- }, [u("span", Qt, A(e.title), 1)], 36)), [[r]]);
1735
+ }, [d("span", rn, A(e.title), 1)], 36)), [[r]]);
1706
1736
  };
1707
1737
  }
1708
- }), en = { key: 0 }, tn = {
1738
+ }), on = { key: 0 }, sn = {
1709
1739
  key: 1,
1710
1740
  class: "text-body-medium text-grey ml-3"
1711
- }, nn = /* @__PURE__ */ p({
1741
+ }, cn = /* @__PURE__ */ m({
1712
1742
  __name: "index",
1713
1743
  props: {
1714
1744
  modelValue: {},
@@ -1721,19 +1751,19 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1721
1751
  },
1722
1752
  emits: ["update:modelValue", "update:open"],
1723
1753
  setup(e) {
1724
- let { nameList: t } = G(), n = N(e, "modelValue"), r = N(e, "open"), i = ot(), o = (e) => {
1754
+ let { nameList: t } = G(), n = N(e, "modelValue"), r = N(e, "open"), i = lt(), a = (e) => {
1725
1755
  n.value = e, r.value = !1;
1726
1756
  };
1727
- return (e, n) => j(i).length > 0 ? (C(), l("div", en, [(C(!0), l(a, null, E(j(i), (e) => (C(), s($t, {
1757
+ return (e, n) => j(i).length > 0 ? (w(), u("div", on, [(w(!0), u(o, null, D(j(i), (e) => (w(), c(an, {
1728
1758
  key: e.id,
1729
1759
  id: e.id,
1730
1760
  title: e.name,
1731
- onXClick: o
1732
- }, null, 8, ["id", "title"]))), 128))])) : (C(), l("div", tn, A(j(t)(["x-prop-tree.no", "x-prop-tree.slot"])), 1));
1761
+ onXClick: a
1762
+ }, null, 8, ["id", "title"]))), 128))])) : (w(), u("div", sn, A(j(t)(["x-prop-tree.no", "x-prop-tree.slot"])), 1));
1733
1763
  }
1734
- }), rn = { class: "text-body-large" }, an = /* @__PURE__ */ p({
1764
+ }), ln = { class: "text-body-large" }, un = /* @__PURE__ */ m({
1735
1765
  __name: "index",
1736
- props: /* @__PURE__ */ _({
1766
+ props: /* @__PURE__ */ v({
1737
1767
  hasDelete: {
1738
1768
  type: Boolean,
1739
1769
  default: !1
@@ -1746,97 +1776,97 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1746
1776
  modelValue: {},
1747
1777
  modelModifiers: {}
1748
1778
  }),
1749
- emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
1779
+ emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
1750
1780
  setup(e, { emit: t }) {
1751
- let { t: n } = H(), r = ve(), { sysBarAvail: i, nameList: a } = G(), { backgroundColor1: l } = W(), p = N(e, "modelValue"), m = t, h = ot(), _ = o(() => {
1781
+ let { t: n } = H(), r = ye(), { sysBarAvail: i, nameList: a } = G(), { backgroundColor1: o } = W(), u = N(e, "modelValue"), m = t, h = lt(), g = s(() => {
1752
1782
  let e = "100%";
1753
1783
  return r.mdAndUp.value && (e = "400px"), {
1754
- background: l.value,
1784
+ background: o.value,
1755
1785
  width: e,
1756
1786
  height: "100%"
1757
1787
  };
1758
- }), b = o(() => {
1788
+ }), v = s(() => {
1759
1789
  let e = 48;
1760
1790
  return i.value && (e += 24), {
1761
1791
  position: "relative",
1762
1792
  height: `calc(100% - ${e}px)`
1763
1793
  };
1764
- }), x = o(() => ({ height: "60px" })), w = o(() => {
1765
- if (!p.value) return n("x-runtime-lib.notSet");
1766
- let e = h.value.find((e) => e.id === p.value);
1794
+ }), x = s(() => ({ height: "60px" })), S = s(() => {
1795
+ if (!u.value) return n("x-runtime-lib.notSet");
1796
+ let e = h.value.find((e) => e.id === u.value);
1767
1797
  return e ? e.name : n("x-runtime-lib.slotNotAvail");
1768
1798
  }), { open: T } = K(`propTreeSlotSelectDlg${M()}`);
1769
- return S(() => {
1799
+ return C(() => {
1770
1800
  T.value = !1;
1771
1801
  }), (t, n) => {
1772
- let r = O("v-btn"), o = O("v-sheet"), l = O("v-dialog");
1773
- return C(), s(l, {
1802
+ let r = O("v-btn"), o = O("v-sheet"), s = O("v-dialog");
1803
+ return w(), c(s, {
1774
1804
  modelValue: j(T),
1775
- "onUpdate:modelValue": n[6] ||= (e) => g(T) ? T.value = e : null,
1805
+ "onUpdate:modelValue": n[6] ||= (e) => _(T) ? T.value = e : null,
1776
1806
  fullscreen: "",
1777
1807
  "no-click-animation": "",
1778
1808
  persistent: "",
1779
1809
  transition: "scroll-x-reverse-transition",
1780
1810
  onKeydown: n[7] ||= R(z((e) => T.value = !1, ["stop", "prevent"]), ["esc"])
1781
1811
  }, {
1782
- activator: I(({ props: t }) => [f(r, v(t, {
1812
+ activator: I(({ props: t }) => [p(r, y(t, {
1783
1813
  block: "",
1784
1814
  density: "comfortable",
1785
1815
  readonly: e.readonly
1786
1816
  }), {
1787
- default: I(() => [d(A(w.value), 1)]),
1817
+ default: I(() => [f(A(S.value), 1)]),
1788
1818
  _: 1
1789
- }, 16, ["readonly"]), e.hasDelete ? (C(), s(r, {
1819
+ }, 16, ["readonly"]), e.hasDelete ? (w(), c(r, {
1790
1820
  key: 0,
1791
1821
  class: "mx-2",
1792
1822
  density: "compact",
1793
1823
  icon: "mdi-minus",
1794
1824
  variant: "text",
1795
1825
  onClick: n[0] ||= z((e) => m("delete"), ["stop"])
1796
- })) : c("", !0)]),
1797
- default: I(() => [u("div", {
1826
+ })) : l("", !0)]),
1827
+ default: I(() => [d("div", {
1798
1828
  class: "w-100 h-100 d-flex flex-row-reverse",
1799
1829
  onClick: n[4] ||= z((e) => T.value = !1, ["self"]),
1800
1830
  onContextmenu: n[5] ||= z((e) => T.value = !1, ["self", "prevent"])
1801
- }, [u("div", {
1831
+ }, [d("div", {
1802
1832
  class: "elevation-2",
1803
- style: y(_.value)
1833
+ style: b(g.value)
1804
1834
  }, [
1805
- j(i) ? (C(), s(o, {
1835
+ j(i) ? (w(), c(o, {
1806
1836
  key: 0,
1807
1837
  color: "transparent",
1808
1838
  height: 24
1809
- })) : c("", !0),
1810
- f(o, {
1839
+ })) : l("", !0),
1840
+ p(o, {
1811
1841
  class: "d-flex align-center px-3",
1812
1842
  color: "transparent",
1813
1843
  height: 48
1814
1844
  }, {
1815
- default: I(() => [f(r, {
1845
+ default: I(() => [p(r, {
1816
1846
  density: "comfortable",
1817
1847
  icon: "mdi-close",
1818
1848
  variant: "text",
1819
1849
  onClick: n[1] ||= (e) => T.value = !1
1820
- }), u("span", rn, A(j(a)(["x-prop-tree.select", "x-prop-tree.slot"])), 1)]),
1850
+ }), d("span", ln, A(j(a)(["x-prop-tree.select", "x-prop-tree.slot"])), 1)]),
1821
1851
  _: 1
1822
1852
  }),
1823
- u("div", {
1853
+ d("div", {
1824
1854
  class: "overflow-y-auto",
1825
- style: y(b.value)
1826
- }, [f(nn, {
1827
- modelValue: p.value,
1828
- "onUpdate:modelValue": n[2] ||= (e) => p.value = e,
1855
+ style: b(v.value)
1856
+ }, [p(cn, {
1857
+ modelValue: u.value,
1858
+ "onUpdate:modelValue": n[2] ||= (e) => u.value = e,
1829
1859
  open: j(T),
1830
- "onUpdate:open": n[3] ||= (e) => g(T) ? T.value = e : null
1831
- }, null, 8, ["modelValue", "open"]), u("div", { style: y(x.value) }, null, 4)], 4)
1860
+ "onUpdate:open": n[3] ||= (e) => _(T) ? T.value = e : null
1861
+ }, null, 8, ["modelValue", "open"]), d("div", { style: b(x.value) }, null, 4)], 4)
1832
1862
  ], 4)], 32)]),
1833
1863
  _: 1
1834
1864
  }, 8, ["modelValue"]);
1835
1865
  };
1836
1866
  }
1837
- }), on = { class: "d-flex justify-space-between align-center" }, sn = /* @__PURE__ */ p({
1867
+ }), dn = { class: "d-flex justify-space-between align-center" }, fn = /* @__PURE__ */ m({
1838
1868
  __name: "index",
1839
- props: /* @__PURE__ */ _({
1869
+ props: /* @__PURE__ */ v({
1840
1870
  hasDelete: {
1841
1871
  type: Boolean,
1842
1872
  default: !1
@@ -1849,12 +1879,12 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1849
1879
  modelValue: { type: Boolean },
1850
1880
  modelModifiers: {}
1851
1881
  }),
1852
- emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
1882
+ emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
1853
1883
  setup(e, { emit: t }) {
1854
1884
  let n = N(e, "modelValue"), r = t;
1855
1885
  return (t, i) => {
1856
1886
  let a = O("v-switch"), o = O("v-btn");
1857
- return C(), l("div", on, [f(a, {
1887
+ return w(), u("div", dn, [p(a, {
1858
1888
  modelValue: n.value,
1859
1889
  "onUpdate:modelValue": i[0] ||= (e) => n.value = e,
1860
1890
  class: "ml-1",
@@ -1862,19 +1892,19 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1862
1892
  density: "compact",
1863
1893
  "hide-details": "",
1864
1894
  readonly: e.readonly
1865
- }, null, 8, ["modelValue", "readonly"]), e.hasDelete ? (C(), s(o, {
1895
+ }, null, 8, ["modelValue", "readonly"]), e.hasDelete ? (w(), c(o, {
1866
1896
  key: 0,
1867
1897
  class: "mx-2",
1868
1898
  density: "compact",
1869
1899
  icon: "mdi-minus",
1870
1900
  variant: "text",
1871
1901
  onClick: i[1] ||= z((e) => r("delete"), ["stop"])
1872
- })) : c("", !0)]);
1902
+ })) : l("", !0)]);
1873
1903
  };
1874
1904
  }
1875
- }), cn = { class: "d-flex justify-space-between align-center" }, ln = /* @__PURE__ */ p({
1905
+ }), pn = { class: "d-flex justify-space-between align-center" }, mn = /* @__PURE__ */ m({
1876
1906
  __name: "index",
1877
- props: /* @__PURE__ */ _({
1907
+ props: /* @__PURE__ */ v({
1878
1908
  hasDelete: {
1879
1909
  type: Boolean,
1880
1910
  default: !1
@@ -1887,19 +1917,19 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1887
1917
  modelValue: { required: !0 },
1888
1918
  modelModifiers: {}
1889
1919
  }),
1890
- emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
1920
+ emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
1891
1921
  setup(e, { emit: t }) {
1892
1922
  let { isMobile: n } = G(), r = N(e, "modelValue"), i = t, a = async (t) => {
1893
1923
  if (!t || e.readonly || !n()) return;
1894
- let i = await ge({
1924
+ let i = await _e({
1895
1925
  title: "",
1896
1926
  value: r.value
1897
1927
  });
1898
1928
  i !== void 0 && (r.value = i);
1899
1929
  };
1900
1930
  return (t, n) => {
1901
- let o = O("v-text-field"), u = O("v-btn"), d = k("ripple");
1902
- return C(), l("div", cn, [L(f(o, {
1931
+ let o = O("v-text-field"), s = O("v-btn"), d = k("ripple");
1932
+ return w(), u("div", pn, [L(p(o, {
1903
1933
  modelValue: r.value,
1904
1934
  "onUpdate:modelValue": n[0] ||= (e) => r.value = e,
1905
1935
  density: "compact",
@@ -1912,27 +1942,27 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
1912
1942
  void 0,
1913
1943
  void 0,
1914
1944
  { stop: !0 }
1915
- ]]), e.hasDelete ? (C(), s(u, {
1945
+ ]]), e.hasDelete ? (w(), c(s, {
1916
1946
  key: 0,
1917
1947
  class: "mx-2",
1918
1948
  density: "compact",
1919
1949
  icon: "mdi-minus",
1920
1950
  variant: "text",
1921
1951
  onClick: n[1] ||= z((e) => i("delete"), ["stop"])
1922
- })) : c("", !0)]);
1952
+ })) : l("", !0)]);
1923
1953
  };
1924
1954
  }
1925
1955
  });
1926
1956
  //#endregion
1927
1957
  //#region src/composables/uis/uiAdaptSlot.ts
1928
- function un() {
1929
- let e = $();
1958
+ function hn() {
1959
+ let e = Q();
1930
1960
  return { renderUiAdaptSlot: (t, n, r, i, a) => {
1931
1961
  if (n.ui !== "adaptSlot") throw Error("useUiAdaptSlot property ui must be adaptSlot");
1932
- return m(wt, {
1933
- modelValue: Y(t, n, r, i, a, e),
1962
+ return h(kt, {
1963
+ modelValue: J(t, n, r, i, a, e),
1934
1964
  "onUpdate:modelValue": (o) => {
1935
- X(t, n, r, o, i, a, e);
1965
+ Y(t, n, r, o, i, a, e);
1936
1966
  },
1937
1967
  hasDelete: i !== void 0 && !a,
1938
1968
  onDelete: () => {
@@ -1944,14 +1974,14 @@ function un() {
1944
1974
  }
1945
1975
  //#endregion
1946
1976
  //#region src/composables/uis/uiComp.ts
1947
- function dn() {
1948
- let e = $();
1977
+ function gn() {
1978
+ let e = Q();
1949
1979
  return { renderUiComp: (t, n, r, i, a) => {
1950
1980
  if (n.ui !== "comp") throw Error("renderUiComp property ui must be comp");
1951
- return m(Pt, {
1952
- modelValue: Y(t, n, r, i, a, e),
1981
+ return h(zt, {
1982
+ modelValue: J(t, n, r, i, a, e),
1953
1983
  "onUpdate:modelValue": (o) => {
1954
- X(t, n, r, o, i, a, e);
1984
+ Y(t, n, r, o, i, a, e);
1955
1985
  },
1956
1986
  hasDelete: i !== void 0 && !a,
1957
1987
  onDelete: () => {
@@ -1963,23 +1993,23 @@ function dn() {
1963
1993
  }
1964
1994
  //#endregion
1965
1995
  //#region src/composables/uis/uiDummy.ts
1966
- function fn() {
1967
- let e = $();
1996
+ function _n() {
1997
+ let e = Q();
1968
1998
  return { renderUiDummy: (t, n, r, i, a) => {
1969
1999
  if (n.ui !== "dummy") throw Error("renderUiDummy property ui must be dummy");
1970
- Y(t, n, r, i, a, e);
2000
+ J(t, n, r, i, a, e);
1971
2001
  } };
1972
2002
  }
1973
2003
  //#endregion
1974
2004
  //#region src/composables/uis/uiIcon.ts
1975
- function pn() {
1976
- let e = $();
2005
+ function vn() {
2006
+ let e = Q();
1977
2007
  return { renderUiIcon: (t, n, r, i, a) => {
1978
2008
  if (n.ui !== "icon") throw Error("renderUiIcon property ui must be icon");
1979
- return m(It, {
1980
- modelValue: n.static ? n.value : Y(t, n, r, i, a, e),
2009
+ return h(Vt, {
2010
+ modelValue: n.static ? n.value : J(t, n, r, i, a, e),
1981
2011
  "onUpdate:modelValue": (o) => {
1982
- n.static || X(t, n, r, o, i, a, e);
2012
+ n.static || Y(t, n, r, o, i, a, e);
1983
2013
  },
1984
2014
  hasDelete: i !== void 0 && !a,
1985
2015
  onDelete: () => {
@@ -1991,14 +2021,14 @@ function pn() {
1991
2021
  }
1992
2022
  //#endregion
1993
2023
  //#region src/composables/uis/uiJson.ts
1994
- function mn() {
1995
- let e = $();
2024
+ function yn() {
2025
+ let e = Q();
1996
2026
  return { renderUiJson: (t, n, r, i, a) => {
1997
2027
  if (n.ui !== "json") throw Error("renderUiJson property ui must be json");
1998
- return m(zt, {
1999
- modelValue: Y(t, n, r, i, a, e) ?? "{}",
2028
+ return h(Wt, {
2029
+ modelValue: J(t, n, r, i, a, e) ?? "{}",
2000
2030
  "onUpdate:modelValue": (o) => {
2001
- X(t, n, r, o, i, a, e);
2031
+ Y(t, n, r, o, i, a, e);
2002
2032
  },
2003
2033
  hasDelete: i !== void 0 && !a,
2004
2034
  onDelete: () => {
@@ -2010,14 +2040,14 @@ function mn() {
2010
2040
  }
2011
2041
  //#endregion
2012
2042
  //#region src/composables/uis/uiMultiTypes.ts
2013
- function hn() {
2014
- let e = $();
2043
+ function bn() {
2044
+ let e = Q();
2015
2045
  return { renderUiMultiTypes: (t, n, r, i, a) => {
2016
2046
  if (n.ui !== "multiTypes") throw Error("renderUiMultiTypes property ui must be multiTypes");
2017
- return m(Wt, {
2018
- modelValue: Y(t, n, r, i, a, e),
2047
+ return h(Yt, {
2048
+ modelValue: J(t, n, r, i, a, e),
2019
2049
  "onUpdate:modelValue": (o) => {
2020
- X(t, n, r, o, i, a, e);
2050
+ Y(t, n, r, o, i, a, e);
2021
2051
  },
2022
2052
  hasDelete: i !== void 0 && !a,
2023
2053
  onDelete: () => {
@@ -2029,14 +2059,14 @@ function hn() {
2029
2059
  }
2030
2060
  //#endregion
2031
2061
  //#region src/composables/uis/uiNumber.ts
2032
- function gn() {
2033
- let e = $();
2062
+ function xn() {
2063
+ let e = Q();
2034
2064
  return { renderUiNumber: (t, n, r, i, a) => {
2035
2065
  if (n.ui !== "number") throw Error("renderUiNumber property ui must be number");
2036
- return m(Kt, {
2037
- modelValue: Y(t, n, r, i, a, e),
2066
+ return h(Zt, {
2067
+ modelValue: J(t, n, r, i, a, e),
2038
2068
  "onUpdate:modelValue": (o) => {
2039
- X(t, n, r, o, i, a, e);
2069
+ Y(t, n, r, o, i, a, e);
2040
2070
  },
2041
2071
  hasDelete: i !== void 0 && !a,
2042
2072
  onDelete: () => {
@@ -2052,12 +2082,12 @@ function gn() {
2052
2082
  }
2053
2083
  //#endregion
2054
2084
  //#region src/components/entry/index.vue
2055
- var _n = /* @__PURE__ */ p({
2085
+ var Sn = /* @__PURE__ */ m({
2056
2086
  __name: "index",
2057
2087
  props: { minHeight: {} },
2058
2088
  emits: ["menu"],
2059
2089
  setup(e, { emit: t }) {
2060
- let { backgroundColor2: n, highlightColor: r } = W(), i = t, a = T(!1), s = o(() => ({
2090
+ let { backgroundColor2: n, highlightColor: r } = W(), i = t, a = E(!1), o = s(() => ({
2061
2091
  background: a.value ? r.value : n.value,
2062
2092
  minHeight: e.minHeight,
2063
2093
  paddingRight: "4px",
@@ -2068,23 +2098,23 @@ var _n = /* @__PURE__ */ p({
2068
2098
  };
2069
2099
  return (e, t) => {
2070
2100
  let n = k("ripple");
2071
- return L((C(), l("div", {
2101
+ return L((w(), u("div", {
2072
2102
  class: "d-flex justify-space-between align-center cursor-pointer",
2073
- style: y(s.value),
2103
+ style: b(o.value),
2074
2104
  onContextmenu: z(c, ["self", "prevent"]),
2075
2105
  onMouseout: t[0] ||= (e) => a.value = !1,
2076
2106
  onMouseover: t[1] ||= (e) => a.value = !0
2077
- }, [D(e.$slots, "default")], 36)), [[n]]);
2107
+ }, [ee(e.$slots, "default")], 36)), [[n]]);
2078
2108
  };
2079
2109
  }
2080
2110
  });
2081
2111
  //#endregion
2082
2112
  //#region src/composables/uis/uiProperty.ts
2083
- function vn() {
2084
- let { t: e } = H(), t = tt();
2113
+ function Cn() {
2114
+ let { t: e } = H(), t = it();
2085
2115
  return { renderProperty: (n, r, i) => {
2086
2116
  let a = n[n.length - 1], o = typeof a == "number" ? `[${a + 1}]` : e(r.name);
2087
- return Q(t.value, n) && (o += " *"), m(_n, {
2117
+ return Z(t.value, n) && (o += " *"), h(Sn, {
2088
2118
  minHeight: "56px",
2089
2119
  onMenu: (e, t) => {
2090
2120
  U.emit("propTreeMenu", {
@@ -2093,25 +2123,25 @@ function vn() {
2093
2123
  keys: n
2094
2124
  });
2095
2125
  }
2096
- }, () => [m("span", {
2126
+ }, () => [h("span", {
2097
2127
  style: {
2098
2128
  marginLeft: "4px",
2099
2129
  pointerEvents: "none"
2100
2130
  },
2101
2131
  innerHTML: o
2102
- }), m("div", { style: { width: "200px" } }, i)]);
2132
+ }), h("div", { style: { width: "200px" } }, i)]);
2103
2133
  } };
2104
2134
  }
2105
2135
  //#endregion
2106
2136
  //#region src/composables/uis/uiRule.ts
2107
- function yn() {
2108
- let e = $();
2137
+ function wn() {
2138
+ let e = Q();
2109
2139
  function t(t, n, r, i, a) {
2110
2140
  if (n.ui !== "rule") throw Error("renderUiRule property ui must be rule");
2111
- return m(Yt, {
2112
- modelValue: Y(t, n, r, i, a, e),
2141
+ return h(en, {
2142
+ modelValue: J(t, n, r, i, a, e),
2113
2143
  "onUpdate:modelValue": (o) => {
2114
- X(t, n, r, o, i, a, e);
2144
+ Y(t, n, r, o, i, a, e);
2115
2145
  },
2116
2146
  hasDelete: i !== void 0 && !a,
2117
2147
  onDelete: () => {
@@ -2123,14 +2153,14 @@ function yn() {
2123
2153
  }
2124
2154
  //#endregion
2125
2155
  //#region src/composables/uis/uiSelect.ts
2126
- function bn() {
2127
- let e = $();
2156
+ function Tn() {
2157
+ let e = Q();
2128
2158
  return { renderUiSelect: (t, n, r, i, a) => {
2129
2159
  if (n.ui !== "select") throw Error("renderUiSelect property ui must be select");
2130
- return m(Zt, {
2131
- modelValue: Y(t, n, r, i, a, e),
2160
+ return h(nn, {
2161
+ modelValue: J(t, n, r, i, a, e),
2132
2162
  "onUpdate:modelValue": (o) => {
2133
- X(t, n, r, o, i, a, e);
2163
+ Y(t, n, r, o, i, a, e);
2134
2164
  },
2135
2165
  hasDelete: i !== void 0 && !a,
2136
2166
  onDelete: () => {
@@ -2143,14 +2173,14 @@ function bn() {
2143
2173
  }
2144
2174
  //#endregion
2145
2175
  //#region src/composables/uis/uiSlot.ts
2146
- function xn() {
2147
- let e = $();
2176
+ function En() {
2177
+ let e = Q();
2148
2178
  return { renderUiSlot: (t, n, r, i, a) => {
2149
2179
  if (n.ui !== "slot") throw Error("renderUiSlot property ui must be slot");
2150
- return m(an, {
2151
- modelValue: Y(t, n, r, i, a, e),
2180
+ return h(un, {
2181
+ modelValue: J(t, n, r, i, a, e),
2152
2182
  "onUpdate:modelValue": (o) => {
2153
- X(t, n, r, o, i, a, e);
2183
+ Y(t, n, r, o, i, a, e);
2154
2184
  },
2155
2185
  hasDelete: i !== void 0 && !a,
2156
2186
  onDelete: () => {
@@ -2162,14 +2192,14 @@ function xn() {
2162
2192
  }
2163
2193
  //#endregion
2164
2194
  //#region src/composables/uis/uiSwitch.ts
2165
- function Sn() {
2166
- let e = $();
2195
+ function Dn() {
2196
+ let e = Q();
2167
2197
  return { renderUiSwitch: (t, n, r, i, a) => {
2168
2198
  if (n.ui !== "switch") throw Error("renderUiSwitch property ui must be switch");
2169
- return m(sn, {
2170
- modelValue: Y(t, n, r, i, a, e),
2199
+ return h(fn, {
2200
+ modelValue: J(t, n, r, i, a, e),
2171
2201
  "onUpdate:modelValue": (o) => {
2172
- X(t, n, r, o, i, a, e);
2202
+ Y(t, n, r, o, i, a, e);
2173
2203
  },
2174
2204
  hasDelete: i !== void 0 && !a,
2175
2205
  onDelete: () => {
@@ -2181,14 +2211,14 @@ function Sn() {
2181
2211
  }
2182
2212
  //#endregion
2183
2213
  //#region src/composables/uis/uiText.ts
2184
- function Cn() {
2185
- let e = $();
2214
+ function On() {
2215
+ let e = Q();
2186
2216
  return { renderUiText: (t, n, r, i, a) => {
2187
2217
  if (n.ui !== "text") throw Error("renderUiText property ui must be text");
2188
- return m(ln, {
2189
- modelValue: n.static ? n.value : Y(t, n, r, i, a, e),
2218
+ return h(mn, {
2219
+ modelValue: n.static ? n.value : J(t, n, r, i, a, e),
2190
2220
  "onUpdate:modelValue": (o) => {
2191
- n.static || X(t, n, r, o, i, a, e);
2221
+ n.static || Y(t, n, r, o, i, a, e);
2192
2222
  },
2193
2223
  hasDelete: i !== void 0 && !a,
2194
2224
  onDelete: () => {
@@ -2200,24 +2230,24 @@ function Cn() {
2200
2230
  }
2201
2231
  //#endregion
2202
2232
  //#region src/components/propTree/main.vue?vue&type=script&setup=true&lang.ts
2203
- var wn = "20px", Tn = /* @__PURE__ */ p({
2233
+ var $ = "20px", kn = /* @__PURE__ */ m({
2204
2234
  __name: "main",
2205
- setup(t) {
2206
- let { t: n } = H(), { backgroundColor1: r } = W(), i = Ye(), o = Ze(), s = $e(), c = tt(), u = $();
2207
- pt(), mt(), ft();
2208
- let { renderProperty: d } = vn(), { renderUiDummy: p } = fn(), { renderUiText: h } = Cn(), { renderUiNumber: g } = gn(), { renderUiSwitch: _ } = Sn(), { renderUiSelect: v } = bn(), { renderUiJson: y } = mn(), { renderUiIcon: b } = pn(), { renderUiComp: x } = dn(), { renderUiSlot: S } = xn(), { renderUiAdaptSlot: w } = un(), { renderUiRule: T } = yn(), { renderUiMultiTypes: E } = hn(), D = (t, n, r, i, a, o) => {
2209
- if (t = e(t), i === void 0 ? t.push(n.key) : (t.push(i), a && t.push(n.key)), t?.[0] !== "runtime") return n.ui ? n.array && !o ? A(t, n, r, i, a) : j(t, n, r, i, a) : n.array ? O(t, n, r, i, a) : k(t, n, r, i, a);
2210
- }, O = (e, t, r, i, a) => {
2211
- if (t.ui) throw Error("renderBranchArray property ui must be invalid");
2212
- if (!t.array) throw Error("renderBranchArray property array must be valid");
2213
- let o = be(e, t, r, i, a, u), l = n(t.name);
2214
- Z(s, e) && Q(c.value, e) && (l += " *");
2215
- let d = m(dt, {
2216
- title: l,
2217
- collapse: Z(s, e),
2235
+ setup(e) {
2236
+ let { t } = H(), { backgroundColor1: n } = W(), i = Qe(), a = et(), s = nt(), c = it(), l = Q();
2237
+ vt(), yt(), _t();
2238
+ let { renderProperty: d } = Cn(), { renderUiDummy: f } = _n(), { renderUiText: m } = On(), { renderUiNumber: g } = xn(), { renderUiSwitch: _ } = Dn(), { renderUiSelect: v } = Tn(), { renderUiJson: y } = yn(), { renderUiIcon: b } = vn(), { renderUiComp: x } = gn(), { renderUiSlot: S } = En(), { renderUiAdaptSlot: C } = hn(), { renderUiRule: T } = wn(), { renderUiMultiTypes: E } = bn(), D = (e, t, n, i, a, o) => {
2239
+ if (e = r(e), i === void 0 ? e.push(t.key) : (e.push(i), a && e.push(t.key)), e?.[0] !== "runtime") return t.ui ? t.array && !o ? k(e, t, n, i, a) : A(e, t, n, i, a) : t.array ? ee(e, t, n, i, a) : O(e, t, n, i, a);
2240
+ }, ee = (e, n, r, i, a) => {
2241
+ if (n.ui) throw Error("renderBranchArray property ui must be invalid");
2242
+ if (!n.array) throw Error("renderBranchArray property array must be valid");
2243
+ let o = Se(e, n, r, i, a, l), u = t(n.name);
2244
+ X(s, e) && Z(c.value, e) && (u += " *");
2245
+ let d = h(gt, {
2246
+ title: u,
2247
+ collapse: X(s, e),
2218
2248
  hasCreate: !0,
2219
2249
  onCollapse: (t) => {
2220
- xe(s, e, t);
2250
+ Ce(s, e, t);
2221
2251
  },
2222
2252
  onMenu: (t, n) => {
2223
2253
  U.emit("propTreeMenu", {
@@ -2227,20 +2257,20 @@ var wn = "20px", Tn = /* @__PURE__ */ p({
2227
2257
  });
2228
2258
  },
2229
2259
  onCreate: () => {
2230
- o.push({}), u(e, o);
2260
+ o.push({}), l(e, o);
2231
2261
  }
2232
- }), f = m("div", { style: { paddingLeft: wn } }, (() => {
2233
- let n = [];
2262
+ }), f = h("div", { style: { paddingLeft: $ } }, (() => {
2263
+ let t = [];
2234
2264
  for (let r = 0; r < o.length; r++) {
2235
2265
  let i = [...e, r], a = `[${r + 1}]`;
2236
- Z(s, [...e, r]) && Q(c.value, i) && (a += " *");
2237
- let l = m(dt, {
2266
+ X(s, [...e, r]) && Z(c.value, i) && (a += " *");
2267
+ let u = h(gt, {
2238
2268
  title: a,
2239
- collapse: Z(s, [...e, r]),
2269
+ collapse: X(s, [...e, r]),
2240
2270
  hasDelete: !0,
2241
2271
  index: r,
2242
2272
  onCollapse: (t) => {
2243
- xe(s, [...e, r], t);
2273
+ Ce(s, [...e, r], t);
2244
2274
  },
2245
2275
  onMenu: (e, t) => {
2246
2276
  U.emit("propTreeMenu", {
@@ -2250,34 +2280,34 @@ var wn = "20px", Tn = /* @__PURE__ */ p({
2250
2280
  });
2251
2281
  },
2252
2282
  onDelete: (t) => {
2253
- o.splice(t, 1), u(e, o);
2283
+ o.splice(t, 1), l(e, o);
2254
2284
  }
2255
2285
  });
2256
- n.push(l);
2257
- let d = m("div", { style: { paddingLeft: wn } }, (() => {
2258
- let n = [];
2259
- for (let i of t.children) n.push(D(e, i, o[r], r, !0));
2260
- return n;
2286
+ t.push(u);
2287
+ let d = h("div", { style: { paddingLeft: $ } }, (() => {
2288
+ let t = [];
2289
+ for (let i of n.children) t.push(D(e, i, o[r], r, !0));
2290
+ return t;
2261
2291
  })());
2262
- Z(s, [...e, r]) || n.push(d);
2292
+ X(s, [...e, r]) || t.push(d);
2263
2293
  }
2264
- return n;
2294
+ return t;
2265
2295
  })());
2266
- return m("div", { style: { marginTop: "1px" } }, (() => {
2296
+ return h("div", { style: { marginTop: "1px" } }, (() => {
2267
2297
  let t = [];
2268
- return t.push(d), Z(s, e) || t.push(f), t;
2298
+ return t.push(d), X(s, e) || t.push(f), t;
2269
2299
  })());
2270
- }, k = (e, t, r, i, a) => {
2271
- if (t.ui) throw Error("renderBranchScalar property ui must be invalid");
2272
- if (t.array) throw Error("renderBranchScalar property array must be invalid");
2273
- let o = n(t.name);
2274
- Z(s, e) && Q(c.value, e) && (o += " *");
2275
- let l = m(dt, {
2300
+ }, O = (e, n, r, i, a) => {
2301
+ if (n.ui) throw Error("renderBranchScalar property ui must be invalid");
2302
+ if (n.array) throw Error("renderBranchScalar property array must be invalid");
2303
+ let o = t(n.name);
2304
+ X(s, e) && Z(c.value, e) && (o += " *");
2305
+ let u = h(gt, {
2276
2306
  title: o,
2277
- collapse: Z(s, e),
2307
+ collapse: X(s, e),
2278
2308
  hasDelete: i !== void 0 && !a,
2279
2309
  onCollapse: (t) => {
2280
- xe(s, e, t);
2310
+ Ce(s, e, t);
2281
2311
  },
2282
2312
  onMenu: (t, n) => {
2283
2313
  U.emit("propTreeMenu", {
@@ -2287,28 +2317,28 @@ var wn = "20px", Tn = /* @__PURE__ */ p({
2287
2317
  });
2288
2318
  },
2289
2319
  onDelete: () => {
2290
- i === void 0 || a || (r.splice(i, 1), u(e.slice(0, -1), r));
2320
+ i === void 0 || a || (r.splice(i, 1), l(e.slice(0, -1), r));
2291
2321
  }
2292
- }), d = m("div", { style: { paddingLeft: wn } }, (() => {
2293
- let n = [];
2294
- for (let i of t.children) n.push(D(e, i, (typeof r[t.key] != "object" && (r[t.key] = {}, u(e, r[t.key])), r[t.key]), void 0, !1));
2295
- return n;
2322
+ }), d = h("div", { style: { paddingLeft: $ } }, (() => {
2323
+ let t = [];
2324
+ for (let i of n.children) t.push(D(e, i, (typeof r[n.key] != "object" && (r[n.key] = {}, l(e, r[n.key])), r[n.key]), void 0, !1));
2325
+ return t;
2296
2326
  })());
2297
- return m("div", { style: { marginTop: "1px" } }, (() => {
2327
+ return h("div", { style: { marginTop: "1px" } }, (() => {
2298
2328
  let t = [];
2299
- return t.push(l), Z(s, e) || t.push(d), t;
2329
+ return t.push(u), X(s, e) || t.push(d), t;
2300
2330
  })());
2301
- }, A = (e, t, r, i, a) => {
2302
- if (!t.ui) throw Error("renderLeafArray property ui must be valid");
2303
- if (!t.array) throw Error("renderLeafArray property array must be valid");
2304
- let o = be(e, t, r, i, a, u), l = n(t.name);
2305
- Z(s, e) && Q(c.value, e) && (l += " *");
2306
- let d = m(dt, {
2307
- title: l,
2308
- collapse: Z(s, e),
2331
+ }, k = (e, n, r, i, a) => {
2332
+ if (!n.ui) throw Error("renderLeafArray property ui must be valid");
2333
+ if (!n.array) throw Error("renderLeafArray property array must be valid");
2334
+ let o = Se(e, n, r, i, a, l), u = t(n.name);
2335
+ X(s, e) && Z(c.value, e) && (u += " *");
2336
+ let d = h(gt, {
2337
+ title: u,
2338
+ collapse: X(s, e),
2309
2339
  hasCreate: !0,
2310
2340
  onCollapse: (t) => {
2311
- xe(s, e, t);
2341
+ Ce(s, e, t);
2312
2342
  },
2313
2343
  onMenu: (t, n) => {
2314
2344
  U.emit("propTreeMenu", {
@@ -2318,32 +2348,32 @@ var wn = "20px", Tn = /* @__PURE__ */ p({
2318
2348
  });
2319
2349
  },
2320
2350
  onCreate: () => {
2321
- o.push(B(t)), u(e, o);
2351
+ o.push(B(n)), l(e, o);
2322
2352
  }
2323
- }), f = m("div", { style: { paddingLeft: wn } }, (() => {
2324
- let n = [];
2325
- for (let r = 0; r < o.length; r++) n.push(D(e, t, o, r, !1, !0));
2326
- return n;
2353
+ }), f = h("div", { style: { paddingLeft: $ } }, (() => {
2354
+ let t = [];
2355
+ for (let r = 0; r < o.length; r++) t.push(D(e, n, o, r, !1, !0));
2356
+ return t;
2327
2357
  })());
2328
- return m("div", { style: { marginTop: "1px" } }, (() => {
2358
+ return h("div", { style: { marginTop: "1px" } }, (() => {
2329
2359
  let t = [];
2330
- return t.push(d), Z(s, e) || t.push(f), t;
2360
+ return t.push(d), X(s, e) || t.push(f), t;
2331
2361
  })());
2332
- }, j = (e, t, n, r, i) => {
2362
+ }, A = (e, t, n, r, i) => {
2333
2363
  if (!t.ui) throw Error("renderLeafScalar property ui must be valid");
2334
2364
  let a;
2335
- return t.ui === "dummy" ? a = p(e, t, n, r, i) : t.ui === "text" ? a = h(e, t, n, r, i) : t.ui === "number" ? a = g(e, t, n, r, i) : t.ui === "switch" ? a = _(e, t, n, r, i) : t.ui === "select" ? a = v(e, t, n, r, i) : t.ui === "json" ? a = y(e, t, n, r, i) : t.ui === "icon" ? a = b(e, t, n, r, i) : t.ui === "comp" ? a = x(e, t, n, r, i) : t.ui === "slot" ? a = S(e, t, n, r, i) : t.ui === "adaptSlot" ? a = w(e, t, n, r, i) : t.ui === "rule" ? a = T(e, t, n, r, i) : t.ui === "multiTypes" ? a = E(e, t, n, r, i) : console.assert(!1, "renderLeafScalar not implemented"), a ? d(e, t, a) : m("div");
2336
- }, M = () => m("div", {
2365
+ return t.ui === "dummy" ? a = f(e, t, n, r, i) : t.ui === "text" ? a = m(e, t, n, r, i) : t.ui === "number" ? a = g(e, t, n, r, i) : t.ui === "switch" ? a = _(e, t, n, r, i) : t.ui === "select" ? a = v(e, t, n, r, i) : t.ui === "json" ? a = y(e, t, n, r, i) : t.ui === "icon" ? a = b(e, t, n, r, i) : t.ui === "comp" ? a = x(e, t, n, r, i) : t.ui === "slot" ? a = S(e, t, n, r, i) : t.ui === "adaptSlot" ? a = C(e, t, n, r, i) : t.ui === "rule" ? a = T(e, t, n, r, i) : t.ui === "multiTypes" ? a = E(e, t, n, r, i) : console.assert(!1, "renderLeafScalar not implemented"), a ? d(e, t, a) : h("div");
2366
+ }, j = () => h("div", {
2337
2367
  class: "text-body-medium",
2338
- style: { background: r.value }
2368
+ style: { background: n.value }
2339
2369
  }, (() => {
2340
2370
  let e = [];
2341
- if (i.value.length > 0 && o.value) for (let t of i.value) e.push(D([], t, o.value, void 0, !1));
2371
+ if (i.value.length > 0 && a.value) for (let t of i.value) e.push(D([], t, a.value, void 0, !1));
2342
2372
  return e;
2343
2373
  })());
2344
- return (e, t) => (C(), l(a, null, [f(M), f(lt)], 64));
2374
+ return (e, t) => (w(), u(o, null, [p(j), p(mt)], 64));
2345
2375
  }
2346
- }), En = /* @__PURE__ */ p({
2376
+ }), An = /* @__PURE__ */ m({
2347
2377
  __name: "index",
2348
2378
  props: {
2349
2379
  config: {},
@@ -2354,43 +2384,53 @@ var wn = "20px", Tn = /* @__PURE__ */ p({
2354
2384
  },
2355
2385
  emits: ["change"],
2356
2386
  setup(e, { emit: t }) {
2357
- let n = t, r = T([]);
2358
- Je(r), F(() => {
2387
+ let n = t, r = E([]);
2388
+ Ze(r), F(() => {
2359
2389
  r.value = e.config;
2360
2390
  });
2361
- let i = T();
2362
- Xe(i), F(() => {
2391
+ let i = E();
2392
+ $e(i), F(() => {
2363
2393
  i.value = e.object;
2364
2394
  });
2365
- let a = T("");
2366
- He(a), F(() => {
2395
+ let a = E("");
2396
+ Ge(a), F(() => {
2367
2397
  a.value = e.version;
2368
2398
  });
2369
- let o = T(e.type);
2370
- We(o), F(() => {
2399
+ let o = E(e.type);
2400
+ qe(o), F(() => {
2371
2401
  o.value = e.type;
2372
2402
  });
2373
- let c = T("");
2374
- Ke(c), F(() => {
2375
- c.value = e.subtype;
2376
- }), Qe(T({
2403
+ let s = E("");
2404
+ Ye(s), F(() => {
2405
+ s.value = e.subtype;
2406
+ }), tt(E({
2377
2407
  collapse: !0,
2378
2408
  children: {}
2379
2409
  }));
2380
- let l = T({
2410
+ let l = E({
2381
2411
  change: !1,
2382
2412
  warning: !1,
2383
2413
  children: {}
2384
2414
  });
2385
- return et(l), nt((t, r) => {
2386
- Ae(l, e.config, e.object), n("change", t, r);
2415
+ rt(l);
2416
+ function u(t, r) {
2417
+ Ne(l, e.config, e.object), n("change", t, r);
2418
+ }
2419
+ at(u);
2420
+ function d() {
2421
+ Ne(l, e.config, e.object);
2422
+ }
2423
+ return S(() => {
2424
+ U.on("refreshPropertyState", d);
2425
+ }), x(() => {
2426
+ U.off("refreshPropertyState", d);
2387
2427
  }), P([() => e.config, () => e.object], () => {
2388
- Ae(l, e.config, e.object);
2389
- }, { immediate: !0 }), (e, t) => (C(), s(Tn));
2428
+ Ne(l, e.config, e.object);
2429
+ }, { immediate: !0 }), (e, t) => (w(), c(kn));
2390
2430
  }
2391
- }), Dn = (e) => {
2392
- e.component("XPropTree", En);
2393
- }, On = (e, t, n) => {
2431
+ }), jn = (e) => {
2432
+ e.component("XPropTree", An);
2433
+ }, Mn = (e, t, n) => {
2394
2434
  let r = t.lastIndexOf("?"), i = e[r === -1 || r < t.lastIndexOf("/") ? t : t.slice(0, r)];
2395
2435
  return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((e, r) => {
2396
2436
  (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(r.bind(null, /* @__PURE__ */ Error("Unknown variable dynamic import: " + t + (t.split("/").length === n ? "" : ". Note that variables only represent file names one level deep."))));
@@ -2398,14 +2438,14 @@ var wn = "20px", Tn = /* @__PURE__ */ p({
2398
2438
  };
2399
2439
  //#endregion
2400
2440
  //#region src/i18n/index.ts
2401
- async function kn(e) {
2402
- return (await On(/* @__PURE__ */ Object.assign({
2403
- "./locales/en/index.ts": () => import("./i18n-en.lvwojc1f.js").then((e) => e.t),
2404
- "./locales/zhHans/index.ts": () => import("./i18n-zhHans.u8lopwp1.js").then((e) => e.t)
2441
+ async function Nn(e) {
2442
+ return (await Mn(/* @__PURE__ */ Object.assign({
2443
+ "./locales/en/index.ts": () => import("./i18n-en.ckhf41nr.js").then((e) => e.t),
2444
+ "./locales/zhHans/index.ts": () => import("./i18n-zhHans.lj81m5nl.js").then((e) => e.t)
2405
2445
  }), `./locales/${e}/index.ts`, 4)).default;
2406
2446
  }
2407
2447
  //#endregion
2408
2448
  //#region src/index.ts
2409
- var An = { install: Dn };
2449
+ var Pn = { install: jn };
2410
2450
  //#endregion
2411
- export { An as default, kn as loadLocaleMessagePropTree };
2451
+ export { Pn as default, Nn as loadLocaleMessagePropTree };