x-prop-tree 0.8.11 → 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 +33 -28
- package/package.json +2 -2
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
|
-
|
|
1334
|
+
}
|
|
1335
|
+
function _() {
|
|
1336
|
+
p.value = d.value[0].value, g();
|
|
1337
|
+
}
|
|
1338
|
+
let v = T(0), y = async (e) => {
|
|
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 === "pixel" ?
|
|
1347
|
-
}), P(
|
|
1348
|
-
h.value?.trait === "pixel" ? i.value = e + "px" : h.value?.trait === "percent" && (i.value = e + "%");
|
|
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) => {
|
|
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");
|
|
@@ -1386,10 +1391,10 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
|
|
|
1386
1391
|
void 0,
|
|
1387
1392
|
{ stop: !0 }
|
|
1388
1393
|
]]),
|
|
1389
|
-
h.value?.trait === "pixel" || h.value?.trait === "percent" ? L((C(), s(i, {
|
|
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,
|
|
@@ -2010,7 +2015,7 @@ function gn() {
|
|
|
2010
2015
|
return { renderUiMultiTypes: (t, n, r, i, a) => {
|
|
2011
2016
|
if (n.ui !== "multiTypes") throw Error("renderUiMultiTypes property ui must be multiTypes");
|
|
2012
2017
|
return m(Gt, {
|
|
2013
|
-
modelValue: J(t, n, r, i, a, e)
|
|
2018
|
+
modelValue: J(t, n, r, i, a, e),
|
|
2014
2019
|
"onUpdate:modelValue": (o) => {
|
|
2015
2020
|
Y(t, n, r, o, i, a, e);
|
|
2016
2021
|
},
|
|
@@ -2104,7 +2109,7 @@ function bn() {
|
|
|
2104
2109
|
function t(t, n, r, i, a) {
|
|
2105
2110
|
if (n.ui !== "rule") throw Error("renderUiRule property ui must be rule");
|
|
2106
2111
|
return m(Xt, {
|
|
2107
|
-
modelValue: J(t, n, r, i, a, e)
|
|
2112
|
+
modelValue: J(t, n, r, i, a, e),
|
|
2108
2113
|
"onUpdate:modelValue": (o) => {
|
|
2109
2114
|
Y(t, n, r, o, i, a, e);
|
|
2110
2115
|
},
|
|
@@ -2123,7 +2128,7 @@ function xn() {
|
|
|
2123
2128
|
return { renderUiSelect: (t, n, r, i, a) => {
|
|
2124
2129
|
if (n.ui !== "select") throw Error("renderUiSelect property ui must be select");
|
|
2125
2130
|
return m(Qt, {
|
|
2126
|
-
modelValue: J(t, n, r, i, a, e)
|
|
2131
|
+
modelValue: J(t, n, r, i, a, e),
|
|
2127
2132
|
"onUpdate:modelValue": (o) => {
|
|
2128
2133
|
Y(t, n, r, o, i, a, e);
|
|
2129
2134
|
},
|
|
@@ -2162,7 +2167,7 @@ function Cn() {
|
|
|
2162
2167
|
return { renderUiSwitch: (t, n, r, i, a) => {
|
|
2163
2168
|
if (n.ui !== "switch") throw Error("renderUiSwitch property ui must be switch");
|
|
2164
2169
|
return m(cn, {
|
|
2165
|
-
modelValue: J(t, n, r, i, a, e)
|
|
2170
|
+
modelValue: J(t, n, r, i, a, e),
|
|
2166
2171
|
"onUpdate:modelValue": (o) => {
|
|
2167
2172
|
Y(t, n, r, o, i, a, e);
|
|
2168
2173
|
},
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "x-prop-tree",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.8.
|
|
4
|
+
"version": "0.8.13",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"module": "dist/index.js",
|
|
7
7
|
"types": "dist/index.d.ts",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"x-error-lib": "^0.5.18",
|
|
33
33
|
"x-essential-lib": "^0.9.31",
|
|
34
34
|
"x-group-list": "^0.4.13",
|
|
35
|
-
"x-runtime-lib": "^0.9.
|
|
35
|
+
"x-runtime-lib": "^0.9.42",
|
|
36
36
|
"x-state-lib": "^0.3.43"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|