0.1.71 • Published 9 days ago

eh-antdesign-ui v0.1.71

Weekly downloads
-
License
MIT
Repository
github
Last release
9 days ago

eh-antdesign-ui

该组件库采用 Vue@3.4.19+ TypeScript@5.3.3 + Vite@5.1.4 + Less@4.2.0 实现! 所有组件样式 CSS 均使用 box-sizing: border-box; 模式! 目前共有 54 个常用基础 UI 组件,以及 11 个常用工具函数,并且持续探索更新中...! 开箱即用!

Document & Online preview

Eh Antdesign UI

Install & Use

pnpm i eh-antdesign-ui
# or
npm install eh-antdesign-ui
# or
yarn add eh-antdesign-ui

Import and register component

Global

import { createApp } from 'vue'
import App from './App.vue'

import EhAntdesignUI from 'eh-antdesign-ui'
import 'eh-antdesign-ui/css'

const app = createApp(App)
app.use(EhAntdesignUI)

Local

<script setup lang="ts">
import { Button } from 'eh-antdesign-ui'
import 'eh-antdesign-ui/css'
</script>

Use CDN in Project

<script src="https://unpkg.com/eh-antdesign-ui@latest"></script>

Project

  • Get the project code
git clone https://github.com/zhaoyifan-admin/eh-antdesign-ui.git
  • Install dependencies
cd eh-antdesign-ui

pnpm i
  • Run project
pnpm dev

Components

Component nameDescriptionsComponent nameDescriptions
Alert警告提示Avatar头像
BackTop回到顶部Badge徽标
Breadcrumb面包屑Button按钮
Card卡片Carousel走马灯
Cascader级联选择Checkbox多选框
Collapse折叠面板Countdown倒计时
DatePicker日期选择Descriptions描述列表
Dialog对话框Divider分割线
Drawer抽屉Ellipsis文本省略
Empty空状态Flex弹性布局
Grid栅格Image图片
Input输入框InputNumber数字输入框
Message全局提示Modal信息提示
Notification通知提醒NumberAnimation数值动画
Pagination分页Popconfirm气泡确认框
Progress进度条QRCode二维码
Radio单选框Rate评分
Result结果Select选择器
Slider滑动输入条Space间距
Spin加载中Statistic统计数值
Steps步骤条Swiper触摸滑动插件
Switch开关Table表格
Tabs标签页Tag标签
Textarea文本域TextScroll文字滚动
Timeline时间轴Tooltip文字提示
Upload上传Video播放器
Waterfall瀑布流Watermark水印

Details

My CSDN Blogs

Functions

Function nameDescriptionsArguments
dateFormat简单易用的日期格式化函数!(timestamp: number | string | Date, format = 'YYYY-MM-DD HH:mm:ss') => string
requestAnimationFrame针对不同浏览器进行兼容处理!使用方式不变
cancelAnimationFrame针对不同浏览器进行兼容处理!使用方式不变
rafTimeout使用 requestAnimationFrame 实现的定时器函数,等效替代 (setTimeout 和 setInterval)!(func: Function, delay = 0, interval = false) => object
cancelRaf用于取消 rafTimeout 函数!(raf: { id: number }) => void
throttle使用 rafTimeout 实现的节流函数!(fn: Function, delay = 300) => any
debounce使用 rafTimeout 实现的防抖函数!(fn: Function, delay = 300) => any
add消除js加减精度问题的加法函数!(num1: number, num2: number) => number
downloadFile下载文件并自定义文件名!(url: string, name: string) => void
formatNumber数字格式化函数!(value: number | string, precision = 2, separator = ',', decimal = '.', prefix = '', suffix = '') => string
toggleDark一键切换暗黑模式函数!() => void