hw-cus-ui 1.0.15 → 1.0.16

package/hw-cus-ui.css

@@ -0,0 +1,2 @@
+.btn[data-v-6693a7d0]{color:#fff;background-color:red;width:100px;height:100px}
+/*$vite$:1*/

package/hw-cus-ui.es.js

@@ -0,0 +1,17 @@
+import { createElementBlock, openBlock } from "vue";
+var __plugin_vue_export_helper_default = (e, s) => {
+	let c = e.__vccOpts || e;
+	for (let [e, l] of s) c[e] = l;
+	return c;
+}, _sfc_main = {}, _hoisted_1 = { class: "btn" };
+function _sfc_render(c, l) {
+	return openBlock(), createElementBlock("div", _hoisted_1, "我的按钮");
+}
+var HwBtn_default$1 = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6693a7d0"]]);
+HwBtn_default$1.install = (e) => {
+	e.component(HwBtn_default$1.__name, HwBtn_default$1);
+};
+var HwBtn_default = HwBtn_default$1, components = [HwBtn_default], components_default = { install: (e) => {
+	components.forEach((s) => e.component(s.__name, s));
+} };
+export { HwBtn_default as HwBtn, components_default as default };

package/hw-cus-ui.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.hwCusUi={},e.Vue))})(this,function(e,t){Object.defineProperty(e,`__esModule`,{value:!0});var n=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},r={},i={class:`btn`};function a(e,n){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,i,`我的按钮`)}var o=n(r,[[`render`,a],[`__scopeId`,`data-v-6693a7d0`]]);o.install=e=>{e.component(o.__name,o)};var s=o,c=[s];e.HwBtn=s,e.default={install:e=>{c.forEach(t=>e.component(t.__name,t))}}});

package/package.json

@@ -1,35 +1,8 @@
 {
   "name": "hw-cus-ui",
-  "version": "1.0.15",
-  "description": "一个基于 Vue 3 的组件库，包含常用的UI组件。",
-  "main": "./dist/hw-cus-ui.es.js",
-  "dependencies": {
-    "alien-signals": "^3.1.1",
-    "csstype": "^3.2.3",
-    "detect-libc": "^2.1.2",
-    "entities": "^7.0.0",
-    "estree-walker": "^2.0.2",
-    "fdir": "^6.5.0",
-    "lightningcss": "^1.30.2",
-    "lightningcss-win32-x64-msvc": "^1.30.2",
-    "magic-string": "^0.30.21",
-    "muggle-string": "^0.4.1",
-    "nanoid": "^3.3.11",
-    "path-browserify": "^1.0.1",
-    "picocolors": "^1.1.1",
-    "picomatch": "^4.0.3",
-    "postcss": "^8.5.6",
-    "rolldown": "^1.0.0-beta.50",
-    "source-map-js": "^1.2.1",
-    "tinyglobby": "^0.2.15",
-    "typescript": "^5.9.3",
-    "undici-types": "^7.16.0",
-    "vite": "^7.2.5",
-    "vscode-uri": "^3.1.0",
-    "vue": "^3.5.26",
-    "vue-tsc": "^3.2.1"
-  },
-  "devDependencies": {},
+  "version": "1.0.16",
+  "description": "",
+  "main": "hw-cus-ui.es.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },

package/types/components/HwBtn/HwBtn.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/types/components/HwBtn/index.d.ts

@@ -0,0 +1,2 @@
+import HwBtn from "./HwBtn.vue";
+export default HwBtn;

package/types/components/index.d.ts

@@ -0,0 +1,7 @@
+import type { App } from 'vue';
+import HwBtn from './HwBtn';
+export { HwBtn, };
+declare const hwCusUi: {
+    install: (app: App) => void;
+};
+export default hwCusUi;

package/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["Vue.volar"]
-}

package/README.md

@@ -1,70 +0,0 @@
-# hw-cus-ui
-
-一个基于 Vue 3 的组件库，包含常用的UI组件。
-
-## 安装
-
-```bash
-npm install @yourname/hw-cus-ui
-```
-
-## 使用
-
-### 全局注册
-
-```ts
-import { createApp } from 'vue'
-import App from './App.vue'
-import hwCusUi from '@yourname/hw-cus-ui'
-import '@yourname/hw-cus-ui/dist/hw-cus-ui.css'
-
-const app = createApp(App)
-
-app.use(hwCusUi)
-app.mount('#app')
-```
-
-### 按需引入
-
-```ts
-import { createApp } from 'vue'
-import App from './App.vue'
-import { HwBtn } from '@yourname/hw-cus-ui'
-import '@yourname/hw-cus-ui/dist/hw-cus-ui.css'
-
-const app = createApp(App)
-
-app.component('HwBtn', HwBtn)
-app.mount('#app')
-```
-
-## 组件列表
-
-- HwBtn (按钮组件)
-
-## 开发
-
-```bash
-# 安装依赖
-npm install
-
-# 启动开发服务器
-npm run dev
-
-# 构建组件库
-npm run build
-```
-
-## 发布到npm
-
-在发布前，请注意：
-
-1. 将 package.json 中的 `@yourname/hw-cus-ui` 替换为你的实际npm用户名
-2. 登录npm账户: `npm login`
-3. 确保版本号更新
-4. 运行构建命令: `npm run build`
-5. 发布: `npm publish`
-
-## License
-
-MIT

package/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>my-vue-app</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>

package/package copy.json

@@ -1,37 +0,0 @@
-{
-  "name": "hw-cus-ui",
-  "version": "1.0.14",
-  "type": "module",
-  "main": "./dist/hw-cus-ui.umd.js",
-  "types": "./dist/types/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc -b && vite build && vue-tsc -p tsconfig.types.json",
-    "preview": "vite preview",
-    "lib": "vue-tsc -b && vite build --mode lib"
-  },
-  "dependencies": {
-    "vue": "^3.5.24"
-  },
-  "devDependencies": {
-    "@types/node": "^24.10.1",
-    "@vitejs/plugin-vue": "^6.0.1",
-    "@vue/tsconfig": "^0.8.1",
-    "typescript": "~5.9.3",
-    "vite": "npm:rolldown-vite@7.2.5",
-    "vue-tsc": "^3.1.4"
-  },
-  "resolutions": {
-    "vite": "npm:rolldown-vite@7.2.5"
-  },
-  "peerDependencies": {
-    "vue": "^3.5.24"
-  },
-  "description": "一个基于 Vue 3 的组件库，包含常用的UI组件。",
-  "keywords": [],
-  "author": "",
-  "license": "ISC"
-}

package/scripts/build-types.js

@@ -1,21 +0,0 @@
-import { execSync } from 'child_process';
-import { existsSync, mkdirSync } from 'fs';
-import { resolve } from 'path';
-
-const projectRoot = resolve('.');
-const distPath = resolve(projectRoot, 'dist');
-const typesPath = resolve(distPath, 'types');
-
-// 创建类型目录
-if (!existsSync(typesPath)) {
-  mkdirSync(typesPath, { recursive: true });
-}
-
-// 生成类型声明文件
-try {
-  execSync('npx vue-tsc --declaration --emitDeclarationOnly --outDir dist/types', { stdio: 'inherit' });
-  console.log('类型声明文件生成成功');
-} catch (error) {
-  console.error('类型声明文件生成失败:', error.message);
-  process.exit(1);
-}

package/src/App.vue

@@ -1,30 +0,0 @@
-<script setup lang="ts">
-import HelloWorld from './components/HelloWorld.vue'
-</script>
-
-<template>
-  <div>
-    <a href="https://vite.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
-  </div>
-  <HelloWorld msg="Vite + Vue" />
-</template>
-
-<style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-</style>

package/src/assets/vue.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/src/components/HelloWorld.vue

@@ -1,41 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-
-defineProps<{ msg: string }>()
-
-const count = ref(0)
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Learn more about IDE Support for Vue in the
-    <a
-      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
-      target="_blank"
-      >Vue Docs Scaling up Guide</a
-    >.
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>

package/src/components/HwBtn/HwBtn.vue

@@ -1,16 +0,0 @@
-<template>
-  <div class="btn">我的按钮</div>
-</template>
-
-<script setup lang="ts">
-
-</script>
-
-<style scoped>
-  .btn {
-    width: 100px;
-    height: 100px;
-    background-color: red;
-    color: #ffffff;
-  }
-</style>

package/src/components/HwBtn/index.ts

@@ -1,10 +0,0 @@
-// index.ts
-import type { App } from 'vue'
-import HwBtn from "./HwBtn.vue"
-
-// 使用install方法，在app.use挂载
-HwBtn.install = (app: App) => {
-    app.component(HwBtn.__name as string, HwBtn) //注册组件
-}
-
-export default HwBtn

package/src/components/index.ts

@@ -1,24 +0,0 @@
-// index.ts
-import type { App } from 'vue'
-import HwBtn from './HwBtn'
-
-// 所有组件列表
-const components = [
-  HwBtn,
-]
-
-// 定义 install 方法
-const install = (app: App): void => {
-  // 遍历注册所有组件
-  components.forEach(component => app.component(component.__name as string, component))
-}
-
-export {
-  HwBtn,
-}
-
-const hwCusUi = {
-  install
-}
-
-export default hwCusUi

package/src/components/types/components.d.ts

@@ -1,13 +0,0 @@
-import { DefineComponent } from 'vue'
-
-export declare const HwBtn: DefineComponent
-
-export interface InstallFunction {
-  (app: import('vue').App): void
-}
-
-export declare const hwCusUi: {
-  install: InstallFunction
-}
-
-export default hwCusUi

package/src/components/types/index.d.ts

@@ -1,15 +0,0 @@
-import { App } from 'vue'
-
-export interface InstallFunction {
-  (app: App): void
-}
-
-declare const hwCusUi: {
-  install: InstallFunction
-}
-
-export { hwCusUi }
-
-export { HwBtn } from '../HwBtn'
-
-export default hwCusUi

package/src/main.ts

@@ -1,5 +0,0 @@
-import { createApp } from 'vue'
-import './style.css'
-import App from './App.vue'
-
-createApp(App).mount('#app')

package/src/style.css

@@ -1,79 +0,0 @@
-:root {
-  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-.card {
-  padding: 2em;
-}
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}

package/tsconfig.app.json

@@ -1,20 +0,0 @@
-{
-  "extends": "@vue/tsconfig/tsconfig.dom.json",
-  "include": ["env.d.ts", "src/**/*", "src/**/*.vue", "src/components/types/**/*.d.ts"],
-  "exclude": ["src/**/__tests__/*"],
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    },
-    "types": ["vite/client"],
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  }
-}

package/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}

package/tsconfig.node.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "types": ["node"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/tsconfig.types.json

@@ -1,33 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "strict": true,
-    "jsx": "preserve",
-    "sourceMap": true,
-    "resolveJsonModule": true,
-    "esModuleInterop": true,
-    "lib": [
-      "ES2020",
-      "DOM",
-      "DOM.Iterable"
-    ],
-    "declaration": true,
-    "emitDeclarationOnly": true,
-    "outDir": "./dist/types",
-    "rootDir": "./src",
-    "types": ["vite/client", "node"],
-    "allowSyntheticDefaultImports": true,
-    "skipLibCheck": true
-  },
-  "include": [
-    "src/components/index.ts",
-    "src/components/HwBtn/index.ts",
-    "src/components/HwBtn/HwBtn.vue",
-    "src/components/types/**/*.d.ts"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
-}

package/vite.config.ts

@@ -1,42 +0,0 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import { resolve } from 'path';
-
-const pathResolve = (dir: string) => {
-  return resolve(__dirname, '.', dir);
-};
-const alias: Record<string, string> = {
-  '@': pathResolve('./src'),
-};
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [vue()],
-  base:'./',
-  build:{
-    outDir: 'dist', // 修改输出目录
-    lib:{
-      entry: resolve(__dirname, './src/components/index.ts'), //指定组件编译入口文件
-      name: 'hwCusUi', // 修改库名称
-      fileName: (format) => `hw-cus-ui.${format}.js` // 生成不同格式的文件
-    },//库编译模式配置
-    rollupOptions: {
-      external: ['vue'],
-      output: {
-        exports: 'named',
-        globals: {
-          vue:'Vue',
-        },
-        assetFileNames: (assetInfo) => {
-          if (assetInfo.name === 'style.css') {
-            return 'style.css';
-          }
-          return assetInfo.name || '';
-        }
-      }
-    },
-  },
-  resolve: {
-    alias,
-  }
-})