houwenjian 1.0.5 → 1.0.8

package/dist/houwenjian.es.js

@@ -0,0 +1,22 @@
+import { openBlock as l, createElementBlock as s, createElementVNode as o } from "vue";
+const i = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [r, c] of e)
+    n[r] = c;
+  return n;
+}, d = {};
+function m(t, e) {
+  return l(), s("div", null, [...e[0] || (e[0] = [
+    o("h2", null, "npm module test", -1),
+    o("h2", null, "作者 侯文建", -1)
+  ])]);
+}
+const u = /* @__PURE__ */ i(d, [["render", m]]), a = {
+  install(t) {
+    t.component("RichEditor", u);
+  }
+};
+export {
+  u as RichEditor,
+  a as default
+};

package/dist/houwenjian.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.houwenjian={},e.Vue))})(this,function(e,t){"use strict";const d=(n,o)=>{const c=n.__vccOpts||n;for(const[s,f]of o)c[s]=f;return c},r={};function u(n,o){return t.openBlock(),t.createElementBlock("div",null,[...o[0]||(o[0]=[t.createElementVNode("h2",null,"npm module test",-1),t.createElementVNode("h2",null,"作者 侯文建",-1)])])}const i=d(r,[["render",u]]),l={install(n){n.component("RichEditor",i)}};e.RichEditor=i,e.default=l,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,24 +1,36 @@
 {
   "name": "houwenjian",
-  "version": "1.0.5",
-  "main": "vite.config.js",
+  "version": "1.0.8",
+  "description": "Vue-based npm package built with Vite (JavaScript version)",
+  "main": "dist/houwenjian.umd.js",
+  "module": "dist/houwenjian.es.js",
+  "types": "dist/houwenjian.d.ts",
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build",
+    "test": "vitest --environment jsdom",
+    "prepublishOnly": "npm run build && npm test"
+  },
   "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",
-    "rollup-plugin-peer-deps-external": "^2.2.4"
+    "vue": "^3.2.0"
   },
-  "devDependencies": {},
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.0.0",
+    "@vue/test-utils": "^2.4.6",
+    "jsdom": "^22.1.0",
+    "vite": "^4.0.0",
+    "vitest": "^0.34.6"
   },
-  "author": "",
+  "author": "HOU WEN JIAN",
   "license": "ISC",
-  "description": ""
+  "vitest": {
+  "coverage": {
+    "reporter": ["text", "json", "html"],
+    "thresholds": {
+      "functions": 100,
+      "branches": 100,
+      "lines": 100
+    }
+  }
+ }
 }

package/src/index.js

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

package/src/test.vue

@@ -0,0 +1,9 @@
+<template>
+    <div>
+    <h2>npm module test</h2>
+    <h2>作者 侯文建</h2>
+    </div>
+</template>
+<script setup>
+    
+</script>

package/test/index.test.js

@@ -0,0 +1,29 @@
+import { describe, it, expect } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { RichEditor } from '../src/index';
+
+describe('RichEditor', () => {
+  // 基础渲染测试
+  it('renders correctly', () => {
+    const wrapper = mount(RichEditor);
+    
+    // 获取所有h2元素
+    const h2Elements = wrapper.findAll('h2');
+    
+    // 验证组件渲染的DOM结构
+    expect(h2Elements[0].text()).toContain('npm module test');
+    expect(h2Elements[1].text()).toContain('作者 侯文建');
+  });
+  
+  // 组件属性测试
+  it('handles props correctly', async () => {
+    // 如果有需要测试的props，在这里添加具体用例
+    const wrapper = mount(RichEditor);
+  });
+  
+  // 组件事件测试
+  it('emits events correctly', async () => {
+    // 如果有需要测试的事件，在这里添加具体用例
+    const wrapper = mount(RichEditor);
+  });
+});

package/vite.config.js

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

package/src/components/RichEditor.vue

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

package/src/components/coloreditor.vue

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