@bagelink/vue 0.0.170 → 0.0.182
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/DropDown.vue.d.ts.map +1 -1
- package/dist/components/TableSchema.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/Checkbox.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/TextInput.vue.d.ts +15 -8
- package/dist/components/form/inputs/TextInput.vue.d.ts.map +1 -1
- package/dist/components/formkit/FileUploader.vue.d.ts +5 -0
- package/dist/components/formkit/FileUploader.vue.d.ts.map +1 -1
- package/dist/index.cjs +133 -64
- package/dist/index.mjs +133 -64
- package/dist/style.css +64 -37
- package/package.json +1 -1
- package/src/components/DataPreview.vue +33 -15
- package/src/components/DropDown.vue +35 -33
- package/src/components/TableSchema.vue +82 -84
- package/src/components/form/inputs/Checkbox.vue +21 -18
- package/src/components/form/inputs/TextInput.vue +70 -8
- package/src/components/formkit/FileUploader.vue +7 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataPreview.vue.d.ts","sourceRoot":"","sources":["../../src/components/DataPreview.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DataPreview.vue.d.ts","sourceRoot":"","sources":["../../src/components/DataPreview.vue"],"names":[],"mappings":"AAsDA;;;;;;;;;;;;AAsNA,wBAAwG;AAGxG,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,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":"DropDown.vue.d.ts","sourceRoot":"","sources":["../../src/components/DropDown.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DropDown.vue.d.ts","sourceRoot":"","sources":["../../src/components/DropDown.vue"],"names":[],"mappings":"AAmBA;;;;;;;;;;;;;;AAoIA,wBAWG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AA+DA;;;;;;;;;;;;;;;AAoUA,wBAAwG;AAGxG,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,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":"Checkbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/Checkbox.vue"],"names":[],"mappings":"AAQA;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Checkbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/Checkbox.vue"],"names":[],"mappings":"AAQA;;;;;;;;;;;;AAwHA,wBASG"}
|
|
@@ -2,15 +2,18 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
2
2
|
id?: string | undefined;
|
|
3
3
|
title?: string | undefined;
|
|
4
4
|
placeholder?: string | undefined;
|
|
5
|
-
modelValue?: string | undefined;
|
|
5
|
+
modelValue?: string | number | undefined;
|
|
6
6
|
label?: string | undefined;
|
|
7
|
-
editMode?: boolean | undefined;
|
|
8
7
|
small?: boolean | undefined;
|
|
9
8
|
required?: boolean | undefined;
|
|
10
9
|
pattern?: string | undefined;
|
|
10
|
+
shrink?: boolean | undefined;
|
|
11
|
+
toggleEdit?: boolean | undefined;
|
|
12
|
+
type?: string | undefined;
|
|
11
13
|
nativeInputAttrs?: Record<string, any> | undefined;
|
|
12
14
|
}>, {
|
|
13
|
-
|
|
15
|
+
type: string;
|
|
16
|
+
toggleEdit: boolean;
|
|
14
17
|
modelValue: string;
|
|
15
18
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
16
19
|
"update:modelValue": (...args: any[]) => void;
|
|
@@ -19,22 +22,26 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
19
22
|
id?: string | undefined;
|
|
20
23
|
title?: string | undefined;
|
|
21
24
|
placeholder?: string | undefined;
|
|
22
|
-
modelValue?: string | undefined;
|
|
25
|
+
modelValue?: string | number | undefined;
|
|
23
26
|
label?: string | undefined;
|
|
24
|
-
editMode?: boolean | undefined;
|
|
25
27
|
small?: boolean | undefined;
|
|
26
28
|
required?: boolean | undefined;
|
|
27
29
|
pattern?: string | undefined;
|
|
30
|
+
shrink?: boolean | undefined;
|
|
31
|
+
toggleEdit?: boolean | undefined;
|
|
32
|
+
type?: string | undefined;
|
|
28
33
|
nativeInputAttrs?: Record<string, any> | undefined;
|
|
29
34
|
}>, {
|
|
30
|
-
|
|
35
|
+
type: string;
|
|
36
|
+
toggleEdit: boolean;
|
|
31
37
|
modelValue: string;
|
|
32
38
|
}>>> & {
|
|
33
39
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
34
40
|
onDebounce?: ((...args: any[]) => any) | undefined;
|
|
35
41
|
}, {
|
|
36
|
-
modelValue: string;
|
|
37
|
-
|
|
42
|
+
modelValue: string | number;
|
|
43
|
+
type: string;
|
|
44
|
+
toggleEdit: boolean;
|
|
38
45
|
}, {}>;
|
|
39
46
|
export default _default;
|
|
40
47
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TextInput.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TextInput.vue"],"names":[],"mappings":"AA6BA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAmMe,MAAM,GAAG,MAAM;UAOrB,MAAM;gBADA,OAAO;;AAXtB,wBAoBG;AAGH,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"}
|
|
@@ -2,17 +2,22 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
2
2
|
context: Record<string, any>;
|
|
3
3
|
dragDropLabel?: string | undefined;
|
|
4
4
|
browseLabel?: string | undefined;
|
|
5
|
+
multiple?: boolean | undefined;
|
|
5
6
|
}>, {
|
|
6
7
|
dragDropLabel: string;
|
|
7
8
|
browseLabel: string;
|
|
9
|
+
multiple: boolean;
|
|
8
10
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
9
11
|
context: Record<string, any>;
|
|
10
12
|
dragDropLabel?: string | undefined;
|
|
11
13
|
browseLabel?: string | undefined;
|
|
14
|
+
multiple?: boolean | undefined;
|
|
12
15
|
}>, {
|
|
13
16
|
dragDropLabel: string;
|
|
14
17
|
browseLabel: string;
|
|
18
|
+
multiple: boolean;
|
|
15
19
|
}>>>, {
|
|
20
|
+
multiple: boolean;
|
|
16
21
|
dragDropLabel: string;
|
|
17
22
|
browseLabel: string;
|
|
18
23
|
}, {}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUploader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/formkit/FileUploader.vue"],"names":[],"mappings":"AAiFA;;
|
|
1
|
+
{"version":3,"file":"FileUploader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/formkit/FileUploader.vue"],"names":[],"mappings":"AAiFA;;aAybW,OAAO,MAAM,EAAE,GAAG,CAAC;;;;;;;;;aAAnB,OAAO,MAAM,EAAE,GAAG,CAAC;;;;;;;;;cAGjB,OAAO;mBAFF,MAAM;iBACR,MAAM;;AAJtB,wBAWG;AAGH,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
|
@@ -14608,7 +14608,7 @@ const _hoisted_3$H = { class: "full-nav" };
|
|
|
14608
14608
|
const _hoisted_4$q = { class: "nav-scroll" };
|
|
14609
14609
|
const _hoisted_5$l = { class: "nav-links-wrapper" };
|
|
14610
14610
|
const _hoisted_6$h = { class: "icon-font" };
|
|
14611
|
-
const _hoisted_7$
|
|
14611
|
+
const _hoisted_7$d = { class: "tooltip" };
|
|
14612
14612
|
const _hoisted_8$7 = { class: "bot-buttons-wrapper" };
|
|
14613
14613
|
const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
|
|
14614
14614
|
__name: "NavBar",
|
|
@@ -14646,7 +14646,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
|
|
|
14646
14646
|
}, {
|
|
14647
14647
|
default: vue.withCtx(() => [
|
|
14648
14648
|
vue.createElementVNode("div", _hoisted_6$h, vue.toDisplayString(link.materialIcon), 1),
|
|
14649
|
-
vue.createElementVNode("div", _hoisted_7$
|
|
14649
|
+
vue.createElementVNode("div", _hoisted_7$d, vue.toDisplayString(link.localized ? link.localized : link.label), 1)
|
|
14650
14650
|
]),
|
|
14651
14651
|
_: 2
|
|
14652
14652
|
}, 1032, ["to"]);
|
|
@@ -14822,8 +14822,8 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
|
|
|
14822
14822
|
setup(__props, { emit: __emit }) {
|
|
14823
14823
|
const props2 = __props;
|
|
14824
14824
|
const emit2 = __emit;
|
|
14825
|
-
|
|
14826
|
-
|
|
14825
|
+
let isOpen = vue.ref(false);
|
|
14826
|
+
let selectedOption = vue.ref(props2.modelValue);
|
|
14827
14827
|
function toggleDropdown() {
|
|
14828
14828
|
isOpen.value = !isOpen.value;
|
|
14829
14829
|
}
|
|
@@ -14834,11 +14834,11 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
|
|
|
14834
14834
|
}
|
|
14835
14835
|
return (_ctx, _cache) => {
|
|
14836
14836
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
14837
|
-
class: vue.normalizeClass(["dropdown", { opendrop: isOpen
|
|
14837
|
+
class: vue.normalizeClass(["dropdown", { opendrop: vue.unref(isOpen) }]),
|
|
14838
14838
|
onClick: toggleDropdown
|
|
14839
14839
|
}, [
|
|
14840
14840
|
vue.createElementVNode("div", _hoisted_1$U, [
|
|
14841
|
-
vue.createTextVNode(vue.toDisplayString(selectedOption
|
|
14841
|
+
vue.createTextVNode(vue.toDisplayString(vue.unref(selectedOption) || __props.placeholder) + " ", 1),
|
|
14842
14842
|
vue.createVNode(vue.unref(_sfc_main$R), { icon: "keyboard_arrow_down" })
|
|
14843
14843
|
]),
|
|
14844
14844
|
vue.createElementVNode("div", _hoisted_2$M, [
|
|
@@ -14998,7 +14998,7 @@ const _hoisted_3$C = { class: "comment-top" };
|
|
|
14998
14998
|
const _hoisted_4$n = { class: "comment-owner" };
|
|
14999
14999
|
const _hoisted_5$j = { class: "comment-time" };
|
|
15000
15000
|
const _hoisted_6$g = { class: "comment-actions" };
|
|
15001
|
-
const _hoisted_7$
|
|
15001
|
+
const _hoisted_7$c = ["innerHTML"];
|
|
15002
15002
|
const _hoisted_8$6 = { class: "new-comment" };
|
|
15003
15003
|
const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
|
|
15004
15004
|
__name: "Comments",
|
|
@@ -15087,7 +15087,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
|
|
|
15087
15087
|
key: 1,
|
|
15088
15088
|
class: "editor-wrapper",
|
|
15089
15089
|
innerHTML: comment.body_html
|
|
15090
|
-
}, null, 8, _hoisted_7$
|
|
15090
|
+
}, null, 8, _hoisted_7$c))
|
|
15091
15091
|
], 2);
|
|
15092
15092
|
}), 128))
|
|
15093
15093
|
]),
|
|
@@ -15311,7 +15311,7 @@ const _hoisted_3$B = { class: "row first-row" };
|
|
|
15311
15311
|
const _hoisted_4$m = ["onClick"];
|
|
15312
15312
|
const _hoisted_5$i = { class: "flex" };
|
|
15313
15313
|
const _hoisted_6$f = ["onClick"];
|
|
15314
|
-
const _hoisted_7$
|
|
15314
|
+
const _hoisted_7$b = { key: 1 };
|
|
15315
15315
|
const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
|
|
15316
15316
|
__name: "TableSchema",
|
|
15317
15317
|
props: {
|
|
@@ -15351,10 +15351,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
|
|
|
15351
15351
|
const columns = vue.computed(
|
|
15352
15352
|
() => {
|
|
15353
15353
|
var _a;
|
|
15354
|
-
return ((_a = props2.schema) == null ? void 0 : _a.call(props2)) || Object.keys(props2.data[0]).map((k) => ({
|
|
15355
|
-
id: k,
|
|
15356
|
-
inputType: "PlainText"
|
|
15357
|
-
}));
|
|
15354
|
+
return ((_a = props2.schema) == null ? void 0 : _a.call(props2)) || Object.keys(props2.data[0]).map((k) => ({ id: k, inputType: "PlainText" }));
|
|
15358
15355
|
}
|
|
15359
15356
|
);
|
|
15360
15357
|
return (_ctx, _cache) => {
|
|
@@ -15401,9 +15398,14 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
|
|
|
15401
15398
|
key: 0,
|
|
15402
15399
|
row,
|
|
15403
15400
|
field
|
|
15404
|
-
}, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$
|
|
15401
|
+
}, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$b, [
|
|
15405
15402
|
(field["v-if"] ? field["v-if"](row[field.id], row) : true) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(field.$el || field.$cmp || "div"), vue.mergeProps({ key: 0 }, bindAttrs(field.attrs, row[field.id], row), {
|
|
15406
|
-
src: field.$el === "img" ? (_a = row[field.id]) == null ? void 0 : _a.url : ""
|
|
15403
|
+
src: field.$el === "img" ? (_a = row[field.id]) == null ? void 0 : _a.url : "",
|
|
15404
|
+
"onUpdate:modelValue": ($event) => {
|
|
15405
|
+
var _a2;
|
|
15406
|
+
return (_a2 = field == null ? void 0 : field.onUpdate) == null ? void 0 : _a2.call(field, $event, row[field.id], row);
|
|
15407
|
+
},
|
|
15408
|
+
modelValue: row[field.id]
|
|
15407
15409
|
}), {
|
|
15408
15410
|
default: vue.withCtx(() => {
|
|
15409
15411
|
var _a2;
|
|
@@ -15412,7 +15414,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
|
|
|
15412
15414
|
];
|
|
15413
15415
|
}),
|
|
15414
15416
|
_: 2
|
|
15415
|
-
}, 1040, ["src"])) : vue.createCommentVNode("", true)
|
|
15417
|
+
}, 1040, ["src", "onUpdate:modelValue", "modelValue"])) : vue.createCommentVNode("", true)
|
|
15416
15418
|
]))
|
|
15417
15419
|
]);
|
|
15418
15420
|
}), 128))
|
|
@@ -15424,7 +15426,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
|
|
|
15424
15426
|
};
|
|
15425
15427
|
}
|
|
15426
15428
|
});
|
|
15427
|
-
const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-
|
|
15429
|
+
const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-8cd8ab82"]]);
|
|
15428
15430
|
const _sfc_main$E = {};
|
|
15429
15431
|
const _hoisted_1$M = { class: "flex space-between" };
|
|
15430
15432
|
function _sfc_render$1(_ctx, _cache) {
|
|
@@ -15508,7 +15510,7 @@ const _hoisted_6$e = {
|
|
|
15508
15510
|
key: 0,
|
|
15509
15511
|
class: "person-card-details"
|
|
15510
15512
|
};
|
|
15511
|
-
const _hoisted_7$
|
|
15513
|
+
const _hoisted_7$a = {
|
|
15512
15514
|
key: 1,
|
|
15513
15515
|
class: "person-card-details"
|
|
15514
15516
|
};
|
|
@@ -15578,7 +15580,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
|
|
|
15578
15580
|
}, vue.toDisplayString(phone.phone), 1);
|
|
15579
15581
|
}), 128))
|
|
15580
15582
|
])) : vue.createCommentVNode("", true),
|
|
15581
|
-
((_b = _ctx.person.email) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$
|
|
15583
|
+
((_b = _ctx.person.email) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$a, [
|
|
15582
15584
|
vue.createVNode(vue.unref(_sfc_main$R), { icon: "email" }),
|
|
15583
15585
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.person.email, (email) => {
|
|
15584
15586
|
return vue.openBlock(), vue.createElementBlock("p", {
|
|
@@ -15604,10 +15606,14 @@ const _hoisted_2$D = {
|
|
|
15604
15606
|
key: 0,
|
|
15605
15607
|
class: "mb-3 mt-0"
|
|
15606
15608
|
};
|
|
15607
|
-
const _hoisted_3$z = {
|
|
15608
|
-
|
|
15609
|
-
|
|
15610
|
-
|
|
15609
|
+
const _hoisted_3$z = {
|
|
15610
|
+
key: 0,
|
|
15611
|
+
class: "data-row"
|
|
15612
|
+
};
|
|
15613
|
+
const _hoisted_4$k = { class: "key" };
|
|
15614
|
+
const _hoisted_5$g = { key: 1 };
|
|
15615
|
+
const _hoisted_6$d = { class: "key" };
|
|
15616
|
+
const _hoisted_7$9 = { class: "vlue" };
|
|
15611
15617
|
const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
|
|
15612
15618
|
__name: "DataPreview",
|
|
15613
15619
|
props: {
|
|
@@ -15618,34 +15624,55 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
|
|
|
15618
15624
|
setup(__props) {
|
|
15619
15625
|
const i18nT = useI18nT();
|
|
15620
15626
|
const keysToIgnore = ["id", "person_id", "person", "created_at", "updated_at"];
|
|
15627
|
+
const props2 = __props;
|
|
15628
|
+
const itemData = vue.ref(props2.data);
|
|
15629
|
+
const bindAttrs = (attrs, field, row) => {
|
|
15630
|
+
const arr = Object.entries(attrs || {}).map(([key, value]) => [
|
|
15631
|
+
key,
|
|
15632
|
+
typeof value === "function" ? value(field, row) : value
|
|
15633
|
+
]);
|
|
15634
|
+
const resolvedAttrs = Object.fromEntries(arr);
|
|
15635
|
+
return resolvedAttrs;
|
|
15636
|
+
};
|
|
15621
15637
|
return (_ctx, _cache) => {
|
|
15622
15638
|
var _a;
|
|
15623
15639
|
return _ctx.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
|
|
15624
15640
|
_ctx.title ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_2$D, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
|
|
15625
15641
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.schema || [], (field) => {
|
|
15626
|
-
return vue.openBlock(), vue.createElementBlock(
|
|
15627
|
-
key: field.id
|
|
15628
|
-
class: "data-row"
|
|
15642
|
+
return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
|
|
15643
|
+
key: field.id
|
|
15629
15644
|
}, [
|
|
15630
|
-
|
|
15631
|
-
|
|
15632
|
-
|
|
15633
|
-
|
|
15634
|
-
|
|
15635
|
-
|
|
15636
|
-
|
|
15637
|
-
|
|
15645
|
+
(field["v-if"] ? field["v-if"](itemData.value[field.id], itemData.value) : true) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$z, [
|
|
15646
|
+
vue.createElementVNode("div", _hoisted_4$k, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1),
|
|
15647
|
+
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(field.$el || "div"), vue.mergeProps({
|
|
15648
|
+
class: "vlue",
|
|
15649
|
+
modelValue: itemData.value[field.id],
|
|
15650
|
+
"onUpdate:modelValue": [($event) => itemData.value[field.id] = $event, ($event) => {
|
|
15651
|
+
var _a2;
|
|
15652
|
+
return (_a2 = field == null ? void 0 : field.onUpdate) == null ? void 0 : _a2.call(field, $event, _ctx.data[field.id], itemData.value);
|
|
15653
|
+
}]
|
|
15654
|
+
}, bindAttrs(field.attrs, itemData.value[field.id], itemData.value)), {
|
|
15655
|
+
default: vue.withCtx(() => {
|
|
15656
|
+
var _a2;
|
|
15657
|
+
return [
|
|
15658
|
+
vue.createTextVNode(vue.toDisplayString(((_a2 = field == null ? void 0 : field.transform) == null ? void 0 : _a2.call(field, itemData.value[field.id] || field.defaultValue, itemData.value)) || itemData.value[field.id] || ""), 1)
|
|
15659
|
+
];
|
|
15660
|
+
}),
|
|
15661
|
+
_: 2
|
|
15662
|
+
}, 1040, ["modelValue", "onUpdate:modelValue"]))
|
|
15663
|
+
])) : vue.createCommentVNode("", true)
|
|
15664
|
+
], 64);
|
|
15638
15665
|
}), 128)),
|
|
15639
|
-
!((_a = _ctx.schema) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div",
|
|
15640
|
-
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.entries(
|
|
15666
|
+
!((_a = _ctx.schema) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$g, [
|
|
15667
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.entries(itemData.value).filter(
|
|
15641
15668
|
([key]) => !keysToIgnore.includes(key)
|
|
15642
15669
|
), ([key, value]) => {
|
|
15643
15670
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
15644
15671
|
class: "data-row",
|
|
15645
15672
|
key
|
|
15646
15673
|
}, [
|
|
15647
|
-
vue.createElementVNode("div",
|
|
15648
|
-
vue.createElementVNode("div",
|
|
15674
|
+
vue.createElementVNode("div", _hoisted_6$d, vue.toDisplayString(vue.unref(i18nT)(vue.unref(keyToLabel)(key))), 1),
|
|
15675
|
+
vue.createElementVNode("div", _hoisted_7$9, vue.toDisplayString(value), 1)
|
|
15649
15676
|
]);
|
|
15650
15677
|
}), 128))
|
|
15651
15678
|
])) : vue.createCommentVNode("", true),
|
|
@@ -15654,7 +15681,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
|
|
|
15654
15681
|
};
|
|
15655
15682
|
}
|
|
15656
15683
|
});
|
|
15657
|
-
const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-
|
|
15684
|
+
const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-dc2757c4"]]);
|
|
15658
15685
|
const _withScopeId$2 = (n) => (vue.pushScopeId("data-v-fe5af582"), n = n(), vue.popScopeId(), n);
|
|
15659
15686
|
const _hoisted_1$I = { class: "bar-chart" };
|
|
15660
15687
|
const _hoisted_2$C = {
|
|
@@ -17045,13 +17072,17 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
|
|
|
17045
17072
|
(v) => {
|
|
17046
17073
|
if (v === void 0 || v === val.value)
|
|
17047
17074
|
return;
|
|
17075
|
+
console.log("v", v);
|
|
17048
17076
|
val.value = v;
|
|
17049
17077
|
},
|
|
17050
17078
|
{ immediate: true }
|
|
17051
17079
|
);
|
|
17052
17080
|
vue.watch(
|
|
17053
17081
|
() => val.value,
|
|
17054
|
-
(v) =>
|
|
17082
|
+
(v) => {
|
|
17083
|
+
if (v !== props2.modelValue)
|
|
17084
|
+
emits("update:modelValue", v);
|
|
17085
|
+
}
|
|
17055
17086
|
);
|
|
17056
17087
|
return (_ctx, _cache) => {
|
|
17057
17088
|
return vue.openBlock(), vue.createElementBlock("label", _hoisted_1$H, [
|
|
@@ -17068,7 +17099,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
|
|
|
17068
17099
|
};
|
|
17069
17100
|
}
|
|
17070
17101
|
});
|
|
17071
|
-
const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-
|
|
17102
|
+
const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-6b168ea9"]]);
|
|
17072
17103
|
const _hoisted_1$G = { class: "bagel-input" };
|
|
17073
17104
|
const _hoisted_2$B = { class: "mt-1" };
|
|
17074
17105
|
const _hoisted_3$x = {
|
|
@@ -17743,7 +17774,8 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
|
|
|
17743
17774
|
props: {
|
|
17744
17775
|
context: {},
|
|
17745
17776
|
dragDropLabel: { default: "Drag and drop your files here" },
|
|
17746
|
-
browseLabel: { default: "or browse" }
|
|
17777
|
+
browseLabel: { default: "or browse" },
|
|
17778
|
+
multiple: { type: Boolean, default: false }
|
|
17747
17779
|
},
|
|
17748
17780
|
setup(__props) {
|
|
17749
17781
|
const bagel = useBagel();
|
|
@@ -17761,9 +17793,12 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
|
|
|
17761
17793
|
var _a, _b;
|
|
17762
17794
|
return ((_b = (_a = props2 == null ? void 0 : props2.context) == null ? void 0 : _a.attrs) == null ? void 0 : _b.browseLabel) || (props2 == null ? void 0 : props2.browseLabel);
|
|
17763
17795
|
});
|
|
17796
|
+
const computedMultiple = vue.computed(() => {
|
|
17797
|
+
var _a, _b;
|
|
17798
|
+
return !!(((_b = (_a = props2 == null ? void 0 : props2.context) == null ? void 0 : _a.attrs) == null ? void 0 : _b.multiple) || (props2 == null ? void 0 : props2.multiple));
|
|
17799
|
+
});
|
|
17764
17800
|
const allowUpload = vue.computed(() => {
|
|
17765
|
-
|
|
17766
|
-
const tooManyFiles = !((_a = props2.context) == null ? void 0 : _a.attrs.multiple) && files.value.length > 0;
|
|
17801
|
+
const tooManyFiles = !computedMultiple.value && files.value.length > 0;
|
|
17767
17802
|
return !tooManyFiles;
|
|
17768
17803
|
});
|
|
17769
17804
|
const openFileDialog = () => {
|
|
@@ -17783,9 +17818,9 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
|
|
|
17783
17818
|
(_h = (_g = (_f = dropCircle.value) == null ? void 0 : _f.style) == null ? void 0 : _g.setProperty) == null ? void 0 : _h.call(_g, "top", `${top2}px`);
|
|
17784
17819
|
}
|
|
17785
17820
|
function emitValue() {
|
|
17786
|
-
var _a
|
|
17787
|
-
if (!
|
|
17788
|
-
return (
|
|
17821
|
+
var _a;
|
|
17822
|
+
if (!computedMultiple.value)
|
|
17823
|
+
return (_a = props2.context) == null ? void 0 : _a.node.input(files.value[0].serverFile);
|
|
17789
17824
|
return alert("not implemented");
|
|
17790
17825
|
}
|
|
17791
17826
|
const isImg = (file) => {
|
|
@@ -17839,16 +17874,16 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
|
|
|
17839
17874
|
uploadFiles();
|
|
17840
17875
|
}
|
|
17841
17876
|
vue.onMounted(() => {
|
|
17842
|
-
var _a, _b, _c, _d, _e, _f, _g
|
|
17877
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
17843
17878
|
(_a = dropZoneEl.value) == null ? void 0 : _a.addEventListener("dragover", animateCircle);
|
|
17844
|
-
if (!
|
|
17879
|
+
if (!computedMultiple.value && ((_b = props2.context) == null ? void 0 : _b.value)) {
|
|
17845
17880
|
files.value.push({
|
|
17846
|
-
serverFile: (
|
|
17881
|
+
serverFile: (_c = props2.context) == null ? void 0 : _c.value,
|
|
17847
17882
|
uploaded: true,
|
|
17848
17883
|
uploading: false,
|
|
17849
17884
|
progress: 100,
|
|
17850
|
-
dataUrl: (
|
|
17851
|
-
name: (
|
|
17885
|
+
dataUrl: (_e = (_d = props2.context) == null ? void 0 : _d.value) == null ? void 0 : _e.url,
|
|
17886
|
+
name: (_g = (_f = props2.context) == null ? void 0 : _f.value) == null ? void 0 : _g.name
|
|
17852
17887
|
});
|
|
17853
17888
|
}
|
|
17854
17889
|
});
|
|
@@ -17869,7 +17904,6 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
|
|
|
17869
17904
|
void addFiles(filesToAdd);
|
|
17870
17905
|
}
|
|
17871
17906
|
return (_ctx, _cache) => {
|
|
17872
|
-
var _a;
|
|
17873
17907
|
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
|
|
17874
17908
|
vue.createElementVNode("div", {
|
|
17875
17909
|
ref_key: "dropZoneEl",
|
|
@@ -17941,7 +17975,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
|
|
|
17941
17975
|
onChange: handleFileInput,
|
|
17942
17976
|
ref_key: "fileInputEl",
|
|
17943
17977
|
ref: fileInputEl,
|
|
17944
|
-
multiple:
|
|
17978
|
+
multiple: computedMultiple.value
|
|
17945
17979
|
}, null, 40, _hoisted_8$1)
|
|
17946
17980
|
]);
|
|
17947
17981
|
};
|
|
@@ -18125,7 +18159,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
|
|
|
18125
18159
|
}, [
|
|
18126
18160
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(variables.value, (v) => {
|
|
18127
18161
|
var _a;
|
|
18128
|
-
return vue.openBlock(), vue.createBlock(vue.unref(
|
|
18162
|
+
return vue.openBlock(), vue.createBlock(vue.unref(TextInput), {
|
|
18129
18163
|
key: v,
|
|
18130
18164
|
placeholder: `Variable ${v}`,
|
|
18131
18165
|
modelValue: (_a = vue.unref(val)) == null ? void 0 : _a[v - 1],
|
|
@@ -21978,7 +22012,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
|
|
|
21978
22012
|
});
|
|
21979
22013
|
const _hoisted_1$h = ["title"];
|
|
21980
22014
|
const _hoisted_2$e = ["for"];
|
|
21981
|
-
const _hoisted_3$c = ["id", "placeholder", "required", "pattern"];
|
|
22015
|
+
const _hoisted_3$c = ["id", "type", "placeholder", "disabled", "required", "pattern"];
|
|
21982
22016
|
const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
21983
22017
|
__name: "TextInput",
|
|
21984
22018
|
props: {
|
|
@@ -21987,10 +22021,12 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
21987
22021
|
placeholder: {},
|
|
21988
22022
|
modelValue: { default: "" },
|
|
21989
22023
|
label: {},
|
|
21990
|
-
editMode: { type: Boolean, default: true },
|
|
21991
22024
|
small: { type: Boolean },
|
|
21992
22025
|
required: { type: Boolean },
|
|
21993
22026
|
pattern: {},
|
|
22027
|
+
shrink: { type: Boolean },
|
|
22028
|
+
toggleEdit: { type: Boolean, default: false },
|
|
22029
|
+
type: { default: "text" },
|
|
21994
22030
|
nativeInputAttrs: {}
|
|
21995
22031
|
},
|
|
21996
22032
|
emits: ["update:modelValue", "debounce"],
|
|
@@ -21998,9 +22034,28 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
21998
22034
|
const emit2 = __emit;
|
|
21999
22035
|
const props2 = __props;
|
|
22000
22036
|
let inputVal = vue.ref();
|
|
22037
|
+
let editMode = vue.ref(!props2.toggleEdit);
|
|
22038
|
+
const input2 = vue.ref();
|
|
22039
|
+
const toggleEditAction = () => {
|
|
22040
|
+
if (editMode.value) {
|
|
22041
|
+
editMode.value = false;
|
|
22042
|
+
emit2("debounce", inputVal.value);
|
|
22043
|
+
emit2("update:modelValue", inputVal.value);
|
|
22044
|
+
} else {
|
|
22045
|
+
editMode.value = true;
|
|
22046
|
+
setTimeout(() => {
|
|
22047
|
+
var _a;
|
|
22048
|
+
return (_a = input2.value) == null ? void 0 : _a.focus();
|
|
22049
|
+
}, 10);
|
|
22050
|
+
}
|
|
22051
|
+
};
|
|
22001
22052
|
vue.watch(
|
|
22002
22053
|
() => inputVal.value,
|
|
22003
22054
|
(newVal) => {
|
|
22055
|
+
if (props2.toggleEdit)
|
|
22056
|
+
return;
|
|
22057
|
+
if (newVal === props2.modelValue)
|
|
22058
|
+
return;
|
|
22004
22059
|
emit2("update:modelValue", newVal);
|
|
22005
22060
|
debounce(() => emit2("debounce", newVal));
|
|
22006
22061
|
}
|
|
@@ -22015,7 +22070,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
22015
22070
|
);
|
|
22016
22071
|
return (_ctx, _cache) => {
|
|
22017
22072
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
22018
|
-
class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
|
|
22073
|
+
class: vue.normalizeClass(["bagel-input", { small: _ctx.small, shrink: _ctx.shrink, toggleEdit: _ctx.toggleEdit, editMode: vue.unref(editMode) }]),
|
|
22019
22074
|
title: _ctx.title
|
|
22020
22075
|
}, [
|
|
22021
22076
|
vue.createElementVNode("label", { for: _ctx.id }, [
|
|
@@ -22023,19 +22078,33 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
22023
22078
|
vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
|
|
22024
22079
|
id: _ctx.id,
|
|
22025
22080
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(inputVal) ? inputVal.value = $event : inputVal = $event),
|
|
22026
|
-
type:
|
|
22081
|
+
type: _ctx.type,
|
|
22082
|
+
ref_key: "input",
|
|
22083
|
+
ref: input2,
|
|
22027
22084
|
placeholder: _ctx.placeholder || _ctx.label,
|
|
22028
|
-
|
|
22085
|
+
disabled: !vue.unref(editMode),
|
|
22029
22086
|
required: _ctx.required,
|
|
22030
22087
|
pattern: _ctx.pattern
|
|
22031
|
-
}, _ctx.nativeInputAttrs
|
|
22032
|
-
|
|
22088
|
+
}, _ctx.nativeInputAttrs, {
|
|
22089
|
+
onDblclick: toggleEditAction,
|
|
22090
|
+
onKeydown: vue.withKeys(toggleEditAction, ["enter"])
|
|
22091
|
+
}), null, 16, _hoisted_3$c), [
|
|
22092
|
+
[vue.vModelDynamic, vue.unref(inputVal)]
|
|
22033
22093
|
])
|
|
22034
|
-
], 8, _hoisted_2$e)
|
|
22094
|
+
], 8, _hoisted_2$e),
|
|
22095
|
+
_ctx.toggleEdit ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
|
|
22096
|
+
key: 0,
|
|
22097
|
+
class: "toggleEditBtn",
|
|
22098
|
+
thin: "",
|
|
22099
|
+
onClick: toggleEditAction,
|
|
22100
|
+
icon: vue.unref(editMode) ? "check" : "edit",
|
|
22101
|
+
flat: ""
|
|
22102
|
+
}, null, 8, ["icon"])) : vue.createCommentVNode("", true)
|
|
22035
22103
|
], 10, _hoisted_1$h);
|
|
22036
22104
|
};
|
|
22037
22105
|
}
|
|
22038
22106
|
});
|
|
22107
|
+
const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-7b082166"]]);
|
|
22039
22108
|
const _hoisted_1$g = ["title"];
|
|
22040
22109
|
const _hoisted_2$d = { key: 0 };
|
|
22041
22110
|
const _hoisted_3$b = {
|
|
@@ -28840,7 +28909,7 @@ exports.TabbedLayout = TabbedLayout;
|
|
|
28840
28909
|
exports.TableField = TableField;
|
|
28841
28910
|
exports.TableSchema = TableSchema;
|
|
28842
28911
|
exports.TextArea = TextArea;
|
|
28843
|
-
exports.TextInput =
|
|
28912
|
+
exports.TextInput = TextInput;
|
|
28844
28913
|
exports.TextVariableExamples = _sfc_main$q;
|
|
28845
28914
|
exports.TextVariablesInput = TextVariablesInput;
|
|
28846
28915
|
exports.ToggleSwitchInput = ToggleSwitchInput;
|