feat(setter): add field ts

alibaba · Jan 26, 2024 · d6faa21 · d6faa21
1 parent 0e65f02
commit d6faa21
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 9 deletions.
diff --git a/packages/editor-core/src/di/setter.ts b/packages/editor-core/src/di/setter.ts
@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { IPublicApiSetters, IPublicTypeCustomView, IPublicTypeRegisteredSetter } from '@alilc/lowcode-types';
+import { IPublicApiSetters, IPublicModelSettingField, IPublicTypeCustomView, IPublicTypeRegisteredSetter } from '@alilc/lowcode-types';
 import { createContent, isCustomView } from '@alilc/lowcode-utils';
 
 const settersMap = new Map<string, IPublicTypeRegisteredSetter & {
@@ -28,7 +28,7 @@ export function registerSetter(
   if (!setter.initialValue) {
     const initial = getInitialFromSetter(setter.component);
     if (initial) {
-      setter.initialValue = (field: any) => {
+      setter.initialValue = (field: IPublicModelSettingField) => {
         return initial.call(field, field.getValue());
       };
     }
@@ -81,7 +81,7 @@ export class Setters implements ISetters {
     if (!setter.initialValue) {
       const initial = getInitialFromSetter(setter.component);
       if (initial) {
-        setter.initialValue = (field: any) => {
+        setter.initialValue = (field: IPublicModelSettingField) => {
           return initial.call(field, field.getValue());
         };
       }

diff --git a/packages/editor-skeleton/src/components/settings/settings-pane.tsx b/packages/editor-skeleton/src/components/settings/settings-pane.tsx
@@ -225,7 +225,7 @@ class SettingFieldView extends Component<SettingFieldViewProps, SettingFieldView
 
     const value = this.value;
 
-    let _onChange = extraProps?.onChange;
+    let onChangeAPI = extraProps?.onChange;
     let stageName = this.stageName;
 
     return createField(
@@ -261,7 +261,7 @@ class SettingFieldView extends Component<SettingFieldViewProps, SettingFieldView
             value,
           });
           field.setValue(value, true);
-          if (_onChange) _onChange(value, field);
+          if (onChangeAPI) onChangeAPI(value, field.internalToShellField());
         },
         onInitial: () => {
           if (initialValue == null) {

diff --git a/packages/editor-skeleton/src/transducers/parse-props.ts b/packages/editor-skeleton/src/transducers/parse-props.ts
@@ -9,6 +9,7 @@ import {
   IPublicTypeTransformedComponentMetadata,
   IPublicTypeOneOfType,
   ConfigureSupportEvent,
+  IPublicModelSettingField,
 } from '@alilc/lowcode-types';
 
 function propConfigToFieldConfig(propConfig: IPublicTypePropConfig): IPublicTypeFieldConfig {
@@ -102,7 +103,7 @@ function propTypeToSetter(propType: IPublicTypePropType): IPublicTypeSetterType
           },
         },
         isRequired,
-        initialValue: (field: any) => {
+        initialValue: (field: IPublicModelSettingField) => {
           const data: any = {};
           items.forEach((item: any) => {
             let initial = item.defaultValue;

diff --git a/packages/types/src/shell/type/field-extra-props.ts b/packages/types/src/shell/type/field-extra-props.ts
@@ -77,5 +77,5 @@ export interface IPublicTypeFieldExtraProps {
   /**
    * onChange 事件
    */
-  onChange?: (value: any, field: any) => void;
+  onChange?: (value: any, field: IPublicModelSettingField) => void;
 }
diff --git a/packages/types/src/shell/type/registered-setter.ts b/packages/types/src/shell/type/registered-setter.ts
@@ -1,17 +1,20 @@
+import { IPublicModelSettingField } from '../model';
 import { IPublicTypeCustomView, IPublicTypeTitleContent } from './';
 
 export interface IPublicTypeRegisteredSetter {
   component: IPublicTypeCustomView;
   defaultProps?: object;
   title?: IPublicTypeTitleContent;
+
   /**
    * for MixedSetter to check this setter if available
    */
-  condition?: (field: any) => boolean;
+  condition?: (field: IPublicModelSettingField) => boolean;
+
   /**
    * for MixedSetter to manual change to this setter
    */
-  initialValue?: any | ((field: any) => any);
+  initialValue?: any | ((field: IPublicModelSettingField) => any);
   recommend?: boolean;
   // 标识是否为动态 setter，默认为 true
   isDynamic?: boolean;