fix: fix bug with 4.19 including the fields value with dependentField…

…Values
Formfeed-UK · Dec 29, 2022 · 12934ce · 12934ce
1 parent 08e1ebb
commit 12934ce
Show file tree

Hide file tree

Showing 3 changed files with 9,370 additions and 3 deletions.
diff --git a/dist/css/field.css b/dist/css/field.css
@@ -1 +1,38 @@
-.flexible-search-menu-multiselect{--ms-font-size:0.875rem;--ms-option-font-size:0.875rem;--ms-ring-color:rgb(var(--colors-primary-100));--ms-border-color:rgb(var(--colors-gray-300))}html.dark .flexible-search-menu-multiselect{--ms-ring-color:rgb(var(--colors-gray-700));--ms-border-color:rgb(var(--colors-gray-700));--ms-dropdown-border-color:var(--ms-border-color);--ms-bg:rgb(var(--colors-gray-900));--ms-dropdown-bg:var(--ms-bg);--ms-option-bg-pointed:rgb(var(--colors-gray-700));--ms-option-color-pointed:rgb(var(--colors-gray-400))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgba(var(--colors-gray-50),var(--tw-bg-opacity))}.dark .dark\:hover\:bg-gray-900:hover{--tw-bg-opacity:1;background-color:rgba(var(--colors-gray-900),var(--tw-bg-opacity))}.nova-flexible-content-sortable-ghost{opacity:.5}.nova-flexible-content-sortable-drag{background-color:rgba(var(--colors-gray-100),var(--tw-bg-opacity));border-radius:10px}.dark .nova-flexible-content-sortable-drag{background-color:rgba(var(--colors-gray-900),var(--tw-bg-opacity))}
+.flexible-search-menu-multiselect {
+  --ms-font-size: 0.875rem;
+  --ms-option-font-size: 0.875rem;
+  --ms-ring-color: rgb(var(--colors-primary-100));
+  --ms-border-color: rgb(var(--colors-gray-300));
+}
+html.dark .flexible-search-menu-multiselect {
+  --ms-ring-color: rgb(var(--colors-gray-700));
+  --ms-border-color: rgb(var(--colors-gray-700));
+  --ms-dropdown-border-color: var(--ms-border-color);
+  --ms-bg: rgb(var(--colors-gray-900));
+  --ms-dropdown-bg: var(--ms-bg);
+  --ms-option-bg-pointed: rgb(var(--colors-gray-700));
+  --ms-option-color-pointed: rgb(var(--colors-gray-400));
+}
+
+.hover\:bg-gray-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-gray-50), var(--tw-bg-opacity));
+}
+
+.dark .dark\:hover\:bg-gray-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-gray-900), var(--tw-bg-opacity));
+}
+
+.nova-flexible-content-sortable-ghost {
+  opacity: 0.5;
+}
+
+.nova-flexible-content-sortable-drag {
+  background-color: rgba(var(--colors-gray-100), var(--tw-bg-opacity));
+  border-radius: 10px;
+}
+
+.dark .nova-flexible-content-sortable-drag {
+  background-color: rgba(var(--colors-gray-900), var(--tw-bg-opacity));
+}
diff --git a/dist/js/field.js b/dist/js/field.js
diff --git a/resources/js/components/FormField.vue b/resources/js/components/FormField.vue
@@ -59,6 +59,11 @@ export default {
     components: { FullWidthField },
 
     computed: {
+
+        dependentFieldValues() {
+            return this.watchedFields
+        },
+
         layouts() {
             return this.currentField.layouts || false
         },