init

Author: ruojianll

.gitignore

@@ -0,0 +1,2 @@
+dist
+.DS_Store

.npmrc

@@ -0,0 +1 @@
+registry=https://registry.npmjs.org/

LICENSE

@@ -0,0 +1,19 @@
+Copyright (c) 2022 facing-dev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package-lock.json

@@ -0,0 +1,15 @@
+{
+  "name": "vue-facing-decorator",
+  "version": "0.0.1",
+  "description": "",
+  "main": "dist/index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "MIT",
+  "types": "dist/index.d.ts",
+  "peerDependencies": {
+    "vue": "^3.0.0"
+  }
+}

package.json

@@ -0,0 +1,33 @@
+import { defineComponent } from 'vue';
+import { obtainSlot } from './utils';
+function makeObject(names:string[],obj:any){
+    return names.reduce<Record<string, any>>((pv, cv) => {
+        pv[cv] = obj[cv]
+        return pv
+    }, {})
+}
+export function Component(cons: { new(): any, prototype: any }) {
+    const slot = obtainSlot(cons.prototype)
+    const sample = new cons
+    const proto = cons.prototype
+    const methodNames = Object.getOwnPropertyNames(cons.prototype).filter(name => {
+        if (name === 'constructor') {
+            return false
+        }
+        if (typeof proto[name] === 'function') {
+            return true
+        }
+    })
+
+    const dataNames = Object.getOwnPropertyNames(sample)
+
+    const def = defineComponent({
+        data() {
+            return makeObject(dataNames,sample)
+        },
+        methods: makeObject(methodNames,proto)
+    })
+    return def as any
+
+
+}

src/component.ts

@@ -0,0 +1,41 @@
+
+export { Component } from './component'
+import { ComponentInternalInstance, ComponentPublicInstance, Slots, nextTick, WatchOptions, WatchStopHandle } from 'vue'
+
+// export declare class Base {
+
+//     $: ComponentInternalInstance;
+//     $data: any//D;
+//     $props: any//MakeDefaultsOptional extends true ? Partial<Defaults> & Omit<P & PublicProps, keyof Defaults> : P & PublicProps;
+//     $attrs: any//Data;
+//     $refs: any//Data;
+//     $slots: Slots;
+//     $root: ComponentPublicInstance | null;
+//     $parent: ComponentPublicInstance | null;
+//     $emit: any// EmitFn<E>;
+//     $el: any;
+//     $options: any//Options & MergedComponentOptionsOverride;
+//     $forceUpdate: () => void;
+//     $nextTick: typeof nextTick;
+//     $watch: { (source: string | Function, cb: Function, options?: WatchOptions): WatchStopHandle };
+
+// }
+
+export class Base {
+
+    $!: ComponentInternalInstance;
+    $data!: any//D;
+    $props!: any//MakeDefaultsOptional extends true ? Partial<Defaults> & Omit<P & PublicProps, keyof Defaults> : P & PublicProps;
+    $attrs!: any//Data;
+    $refs!: any//Data;
+    $slots!: Slots;
+    $root!: ComponentPublicInstance | null;
+    $parent!: ComponentPublicInstance | null;
+    $emit!: any// EmitFn<E>;
+    $el!: any;
+    $options!: any//Options & MergedComponentOptionsOverride;
+    $forceUpdate!: () => void;
+    $nextTick!: typeof nextTick;
+    $watch!: { (source: string | Function, cb: Function, options?: WatchOptions): WatchStopHandle };
+
+}

src/index.ts

@@ -0,0 +1,24 @@
+const SlotSymbol = Symbol('vue-facing-decorator-slot')
+class Slot {
+    
+}
+
+export function makeSlot(obj: any): Slot {
+    if (obj[SlotSymbol]) {
+        throw ''
+    }
+    return obj[SlotSymbol] = new Slot
+}
+export function getSlot(obj: any): Slot | undefined {
+    return obj[SlotSymbol]
+}
+
+export function obtainSlot(obj: any): Slot {
+    const slot = getSlot(obj)
+    if (slot) {
+        return slot
+    }
+    return makeSlot(obj)
+
+
+}

src/utils.ts

@@ -0,0 +1,28 @@
+{
+    "compilerOptions": {
+        "outDir": "./dist",
+        "baseUrl": ".",
+        "rootDir": "./src",
+        "moduleResolution": "node",
+        "module": "ESNext",
+        "target": "ES6",
+        "strict": true,
+        "sourceMap": true,
+        "lib": [
+            "esnext"
+        ],
+        "allowJs": true,
+        "skipLibCheck": true,
+        "esModuleInterop": true,
+        "isolatedModules": true,
+        "emitDeclarationOnly": false,
+        "experimentalDecorators": true,
+        "composite": false,
+        "declaration": true,
+        "declarationMap": true,
+        "noUnusedLocals": false
+    },
+    "include": [
+        "./src/**/*.ts",
+    ],
+}