@oinone/kunlun-vue-admin-base 6.3.8 → 6.4.0

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

@@ -0,0 +1,29 @@
+import { ActiveRecord, RuntimeM2MField, SubmitHandler, SubmitValue } from '@oinone/kunlun-engine';
+import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
+import { SPI } from '@oinone/kunlun-spi';
+import { SelectMode } from '@oinone/kunlun-vue-ui-common';
+import { Widget } from '@oinone/kunlun-vue-widget';
+import { FormFieldWidget, SelectTableFieldWidget } from '../../../../basic';
+
+@SPI.ClassFactory(
+  FormFieldWidget.Token({
+    viewType: [ViewType.Form, ViewType.Search],
+    ttype: ModelFieldType.ManyToMany,
+    widget: 'SelectTable'
+  })
+)
+export class FormM2MSelectTableFieldWidget extends SelectTableFieldWidget<ActiveRecord[], RuntimeM2MField> {
+  @Widget.Reactive()
+  protected get selectMode() {
+    return SelectMode.multiple;
+  }
+
+  public async submit(submitValue: SubmitValue) {
+    const { field, itemName, value } = this;
+    return SubmitHandler.M2M(field, itemName, submitValue, value);
+  }
+
+  protected async mounted() {
+    await this.loadOriginValue();
+  }
+}

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

@@ -0,0 +1,3 @@
+export * from './FormM2MSelectFieldWidget';
+export * from './FormM2MSelectModalFieldWidget';
+export * from './FormM2MSelectTableFieldWidget';

package/src/field/form/m2o/address/FormM2OAddressFieldWidget.ts

@@ -11,18 +11,21 @@ import {
   BooleanHelper,
   CastHelper,
   ObjectUtils,
+  OioTreeNode,
   Optional,
   StandardString,
   uniqueKeyGenerator
 } from '@oinone/kunlun-shared';
 import { SPI } from '@oinone/kunlun-spi';
-import { OioTreeNode } from '@oinone/kunlun-vue-ui-common';
 import { Widget } from '@oinone/kunlun-vue-widget';
 import { FormFieldWidget } from '../../../../basic';
 import { TreeNodeResponseBody, TreeService } from '../../../../service';
 import { AddressTypeEnum, ResourceAddress, ResourceRegion, TreeData, TreeNodeMetadata } from '../../../../typing';
 import { FetchUtil } from '../../../../util';
-import { generatorDefaultAddressTreeDefinition } from '../../../../util/default-tree-definition';
+import {
+  DefaultAddressTypeEnum,
+  generatorDefaultAddressTreeDefinition
+} from '../../../../util/default-tree-definition';
 import { FormM2OCascaderFieldWidget } from '../cascader/FormM2OCascaderFieldWidget';
 
 @SPI.ClassFactory(
@@ -46,8 +49,13 @@ export class FormM2OAddressFieldWidget extends FormM2OCascaderFieldWidget {
     return Optional.ofNullable(this.getDsl().changeOnSelect).map(BooleanHelper.toBoolean).orElse(true)!;
   }
 
+  @Widget.Reactive()
+  protected get addressType(): string | undefined {
+    return this.getDsl().addressType;
+  }
+
   protected generatorDefaultTreeDefinition(props) {
-    return generatorDefaultAddressTreeDefinition();
+    return generatorDefaultAddressTreeDefinition(this.addressType as DefaultAddressTypeEnum);
   }
 
   protected getSubmitField(metadata: TreeNodeMetadata): Record<string, string> | undefined {
@@ -362,6 +370,9 @@ export class FormM2OAddressFieldWidget extends FormM2OCascaderFieldWidget {
   }
 
   public async submit(submitValue: SubmitValue) {
+    if (this.value == null) {
+      return super.submit(submitValue);
+    }
     return SubmitHandler.DEFAULT(this.field, this.itemName, submitValue, this.value);
   }
 }

package/src/field/form/m2o/company/FormM2OCompanyFieldWidget.ts

@@ -1,8 +1,10 @@
+import { PamirsCompany, RuntimeM2OField, SubmitRelationHandler, SubmitValue } from '@oinone/kunlun-engine';
 import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
+import { Optional } from '@oinone/kunlun-shared';
 import { SPI } from '@oinone/kunlun-spi';
-import { FormFieldWidget } from '../../../../basic';
-import { generatorDefaultCompanyTreeDefinition } from '../../../../util/default-tree-definition';
-import { FormM2OTreeSelectFieldWidget } from '../tree-select/FormM2OTreeSelectFieldWidget';
+import { Widget } from '@oinone/kunlun-vue-widget';
+import { FormFieldWidget, SelectFieldWidget } from '../../../../basic';
+import { CompanySelect, CompanySelectBizStyle } from '../../../../components';
 
 @SPI.ClassFactory(
   FormFieldWidget.Token({
@@ -11,8 +13,29 @@ import { FormM2OTreeSelectFieldWidget } from '../tree-select/FormM2OTreeSelectFi
     widget: 'Company'
   })
 )
-export class FormM2OCompanyFieldWidget extends FormM2OTreeSelectFieldWidget {
-  protected generatorDefaultTreeDefinition(props) {
-    return generatorDefaultCompanyTreeDefinition();
+export class FormM2OCompanyFieldWidget extends SelectFieldWidget<PamirsCompany, PamirsCompany, RuntimeM2OField> {
+  public initialize(props) {
+    super.initialize(props);
+    this.setComponent(CompanySelect);
+    return this;
+  }
+
+  @Widget.Reactive()
+  protected get bizStyle(): string | undefined {
+    return Optional.ofNullable(super.bizStyle).orElse(CompanySelectBizStyle.style2);
+  }
+
+  public async submit(submitValue: SubmitValue) {
+    const { field, itemName, value, viewMode, submitCache, submitType, relationUpdateType } = this;
+    return SubmitRelationHandler.M2O(
+      field,
+      itemName,
+      submitValue,
+      value,
+      viewMode,
+      submitCache,
+      submitType,
+      relationUpdateType
+    );
   }
 }

package/src/field/form/m2o/department/FormM2ODepartmentFieldWidget.ts

@@ -1,8 +1,10 @@
+import { PamirsDepartment, RuntimeM2OField, SubmitRelationHandler, SubmitValue } from '@oinone/kunlun-engine';
 import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
+import { BooleanHelper, StringHelper } from '@oinone/kunlun-shared';
 import { SPI } from '@oinone/kunlun-spi';
-import { FormFieldWidget } from '../../../../basic';
-import { generatorDefaultDepartmentTreeDefinition } from '../../../../util/default-tree-definition';
-import { FormM2OTreeSelectFieldWidget } from '../tree-select/FormM2OTreeSelectFieldWidget';
+import { Widget } from '@oinone/kunlun-vue-widget';
+import { FormFieldWidget, SelectFieldWidget } from '../../../../basic';
+import { DepartmentSelect } from '../../../../components';
 
 @SPI.ClassFactory(
   FormFieldWidget.Token({
@@ -11,8 +13,52 @@ import { FormM2OTreeSelectFieldWidget } from '../tree-select/FormM2OTreeSelectFi
     widget: 'Department'
   })
 )
-export class FormM2ODepartmentFieldWidget extends FormM2OTreeSelectFieldWidget {
-  protected generatorDefaultTreeDefinition(props) {
-    return generatorDefaultDepartmentTreeDefinition();
+export class FormM2ODepartmentFieldWidget extends SelectFieldWidget<
+  PamirsDepartment,
+  PamirsDepartment,
+  RuntimeM2OField
+> {
+  public initialize(props) {
+    super.initialize(props);
+    this.setComponent(DepartmentSelect);
+    return this;
+  }
+
+  @Widget.Reactive()
+  protected get departmentCodes(): string[] | undefined {
+    return StringHelper.convertArray(this.getDsl().departmentCodes);
+  }
+
+  @Widget.Reactive()
+  protected get userCompanyDept(): boolean | undefined {
+    return BooleanHelper.toBoolean(this.getDsl().userCompanyDept);
+  }
+
+  @Widget.Reactive()
+  protected get userDept(): boolean | undefined {
+    return BooleanHelper.toBoolean(this.getDsl().userDept);
+  }
+
+  @Widget.Reactive()
+  protected get userDeptAndChildren(): boolean | undefined {
+    return BooleanHelper.toBoolean(this.getDsl().userDeptAndChildren);
+  }
+
+  protected generatorSelectItemKey(value: PamirsDepartment): string {
+    return value.code || super.generatorSelectItemKey(value);
+  }
+
+  public async submit(submitValue: SubmitValue) {
+    const { field, itemName, value, viewMode, submitCache, submitType, relationUpdateType } = this;
+    return SubmitRelationHandler.M2O(
+      field,
+      itemName,
+      submitValue,
+      value,
+      viewMode,
+      submitCache,
+      submitType,
+      relationUpdateType
+    );
   }
 }

package/src/field/form/m2o/employee/FormM2OEmployeeFieldWidget.ts

@@ -1,8 +1,10 @@
+import { PamirsEmployee, RuntimeM2OField, SubmitRelationHandler, SubmitValue } from '@oinone/kunlun-engine';
 import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
+import { BooleanHelper, StringHelper } from '@oinone/kunlun-shared';
 import { SPI } from '@oinone/kunlun-spi';
-import { FormFieldWidget } from '../../../../basic';
-import { generatorDefaultEmployeeTreeDefinition } from '../../../../util/default-tree-definition';
-import { FormM2OTreeSelectFieldWidget } from '../tree-select/FormM2OTreeSelectFieldWidget';
+import { Widget } from '@oinone/kunlun-vue-widget';
+import { FormFieldWidget, SelectFieldWidget } from '../../../../basic';
+import { EmployeeSelect } from '../../../../components';
 
 @SPI.ClassFactory(
   FormFieldWidget.Token({
@@ -11,8 +13,58 @@ import { FormM2OTreeSelectFieldWidget } from '../tree-select/FormM2OTreeSelectFi
     widget: 'Employee'
   })
 )
-export class FormM2OEmployeeFieldWidget extends FormM2OTreeSelectFieldWidget {
-  protected generatorDefaultTreeDefinition(props) {
-    return generatorDefaultEmployeeTreeDefinition();
+export class FormM2OEmployeeFieldWidget extends SelectFieldWidget<PamirsEmployee, PamirsEmployee, RuntimeM2OField> {
+  public initialize(props) {
+    super.initialize(props);
+    this.setComponent(EmployeeSelect);
+    return this;
+  }
+
+  @Widget.Reactive()
+  protected get employeeCodes(): string[] | undefined {
+    return StringHelper.convertArray(this.getDsl().employeeCodes);
+  }
+
+  @Widget.Reactive()
+  protected get departmentCodes(): string[] | undefined {
+    return StringHelper.convertArray(this.getDsl().departmentCodes);
+  }
+
+  @Widget.Reactive()
+  protected get roleCodes(): string[] | undefined {
+    return StringHelper.convertArray(this.getDsl().roleCodes);
+  }
+
+  @Widget.Reactive()
+  protected get userEmployee(): boolean | undefined {
+    return BooleanHelper.toBoolean(this.getDsl().userEmployee);
+  }
+
+  @Widget.Reactive()
+  protected get userDept(): boolean | undefined {
+    return BooleanHelper.toBoolean(this.getDsl().userDept);
+  }
+
+  @Widget.Reactive()
+  protected get userDeptAndChildren(): boolean | undefined {
+    return BooleanHelper.toBoolean(this.getDsl().userDeptAndChildren);
+  }
+
+  protected generatorSelectItemKey(value: PamirsEmployee): string {
+    return value.code || super.generatorSelectItemKey(value);
+  }
+
+  public async submit(submitValue: SubmitValue) {
+    const { field, itemName, value, viewMode, submitCache, submitType, relationUpdateType } = this;
+    return SubmitRelationHandler.M2O(
+      field,
+      itemName,
+      submitValue,
+      value,
+      viewMode,
+      submitCache,
+      submitType,
+      relationUpdateType
+    );
   }
 }

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

@@ -5,8 +5,8 @@ export * from './department/FormM2ODepartmentFieldWidget';
 export * from './employee/FormM2OEmployeeFieldWidget';
 export * from './form/FormM2OFormFieldWidget';
 export * from './radio';
-export * from './select/FormM2OConstructSelectFieldWidget';
-export * from './select/FormM2OSelectFieldWidget';
+export * from './role/FormM2ORoleFieldWidget';
+export * from './select';
 export * from './table/FormM2OTableFieldWidget';
 export * from './tree-select/FormM2OTreeSelectFieldWidget';
 export * from './upload';

package/src/field/form/m2o/role/FormM2ORoleFieldWidget.ts

@@ -0,0 +1,50 @@
+import { AuthRole, RuntimeM2OField, SubmitRelationHandler, SubmitValue } from '@oinone/kunlun-engine';
+import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
+import { BooleanHelper, StringHelper } from '@oinone/kunlun-shared';
+import { SPI } from '@oinone/kunlun-spi';
+import { Widget } from '@oinone/kunlun-vue-widget';
+import { FormFieldWidget, SelectFieldWidget } from '../../../../basic';
+import { RoleSelect } from '../../../../components';
+
+@SPI.ClassFactory(
+  FormFieldWidget.Token({
+    viewType: [ViewType.Form, ViewType.Search],
+    ttype: ModelFieldType.ManyToOne,
+    widget: 'Role'
+  })
+)
+export class FormM2ORoleFieldWidget extends SelectFieldWidget<AuthRole, AuthRole, RuntimeM2OField> {
+  public initialize(props) {
+    super.initialize(props);
+    this.setComponent(RoleSelect);
+    return this;
+  }
+
+  @Widget.Reactive()
+  protected get roleCodes(): string[] | undefined {
+    return StringHelper.convertArray(this.getDsl().roleCodes);
+  }
+
+  @Widget.Reactive()
+  protected get userRole(): boolean | undefined {
+    return BooleanHelper.toBoolean(this.getDsl().userRole);
+  }
+
+  protected generatorSelectItemKey(value: AuthRole): string {
+    return value.code || super.generatorSelectItemKey(value);
+  }
+
+  public async submit(submitValue: SubmitValue) {
+    const { field, itemName, value, viewMode, submitCache, submitType, relationUpdateType } = this;
+    return SubmitRelationHandler.M2O(
+      field,
+      itemName,
+      submitValue,
+      value,
+      viewMode,
+      submitCache,
+      submitType,
+      relationUpdateType
+    );
+  }
+}

package/src/field/form/m2o/select/FormM2OSelectFieldWidget.ts

@@ -1,11 +1,10 @@
-import { ActiveRecord, ModelCache, RuntimeM2OField, SubmitRelationHandler, SubmitValue } from '@oinone/kunlun-engine';
-import { IModel, isEmptyKeObject, isEmptyValue, ModelFieldType, ViewType } from '@oinone/kunlun-meta';
-import { queryOne } from '@oinone/kunlun-service';
+import { ActiveRecord, RuntimeM2OField, SubmitRelationHandler, SubmitValue } from '@oinone/kunlun-engine';
+import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
 import { SPI } from '@oinone/kunlun-spi';
 import { Widget } from '@oinone/kunlun-vue-widget';
-import { debounce, isNil, isNumber, isString } from 'lodash-es';
+import { debounce } from 'lodash-es';
 import { FormFieldWidget, FormSelectComplexFieldWidget } from '../../../../basic';
-import VueComponent from './SelectWidget.vue';
+import DefaultSingleSelect from '../../abstract/select/DefaultSingleSelect.vue';
 
 @SPI.ClassFactory(
   FormFieldWidget.Token({
@@ -16,43 +15,21 @@ import VueComponent from './SelectWidget.vue';
 export class FormM2OSelectFieldWidget extends FormSelectComplexFieldWidget<ActiveRecord, RuntimeM2OField> {
   public initialize(props) {
     super.initialize(props);
-    this.setComponent(VueComponent);
+    this.setComponent(DefaultSingleSelect);
     return this;
   }
 
   @Widget.Reactive()
   protected currentValueLabel!: string;
 
-  @Widget.Method()
-  public async handleSelectedValueLabel(val) {
-    this.currentValueLabel = this.handleSelectOption([val], this.referencesModel)[0]?.label as string;
-  }
-
   @Widget.Method()
   public change(value) {
-    if (value == null) {
-      this.m2oChange(null as any);
-      this.handleEmpty();
-      return;
-    }
-    if (JSON.stringify(value) === '{}') {
-      this.m2oChange({});
-      return;
-    }
-    if (isEmptyKeObject(value) && value.value == null) {
-      this.m2oChange(null as any);
-      return;
-    }
-    const selectedValue = this.dataList.find((d) => d[this.relationFieldKey] === value.value)! || value;
-    this.m2oChange(selectedValue);
-  }
-
-  protected async fillOptions(dataList: Record<string, unknown>[], insetDefaultValue = true) {
-    this.fillOptionsForSingle(dataList, insetDefaultValue);
+    this.x2oChange(value);
   }
 
-  public m2oChange(value: Record<string, unknown>) {
-    super.change(value);
+  @Widget.Method()
+  public async handleSelectedValueLabel(val) {
+    this.currentValueLabel = this.handleSelectOption([val], this.referencesModel)[0]?.label as string;
   }
 
   public async submit(submitValue: SubmitValue) {
@@ -85,9 +62,8 @@ export class FormM2OSelectFieldWidget extends FormSelectComplexFieldWidget<Activ
     return undefined;
   }
 
-  @Widget.Reactive()
-  public get computeQueryOneKey() {
-    return this.getDsl().computeQueryOneKey;
+  public m2oChange(value: Record<string, unknown>) {
+    super.change(value);
   }
 
   @Widget.Watch('formData', { deep: true })
@@ -98,57 +74,26 @@ export class FormM2OSelectFieldWidget extends FormSelectComplexFieldWidget<Activ
   public delayUpdateM2oValue = debounce(() => {
     this.updateM2oValue();
   });
-
-  public async updateM2oValue() {
-    const val = this.getValue();
-    const _compute = this.getCompute(this.formData);
-    if (_compute != null && _compute !== '') {
-      const computeResult = this.executeExpression<number | null | string | undefined>(_compute, null);
-      let queryOneKey = this.computeQueryOneKey;
-      const _computeList = _compute.split('.');
-      if (_computeList[0] === 'activeRecord' && _computeList[1] && _computeList[2] && !queryOneKey) {
-        const currentModel = (await ModelCache.get(this.field!.model)) as unknown as IModel;
-
-        const relatedField = currentModel?.modelFields?.find((_f) => _f.name === _computeList[1]);
-        if (relatedField && relatedField.references) {
-          const relatedFieldModel = (await ModelCache.get(relatedField.references)) as unknown as IModel;
-          if (relatedFieldModel && relatedFieldModel.modelFields) {
-            const finalField = relatedFieldModel.modelFields.find(
-              (_f) => _f.relationFields && _f.relationFields.includes(_computeList[2])
-            );
-            if (finalField) {
-              const keyIndex = finalField.relationFields?.findIndex((_r) => _r === _computeList[2]);
-              queryOneKey = finalField.referenceFields?.[keyIndex!] || 'id';
-            }
-          }
-        }
-      }
-      if (!queryOneKey) {
-        queryOneKey = this.computeQueryOneDefaultKey();
-      }
-      const param = {};
-      param[queryOneKey] = computeResult;
-      if (isString(computeResult) || isNumber(computeResult)) {
-        if (typeof val === 'object' && !isEmptyValue(val)) {
-          if (val[queryOneKey] !== computeResult) {
-            const data = await queryOne(this.field!.references!, param);
-            this.setValue(data);
-          }
-        } else {
-          const data = await queryOne(this.field!.references!, param);
-          this.setValue(data);
-        }
-      } else if (typeof computeResult === 'object') {
-        if (JSON.stringify(computeResult) !== JSON.stringify(this.value)) {
-          this.setValue(computeResult);
-        }
-      } else if (isNil(computeResult)) {
-        this.setValue(null);
-      }
-    }
-  }
-
-  protected computeQueryOneDefaultKey() {
-    return 'id';
-  }
 }
+
+// @SPI.ClassFactory(
+//   FormFieldWidget.Token({
+//     viewType: ViewType.Form,
+//     ttype: ModelFieldType.ManyToOne
+//   })
+// )
+// export class FormM2OSelectFieldWidget extends SelectFieldWidget<ActiveRecord, ActiveRecord, RuntimeM2OField> {
+//   public async submit(submitValue: SubmitValue) {
+//     const { field, itemName, value, viewMode, submitCache, submitType, relationUpdateType } = this;
+//     return SubmitRelationHandler.M2O(
+//       field,
+//       itemName,
+//       submitValue,
+//       value,
+//       viewMode,
+//       submitCache,
+//       submitType,
+//       relationUpdateType
+//     );
+//   }
+// }

package/src/field/form/m2o/select/FormM2OSelectModalFieldWidget.ts

@@ -0,0 +1,39 @@
+import { ActiveRecord, SubmitRelationHandler, SubmitValue } from '@oinone/kunlun-engine';
+import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
+import { SPI } from '@oinone/kunlun-spi';
+import { Widget } from '@oinone/kunlun-vue-widget';
+import { debounce } from 'lodash-es';
+import { FormFieldWidget, SelectModalFieldWidget } from '../../../../basic';
+
+@SPI.ClassFactory(
+  FormFieldWidget.Token({
+    viewType: [ViewType.Form, ViewType.Search],
+    ttype: ModelFieldType.ManyToOne,
+    widget: 'SelectModal'
+  })
+)
+export class FormM2OSelectModalFieldWidget extends SelectModalFieldWidget<ActiveRecord> {
+  public async submit(submitValue: SubmitValue) {
+    const { field, itemName, value, viewMode, submitCache, submitType, relationUpdateType } = this;
+    return SubmitRelationHandler.M2O(
+      field,
+      itemName,
+      submitValue,
+      value,
+      viewMode,
+      submitCache,
+      submitType,
+      relationUpdateType
+    );
+  }
+
+  @Widget.Watch('formData', { deep: true })
+  public async watchM2OValue() {
+    this.pageSize;
+    this.delayUpdateM2oValue();
+  }
+
+  public delayUpdateM2oValue = debounce(() => {
+    this.updateM2oValue();
+  });
+}

package/src/field/form/m2o/select/FormM2OSelectTableFieldWidget.ts

@@ -0,0 +1,38 @@
+import { ActiveRecord, SubmitRelationHandler, SubmitValue } from '@oinone/kunlun-engine';
+import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
+import { SPI } from '@oinone/kunlun-spi';
+import { Widget } from '@oinone/kunlun-vue-widget';
+import { debounce } from 'lodash-es';
+import { FormFieldWidget, SelectTableFieldWidget } from '../../../../basic';
+
+@SPI.ClassFactory(
+  FormFieldWidget.Token({
+    viewType: [ViewType.Form, ViewType.Search],
+    ttype: ModelFieldType.ManyToOne,
+    widget: 'SelectTable'
+  })
+)
+export class FormM2OSelectTableFieldWidget extends SelectTableFieldWidget<ActiveRecord> {
+  public async submit(submitValue: SubmitValue) {
+    const { field, itemName, value, viewMode, submitCache, submitType, relationUpdateType } = this;
+    return SubmitRelationHandler.M2O(
+      field,
+      itemName,
+      submitValue,
+      value,
+      viewMode,
+      submitCache,
+      submitType,
+      relationUpdateType
+    );
+  }
+
+  @Widget.Watch('formData', { deep: true })
+  public async watchM2OValue() {
+    this.delayUpdateM2oValue();
+  }
+
+  public delayUpdateM2oValue = debounce(() => {
+    this.updateM2oValue();
+  });
+}

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

@@ -0,0 +1,4 @@
+export * from './FormM2OConstructSelectFieldWidget';
+export * from './FormM2OSelectFieldWidget';
+export * from './FormM2OSelectModalFieldWidget';
+export * from './FormM2OSelectTableFieldWidget';

package/src/field/form/map/DefaultMap.vue

@@ -40,7 +40,7 @@ export default defineComponent({
     const disabled = computed<boolean>(() => BooleanHelper.toBoolean(props.disabled) || false);
 
     const disabledAdd = computed(() => {
-      const value = disabled.value;
+      const { value } = disabled;
       if (!value) {
         if (isNil(props.limit)) {
           return false;

package/src/field/form/map/style/index.scss

@@ -3,8 +3,13 @@
     display: flex;
     margin-top: 8px;
     gap: var(--oio-margin);
+
     &-readonly {
       color: var(--oio-readonly-color);
+
+      &:first-child {
+        margin-top: 0;
+      }
     }
   }
 

package/src/field/form/o2m/cascader/index.ts

@@ -0,0 +1 @@
+export * from './FormO2MCascaderFieldWidget';

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

@@ -1,6 +1,6 @@
-export * from './cascader/FormO2MCascaderFieldWidget';
+export * from './cascader';
 export * from './checkbox';
-export * from './select/FormO2MSelectFieldWidget';
+export * from './select';
 export * from './table/FormO2MTableFieldWidget';
 export * from './tree-select/FormO2MTreeSelectFieldWidget';
 export * from './upload/FormO2MUploadDraggableFieldWidget';