houwenjian 1.0.1

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "houwenjian",
+  "version": "1.0.1",
+  "main": "vite.config.js",
+  "dependencies": {
+    "csstype": "^3.2.3",
+    "entities": "^7.0.0",
+    "estree-walker": "^2.0.2",
+    "magic-string": "^0.30.21",
+    "nanoid": "^3.3.11",
+    "picocolors": "^1.1.1",
+    "postcss": "^8.5.6",
+    "source-map-js": "^1.2.1",
+    "vue": "^3.5.26"
+  },
+  "devDependencies": {},
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "description": ""
+}

package/src/components/RichEditor.vue

@@ -0,0 +1,11 @@
+<template>
+    <div>
+        <ColorView></ColorView>
+        <div contenteditable>
+            
+        </div>
+    </div>
+</template>
+<script setup>
+    import ColorView from "./coloreditor.vue"
+</script>

package/src/components/coloreditor.vue

@@ -0,0 +1,14 @@
+<template>
+    <div>
+      <h2>标题：hello world </h2>
+      <p>{{ message }}</p>
+    </div>
+</template>
+<script setup>
+    import {ref} from 'vue' 
+    const message = ref("houwenjian")
+</script>
+
+
+
+

package/src/index.js

@@ -0,0 +1,15 @@
+import RichEditor from './components/RichEditor.vue';
+
+// 定义插件安装方法（Vue3标准方式）
+export default {
+  install(app) {
+    // 注册全局组件
+    app.component('RichEditor', RichEditor);
+    
+    // 可选：暴露其他功能（如指令、服务等）
+    // app.config.globalProperties.$editor = ...;
+  }
+};
+
+// 兼容直接导入组件（按需引入）
+export { RichEditor };

package/vite.config.js

@@ -0,0 +1,23 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import peerDepsExternal from 'rollup-plugin-peer-deps-external';
+
+export default defineConfig({
+  build: {
+    lib: {
+      entry: './src/index.js',       // 入口文件
+      name: 'RichEditor',            // 全局变量名（UMD模式）
+      fileName: (format) => `richeditor.${format}.js`,
+    },
+    rollupOptions: {
+      external: ['vue'],             // 将vue作为peerDependency
+      plugins: [peerDepsExternal()],
+      output: {
+        globals: {
+          vue: 'Vue'                // UMD模式下映射vue到全局变量
+        }
+      }
+    }
+  },
+  plugins: [vue()]
+});