x-prop-tree 0.8.12 → 0.8.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +26 -21
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1326,34 +1326,39 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
|
|
|
1326
1326
|
p.value = e;
|
|
1327
1327
|
return;
|
|
1328
1328
|
}
|
|
1329
|
-
|
|
1329
|
+
_();
|
|
1330
1330
|
});
|
|
1331
|
-
let h = o(() => d.value.find((e) => e.value === p.value))
|
|
1331
|
+
let h = o(() => d.value.find((e) => e.value === p.value));
|
|
1332
|
+
function g() {
|
|
1332
1333
|
i.value = h.value?.default;
|
|
1333
|
-
}
|
|
1334
|
+
}
|
|
1335
|
+
function _() {
|
|
1336
|
+
p.value = d.value[0].value, g();
|
|
1337
|
+
}
|
|
1338
|
+
let v = T(0), y = async (e) => {
|
|
1334
1339
|
if (!e || !r() || !h.value || h.value.trait !== "number" && h.value.trait !== "pixel" && h.value.trait !== "percent") return;
|
|
1335
1340
|
let t = await _e({
|
|
1336
1341
|
title: "",
|
|
1337
|
-
value:
|
|
1342
|
+
value: v.value,
|
|
1338
1343
|
precision: h.value.precision,
|
|
1339
1344
|
min: h.value.min,
|
|
1340
1345
|
max: h.value.max,
|
|
1341
1346
|
step: h.value.step
|
|
1342
1347
|
});
|
|
1343
|
-
t !== void 0 && (
|
|
1348
|
+
t !== void 0 && (v.value = t);
|
|
1344
1349
|
};
|
|
1345
1350
|
F(() => {
|
|
1346
|
-
h.value?.trait === "number" ?
|
|
1347
|
-
}), P(
|
|
1351
|
+
h.value?.trait === "number" ? v.value = i.value : h.value?.trait === "pixel" ? v.value = ue(i.value) : h.value?.trait === "percent" && (v.value = le(i.value));
|
|
1352
|
+
}), P(v, (e) => {
|
|
1348
1353
|
h.value?.trait === "number" ? i.value = e : h.value?.trait === "pixel" ? i.value = e + "px" : h.value?.trait === "percent" && (i.value = e + "%");
|
|
1349
1354
|
});
|
|
1350
|
-
let
|
|
1355
|
+
let b = T("#ff00ff");
|
|
1351
1356
|
F(() => {
|
|
1352
|
-
h.value?.trait === "hexColor" && oe(i.value) && (
|
|
1353
|
-
}), P(
|
|
1357
|
+
h.value?.trait === "hexColor" && oe(i.value) && (b.value = i.value);
|
|
1358
|
+
}), P(b, (e) => {
|
|
1354
1359
|
h.value?.trait === "hexColor" && (i.value = e);
|
|
1355
1360
|
});
|
|
1356
|
-
let
|
|
1361
|
+
let x = T("primary"), S = o(() => {
|
|
1357
1362
|
let e = [];
|
|
1358
1363
|
if (h.value?.trait === "themeColor") for (let { value: t, title: r } of pe) e.push({
|
|
1359
1364
|
value: t,
|
|
@@ -1362,8 +1367,8 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
|
|
|
1362
1367
|
return e;
|
|
1363
1368
|
});
|
|
1364
1369
|
return F(() => {
|
|
1365
|
-
h.value?.trait === "themeColor" && se(i.value) && (
|
|
1366
|
-
}), P(
|
|
1370
|
+
h.value?.trait === "themeColor" && se(i.value) && (x.value = i.value);
|
|
1371
|
+
}), P(x, (e) => {
|
|
1367
1372
|
h.value?.trait === "themeColor" && (i.value = e);
|
|
1368
1373
|
}), (t, n) => {
|
|
1369
1374
|
let r = O("v-select"), i = O("v-number-input"), o = O("v-btn"), d = k("ripple");
|
|
@@ -1388,8 +1393,8 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
|
|
|
1388
1393
|
]]),
|
|
1389
1394
|
h.value?.trait === "number" || h.value?.trait === "pixel" || h.value?.trait === "percent" ? L((C(), s(i, {
|
|
1390
1395
|
key: 0,
|
|
1391
|
-
modelValue:
|
|
1392
|
-
"onUpdate:modelValue": n[1] ||= (e) =>
|
|
1396
|
+
modelValue: v.value,
|
|
1397
|
+
"onUpdate:modelValue": n[1] ||= (e) => v.value = e,
|
|
1393
1398
|
"control-variant": "stacked",
|
|
1394
1399
|
density: "compact",
|
|
1395
1400
|
"hide-details": "",
|
|
@@ -1399,7 +1404,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
|
|
|
1399
1404
|
readonly: e.readonly,
|
|
1400
1405
|
"single-line": "",
|
|
1401
1406
|
step: h.value.step,
|
|
1402
|
-
"onUpdate:focused":
|
|
1407
|
+
"onUpdate:focused": y
|
|
1403
1408
|
}, null, 8, [
|
|
1404
1409
|
"modelValue",
|
|
1405
1410
|
"max",
|
|
@@ -1415,16 +1420,16 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
|
|
|
1415
1420
|
]]) : c("", !0),
|
|
1416
1421
|
h.value?.trait === "hexColor" ? (C(), s(Ht, {
|
|
1417
1422
|
key: 1,
|
|
1418
|
-
modelValue:
|
|
1419
|
-
"onUpdate:modelValue": n[2] ||= (e) =>
|
|
1423
|
+
modelValue: b.value,
|
|
1424
|
+
"onUpdate:modelValue": n[2] ||= (e) => b.value = e
|
|
1420
1425
|
}, null, 8, ["modelValue"])) : c("", !0),
|
|
1421
1426
|
h.value?.trait === "themeColor" ? L((C(), s(r, {
|
|
1422
1427
|
key: 2,
|
|
1423
|
-
modelValue:
|
|
1424
|
-
"onUpdate:modelValue": n[3] ||= (e) =>
|
|
1428
|
+
modelValue: x.value,
|
|
1429
|
+
"onUpdate:modelValue": n[3] ||= (e) => x.value = e,
|
|
1425
1430
|
density: "compact",
|
|
1426
1431
|
"hide-details": "",
|
|
1427
|
-
items:
|
|
1432
|
+
items: S.value,
|
|
1428
1433
|
"single-line": ""
|
|
1429
1434
|
}, null, 8, ["modelValue", "items"])), [[
|
|
1430
1435
|
d,
|