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

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);
-    }
-  }
 }

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;