@bagelink/vue 0.0.589 → 0.0.598
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/components/DataPreview.vue.d.ts.map +1 -1
- package/dist/components/form/BglField.vue.d.ts.map +1 -1
- package/dist/index.cjs +28 -20
- package/dist/index.mjs +28 -20
- package/dist/style.css +27 -5
- package/package.json +11 -11
- package/src/components/DataPreview.vue +32 -5
- package/src/components/form/BglField.vue +5 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataPreview.vue.d.ts","sourceRoot":"","sources":["../../src/components/DataPreview.vue"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,cAAc,EAKnB,MAAM,eAAe,CAAA;AAyBtB,iBAAS,cAAc;
|
|
1
|
+
{"version":3,"file":"DataPreview.vue.d.ts","sourceRoot":"","sources":["../../src/components/DataPreview.vue"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,cAAc,EAKnB,MAAM,eAAe,CAAA;AAyBtB,iBAAS,cAAc;oBAuLM,GAAG;EAG/B;AAqBD,QAAA,MAAM,eAAe;UArNb,OAAO,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;;;;;;;;;;;UAA3C,OAAO,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;;;;;;;;;;YAkOjD,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAGxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BglField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglField.vue"],"names":[],"mappings":"AAEA,OAAO,EAGN,KAAK,KAAK,EAOV,MAAM,eAAe,CAAA;;
|
|
1
|
+
{"version":3,"file":"BglField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglField.vue"],"names":[],"mappings":"AAEA,OAAO,EAGN,KAAK,KAAK,EAOV,MAAM,eAAe,CAAA;;WA2Jb,KAAK;gBACA,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;;;;WADxB,KAAK;gBACA,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;;;;gBAAnB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;AAPjC,wBAUG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
package/dist/index.cjs
CHANGED
|
@@ -6342,9 +6342,9 @@ const _hoisted_3$j = [
|
|
|
6342
6342
|
const _hoisted_4$d = { class: "infinite-wrapper" };
|
|
6343
6343
|
const _hoisted_5$d = { class: "row first-row" };
|
|
6344
6344
|
const _hoisted_6$8 = { key: 0 };
|
|
6345
|
-
const _hoisted_7$
|
|
6346
|
-
const _hoisted_8$
|
|
6347
|
-
const _hoisted_9$
|
|
6345
|
+
const _hoisted_7$4 = ["onClick"];
|
|
6346
|
+
const _hoisted_8$2 = { class: "flex" };
|
|
6347
|
+
const _hoisted_9$2 = ["onClick"];
|
|
6348
6348
|
const _hoisted_10$1 = { key: 0 };
|
|
6349
6349
|
const _hoisted_11$1 = ["value"];
|
|
6350
6350
|
const _hoisted_12$1 = { key: 1 };
|
|
@@ -6502,7 +6502,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
|
|
|
6502
6502
|
class: "col",
|
|
6503
6503
|
onClick: ($event) => sort2((field == null ? void 0 : field.id) || "")
|
|
6504
6504
|
}, [
|
|
6505
|
-
vue.createElementVNode("div", _hoisted_8$
|
|
6505
|
+
vue.createElementVNode("div", _hoisted_8$2, [
|
|
6506
6506
|
vue.createTextVNode(vue.toDisplayString(field.label || vue.unref(keyToLabel)(field.id)) + " ", 1),
|
|
6507
6507
|
vue.createElementVNode("div", {
|
|
6508
6508
|
class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === field.id }])
|
|
@@ -6513,7 +6513,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
|
|
|
6513
6513
|
}, null, 8, ["class"])
|
|
6514
6514
|
], 2)
|
|
6515
6515
|
])
|
|
6516
|
-
], 8, _hoisted_7$
|
|
6516
|
+
], 8, _hoisted_7$4);
|
|
6517
6517
|
}), 128))
|
|
6518
6518
|
]),
|
|
6519
6519
|
vue.createElementVNode("tbody", null, [
|
|
@@ -6556,7 +6556,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
|
|
|
6556
6556
|
]))
|
|
6557
6557
|
]);
|
|
6558
6558
|
}), 128))
|
|
6559
|
-
], 10, _hoisted_9$
|
|
6559
|
+
], 10, _hoisted_9$2);
|
|
6560
6560
|
}), 128))
|
|
6561
6561
|
])
|
|
6562
6562
|
])
|
|
@@ -6606,9 +6606,12 @@ const _hoisted_2$s = {
|
|
|
6606
6606
|
class: "data-row"
|
|
6607
6607
|
};
|
|
6608
6608
|
const _hoisted_3$i = { class: "key" };
|
|
6609
|
-
const _hoisted_4$c = {
|
|
6610
|
-
const _hoisted_5$c = {
|
|
6611
|
-
const _hoisted_6$7 = { class: "
|
|
6609
|
+
const _hoisted_4$c = { class: "m-0" };
|
|
6610
|
+
const _hoisted_5$c = { key: 1 };
|
|
6611
|
+
const _hoisted_6$7 = { class: "key" };
|
|
6612
|
+
const _hoisted_7$3 = { class: "m-0" };
|
|
6613
|
+
const _hoisted_8$1 = { class: "vlue" };
|
|
6614
|
+
const _hoisted_9$1 = { class: "m-0" };
|
|
6612
6615
|
const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
|
|
6613
6616
|
__name: "DataPreview",
|
|
6614
6617
|
props: /* @__PURE__ */ vue.mergeModels({
|
|
@@ -6641,7 +6644,9 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
|
|
|
6641
6644
|
key: field.id
|
|
6642
6645
|
}, [
|
|
6643
6646
|
vue.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$s, [
|
|
6644
|
-
vue.createElementVNode("div", _hoisted_3$i,
|
|
6647
|
+
vue.createElementVNode("div", _hoisted_3$i, [
|
|
6648
|
+
vue.createElementVNode("p", _hoisted_4$c, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1)
|
|
6649
|
+
]),
|
|
6645
6650
|
vue.createVNode(vue.unref(_sfc_main$p), {
|
|
6646
6651
|
modelValue: itemData.value,
|
|
6647
6652
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => itemData.value = $event),
|
|
@@ -6652,14 +6657,18 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
|
|
|
6652
6657
|
])) : vue.createCommentVNode("", true)
|
|
6653
6658
|
], 64);
|
|
6654
6659
|
}), 128)),
|
|
6655
|
-
!((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("div",
|
|
6660
|
+
!((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$c, [
|
|
6656
6661
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedSchema.value, ({ id, label }) => {
|
|
6657
6662
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
6658
6663
|
key: id,
|
|
6659
6664
|
class: "data-row"
|
|
6660
6665
|
}, [
|
|
6661
|
-
vue.createElementVNode("div",
|
|
6662
|
-
|
|
6666
|
+
vue.createElementVNode("div", _hoisted_6$7, [
|
|
6667
|
+
vue.createElementVNode("p", _hoisted_7$3, vue.toDisplayString(label), 1)
|
|
6668
|
+
]),
|
|
6669
|
+
vue.createElementVNode("div", _hoisted_8$1, [
|
|
6670
|
+
vue.createElementVNode("p", _hoisted_9$1, vue.toDisplayString(itemData.value[id ?? ""]), 1)
|
|
6671
|
+
])
|
|
6663
6672
|
]);
|
|
6664
6673
|
}), 128))
|
|
6665
6674
|
])) : vue.createCommentVNode("", true),
|
|
@@ -6668,7 +6677,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
|
|
|
6668
6677
|
};
|
|
6669
6678
|
}
|
|
6670
6679
|
});
|
|
6671
|
-
const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-
|
|
6680
|
+
const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-02756011"]]);
|
|
6672
6681
|
const _hoisted_1$z = {
|
|
6673
6682
|
key: 0,
|
|
6674
6683
|
class: "card_label"
|
|
@@ -16952,12 +16961,11 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
|
|
|
16952
16961
|
}
|
|
16953
16962
|
});
|
|
16954
16963
|
const vIf = vue.computed(() => {
|
|
16955
|
-
if (props2.field["v-if"] === void 0) return true;
|
|
16956
|
-
if (typeof props2.field["v-if"] === "boolean") return props2.field["v-if"];
|
|
16957
|
-
if (typeof props2.field["v-if"] === "string") return true;
|
|
16958
|
-
if (typeof props2.field["v-if"] === "function")
|
|
16959
|
-
|
|
16960
|
-
}
|
|
16964
|
+
if (props2.field["v-if"] === void 0 && props2.field.vIf === void 0) return true;
|
|
16965
|
+
if (typeof props2.field["v-if"] === "boolean" || typeof props2.field.vIf === "boolean") return props2.field["v-if"];
|
|
16966
|
+
if (typeof props2.field["v-if"] === "string" || typeof props2.field.vIf === "string") return true;
|
|
16967
|
+
if (typeof props2.field["v-if"] === "function") return props2.field["v-if"](fieldData.value, formData.value);
|
|
16968
|
+
if (typeof props2.field.vIf === "function") return props2.field.vIf(fieldData.value, formData.value);
|
|
16961
16969
|
return true;
|
|
16962
16970
|
});
|
|
16963
16971
|
const computedFieldData = vue.computed(
|
package/dist/index.mjs
CHANGED
|
@@ -6340,9 +6340,9 @@ const _hoisted_3$j = [
|
|
|
6340
6340
|
const _hoisted_4$d = { class: "infinite-wrapper" };
|
|
6341
6341
|
const _hoisted_5$d = { class: "row first-row" };
|
|
6342
6342
|
const _hoisted_6$8 = { key: 0 };
|
|
6343
|
-
const _hoisted_7$
|
|
6344
|
-
const _hoisted_8$
|
|
6345
|
-
const _hoisted_9$
|
|
6343
|
+
const _hoisted_7$4 = ["onClick"];
|
|
6344
|
+
const _hoisted_8$2 = { class: "flex" };
|
|
6345
|
+
const _hoisted_9$2 = ["onClick"];
|
|
6346
6346
|
const _hoisted_10$1 = { key: 0 };
|
|
6347
6347
|
const _hoisted_11$1 = ["value"];
|
|
6348
6348
|
const _hoisted_12$1 = { key: 1 };
|
|
@@ -6500,7 +6500,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
|
6500
6500
|
class: "col",
|
|
6501
6501
|
onClick: ($event) => sort2((field == null ? void 0 : field.id) || "")
|
|
6502
6502
|
}, [
|
|
6503
|
-
createElementVNode("div", _hoisted_8$
|
|
6503
|
+
createElementVNode("div", _hoisted_8$2, [
|
|
6504
6504
|
createTextVNode(toDisplayString(field.label || unref(keyToLabel)(field.id)) + " ", 1),
|
|
6505
6505
|
createElementVNode("div", {
|
|
6506
6506
|
class: normalizeClass(["list-arrows", { sorted: unref(sortField) === field.id }])
|
|
@@ -6511,7 +6511,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
|
6511
6511
|
}, null, 8, ["class"])
|
|
6512
6512
|
], 2)
|
|
6513
6513
|
])
|
|
6514
|
-
], 8, _hoisted_7$
|
|
6514
|
+
], 8, _hoisted_7$4);
|
|
6515
6515
|
}), 128))
|
|
6516
6516
|
]),
|
|
6517
6517
|
createElementVNode("tbody", null, [
|
|
@@ -6554,7 +6554,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
|
6554
6554
|
]))
|
|
6555
6555
|
]);
|
|
6556
6556
|
}), 128))
|
|
6557
|
-
], 10, _hoisted_9$
|
|
6557
|
+
], 10, _hoisted_9$2);
|
|
6558
6558
|
}), 128))
|
|
6559
6559
|
])
|
|
6560
6560
|
])
|
|
@@ -6604,9 +6604,12 @@ const _hoisted_2$s = {
|
|
|
6604
6604
|
class: "data-row"
|
|
6605
6605
|
};
|
|
6606
6606
|
const _hoisted_3$i = { class: "key" };
|
|
6607
|
-
const _hoisted_4$c = {
|
|
6608
|
-
const _hoisted_5$c = {
|
|
6609
|
-
const _hoisted_6$7 = { class: "
|
|
6607
|
+
const _hoisted_4$c = { class: "m-0" };
|
|
6608
|
+
const _hoisted_5$c = { key: 1 };
|
|
6609
|
+
const _hoisted_6$7 = { class: "key" };
|
|
6610
|
+
const _hoisted_7$3 = { class: "m-0" };
|
|
6611
|
+
const _hoisted_8$1 = { class: "vlue" };
|
|
6612
|
+
const _hoisted_9$1 = { class: "m-0" };
|
|
6610
6613
|
const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
6611
6614
|
__name: "DataPreview",
|
|
6612
6615
|
props: /* @__PURE__ */ mergeModels({
|
|
@@ -6639,7 +6642,9 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
6639
6642
|
key: field.id
|
|
6640
6643
|
}, [
|
|
6641
6644
|
unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$s, [
|
|
6642
|
-
createElementVNode("div", _hoisted_3$i,
|
|
6645
|
+
createElementVNode("div", _hoisted_3$i, [
|
|
6646
|
+
createElementVNode("p", _hoisted_4$c, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1)
|
|
6647
|
+
]),
|
|
6643
6648
|
createVNode(unref(_sfc_main$p), {
|
|
6644
6649
|
modelValue: itemData.value,
|
|
6645
6650
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => itemData.value = $event),
|
|
@@ -6650,14 +6655,18 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
6650
6655
|
])) : createCommentVNode("", true)
|
|
6651
6656
|
], 64);
|
|
6652
6657
|
}), 128)),
|
|
6653
|
-
!((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div",
|
|
6658
|
+
!((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_5$c, [
|
|
6654
6659
|
(openBlock(true), createElementBlock(Fragment$1, null, renderList(computedSchema.value, ({ id, label }) => {
|
|
6655
6660
|
return openBlock(), createElementBlock("div", {
|
|
6656
6661
|
key: id,
|
|
6657
6662
|
class: "data-row"
|
|
6658
6663
|
}, [
|
|
6659
|
-
createElementVNode("div",
|
|
6660
|
-
|
|
6664
|
+
createElementVNode("div", _hoisted_6$7, [
|
|
6665
|
+
createElementVNode("p", _hoisted_7$3, toDisplayString(label), 1)
|
|
6666
|
+
]),
|
|
6667
|
+
createElementVNode("div", _hoisted_8$1, [
|
|
6668
|
+
createElementVNode("p", _hoisted_9$1, toDisplayString(itemData.value[id ?? ""]), 1)
|
|
6669
|
+
])
|
|
6661
6670
|
]);
|
|
6662
6671
|
}), 128))
|
|
6663
6672
|
])) : createCommentVNode("", true),
|
|
@@ -6666,7 +6675,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
6666
6675
|
};
|
|
6667
6676
|
}
|
|
6668
6677
|
});
|
|
6669
|
-
const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-
|
|
6678
|
+
const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-02756011"]]);
|
|
6670
6679
|
const _hoisted_1$z = {
|
|
6671
6680
|
key: 0,
|
|
6672
6681
|
class: "card_label"
|
|
@@ -16950,12 +16959,11 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
16950
16959
|
}
|
|
16951
16960
|
});
|
|
16952
16961
|
const vIf = computed(() => {
|
|
16953
|
-
if (props2.field["v-if"] === void 0) return true;
|
|
16954
|
-
if (typeof props2.field["v-if"] === "boolean") return props2.field["v-if"];
|
|
16955
|
-
if (typeof props2.field["v-if"] === "string") return true;
|
|
16956
|
-
if (typeof props2.field["v-if"] === "function")
|
|
16957
|
-
|
|
16958
|
-
}
|
|
16962
|
+
if (props2.field["v-if"] === void 0 && props2.field.vIf === void 0) return true;
|
|
16963
|
+
if (typeof props2.field["v-if"] === "boolean" || typeof props2.field.vIf === "boolean") return props2.field["v-if"];
|
|
16964
|
+
if (typeof props2.field["v-if"] === "string" || typeof props2.field.vIf === "string") return true;
|
|
16965
|
+
if (typeof props2.field["v-if"] === "function") return props2.field["v-if"](fieldData.value, formData.value);
|
|
16966
|
+
if (typeof props2.field.vIf === "function") return props2.field.vIf(fieldData.value, formData.value);
|
|
16959
16967
|
return true;
|
|
16960
16968
|
});
|
|
16961
16969
|
const computedFieldData = computed(
|
package/dist/style.css
CHANGED
|
@@ -858,25 +858,47 @@ tbody tr[data-v-73d79ea6]:hover {
|
|
|
858
858
|
background: var(--bgl-gray-light);
|
|
859
859
|
}
|
|
860
860
|
|
|
861
|
-
|
|
861
|
+
[data-v-02756011]{
|
|
862
|
+
/* outline: rebeccapurple 1px solid; */
|
|
863
|
+
}
|
|
864
|
+
.data[data-v-02756011] {
|
|
865
|
+
font-size: var(--input-font-size);
|
|
862
866
|
border: 1.1px solid var(--border-color);
|
|
863
867
|
padding: 20px;
|
|
864
868
|
border-radius: var(--input-border-radius);
|
|
865
869
|
}
|
|
866
|
-
.data-row[data-v-
|
|
870
|
+
.data-row[data-v-02756011] {
|
|
867
871
|
display: flex;
|
|
868
872
|
justify-content: space-between;
|
|
869
|
-
padding-bottom: 0.5rem;
|
|
870
|
-
margin-bottom: 0.5rem;
|
|
871
873
|
border-bottom: 1px solid var(--border-color);
|
|
874
|
+
align-items: center;
|
|
875
|
+
min-height: 50px;
|
|
876
|
+
}
|
|
877
|
+
.data-row .bagel-input.shrink[data-v-02756011],
|
|
878
|
+
.data-row .bagel-input.shrink input[data-v-02756011] {
|
|
879
|
+
min-width: 140px !important;
|
|
880
|
+
/* margin-top: -0.45rem !important; */
|
|
872
881
|
}
|
|
873
|
-
.data-link[data-v-
|
|
882
|
+
.data-link[data-v-02756011] {
|
|
874
883
|
display: block;
|
|
875
884
|
font-size: var(--input-font-size);
|
|
876
885
|
margin-bottom: 2px;
|
|
877
886
|
line-height: 1.3;
|
|
878
887
|
color: var(--input-color);
|
|
879
888
|
}
|
|
889
|
+
@media screen and (max-width: 910px) {
|
|
890
|
+
.data-row[data-v-02756011] {
|
|
891
|
+
display: block;
|
|
892
|
+
min-height: 80px;
|
|
893
|
+
}
|
|
894
|
+
}
|
|
895
|
+
|
|
896
|
+
.data-row .bagel-input,
|
|
897
|
+
.data-row .bagel-input input {
|
|
898
|
+
min-width: 140px !important;
|
|
899
|
+
/* margin-top: 0.5rem !important; */
|
|
900
|
+
height: calc(var(--input-height) - 0.25rem) !important;
|
|
901
|
+
}
|
|
880
902
|
|
|
881
903
|
.card_label {
|
|
882
904
|
font-size: 1rem;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bagelink/vue",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.598",
|
|
5
5
|
"description": "Bagel core sdk packages",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "Neveh Allon",
|
|
@@ -105,15 +105,15 @@
|
|
|
105
105
|
"access": "public"
|
|
106
106
|
},
|
|
107
107
|
"dependencies": {
|
|
108
|
-
"@tiptap/extension-image": "^2.5.
|
|
109
|
-
"@tiptap/extension-table": "^2.5.
|
|
110
|
-
"@tiptap/extension-table-cell": "^2.5.
|
|
111
|
-
"@tiptap/extension-table-header": "^2.5.
|
|
112
|
-
"@tiptap/extension-table-row": "^2.5.
|
|
113
|
-
"@tiptap/extension-youtube": "^2.5.
|
|
114
|
-
"@tiptap/pm": "^2.5.
|
|
115
|
-
"@tiptap/starter-kit": "^2.5.
|
|
116
|
-
"@tiptap/vue-3": "^2.5.
|
|
108
|
+
"@tiptap/extension-image": "^2.5.4",
|
|
109
|
+
"@tiptap/extension-table": "^2.5.4",
|
|
110
|
+
"@tiptap/extension-table-cell": "^2.5.4",
|
|
111
|
+
"@tiptap/extension-table-header": "^2.5.4",
|
|
112
|
+
"@tiptap/extension-table-row": "^2.5.4",
|
|
113
|
+
"@tiptap/extension-youtube": "^2.5.4",
|
|
114
|
+
"@tiptap/pm": "^2.5.4",
|
|
115
|
+
"@tiptap/starter-kit": "^2.5.4",
|
|
116
|
+
"@tiptap/vue-3": "^2.5.4",
|
|
117
117
|
"@vuepic/vue-datepicker": "^8.8.1",
|
|
118
118
|
"@vueuse/core": "^10.11.0",
|
|
119
119
|
"axios": "^1.7.2",
|
|
@@ -121,7 +121,7 @@
|
|
|
121
121
|
"leaflet": "^1.9.4",
|
|
122
122
|
"libphonenumber-js": "1.11.4",
|
|
123
123
|
"signature_pad": "^5.0.2",
|
|
124
|
-
"type-fest": "^4.22.
|
|
124
|
+
"type-fest": "^4.22.1"
|
|
125
125
|
},
|
|
126
126
|
"scripts": {
|
|
127
127
|
"dev": "tsx watch src/index.ts",
|
|
@@ -30,7 +30,9 @@ const computedSchema = $computed(
|
|
|
30
30
|
<template v-for="field in schema" :key="field.id">
|
|
31
31
|
<div v-if="iffer(field, itemData)" class="data-row">
|
|
32
32
|
<div class="key">
|
|
33
|
-
|
|
33
|
+
<p class="m-0">
|
|
34
|
+
{{ field?.label || keyToLabel(field.id) }}
|
|
35
|
+
</p>
|
|
34
36
|
</div>
|
|
35
37
|
<BglField v-model="itemData" label="" style="width: min-content; min-width: 140px" :field />
|
|
36
38
|
</div>
|
|
@@ -38,10 +40,10 @@ const computedSchema = $computed(
|
|
|
38
40
|
<div v-if="!schema?.length">
|
|
39
41
|
<div v-for="({ id, label }) in computedSchema" :key="id" class="data-row">
|
|
40
42
|
<div class="key">
|
|
41
|
-
{{ label }}
|
|
43
|
+
<p class="m-0">{{ label }}</p>
|
|
42
44
|
</div>
|
|
43
45
|
<div class="vlue">
|
|
44
|
-
{{ itemData[id ?? ''] }}
|
|
46
|
+
<p class="m-0">{{ itemData[id ?? ''] }}</p>
|
|
45
47
|
</div>
|
|
46
48
|
</div>
|
|
47
49
|
</div>
|
|
@@ -50,7 +52,11 @@ const computedSchema = $computed(
|
|
|
50
52
|
</template>
|
|
51
53
|
|
|
52
54
|
<style scoped>
|
|
55
|
+
*{
|
|
56
|
+
/* outline: rebeccapurple 1px solid; */
|
|
57
|
+
}
|
|
53
58
|
.data {
|
|
59
|
+
font-size: var(--input-font-size);
|
|
54
60
|
border: 1.1px solid var(--border-color);
|
|
55
61
|
padding: 20px;
|
|
56
62
|
border-radius: var(--input-border-radius);
|
|
@@ -59,9 +65,14 @@ const computedSchema = $computed(
|
|
|
59
65
|
.data-row {
|
|
60
66
|
display: flex;
|
|
61
67
|
justify-content: space-between;
|
|
62
|
-
padding-bottom: 0.5rem;
|
|
63
|
-
margin-bottom: 0.5rem;
|
|
64
68
|
border-bottom: 1px solid var(--border-color);
|
|
69
|
+
align-items: center;
|
|
70
|
+
min-height: 50px;
|
|
71
|
+
}
|
|
72
|
+
.data-row .bagel-input.shrink,
|
|
73
|
+
.data-row .bagel-input.shrink input {
|
|
74
|
+
min-width: 140px !important;
|
|
75
|
+
/* margin-top: -0.45rem !important; */
|
|
65
76
|
}
|
|
66
77
|
|
|
67
78
|
.data-link {
|
|
@@ -71,4 +82,20 @@ const computedSchema = $computed(
|
|
|
71
82
|
line-height: 1.3;
|
|
72
83
|
color: var(--input-color);
|
|
73
84
|
}
|
|
85
|
+
@media screen and (max-width: 910px) {
|
|
86
|
+
.data-row {
|
|
87
|
+
display: block;
|
|
88
|
+
min-height: 80px;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
74
91
|
</style>
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
<style>
|
|
95
|
+
.data-row .bagel-input,
|
|
96
|
+
.data-row .bagel-input input {
|
|
97
|
+
min-width: 140px !important;
|
|
98
|
+
/* margin-top: 0.5rem !important; */
|
|
99
|
+
height: calc(var(--input-height) - 0.25rem) !important;
|
|
100
|
+
}
|
|
101
|
+
</style>
|
|
@@ -54,12 +54,11 @@ const fieldData = $computed({
|
|
|
54
54
|
})
|
|
55
55
|
|
|
56
56
|
const vIf = $computed(() => {
|
|
57
|
-
if (props.field['v-if'] === undefined) return true
|
|
58
|
-
if (typeof props.field['v-if'] === 'boolean') return props.field['v-if']
|
|
59
|
-
if (typeof props.field['v-if'] === 'string') return true
|
|
60
|
-
if (typeof props.field['v-if'] === 'function')
|
|
61
|
-
|
|
62
|
-
}
|
|
57
|
+
if (props.field['v-if'] === undefined && props.field.vIf === undefined) return true
|
|
58
|
+
if (typeof props.field['v-if'] === 'boolean' || typeof props.field.vIf === 'boolean') return props.field['v-if']
|
|
59
|
+
if (typeof props.field['v-if'] === 'string' || typeof props.field.vIf === 'string') return true
|
|
60
|
+
if (typeof props.field['v-if'] === 'function') return props.field['v-if'](fieldData, formData)
|
|
61
|
+
if (typeof props.field.vIf === 'function') return props.field.vIf(fieldData, formData)
|
|
63
62
|
return true
|
|
64
63
|
})
|
|
65
64
|
|