aibox-custom-component-packages 0.0.2

package/README.md

@@ -0,0 +1,64 @@
+# aibox-custom-component-packages
+
+Aibox 自定义组件库，可直接被外部项目引用。
+
+## 📦 安装
+
+```bash
+pnpm add aibox-custom-component-packages
+# 或
+npm install aibox-custom-component-packages
+# 或
+yarn add aibox-custom-component-packages
+```
+
+## 🚀 快速开始
+
+### 全局注册（推荐）
+
+```javascript
+// main.js
+import { createApp } from 'vue'
+import AiboxComponents from 'aibox-custom-component-packages'
+import App from './App.vue'
+
+// 引入样式
+import 'aibox-custom-component-packages/index.css'
+
+const app = createApp(App)
+app.use(AiboxComponents)
+app.mount('#app')
+```
+
+### 按需引入
+
+```vue
+<template>
+  <ExampleComponent title="Hello" message="这是 Aibox 组件库" />
+</template>
+
+<script setup>
+import { ExampleComponent } from 'aibox-custom-component-packages'
+</script>
+```
+
+## 📚 组件列表
+
+- `ExampleComponent` - 示例组件
+
+## 🔧 开发
+
+```bash
+# 安装依赖
+pnpm install
+
+# 构建
+pnpm run build
+
+# 发布
+pnpm run release
+```
+
+## 📄 License
+
+[MIT](../../../LICENSE) License

package/es/ExampleComponent.mjs

@@ -0,0 +1,35 @@
+import { createElementBlock as r, openBlock as c, createElementVNode as a, renderSlot as m, toDisplayString as o } from "vue";
+import './assets/ExampleComponent.css';const u = (e) => (e.install = (t) => {
+  const n = e.name || e.__name;
+  t.component(n, e);
+}, e), i = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [l, s] of t)
+    n[l] = s;
+  return n;
+}, p = { class: "example-component" }, _ = /* @__PURE__ */ Object.assign({
+  name: "ExampleComponent"
+}, {
+  __name: "layout",
+  props: {
+    title: {
+      type: String,
+      default: "示例组件"
+    },
+    message: {
+      type: String,
+      default: "这是一个示例组件"
+    }
+  },
+  setup(e) {
+    return (t, n) => (c(), r("div", p, [
+      a("h3", null, o(e.title), 1),
+      a("p", null, o(e.message), 1),
+      m(t.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+}), d = /* @__PURE__ */ i(_, [["__scopeId", "data-v-28b17e43"]]), g = u(d);
+export {
+  g as ExampleComponent,
+  g as default
+};

package/es/assets/ExampleComponent.css

@@ -0,0 +1 @@
+.example-component[data-v-28b17e43]{padding:20px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.example-component h3[data-v-28b17e43]{margin:0 0 10px;color:#333;font-size:16px;font-weight:500}.example-component p[data-v-28b17e43]{margin:0;color:#666;font-size:14px}

package/es/index.mjs

@@ -0,0 +1,14 @@
+import { ExampleComponent as n } from "./ExampleComponent.mjs";
+const o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ExampleComponent: n
+}, Symbol.toStringTag, { value: "Module" })), l = (t) => {
+  for (const e in o)
+    o[e].install && t.use(o[e]);
+}, s = {
+  install: l
+};
+export {
+  n as ExampleComponent,
+  s as default
+};

package/lib/ExampleComponent.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/ExampleComponent.css');const t=require("vue"),r=e=>(e.install=n=>{const o=e.name||e.__name;n.component(o,e)},e),c=(e,n)=>{const o=e.__vccOpts||e;for(const[a,s]of n)o[a]=s;return o},u={class:"example-component"},i=Object.assign({name:"ExampleComponent"},{__name:"layout",props:{title:{type:String,default:"示例组件"},message:{type:String,default:"这是一个示例组件"}},setup(e){return(n,o)=>(t.openBlock(),t.createElementBlock("div",u,[t.createElementVNode("h3",null,t.toDisplayString(e.title),1),t.createElementVNode("p",null,t.toDisplayString(e.message),1),t.renderSlot(n.$slots,"default",{},void 0,!0)]))}}),m=c(i,[["__scopeId","data-v-28b17e43"]]),l=r(m);exports.ExampleComponent=l;exports.default=l;

package/lib/assets/ExampleComponent.css

@@ -0,0 +1 @@
+.example-component[data-v-28b17e43]{padding:20px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.example-component h3[data-v-28b17e43]{margin:0 0 10px;color:#333;font-size:16px;font-weight:500}.example-component p[data-v-28b17e43]{margin:0;color:#666;font-size:14px}

package/lib/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./ExampleComponent.js"),e=Object.freeze(Object.defineProperty({__proto__:null,ExampleComponent:t.ExampleComponent},Symbol.toStringTag,{value:"Module"})),l=n=>{for(const o in e)e[o].install&&n.use(e[o])},p={install:l};exports.ExampleComponent=t.ExampleComponent;exports.default=p;

package/package.json

@@ -0,0 +1,106 @@
+{
+  "name": "aibox-custom-component-packages",
+  "version": "0.0.2",
+  "keywords": [
+    "components",
+    "vue",
+    "ui",
+    "aibox"
+  ],
+  "homepage": "https://github.com/your-org/aibox-custom-component-packages#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/your-org/aibox-custom-component-packages.git"
+  },
+  "license": "MIT",
+  "author": "Aibox Team",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "import": "./es/index.mjs",
+      "require": "./lib/index.js"
+    },
+    "./es": {
+      "import": "./es/index.mjs"
+    },
+    "./lib": {
+      "require": "./lib/index.js"
+    },
+    "./es/*": {
+      "import": "./es/*.mjs"
+    },
+    "./es/*.mjs": {
+      "import": "./es/*.mjs"
+    },
+    "./lib/*.js": {
+      "require": "./lib/*.js"
+    },
+    "./lib/*": {
+      "require": "./lib/*.js"
+    },
+    "./index.css": "./index.css"
+  },
+  "main": "lib/index.js",
+  "import": "./es/index.mjs",
+  "module": "lib/index.js",
+  "files": [
+    "es",
+    "lib",
+    "index.css"
+  ],
+  "devDependencies": {
+    "@commitlint/cli": "^20.1.0",
+    "@rushstack/eslint-patch": "^1.12.0",
+    "@tsconfig/node18": "^18.2.4",
+    "@types/node": "^24.9.1",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "@vue/tsconfig": "^0.8.1",
+    "axios": "^1.12.2",
+    "commitlint-config-ali": "^1.3.0",
+    "eslint": "^9.38.0",
+    "eslint-config-ali": "^16.5.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-import-resolver-alias": "^1.1.2",
+    "eslint-import-resolver-node": "^0.3.9",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-prettier": "^5.5.4",
+    "lint-staged": "^16.2.5",
+    "patch-package": "^8.0.0",
+    "postcss": "^8.5.6",
+    "prettier": "^3.6.2",
+    "prettier-config-ali": "^1.5.0",
+    "sass": "^1.93.2",
+    "stylelint": "^16.23.1",
+    "stylelint-config-ali": "^2.3.0",
+    "stylelint-prettier": "^5.0.3",
+    "typescript": "~5.9.3",
+    "vite": "^7.3.0",
+    "vite-plugin-lib-inject-css": "^2.2.2",
+    "vue": "^3.5.25"
+  },
+  "dependencies": {
+    "@vueuse/core": "^14.0.0",
+    "element-plus": "^2.13.1",
+    "vue": "^3.5.26"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.26",
+    "element-plus": "^2.13.1"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "scripts": {
+    "build": "vite build && pnpm run postbuild",
+    "postbuild": "node -e \"const fs = require('fs'); const path = require('path'); const src = path.join(__dirname, 'es', 'assets', 'index.css'); const dest = path.join(__dirname, 'index.css'); if (fs.existsSync(src)) { fs.copyFileSync(src, dest); console.log('组件库样式文件已复制到根目录'); } else { console.log('警告: 组件库样式文件不存在'); }\"",
+    "build:clean": "rimraf lib es",
+    "dev": "vite --config ./play/vite.config.js",
+    "lint": "eslint . && stylelint  \"**/*.{css,less,scss}\"",
+    "lint:fix": "prettier --write . && eslint --fix . && stylelint --fix \"**/*.{css,less,scss}\" ",
+    "release": "node ../../scripts/publish-package.js aibox-custom-component-packages",
+    "release:patch": "node ../../scripts/publish-package.js aibox-custom-component-packages --patch",
+    "version": "bumpp --no-tag --no-commit"
+  }
+}