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

package/src/field/detail/o2o/DetailO2OSelectFieldWidget.ts

@@ -9,7 +9,7 @@ import { DetailM2OSelectFieldWidget } from '../m2o/DetailM2OSelectFieldWidget';
  */
 @SPI.ClassFactory(
   FormFieldWidget.Token({
-    viewType: [ViewType.Detail],
+    viewType: ViewType.Detail,
     ttype: ModelFieldType.OneToOne,
     widget: 'Select'
   })

package/src/field/detail/string/hyperlinks/DetailStringHyperlinksFieldWidget.ts

@@ -7,7 +7,7 @@ import DetailHyperlinks from './DetailHyperlinks.vue';
 
 @SPI.ClassFactory(
   FormFieldWidget.Token({
-    viewType: [ViewType.Detail],
+    viewType: ViewType.Detail,
     ttype: ModelFieldType.String,
     widget: 'Hyperlinks'
   })

package/src/field/detail/string/iframe/DetailStringIframeFieldWidget.ts

@@ -7,9 +7,9 @@ import Iframe from './Iframe.vue';
 
 @SPI.ClassFactory(
   FormFieldWidget.Token({
-    viewType: [ViewType.Detail],
+    viewType: ViewType.Detail,
     ttype: ModelFieldType.String,
-    widget: ['Iframe']
+    widget: 'Iframe'
   })
 )
 export class DetailStringIframeFieldWidget extends FormStringFieldWidget {

package/src/field/detail/string/media/DetailStringMediaPlayerFieldWidget.ts

@@ -6,7 +6,7 @@ import { FormStringFieldWidget } from '../../../form';
 
 @SPI.ClassFactory(
   FormFieldWidget.Token({
-    viewType: [ViewType.Detail],
+    viewType: ViewType.Detail,
     ttype: ModelFieldType.String,
     widget: ['MediaPlayer']
   })

package/src/field/detail/string/string-with-copy/DetailStringWithCopyFieldWidget.ts

@@ -4,7 +4,7 @@ import { BaseFieldWidget } from '../../../../basic';
 import String from './String.vue';
 
 @SPI.ClassFactory(
-  BaseFieldWidget.Token({ viewType: [ViewType.Detail], ttype: ModelFieldType.String, widget: 'StringWithCopy' })
+  BaseFieldWidget.Token({ viewType: ViewType.Detail, ttype: ModelFieldType.String, widget: 'StringWithCopy' })
 )
 export class DetailStringWithCopyFieldWidget extends BaseFieldWidget {
   public initialize(props: any): this {

package/src/field/detail/string/tag/DetailStringTagFieldWidget.ts

@@ -8,7 +8,7 @@ import DetailTag from './DetailTag.vue';
 
 @SPI.ClassFactory(
   FormFieldWidget.Token({
-    viewType: [ViewType.Detail],
+    viewType: ViewType.Detail,
     ttype: [ModelFieldType.String, ModelFieldType.Integer, ModelFieldType.Text],
     multi: true
   })

package/src/field/detail/string/upload/DetailStringUploadFieldWidget.ts

@@ -7,7 +7,7 @@ import ReadonlyUpload from './ReadonlyUpload.vue';
 
 @SPI.ClassFactory(
   FormFieldWidget.Token({
-    viewType: [ViewType.Detail],
+    viewType: ViewType.Detail,
     ttype: [ModelFieldType.String, ModelFieldType.Text],
     widget: ['Upload']
   })

package/src/field/detail/string/upload/DetailStringUploadImgFieldWidget.ts

@@ -5,7 +5,7 @@ import ReadonlyUploadImg from './ReadonlyUploadImg.vue';
 
 @SPI.ClassFactory(
   FormFieldWidget.Token({
-    viewType: [ViewType.Detail],
+    viewType: ViewType.Detail,
     ttype: [ModelFieldType.String, ModelFieldType.Text],
     widget: ['UploadImg']
   })

package/src/field/form/abstract/FormInputAbstractFieldWidget.ts

@@ -18,39 +18,35 @@ export class FormInputAbstractFieldWidget<
   Field extends RuntimeModelField = RuntimeModelField
 > extends FormFieldWidget<Value, Field> {
   /**
-   * 是否支持前缀
+   * 前缀具体内容
    * @protected
    */
   @Widget.Reactive()
-  protected get showPrefix() {
-    const _showPrefix = this.getDsl().showSuffix;
-    if (_showPrefix) {
-      return _showPrefix;
-    }
-    return false;
+  protected get prefix() {
+    const { prefix = '' } = this.getDsl();
+    return translateValueByKey(prefix);
   }
 
   /**
-   * 是否支持后缀
+   * 前缀类型
    * @protected
    */
   @Widget.Reactive()
-  protected get showSuffix() {
-    const _showSuffix = this.getDsl().showSuffix;
-    if (_showSuffix) {
-      return _showSuffix;
-    }
-    return false;
+  protected get prefixType() {
+    return this.getDsl().prefixType;
   }
 
   /**
-   * 前缀具体内容
+   * 前缀是否存储
    * @protected
    */
   @Widget.Reactive()
-  protected get prefix() {
-    const { prefix = '' } = this.getDsl();
-    return translateValueByKey(prefix);
+  protected get prefixStore() {
+    const _prefixStore = this.getDsl().prefixStore;
+    if (_prefixStore) {
+      return _prefixStore;
+    }
+    return false;
   }
 
   /**
@@ -63,20 +59,6 @@ export class FormInputAbstractFieldWidget<
     return translateValueByKey(suffix);
   }
 
-  @Widget.Reactive()
-  protected get independentlyEditable() {
-    return BooleanHelper.toBoolean(this.getDsl().independentlyEditable);
-  }
-
-  /**
-   * 前缀类型
-   * @protected
-   */
-  @Widget.Reactive()
-  protected get prefixType() {
-    return this.getDsl().prefixType;
-  }
-
   /**
    * 后缀类型
    * @protected
@@ -86,19 +68,6 @@ export class FormInputAbstractFieldWidget<
     return this.getDsl().suffixType;
   }
 
-  /**
-   * 前缀是否存储
-   * @protected
-   */
-  @Widget.Reactive()
-  protected get prefixStore() {
-    const _prefixStore = this.getDsl().prefixStore;
-    if (_prefixStore) {
-      return _prefixStore;
-    }
-    return false;
-  }
-
   /**
    * 后缀是否存储
    * @protected
@@ -121,11 +90,6 @@ export class FormInputAbstractFieldWidget<
     return _prefixes;
   }
 
-  @Widget.Reactive()
-  protected get mode() {
-    return this.getDsl().mode || InputMediaMode.DYNAMIC;
-  }
-
   @Widget.Reactive()
   protected get type() {
     return this.getDsl().type;
@@ -250,4 +214,44 @@ export class FormInputAbstractFieldWidget<
     }
     this.prefixesValue = val;
   }
+
+  /**
+   * @deprecated please move to the place of use.
+   */
+  @Widget.Reactive()
+  protected get mode() {
+    return this.getDsl().mode || InputMediaMode.DYNAMIC;
+  }
+
+  /**
+   * @deprecated invalid prop
+   */
+  @Widget.Reactive()
+  protected get showPrefix() {
+    const _showPrefix = this.getDsl().showSuffix;
+    if (_showPrefix) {
+      return _showPrefix;
+    }
+    return false;
+  }
+
+  /**
+   * @deprecated invalid prop
+   */
+  @Widget.Reactive()
+  protected get showSuffix() {
+    const _showSuffix = this.getDsl().showSuffix;
+    if (_showSuffix) {
+      return _showSuffix;
+    }
+    return false;
+  }
+
+  /**
+   * @deprecated invalid prop
+   */
+  @Widget.Reactive()
+  protected get independentlyEditable() {
+    return BooleanHelper.toBoolean(this.getDsl().independentlyEditable);
+  }
 }

package/src/field/form/abstract/checkbox/FormCheckboxWidget.ts

@@ -1,11 +1,9 @@
 import { RuntimeEnumerationOption, RuntimeModelField } from '@oinone/kunlun-engine';
-import { BooleanHelper } from '@oinone/kunlun-shared';
+import { BooleanHelper, EnumerationValue } from '@oinone/kunlun-shared';
 import { WidgetTrigger } from '@oinone/kunlun-vue-ui-common';
 import { Widget } from '@oinone/kunlun-vue-widget';
 import { FormFieldWidget } from '../../../../basic/field/FormFieldWidget';
 
-export type EnumerationValue = boolean | string;
-
 export abstract class FormCheckboxWidget<
   Value extends EnumerationValue | EnumerationValue[] = EnumerationValue | EnumerationValue[],
   Field extends RuntimeModelField = RuntimeModelField

package/src/field/form/{enum/radio → boolean}/FormBooleanRadioFieldWidget.ts

@@ -1,10 +1,10 @@
 import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
+import { EnumerationValue } from '@oinone/kunlun-shared';
 import { SPI } from '@oinone/kunlun-spi';
 import { Widget } from '@oinone/kunlun-vue-widget';
-import { FormFieldWidget } from '../../../../basic';
-import { EnumerationValue } from '../FormEnumFieldAbstractWidget';
-import { FormBooleanSelectFieldWidget } from '../select';
-import FormEnumRadio from './FormEnumRadio.vue';
+import { FormFieldWidget } from '../../../basic';
+import FormEnumRadio from '../enum/radio/FormEnumRadio.vue';
+import { FormBooleanSelectFieldWidget } from './FormBooleanSelectFieldWidget';
 
 @SPI.ClassFactory(
   FormFieldWidget.Token({
@@ -20,6 +20,24 @@ export class FormBooleanRadioFieldWidget extends FormBooleanSelectFieldWidget {
     return this;
   }
 
+  @Widget.Reactive()
+  protected get orientation() {
+    const _orientation = this.getDsl().orientation as string;
+    if (_orientation) {
+      return _orientation;
+    }
+    return undefined;
+  }
+
+  @Widget.Reactive()
+  protected get radioMode() {
+    const _radioMode = this.getDsl().radioMode as string;
+    if (_radioMode) {
+      return _radioMode;
+    }
+    return undefined;
+  }
+
   @Widget.Reactive()
   protected get rowLimit() {
     return this.getDsl().rowLimit;

package/src/field/form/{enum/select/bool → boolean}/FormBooleanSelectFieldWidget.ts

@@ -1,17 +1,16 @@
 import { RuntimeEnumerationOption, SubmitHandler, SubmitValue, translateValueByKey } from '@oinone/kunlun-engine';
 import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
-import { BooleanHelper } from '@oinone/kunlun-shared';
+import { BooleanHelper, EnumerationValue } from '@oinone/kunlun-shared';
 import { SPI } from '@oinone/kunlun-spi';
 import { Widget } from '@oinone/kunlun-vue-widget';
 import { toString } from 'lodash-es';
-import { FormFieldWidget } from '../../../../../basic';
-import { EnumerationValue } from '../../FormEnumFieldAbstractWidget';
-import { FormEnumFieldWidget } from '../single';
+import { FormFieldWidget } from '../../../basic';
+import { FormEnumFieldWidget } from '../enum';
 
 @SPI.ClassFactory(
   FormFieldWidget.Token({
     viewType: [ViewType.Form, ViewType.Search],
-    ttype: [ModelFieldType.Boolean],
+    ttype: ModelFieldType.Boolean,
     widget: 'Select'
   })
 )

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

@@ -1,2 +1,4 @@
 export * from './FormBooleanSwitchFieldWidget';
+export * from './FormBooleanRadioFieldWidget';
+export * from './FormBooleanSelectFieldWidget';
 export * from './FormBooleanCheckboxFieldWidget';

package/src/field/form/enum/FormEnumFieldAbstractWidget.ts

@@ -1,7 +1,6 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
 import { RuntimeEnumerationField, RuntimeEnumerationOption, translateValueByKey } from '@oinone/kunlun-engine';
-import { EnumOptionState, deepClone } from '@oinone/kunlun-meta';
-import { BooleanHelper } from '@oinone/kunlun-shared';
+import { deepClone, EnumOptionState } from '@oinone/kunlun-meta';
+import { BooleanHelper, EnumerationValue } from '@oinone/kunlun-shared';
 import { WidgetTrigger } from '@oinone/kunlun-vue-ui-common';
 import { Widget } from '@oinone/kunlun-vue-widget';
 import { isNil, toString } from 'lodash-es';
@@ -10,8 +9,6 @@ import { isValidatorSuccess, ValidatorInfo } from '../../../typing';
 import { OptionColorStyle } from '../../FieldCommonEnum';
 import { enumFetchLabelByValue } from '../../util';
 
-export type EnumerationValue = boolean | string;
-
 export abstract class FormEnumFieldAbstractWidget<
   Value extends EnumerationValue | EnumerationValue[] = EnumerationValue | EnumerationValue[]
 > extends FormFieldWidget<Value, RuntimeEnumerationField> {
@@ -43,34 +40,6 @@ export abstract class FormEnumFieldAbstractWidget<
     return super.compute();
   }
 
-  @Widget.Reactive()
-  private get orientation() {
-    const _orientation = this.getDsl().orientation as string;
-    if (_orientation) {
-      return _orientation;
-    }
-    return undefined;
-  }
-
-  @Widget.Reactive()
-  private get radioMode() {
-    const _radioMode = this.getDsl().radioMode as string;
-    if (_radioMode) {
-      return _radioMode;
-    }
-    return undefined;
-  }
-
-  @Widget.Reactive()
-  protected get optionColor() {
-    return this.optionColorStyle === OptionColorStyle.COLORFUL;
-  }
-
-  @Widget.Reactive()
-  protected get optionColorStyle() {
-    return this.getDsl().optionColorStyle || OptionColorStyle.COLORFUL;
-  }
-
   @Widget.Reactive()
   private get maxNumber() {
     const _maxNumber = this.getDsl().maxNumber;
@@ -252,4 +221,44 @@ export abstract class FormEnumFieldAbstractWidget<
     const metaOptions = this.field.options;
     return metaOptions?.map((_o) => _o.name);
   }
+
+  /**
+   * @deprecated please move to the location of use.
+   */
+  @Widget.Reactive()
+  protected get optionColor() {
+    return this.optionColorStyle === OptionColorStyle.COLORFUL;
+  }
+
+  /**
+   * @deprecated please move to the location of use.
+   */
+  @Widget.Reactive()
+  protected get optionColorStyle() {
+    return this.getDsl().optionColorStyle || OptionColorStyle.COLORFUL;
+  }
+
+  /**
+   * @deprecated please move to the location of use.
+   */
+  @Widget.Reactive()
+  protected get orientation() {
+    const _orientation = this.getDsl().orientation as string;
+    if (_orientation) {
+      return _orientation;
+    }
+    return undefined;
+  }
+
+  /**
+   * @deprecated please move to the location of use.
+   */
+  @Widget.Reactive()
+  protected get radioMode() {
+    const _radioMode = this.getDsl().radioMode as string;
+    if (_radioMode) {
+      return _radioMode;
+    }
+    return undefined;
+  }
 }

package/src/field/form/enum/checkbox/FormEnumMultiCheckboxFieldWidget.ts

@@ -3,7 +3,6 @@ import { SPI } from '@oinone/kunlun-spi';
 import { ValidateTrigger } from '@oinone/kunlun-vue-ui-common';
 import { Widget } from '@oinone/kunlun-vue-widget';
 import { FormFieldWidget } from '../../../../basic';
-import { ValidatorInfo } from '../../../../typing';
 import { FormEnumFieldAbstractWidget } from '../FormEnumFieldAbstractWidget';
 import MultiEnumCheckbox from './MultiEnumCheckbox.vue';
 
@@ -22,6 +21,15 @@ export class FormEnumMultiCheckboxFieldWidget extends FormEnumFieldAbstractWidge
     return this;
   }
 
+  @Widget.Reactive()
+  protected get orientation() {
+    const _orientation = this.getDsl().orientation as string;
+    if (_orientation) {
+      return _orientation;
+    }
+    return undefined;
+  }
+
   @Widget.Reactive()
   public get validateTrigger(): ValidateTrigger[] {
     return [ValidateTrigger.CHANGE];

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

@@ -1,4 +1,5 @@
+export * from './FormEnumFieldAbstractWidget';
 export * from './checkbox';
 export * from './radio';
 export * from './select';
-export * from './thumbnail';
+export * from './thumbnail';

package/src/field/form/enum/radio/FormEnumRadioWidget.ts

@@ -1,10 +1,9 @@
 import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
-import { BooleanHelper, Optional } from '@oinone/kunlun-shared';
+import { BooleanHelper, EnumerationValue, Optional } from '@oinone/kunlun-shared';
 import { SPI } from '@oinone/kunlun-spi';
 import { Widget } from '@oinone/kunlun-vue-widget';
-import { isNil } from 'lodash-es';
 import { FormFieldWidget } from '../../../../basic';
-import { EnumerationValue, FormEnumFieldAbstractWidget } from '../FormEnumFieldAbstractWidget';
+import { FormEnumFieldAbstractWidget } from '../FormEnumFieldAbstractWidget';
 import FormEnumRadio from './FormEnumRadio.vue';
 
 @SPI.ClassFactory(
@@ -22,12 +21,26 @@ export class FormEnumRadioWidget extends FormEnumFieldAbstractWidget<Enumeration
   }
 
   @Widget.Reactive()
-  protected get allowClear() {
-    const { allowClear } = this.getDsl();
-    if (isNil(allowClear)) {
-      return false;
+  protected get orientation() {
+    const _orientation = this.getDsl().orientation as string;
+    if (_orientation) {
+      return _orientation;
+    }
+    return undefined;
+  }
+
+  @Widget.Reactive()
+  protected get radioMode() {
+    const _radioMode = this.getDsl().radioMode as string;
+    if (_radioMode) {
+      return _radioMode;
     }
-    return allowClear;
+    return undefined;
+  }
+
+  @Widget.Reactive()
+  protected get allowClear() {
+    return Optional.ofNullable(this.getDsl().allowClear).orElse(false);
   }
 
   @Widget.Reactive()

package/src/field/form/enum/radio/index.ts

@@ -1,2 +1 @@
-export * from './FormBooleanRadioFieldWidget';
 export * from './FormEnumRadioWidget';

package/src/field/form/enum/select/index.ts

@@ -1,3 +1,2 @@
-export * from './bool';
 export * from './multi';
 export * from './single';

package/src/field/form/enum/select/multi/FormEnumMultiSelectFieldWidget.ts

@@ -1,7 +1,8 @@
 import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
+import { EnumerationValue } from '@oinone/kunlun-shared';
 import { SPI } from '@oinone/kunlun-spi';
 import { FormFieldWidget } from '../../../../../basic';
-import { EnumerationValue, FormEnumFieldAbstractWidget } from '../../FormEnumFieldAbstractWidget';
+import { FormEnumFieldAbstractWidget } from '../../FormEnumFieldAbstractWidget';
 import MultiEnumSelect from './MultiEnumSelect.vue';
 
 @SPI.ClassFactory(

package/src/field/form/enum/select/single/FormEnumFieldWidget.ts

@@ -1,7 +1,8 @@
 import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
+import { EnumerationValue } from '@oinone/kunlun-shared';
 import { SPI } from '@oinone/kunlun-spi';
 import { FormFieldWidget } from '../../../../../basic';
-import { EnumerationValue, FormEnumFieldAbstractWidget } from '../../FormEnumFieldAbstractWidget';
+import { FormEnumFieldAbstractWidget } from '../../FormEnumFieldAbstractWidget';
 import EnumSelect from './EnumSelect.vue';
 
 @SPI.ClassFactory(

package/src/field/form/index.ts

@@ -3,6 +3,7 @@ export * from './currency';
 export * from './date';
 export * from './enum';
 export * from './float';
+export * from './html';
 export * from './integer';
 export * from './m2m';
 export * from './m2o';
@@ -18,6 +19,3 @@ export * from './abstract/FormInputAbstractFieldWidget';
 
 export * from './related/FormRelatedFieldWidget';
 // export * from '.M2MFieldSelectWidget';
-
-export * from './html';
-export * from './metadata-area';

package/src/field/form/integer/FormIntegerFieldWidget.ts

@@ -86,11 +86,6 @@ export class FormIntegerFieldWidget<
     return this.getDsl().reduceStep;
   }
 
-  @Widget.Reactive()
-  protected get unit(): string | undefined {
-    return this.executeExpression<string>(this.getDsl().unit);
-  }
-
   @Widget.Reactive()
   protected get autocorrection() {
     return Optional.ofNullable(this.getDsl().autocorrection)

package/src/field/form/integer/FormIntegerSliderFieldWidget.ts

@@ -12,7 +12,7 @@ import { FormIntegerFieldWidget } from './FormIntegerFieldWidget';
 @SPI.ClassFactory(
   FormFieldWidget.Token({
     viewType: ViewType.Form,
-    ttype: [ModelFieldType.Integer],
+    ttype: ModelFieldType.Integer,
     widget: 'Slider'
   })
 )

package/src/field/form/integer/FormIntegerTagFieldWidget.ts

@@ -7,6 +7,7 @@ import { FormStringMultiTagFieldWidget } from '../string';
   BaseFieldWidget.Token({
     viewType: ViewType.Form,
     ttype: ModelFieldType.Integer,
+    multi: true,
     widget: 'Tag'
   })
 )

package/src/field/form/m2m/select/FormM2MFieldSelectWidget.ts

@@ -1,10 +1,10 @@
 import { ActiveRecord, RuntimeM2MField, SubmitHandler, SubmitValue } from '@oinone/kunlun-engine';
-import { deepClone, ModelFieldType, ViewType } from '@oinone/kunlun-meta';
+import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
 import { SPI } from '@oinone/kunlun-spi';
 import { Widget } from '@oinone/kunlun-vue-widget';
+import { isEmpty } from 'lodash-es';
 import { FormFieldWidget, FormSelectComplexFieldWidget } from '../../../../basic';
 import SelectWidget from './SelectWidget.vue';
-import { isEmpty } from 'lodash-es';
 
 @SPI.ClassFactory(
   FormFieldWidget.Token({

package/src/field/form/m2m/table/FormM2MTableFieldWidget.ts

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

package/src/field/form/m2m/upload/FormM2MUploadFieldWidget.ts

@@ -1,7 +1,7 @@
 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 { BooleanHelper } from '@oinone/kunlun-shared';
 
 import { FormFieldWidget } from '../../../../basic';
 import { UploadCom } from '../../../../components';
@@ -9,9 +9,9 @@ import { FormM2MFieldUploadBaseWidget } from '../base/FormM2MFieldUploadBaseWidg
 
 @SPI.ClassFactory(
   FormFieldWidget.Token({
-    viewType: [ViewType.Form, ViewType.Detail, ViewType.Gallery, ViewType.Table],
+    viewType: [ViewType.Form, ViewType.Detail, ViewType.Gallery],
     ttype: ModelFieldType.ManyToMany,
-    widget: ['Upload']
+    widget: 'Upload'
   })
 )
 export class FormM2MUploadFieldWidget extends FormM2MFieldUploadBaseWidget {

package/src/field/form/m2m/upload/FormM2MUploadImgFieldWidget.ts

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

package/src/field/form/m2o/form/FormM2OFormFieldWidget.ts

@@ -6,7 +6,7 @@ import { FORM_WIDGET } from '../../../../typing';
 
 @SPI.ClassFactory(
   BaseFieldWidget.Token({
-    viewType: [ViewType.Form, ViewType.Detail],
+    viewType: [ViewType.Form, ViewType.Detail, ViewType.Gallery],
     ttype: [ModelFieldType.ManyToOne],
     widget: ['form', FORM_WIDGET]
   })

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

@@ -7,9 +7,9 @@ import { AbstractFormM2OUploadFieldWidget } from './AbstractFormM2OUploadFieldWi
 
 @SPI.ClassFactory(
   FormFieldWidget.Token({
-    viewType: [ViewType.Form, ViewType.Detail, ViewType.Gallery, ViewType.Table],
+    viewType: [ViewType.Form, ViewType.Gallery],
     ttype: ModelFieldType.ManyToOne,
-    widget: ['Upload']
+    widget: 'Upload'
   })
 )
 export class FormM2OUploadFieldWidget extends AbstractFormM2OUploadFieldWidget {
@@ -39,11 +39,4 @@ export class FormM2OUploadFieldWidget extends AbstractFormM2OUploadFieldWidget {
       this.change(null as any);
     }
   }
-
-  @Widget.Method()
-  protected drop(e) {
-    if (e) {
-      console.log('draggable drop', e);
-    }
-  }
 }