houwenjian 1.0.6 → 1.0.9

package/dist/houwenjian.es.js

@@ -0,0 +1,26 @@
+import { ref as c, openBlock as _, createElementBlock as r, createElementVNode as o } from "vue";
+const u = (t, n) => {
+  const e = t.__vccOpts || t;
+  for (const [l, s] of n)
+    e[l] = s;
+  return e;
+}, d = {
+  __name: "test",
+  setup(t) {
+    return c("hello world"), (n, e) => (_(), r("div", null, [...e[0] || (e[0] = [
+      o("h2", null, "npm module test", -1),
+      o("h2", null, "作者 侯文建", -1),
+      o("div", null, [
+        o("button", { class: "buttons" }, "提交")
+      ], -1)
+    ])]));
+  }
+}, p = /* @__PURE__ */ u(d, [["__scopeId", "data-v-3254c07f"]]), i = {
+  install(t) {
+    t.component("RichEditor", p);
+  }
+};
+export {
+  p as RichEditor,
+  i as default
+};

package/dist/houwenjian.umd.js

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

package/dist/style.css

@@ -0,0 +1 @@
+.buttons[data-v-3254c07f]{color:red}

package/package.json

@@ -1,24 +1,40 @@
 {
   "name": "houwenjian",
-  "version": "1.0.6",
-  "main": "vite.config.js",
+  "version": "1.0.9",
+  "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,19 @@
+<template>
+    <div>
+    <h2>npm module test</h2>
+    <h2>作者 侯文建</h2>
+    <div>
+      <button class="buttons">提交</button>
+    </div>
+    </div>
+</template>
+<script setup>
+import { ref } from 'vue';
+   const message = ref("hello world")
+</script>
+
+<style scoped>
+    .buttons{
+        color:red;
+    }
+</style>

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: 'houwenjian',            // 全局变量名（UMD模式）
-      fileName: (format) => `houwenjian.${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>
-
-
-
-