init

5 months ago · fd615943bb
13 changed files with 2428 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,2 @@
+node_modules
+dist
--- a/index.html
+++ b/index.html
@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <div id="app"></div>
+    <script type="module" src="/play/main.ts"></script>
+</body>
+</html>
--- a/package.json
+++ b/package.json
@ -0,0 +1,32 @@
+{
+  "name": "vx-tree",
+  "version": "1.0.0",
+  "description": "",
+  "main": "dist/vx-tree.js",
+  "exports": {
+    ".": {
+      "import": "./dist/vx-tree.mjs",
+      "require": "./dist/vx-tree.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "somebuild dev",
+    "watch": "somebuild build --watch",
+    "watch:debug": "somebuild build --watch --debug",
+    "build": "somebuild build"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@somebuild/build-component-vue3": "^1.0.0",
+    "somebuild": "^1.0.0",
+    "vue": "^3.5.12"
+  },
+  "peerDependencies": {
+    "vue": ">3"
+  }
+}
--- a/play/App.vue
+++ b/play/App.vue
@ -0,0 +1,9 @@
+<template>
+  <div>
+    <VxTree aaa="2131"></VxTree>
+  </div>
+</template>
+
+<script setup lang="ts">
+import VxTree from "vx-tree";
+</script>
--- a/play/main.ts
+++ b/play/main.ts
@ -0,0 +1,5 @@
+import VxTree from "vx-tree";
+import { createApp } from "vue";
+import App from "./App.vue";
+
+createApp(App).use(VxTree).mount("#app");
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/somebuild.config.mts
+++ b/somebuild.config.mts
@ -0,0 +1,16 @@
+import { defineRootConfig } from 'somebuild'
+
+export default defineRootConfig({
+    mode: "component-vue3",
+    "component-vue3": {
+        name: "VxTree",
+        entry: 'src/index.ts',
+        dtsEntryRoot: 'src',
+        outDir: "dist",
+        config: {
+            alias: {
+                "vx-tree": "./src"
+            }
+        }
+    }
+})
--- a/src/index.ts
+++ b/src/index.ts
@ -0,0 +1,8 @@
+import type { App } from "vue";
+import _VxTree from "./src";
+import { withInstall } from "./utils";
+
+const VxTree = withInstall(_VxTree, "VxTree");
+
+export { VxTree };
+export default VxTree;
--- a/src/src/index.ts
+++ b/src/src/index.ts
@ -0,0 +1,4 @@
+import VxTree from "./vx-tree.vue";
+
+export default VxTree;
+export { VxTree };
--- a/src/src/type.d.ts
+++ b/src/src/type.d.ts
@ -0,0 +1,3 @@
+export interface IProps {
+  aaa?: string;
+}
--- a/src/src/vx-tree.vue
+++ b/src/src/vx-tree.vue
@ -0,0 +1,15 @@
+<template>
+  <div>组件模板开发</div>
+</template>
+
+<script lang="ts" setup>
+import type { IProps } from "./type";
+
+defineOptions({
+  name: "VxTree",
+});
+
+defineProps<IProps>();
+
+function handleClick() {}
+</script>
--- a/src/utils.ts
+++ b/src/utils.ts
@ -0,0 +1,10 @@
+import type { Plugin, DefineComponent } from "vue";
+
+export type SFCWithInstall<T> = T & Plugin;
+
+export const withInstall = <T>(main: T, name: string) => {
+  (main as SFCWithInstall<T>).install = (app): void => {
+    app.component((main as DefineComponent).name || name, main);
+  };
+  return main as SFCWithInstall<T>;
+};
--- a/tsconfig.json
+++ b/tsconfig.json
@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "baseUrl": ".",
+    "paths": {
+      "vx-tree/*": ["src/*"],
+      "vx-tree": ["src/index.ts"]
+    }
+  },
+  "include": ["play", "src"]
+}