@bagelink/vue 1.0.43 → 1.0.47

package/dist/components/form/FieldArray.vue.d.ts

@@ -1,5 +1,5 @@
 import { AttributeFn, AttributeValue, Attributes, BagelFieldOptions, BglFormSchemaFnT, Field } from '../..';
-declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & {
@@ -18,8 +18,9 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable
         add?: boolean;
         delete?: boolean;
         transform?: (value: T) => T;
-        schema: BglFormSchemaFnT;
+        schema?: BglFormSchemaFnT;
         modelValue: T[];
+        type?: "object" | "number" | "text";
     } & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;

package/dist/components/form/FieldArray.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldArray.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/FieldArray.vue"],"names":[],"mappings":"AAgOA,OAAO,KAAK,EACX,WAAW,EACX,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,KAAK,EACL,MAAM,eAAe,CAAA;yBAIL,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAoV1D,mBAAmB,CAAC;;;aAjVrB,GAAG;YACJ,MAAM;gBACF,MAAM;sBACA,MAAM;mBACT,KAAK,CAAC,CAAC,CAAC,EAAE;gBACb,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC;gBAC/B,UAAU,CAAC,CAAC,CAAC;mBACV,OAAO;mBACP,OAAO;mBACP,MAAM;kBACP,iBAAiB,CAAC,CAAC,CAAC;uBACf,GAAG;cACZ,OAAO;iBACJ,OAAO;oBACJ,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC;gBACnB,gBAAgB;oBACZ,CAAC,EAAE;mBAiU6E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;OAKC,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA9VzE,wBA8V4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"FieldArray.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/FieldArray.vue"],"names":[],"mappings":"AAAA,OAwQO,KAAK,EACX,WAAW,EACX,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,KAAK,EAEL,MAAM,eAAe,CAAA;yBAIL,CAAC,eACJ,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA2X1D,mBAAmB,CAAC;;;aAxXrB,GAAG;YACJ,MAAM;gBACF,MAAM;sBACA,MAAM;mBACT,KAAK,CAAC,CAAC,CAAC,EAAE;gBACb,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC;gBAC/B,UAAU,CAAC,CAAC,CAAC;mBACV,OAAO;mBACP,OAAO;mBACP,MAAM;kBACP,iBAAiB,CAAC,CAAC,CAAC;uBACf,GAAG;cACZ,OAAO;iBACJ,OAAO;oBACJ,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC;iBAClB,gBAAgB;oBACb,CAAC,EAAE;eACR,QAAQ,GAAG,QAAQ,GAAG,MAAM;mBAuWyD,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;OAKC,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AArYzE,wBAqY4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/index.cjs

@@ -15158,13 +15158,16 @@ function findBglFieldById(id, _schema) {
   }
   return void 0;
 }
-function arrField(id, label, schema, options) {
+function arrField(id, label, schemaOrType, options) {
+  const attrs = { delete: true, add: true, ...options };
+  if (typeof schemaOrType === "string") attrs.type = schemaOrType;
+  else attrs.schema = schemaOrType;
   return {
     label,
     id,
     $el: "array",
     vIf: options == null ? void 0 : options.vIf,
-    attrs: { schema, delete: true, add: true, ...options }
+    attrs
   };
 }
 const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -15543,18 +15546,18 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$L = { class: "label mb-05" };
-const _hoisted_2$y = {
+const _hoisted_1$L = {
   key: 0,
-  class: "ps-025 border-start mb-05"
+  class: "label mb-05"
 };
+const _hoisted_2$y = { class: "ps-025 border-start mb-05" };
 const _hoisted_3$t = {
   key: 0,
   class: "flex-center h-300px"
 };
 const _hoisted_4$j = {
   key: 1,
-  class: "flex-center h-300px txt-red"
+  class: "py-1"
 };
 const _hoisted_5$i = {
   key: 0,
@@ -15580,7 +15583,8 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     delete: { type: Boolean, default: true },
     transform: {},
     schema: {},
-    modelValue: {}
+    modelValue: {},
+    type: { default: "object" }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -15590,7 +15594,23 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     const internalData = vue.ref(props2.modelValue || []);
     const schemaState = vue.ref("loaded");
     const resolvedSchemaData = vue.ref([]);
+    vue.watch(() => props2.modelValue, (newValue) => {
+      internalData.value = newValue || [];
+    }, { deep: true });
+    const primitiveSchema = vue.computed(() => {
+      if (props2.type === "text") {
+        return [{ id: "value", type: "text", label: "" }];
+      } else if (props2.type === "number") {
+        return [{ id: "value", type: "number", label: "" }];
+      }
+      return [];
+    });
     async function resolveSchema() {
+      if (props2.type !== "object") {
+        resolvedSchemaData.value = primitiveSchema.value;
+        schemaState.value = "loaded";
+        return;
+      }
       if (!props2.schema) {
         resolvedSchemaData.value = [];
         schemaState.value = "loaded";
@@ -15614,9 +15634,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
         resolvedSchemaData.value = [];
       }
     }
-    vue.onMounted(() => {
-      resolveSchema();
-    });
+    vue.onMounted(resolveSchema);
     function emitValue() {
       emit2("update:modelValue", internalData.value);
     }
@@ -15625,25 +15643,46 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
       emitValue();
     }
     function addItem() {
-      internalData.value.push({});
+      const defaultValues = {
+        text: "",
+        number: 0,
+        object: {}
+      };
+      internalData.value.push(defaultValues[props2.type]);
       emitValue();
     }
     function toggleMinimized(index2) {
       minimizedItems.value[index2] = !minimizedItems.value[index2];
     }
     function updateItem(index2, value) {
-      internalData.value[index2] = value;
+      if (props2.type === "text" || props2.type === "number") {
+        internalData.value[index2] = props2.type === "number" ? Number(value.value) : value.value;
+      } else {
+        internalData.value[index2] = value;
+      }
       emitValue();
     }
+    const isPrimitiveType = vue.computed(() => props2.type === "text" || props2.type === "number");
+    const canRenderItems = vue.computed(
+      () => isPrimitiveType.value || props2.type === "object" && resolvedSchemaData.value.length > 0
+    );
+    const showMinimizeButton = vue.computed(() => resolvedSchemaData.value.length > 4);
     return (_ctx, _cache) => {
+      const _component_Icon = vue.resolveComponent("Icon");
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(props2.class)
       }, [
-        vue.createElementVNode("p", _hoisted_1$L, vue.toDisplayString(_ctx.label), 1),
-        resolvedSchemaData.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$y, [
-          schemaState.value === "loading" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$t, [
-            vue.createVNode(vue.unref(Loading))
-          ])) : schemaState.value === "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$j, " Error ")) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_1$L, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_2$y, [
+          schemaState.value !== "loaded" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$t, [
+            schemaState.value === "loading" ? (vue.openBlock(), vue.createBlock(vue.unref(Loading), { key: 0 })) : schemaState.value === "error" ? (vue.openBlock(), vue.createBlock(_component_Icon, {
+              key: 1,
+              icon: "error",
+              color: "red"
+            })) : vue.createCommentVNode("", true)
+          ])) : !canRenderItems.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$j, _cache[0] || (_cache[0] = [
+            vue.createElementVNode("p", { class: "opacity-7" }, " No schema available ", -1)
+          ]))) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(internalData.value, (item, i2) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: i2,
@@ -15653,12 +15692,12 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
               }, [
                 minimizedItems.value[i2] ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$i, vue.toDisplayString(_ctx.label) + " " + vue.toDisplayString(i2 + 1), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
                   key: 1,
-                  "model-value": item,
+                  "model-value": isPrimitiveType.value ? { value: item } : item,
                   schema: resolvedSchemaData.value,
                   "onUpdate:modelValue": (val) => updateItem(i2, val)
                 }, null, 8, ["model-value", "schema", "onUpdate:modelValue"])),
                 vue.createElementVNode("div", _hoisted_6$f, [
-                  resolvedSchemaData.value.length > 4 ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
+                  showMinimizeButton.value ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
                     key: 0,
                     class: "block rotate-180 txt10 opacity-7 p-025",
                     flat: "",
@@ -15691,11 +15730,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
               _: 1
             })) : vue.createCommentVNode("", true)
           ], 64))
-        ])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(internalData.value, (_2, i2) => {
-          return vue.openBlock(), vue.createElementBlock("div", { key: i2 }, _cache[0] || (_cache[0] = [
-            vue.createElementVNode("p", null, "No schema available", -1)
-          ]));
-        }), 128))
+        ])
       ], 2);
     };
   }

package/dist/index.mjs

@@ -15156,13 +15156,16 @@ function findBglFieldById(id, _schema) {
   }
   return void 0;
 }
-function arrField(id, label, schema, options) {
+function arrField(id, label, schemaOrType, options) {
+  const attrs = { delete: true, add: true, ...options };
+  if (typeof schemaOrType === "string") attrs.type = schemaOrType;
+  else attrs.schema = schemaOrType;
   return {
     label,
     id,
     $el: "array",
     vIf: options == null ? void 0 : options.vIf,
-    attrs: { schema, delete: true, add: true, ...options }
+    attrs
   };
 }
 const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -15541,18 +15544,18 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$L = { class: "label mb-05" };
-const _hoisted_2$y = {
+const _hoisted_1$L = {
   key: 0,
-  class: "ps-025 border-start mb-05"
+  class: "label mb-05"
 };
+const _hoisted_2$y = { class: "ps-025 border-start mb-05" };
 const _hoisted_3$t = {
   key: 0,
   class: "flex-center h-300px"
 };
 const _hoisted_4$j = {
   key: 1,
-  class: "flex-center h-300px txt-red"
+  class: "py-1"
 };
 const _hoisted_5$i = {
   key: 0,
@@ -15578,7 +15581,8 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     delete: { type: Boolean, default: true },
     transform: {},
     schema: {},
-    modelValue: {}
+    modelValue: {},
+    type: { default: "object" }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -15588,7 +15592,23 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     const internalData = ref(props2.modelValue || []);
     const schemaState = ref("loaded");
     const resolvedSchemaData = ref([]);
+    watch(() => props2.modelValue, (newValue) => {
+      internalData.value = newValue || [];
+    }, { deep: true });
+    const primitiveSchema = computed(() => {
+      if (props2.type === "text") {
+        return [{ id: "value", type: "text", label: "" }];
+      } else if (props2.type === "number") {
+        return [{ id: "value", type: "number", label: "" }];
+      }
+      return [];
+    });
     async function resolveSchema() {
+      if (props2.type !== "object") {
+        resolvedSchemaData.value = primitiveSchema.value;
+        schemaState.value = "loaded";
+        return;
+      }
       if (!props2.schema) {
         resolvedSchemaData.value = [];
         schemaState.value = "loaded";
@@ -15612,9 +15632,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
         resolvedSchemaData.value = [];
       }
     }
-    onMounted(() => {
-      resolveSchema();
-    });
+    onMounted(resolveSchema);
     function emitValue() {
       emit2("update:modelValue", internalData.value);
     }
@@ -15623,25 +15641,46 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       emitValue();
     }
     function addItem() {
-      internalData.value.push({});
+      const defaultValues = {
+        text: "",
+        number: 0,
+        object: {}
+      };
+      internalData.value.push(defaultValues[props2.type]);
       emitValue();
     }
     function toggleMinimized(index2) {
       minimizedItems.value[index2] = !minimizedItems.value[index2];
     }
     function updateItem(index2, value) {
-      internalData.value[index2] = value;
+      if (props2.type === "text" || props2.type === "number") {
+        internalData.value[index2] = props2.type === "number" ? Number(value.value) : value.value;
+      } else {
+        internalData.value[index2] = value;
+      }
       emitValue();
     }
+    const isPrimitiveType = computed(() => props2.type === "text" || props2.type === "number");
+    const canRenderItems = computed(
+      () => isPrimitiveType.value || props2.type === "object" && resolvedSchemaData.value.length > 0
+    );
+    const showMinimizeButton = computed(() => resolvedSchemaData.value.length > 4);
     return (_ctx, _cache) => {
+      const _component_Icon = resolveComponent("Icon");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(props2.class)
       }, [
-        createElementVNode("p", _hoisted_1$L, toDisplayString(_ctx.label), 1),
-        resolvedSchemaData.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$y, [
-          schemaState.value === "loading" ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
-            createVNode(unref(Loading))
-          ])) : schemaState.value === "error" ? (openBlock(), createElementBlock("div", _hoisted_4$j, " Error ")) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+        _ctx.label ? (openBlock(), createElementBlock("p", _hoisted_1$L, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2$y, [
+          schemaState.value !== "loaded" ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
+            schemaState.value === "loading" ? (openBlock(), createBlock(unref(Loading), { key: 0 })) : schemaState.value === "error" ? (openBlock(), createBlock(_component_Icon, {
+              key: 1,
+              icon: "error",
+              color: "red"
+            })) : createCommentVNode("", true)
+          ])) : !canRenderItems.value ? (openBlock(), createElementBlock("div", _hoisted_4$j, _cache[0] || (_cache[0] = [
+            createElementVNode("p", { class: "opacity-7" }, " No schema available ", -1)
+          ]))) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(internalData.value, (item, i2) => {
               return openBlock(), createElementBlock("div", {
                 key: i2,
@@ -15651,12 +15690,12 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
               }, [
                 minimizedItems.value[i2] ? (openBlock(), createElementBlock("p", _hoisted_5$i, toDisplayString(_ctx.label) + " " + toDisplayString(i2 + 1), 1)) : (openBlock(), createBlock(unref(_sfc_main$T), {
                   key: 1,
-                  "model-value": item,
+                  "model-value": isPrimitiveType.value ? { value: item } : item,
                   schema: resolvedSchemaData.value,
                   "onUpdate:modelValue": (val) => updateItem(i2, val)
                 }, null, 8, ["model-value", "schema", "onUpdate:modelValue"])),
                 createElementVNode("div", _hoisted_6$f, [
-                  resolvedSchemaData.value.length > 4 ? (openBlock(), createBlock(unref(Btn), {
+                  showMinimizeButton.value ? (openBlock(), createBlock(unref(Btn), {
                     key: 0,
                     class: "block rotate-180 txt10 opacity-7 p-025",
                     flat: "",
@@ -15689,11 +15728,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
               _: 1
             })) : createCommentVNode("", true)
           ], 64))
-        ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(internalData.value, (_2, i2) => {
-          return openBlock(), createElementBlock("div", { key: i2 }, _cache[0] || (_cache[0] = [
-            createElementVNode("p", null, "No schema available", -1)
-          ]));
-        }), 128))
+        ])
       ], 2);
     };
   }