update spec

2025-02-17 17:40:31 +08:00 · 2021-10-11 18:25:08 +08:00 · 2021-10-11 18:25:08 +08:00 · 111ebf79de
commit 111ebf79de
parent 52aa74b965
28 changed files with 87 additions and 33 deletions
--- a/packages/core/src/component.ts
+++ b/packages/core/src/component.ts
@ -15,13 +15,11 @@ export type Component = {

 type ComponentSpec = {
  properties: JSONSchema7Object;
-  acceptTraits: TraitSchema[];
  state: JSONSchema7;
  methods: MethodSchema[];
-};
-
-type TraitSchema = {
-  name: string;
+  styleSlots: string[];
+  slots: string[];
+  events: string[];
 };

 // extended runtime
--- a/packages/runtime/src/components/chakra-ui/Box.tsx
+++ b/packages/runtime/src/components/chakra-ui/Box.tsx
@ -302,9 +302,11 @@ export default {
    },
    spec: {
      properties: StyleSchema,
-      acceptTraits: [],
      state: {},
      methods: [],
+      slots: ['content'],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: Box,
--- a/packages/runtime/src/components/chakra-ui/Button.tsx
+++ b/packages/runtime/src/components/chakra-ui/Button.tsx
@ -75,13 +75,15 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: StateSchema,
      methods: [
        {
          name: 'click',
        },
      ],
+      slots: [],
+      styleSlots: [],
+      events: ['click'],
    },
  }),
  impl: Button,
--- a/packages/runtime/src/components/chakra-ui/Checkbox.tsx
+++ b/packages/runtime/src/components/chakra-ui/Checkbox.tsx
@ -125,9 +125,11 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: CheckboxStateSchema,
      methods: [],
+      slots: [],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: Checkbox,
--- a/packages/runtime/src/components/chakra-ui/CheckboxGroup.tsx
+++ b/packages/runtime/src/components/chakra-ui/CheckboxGroup.tsx
@ -59,9 +59,11 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: StateSchema,
      methods: [],
+      slots: ['content'],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: CheckboxGroup,
--- a/packages/runtime/src/components/chakra-ui/Dialog.tsx
+++ b/packages/runtime/src/components/chakra-ui/Dialog.tsx
@ -117,7 +117,6 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: {},
      methods: [
        {
@ -133,6 +132,9 @@ export default {
          name: 'cancelDialog',
        },
      ],
+      slots: ['content'],
+      styleSlots: [],
+      events: ['cancelDialog', 'confirmDialog'],
    },
  }),
  impl: Dialog,
--- a/packages/runtime/src/components/chakra-ui/Form/Form.tsx
+++ b/packages/runtime/src/components/chakra-ui/Form/Form.tsx
@ -129,7 +129,6 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: Type.Object({
        data: Type.Any(),
        disableSubmit: Type.Boolean(),
@ -139,6 +138,9 @@ export default {
          name: 'resetForm',
        },
      ],
+      slots: ['content'],
+      styleSlots: [],
+      events: ['onSubmit'],
    },
  }),
  impl: FormImpl,
--- a/packages/runtime/src/components/chakra-ui/Form/FormControl.tsx
+++ b/packages/runtime/src/components/chakra-ui/Form/FormControl.tsx
@ -128,7 +128,6 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: Type.Object({
        inputId: Type.String(),
        fieldName: Type.String(),
@ -136,6 +135,9 @@ export default {
        value: Type.Any(),
      }),
      methods: [],
+      slots: ['content'],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: FormControlImpl,
--- a/packages/runtime/src/components/chakra-ui/HStack.tsx
+++ b/packages/runtime/src/components/chakra-ui/HStack.tsx
@ -49,9 +49,11 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: {},
      methods: [],
+      slots: ['content'],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: HStack,
--- a/packages/runtime/src/components/chakra-ui/Image.tsx
+++ b/packages/runtime/src/components/chakra-ui/Image.tsx
@ -137,9 +137,11 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: StateSchema,
-      methods: [{ name: 'onLoad' }],
+      methods: [],
+      slots: [],
+      styleSlots: [],
+      events: ['onLoad', 'onError'],
    },
  }),
  impl: Image,
--- a/packages/runtime/src/components/chakra-ui/Input.tsx
+++ b/packages/runtime/src/components/chakra-ui/Input.tsx
@ -147,7 +147,6 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: StateSchema,
      methods: [
        {
@ -160,6 +159,9 @@ export default {
          name: 'resetInputValue',
        },
      ],
+      slots: [],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: Input,
--- a/packages/runtime/src/components/chakra-ui/Kbd.tsx
+++ b/packages/runtime/src/components/chakra-ui/Kbd.tsx
@ -46,9 +46,11 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: StateSchema,
      methods: [],
+      slots: [],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: Kbd,
--- a/packages/runtime/src/components/chakra-ui/List.tsx
+++ b/packages/runtime/src/components/chakra-ui/List.tsx
@ -134,9 +134,11 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      methods: [],
      state: {},
+      slots: [],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: List,
--- a/packages/runtime/src/components/chakra-ui/NumberInput.tsx
+++ b/packages/runtime/src/components/chakra-ui/NumberInput.tsx
@ -115,7 +115,6 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: StateSchema,
      methods: [
        {
@ -128,6 +127,9 @@ export default {
          name: 'resetInputValue',
        },
      ],
+      slots: [],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: NumberInput,
--- a/packages/runtime/src/components/chakra-ui/Radio.tsx
+++ b/packages/runtime/src/components/chakra-ui/Radio.tsx
@ -91,9 +91,11 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: StateSchema,
      methods: [],
+      slots: [],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: Radio,
--- a/packages/runtime/src/components/chakra-ui/RadioGroup.tsx
+++ b/packages/runtime/src/components/chakra-ui/RadioGroup.tsx
@ -56,9 +56,11 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: StateSchema,
      methods: [],
+      slots: ['content'],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: RadioGroup,
--- a/packages/runtime/src/components/chakra-ui/Root.tsx
+++ b/packages/runtime/src/components/chakra-ui/Root.tsx
@ -24,9 +24,11 @@ export default {
    },
    spec: {
      properties: {},
-      acceptTraits: [],
      state: {},
      methods: [],
+      slots: ['root'],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: Root,
--- a/packages/runtime/src/components/chakra-ui/Select.tsx
+++ b/packages/runtime/src/components/chakra-ui/Select.tsx
@ -118,9 +118,11 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: StateSchema,
      methods: [],
+      slots: [],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: Select,
--- a/packages/runtime/src/components/chakra-ui/Stack.tsx
+++ b/packages/runtime/src/components/chakra-ui/Stack.tsx
@ -74,9 +74,11 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: {},
      methods: [],
+      slots: ['content'],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: Stack,
--- a/packages/runtime/src/components/chakra-ui/Table/index.ts
+++ b/packages/runtime/src/components/chakra-ui/Table/index.ts
@ -52,9 +52,11 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: TableStateSchema,
      methods: [],
+      slots: [],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: TableImpl,
--- a/packages/runtime/src/components/chakra-ui/Tabs.tsx
+++ b/packages/runtime/src/components/chakra-ui/Tabs.tsx
@ -66,9 +66,12 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: StateSchema,
      methods: [],
+      // tab slot is dynamic
+      slots: [],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: Tabs,
--- a/packages/runtime/src/components/chakra-ui/Tooltip.tsx
+++ b/packages/runtime/src/components/chakra-ui/Tooltip.tsx
@ -81,9 +81,11 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: {},
      methods: [],
+      slots: ['trigger'],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: TooltipImpl,
--- a/packages/runtime/src/components/chakra-ui/VStack.tsx
+++ b/packages/runtime/src/components/chakra-ui/VStack.tsx
@ -50,9 +50,11 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: {},
      methods: [],
+      slots: ['content'],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: VStack,
--- a/packages/runtime/src/components/core/Dummy.tsx
+++ b/packages/runtime/src/components/core/Dummy.tsx
@ -24,9 +24,11 @@ export default {
    },
    spec: {
      properties: {},
-      acceptTraits: [],
      state: {},
      methods: [],
+      slots: [],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: Dummy,
--- a/packages/runtime/src/components/core/GridLayout.tsx
+++ b/packages/runtime/src/components/core/GridLayout.tsx
@ -50,9 +50,11 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: {},
      methods: [],
+      slots: ['container'],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: GridLayout,
--- a/packages/runtime/src/components/core/Router/index.tsx
+++ b/packages/runtime/src/components/core/Router/index.tsx
@ -67,9 +67,12 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: {},
      methods: [],
+      // route slots are dynamic
+      slots: [],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: Router,
--- a/packages/runtime/src/components/core/Text.tsx
+++ b/packages/runtime/src/components/core/Text.tsx
@ -31,9 +31,11 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: StateSchema,
      methods: [],
+      slots: [],
+      styleSlots: [],
+      events: [],
    },
  }),
  impl: Text,
--- a/packages/runtime/src/components/plain/Button.tsx
+++ b/packages/runtime/src/components/plain/Button.tsx
@ -54,13 +54,15 @@ export default {
    },
    spec: {
      properties: PropsSchema,
-      acceptTraits: [],
      state: StateSchema,
      methods: [
        {
          name: 'click',
        },
      ],
+      slots: [],
+      styleSlots: [],
+      events: ['click'],
    },
  }),
  impl: Button,