nbb-component-ui 1.0.6 → 1.0.8

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import { Plugin } from 'vue';
+import { ProcessFlow } from './src/ProcessFlow';
+declare const plugin: Plugin;
+export { ProcessFlow };
+export default plugin;

package/dist/index.es.js

@@ -0,0 +1,27 @@
+import { defineComponent as s, resolveComponent as l, openBlock as r, createBlock as c, withCtx as p, createTextVNode as m } from "vue";
+import { ElMessage as a } from "element-plus";
+const _ = /* @__PURE__ */ s({
+  __name: "ProcessFlow",
+  setup(o) {
+    const t = () => {
+      a.success("Hello World!");
+    };
+    return (u, e) => {
+      const n = l("el-button");
+      return r(), c(n, { onClick: t }, {
+        default: p(() => [...e[0] || (e[0] = [
+          m("Show message", -1)
+        ])]),
+        _: 1
+      });
+    };
+  }
+}), d = {
+  install(o) {
+    o.component("ProcessFlow", _);
+  }
+};
+export {
+  _ as ProcessFlow,
+  d as default
+};

package/dist/index.umd.js

@@ -0,0 +1 @@
+(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.NbbComponentUi={},n.Vue,n.ElementPlus))})(this,function(n,e,l){"use strict";const o=e.defineComponent({__name:"ProcessFlow",setup(t){const u=()=>{l.ElMessage.success("Hello World!")};return(r,s)=>{const c=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(c,{onClick:u},{default:e.withCtx(()=>[...s[0]||(s[0]=[e.createTextVNode("Show message",-1)])]),_:1})}}}),i={install(t){t.component("ProcessFlow",o)}};n.ProcessFlow=o,n.default=i,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/src/ProcessFlow/index.d.ts

@@ -0,0 +1,2 @@
+import { default as ProcessFlow } from './src/ProcessFlow.vue';
+export { ProcessFlow };

package/dist/src/ProcessFlow/src/ProcessFlow.vue.d.ts

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

package/index.ts

@@ -0,0 +1,14 @@
+import type { App, Plugin } from 'vue'
+import {ProcessFlow} from "./src/ProcessFlow";
+
+// 定义插件对象，严格标注类型
+const plugin: Plugin = {
+  install(app: App) {
+    app.component('ProcessFlow', ProcessFlow)
+  }
+}
+// 支持按需引入
+export {ProcessFlow }
+
+// 默认导出插件（必须是Plugin类型）
+export default plugin

package/package.json

@@ -1,7 +1,9 @@
 {
   "name": "nbb-component-ui",
-  "version": "1.0.6",
-  "main": "index.js",
+  "version": "1.0.8",
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
   "scripts": {
     "build": "vite build"
   },
@@ -13,8 +15,9 @@
     "element-plus": "^2.0.0",
     "typescript": "^5.0.0",
     "vite": "^4.0.0",
+    "vite-plugin-dts": "^4.5.4",
     "vue": "^3.2.0",
-    "vue-tsc": "^1.0.0"
+    "vue-tsc": "^1.8.27"
   },
   "peerDependencies": {
     "element-plus": "^2.13.6",

package/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ESNext", "DOM"],
+    "moduleResolution": "Node",
+    "strict": true,
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "noEmit": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "skipLibCheck": true,
+    "declaration": true,
+    "declarationDir": "dist"
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "index.ts"]
+}

package/vite.config.js

@@ -1,12 +1,22 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import { resolve } from 'path'
+// 引入类型生成插件
+import dts from 'vite-plugin-dts'
 
 export default defineConfig({
-  plugins: [vue()],
+  plugins: [
+    vue(),
+    dts({
+      // 类型文件输出目录
+      outDir: 'dist',
+      // 确保生成的类型正确
+      tsconfigPath: './tsconfig.json'
+    })
+  ],
   build: {
     lib: {
-      entry: resolve(__dirname, 'index.js'),
+      entry: resolve(__dirname, 'index.ts'),
       name: 'NbbComponentUi',
       fileName: (format) => `index.${format}.js`,
       formats: ['es', 'umd']

package/index.js

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