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.
Files changed (2) hide show
  1. package/dist/index.js +33 -28
  2. 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
- 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
- if (!e || !r() || !h.value || h.value.trait !== "pixel" && h.value.trait !== "percent") return;
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: _.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 === "pixel" ? _.value = ue(i.value) : h.value?.trait === "percent" && (_.value = le(i.value));
1347
- }), P(_, (e) => {
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 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");
@@ -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: _.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,
@@ -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) ?? !1,
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.11",
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.41",
35
+ "x-runtime-lib": "^0.9.42",
36
36
  "x-state-lib": "^0.3.43"
37
37
  },
38
38
  "devDependencies": {