i-lowcode

基于Vue 3 + TypeScript + Vite + element-plus 封装通用组件

安装使用

element-plus vue-router dayjs 为基础库，必需在项目中install

npm install element-plus vue-router dayjs i-lowcode -S

// main.js 引入
import ILowcode from 'i-lowcode';
import 'i-lowcode/dist/style.css';

app.use(ILowcode);

// 支持组件中按需引入
import { ITable } from "i-lowcode";

form表单校验规则rules见 校验规则async-validator

在线换肤

提供换肤组件 i-modify-theme

// App.vue 中加载主题

<script setup lang="ts">
import useTheme from "./hooks/useTheme";

const { initTheme } = useTheme();

initTheme();
</script>

ts类型支持

i-lowcode/types/*

组件更新发布

建议使用 pnpm

// 发布需更改 package.json 版本号

// 如当前npm源为淘宝镜像则需设置为默认
npm config set registry https://registry.npmjs.org/

// 使用 https://www.npmjs.com/ 账号登录
npm login

// 发布
npm publish

// 发布成功后可设置源为淘宝镜像
npm config set registry https://registry.npm.taobao.org/