@star-ai/star-ui 0.0.2 → 0.0.3

package/README.md

@@ -11,7 +11,6 @@ star-ui-library是一个基于Uniapp和Vue2开发的移动端组件库，提供
 - 🎨 基于Uniapp和Vue2，支持多端编译
 - 📱 丰富的移动端UI组件
 - 🔧 支持按需引入
-- 🎯 完整的TypeScript类型支持
 - 📦 轻量、高效
 
 ## 快速开始
@@ -19,22 +18,22 @@ star-ui-library是一个基于Uniapp和Vue2开发的移动端组件库，提供
 ### 安装
 
 ```bash
-npm install @dengchengbo/star-ui-library
-pnpm add @dengchengbo/star-ui-library
+npm install @star-ai/star-ui
+pnpm add @star-ai/star-ui
 ```
 
 ### 使用
 
 ```javascript
 // 全局引入
-import StarUI from '@dengchengbo/star-ui-library'
-import '@dengchengbo/star-ui-library/lib/styles/index.scss'
+import StarUI from '@star-ai/star-ui'
+import '@star-ai/star-ui/lib/styles/index.scss'
 
 Vue.use(StarUI)
 
 // 按需引入
-import { Button, Input } from '@dengchengbo/star-ui-library'
-import '@dengchengbo/star-ui-library/lib/styles/index.scss'
+import { Button, Input } from '@star-ai/star-ui'
+import '@star-ai/star-ui/lib/styles/index.scss'
 
 Vue.use(Button)
 Vue.use(Input)
@@ -76,7 +75,7 @@ Vue.use(Input)
 yarn install
 
 # 启动H5开发服务器
-npm run serve
+npm run dev:h5
 
 # 构建H5版本
 npm run build:h5
@@ -86,6 +85,9 @@ npm run build:mp-weixin
 
 # 构建App版本
 npm run build:app-plus
+
+# 构建npm包
+npm run build:lib
 ```
 
 ## npm包发布流程
@@ -144,7 +146,7 @@ npm login
 ### 6. 发布npm包
 
 ```bash
-npm publish --access public
+npm publish --access=public
 ```
 
 ### 7. 验证发布结果
@@ -152,7 +154,7 @@ npm publish --access public
 发布成功后，可以在npm官网查看你的包：
 
 ```
-https://www.npmjs.com/package/@dengchengbo/star-ui-library
+https://www.npmjs.com/package/@star-ai/star-ui
 ```
 
 ## 注意事项

package/lib/components/Button/index.js

@@ -1,8 +1,10 @@
 
-import Button from './Button.vue'
+// Button 组件入口文件
+import StarButton from './Button.vue'
 
-Button.install = function(Vue) {
-  Vue.component(Button.name, Button)
+StarButton.install = function(Vue) {
+  Vue.component(StarButton.name, StarButton)
 }
 
-export default Button
+export default StarButton
+export { StarButton }

package/lib/components/Input/index.js

@@ -1,8 +1,10 @@
 
-import Input from './Input.vue'
+// Input 组件入口文件
+import StarInput from './Input.vue'
 
-Input.install = function(Vue) {
-  Vue.component(Input.name, Input)
+StarInput.install = function(Vue) {
+  Vue.component(StarInput.name, StarInput)
 }
 
-export default Input
+export default StarInput
+export { StarInput }

package/lib/index.js

@@ -1,10 +1,28 @@
 
-// 自动导入所有组件
-const components = []
+// star-ui 组件库主入口文件
+import packageJson from '../package.json'
 
+// 导入所有组件
+import StarButton from './components/Button/index.js'
+import StarInput from './components/Input/index.js'
+
+// 组件列表
+const components = [
+  StarButton,
+  StarInput
+]
+
+// 安装函数
 const install = function(Vue, opts = {}) {
   components.forEach(component => {
-    Vue.component(component.name, component)
+    // 如果组件有install方法，使用install方法注册
+    if (component.install) {
+      Vue.use(component)
+    } 
+    // 如果组件是Vue组件对象，直接注册
+    else if (component.name) {
+      Vue.component(component.name, component)
+    }
   })
   
   // 挂载全局方法
@@ -19,10 +37,34 @@ if (typeof window !== 'undefined' && window.Vue) {
   install(window.Vue)
 }
 
-export default {
-  version: '0.1.0',
+// 创建导出对象
+const StarUI = {
+  version: packageJson.version,
   install,
-  // 按需导出所有组件
-  Button: require('./components/Button').default,
-  Input: require('./components/Input').default
+  // 导出所有组件
+  StarButton,
+  StarInput
 }
+
+// 导出模块
+if (typeof module !== 'undefined' && module.exports) {
+  // CommonJS 导出
+  module.exports = StarUI
+  module.exports.default = StarUI
+  // 为每个组件添加单独的导出（支持按需导入）
+  components.forEach(component => {
+    if (component.name) {
+      module.exports[component.name] = component
+    }
+  })
+} else if (typeof define === 'function' && define.amd) {
+  // AMD 导出
+  define(() => StarUI)
+} else if (typeof window !== 'undefined') {
+  // 浏览器全局变量导出
+  window.StarUI = StarUI
+}
+
+// ES模块导出
+export default StarUI
+export { StarButton, StarInput }

package/lib/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@star-ai/star-ui",
+  "version": "0.0.2",
+  "description": "基于Uniapp的Vue2组件库",
+  "main": "index.js",
+  "files": [
+    "components",
+    "styles",
+    "index.js"
+  ],
+  "dependencies": {
+    "@vue/shared": "^3.0.0",
+    "core-js": "^3.8.3"
+  },
+  "keywords": [
+    "uniapp",
+    "vue2",
+    "component",
+    "ui",
+    "mobile"
+  ],
+  "author": "DengChengBo",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://gitee.com/chengboDeng/star-ui-library.git"
+  }
+}

package/package.json

@@ -1,8 +1,10 @@
 {
   "name": "@star-ai/star-ui",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "基于Uniapp的Vue2组件库",
   "main": "lib/index.js",
+  "module": "lib/index.js",
+  "umd:main": "lib/index.js",
   "files": [
     "lib",
     "packages"
@@ -10,6 +12,7 @@
   "scripts": {
     "serve": "npm run dev:h5",
     "build:lib": "node build/build.js",
+    "build:lib:prod": "cross-env BUILD_NPM_PACKAGE=true node build/build.js",
     "build": "npm run build:h5",
     "build:app-plus": "cross-env NODE_ENV=production UNI_PLATFORM=app-plus vue-cli-service uni-build",
     "build:custom": "cross-env NODE_ENV=production uniapp-cli custom",
@@ -55,32 +58,12 @@
     "test:mp-baidu": "cross-env UNI_PLATFORM=mp-baidu jest -i",
     "test:mp-weixin": "cross-env UNI_PLATFORM=mp-weixin jest -i"
   },
+  "peerDependencies": {
+    "vue": ">= 2.6.14 < 2.7"
+  },
   "dependencies": {
-    "@dcloudio/uni-app": "^2.0.2-4080720251210002",
-    "@dcloudio/uni-app-plus": "^2.0.2-4080720251210002",
-    "@dcloudio/uni-h5": "^2.0.2-4080720251210002",
-    "@dcloudio/uni-i18n": "^2.0.2-4080720251210002",
-    "@dcloudio/uni-mp-360": "^2.0.2-4080720251210002",
-    "@dcloudio/uni-mp-alipay": "^2.0.2-4080720251210002",
-    "@dcloudio/uni-mp-baidu": "^2.0.2-4080720251210002",
-    "@dcloudio/uni-mp-harmony": "^2.0.2-4080720251210002",
-    "@dcloudio/uni-mp-jd": "^2.0.2-4080720251210002",
-    "@dcloudio/uni-mp-kuaishou": "^2.0.2-4080720251210002",
-    "@dcloudio/uni-mp-lark": "^2.0.2-4080720251210002",
-    "@dcloudio/uni-mp-qq": "^2.0.2-4080720251210002",
-    "@dcloudio/uni-mp-toutiao": "^2.0.2-4080720251210002",
-    "@dcloudio/uni-mp-vue": "^2.0.2-4080720251210002",
-    "@dcloudio/uni-mp-weixin": "^2.0.2-4080720251210002",
-    "@dcloudio/uni-mp-xhs": "^2.0.2-4080720251210002",
-    "@dcloudio/uni-quickapp-native": "^2.0.2-4080720251210002",
-    "@dcloudio/uni-quickapp-webview": "^2.0.2-4080720251210002",
-    "@dcloudio/uni-stacktracey": "^2.0.2-4080720251210002",
-    "@dcloudio/uni-stat": "^2.0.2-4080720251210002",
     "@vue/shared": "^3.0.0",
-    "core-js": "^3.8.3",
-    "flyio": "^0.6.2",
-    "vue": ">= 2.6.14 < 2.7",
-    "vuex": "^3.2.0"
+    "core-js": "^3.8.3"
   },
   "devDependencies": {
     "@dcloudio/types": "^3.3.2",
@@ -99,6 +82,7 @@
     "@vue/cli-service": "~5.0.0",
     "babel-plugin-import": "^1.11.0",
     "cross-env": "^7.0.2",
+    "fs-extra": "^10.0.0",
     "jest": "^25.4.0",
     "postcss-comment": "^2.0.0",
     "sass": "^1.97.1",
@@ -129,4 +113,4 @@
   "uni-app": {
     "scripts": {}
   }
-}
+}

package/packages/index.js

@@ -1,17 +1,15 @@
-// 自动导入所有组件（使用CommonJS语法，兼容Webpack环境）
-const packageJson = require('../../package.json')
+// 自动导入所有组件
+import packageJson from '../../package.json'
 
-// 使用require.context自动扫描components目录下的所有组件（Webpack环境）
-const requireComponent = require.context('./components', true, /index\.js$/)
+// 静态导入所有组件
+import StarButton from './components/Button/index.js'
+import StarInput from './components/Input/index.js'
 
 // 组件列表
-const components = requireComponent.keys().map(filePath => {
-  // 获取组件配置
-  const componentConfig = requireComponent(filePath)
-  
-  // 获取组件的默认导出
-  return componentConfig.default || componentConfig
-})
+const components = [
+  StarButton,
+  StarInput
+]
 
 // 安装函数
 const install = function(Vue, opts = {}) {
@@ -41,24 +39,31 @@ if (typeof window !== 'undefined' && window.Vue) {
 // 创建导出对象
 const StarUI = {
   version: packageJson.version,
-  install
+  install,
+  // 导出所有组件
+  StarButton,
+  StarInput
 }
 
-// 为StarUI添加所有组件属性，并添加单独的导出
-components.forEach(component => {
-  if (component.name) {
-    StarUI[component.name] = component
-    module.exports[component.name] = component
-  }
-})
-
 // 导出模块
-module.exports = StarUI
-
-// 支持ES模块导入
-module.exports.default = StarUI
-
-// 支持AMD模块导入
-if (typeof define === 'function' && define.amd) {
+if (typeof module !== 'undefined' && module.exports) {
+  // CommonJS 导出
+  module.exports = StarUI
+  module.exports.default = StarUI
+  // 为每个组件添加单独的导出（支持按需导入）
+  components.forEach(component => {
+    if (component.name) {
+      module.exports[component.name] = component
+    }
+  })
+} else if (typeof define === 'function' && define.amd) {
+  // AMD 导出
   define(() => StarUI)
-}
+} else if (typeof window !== 'undefined') {
+  // 浏览器全局变量导出
+  window.StarUI = StarUI
+}
+
+// ES模块导出
+export default StarUI
+export { StarButton, StarInput }