Vue 组件 view-shadcn-ui 2024.1.1 发布


View Shadcn UI 是一个基于 Shadcn UI 和 Tailwind CSS 构建的组件库。

推荐一套为 Java 开发人员提供方便易用的 SDK 来与目前提供服务的的 Open AI 进行交互组件:https://github.com/devlive-community/openai-java-sdk

推荐一套功能强大的开源数据中台系统:https://github.com/devlive-community/datacap

一般更改​

  • [Core] 添加发布 npm 存储库配置
  • [Core] 支持编译 css
  • [Core] 添加文档
  • [Core] 将 sh 替换为 bash
  • [Core] 支持按需导入

组件更改​

  • [Tree] 支持通过选择子节点来扩展父目录
  • [Tab] 支持垂直模式
  • [Tab] 支持检查槽类型
  • [Card] 支撑加载
  • [Card] 支持说明
  • [User] 用于启用 ICard 的用户相关页面
  • [Card] 优化组件引入方式
  • [Button] 优化组件引入方式
  • [Modal] 支撑宽度和高度
  • [Input] 支撑尺寸
  • [Input] 支持最大长度
  • [Input] 支持 prefix 和 suffix
  • [Icon] 支持图标
  • [Icon] 支撑尺寸
  • [Icon] 支持颜色
  • [Copy] 支持 tooltip
  • [Copy] 支持位置
  • [Tooltip] 支持延迟
  • [Tooltip] 支持位置
  • [Tooltip] 支持触发器
  • [Tooltip] 支持箭头
  • [Code] 支持主题
  • [Code] 支持语言
  • [Code] 支持显示行号

全局引用

修改 main.ts 入口文件中的配置如下:

import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App)

// Import View Shadcn UI
import ViewShadcnUI from 'view-shadcn-ui'
app.use(ViewShadcnUI)
 

按需引用

import { ShadcnButton } from 'view-shadcn-ui'
app.component('ShadcnButton', ShadcnButton)
 

或者

<template>
<ShadcnButton>Button</ShadcnButton>
</template>

<script setup>
import { ShadcnButton } from 'view-shadcn-ui'
</script>
 

推荐一套全平台数据库管理工具,建议下载使用: https://github.com/devlive-community/dbm

我们即将推出一套开源新系统。InfoSphere 是一款面向企业和个人的开源 Wiki 系统,旨在提供简单而强大的知识管理解决方案。建议尝试使用: https://github.com/devlive-community/incubator-infosphere

欢迎大家前往测试站点使用并提出宝贵的建议,如果您有需要实现的布局,可以提交 issues 我们会在最快的时间内实现。

我们的示例地址为:https://shadcn.vue.devlive.org


相關推薦

2023-07-02

本次 3.9.0 版本主要推出以下新特性: 新增 Drawer 抽屉组件 新增 Guide 引导组件 新增 PopConfirm 气泡确认框组件 支持 SSR 服务器端渲染 OpenTiny 新增了一名贡献者 @KevinAndrewDong,感谢 @KevinAndrewDong 对 OpenTiny Vue 3.9.0 版本的贡

2023-04-14

更新内容: [新增] table 组件 sort-change 事件,在 column 排序时触发。 [新增] layer 组件 beforeClose 回调函数,他将在关闭前触发,你可以通过 return false 来阻止关闭。 [新增] icons 组件 type 属性 layui-icon-help-circle 值, HelpCircleIcon 图标组

2022-10-08

更新内容: [修复] layer 组件 v-model 默认为 true 时弹出层不显示的问题。 [修复] layer 组件 success 回调函数属性默认显示时不触发的问题。 [修复] layer 组件 msg 调用 content-height 内容高度计算不正确。 [修复] layer 组件 btn 与 close 操

2024-01-25

更新日志: [新增] color-picker 组件 添加allowClear、simple属性控制清空与确认按钮。 [新增] input-number 组件 添加precision属性,用于控制数值精度。 [新增] tree 组件 replace-fields 属性,支持自定义字段。 [新增] tree 与 treeSelect 组

2023-04-01

OpenTiny 是一套华为云出品的企业级组件库解决方案,适配 PC 端/移动端等多端,涵盖 Vue2 / Vue3 / Angular 多技术栈,拥有主题配置系统 / 中后台模板 / CLI 命令行等效率提升工具,可帮助开发者高效开发 Web 应用。 OpenTiny 孵化自

2022-10-04

更新内容: [新增] avatar 组件 default 插槽, 支持文本头像, 用于复杂场景。 [新增] avatar 组件 icon 属性, 用于展示 iconfont 头像, 默认值为 layui-icon-username。 [新增] tree 组件 checkStrictly 属性, 开启复选框时解除父子联动关系, 默认为 fal

2023-02-06

Vue 3 UI 框架 layui-vue 1.8.6 已发布。更新内容: [新增] table 组件列插槽 row column rowIndex columnIndex 参数。 [新增] table 组件 customSlot 插槽 column 参数,用于获取当前渲染的列信息。 [修复] tree-select 组件 v-model 属性设置 null 与 undefined 时

2023-06-06

更新内容: [新增] table 组件 columns 配置 hide 属性,设置隐藏列,默认为 false。 [新增] form 组件 label-wdith 属性,用于统一设置 form-item 标签宽度。 [新增] color-picker 组件 size 属性,默认值为 md, lg sm xs 为可选值。 [新增] icon-picker

2022-10-16

更新内容: [新增] datePicker 组件 type 属性为 date 与 datetime 时, 支持时间戳传入。 [新增] menu 组件 ident 属性, 用于开启目录缩进与缩进尺寸。 [新增] table 组件 column 配置 total-row-method 属性, 用于自定义列统计逻辑。 [修复] upload 组

2023-09-26

更新日志: [新增] datePicker 组件 max,min 属性,用于控制组件内的可选择的最大值与最小值。 [新增] page 组件 ellipsisTooltip属性 开启翻页更多。 [新增] page 组件 disabled 属性,默认值为 false, 用于分页组件禁用。 [新增] page 组件 hide-

2024-03-23

更新日志: [新增] table组件 新增单元格双击事件(cell-double)。 [新增] tree,treeSelect 组件 新增lazy,load参数,实现懒加载子节点。 [新增] table组件 标题插槽新增column,columnIndex参数。 [修复] table组件 数据改变getCheckboxProps未重

2023-11-01

更新日志 [新增] avatar 组件 fullback 属性,图片加载失败时的回调。 [新增] avatar 组件 auto-fix-size 属性,自动调节 icon 与 font 尺寸。 [新增] avatar-list 组件 size 属性,统一 slots 内 avatar 组件 size 属性。 [新增] avatar-list 组件 radius 属

2023-01-07

更新内容: [修复] badge 组件 color 属性失效的问题。 [修复] barcode 组件属性缺少响应式的能力。 [修复] treeSelect 多选模式 值 无法删除的问题。 [修复] qrcode 组件 backgroundColor 属性必填警告。 [修复] treeSelect 多选模式 change 事件多

2024-01-15

更新日志 [新增] watermark 水印组件。 [新增] tree-select 组件 searchNodeMethod 搜索自定义过滤方法。 [新增] input-number 组件 step-strictly 限制输入值只能是步长的倍数。 [新增] form 组件 label文字长度溢出显示tooltip。 [优化] input 组件 blur