component options

Author: ruojianll

readme.md

@@ -307,7 +307,7 @@ class Comp3Sup extends Comp2 {
 
 (Comp3 -> Comp3Sup) vue extends (Comp2 -> Comp2Sup) vue extends (Comp1 -> Comp1Sup)
 
-Class extends class by ES class extending stratge i.e. `Comp3 -> Comp3Sup` .
+Class extends class by ES class extending strategy i.e. `Comp3 -> Comp3Sup` .
 
 Vue component extends vue component by vue component exteding strategy i.e. `(Comp3 -> Comp3Sup) vue extends (Comp2 -> Comp2Sup)`
 
@@ -334,8 +334,10 @@ export default defineComponent({
                 }
             }
         },
-        method2Comp() {
-            return 'method2Comp value'
+        methods: {
+          method2Comp() {
+              return 'method2Comp value'
+          }
         }
     },
     methods: {

src/component.ts

@@ -1,4 +1,4 @@
-import { defineComponent } from 'vue';
+import { defineComponent,ComponentCustomOptions } from 'vue';
 import { obtainSlot, extendSlotPath } from './utils'
 import { build as optionComputed } from './option/computed'
 import { build as optionData } from './option/data'
@@ -57,6 +57,7 @@ type ComponentOption = {
     expose?: string[];
     render?: Function;
     modifier?: (raw: any) => any
+    options?:ComponentCustomOptions&Record<string,any>
 }
 type ComponentConsOption = Cons | ComponentOption
 function ComponentStep(cons: Cons, extend?: any) {
@@ -95,6 +96,9 @@ function ComponentStepWithOption(cons: Cons, arg: ComponentOption, extend?: any)
     if (arg.render) {
         option.render = arg.render
     }
+    if(arg.options){
+        Object.assign(option,arg.options)
+    }
     if (arg.modifier) {
         option = arg.modifier(option)
         if (!option) {
@@ -110,7 +114,7 @@ export function ComponentBase(cons: Cons) {
     return cons
 }
 
-export function Component(arg: Cons | ComponentOption) {
+export function Component(arg: ComponentConsOption) {
 
     function extend(cons: Cons) {
         ComponentBase(cons)

test/component.ts

@@ -31,6 +31,9 @@ const FullOptionOpt = {
   },
   render() {
     return 'render value'
+  },
+  options: {
+    test: 'test value'
   }
 }
 
@@ -62,6 +65,9 @@ describe('Component',
           case 'render':
             expect('render value').to.equal(FullOptionContext[key]())
             break;
+          case 'options':
+            expect(opt.test).to.equal(FullOptionContext['test'])
+            break;
           case 'modifier':
             return;
           default: