@bagelink/vue 0.0.130 → 0.0.134
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/TableSchema.vue.d.ts.map +1 -1
- package/dist/components/formkit/AddressArray.vue.d.ts +17 -24
- package/dist/components/formkit/AddressArray.vue.d.ts.map +1 -1
- package/dist/components/formkit/BankDetailsArray.vue.d.ts +19 -28
- package/dist/components/formkit/BankDetailsArray.vue.d.ts.map +1 -1
- package/dist/components/formkit/index.d.ts +2 -0
- package/dist/components/formkit/index.d.ts.map +1 -1
- package/dist/index.cjs +54 -48
- package/dist/index.mjs +54 -48
- package/dist/style.css +50 -50
- package/dist/utils/index.d.ts +0 -1
- package/dist/utils/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/DataPreview.vue +2 -2
- package/src/components/FileUploader.vue +5 -5
- package/src/components/FormKitTable.vue +1 -1
- package/src/components/TableSchema.vue +2 -3
- package/src/components/form/ItemRef.vue +1 -1
- package/src/components/form/inputs/ColorPicker.vue +1 -1
- package/src/components/formkit/AddressArray.vue +27 -21
- package/src/components/formkit/BankDetailsArray.vue +29 -25
- package/src/components/formkit/index.ts +3 -0
- package/src/utils/index.ts +0 -7
package/dist/index.mjs
CHANGED
|
@@ -2362,12 +2362,6 @@ const useFormkit = () => {
|
|
|
2362
2362
|
return formkit;
|
|
2363
2363
|
};
|
|
2364
2364
|
const initials = (...strArr) => strArr.map((str) => str == null ? void 0 : str.charAt(0)).join("");
|
|
2365
|
-
const parseLocale = (str, i18nT = (_str) => _str) => {
|
|
2366
|
-
const [_, w] = str.split(/\$t\('?"?|'?"?\)/);
|
|
2367
|
-
if (!w)
|
|
2368
|
-
return str;
|
|
2369
|
-
return i18nT(w);
|
|
2370
|
-
};
|
|
2371
2365
|
const _hoisted_1$V = { ref: "el" };
|
|
2372
2366
|
const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
2373
2367
|
__name: "LangText",
|
|
@@ -15228,7 +15222,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
15228
15222
|
key: field.id,
|
|
15229
15223
|
class: "data-row"
|
|
15230
15224
|
}, [
|
|
15231
|
-
createElementVNode("div", _hoisted_3$y, toDisplayString(field
|
|
15225
|
+
createElementVNode("div", _hoisted_3$y, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1),
|
|
15232
15226
|
(openBlock(), createBlock(resolveDynamicComponent(field.$el || "div"), { class: "vlue" }, {
|
|
15233
15227
|
default: withCtx(() => [
|
|
15234
15228
|
createTextVNode(toDisplayString(_ctx.data[field.id] || field.defaultValue), 1)
|
|
@@ -15255,7 +15249,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
15255
15249
|
};
|
|
15256
15250
|
}
|
|
15257
15251
|
});
|
|
15258
|
-
const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-
|
|
15252
|
+
const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-0350cc0c"]]);
|
|
15259
15253
|
const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
15260
15254
|
__name: "FormSchema",
|
|
15261
15255
|
props: {
|
|
@@ -15396,7 +15390,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
15396
15390
|
onClick: ($event) => sort2(field.id)
|
|
15397
15391
|
}, [
|
|
15398
15392
|
createElementVNode("div", _hoisted_5$h, [
|
|
15399
|
-
createTextVNode(toDisplayString(
|
|
15393
|
+
createTextVNode(toDisplayString((field == null ? void 0 : field.label) || (field == null ? void 0 : field.id)) + " ", 1),
|
|
15400
15394
|
createElementVNode("div", {
|
|
15401
15395
|
class: normalizeClass(["list-arrows", { sorted: unref(sortField) === field.id }])
|
|
15402
15396
|
}, [
|
|
@@ -15452,7 +15446,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
15452
15446
|
};
|
|
15453
15447
|
}
|
|
15454
15448
|
});
|
|
15455
|
-
const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-
|
|
15449
|
+
const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-fa7146ce"]]);
|
|
15456
15450
|
const _sfc_main$z = {};
|
|
15457
15451
|
const _hoisted_1$H = { class: "flex space-between" };
|
|
15458
15452
|
function _sfc_render$1(_ctx, _cache) {
|
|
@@ -17200,8 +17194,7 @@ const _hoisted_12$1 = { class: "bglform-address-del" };
|
|
|
17200
17194
|
const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
17201
17195
|
__name: "AddressArray",
|
|
17202
17196
|
props: {
|
|
17203
|
-
context: {}
|
|
17204
|
-
form: {}
|
|
17197
|
+
context: {}
|
|
17205
17198
|
},
|
|
17206
17199
|
setup(__props) {
|
|
17207
17200
|
const bagel = useBagel();
|
|
@@ -17254,29 +17247,36 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
17254
17247
|
return openBlock(), createElementBlock("div", _hoisted_1$B, [
|
|
17255
17248
|
createElementVNode("div", _hoisted_2$w, [
|
|
17256
17249
|
(openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(val), (address, i2) => {
|
|
17250
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
|
|
17257
17251
|
return openBlock(), createElementBlock("div", {
|
|
17258
17252
|
class: "bglform-contact mb-3",
|
|
17259
17253
|
key: i2
|
|
17260
17254
|
}, [
|
|
17261
17255
|
unref(deleteCandidate) === i2 ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
|
|
17262
|
-
createElementVNode("p", _hoisted_4$f, toDisplayString(_ctx.
|
|
17256
|
+
createElementVNode("p", _hoisted_4$f, toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.sure), 1),
|
|
17263
17257
|
createVNode(unref(Btn), {
|
|
17264
17258
|
thin: "",
|
|
17265
17259
|
color: "red",
|
|
17266
17260
|
onClick: ($event) => deleteContact(address.id)
|
|
17267
17261
|
}, {
|
|
17268
|
-
default: withCtx(() =>
|
|
17269
|
-
|
|
17270
|
-
|
|
17262
|
+
default: withCtx(() => {
|
|
17263
|
+
var _a2, _b2;
|
|
17264
|
+
return [
|
|
17265
|
+
createTextVNode(toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.delete), 1)
|
|
17266
|
+
];
|
|
17267
|
+
}),
|
|
17271
17268
|
_: 2
|
|
17272
17269
|
}, 1032, ["onClick"]),
|
|
17273
17270
|
createVNode(unref(Btn), {
|
|
17274
17271
|
thin: "",
|
|
17275
17272
|
onClick: _cache[0] || (_cache[0] = ($event) => isRef(deleteCandidate) ? deleteCandidate.value = -1 : deleteCandidate = -1)
|
|
17276
17273
|
}, {
|
|
17277
|
-
default: withCtx(() =>
|
|
17278
|
-
|
|
17279
|
-
|
|
17274
|
+
default: withCtx(() => {
|
|
17275
|
+
var _a2, _b2;
|
|
17276
|
+
return [
|
|
17277
|
+
createTextVNode(toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.cancel), 1)
|
|
17278
|
+
];
|
|
17279
|
+
}),
|
|
17280
17280
|
_: 1
|
|
17281
17281
|
})
|
|
17282
17282
|
])) : createCommentVNode("", true),
|
|
@@ -17288,14 +17288,14 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
17288
17288
|
class: "bglform-contact-label",
|
|
17289
17289
|
"onUpdate:modelValue": ($event) => address.label = $event,
|
|
17290
17290
|
type: "text",
|
|
17291
|
-
placeholder: _ctx.
|
|
17291
|
+
placeholder: (_d = (_c = _ctx.context) == null ? void 0 : _c.formPlaceholders) == null ? void 0 : _d.label
|
|
17292
17292
|
}, null, 8, _hoisted_5$d), [
|
|
17293
17293
|
[vModelText, address.label]
|
|
17294
17294
|
]),
|
|
17295
17295
|
createElementVNode("div", _hoisted_6$a, [
|
|
17296
17296
|
withDirectives(createElementVNode("input", {
|
|
17297
17297
|
"onUpdate:modelValue": ($event) => address.street = $event,
|
|
17298
|
-
placeholder: _ctx.
|
|
17298
|
+
placeholder: (_f = (_e = _ctx.context) == null ? void 0 : _e.formPlaceholders) == null ? void 0 : _f.street,
|
|
17299
17299
|
type: "text"
|
|
17300
17300
|
}, null, 8, _hoisted_7$6), [
|
|
17301
17301
|
[vModelText, address.street]
|
|
@@ -17303,14 +17303,14 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
17303
17303
|
createElementVNode("div", _hoisted_8$3, [
|
|
17304
17304
|
withDirectives(createElementVNode("input", {
|
|
17305
17305
|
"onUpdate:modelValue": ($event) => address.city = $event,
|
|
17306
|
-
placeholder: _ctx.
|
|
17306
|
+
placeholder: (_h = (_g = _ctx.context) == null ? void 0 : _g.formPlaceholders) == null ? void 0 : _h.city,
|
|
17307
17307
|
type: "text"
|
|
17308
17308
|
}, null, 8, _hoisted_9$3), [
|
|
17309
17309
|
[vModelText, address.city]
|
|
17310
17310
|
]),
|
|
17311
17311
|
withDirectives(createElementVNode("input", {
|
|
17312
17312
|
"onUpdate:modelValue": ($event) => address.postal_code = $event,
|
|
17313
|
-
placeholder: _ctx.
|
|
17313
|
+
placeholder: (_j = (_i = _ctx.context) == null ? void 0 : _i.formPlaceholders) == null ? void 0 : _j.zip,
|
|
17314
17314
|
type: "text"
|
|
17315
17315
|
}, null, 8, _hoisted_10$2), [
|
|
17316
17316
|
[vModelText, address.postal_code]
|
|
@@ -17318,7 +17318,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
17318
17318
|
]),
|
|
17319
17319
|
withDirectives(createElementVNode("input", {
|
|
17320
17320
|
"onUpdate:modelValue": ($event) => address.country = $event,
|
|
17321
|
-
placeholder: _ctx.
|
|
17321
|
+
placeholder: (_l = (_k = _ctx.context) == null ? void 0 : _k.formPlaceholders) == null ? void 0 : _l.country,
|
|
17322
17322
|
type: "text"
|
|
17323
17323
|
}, null, 8, _hoisted_11$1), [
|
|
17324
17324
|
[vModelText, address.country]
|
|
@@ -17342,9 +17342,9 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
17342
17342
|
onClick: addNew
|
|
17343
17343
|
}, {
|
|
17344
17344
|
default: withCtx(() => {
|
|
17345
|
-
var _a;
|
|
17345
|
+
var _a, _b, _c;
|
|
17346
17346
|
return [
|
|
17347
|
-
createTextVNode(toDisplayString(_ctx.
|
|
17347
|
+
createTextVNode(toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.add) + " " + toDisplayString((_c = _ctx.context) == null ? void 0 : _c.label), 1)
|
|
17348
17348
|
];
|
|
17349
17349
|
}),
|
|
17350
17350
|
_: 1
|
|
@@ -17354,7 +17354,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
17354
17354
|
};
|
|
17355
17355
|
}
|
|
17356
17356
|
});
|
|
17357
|
-
const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-
|
|
17357
|
+
const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-0b835e6e"]]);
|
|
17358
17358
|
const _hoisted_1$A = { class: "bagel-input" };
|
|
17359
17359
|
const _hoisted_2$v = { class: "mt-1" };
|
|
17360
17360
|
const _hoisted_3$s = {
|
|
@@ -17378,8 +17378,7 @@ const _hoisted_17 = { class: "bglform-address-del" };
|
|
|
17378
17378
|
const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
17379
17379
|
__name: "BankDetailsArray",
|
|
17380
17380
|
props: {
|
|
17381
|
-
context: {}
|
|
17382
|
-
form: {}
|
|
17381
|
+
context: {}
|
|
17383
17382
|
},
|
|
17384
17383
|
setup(__props) {
|
|
17385
17384
|
const bagel = useBagel();
|
|
@@ -17426,29 +17425,36 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
17426
17425
|
return openBlock(), createElementBlock("div", _hoisted_1$A, [
|
|
17427
17426
|
createElementVNode("div", _hoisted_2$v, [
|
|
17428
17427
|
(openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(val), (bank_account, i2) => {
|
|
17428
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
|
|
17429
17429
|
return openBlock(), createElementBlock("div", {
|
|
17430
17430
|
class: "bglform-contact mb-3",
|
|
17431
17431
|
key: i2
|
|
17432
17432
|
}, [
|
|
17433
17433
|
unref(deleteCandidate) === i2 ? (openBlock(), createElementBlock("div", _hoisted_3$s, [
|
|
17434
|
-
createElementVNode("p", _hoisted_4$e, toDisplayString(_ctx.
|
|
17434
|
+
createElementVNode("p", _hoisted_4$e, toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.sure), 1),
|
|
17435
17435
|
createVNode(unref(Btn), {
|
|
17436
17436
|
thin: "",
|
|
17437
17437
|
color: "red",
|
|
17438
17438
|
onClick: ($event) => deleteContact(bank_account.id)
|
|
17439
17439
|
}, {
|
|
17440
|
-
default: withCtx(() =>
|
|
17441
|
-
|
|
17442
|
-
|
|
17440
|
+
default: withCtx(() => {
|
|
17441
|
+
var _a2, _b2;
|
|
17442
|
+
return [
|
|
17443
|
+
createTextVNode(toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.delete), 1)
|
|
17444
|
+
];
|
|
17445
|
+
}),
|
|
17443
17446
|
_: 2
|
|
17444
17447
|
}, 1032, ["onClick"]),
|
|
17445
17448
|
createVNode(unref(Btn), {
|
|
17446
17449
|
thin: "",
|
|
17447
17450
|
onClick: _cache[0] || (_cache[0] = ($event) => isRef(deleteCandidate) ? deleteCandidate.value = -1 : deleteCandidate = -1)
|
|
17448
17451
|
}, {
|
|
17449
|
-
default: withCtx(() =>
|
|
17450
|
-
|
|
17451
|
-
|
|
17452
|
+
default: withCtx(() => {
|
|
17453
|
+
var _a2, _b2;
|
|
17454
|
+
return [
|
|
17455
|
+
createTextVNode(toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.cancel), 1)
|
|
17456
|
+
];
|
|
17457
|
+
}),
|
|
17452
17458
|
_: 1
|
|
17453
17459
|
})
|
|
17454
17460
|
])) : createCommentVNode("", true),
|
|
@@ -17460,14 +17466,14 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
17460
17466
|
class: "bglform-contact-label",
|
|
17461
17467
|
"onUpdate:modelValue": ($event) => bank_account.label = $event,
|
|
17462
17468
|
type: "text",
|
|
17463
|
-
placeholder: _ctx.
|
|
17469
|
+
placeholder: (_d = (_c = _ctx.context) == null ? void 0 : _c.formPlaceholders) == null ? void 0 : _d.label
|
|
17464
17470
|
}, null, 8, _hoisted_5$c), [
|
|
17465
17471
|
[vModelText, bank_account.label]
|
|
17466
17472
|
]),
|
|
17467
17473
|
createElementVNode("div", _hoisted_6$9, [
|
|
17468
17474
|
withDirectives(createElementVNode("input", {
|
|
17469
17475
|
"onUpdate:modelValue": ($event) => bank_account.bank_name = $event,
|
|
17470
|
-
placeholder: _ctx.
|
|
17476
|
+
placeholder: (_f = (_e = _ctx.context) == null ? void 0 : _e.formPlaceholders) == null ? void 0 : _f.bankName,
|
|
17471
17477
|
type: "text",
|
|
17472
17478
|
required: ""
|
|
17473
17479
|
}, null, 8, _hoisted_7$5), [
|
|
@@ -17476,7 +17482,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
17476
17482
|
createElementVNode("div", _hoisted_8$2, [
|
|
17477
17483
|
withDirectives(createElementVNode("input", {
|
|
17478
17484
|
"onUpdate:modelValue": ($event) => bank_account.branch = $event,
|
|
17479
|
-
placeholder: _ctx.
|
|
17485
|
+
placeholder: (_h = (_g = _ctx.context) == null ? void 0 : _g.formPlaceholders) == null ? void 0 : _h.bankBranch,
|
|
17480
17486
|
type: "text",
|
|
17481
17487
|
required: ""
|
|
17482
17488
|
}, null, 8, _hoisted_9$2), [
|
|
@@ -17484,7 +17490,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
17484
17490
|
]),
|
|
17485
17491
|
withDirectives(createElementVNode("input", {
|
|
17486
17492
|
"onUpdate:modelValue": ($event) => bank_account.account_number = $event,
|
|
17487
|
-
placeholder: _ctx.
|
|
17493
|
+
placeholder: (_j = (_i = _ctx.context) == null ? void 0 : _i.formPlaceholders) == null ? void 0 : _j.bankAccount,
|
|
17488
17494
|
type: "text",
|
|
17489
17495
|
required: ""
|
|
17490
17496
|
}, null, 8, _hoisted_10$1), [
|
|
@@ -17494,7 +17500,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
17494
17500
|
createElementVNode("div", _hoisted_11, [
|
|
17495
17501
|
withDirectives(createElementVNode("input", {
|
|
17496
17502
|
"onUpdate:modelValue": ($event) => bank_account.bank_account_holder = $event,
|
|
17497
|
-
placeholder: _ctx.
|
|
17503
|
+
placeholder: (_l = (_k = _ctx.context) == null ? void 0 : _k.formPlaceholders) == null ? void 0 : _l.bankAccountHolder,
|
|
17498
17504
|
type: "text",
|
|
17499
17505
|
required: ""
|
|
17500
17506
|
}, null, 8, _hoisted_12), [
|
|
@@ -17502,7 +17508,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
17502
17508
|
]),
|
|
17503
17509
|
withDirectives(createElementVNode("input", {
|
|
17504
17510
|
"onUpdate:modelValue": ($event) => bank_account.bank_account_holder_id = $event,
|
|
17505
|
-
placeholder: _ctx.
|
|
17511
|
+
placeholder: (_n = (_m = _ctx.context) == null ? void 0 : _m.formPlaceholders) == null ? void 0 : _n.bankAccountHolderID,
|
|
17506
17512
|
type: "text"
|
|
17507
17513
|
}, null, 8, _hoisted_13), [
|
|
17508
17514
|
[vModelText, bank_account.bank_account_holder_id]
|
|
@@ -17523,7 +17529,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
17523
17529
|
]),
|
|
17524
17530
|
withDirectives(createElementVNode("input", {
|
|
17525
17531
|
"onUpdate:modelValue": ($event) => bank_account.bank_address = $event,
|
|
17526
|
-
placeholder: _ctx.
|
|
17532
|
+
placeholder: (_p = (_o = _ctx.context) == null ? void 0 : _o.formPlaceholders) == null ? void 0 : _p.bankAddress,
|
|
17527
17533
|
type: "text"
|
|
17528
17534
|
}, null, 8, _hoisted_16), [
|
|
17529
17535
|
[vModelText, bank_account.bank_address]
|
|
@@ -17548,9 +17554,9 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
17548
17554
|
onClick: _cache[1] || (_cache[1] = ($event) => unref(val).push({}))
|
|
17549
17555
|
}, {
|
|
17550
17556
|
default: withCtx(() => {
|
|
17551
|
-
var _a;
|
|
17557
|
+
var _a, _b, _c;
|
|
17552
17558
|
return [
|
|
17553
|
-
createTextVNode(toDisplayString(_ctx.
|
|
17559
|
+
createTextVNode(toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.add) + " " + toDisplayString((_c = _ctx.context) == null ? void 0 : _c.label), 1)
|
|
17554
17560
|
];
|
|
17555
17561
|
}),
|
|
17556
17562
|
_: 1
|
|
@@ -17560,7 +17566,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
17560
17566
|
};
|
|
17561
17567
|
}
|
|
17562
17568
|
});
|
|
17563
|
-
const BankDetailsArray = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-
|
|
17569
|
+
const BankDetailsArray = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-60b0c498"]]);
|
|
17564
17570
|
const _hoisted_1$z = { class: "misc-wrap" };
|
|
17565
17571
|
const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
17566
17572
|
__name: "MiscFields",
|
|
@@ -18098,8 +18104,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
18098
18104
|
void props2.router.push(`/${props2.field.refCollection}/${(_b = props2.modelValue) == null ? void 0 : _b.id}`);
|
|
18099
18105
|
};
|
|
18100
18106
|
return (_ctx, _cache) => {
|
|
18107
|
+
var _a;
|
|
18101
18108
|
return openBlock(), createElementBlock("div", null, [
|
|
18102
|
-
createTextVNode(toDisplayString(_ctx.field.label || _ctx.field.id) + " ", 1),
|
|
18109
|
+
createTextVNode(toDisplayString(((_a = _ctx.field) == null ? void 0 : _a.label) || _ctx.field.id) + " ", 1),
|
|
18103
18110
|
_ctx.field.refCollection ? (openBlock(), createBlock(unref(Btn), {
|
|
18104
18111
|
key: 0,
|
|
18105
18112
|
color: "gray",
|
|
@@ -28499,7 +28506,6 @@ export {
|
|
|
28499
28506
|
formatString,
|
|
28500
28507
|
initials,
|
|
28501
28508
|
keyToLabel,
|
|
28502
|
-
parseLocale,
|
|
28503
28509
|
useBagel,
|
|
28504
28510
|
useFormkit,
|
|
28505
28511
|
useModal
|
package/dist/style.css
CHANGED
|
@@ -757,12 +757,12 @@
|
|
|
757
757
|
}
|
|
758
758
|
}
|
|
759
759
|
|
|
760
|
-
.data[data-v-
|
|
760
|
+
.data[data-v-0350cc0c] {
|
|
761
761
|
border: 1.1px solid var(--border-color);
|
|
762
762
|
padding: 20px;
|
|
763
763
|
border-radius: var(--input-border-radius);
|
|
764
764
|
}
|
|
765
|
-
.data-row[data-v-
|
|
765
|
+
.data-row[data-v-0350cc0c] {
|
|
766
766
|
display: flex;
|
|
767
767
|
justify-content: space-between;
|
|
768
768
|
padding-bottom: 0.5rem;
|
|
@@ -770,7 +770,7 @@
|
|
|
770
770
|
opacity: 0.8;
|
|
771
771
|
border-bottom: 1px solid var(--border-color);
|
|
772
772
|
}
|
|
773
|
-
.data-link[data-v-
|
|
773
|
+
.data-link[data-v-0350cc0c] {
|
|
774
774
|
display: block;
|
|
775
775
|
font-size: var(--input-font-size);
|
|
776
776
|
margin-bottom: 2px;
|
|
@@ -782,37 +782,37 @@
|
|
|
782
782
|
transform: translateY(-2.6rem);
|
|
783
783
|
}
|
|
784
784
|
|
|
785
|
-
.list-arrows[data-v-
|
|
785
|
+
.list-arrows[data-v-fa7146ce] {
|
|
786
786
|
opacity: 0;
|
|
787
787
|
}
|
|
788
|
-
.list-arrows .icon-font[data-v-
|
|
788
|
+
.list-arrows .icon-font[data-v-fa7146ce] {
|
|
789
789
|
transition: all ease-in-out 0.2s;
|
|
790
790
|
}
|
|
791
|
-
.list-arrows.sorted[data-v-
|
|
791
|
+
.list-arrows.sorted[data-v-fa7146ce] {
|
|
792
792
|
opacity: 1;
|
|
793
793
|
}
|
|
794
|
-
.col img[data-v-
|
|
794
|
+
.col img[data-v-fa7146ce] {
|
|
795
795
|
height: 35px;
|
|
796
796
|
margin-top: -14px;
|
|
797
797
|
margin-bottom: -14px;
|
|
798
798
|
border-radius: 5px;
|
|
799
799
|
}
|
|
800
|
-
.list-arrows.sorted .desc[data-v-
|
|
800
|
+
.list-arrows.sorted .desc[data-v-fa7146ce] {
|
|
801
801
|
transform: rotate(180deg);
|
|
802
802
|
}
|
|
803
|
-
table[data-v-
|
|
803
|
+
table[data-v-fa7146ce] {
|
|
804
804
|
border-collapse: separate;
|
|
805
805
|
border-spacing: 0 15px;
|
|
806
806
|
border-collapse: collapse;
|
|
807
807
|
}
|
|
808
|
-
th[data-v-
|
|
808
|
+
th[data-v-fa7146ce] {
|
|
809
809
|
font-weight: 400;
|
|
810
810
|
}
|
|
811
|
-
.row[data-v-
|
|
811
|
+
.row[data-v-fa7146ce] {
|
|
812
812
|
border-bottom: 1px solid var(--border-color);
|
|
813
813
|
cursor: pointer;
|
|
814
814
|
}
|
|
815
|
-
.row.first-row[data-v-
|
|
815
|
+
.row.first-row[data-v-fa7146ce] {
|
|
816
816
|
font-size: 0.8rem;
|
|
817
817
|
color: var(--bgl-black-tint);
|
|
818
818
|
position: sticky;
|
|
@@ -822,7 +822,7 @@ th[data-v-ef2c4aa7] {
|
|
|
822
822
|
height: 50px;
|
|
823
823
|
vertical-align: bottom;
|
|
824
824
|
}
|
|
825
|
-
.row.first-row[data-v-
|
|
825
|
+
.row.first-row[data-v-fa7146ce]::after {
|
|
826
826
|
content: '';
|
|
827
827
|
border-bottom: 1px solid var(--border-color);
|
|
828
828
|
position: absolute;
|
|
@@ -830,11 +830,11 @@ th[data-v-ef2c4aa7] {
|
|
|
830
830
|
right: 0;
|
|
831
831
|
bottom: -1px;
|
|
832
832
|
}
|
|
833
|
-
.first-row .col[data-v-
|
|
833
|
+
.first-row .col[data-v-fa7146ce] {
|
|
834
834
|
cursor: pointer;
|
|
835
835
|
background: var(--bgl-white);
|
|
836
836
|
}
|
|
837
|
-
.col[data-v-
|
|
837
|
+
.col[data-v-fa7146ce] {
|
|
838
838
|
white-space: nowrap;
|
|
839
839
|
padding: 14px;
|
|
840
840
|
transition: var(--bgl-transition);
|
|
@@ -843,16 +843,16 @@ th[data-v-ef2c4aa7] {
|
|
|
843
843
|
padding-right: 1rem;
|
|
844
844
|
align-items: center;
|
|
845
845
|
}
|
|
846
|
-
.col>div[data-v-
|
|
846
|
+
.col>div[data-v-fa7146ce] {
|
|
847
847
|
display: flex;
|
|
848
848
|
gap: 0.5rem;
|
|
849
849
|
}
|
|
850
|
-
.max-col-width[data-v-
|
|
850
|
+
.max-col-width[data-v-fa7146ce] {
|
|
851
851
|
max-width: 30vw;
|
|
852
852
|
overflow: hidden;
|
|
853
853
|
text-overflow: ellipsis;
|
|
854
854
|
}
|
|
855
|
-
.col.check .icon-font[data-v-
|
|
855
|
+
.col.check .icon-font[data-v-fa7146ce] {
|
|
856
856
|
border-radius: 100%;
|
|
857
857
|
background: var(--bgl-blue-20);
|
|
858
858
|
color: var(--bgl-blue);
|
|
@@ -863,27 +863,27 @@ th[data-v-ef2c4aa7] {
|
|
|
863
863
|
justify-content: center;
|
|
864
864
|
margin-top: -2px;
|
|
865
865
|
}
|
|
866
|
-
.rows[data-v-
|
|
866
|
+
.rows[data-v-fa7146ce] {
|
|
867
867
|
font-size: 0.8125em;
|
|
868
868
|
}
|
|
869
|
-
.table-list[data-v-
|
|
869
|
+
.table-list[data-v-fa7146ce] {
|
|
870
870
|
height: 100%;
|
|
871
871
|
position: relative;
|
|
872
872
|
padding-left: 0 !important;
|
|
873
873
|
padding-right: 0 !important;
|
|
874
874
|
overflow: auto;
|
|
875
875
|
}
|
|
876
|
-
.BagelTable .table-list[data-v-
|
|
876
|
+
.BagelTable .table-list[data-v-fa7146ce] {
|
|
877
877
|
overflow: unset;
|
|
878
878
|
}
|
|
879
|
-
.row-item[data-v-
|
|
879
|
+
.row-item[data-v-fa7146ce] {
|
|
880
880
|
height: 50px;
|
|
881
881
|
transition: all 200ms ease;
|
|
882
882
|
}
|
|
883
|
-
.row-item[data-v-
|
|
883
|
+
.row-item[data-v-fa7146ce]:hover {
|
|
884
884
|
background: var(--bgl-gray-light);
|
|
885
885
|
}
|
|
886
|
-
.infinite-wrapper[data-v-
|
|
886
|
+
.infinite-wrapper[data-v-fa7146ce] {
|
|
887
887
|
overflow-y: auto;
|
|
888
888
|
width: 100%;
|
|
889
889
|
}
|
|
@@ -1220,45 +1220,45 @@ th[data-v-ef2c4aa7] {
|
|
|
1220
1220
|
backdrop-filter: blur(1px);
|
|
1221
1221
|
}
|
|
1222
1222
|
|
|
1223
|
-
.bglform-contact[data-v-
|
|
1223
|
+
.bglform-contact[data-v-0b835e6e] {
|
|
1224
1224
|
display: flex;
|
|
1225
1225
|
gap: 0.5rem;
|
|
1226
1226
|
max-width: 700px;
|
|
1227
1227
|
position: relative;
|
|
1228
1228
|
}
|
|
1229
|
-
.bglform-contact-label[data-v-
|
|
1229
|
+
.bglform-contact-label[data-v-0b835e6e] {
|
|
1230
1230
|
flex-basis: 140px;
|
|
1231
1231
|
}
|
|
1232
|
-
.bglform-contact-address[data-v-
|
|
1232
|
+
.bglform-contact-address[data-v-0b835e6e] {
|
|
1233
1233
|
display: flex;
|
|
1234
1234
|
flex-direction: column;
|
|
1235
1235
|
gap: 0.5rem;
|
|
1236
1236
|
}
|
|
1237
|
-
.bglform-contact input[type='checkbox'][data-v-
|
|
1237
|
+
.bglform-contact input[type='checkbox'][data-v-0b835e6e] {
|
|
1238
1238
|
width: 30px;
|
|
1239
1239
|
min-width: 0;
|
|
1240
1240
|
}
|
|
1241
|
-
.light.thin.btn-txt.btn[data-v-
|
|
1241
|
+
.light.thin.btn-txt.btn[data-v-0b835e6e] {
|
|
1242
1242
|
padding-left: calc(var(--btn-padding) / 4);
|
|
1243
1243
|
padding-right: calc(var(--btn-padding) / 4);
|
|
1244
1244
|
}
|
|
1245
|
-
.bglform-address-del[data-v-
|
|
1245
|
+
.bglform-address-del[data-v-0b835e6e] {
|
|
1246
1246
|
margin-top: 6px;
|
|
1247
1247
|
}
|
|
1248
|
-
.bglform-contact-address-flex[data-v-
|
|
1248
|
+
.bglform-contact-address-flex[data-v-0b835e6e] {
|
|
1249
1249
|
display: flex;
|
|
1250
1250
|
gap: 0.5rem;
|
|
1251
1251
|
}
|
|
1252
|
-
.add-btn[data-v-
|
|
1252
|
+
.add-btn[data-v-0b835e6e] {
|
|
1253
1253
|
display: flex;
|
|
1254
1254
|
gap: 0.5rem;
|
|
1255
1255
|
align-items: center;
|
|
1256
1256
|
margin-inline-start: 1rem;
|
|
1257
1257
|
}
|
|
1258
|
-
.add-btn[data-v-
|
|
1258
|
+
.add-btn[data-v-0b835e6e]:active {
|
|
1259
1259
|
background: none !important;
|
|
1260
1260
|
}
|
|
1261
|
-
.add-btn[data-v-
|
|
1261
|
+
.add-btn[data-v-0b835e6e]::before {
|
|
1262
1262
|
content: '+';
|
|
1263
1263
|
font-size: 10px;
|
|
1264
1264
|
background: var(--bgl-blue-light);
|
|
@@ -1270,15 +1270,15 @@ th[data-v-ef2c4aa7] {
|
|
|
1270
1270
|
justify-content: center;
|
|
1271
1271
|
color: var(--bgl-blue);
|
|
1272
1272
|
}
|
|
1273
|
-
.add-btn[data-v-
|
|
1273
|
+
.add-btn[data-v-0b835e6e]:hover::before {
|
|
1274
1274
|
background: var(--bgl-blue);
|
|
1275
1275
|
color: var(--bgl-white);
|
|
1276
1276
|
}
|
|
1277
1277
|
@media screen and (max-width: 910px) {
|
|
1278
|
-
.bglform-contact-address-flex[data-v-
|
|
1278
|
+
.bglform-contact-address-flex[data-v-0b835e6e] {
|
|
1279
1279
|
flex-wrap: wrap;
|
|
1280
1280
|
}
|
|
1281
|
-
.bglform-contact-label[data-v-
|
|
1281
|
+
.bglform-contact-label[data-v-0b835e6e] {
|
|
1282
1282
|
min-width: 0;
|
|
1283
1283
|
}
|
|
1284
1284
|
}
|
|
@@ -1295,45 +1295,45 @@ th[data-v-ef2c4aa7] {
|
|
|
1295
1295
|
backdrop-filter: blur(1px);
|
|
1296
1296
|
}
|
|
1297
1297
|
|
|
1298
|
-
.bglform-contact[data-v-
|
|
1298
|
+
.bglform-contact[data-v-60b0c498] {
|
|
1299
1299
|
display: flex;
|
|
1300
1300
|
gap: 0.5rem;
|
|
1301
1301
|
max-width: 700px;
|
|
1302
1302
|
position: relative;
|
|
1303
1303
|
}
|
|
1304
|
-
.bglform-contact-label[data-v-
|
|
1304
|
+
.bglform-contact-label[data-v-60b0c498] {
|
|
1305
1305
|
flex-basis: 140px;
|
|
1306
1306
|
}
|
|
1307
|
-
.bglform-contact-address[data-v-
|
|
1307
|
+
.bglform-contact-address[data-v-60b0c498] {
|
|
1308
1308
|
display: flex;
|
|
1309
1309
|
flex-direction: column;
|
|
1310
1310
|
gap: 0.5rem;
|
|
1311
1311
|
}
|
|
1312
|
-
.bglform-contact input[type='checkbox'][data-v-
|
|
1312
|
+
.bglform-contact input[type='checkbox'][data-v-60b0c498] {
|
|
1313
1313
|
width: 30px;
|
|
1314
1314
|
min-width: 0;
|
|
1315
1315
|
}
|
|
1316
|
-
.light.thin.btn-txt.btn[data-v-
|
|
1316
|
+
.light.thin.btn-txt.btn[data-v-60b0c498] {
|
|
1317
1317
|
padding-left: calc(var(--btn-padding) / 4);
|
|
1318
1318
|
padding-right: calc(var(--btn-padding) / 4);
|
|
1319
1319
|
}
|
|
1320
|
-
.bglform-address-del[data-v-
|
|
1320
|
+
.bglform-address-del[data-v-60b0c498] {
|
|
1321
1321
|
margin-top: 6px;
|
|
1322
1322
|
}
|
|
1323
|
-
.bglform-contact-address-flex[data-v-
|
|
1323
|
+
.bglform-contact-address-flex[data-v-60b0c498] {
|
|
1324
1324
|
display: flex;
|
|
1325
1325
|
gap: 0.5rem;
|
|
1326
1326
|
}
|
|
1327
|
-
.add-btn[data-v-
|
|
1327
|
+
.add-btn[data-v-60b0c498] {
|
|
1328
1328
|
display: flex;
|
|
1329
1329
|
gap: 0.5rem;
|
|
1330
1330
|
align-items: center;
|
|
1331
1331
|
margin-inline-start: 1rem;
|
|
1332
1332
|
}
|
|
1333
|
-
.add-btn[data-v-
|
|
1333
|
+
.add-btn[data-v-60b0c498]:active {
|
|
1334
1334
|
background: none !important;
|
|
1335
1335
|
}
|
|
1336
|
-
.add-btn[data-v-
|
|
1336
|
+
.add-btn[data-v-60b0c498]::before {
|
|
1337
1337
|
content: '+';
|
|
1338
1338
|
font-size: 10px;
|
|
1339
1339
|
background: var(--bgl-blue-light);
|
|
@@ -1345,15 +1345,15 @@ th[data-v-ef2c4aa7] {
|
|
|
1345
1345
|
justify-content: center;
|
|
1346
1346
|
color: var(--bgl-blue);
|
|
1347
1347
|
}
|
|
1348
|
-
.add-btn[data-v-
|
|
1348
|
+
.add-btn[data-v-60b0c498]:hover::before {
|
|
1349
1349
|
background: var(--bgl-blue);
|
|
1350
1350
|
color: var(--bgl-white);
|
|
1351
1351
|
}
|
|
1352
1352
|
@media screen and (max-width: 910px) {
|
|
1353
|
-
.bglform-contact-address-flex[data-v-
|
|
1353
|
+
.bglform-contact-address-flex[data-v-60b0c498] {
|
|
1354
1354
|
flex-wrap: wrap;
|
|
1355
1355
|
}
|
|
1356
|
-
.bglform-contact-label[data-v-
|
|
1356
|
+
.bglform-contact-label[data-v-60b0c498] {
|
|
1357
1357
|
min-width: 0;
|
|
1358
1358
|
}
|
|
1359
1359
|
}
|
package/dist/utils/index.d.ts
CHANGED
|
@@ -5,6 +5,5 @@ export declare function computeFields(modelValue: Record<string, any>): BagelFie
|
|
|
5
5
|
export declare const copyText: (text: string, cb?: ((msg: string) => void) | undefined) => Promise<void>;
|
|
6
6
|
export declare const useFormkit: () => unknown;
|
|
7
7
|
export declare const initials: (...strArr: string[]) => string;
|
|
8
|
-
export declare const parseLocale: (str: string, i18nT?: (_str: string) => string) => string;
|
|
9
8
|
export { formatString } from './strings';
|
|
10
9
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,QAAQ,OAAQ,MAAM,IAAI,yBAGtC,CAAC;AAEF,eAAO,MAAM,UAAU,QAAS,MAAM,WAG3B,CAAC;AAEZ,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,UAAU,EAAE,CAmB3E;AAED,eAAO,MAAM,QAAQ,SACd,MAAM,cAED,MAAM,KAAK,IAAI,+BAI1B,CAAC;AAEF,eAAO,MAAM,UAAU,eAGtB,CAAC;AAEF,eAAO,MAAM,QAAQ,cAAe,MAAM,EAAE,WAAiD,CAAC;AAE9F,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,QAAQ,OAAQ,MAAM,IAAI,yBAGtC,CAAC;AAEF,eAAO,MAAM,UAAU,QAAS,MAAM,WAG3B,CAAC;AAEZ,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,UAAU,EAAE,CAmB3E;AAED,eAAO,MAAM,QAAQ,SACd,MAAM,cAED,MAAM,KAAK,IAAI,+BAI1B,CAAC;AAEF,eAAO,MAAM,UAAU,eAGtB,CAAC;AAEF,eAAO,MAAM,QAAQ,cAAe,MAAM,EAAE,WAAiD,CAAC;AAE9F,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
|
package/package.json
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
class="data-row"
|
|
16
16
|
>
|
|
17
17
|
<div class="key">
|
|
18
|
-
{{ field
|
|
18
|
+
{{ field?.label || keyToLabel(field.id) }}
|
|
19
19
|
</div>
|
|
20
20
|
<component
|
|
21
21
|
:is="field.$el || 'div'"
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
</template>
|
|
46
46
|
|
|
47
47
|
<script lang="ts" setup>
|
|
48
|
-
import { keyToLabel
|
|
48
|
+
import { keyToLabel } from '@bagelink/vue';
|
|
49
49
|
|
|
50
50
|
const keysToIgnore = ['id', 'person_id', 'person', 'created_at', 'updated_at'];
|
|
51
51
|
|