fix(ui): allow select columns with no options

Re #2764

Signed-off-by: mertmit <mertmit99@gmail.com>

packages/nc-gui/components/project/spreadsheet/components/cell/EnumCell.vue

@@ -17,7 +17,9 @@ export default {
   props: ['value', 'column'],
   computed: {
     enumValues() {
-      const opts = this.column.colOptions.options || [];
+      const opts = (this.column.colOptions)
+        ? this.column.colOptions.options.filter(el => el.title !== '') || []
+        : [];
       for (const op of opts.filter(el => el.order === null)) {
         op.title = op.title.replace(/^'/, '').replace(/'$/, '');
       }

packages/nc-gui/components/project/spreadsheet/components/cell/SetListCell.vue

@@ -19,7 +19,9 @@ export default {
   props: ['value', 'column'],
   computed: {
     setValues() {
-      const opts = this.column.colOptions.options || [];
+      const opts = (this.column.colOptions)
+        ? this.column.colOptions.options.filter(el => el.title !== '') || []
+        : [];
       for (const op of opts.filter(el => el.order === null)) {
         op.title = op.title.replace(/^'/, '').replace(/'$/, '');
       }

packages/nc-gui/components/project/spreadsheet/components/editableCell/EnumListEditableCell.vue

@@ -55,7 +55,9 @@ export default {
       },
     },
     enumValues() {
-      const opts = this.column.colOptions.options || [];
+      const opts = (this.column.colOptions)
+        ? this.column.colOptions.options.filter(el => el.title !== '') || []
+        : [];
       for (const op of opts.filter(el => el.order === null)) {
         op.title = op.title.replace(/^'/, '').replace(/'$/, '');
       }

packages/nc-gui/components/project/spreadsheet/components/editableCell/SetListEditableCell.vue

@@ -59,7 +59,9 @@ export default {
       },
     },
     setValues() {
-      const opts = this.column.colOptions.options || [];
+      const opts = (this.column.colOptions)
+        ? this.column.colOptions.options.filter(el => el.title !== '') || []
+        : [];
       for (const op of opts.filter(el => el.order === null)) {
         op.title = op.title.replace(/^'/, '').replace(/'$/, '');
       }