@stsdti/funky-ui-kit 1.4.8 → 1.4.9

package/dist/funky-ui-kit.es.js

@@ -20314,6 +20314,12 @@ function hasValue(value) {
   }
   return value || value === false || value === 0;
 }
+const resolveValue = async (value) => {
+  let result = value;
+  result = result instanceof Function ? result() : result;
+  result = result instanceof Promise ? await result : result;
+  return result;
+};
 function joinList(list, path, separator = ",") {
   let localList = list || [];
   if (!lodashExports.isArray(localList)) {
@@ -20832,6 +20838,9 @@ class Media {
     let path = type === this.type.mediable ? "pivot.tag" : "custom_properties.tag";
     return lodashExports.get(media, path);
   }
+  static getCollection(media) {
+    return lodashExports.get(media, "collection_name");
+  }
 }
 function bind(fn7, thisArg) {
   return function wrap() {
@@ -23217,7 +23226,7 @@ const AppFileNewRepository = (props2) => {
   const uploadMedia = async (files) => {
     const base = getBaseUrlFromProps();
     const url = `${base}/media`;
-    const formData = buildUploadFormData(files);
+    const formData = await buildUploadFormData(files);
     return await submitFileRequest("post", url, formData);
   };
   const deleteMedia = async (media) => {
@@ -23228,7 +23237,7 @@ const AppFileNewRepository = (props2) => {
   const updateMedia = async (file, media) => {
     const base = getBaseUrlFromProps();
     const url = `${base}/media/${media.id}`;
-    const formData = buildUploadFormData([file]);
+    const formData = await buildUploadFormData([file]);
     return await submitFileRequest("post", url, formData);
   };
   const getMedia = async (media) => {
@@ -23248,11 +23257,16 @@ const AppFileNewRepository = (props2) => {
       return e2 == null ? void 0 : e2.response;
     }
   };
-  const buildUploadFormData = (filesList) => {
+  const buildUploadFormData = async (filesList) => {
     const formData = new FormData();
-    const { itemId, tag } = props2;
+    const { itemId } = props2;
     if (itemId) formData.append("resourceId", itemId);
-    formData.append("tag", tag);
+    const extra = await resolveValue(props2.getExtra);
+    Object.entries(extra).forEach(([key, value]) => {
+      if (value != null) {
+        formData.append(key, value);
+      }
+    });
     const files = filesList.filter((f) => AppFileNewUtils.isFileInstance(f));
     for (const file of files) {
       formData.append("upload[]", file, file.name);
@@ -23290,7 +23304,6 @@ function useFileUpload(modelValue, props2, emit) {
       if (appFileNewUtils.fileExists(file)) {
         continue;
       }
-      file.tag = props2.tag;
       newFiles.push(file);
     }
     newFiles = props2.isMultiple ? newFiles : [lodashExports.last(newFiles)];
@@ -81658,8 +81671,9 @@ const _sfc_main$5 = {
     isMultiple: { type: Boolean, default: false },
     autoUpload: { type: Boolean, default: true },
     model: { type: Object, default: null },
-    tag: { type: String, default: "" },
     itemId: { Number },
+    // Extra prop for things like tag, collection
+    getExtra: { type: [Object, Function], default: () => ({}) },
     customUpload: { type: Function },
     customDelete: { type: Function },
     ...appFormElementProps
@@ -82046,16 +82060,10 @@ function useForm(config, emits) {
   const setPayload = (value) => {
     payload.value = value;
   };
-  const getItemEmptyValue = async () => {
-    let result = itemEmpty;
-    result = result instanceof Function ? result() : result;
-    result = result instanceof Promise ? await result : result;
-    return result;
-  };
   async function initItem({ id = null, value = null, external: external2 = null, payload: payload2 = null } = {}) {
     external2 ? setExternal(external2) : null;
     payload2 ? setPayload(payload2) : null;
-    let itemValue = value ? lodashExports.cloneDeep(value) : lodashExports.cloneDeep(await getItemEmptyValue());
+    let itemValue = value ? lodashExports.cloneDeep(value) : lodashExports.cloneDeep(await resolveValue(itemEmpty));
     setItem(itemValue);
     id ? await fetchItem(id) : null;
     announce(useFormEvent.inited, externalContext);
@@ -82197,22 +82205,18 @@ function useForm(config, emits) {
       return result;
     }, {});
   };
-  const getBindingMedia = (fieldPath, tag = null, { validationPath = null } = {}) => {
+  const getBindingMedia = (fieldPath, { tag = null, collection = null, validationPath = null } = {}) => {
+    const isRelevant = (m3) => {
+      return (!tag || Media.getTag(m3) === tag) && (!collection || Media.getCollection(m3) === collection);
+    };
     let field = computed({
       get() {
         const list = lodashExports.get(item.value, fieldPath, []);
-        return list.filter((m3) => {
-          if (!(m3 == null ? void 0 : m3.id)) return (m3 == null ? void 0 : m3.tag) === tag;
-          return !tag || tag === Media.getTag(m3);
-        });
+        return list.filter(isRelevant);
       },
       set(value) {
         const list = lodashExports.get(item.value, fieldPath, []);
-        const otherMedia = list.filter((m3) => {
-          if (!(m3 == null ? void 0 : m3.id)) return (m3 == null ? void 0 : m3.tag) !== tag;
-          return tag && tag !== Media.getTag(m3);
-        });
-        lodashExports.set(item.value, fieldPath, [...otherMedia, ...value]);
+        lodashExports.set(item.value, fieldPath, [...list.filter((m3) => !isRelevant(m3)), ...value]);
       }
     });
     const isDisabled = getPayloadIsDisabled(fieldPath);
@@ -82227,7 +82231,7 @@ function useForm(config, emits) {
       [`onUpdate:modelValue`]: (value) => {
         field.value = value;
       },
-      tag,
+      getExtra: { tag, collection },
       itemId: itemId.value,
       ...isDisabled ? { disabled: true } : {},
       ...isHidden ? { hidden: true } : {},
@@ -83143,6 +83147,7 @@ export {
   joinList,
   makeArray,
   mergeObjectWithoutOverwrite,
+  resolveValue,
   useAppSelectCore as sharedProps,
   sleep,
   toPathString,