3.0.0-beta.3

Author: ruojianll

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-facing-decorator",
-  "version": "3.0.0-beta.2",
+  "version": "3.0.0-beta.3",
   "description": "Vue typescript class and decorator based component.",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",

src/component.ts

@@ -92,7 +92,7 @@ function buildComponent(cons: Cons, arg: ComponentOption, extend?: any): any {
 
         option.setup = arg.setup
     } else {
-   
+
         const oldSetup: OptionSetupFunction = option.setup
         const newSetup: ComponentSetupFunction = arg.setup
 
@@ -136,8 +136,8 @@ function build(cons: Cons, option: ComponentOption) {
     }
     const component = buildComponent(cons, option, superSlot === null ? undefined : superSlot.cachedVueComponent)
     component.__vfdConstructor = cons
-    slot.cachedVueComponent = component
-
+    slot.cachedVueComponent = component;
+    (cons as any).__vccOpts = component
 }
 function _Component(cb: (cons: Cons, option: ComponentOption) => any, arg: ComponentConsOption, ctx?: ClassDecoratorContext) {
     if (typeof arg === 'function') {

src/option/data.ts

@@ -5,6 +5,9 @@ import { makeObject, obtainSlot, excludeNames, getValidNames } from '../utils'
 export function build(cons: Cons, optionBuilder: OptionBuilder, vueInstance: any, _propNames?: string[]) {
     optionBuilder.data ??= {}
 
+
+
+    
     const sample = new cons(optionBuilder,vueInstance)
 
     let names = getValidNames(sample, (des) => {

test/option/data.ts

@@ -6,17 +6,14 @@ import { mount } from '@vue/test-utils'
 
 @Component
 class Comp extends Base {
-    // constructor(a:any,b:any){
-    //     super(a,b)
-    //     console.log("be",(global as any).kkk===this)
-    // }
+
     data = 'data value'
     @Prop
     prop!: string
-    // fieldInitProp = this.prop //not work
+    fieldInitProp = this.prop //not work
 }
 
-const CompContext = toNative(Comp) as any
+const CompContext = Comp as any
 
 describe('option data',
     () => {
@@ -29,7 +26,7 @@ describe('option data',
 
             expect('function').to.equal(typeof CompContext?.data)
             expect('data value').to.equal(CompContext.data().data)
-            expect(1).to.equal(Object.keys(CompContext.data()).length)
+            expect(2).to.equal(Object.keys(CompContext.data()).length)
             // expect('prop test').to.equal(vm.fieldInitProp)
         })
     }

test/test.ts

@@ -1,23 +1,23 @@
 require('jsdom-global/keys.js').push('SVGElement')
 require('jsdom-global')()
-import './internal/utils'
-import './component'
+// import './internal/utils'
+// import './component'
 import './option/setup'
-import './option/data'
-import './option/methods'
-import './option/computed'
-import './option/emit'
-import './option/ref'
-import './option/props'
-import './option/watch'
-import './option/inject'
-import './option/vmodel'
-import './option/accessor'
-import './feature/hooks'
-import './feature/classExtends'
-import './feature/componentExtends'
-import './feature/extends'
-import './feature/mixinsFunction'
+// import './option/data'
+// import './option/methods'
+// import './option/computed'
+// import './option/emit'
+// import './option/ref'
+// import './option/props'
+// import './option/watch'
+// import './option/inject'
+// import './option/vmodel'
+// import './option/accessor'
+// import './feature/hooks'
+// import './feature/classExtends'
+// import './feature/componentExtends'
+// import './feature/extends'
+// import './feature/mixinsFunction'
 
 
-import './tsx/attributeTypes'
+// import './tsx/attributeTypes'