nbb-component-ui 1.0.0

package/dist/index.css

@@ -0,0 +1,2 @@
+.my-btn[data-v-8e812d17]{color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px}
+/*$vite$:1*/

package/dist/index.mjs

@@ -0,0 +1,25 @@
+import { createElementBlock as e, normalizeStyle as t, openBlock as n, renderSlot as r } from "vue";
+var i = /* @__PURE__ */ ((e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+})({
+	__name: "MyButton",
+	props: { bgColor: {
+		type: String,
+		default: "#409eff"
+	} },
+	emits: ["click"],
+	setup(i, { emit: a }) {
+		let o = a, s = () => o("click");
+		return (a, o) => (n(), e("button", {
+			class: "my-btn",
+			style: t({ backgroundColor: i.bgColor }),
+			onClick: s
+		}, [r(a.$slots, "default", {}, void 0, !0)], 4));
+	}
+}, [["__scopeId", "data-v-8e812d17"]]), a = { install: (e) => {
+	e.component("MyButton", i);
+} };
+//#endregion
+export { i as MyButton, a as default };

package/dist/index.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.MyComponent={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var n=((e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n})({__name:`MyButton`,props:{bgColor:{type:String,default:`#409eff`}},emits:[`click`],setup(e,{emit:n}){let r=n,i=()=>r(`click`);return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{class:`my-btn`,style:(0,t.normalizeStyle)({backgroundColor:e.bgColor}),onClick:i},[(0,t.renderSlot)(n.$slots,`default`,{},void 0,!0)],4))}},[[`__scopeId`,`data-v-8e812d17`]]);e.MyButton=n,e.default={install:e=>{e.component(`MyButton`,n)}}});

package/index.js

@@ -0,0 +1,9 @@
+import MyButton from './src/MyButton.vue'
+// 支持全局注册
+const install = (app) => {
+  app.component('MyButton', MyButton)
+}
+// 支持按需引入
+export { MyButton }
+// 默认导出（全局注册用）
+export default { install }

package/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "nbb-component-ui",
+  "version": "1.0.0",
+  "main": "index.js",
+  "scripts": {
+	"build": "vite build"
+  },
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.5",
+    "vite": "^8.0.3"
+  }
+}

package/src/MyButton.vue

@@ -0,0 +1,29 @@
+<template>
+  <button class="my-btn" :style="{ backgroundColor: bgColor }" @click="handleClick">
+    <slot></slot>
+  </button>
+</template>
+
+<script setup>
+import { defineProps, defineEmits } from 'vue'
+// 定义props
+const props = defineProps({
+  bgColor: {
+    type: String,
+    default: '#409eff'
+  }
+})
+// 定义事件
+const emit = defineEmits(['click'])
+const handleClick = () => emit('click')
+</script>
+
+<style scoped>
+.my-btn {
+  padding: 8px 16px;
+  border: none;
+  border-radius: 4px;
+  color: white;
+  cursor: pointer;
+}
+</style>

package/vite.config.js

@@ -0,0 +1,20 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+export default defineConfig({
+  plugins: [vue()],
+
+  build: {
+    lib: {
+      entry: 'index.js',
+      name: 'MyComponent',
+      fileName: 'index'
+    },
+    rollupOptions: {
+      external: ['vue'],
+      output: {
+        globals: { vue: 'Vue' }
+      }
+    }
+  }
+})