Skip to content

Commit

Permalink
Merge pull request #721 from smartxworks/feat/watcher
Browse files Browse the repository at this point in the history
feat(runtime): add watcher data source
  • Loading branch information
tanbowensg authored Sep 7, 2023
2 parents 3e97731 + 2fa9db5 commit a5c74b5
Show file tree
Hide file tree
Showing 3 changed files with 45 additions and 0 deletions.
42 changes: 42 additions & 0 deletions packages/runtime/src/components/core/Watcher.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
import { Type } from '@sinclair/typebox';
import {
CORE_VERSION_V2,
CoreComponentName,
PRESET_PROPERTY_CATEGORY,
} from '@sunmao-ui/shared';
import { implementRuntimeComponent } from '../../utils/buildKit';
import { useEffect } from 'react';

export default implementRuntimeComponent({
version: CORE_VERSION_V2,
metadata: {
name: CoreComponentName.Watcher,
displayName: 'Watcher',
description: 'Watch expression changing and trigger events',
exampleProperties: { value: '' },
isDataSource: true,
annotations: {
category: 'Data',
},
},
spec: {
properties: Type.Object({
value: Type.String({
title: 'Value',
category: PRESET_PROPERTY_CATEGORY.Basic,
}),
}),
state: Type.Object({ value: Type.Any() }),
methods: {},
slots: {},
styleSlots: [],
events: ['onChange'],
},
})(({ value, mergeState, callbackMap }) => {
useEffect(() => {
mergeState({ value });
callbackMap?.onChange();
}, [callbackMap, mergeState, value]);

return null;
});
2 changes: 2 additions & 0 deletions packages/runtime/src/services/Registry.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@ import CoreStack from '../components/core/Stack';
import CoreFileInput from '../components/core/FileInput';
import CoreList from '../components/core/List';
import CoreIframe from '../components/core/Iframe';
import CoreWatcher from '../components/core/Watcher';

// traits
import CoreArrayState from '../traits/core/ArrayState';
Expand Down Expand Up @@ -257,6 +258,7 @@ export function initRegistry(
registry.registerComponent(CoreFileInput);
registry.registerComponent(CoreList);
registry.registerComponent(CoreIframe);
registry.registerComponent(CoreWatcher);

registry.registerTrait(CoreState);
registry.registerTrait(CoreArrayState);
Expand Down
1 change: 1 addition & 0 deletions packages/shared/src/constants/core.ts
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ export enum CoreComponentName {
ModuleContainer = 'moduleContainer',
Text = 'text',
Iframe = 'iframe',
Watcher = 'watcher',
}
// core traits
export enum CoreTraitName {
Expand Down

0 comments on commit a5c74b5

Please sign in to comment.