@swj_ld/ld-component-library

一套专为 uni-app 打造的轻量级 Vue 3 组件库，支持 H5、微信小程序、支付宝小程序等全平台，开箱即用。

✨ 特性

• ✅ uni-app 原生兼容：所有组件使用 <view>、<text> 等标准标签，无 DOM/BOM 操作
• ✅ 多端一致：H5 / 微信小程序 / 支付宝小程序 渲染效果一致
• ✅ 源码发布：以 .vue 源文件形式发布，由用户项目编译，避免打包兼容问题
• ✅ TypeScript 友好：自带类型提示，开发体验流畅
• ✅ 按需使用：每个组件独立引入，天然支持 Tree-shaking

⚠️ 注意：本组件库 不提供预编译的 JS 包，请勿尝试 app.use() 或解构式按需引入（如 import { SwjEmpty } from '...'），这些方式在 uni-app 小程序中 无法渲染组件。

📦 安装

npm install @swj_ld/ld-component-library
# 或
yarn add @swj_ld/ld-component-library

🚀 使用方式（推荐）
✅ 方式一：直接引入 .vue 文件（最稳定，全平台支持）

<template>
  <SwjEmpty description="暂无数据" />
</template>

<script setup lang="ts">
// 注意：直接指定到 .vue 文件路径
import SwjEmpty from '@swj_ld/ld-component-library/SwjEmpty'
</script>

✅ 方式二：配置 easycom（自动按需，无需 import）
在项目根目录的 pages.json 中添加以下配置：
{
  "easycom": {
    "autoscan": true,
    "custom": {
      '^Swj(.*)$': '@swj_ld/ld-component-library/Swj$1'
    }
  },
  "pages": [
    // ...你的页面配置
  ]
}

<template>
  <view>
    <SwjEmpty />
    <SwjButton type="primary">确定</SwjButton>
  </view>
</template>

<script setup>
// ✅ 无需任何 import！
</script>