@bagelink/vue 0.0.661 → 0.0.665
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/TableSchema.vue.d.ts +30 -51
- package/dist/components/TableSchema.vue.d.ts.map +1 -1
- package/dist/components/form/BglField.vue.d.ts +18 -31
- package/dist/components/form/BglField.vue.d.ts.map +1 -1
- package/dist/components/layout/TabbedLayout.vue.d.ts.map +1 -1
- package/dist/composables/index.d.ts +3 -3
- package/dist/composables/index.d.ts.map +1 -1
- package/dist/index.cjs +4 -4
- package/dist/index.mjs +4 -4
- package/dist/style.css +50 -50
- package/dist/types/BagelForm.d.ts +9 -7
- package/dist/types/BagelForm.d.ts.map +1 -1
- package/dist/utils/BagelFormUtils.d.ts +1 -1
- package/dist/utils/BagelFormUtils.d.ts.map +1 -1
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/TableSchema.vue +4 -4
- package/src/components/form/BglField.vue +6 -6
- package/src/components/layout/TabbedLayout.vue +1 -1
- package/src/composables/index.ts +6 -6
- package/src/types/BagelForm.ts +9 -7
- package/src/utils/BagelFormUtils.ts +1 -1
- package/src/utils/index.ts +2 -2
|
@@ -1,55 +1,34 @@
|
|
|
1
1
|
import { BglFormSchemaT } from '..';
|
|
2
2
|
|
|
3
|
-
declare
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
};
|
|
33
|
-
data: {
|
|
34
|
-
type: import('vue').PropType<any[]>;
|
|
35
|
-
required: true;
|
|
36
|
-
};
|
|
37
|
-
schema: {
|
|
38
|
-
type: import('vue').PropType<BglFormSchemaT | (() => BglFormSchemaT)>;
|
|
39
|
-
};
|
|
40
|
-
showFields: {
|
|
41
|
-
type: import('vue').PropType<string[]>;
|
|
42
|
-
};
|
|
43
|
-
}>> & {
|
|
44
|
-
onSelect?: ((...args: any[]) => any) | undefined;
|
|
45
|
-
"onUpdate:selectedItems"?: ((...args: any[]) => any) | undefined;
|
|
46
|
-
onOrderBy?: ((...args: any[]) => any) | undefined;
|
|
47
|
-
}, {}, {}>;
|
|
48
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
49
|
-
export default _default;
|
|
50
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
51
|
-
new (): {
|
|
52
|
-
$slots: S;
|
|
53
|
-
};
|
|
3
|
+
declare const _default: <T extends Record<string, any>>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4
|
+
props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{
|
|
5
|
+
onSelect?: ((...args: any[]) => any) | undefined;
|
|
6
|
+
"onUpdate:selectedItems"?: ((...args: any[]) => any) | undefined;
|
|
7
|
+
onOrderBy?: ((...args: any[]) => any) | undefined;
|
|
8
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {
|
|
9
|
+
onSelect?: ((...args: any[]) => any) | undefined;
|
|
10
|
+
"onUpdate:selectedItems"?: ((...args: any[]) => any) | undefined;
|
|
11
|
+
onOrderBy?: ((...args: any[]) => any) | undefined;
|
|
12
|
+
}, never>) & ({
|
|
13
|
+
selectedItems?: string[];
|
|
14
|
+
data: T[];
|
|
15
|
+
schema?: BglFormSchemaT<T> | (() => BglFormSchemaT<T>);
|
|
16
|
+
showFields?: string[];
|
|
17
|
+
} & {
|
|
18
|
+
loading?: any;
|
|
19
|
+
itemHeight?: any;
|
|
20
|
+
}), keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
|
|
21
|
+
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
22
|
+
attrs: any;
|
|
23
|
+
slots: ReturnType<() => Partial<Record<string, (_: {
|
|
24
|
+
row: Record<string, any>;
|
|
25
|
+
field: import('..').Field<T>;
|
|
26
|
+
}) => any>>>;
|
|
27
|
+
emit: (event: "select" | "update:selectedItems" | "orderBy", ...args: any[]) => void;
|
|
28
|
+
}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
29
|
+
[key: string]: any;
|
|
30
|
+
}> & {
|
|
31
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
54
32
|
};
|
|
33
|
+
export default _default;
|
|
55
34
|
//# sourceMappingURL=TableSchema.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,cAAc,EAKnB,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,cAAc,EAKnB,MAAM,eAAe,CAAA;yBAKL,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eACjC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,OAAO,CAAC,cACrC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC1E,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAwiB1D,cAAc,CAAC,gCAAgC,CAAC;;;;;;;;;wBAZtC,MAAM,EAAE;cAClB,CAAC,EAAE;iBACA,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC;qBACzC,MAAM,EAAE;;kBAEV,GAAG;qBACA,GAAG;MAMuG,6EAAkC,CAAC,6GAAwD;oBACpM,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;;;UApDqE,GAAG,GAoDjD;;;;;YAII,OAAO,CAAC,OAAO,WAAW,CAAC;;AAljBvE,wBAkjB2E"}
|
|
@@ -1,37 +1,24 @@
|
|
|
1
1
|
import { Field } from '../..';
|
|
2
2
|
|
|
3
|
-
declare const _default:
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
export default _default;
|
|
21
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
22
|
-
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
23
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
24
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
25
|
-
} : {
|
|
26
|
-
type: import('vue').PropType<T[K]>;
|
|
27
|
-
required: true;
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
type __VLS_WithDefaults<P, D> = {
|
|
31
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
32
|
-
default: D[K];
|
|
33
|
-
}> : P[K];
|
|
3
|
+
declare const _default: <T extends Record<string, any>>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4
|
+
props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{
|
|
5
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
6
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {
|
|
7
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
8
|
+
}, never>) & {
|
|
9
|
+
field: Field<T>;
|
|
10
|
+
modelValue: Record<string, any>;
|
|
11
|
+
}, keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
|
|
12
|
+
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
13
|
+
attrs: any;
|
|
14
|
+
slots: ReturnType<() => {}>;
|
|
15
|
+
emit: (event: "update:modelValue", ...args: any[]) => void;
|
|
16
|
+
}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
17
|
+
[key: string]: any;
|
|
18
|
+
}> & {
|
|
19
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
34
20
|
};
|
|
21
|
+
export default _default;
|
|
35
22
|
type __VLS_Prettify<T> = {
|
|
36
23
|
[K in keyof T]: T[K];
|
|
37
24
|
} & {};
|
|
@@ -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;yBAGL,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eACjC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,OAAO,CAAC,cACrC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC1E,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA4J1D,cAAc,CAAC,gCAAgC,CAAC;;;;;eAP9C,KAAK,CAAC,CAAC,CAAC;oBACH,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;KAMwF,6EAAkC,CAAC,6GAAwD;oBACpM,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU,UAAuB;;;;;YAII,OAAO,CAAC,OAAO,WAAW,CAAC;;AAtKvE,wBAsK2E;AAQ3E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabbedLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/TabbedLayout.vue"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,EAAa,KAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"TabbedLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/TabbedLayout.vue"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,EAAa,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAqCzC,iBAAS,cAAc;;MAmI+D,GAAG;2BAErD,GAAG;EAGtC;AAiBD,QAAA,MAAM,eAAe;YAMZ,MAAM;UACR,MAAM,EAAE;iBACD,MAAM;aACV,GAAG,CAAC,MAAM,CAAC;eACT,OAAO;;;;YAJV,MAAM;UACR,MAAM,EAAE;iBACD,MAAM;aACV,GAAG,CAAC,MAAM,CAAC;eACT,OAAO;;;UAGjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,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,12 +1,12 @@
|
|
|
1
1
|
import { BglFormSchemaFnT, BglFormSchemaT } from '..';
|
|
2
2
|
import { Ref, UnwrapRef } from 'vue';
|
|
3
3
|
|
|
4
|
-
interface useBglSchemaParamsT {
|
|
5
|
-
schema?: BglFormSchemaFnT
|
|
4
|
+
interface useBglSchemaParamsT<T> {
|
|
5
|
+
schema?: BglFormSchemaFnT<T>;
|
|
6
6
|
showFields?: string[];
|
|
7
7
|
data?: any[];
|
|
8
8
|
}
|
|
9
|
-
export declare function useBglSchema({ schema, showFields, data }?: useBglSchemaParamsT): BglFormSchemaT
|
|
9
|
+
export declare function useBglSchema<T = Record<string, unknown>>({ schema, showFields, data }?: useBglSchemaParamsT<T>): BglFormSchemaT<T>;
|
|
10
10
|
export declare function useLocalStorage<T>(key: string, initialValue: T): Ref<UnwrapRef<T>>;
|
|
11
11
|
export {};
|
|
12
12
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAqB,MAAM,eAAe,CAAA;AAC7F,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAGzC,UAAU,mBAAmB;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAqB,MAAM,eAAe,CAAA;AAC7F,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAGzC,UAAU,mBAAmB,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;CACZ;AAED,wBAAgB,YAAY,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACvD,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,GAAE,mBAAmB,CAAC,CAAC,CAAM,GACvD,cAAc,CAAC,CAAC,CAAC,CAanB;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAUlF"}
|
package/dist/index.cjs
CHANGED
|
@@ -6364,7 +6364,7 @@ function useVerticalVirtualList(options, list) {
|
|
|
6364
6364
|
containerRef
|
|
6365
6365
|
};
|
|
6366
6366
|
}
|
|
6367
|
-
const _withScopeId$3 = (n2) => (vue.pushScopeId("data-v-
|
|
6367
|
+
const _withScopeId$3 = (n2) => (vue.pushScopeId("data-v-e893b127"), n2 = n2(), vue.popScopeId(), n2);
|
|
6368
6368
|
const _hoisted_1$D = {
|
|
6369
6369
|
key: 0,
|
|
6370
6370
|
class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
|
|
@@ -6398,7 +6398,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
|
|
|
6398
6398
|
emits: /* @__PURE__ */ vue.mergeModels(["update:selectedItems", "orderBy", "select"], ["update:loading", "update:itemHeight"]),
|
|
6399
6399
|
setup(__props, { emit: __emit }) {
|
|
6400
6400
|
vue.useCssVars((_ctx) => ({
|
|
6401
|
-
"
|
|
6401
|
+
"f952eb70": vue.unref(computedItemHiehgt)
|
|
6402
6402
|
}));
|
|
6403
6403
|
const props2 = __props;
|
|
6404
6404
|
const emit2 = __emit;
|
|
@@ -6603,7 +6603,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
|
|
|
6603
6603
|
};
|
|
6604
6604
|
}
|
|
6605
6605
|
});
|
|
6606
|
-
const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-
|
|
6606
|
+
const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-e893b127"]]);
|
|
6607
6607
|
const _sfc_main$F = {};
|
|
6608
6608
|
const _hoisted_1$C = { class: "flex space-between" };
|
|
6609
6609
|
function _sfc_render$1(_ctx, _cache) {
|
|
@@ -53774,7 +53774,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
53774
53774
|
};
|
|
53775
53775
|
}
|
|
53776
53776
|
});
|
|
53777
|
-
const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
53777
|
+
const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-448ab039"]]);
|
|
53778
53778
|
const countryArray = [
|
|
53779
53779
|
["Afghanistan (افغانستان)", "AF", "93"],
|
|
53780
53780
|
["Albania (Shqipëri)", "AL", "355"],
|
package/dist/index.mjs
CHANGED
|
@@ -6362,7 +6362,7 @@ function useVerticalVirtualList(options, list) {
|
|
|
6362
6362
|
containerRef
|
|
6363
6363
|
};
|
|
6364
6364
|
}
|
|
6365
|
-
const _withScopeId$3 = (n2) => (pushScopeId("data-v-
|
|
6365
|
+
const _withScopeId$3 = (n2) => (pushScopeId("data-v-e893b127"), n2 = n2(), popScopeId(), n2);
|
|
6366
6366
|
const _hoisted_1$D = {
|
|
6367
6367
|
key: 0,
|
|
6368
6368
|
class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
|
|
@@ -6396,7 +6396,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
|
6396
6396
|
emits: /* @__PURE__ */ mergeModels(["update:selectedItems", "orderBy", "select"], ["update:loading", "update:itemHeight"]),
|
|
6397
6397
|
setup(__props, { emit: __emit }) {
|
|
6398
6398
|
useCssVars((_ctx) => ({
|
|
6399
|
-
"
|
|
6399
|
+
"f952eb70": unref(computedItemHiehgt)
|
|
6400
6400
|
}));
|
|
6401
6401
|
const props2 = __props;
|
|
6402
6402
|
const emit2 = __emit;
|
|
@@ -6601,7 +6601,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
|
6601
6601
|
};
|
|
6602
6602
|
}
|
|
6603
6603
|
});
|
|
6604
|
-
const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-
|
|
6604
|
+
const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-e893b127"]]);
|
|
6605
6605
|
const _sfc_main$F = {};
|
|
6606
6606
|
const _hoisted_1$C = { class: "flex space-between" };
|
|
6607
6607
|
function _sfc_render$1(_ctx, _cache) {
|
|
@@ -53772,7 +53772,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
53772
53772
|
};
|
|
53773
53773
|
}
|
|
53774
53774
|
});
|
|
53775
|
-
const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
53775
|
+
const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-448ab039"]]);
|
|
53776
53776
|
const countryArray = [
|
|
53777
53777
|
["Afghanistan (افغانستان)", "AF", "93"],
|
|
53778
53778
|
["Albania (Shqipëri)", "AL", "355"],
|
package/dist/style.css
CHANGED
|
@@ -647,19 +647,19 @@ a[data-v-26f1062f] {
|
|
|
647
647
|
}
|
|
648
648
|
}
|
|
649
649
|
|
|
650
|
-
.selected[data-v-
|
|
650
|
+
.selected[data-v-e893b127] {
|
|
651
651
|
background: var(--bgl-primary-tint);
|
|
652
652
|
}
|
|
653
|
-
tbody tr.selected[data-v-
|
|
653
|
+
tbody tr.selected[data-v-e893b127]:hover {
|
|
654
654
|
background: var(--bgl-primary-light);
|
|
655
655
|
}
|
|
656
|
-
.loading-table[data-v-
|
|
656
|
+
.loading-table[data-v-e893b127] {
|
|
657
657
|
position: relative;
|
|
658
658
|
}
|
|
659
|
-
.inset[data-v-
|
|
659
|
+
.inset[data-v-e893b127] {
|
|
660
660
|
inset: 0;
|
|
661
661
|
}
|
|
662
|
-
.loading-table-animation[data-v-
|
|
662
|
+
.loading-table-animation[data-v-e893b127] {
|
|
663
663
|
--size: 60px;
|
|
664
664
|
top: 30vh;
|
|
665
665
|
inset-inline-start: calc(50% - var(--size));
|
|
@@ -667,9 +667,9 @@ tbody tr.selected[data-v-323b7449]:hover {
|
|
|
667
667
|
border-top: 4px solid var(--bgl-primary);
|
|
668
668
|
width: var(--size);
|
|
669
669
|
height: var(--size);
|
|
670
|
-
animation: loading-table-
|
|
670
|
+
animation: loading-table-e893b127 1s linear infinite;
|
|
671
671
|
}
|
|
672
|
-
@keyframes loading-table-
|
|
672
|
+
@keyframes loading-table-e893b127 {
|
|
673
673
|
0% {
|
|
674
674
|
transform: translate(-50%, -50%) rotate(0deg);
|
|
675
675
|
}
|
|
@@ -677,52 +677,52 @@ tbody tr.selected[data-v-323b7449]:hover {
|
|
|
677
677
|
transform: translate(-50%, -50%) rotate(360deg);
|
|
678
678
|
}
|
|
679
679
|
}
|
|
680
|
-
.list-arrows[data-v-
|
|
680
|
+
.list-arrows[data-v-e893b127] {
|
|
681
681
|
opacity: 0;
|
|
682
682
|
}
|
|
683
|
-
.list-arrows .bgl_icon-font[data-v-
|
|
683
|
+
.list-arrows .bgl_icon-font[data-v-e893b127] {
|
|
684
684
|
transition: all ease-in-out 0.2s;
|
|
685
685
|
}
|
|
686
|
-
.list-arrows.sorted[data-v-
|
|
686
|
+
.list-arrows.sorted[data-v-e893b127] {
|
|
687
687
|
opacity: 1;
|
|
688
688
|
}
|
|
689
|
-
.col img[data-v-
|
|
689
|
+
.col img[data-v-e893b127] {
|
|
690
690
|
height: 35px;
|
|
691
691
|
margin-top: -14px;
|
|
692
692
|
margin-bottom: -14px;
|
|
693
693
|
border-radius: 5px;
|
|
694
694
|
}
|
|
695
|
-
.list-arrows.sorted .desc[data-v-
|
|
695
|
+
.list-arrows.sorted .desc[data-v-e893b127] {
|
|
696
696
|
transform: rotate(180deg);
|
|
697
697
|
display: inline-block;
|
|
698
698
|
}
|
|
699
|
-
table[data-v-
|
|
699
|
+
table[data-v-e893b127] {
|
|
700
700
|
border-collapse: separate;
|
|
701
701
|
border-spacing: 0 15px;
|
|
702
702
|
border-collapse: collapse;
|
|
703
703
|
width: 100%;
|
|
704
704
|
}
|
|
705
|
-
th[data-v-
|
|
705
|
+
th[data-v-e893b127] {
|
|
706
706
|
font-size: 0.8rem;
|
|
707
707
|
color: var(--bgl-black-tint);
|
|
708
708
|
position: sticky;
|
|
709
709
|
top: 0;
|
|
710
710
|
z-index: 2;
|
|
711
711
|
background: var(--bgl-white);
|
|
712
|
-
height: var(--
|
|
712
|
+
height: var(--f952eb70);
|
|
713
713
|
vertical-align: bottom;
|
|
714
714
|
font-weight: 400;
|
|
715
715
|
text-align: start;
|
|
716
716
|
}
|
|
717
|
-
.embedded-field[data-v-
|
|
717
|
+
.embedded-field[data-v-e893b127] {
|
|
718
718
|
margin-bottom: -0.2rem;
|
|
719
719
|
margin-top: -0.2rem;
|
|
720
720
|
}
|
|
721
|
-
.row[data-v-
|
|
721
|
+
.row[data-v-e893b127] {
|
|
722
722
|
border-bottom: 1px solid var(--border-color);
|
|
723
723
|
cursor: pointer;
|
|
724
724
|
}
|
|
725
|
-
.row.first-row[data-v-
|
|
725
|
+
.row.first-row[data-v-e893b127] {
|
|
726
726
|
font-size: 0.8rem;
|
|
727
727
|
color: var(--bgl-black-tint);
|
|
728
728
|
position: sticky;
|
|
@@ -731,7 +731,7 @@ th[data-v-323b7449] {
|
|
|
731
731
|
background: var(--bgl-white);
|
|
732
732
|
vertical-align: bottom;
|
|
733
733
|
}
|
|
734
|
-
.row.first-row[data-v-
|
|
734
|
+
.row.first-row[data-v-e893b127]::after {
|
|
735
735
|
content: '';
|
|
736
736
|
border-bottom: 1px solid var(--border-color);
|
|
737
737
|
position: absolute;
|
|
@@ -739,30 +739,30 @@ th[data-v-323b7449] {
|
|
|
739
739
|
right: 0;
|
|
740
740
|
bottom: -1px;
|
|
741
741
|
}
|
|
742
|
-
.first-row .col[data-v-
|
|
742
|
+
.first-row .col[data-v-e893b127] {
|
|
743
743
|
cursor: pointer;
|
|
744
744
|
background: var(--bgl-white);
|
|
745
745
|
}
|
|
746
|
-
.col[data-v-
|
|
746
|
+
.col[data-v-e893b127] {
|
|
747
747
|
white-space: nowrap;
|
|
748
748
|
padding: 0.75rem 1rem;
|
|
749
749
|
transition: var(--bgl-transition);
|
|
750
750
|
line-height: 1;
|
|
751
751
|
align-items: center;
|
|
752
752
|
}
|
|
753
|
-
.col[data-v-
|
|
753
|
+
.col[data-v-e893b127]:has(.bagel-input) {
|
|
754
754
|
padding: 0rem 0.25rem;
|
|
755
755
|
}
|
|
756
|
-
.col > div[data-v-
|
|
756
|
+
.col > div[data-v-e893b127] {
|
|
757
757
|
display: flex;
|
|
758
758
|
gap: 0.5rem;
|
|
759
759
|
}
|
|
760
|
-
.max-col-width[data-v-
|
|
760
|
+
.max-col-width[data-v-e893b127] {
|
|
761
761
|
max-width: 30vw;
|
|
762
762
|
overflow: hidden;
|
|
763
763
|
text-overflow: ellipsis;
|
|
764
764
|
}
|
|
765
|
-
.col.check .bgl_icon-font[data-v-
|
|
765
|
+
.col.check .bgl_icon-font[data-v-e893b127] {
|
|
766
766
|
border-radius: 100%;
|
|
767
767
|
background: var(--bgl-blue-20);
|
|
768
768
|
color: var(--bgl-primary);
|
|
@@ -773,35 +773,35 @@ th[data-v-323b7449] {
|
|
|
773
773
|
justify-content: center;
|
|
774
774
|
margin-top: -2px;
|
|
775
775
|
}
|
|
776
|
-
.rows[data-v-
|
|
776
|
+
.rows[data-v-e893b127] {
|
|
777
777
|
font-size: 0.88em;
|
|
778
778
|
}
|
|
779
|
-
.table-list[data-v-
|
|
779
|
+
.table-list[data-v-e893b127] {
|
|
780
780
|
height: 100%;
|
|
781
781
|
position: relative;
|
|
782
782
|
padding-left: 0 !important;
|
|
783
783
|
padding-right: 0 !important;
|
|
784
784
|
overflow: auto;
|
|
785
785
|
}
|
|
786
|
-
.BagelTable .table-list[data-v-
|
|
786
|
+
.BagelTable .table-list[data-v-e893b127] {
|
|
787
787
|
overflow: unset;
|
|
788
788
|
}
|
|
789
|
-
.row-item[data-v-
|
|
790
|
-
height: var(--
|
|
789
|
+
.row-item[data-v-e893b127] {
|
|
790
|
+
height: var(--f952eb70);
|
|
791
791
|
transition: all 200ms ease;
|
|
792
792
|
}
|
|
793
|
-
.row-item[data-v-
|
|
793
|
+
.row-item[data-v-e893b127]:hover {
|
|
794
794
|
background: var(--bgl-gray-light);
|
|
795
795
|
}
|
|
796
|
-
.row-item input[type='checkbox'][data-v-
|
|
796
|
+
.row-item input[type='checkbox'][data-v-e893b127] {
|
|
797
797
|
margin-top: 0.45rem !important;
|
|
798
798
|
accent-color: var(--bgl-accent-color);
|
|
799
799
|
}
|
|
800
|
-
.infinite-wrapper[data-v-
|
|
800
|
+
.infinite-wrapper[data-v-e893b127] {
|
|
801
801
|
overflow-y: auto;
|
|
802
802
|
width: 100%;
|
|
803
803
|
}
|
|
804
|
-
input[type='checkbox'][data-v-
|
|
804
|
+
input[type='checkbox'][data-v-e893b127] {
|
|
805
805
|
margin-top: 0.3rem !important;
|
|
806
806
|
accent-color: var(--bgl-accent-color);
|
|
807
807
|
transform: scale(1.2);
|
|
@@ -813,7 +813,7 @@ input[type='checkbox'][data-v-323b7449] {
|
|
|
813
813
|
height: 0.85rem;
|
|
814
814
|
width: 0.85rem;
|
|
815
815
|
}
|
|
816
|
-
input[type='checkbox'][data-v-
|
|
816
|
+
input[type='checkbox'][data-v-e893b127]::before {
|
|
817
817
|
content: '';
|
|
818
818
|
height: 0.85rem;
|
|
819
819
|
width: 0.85rem;
|
|
@@ -826,18 +826,18 @@ input[type='checkbox'][data-v-323b7449]::before {
|
|
|
826
826
|
transform: scale(1);
|
|
827
827
|
position: absolute;
|
|
828
828
|
}
|
|
829
|
-
input[type='checkbox'][data-v-
|
|
829
|
+
input[type='checkbox'][data-v-e893b127]:hover::before {
|
|
830
830
|
opacity: 0.2;
|
|
831
831
|
transform: scale(2);
|
|
832
832
|
}
|
|
833
|
-
[lang='he'] [dir='ltr'][data-v-
|
|
833
|
+
[lang='he'] [dir='ltr'][data-v-e893b127] {
|
|
834
834
|
text-align: right;
|
|
835
835
|
}
|
|
836
|
-
th input[type='checkbox'][data-v-
|
|
836
|
+
th input[type='checkbox'][data-v-e893b127] {
|
|
837
837
|
transform: translateY(0.2rem) scale(1.2);
|
|
838
838
|
accent-color: var(--bgl-accent-color);
|
|
839
839
|
}
|
|
840
|
-
th[data-v-
|
|
840
|
+
th[data-v-e893b127]::after {
|
|
841
841
|
content: '';
|
|
842
842
|
border-bottom: 1px solid var(--border-color);
|
|
843
843
|
position: absolute;
|
|
@@ -845,24 +845,24 @@ th[data-v-323b7449]::after {
|
|
|
845
845
|
right: 0;
|
|
846
846
|
bottom: -1px;
|
|
847
847
|
}
|
|
848
|
-
tr[data-v-
|
|
848
|
+
tr[data-v-e893b127] {
|
|
849
849
|
border-bottom: 1px solid var(--border-color);
|
|
850
850
|
cursor: pointer;
|
|
851
851
|
align-items: center;
|
|
852
852
|
}
|
|
853
|
-
td[data-v-
|
|
854
|
-
th[data-v-
|
|
853
|
+
td[data-v-e893b127],
|
|
854
|
+
th[data-v-e893b127] {
|
|
855
855
|
white-space: nowrap;
|
|
856
856
|
padding: 0.75rem 0.65rem;
|
|
857
857
|
transition: var(--bgl-transition);
|
|
858
858
|
line-height: 1;
|
|
859
859
|
}
|
|
860
|
-
tbody tr[data-v-
|
|
860
|
+
tbody tr[data-v-e893b127] {
|
|
861
861
|
font-size: 0.88em;
|
|
862
|
-
height: var(--
|
|
862
|
+
height: var(--f952eb70);
|
|
863
863
|
transition: all 200ms ease;
|
|
864
864
|
}
|
|
865
|
-
tbody tr[data-v-
|
|
865
|
+
tbody tr[data-v-e893b127]:hover {
|
|
866
866
|
background: var(--bgl-gray-light);
|
|
867
867
|
}
|
|
868
868
|
|
|
@@ -2371,22 +2371,22 @@ input[type="number"][data-v-4c741194] {
|
|
|
2371
2371
|
z-index: 0;
|
|
2372
2372
|
}
|
|
2373
2373
|
|
|
2374
|
-
.tab[data-v-
|
|
2374
|
+
.tab[data-v-448ab039] {
|
|
2375
2375
|
text-transform: capitalize;
|
|
2376
2376
|
}
|
|
2377
|
-
.side-tabs[data-v-
|
|
2377
|
+
.side-tabs[data-v-448ab039] {
|
|
2378
2378
|
display: flex;
|
|
2379
2379
|
}
|
|
2380
|
-
.side-tabs .tabs-top[data-v-
|
|
2380
|
+
.side-tabs .tabs-top[data-v-448ab039] {
|
|
2381
2381
|
margin-inline-end: 1rem;
|
|
2382
2382
|
}
|
|
2383
|
-
.side-tabs .tabs[data-v-
|
|
2383
|
+
.side-tabs .tabs[data-v-448ab039] {
|
|
2384
2384
|
display: block;
|
|
2385
2385
|
padding: 0;
|
|
2386
2386
|
margin: 0;
|
|
2387
2387
|
border: none;
|
|
2388
2388
|
}
|
|
2389
|
-
.side-tabs .tab[data-v-
|
|
2389
|
+
.side-tabs .tab[data-v-448ab039] {
|
|
2390
2390
|
border: none;
|
|
2391
2391
|
}
|
|
2392
2392
|
|
|
@@ -5,10 +5,11 @@ export type AttributeFn<T = Record<string, any>> = (field: any, row: T) => Attri
|
|
|
5
5
|
export interface Attributes<T = any> {
|
|
6
6
|
[key: string]: AttributeValue | AttributeFn<T>;
|
|
7
7
|
}
|
|
8
|
-
export type BagelFieldOptions = (string | ({
|
|
8
|
+
export type BagelFieldOptions<T = Record<string, any>> = (string | ({
|
|
9
9
|
label?: string;
|
|
10
10
|
value: string | number;
|
|
11
|
-
} | string | number | Record<string, any>)[] | ((val: any, rowData?:
|
|
11
|
+
} | string | number | Record<string, any>)[] | ((val: any, rowData?: T) => void));
|
|
12
|
+
type GenericAssertFn<T> = (val: any, row: T) => boolean;
|
|
12
13
|
export interface BaseBagelField<T = Record<string, any>> {
|
|
13
14
|
'$el'?: any;
|
|
14
15
|
'id'?: string;
|
|
@@ -20,12 +21,12 @@ export interface BaseBagelField<T = Record<string, any>> {
|
|
|
20
21
|
'required'?: boolean;
|
|
21
22
|
'disabled'?: boolean;
|
|
22
23
|
'helptext'?: string;
|
|
23
|
-
'options'?: BagelFieldOptions
|
|
24
|
+
'options'?: BagelFieldOptions<T>;
|
|
24
25
|
'defaultValue'?: any;
|
|
25
|
-
'transform'?: (val?: any, rowData?:
|
|
26
|
-
'onUpdate'?: (val: any, rowData?:
|
|
27
|
-
'v-if'?: string | boolean |
|
|
28
|
-
'vIf'?: string | boolean |
|
|
26
|
+
'transform'?: (val?: any, rowData?: T) => any;
|
|
27
|
+
'onUpdate'?: (val: any, rowData?: T) => void;
|
|
28
|
+
'v-if'?: string | boolean | GenericAssertFn<T>;
|
|
29
|
+
'vIf'?: string | boolean | GenericAssertFn<T>;
|
|
29
30
|
}
|
|
30
31
|
export interface InputBagelField<T> extends BaseBagelField<T> {
|
|
31
32
|
$el: 'text' | typeof TextInput;
|
|
@@ -39,4 +40,5 @@ export interface SelectBagelField<T> extends BaseBagelField<T> {
|
|
|
39
40
|
export type Field<T = Record<string, any>> = BaseBagelField<T> | InputBagelField<T> | SelectBagelField<T>;
|
|
40
41
|
export type BglFormSchemaT<T = Record<string, any>> = Field<T>[];
|
|
41
42
|
export type BglFormSchemaFnT<T = Record<string, any>> = (() => BglFormSchemaT<T>) | BglFormSchemaT<T>;
|
|
43
|
+
export {};
|
|
42
44
|
//# sourceMappingURL=BagelForm.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAE3D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;AAE/F,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,cAAc,CAAA;AAEzF,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,GAAG;IAClC,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;CAC9C;AAED,MAAM,MAAM,iBAAiB,GAAG,
|
|
1
|
+
{"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"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"}
|
|
@@ -24,7 +24,7 @@ interface NumFieldOptions extends InputOptions {
|
|
|
24
24
|
step?: number;
|
|
25
25
|
}
|
|
26
26
|
type RichTextOptions = InputOptions;
|
|
27
|
-
export declare function getBaseField(id?: string, labelOrRest?: string | Partial<Field
|
|
27
|
+
export declare function getBaseField<T>(id?: string, labelOrRest?: string | Partial<Field<T>>, rest?: Partial<Field<T>>): Field<T>;
|
|
28
28
|
export declare function richText(id: string, label?: string, options?: RichTextOptions): {
|
|
29
29
|
$el: string;
|
|
30
30
|
class: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAElD,UAAU,YAAY;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,KAAK,WAAW,GAAG,YAAY,CAAA;AAE/B,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,UAAU,eAAgB,SAAQ,YAAY;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACb;AAED,KAAK,eAAe,GAAG,YAAY,CAAA;AAEnC,wBAAgB,YAAY,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,GAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAM,EAAE,IAAI,GAAE,OAAO,CAAC,KAAK,CAAM,GAAG,KAAK,
|
|
1
|
+
{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAElD,UAAU,YAAY;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,KAAK,WAAW,GAAG,YAAY,CAAA;AAE/B,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,UAAU,eAAgB,SAAQ,YAAY;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACb;AAED,KAAK,eAAe,GAAG,YAAY,CAAA;AAEnC,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,GAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAM,EAAE,IAAI,GAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAIjI;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe;;;;;;;;EAWzB;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,gBAAgB,GACxB,KAAK,CAgBP;AAED,wBAAgB,SAAS,CACxB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,MAAM,EAAE,CAAC,EACrC,MAAM,CAAC,EAAE,gBAAgB,GACvB,KAAK,CAgBP;AAED,wBAAgB,UAAU,CACzB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACvB,KAAK,CAQP;AAED,wBAAgB,SAAS,CACxB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,WAAW,GACnB,KAAK,CAaP;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACvB,KAAK,CAoBP;AAED,wBAAgB,MAAM,CAAC,GAAG,QAAQ,EAAE,KAAK,EAAE;;;;EAM1C"}
|
package/dist/utils/index.d.ts
CHANGED
|
@@ -13,5 +13,5 @@ export declare const isDate: (dateToTest: any) => boolean;
|
|
|
13
13
|
export { formatString } from './strings';
|
|
14
14
|
export * as bagelFormUtils from './BagelFormUtils';
|
|
15
15
|
export { useLang } from './lang';
|
|
16
|
-
export declare function getFallbackSchema(data?: any[], showFields?: string[]): BglFormSchemaT
|
|
16
|
+
export declare function getFallbackSchema<T>(data?: any[], showFields?: string[]): BglFormSchemaT<T>;
|
|
17
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAG/D,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,KAAK,SAAM,QAGnD;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAK3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAKpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,OAU7F;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAM9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM,OAGzE;AAED,eAAO,MAAM,MAAM,eAAgB,GAAG,YAA0C,CAAA;AAEhF,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,wBAAgB,iBAAiB,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAG/D,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,KAAK,SAAM,QAGnD;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAK3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAKpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,OAU7F;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAM9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM,OAGzE;AAED,eAAO,MAAM,MAAM,eAAgB,GAAG,YAA0C,CAAA;AAEhF,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,CAe3F"}
|
package/package.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
1
|
+
<script setup lang="ts" generic="T extends Record<string, any>">
|
|
2
2
|
import {
|
|
3
3
|
BglField,
|
|
4
4
|
type BglFormSchemaT,
|
|
@@ -12,8 +12,8 @@ import { useVirtualList } from '@vueuse/core'
|
|
|
12
12
|
|
|
13
13
|
const props = defineProps<{
|
|
14
14
|
selectedItems?: string[]
|
|
15
|
-
data:
|
|
16
|
-
schema?: BglFormSchemaT | (() => BglFormSchemaT)
|
|
15
|
+
data: T[]
|
|
16
|
+
schema?: BglFormSchemaT<T> | (() => BglFormSchemaT<T>)
|
|
17
17
|
showFields?: string[]
|
|
18
18
|
}>()
|
|
19
19
|
|
|
@@ -32,7 +32,7 @@ const isSelectable = $computed(() => Array.isArray(props.selectedItems))
|
|
|
32
32
|
|
|
33
33
|
const computedSortField = $computed(() => `_transformed_${sortField}`)
|
|
34
34
|
|
|
35
|
-
const computedSchema = $computed(() => useBglSchema({
|
|
35
|
+
const computedSchema = $computed(() => useBglSchema<T>({
|
|
36
36
|
schema: props.schema,
|
|
37
37
|
showFields: props.showFields,
|
|
38
38
|
data: props.data,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<script lang="ts"
|
|
1
|
+
<script setup lang="ts" generic="T extends Record<string, any>">
|
|
2
2
|
import {
|
|
3
3
|
CheckInput,
|
|
4
4
|
DateInput,
|
|
@@ -13,7 +13,7 @@ import {
|
|
|
13
13
|
|
|
14
14
|
const props = withDefaults(
|
|
15
15
|
defineProps<{
|
|
16
|
-
field: Field
|
|
16
|
+
field: Field<T>
|
|
17
17
|
modelValue: Record<string, any>
|
|
18
18
|
}>(),
|
|
19
19
|
{
|
|
@@ -57,13 +57,13 @@ const vIf = $computed(() => {
|
|
|
57
57
|
if (props.field['v-if'] === undefined && props.field.vIf === undefined) return true
|
|
58
58
|
if (typeof props.field['v-if'] === 'boolean' || typeof props.field.vIf === 'boolean') return props.field['v-if']
|
|
59
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)
|
|
60
|
+
if (typeof props.field['v-if'] === 'function') return props.field['v-if'](fieldData, formData as T)
|
|
61
|
+
if (typeof props.field.vIf === 'function') return props.field.vIf(fieldData, formData as T)
|
|
62
62
|
return true
|
|
63
63
|
})
|
|
64
64
|
|
|
65
65
|
const computedFieldData = $computed(
|
|
66
|
-
() => props.field.transform?.(fieldData, props.modelValue) ?? fieldData
|
|
66
|
+
() => props.field.transform?.(fieldData, props.modelValue as T) ?? fieldData
|
|
67
67
|
)
|
|
68
68
|
|
|
69
69
|
const computedOptions = $computed(
|
|
@@ -94,7 +94,7 @@ const computedClass = $computed(
|
|
|
94
94
|
:disabled="field.disabled"
|
|
95
95
|
:options="computedOptions"
|
|
96
96
|
:helptext="field.helptext"
|
|
97
|
-
@update:modelValue="($event: any) => field?.onUpdate?.($event, formData)"
|
|
97
|
+
@update:modelValue="($event: any) => field?.onUpdate?.($event, formData as T)"
|
|
98
98
|
>
|
|
99
99
|
{{ computedFieldData }}
|
|
100
100
|
<BglField
|
package/src/composables/index.ts
CHANGED
|
@@ -2,15 +2,15 @@ import { type BglFormSchemaFnT, type BglFormSchemaT, getFallbackSchema } from '@
|
|
|
2
2
|
import type { Ref, UnwrapRef } from 'vue'
|
|
3
3
|
import { ref, watch } from 'vue'
|
|
4
4
|
|
|
5
|
-
interface useBglSchemaParamsT {
|
|
6
|
-
schema?: BglFormSchemaFnT
|
|
5
|
+
interface useBglSchemaParamsT<T> {
|
|
6
|
+
schema?: BglFormSchemaFnT<T>
|
|
7
7
|
showFields?: string[]
|
|
8
8
|
data?: any[]
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
-
export function useBglSchema(
|
|
12
|
-
{ schema, showFields, data }: useBglSchemaParamsT = {}
|
|
13
|
-
): BglFormSchemaT {
|
|
11
|
+
export function useBglSchema<T = Record<string, unknown>>(
|
|
12
|
+
{ schema, showFields, data }: useBglSchemaParamsT<T> = {}
|
|
13
|
+
): BglFormSchemaT<T> {
|
|
14
14
|
let _schema = schema
|
|
15
15
|
if (typeof _schema === 'function') {
|
|
16
16
|
_schema = _schema()
|
|
@@ -20,7 +20,7 @@ export function useBglSchema(
|
|
|
20
20
|
showFields && showFields.length
|
|
21
21
|
? _schema.filter(f => showFields.includes(f.id as string))
|
|
22
22
|
: _schema
|
|
23
|
-
) as BglFormSchemaT
|
|
23
|
+
) as BglFormSchemaT<T>
|
|
24
24
|
}
|
|
25
25
|
return getFallbackSchema(data, showFields)
|
|
26
26
|
}
|
package/src/types/BagelForm.ts
CHANGED
|
@@ -8,7 +8,7 @@ export interface Attributes<T = any> {
|
|
|
8
8
|
[key: string]: AttributeValue | AttributeFn<T>
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
-
export type BagelFieldOptions = (
|
|
11
|
+
export type BagelFieldOptions<T = Record<string, any>> = (
|
|
12
12
|
string
|
|
13
13
|
| (
|
|
14
14
|
{
|
|
@@ -19,9 +19,11 @@ export type BagelFieldOptions = (
|
|
|
19
19
|
| number
|
|
20
20
|
| Record<string, any>
|
|
21
21
|
)[]
|
|
22
|
-
| ((val: any, rowData?:
|
|
22
|
+
| ((val: any, rowData?: T) => void)
|
|
23
23
|
)
|
|
24
24
|
|
|
25
|
+
type GenericAssertFn<T> = (val: any, row: T) => boolean
|
|
26
|
+
|
|
25
27
|
export interface BaseBagelField<T = Record<string, any>> {
|
|
26
28
|
'$el'?: any
|
|
27
29
|
'id'?: string
|
|
@@ -33,12 +35,12 @@ export interface BaseBagelField<T = Record<string, any>> {
|
|
|
33
35
|
'required'?: boolean
|
|
34
36
|
'disabled'?: boolean
|
|
35
37
|
'helptext'?: string
|
|
36
|
-
'options'?: BagelFieldOptions
|
|
38
|
+
'options'?: BagelFieldOptions<T>
|
|
37
39
|
'defaultValue'?: any
|
|
38
|
-
'transform'?: (val?: any, rowData?:
|
|
39
|
-
'onUpdate'?: (val: any, rowData?:
|
|
40
|
-
'v-if'?: string | boolean |
|
|
41
|
-
'vIf'?: string | boolean |
|
|
40
|
+
'transform'?: (val?: any, rowData?: T) => any
|
|
41
|
+
'onUpdate'?: (val: any, rowData?: T) => void
|
|
42
|
+
'v-if'?: string | boolean | GenericAssertFn<T>
|
|
43
|
+
'vIf'?: string | boolean | GenericAssertFn<T>
|
|
42
44
|
}
|
|
43
45
|
|
|
44
46
|
export interface InputBagelField<T> extends BaseBagelField<T> {
|
|
@@ -30,7 +30,7 @@ interface NumFieldOptions extends InputOptions {
|
|
|
30
30
|
|
|
31
31
|
type RichTextOptions = InputOptions
|
|
32
32
|
|
|
33
|
-
export function getBaseField(id?: string, labelOrRest: string | Partial<Field
|
|
33
|
+
export function getBaseField<T>(id?: string, labelOrRest: string | Partial<Field<T>> = {}, rest: Partial<Field<T>> = {}): Field<T> {
|
|
34
34
|
if (typeof labelOrRest === 'object') return { id, ...labelOrRest }
|
|
35
35
|
|
|
36
36
|
return { id, label: labelOrRest, ...rest }
|
package/src/utils/index.ts
CHANGED
|
@@ -69,12 +69,12 @@ export * as bagelFormUtils from './BagelFormUtils'
|
|
|
69
69
|
|
|
70
70
|
export { useLang } from './lang'
|
|
71
71
|
|
|
72
|
-
export function getFallbackSchema(data?: any[], showFields?: string[]): BglFormSchemaT {
|
|
72
|
+
export function getFallbackSchema<T>(data?: any[], showFields?: string[]): BglFormSchemaT<T> {
|
|
73
73
|
const keys = [
|
|
74
74
|
...new Set((data ?? []).map(Object.keys).flat()),
|
|
75
75
|
] as string[]
|
|
76
76
|
|
|
77
|
-
const schema: BglFormSchemaT = keys.map(
|
|
77
|
+
const schema: BglFormSchemaT<T> = keys.map(
|
|
78
78
|
id => ({
|
|
79
79
|
id,
|
|
80
80
|
label: keyToLabel(id),
|