@formixru/b2b-ui 1.0.0 → 1.0.2

package/CHANGELOG.md

@@ -0,0 +1,10 @@
+## v1.0.2
+
+- Исправлены ошибки в работе FileInput - теперь при загрузке вместе с содержимым файла (поле `file`) отправляется его имя (поле `name`)
+- Исправлены возможные ошибки в работе блока .form
+
+## v1.0.1
+
+- Исправлены ошибки в работе блока .form
+
+## v1.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@formixru/b2b-ui",
-    "version": "1.0.0",
+    "version": "1.0.2",
     "type": "module",
     "repository": {
         "type": "git",

package/src/components/file-input/index.vue

@@ -250,6 +250,7 @@ const addFiles = (fileList) => {
 const uploadFile = async (file) => {
     const index = files.value.findIndex(({ name }) => name === file.name);
     const formData = new FormData();
+    formData.append('name', file.name);
     formData.append('file', file);
     try {
         const response = await fetch(actionUpload.value, {

package/src/components/form/index.js

@@ -17,8 +17,8 @@ const initFormContent = ($b) => {
 };
 
 export const send = async ($b, url, method, data) => {
-    url = new URL(url || $b.action, location.origin);
-    method = method || $b.method;
+    url = new URL(url || $b.getAttribute('action'), location.origin);
+    method = method || $b.getAttribute('method');
     data = data || new FormData($b);
     const options = {
         method,
@@ -173,13 +173,13 @@ document.body.addEventListener('submit', (event) => {
     const { target } = event;
     const $b = target.closest('.form');
     if ($b) {
-        const $submitButton = $b.querySelector('.form__submit-button[type="submit"]');
-        if ($submitButton) {
-            $submitButton.disabled = true;
-        }
         if ($b.classList.contains('form_captcha') && window.smartCaptcha) {
+            const $submitButton = $b.querySelector('.form__submit-button[type="submit"]');
+            if ($submitButton) {
+                $submitButton.disabled = true;
+            }
             const $token = $b.querySelector('input[name="smart-token"]');
-            if ($token && $token.value) {
+            if ($token?.value) {
                 if ($b.classList.contains('form_ajax')) {
                     event.preventDefault();
                     send($b);
@@ -211,7 +211,7 @@ document.body.addEventListener('change', (event) => {
     if (target.classList.contains('form__trigger')) {
         $form.requestSubmit();
     } else if (target.dataset.request) {
-        const { name, value } = target.dataset.request;
+        const { name, value } = JSON.parse(target.dataset.request);
         $form.insertAdjacentHTML('afterbegin', `<input type="hidden" name="${name}" value="${value}">`);
         $form.requestSubmit();
     } else if (target.closest('.form__option')) {
@@ -220,7 +220,7 @@ document.body.addEventListener('change', (event) => {
             $error.textContent = '';
         }
     } else if (target.closest('.select') || target.closest('.rating__input')) {
-        const $error = target.closest('.form__input-wrapper').querySelector('.form__input-error');
+        const $error = target.closest('.form__input-wrapper')?.querySelector('.form__input-error');
         if ($error) {
             $error.textContent = '';
         }