@oinone/kunlun-vue-admin-base 6.2.10 → 6.2.12

package/src/field/form/m2o/upload/FormM2OUploadImgFieldWidget.ts

@@ -11,7 +11,7 @@ import { AbstractFormM2OUploadFieldWidget } from './AbstractFormM2OUploadFieldWi
   FormFieldWidget.Token({
     viewType: [ViewType.Form, ViewType.Detail],
     ttype: ModelFieldType.ManyToOne,
-    widget: ['UploadImg']
+    widget: 'UploadImg'
   })
 )
 export class FormM2OUploadImgFieldWidget extends AbstractFormM2OUploadFieldWidget {

package/src/field/form/o2m/table/FormO2MTableFieldWidget.ts

@@ -10,6 +10,8 @@ import { TABLE_WIDGET } from '../../../../typing';
   BaseFieldWidget.Token({
     viewType: ViewType.Form,
     ttype: ModelFieldType.OneToMany,
+    // fixme @zbh 20250814 6.3.0版本使用多别称
+    // widget: ['table', TABLE_WIDGET]
     widget: TABLE_WIDGET
   })
 )

package/src/field/form/o2m/upload/FormO2MUploadImgFieldWidget.ts

@@ -9,7 +9,7 @@ import { FormO2MFieldUploadBaseWidget } from '../base/FormO2MFieldUploadBaseWidg
   FormFieldWidget.Token({
     viewType: [ViewType.Form, ViewType.Detail],
     ttype: ModelFieldType.OneToMany,
-    widget: ['UploadImg']
+    widget: 'UploadImg'
   })
 )
 export class FormO2MUploadImgFieldWidget extends FormO2MFieldUploadBaseWidget {

package/src/field/form/o2o/index.ts

@@ -3,3 +3,4 @@ export * from './form/FormO2OFormFieldWidget';
 export * from './radio';
 export * from './select/FormO2OSelectFieldWidget';
 export * from './tree-select/FormO2OTreeSelectFieldWidget';
+export * from './upload';

package/src/field/form/o2o/upload/AbstractFormO2OUploadFieldWidget.ts

@@ -0,0 +1,18 @@
+import { SubmitRelationHandler, SubmitValue } from '@oinone/kunlun-engine';
+import { AbstractFormM2OUploadFieldWidget } from '../../m2o';
+
+export class AbstractFormO2OUploadFieldWidget extends AbstractFormM2OUploadFieldWidget {
+  public async submit(submitValue: SubmitValue) {
+    const { field, itemName, value, viewMode, submitCache, submitType, relationUpdateType } = this;
+    return SubmitRelationHandler.O2O(
+      field,
+      itemName,
+      submitValue,
+      value,
+      viewMode,
+      submitCache,
+      submitType,
+      relationUpdateType
+    );
+  }
+}

package/src/field/form/o2o/upload/FormO2OUploadDraggableFieldWidget.ts

@@ -0,0 +1,47 @@
+import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
+import { SPI } from '@oinone/kunlun-spi';
+import { Widget } from '@oinone/kunlun-vue-widget';
+import { translateValueByKey } from '@oinone/kunlun-engine';
+import { FormFieldWidget } from '../../../../basic';
+import { UploadDraggable } from '../../../../components';
+import { FormO2OUploadFieldWidget } from './FormO2OUploadFieldWidget';
+
+@SPI.ClassFactory(
+  FormFieldWidget.Token({
+    viewType: [ViewType.Form, ViewType.Detail, ViewType.Gallery],
+    ttype: ModelFieldType.OneToOne,
+    widget: 'UploadDraggable'
+  })
+)
+export class FormO2OUploadDraggableFieldWidget extends FormO2OUploadFieldWidget {
+  public initialize(config) {
+    super.initialize(config);
+    this.setComponent(UploadDraggable);
+    return this;
+  }
+
+  // 拖拽上传图标
+  @Widget.Reactive()
+  public get draggableIcon() {
+    return this.getDsl().draggableIcon || 'oinone-shangchuan1';
+  }
+
+  // 拖拽上传提示词
+  @Widget.Reactive()
+  public get draggableTipText() {
+    return this.getDsl().draggableTipText || '点击 或 拖拽文件到这里上传';
+  }
+
+  // 是否展示支持拓展名
+  @Widget.Reactive()
+  public get showDraggableExtendsionsText() {
+    return this.getDsl().showDraggableExtendsionsText ?? true;
+  }
+
+  // 允许上传的文件类型提示文本
+  @Widget.Reactive()
+  public get draggableExtendsionsText() {
+    const allowdFileExtensionsString = this.limitFileExtensions || translateValueByKey('全部');
+    return translateValueByKey('支持拓展名: ') + allowdFileExtensionsString;
+  }
+}

package/src/field/form/o2o/upload/FormO2OUploadFieldWidget.ts

@@ -0,0 +1,42 @@
+import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
+import { SPI } from '@oinone/kunlun-spi';
+import { Widget } from '@oinone/kunlun-vue-widget';
+import { FormFieldWidget } from '../../../../basic';
+import { UploadCom } from '../../../../components';
+import { AbstractFormO2OUploadFieldWidget } from './AbstractFormO2OUploadFieldWidget';
+
+@SPI.ClassFactory(
+  FormFieldWidget.Token({
+    viewType: [ViewType.Form, ViewType.Detail, ViewType.Gallery, ViewType.Table],
+    ttype: ModelFieldType.OneToOne,
+    widget: 'Upload'
+  })
+)
+export class FormO2OUploadFieldWidget extends AbstractFormO2OUploadFieldWidget {
+  public initialize(config) {
+    super.initialize(config);
+    this.setComponent(UploadCom);
+    return this;
+  }
+
+  @Widget.Method()
+  protected getImportFile(data) {
+    this.change((data && data[0]) || null);
+  }
+
+  @Widget.Method()
+  public change(value) {
+    let finalValue = value;
+    if (Array.isArray(finalValue)) {
+      finalValue = finalValue?.[0];
+    }
+    super.change(finalValue);
+  }
+
+  @Widget.Method()
+  protected remove(file) {
+    if (file) {
+      this.change(null as any);
+    }
+  }
+}

package/src/field/form/o2o/upload/FormO2OUploadImgFieldWidget.ts

@@ -0,0 +1,62 @@
+import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
+import { BooleanHelper } from '@oinone/kunlun-shared';
+import { SPI } from '@oinone/kunlun-spi';
+import { Widget } from '@oinone/kunlun-vue-widget';
+import { isBoolean, isNil, isString } from 'lodash-es';
+import { FormFieldWidget } from '../../../../basic';
+import { UploadImgCom } from '../../../../components';
+import { AbstractFormO2OUploadFieldWidget } from './AbstractFormO2OUploadFieldWidget';
+
+@SPI.ClassFactory(
+  FormFieldWidget.Token({
+    viewType: [ViewType.Form, ViewType.Detail],
+    ttype: ModelFieldType.OneToOne,
+    widget: 'UploadImg'
+  })
+)
+export class FormO2OUploadImgFieldWidget extends AbstractFormO2OUploadFieldWidget {
+  public initialize(config) {
+    super.initialize(config);
+    this.setComponent(UploadImgCom);
+    return this;
+  }
+
+  @Widget.Method()
+  protected getImportFile(data) {
+    this.change((data && data[0]) || null);
+  }
+
+  @Widget.Method()
+  public change(v) {
+    const value = Array.isArray(v) ? v[0] || null : {};
+    super.change(value);
+
+    this.blur();
+  }
+
+  @Widget.Method()
+  protected remove(file) {
+    if (file) {
+      this.change(null as any);
+
+      this.blur();
+    }
+  }
+
+  @Widget.Reactive()
+  protected get showPreviewTitle() {
+    let { showPreviewTitle } = this.getDsl();
+    if (isNil(showPreviewTitle)) {
+      showPreviewTitle = true;
+    }
+    if (isBoolean(showPreviewTitle)) {
+      return showPreviewTitle;
+    }
+    if (isString(showPreviewTitle)) {
+      if (BooleanHelper.isStringBoolean(showPreviewTitle)) {
+        return !!BooleanHelper.toBoolean(showPreviewTitle);
+      }
+    }
+    return false;
+  }
+}

package/src/field/form/o2o/upload/index.ts

@@ -0,0 +1,4 @@
+export * from './AbstractFormO2OUploadFieldWidget';
+export * from './FormO2OUploadDraggableFieldWidget';
+export * from './FormO2OUploadFieldWidget';
+export * from './FormO2OUploadImgFieldWidget';

package/src/field/form/string/DefaultString.vue

@@ -97,10 +97,10 @@ export default defineComponent({
 
     const computeRealLength = (length) => {
       let finalLength = toNumber(length);
-      if (props.showSuffix && props.suffixStore) {
+      if (props.suffixStore) {
         finalLength -= props.suffix?.length || 0;
       }
-      if (props.showPrefix && props.prefixStore) {
+      if (props.prefixStore) {
         finalLength -= props.prefix?.length || 0;
       }
       return finalLength > 0 ? finalLength : 0;

package/src/field/form/string/FormStringFieldWidget.ts

@@ -51,33 +51,6 @@ export class FormStringFieldWidget extends FormInputAbstractFieldWidget<string,
     return false;
   }
 
-  @Widget.Reactive()
-  protected get patternType() {
-    const _patternType = this.getDsl().patternType;
-    if (_patternType) {
-      return this.executeExpression(_patternType);
-    }
-    return undefined;
-  }
-
-  @Widget.Reactive()
-  protected get pattern() {
-    const _pattern = this.getDsl().pattern;
-    if (_pattern) {
-      return _pattern;
-    }
-    return undefined;
-  }
-
-  @Widget.Reactive()
-  protected get clearSetEmpty() {
-    const _clearSetEmpty = this.getDsl().clearSetEmpty;
-    if (isNil(_clearSetEmpty)) {
-      return true;
-    }
-    return _clearSetEmpty || false;
-  }
-
   @Widget.Reactive()
   protected get crypto() {
     return this.getDsl().crypto || false;
@@ -145,4 +118,40 @@ export class FormStringFieldWidget extends FormInputAbstractFieldWidget<string,
 
     super.change(val);
   }
+
+  /**
+   * @deprecated invalid prop
+   */
+  @Widget.Reactive()
+  protected get patternType() {
+    const _patternType = this.getDsl().patternType;
+    if (_patternType) {
+      return this.executeExpression(_patternType);
+    }
+    return undefined;
+  }
+
+  /**
+   * @deprecated invalid prop
+   */
+  @Widget.Reactive()
+  protected get pattern() {
+    const _pattern = this.getDsl().pattern;
+    if (_pattern) {
+      return _pattern;
+    }
+    return undefined;
+  }
+
+  /**
+   * @deprecated invalid prop
+   */
+  @Widget.Reactive()
+  protected get clearSetEmpty() {
+    const _clearSetEmpty = this.getDsl().clearSetEmpty;
+    if (isNil(_clearSetEmpty)) {
+      return true;
+    }
+    return _clearSetEmpty || false;
+  }
 }

package/src/field/form/string/download/DefaultDownload.vue

@@ -7,6 +7,7 @@
 
 <script lang="ts">
 import { defineComponent, PropType } from 'vue';
+
 export default defineComponent({
   name: 'DefaultDownload',
   props: {

package/src/field/form/string/iframe/FormStringIframeFieldWidget.ts

@@ -1,5 +1,7 @@
 import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
 import { SPI } from '@oinone/kunlun-spi';
+import { InputMediaMode } from '@oinone/kunlun-vue-ui-common';
+import { Widget } from '@oinone/kunlun-vue-widget';
 import { FormFieldWidget } from '../../../../basic';
 import { FormStringInputFieldWidget } from '../input';
 import DefaultFormIframe from './DefaultFormIframe.vue';
@@ -8,7 +10,7 @@ import DefaultFormIframe from './DefaultFormIframe.vue';
   FormFieldWidget.Token({
     viewType: ViewType.Form,
     ttype: ModelFieldType.String,
-    widget: ['Iframe']
+    widget: 'Iframe'
   })
 )
 export class FormStringIframeFieldWidget extends FormStringInputFieldWidget {
@@ -17,6 +19,11 @@ export class FormStringIframeFieldWidget extends FormStringInputFieldWidget {
     this.setComponent(DefaultFormIframe);
     return this;
   }
+
+  @Widget.Reactive()
+  protected get mode() {
+    return this.getDsl().mode || InputMediaMode.DYNAMIC;
+  }
 }
 
 /**

package/src/field/form/string/input/FormStringInputFieldWidget.ts

@@ -18,10 +18,6 @@ import { FormStringFieldWidget } from '../FormStringFieldWidget';
 )
 export class FormStringInputFieldWidget extends FormStringFieldWidget {
   public submit(submitValue: SubmitValue) {
-    // const finalValue = this.addPrefixSuffix(this.inputRealValue);
-    // if (!finalValue && this.inputRealValue === undefined) {
-    //   return undefined;
-    // }
     let finalValue = this.value;
     /**
      * 数据提交的时候，如果判断当前字段是否需要加密

package/src/field/form/string/media/FormStringMediaPlayerFieldWidget.ts

@@ -1,7 +1,7 @@
 import { translateValueByKey } from '@oinone/kunlun-engine';
 import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
 import { SPI } from '@oinone/kunlun-spi';
-import { defaultMultiPartConfig, ValidateTrigger, WidgetTrigger } from '@oinone/kunlun-vue-ui-common';
+import { defaultMultiPartConfig, InputMediaMode, ValidateTrigger, WidgetTrigger } from '@oinone/kunlun-vue-ui-common';
 import { Widget } from '@oinone/kunlun-vue-widget';
 import { isArray, isNumber } from 'lodash-es';
 import { FormFieldWidget } from '../../../../basic';
@@ -18,7 +18,7 @@ enum FileSource {
   FormFieldWidget.Token({
     viewType: ViewType.Form,
     ttype: ModelFieldType.String,
-    widget: ['MediaPlayer']
+    widget: 'MediaPlayer'
   })
 )
 export class FormStringMediaPlayerFieldWidget extends FormStringInputFieldWidget {
@@ -28,6 +28,11 @@ export class FormStringMediaPlayerFieldWidget extends FormStringInputFieldWidget
     return this;
   }
 
+  @Widget.Reactive()
+  protected get mode() {
+    return this.getDsl().mode || InputMediaMode.DYNAMIC;
+  }
+
   @Widget.Reactive()
   protected get fileSource() {
     return this.getDsl().fileSource;

package/src/field/form/string/media/FormStringMultiMediaPlayerFieldWidget.ts

@@ -10,7 +10,7 @@ import Media from './Media.vue';
     viewType: [ViewType.Form, ViewType.Detail, ViewType.Table],
     ttype: ModelFieldType.String,
     multi: true,
-    widget: ['MediaPlayer']
+    widget: 'MediaPlayer'
   })
 )
 export class FormStringMultiMediaPlayerFieldWidget extends FormStringFieldWidget {

package/src/field/form/string/tag/Tag.vue

@@ -44,9 +44,6 @@ export default defineComponent({
     tagChange: {
       type: Function
     },
-    blur: {
-      type: Function
-    },
     placeholder: {
       type: String
     },

package/src/field/form/string/upload/FormStringUploadFieldWidget.ts

@@ -128,11 +128,6 @@ export class FormStringUploadFieldWidget extends FormFieldWidget<string[], Runti
     return -1;
   }
 
-  @Widget.Reactive()
-  protected get allLimitSize() {
-    return this.getDsl().allLimitSize || '';
-  }
-
   @Widget.Reactive()
   protected get multiple(): boolean {
     const _multiple = this.getDsl().multi;
@@ -154,18 +149,6 @@ export class FormStringUploadFieldWidget extends FormFieldWidget<string[], Runti
     return BooleanHelper.toBoolean(this.getDsl().privateLink);
   }
 
-  // 文件展示的前缀文本
-  @Widget.Reactive()
-  protected get fileDisplayPrefixText() {
-    return this.getDsl().displayPrefixText || 'prefix：';
-  }
-
-  // 文件展示的占位文本
-  @Widget.Reactive()
-  protected get fileDisplayText() {
-    return this.getDsl().fileDisplayText || 'fileDisplayText';
-  }
-
   public async validator(): Promise<ValidatorInfo> {
     const res = await super.validator();
     if (!isValidatorSuccess(res)) {
@@ -187,4 +170,28 @@ export class FormStringUploadFieldWidget extends FormFieldWidget<string[], Runti
     }
     return this.validatorSuccess();
   }
+
+  /**
+   * @deprecated invalid prop
+   */
+  @Widget.Reactive()
+  protected get allLimitSize() {
+    return this.getDsl().allLimitSize || '';
+  }
+
+  /**
+   * @deprecated invalid code
+   */
+  @Widget.Reactive()
+  protected get fileDisplayPrefixText() {
+    return this.getDsl().displayPrefixText || 'prefix：';
+  }
+
+  /**
+   * @deprecated invalid code
+   */
+  @Widget.Reactive()
+  protected get fileDisplayText() {
+    return this.getDsl().fileDisplayText || 'fileDisplayText';
+  }
 }

package/src/field/form/string/upload/FormStringUploadImgFieldWidget.ts

@@ -8,7 +8,7 @@ import { FormStringUploadFieldWidget } from './FormStringUploadFieldWidget';
   BaseFieldWidget.Token({
     viewType: ViewType.Form,
     ttype: [ModelFieldType.String, ModelFieldType.Text],
-    widget: ['UploadImg']
+    widget: 'UploadImg'
   })
 )
 export class FormStringUploadImgFieldWidget extends FormStringUploadFieldWidget {

package/src/field/form/text/DefaultTextarea.vue

@@ -47,7 +47,7 @@ export default defineComponent({
       type: String
     },
     rows: {
-      type: Number,
+      type: [Number, Boolean, Object],
       default: 3
     },
     allowClear: {
@@ -80,13 +80,19 @@ export default defineComponent({
     const realValue = ref(props.value || props.defaultValue);
 
     const autoSize = computed(() => {
-      const { rows } = props;
+      const rows = props.rows;
       if (isNil(rows)) {
         return true;
       }
-      return {
-        minRows: rows
-      };
+      if (typeof rows === 'number') {
+        if (rows < 0) {
+          return undefined;
+        }
+        return {
+          minRows: rows
+        };
+      }
+      return rows;
     });
 
     watch(

package/src/field/form/text/FormTextFieldWidget.ts

@@ -1,4 +1,5 @@
 import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
+import { BooleanHelper } from '@oinone/kunlun-shared';
 import { SPI } from '@oinone/kunlun-spi';
 import { Widget } from '@oinone/kunlun-vue-widget';
 import { isNaN, isNumber } from 'lodash-es';
@@ -6,6 +7,7 @@ import { FormFieldWidget } from '../../../basic';
 import { isValidatorSuccess, ValidatorInfo } from '../../../typing';
 import { FormStringFieldWidget } from '../string/FormStringFieldWidget';
 import DefaultTextarea from './DefaultTextarea.vue';
+import { InputTextareaSize } from './typing';
 
 @SPI.ClassFactory(FormFieldWidget.Token({ viewType: [ViewType.Form, ViewType.Search], ttype: ModelFieldType.Text }))
 export class FormTextFieldWidget extends FormStringFieldWidget {
@@ -16,12 +18,37 @@ export class FormTextFieldWidget extends FormStringFieldWidget {
   }
 
   @Widget.Reactive()
-  protected get rows(): number {
-    const rows = Number(this.getDsl().rows);
-    if (isNaN(rows)) {
-      return 3;
+  protected get defaultRows(): InputTextareaSize {
+    return 3;
+  }
+
+  @Widget.Reactive()
+  protected get rows(): InputTextareaSize {
+    const { rows } = this.getDsl();
+    if (rows == null) {
+      return this.defaultRows;
+    }
+    const autoSize = BooleanHelper.toBoolean(rows);
+    if (autoSize != null) {
+      return autoSize;
+    }
+    const minRows = Number(rows);
+    if (!isNaN(minRows)) {
+      return minRows;
+    }
+    if (typeof rows === 'string') {
+      const [minRows, maxRows] = rows.split(',');
+      const minRowsNumber = Number(minRows);
+      const maxRowsNumber = Number(maxRows);
+      if (isNaN(minRowsNumber) || isNaN(maxRowsNumber)) {
+        return this.defaultRows;
+      }
+      return {
+        minRows: minRowsNumber,
+        maxRows: maxRowsNumber
+      };
     }
-    return rows;
+    return this.defaultRows;
   }
 
   @Widget.Reactive()

package/src/field/form/text/index.ts

@@ -1,2 +1,3 @@
 export * from './FormTextFieldWidget';
 export * from './DomainExpGenerator';
+export * from './typing';

package/src/field/form/text/typing.ts

@@ -0,0 +1 @@
+export type InputTextareaSize = number | boolean | { minRows?: number; maxRows?: number } | undefined;

package/src/field/gallery/boolean/GalleryBooleanFieldWidget.ts

@@ -1,11 +1,15 @@
 import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
 import { SPI } from '@oinone/kunlun-spi';
-
 import { FormFieldWidget } from '../../../basic/field';
-import Boolean from './Boolean.vue';
 import { DetailBooleanFieldWidget } from '../../detail';
+import Boolean from './Boolean.vue';
 
-@SPI.ClassFactory(FormFieldWidget.Token({ viewType: [ViewType.Gallery], ttype: ModelFieldType.Boolean }))
+@SPI.ClassFactory(
+  FormFieldWidget.Token({
+    viewType: ViewType.Gallery,
+    ttype: ModelFieldType.Boolean
+  })
+)
 export class GalleryBooleanFieldWidget extends DetailBooleanFieldWidget {
   public initialize(props) {
     super.initialize(props);

package/src/field/gallery/boolean/GalleryBooleanSelectFieldWidget.ts

@@ -6,7 +6,7 @@ import GalleryEnum from '../enum/GalleryEnum.vue';
 
 @SPI.ClassFactory(
   FormFieldWidget.Token({
-    viewType: [ViewType.Gallery],
+    viewType: ViewType.Gallery,
     ttype: [ModelFieldType.Boolean],
     widget: ['Select', 'Radio']
   })

package/src/field/gallery/common/GalleryCommonField.vue

@@ -52,7 +52,13 @@ export default defineComponent({
 
     const justifyContent = computed(() => {
       return Optional.ofNullable(props.justifyContent)
-        .map((v) => FlexRowJustify[v!])
+        .map((v) => {
+          const target = FlexRowJustify[v];
+          if (target) {
+            return target;
+          }
+          return v as FlexRowJustify;
+        })
         .orElse(FlexRowJustify.START);
     });
 

package/src/field/gallery/common/GalleryCommonFieldWidget.ts

@@ -8,14 +8,8 @@ import GalleryCommonField from './GalleryCommonField.vue';
 
 @SPI.ClassFactory(
   FormFieldWidget.Token({
-    viewType: [ViewType.Gallery],
-    ttype: [
-      ModelFieldType.String,
-      ModelFieldType.Text,
-      ModelFieldType.Phone,
-      ModelFieldType.Email,
-      ModelFieldType.Related
-    ]
+    viewType: ViewType.Gallery,
+    ttype: [ModelFieldType.Text, ModelFieldType.Related]
   })
 )
 export class GalleryCommonFieldWidget extends DetailCommonFieldWidget {

package/src/field/gallery/enum/single/GalleryEnumTagFieldWidget.ts

@@ -8,7 +8,7 @@ import GalleryTagEnum from './GalleryTagEnum.vue';
 
 @SPI.ClassFactory(
   FormFieldWidget.Token({
-    viewType: [ViewType.Gallery],
+    viewType: ViewType.Gallery,
     ttype: ModelFieldType.Enum,
     widget: ['Tag', 'TagEnum']
   })

package/src/field/gallery/html/GalleryHtmlFieldWidget.ts

@@ -7,7 +7,7 @@ import Html from './Html.vue';
 
 @SPI.ClassFactory(
   FormFieldWidget.Token({
-    viewType: [ViewType.Gallery],
+    viewType: ViewType.Gallery,
     ttype: ModelFieldType.HTML
   })
 )
@@ -20,6 +20,6 @@ export class GalleryHtmlFieldWidget extends DetailHtmlFieldWidget {
 
   @Widget.Reactive()
   public get showHeight() {
-    return this.getDsl()?.showHeight;
+    return this.getDsl().showHeight;
   }
 }

package/src/field/gallery/m2m/GalleryM2MSelectFieldWidget.ts

@@ -6,7 +6,7 @@ import { GalleryO2MSelectFieldWidget } from '../o2m';
 
 @SPI.ClassFactory(
   FormFieldWidget.Token({
-    viewType: [ViewType.Gallery],
+    viewType: ViewType.Gallery,
     ttype: ModelFieldType.ManyToMany
   })
 )