@bruce_cao/vue3-component-library 0.0.7

package/README.md

@@ -0,0 +1,11 @@
+src/
+├── components/        # 公共组件目录
+│   ├── Button/        # 示例组件（按钮）
+│   │   ├── index.ts   # 组件导出
+│   │   ├── Button.vue # 组件源码
+│   ├── index.ts       # 所有组件统一导出
+├── types/             # 类型定义目录
+│   ├── index.d.ts     # 全局类型
+├── styles/            # 全局样式
+│   ├── index.scss     # 样式入口（可安装sass支持）
+├── index.ts           # 组件库入口（供外部引入）

package/dist/types/App.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/dist/types/components/Button/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Button/Button.vue.d.ts

@@ -0,0 +1,40 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (e: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: ((e: MouseEvent) => any) | undefined;
+}>, {
+    type: string;
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+import Button from './Button.vue';
+export default Button;

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

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

package/dist/types/index.d.ts

@@ -0,0 +1,6 @@
+import './styles/index.scss';
+export * from './components';
+declare const _default: {
+    install: (app: any) => void;
+};
+export default _default;

package/dist/types/main.d.ts

@@ -0,0 +1 @@
+import './style.css';

package/dist/vite.svg

@@ -0,0 +1 @@
+<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="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/dist/vue3-component-library.css

@@ -0,0 +1 @@
+.v-btn[data-v-32268c3b]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.v-btn--default[data-v-32268c3b]{background:#f5f5f5;color:#333;border:1px solid #333}.v-btn--default[data-v-32268c3b]:hover{background:#e5e5e5}.v-btn--primary[data-v-32268c3b]{background:#409eff;color:#fff}.v-btn--primary[data-v-32268c3b]:hover{background:#66b1ff}.v-btn[data-v-32268c3b]:disabled{opacity:.6;cursor:not-allowed}

package/dist/vue3-component-library.es.js

@@ -0,0 +1,53 @@
+import { defineComponent as c, createElementBlock as i, openBlock as d, normalizeClass as r, renderSlot as u } from "vue";
+const f = ["disabled"], m = /* @__PURE__ */ c({
+  __name: "Button",
+  props: {
+    type: {
+      type: String,
+      default: "default",
+      validator: (t) => ["primary", "default"].includes(t)
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["click"],
+  setup(t, { emit: e }) {
+    const o = t, l = e, a = (s) => {
+      o.disabled || l("click", s);
+    };
+    return (s, B) => (d(), i("button", {
+      class: r(["v-btn", [{ "v-btn--primary": t.type === "primary" }, { "v-btn--default": t.type === "default" }]]),
+      disabled: t.disabled,
+      onClick: a
+    }, [
+      u(s.$slots, "default", {}, void 0, !0)
+    ], 10, f));
+  }
+}), p = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [l, a] of e)
+    o[l] = a;
+  return o;
+}, n = /* @__PURE__ */ p(m, [["__scopeId", "data-v-32268c3b"]]);
+n.install = (t) => {
+  t.component(n.name || "VButton", n);
+};
+const b = [n], y = (t) => {
+  b.forEach((e) => {
+    t.component(e.name || "", e);
+  });
+}, _ = { install: y }, v = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Button: n,
+  default: _
+}, Symbol.toStringTag, { value: "Module" })), k = (t) => {
+  Object.values(v).forEach((e) => {
+    e.install && t.use(e);
+  });
+}, g = { install: k };
+export {
+  n as Button,
+  g as default
+};

package/dist/vue3-component-library.umd.js

@@ -0,0 +1 @@
+(function(o,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(o=typeof globalThis<"u"?globalThis:o||self,t(o.Vue3ComponentLibrary={},o.Vue))})(this,(function(o,t){"use strict";const d=["disabled"],l=((e,n)=>{const i=e.__vccOpts||e;for(const[s,a]of n)i[s]=a;return i})(t.defineComponent({__name:"Button",props:{type:{type:String,default:"default",validator:e=>["primary","default"].includes(e)},disabled:{type:Boolean,default:!1}},emits:["click"],setup(e,{emit:n}){const i=e,s=n,a=c=>{i.disabled||s("click",c)};return(c,v)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["v-btn",[{"v-btn--primary":e.type==="primary"},{"v-btn--default":e.type==="default"}]]),disabled:e.disabled,onClick:a},[t.renderSlot(c.$slots,"default",{},void 0,!0)],10,d))}}),[["__scopeId","data-v-32268c3b"]]);l.install=e=>{e.component(l.name||"VButton",l)};const u=[l],r=Object.freeze(Object.defineProperty({__proto__:null,Button:l,default:{install:e=>{u.forEach(n=>{e.component(n.name||"",n)})}}},Symbol.toStringTag,{value:"Module"})),f={install:e=>{Object.values(r).forEach(n=>{n.install&&e.use(n)})}};o.Button=l,o.default=f,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@bruce_cao/vue3-component-library",
+  "private": false,
+  "version": "0.0.7",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && echo '开始生成类型声明' && vue-tsc",
+    "build:types": "vue-tsc --noEmit false --declaration true --emitDeclarationOnly true",
+    "preview": "vite preview",
+    "lint": "eslint . --fix --debug",
+    "lint:check": "eslint .",
+    "format": "prettier --write \"src/**/*.{vue,ts,scss}\"",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs"
+  },
+  "dependencies": {
+    "vue": "^3.5.24"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.2",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^25.0.3",
+    "@typescript-eslint/eslint-plugin": "^8.50.0",
+    "@typescript-eslint/parser": "^8.50.0",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vitest/coverage-v8": "^4.0.16",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.8.1",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-vue": "^10.6.2",
+    "happy-dom": "^20.0.11",
+    "markdown-it": "^14.1.0",
+    "markdown-it-container": "^4.0.0",
+    "prettier": "^3.7.4",
+    "sass": "^1.97.0",
+    "typescript": "~5.9.3",
+    "vite": "^7.2.4",
+    "vitepress": "^1.6.4",
+    "vitest": "^4.0.16",
+    "vue-eslint-parser": "^10.2.0",
+    "vue-tsc": "^3.1.4"
+  },
+  "main": "./dist/vue3-component-library.umd.js",
+  "module": "./dist/vue3-component-library.es.js",
+  "types": "./dist/types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "vue": "^3.0.0"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://jihulab.com/chj_158-group/vue3-component-library.git"
+  },
+  "keywords": ["vue3", "Component library", "ts", "vite"],
+  "author": "bruce_cao 15833355879@163.com"
+}