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.
Files changed (2) hide show
  1. package/dist/index.js +26 -21
  2. 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
- p.value = "";
1329
+ _();
1330
1330
  });
1331
- let h = o(() => d.value.find((e) => e.value === p.value)), g = () => {
1331
+ let h = o(() => d.value.find((e) => e.value === p.value));
1332
+ function g() {
1332
1333
  i.value = h.value?.default;
1333
- }, _ = T(0), v = async (e) => {
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: _.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 && (_.value = t);
1348
+ t !== void 0 && (v.value = t);
1344
1349
  };
1345
1350
  F(() => {
1346
- h.value?.trait === "number" ? _.value = i.value : h.value?.trait === "pixel" ? _.value = ue(i.value) : h.value?.trait === "percent" && (_.value = le(i.value));
1347
- }), P(_, (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) => {
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 y = T("#ff00ff");
1355
+ let b = T("#ff00ff");
1351
1356
  F(() => {
1352
- h.value?.trait === "hexColor" && oe(i.value) && (y.value = i.value);
1353
- }), P(y, (e) => {
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 b = T("primary"), x = o(() => {
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) && (b.value = i.value);
1366
- }), P(b, (e) => {
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: _.value,
1392
- "onUpdate:modelValue": n[1] ||= (e) => _.value = 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": v
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: y.value,
1419
- "onUpdate:modelValue": n[2] ||= (e) => y.value = 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: b.value,
1424
- "onUpdate:modelValue": n[3] ||= (e) => b.value = e,
1428
+ modelValue: x.value,
1429
+ "onUpdate:modelValue": n[3] ||= (e) => x.value = e,
1425
1430
  density: "compact",
1426
1431
  "hide-details": "",
1427
- items: x.value,
1432
+ items: S.value,
1428
1433
  "single-line": ""
1429
1434
  }, null, 8, ["modelValue", "items"])), [[
1430
1435
  d,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "x-prop-tree",
3
3
  "private": false,
4
- "version": "0.8.12",
4
+ "version": "0.8.13",
5
5
  "type": "module",
6
6
  "module": "dist/index.js",
7
7
  "types": "dist/index.d.ts",