uiw 1.2.12 发布，基于 React 16 的组件库

最新推荐文章于 2024-10-18 17:51:23 发布
最新推荐文章于 2024-10-18 17:51:23 发布
阅读量101 收藏 1
点赞数
文章标签： javascript ui ViewUI
原文链接：https://juejin.im/post/59fae5016fb9a04504073674
版权

发布， 高品质的UI工具包，React 16+的组件库。

更新内容：

  • 6fabe0b - 文档更新菜单添加图标。
  • 229d216 - TimePicker组件更新图标。
  • a852216 - Button组件新图标对齐
  • 5137e8b - Icon组件新添加104个图标，更改图标名字。
  • 9bb36e2 - Transition组件文档更新，添加height width动画实例。
  • f4d8712 - Transition组件添加 heigh width动画效果。
  • 15c6a68 - Modal组件关闭按钮颜色修改。
  • 637e5e0 - Transition修改动画结束和开始事件。
  • 65159bd - Button组件样式修改
  • 29226f1 - Select添加重置覆盖props.
  • 4f3e2a1 - 修改Card组件文档描述
  • 3ae7070 - 添加Card组件。
  • fd388fa - 修复Modal组件弹出层滚动条重叠。
  • b60183d - 组件Icon添加描述
  • 9af4ed3 - 修改Icon名称 upload1 => cloud-upload.
  • 2986a3d - 更新快速上手文档描述 : @52cik

Icon

修改名称 view -> search
修改名称 caret-top -> caret-up
修改名称 caret-bottom -> caret-down
删除 date1 图标.

文档网站：uiw-react.github.io
开源仓库：github.com/uiw-react/u…

weixin_33946605
关注
uiw 1.2.16 发布，基于 React 16 的组件库
jaywcjlove的专栏
11-12 1308
发布， 高品质的UI工具包，React 16+的组件库。文档网站：https://uiw-react.github.io 开源仓库：https://github.com/uiw-react/uiw �� 删除冗余代码。 : @Xing-He 1f9a409 ⛑ Alert组件添加测试用例。 : @Xing-He 3b19d4a �� 删除Alert冗余props和函数格式化remove : ...
uiw 1.2.17 发布，基于 React 16 的组件库
weixin_34379433的博客
11-17 100
发布， 高品质的UI工具包，React 16+的组件库。 文档网站：uiw-react.github.io开源仓库：github.com/uiw-react/u… 更新内容：
uiw 1.3.0 发布，基于 React 的组件库
weixin_34377919的博客
11-21 105
发布， 高品质的UI工具包，React 的组件库。 文档网站：uiw-react.github.io开源仓库：github.com/uiw-react/u… 更新内容：
uiw 1.2.13 发布，基于 React 16 的组件库
weixin_33724059的博客
11-05 119
发布， 高品质的UI工具包，React 16+的组件库。 6476e90 - 更新字体库。 691cf41 - 更新Collapse组件文档。 6a12e81 - 组件Collapse 添加 onChange 事件。 56e4823 - 组件Collapes添加实例. 668080a - 修复Collapse组件icon动画问题。 16e5401 - 组件Collapse 属性showArro...
uiw 1.2.15 发布，基于 React 16 的组件库
weixin_33736048的博客
11-09 107
发布， 高品质的UI工具包，React 16+的组件库。 文档网站：uiw-react.github.io开源仓库：github.com/uiw-react/u…
uiw 1.2.14 发布，基于 React 16 的组件库
weixin_33836223的博客
11-07 106
发布， 高品质的UI工具包，React 16+的组件库。 文档网站：uiw-react.github.io开源仓库：github.com/uiw-react/u…
markdown的组件库-vditor,@uiw/react-md-editor
m0_65962389的博客
08-03 650
个人认为vditor是一个很强大的markdown组件，他的编辑器和渲染器基本上都不需要自己写，特别是渲染器，基本上什么都支持。如果对输入能力要求不是很高的话可以推荐使用（vditor有个缺点，工具栏不支持jsx，如果要加工具配置有下拉框什么的不太方便）。由于我目前写的项目对输入功能要求很高，用户使用过程中发现了一些问题，因为vditor的编辑器有自己的语法规则。导致有一些换行删除不了，比如说标题下面会强制有一行换行，或者表格里面不能用标签进行换行。
基于 React 的 UI 组件库 uiw v1.2.10 发布
weixin_34274029的博客
10-31 129
uiw v1.2.10 发布， 高品质的UI工具包，React 16+的组件库。​ 更新内容： 添加Progress组件圆圈效果。 更新Button组件文档。 Button组件添加 resetProps。 修复Progress组件strokeWidth参数问题。 添加Progress组件。 修复Avatar组件在Safari浏览器对齐问题。 Avatar组件添加图片引用实例。 官方文档： ...
uiw 1.3.1 发布，React组件库，祝贺月下载过千了
weixin_34029680的博客
11-23 104
为打造高品质的React UI工具包的理想而奋斗！！！。在这里把掘金当新闻发布平台，如果影响到大家非常抱歉，我还会努力发布更新日志的。 祝贺月下载过千了 文档网站：uiw-react.github.io开源仓库：github.com/uiw-react/u… 更新内容：新特性:
react-amap：基于React封装的高德地图组件。基于React的AMap组件
02-05
react-amap是一个基于React封装的高德地图组件；帮助您轻松的接收地图到React项目中。此外必须引用的Map组件外，我们目前提供了最常用的10个地图组件，能满足大部分简单的业务场景；如果你有更复杂的需求，或者找到...
uiw一个高质量的UI工具包一个用于React16的组件库
08-13
【标题】：“UIW：一个高质量的UI工具包，专为React 16设计的组件库” 【描述】：UIW 是一个专为React 16框架精心打造的UI工具包，它提供了一系列高质量的组件，旨在帮助开发者快速构建用户界面，提升开发效率。这...
uiw：:atom_symbol:@uiwjs一个高质量的UI工具包，一个用于React 16+的组件库
02-04
高质量的UI工具包，React 16+的组件库。 :heart_with_arrow: 安装 npm install uiw --save 您可以使用快速创建react + uiw项目。 npx create-kkt my-app -e uiw 您可以使用版本。 。 （ 自带NPM 5.2+及更高版本...
uiw-react-md-editor-master_React_源码
10-04
在当今的Web开发领域，React.js作为一款由Facebook推出的JavaScript库，以其组件化、虚拟DOM和强大的生态系统深受开发者喜爱。本文将深入探讨如何利用React.js和TypeScript构建一个轻量级且具备预览功能的Markdown...
JS-常用功能
qq_40950398的博客
10-18 130
汇总一些常用的js功能
ECMAScript标准解析及其发展历史与技术演进
qq_20245171的博客
10-15 675
ECMAScript（简称ES）是由ECMA国际（欧洲计算机制造商协会）制定的一种脚本语言规范。它是JavaScript、JScript等语言的基础，并为现代Web开发提供了强大的支持。ECMAScript标准不仅定义了语言的语法和语义，还涵盖了数据类型、对象模型和执行环境等内容，极大推动了JavaScript语言的发展。本文将全面介绍ECMAScript标准的起源、各个版本的演变、关键特性以及未来趋势，深入探讨其对Web开发及编程语言设计的影响。
Element-plus el-form、el-dialog 数据回显同时用时，重置失效问题
Mr. Zhang Xiaojian's Blog
10-12 577
当第一次打开网页并点击“编辑”按钮时，虽然对话框变量变为 true 使对话框可见，但同步代码会将 formData 对象的属性设置为默认值。由于 Vue 的异步更新机制，DOM 实际上还未更新，因此表单组件内绑定了这些有值的初始数据。这样，在后续调用 resetFields 方法时，表单将会重置为这些默认值而不是空值。编辑时表单的初始值被设置成了回显的数据，而不是空字符串。时，表单会回到上次设置的初始值，即回显的数据。
基于Java微信小程序的水果销售系统详细设计和实现(源码+lw+部署文档+讲解等)
源码好优多
10-16 752
请联系我获取更详细的演示视频。
2024 Bootstrap 秘籍：基础详解、实战案例与优化技巧
最新发布
weimengen的博客
10-18 534
本文介绍了使用 Bootstrap 构建网站的技巧。涵盖了 Bootstrap 的基础知识，包括响应式设计原理、HTML 结构、CSS 类作用和 JavaScript 插件。详细阐述了安装与使用方法、布局规划、组件选择及自定义样式等方面，并为每个知识点提供了丰富案例。掌握这些技巧，开发者能构建出高质量、美观且响应式的网站。
@uiw/react-codemirror组件中有xml-formatter吗
09-21
`@uiw/react-codemirror`是一个基于React的Codemirror封装组件，主要用于在网页上提供富文本编辑功能，尤其是支持多种语言模式，其中包括XML。然而，`react-codemirror`本身并不直接内置`xml-formatter`这样的自动格式化插件。 `xml-formatter`是一个独立于`react-codemirror`的库，用于格式化XML代码。如果你想在`@uiw/react-codemirror`中应用XML代码的自动格式化，你需要先安装`xml-formatter`，然后编写代码，在用户输入XML代码后，异步调用这个库进行格式化，并更新CodeMirror实例的内容。 以下是基本的步骤： 1. 安装`xml-formatter`：`npm install xml-formatter` 2. 使用`@uiw/react-codemirror`创建一个组件，接收用户输入的代码作为props，例如`value`： ```jsx import React, { useEffect } from 'react'; import CodeMirror from '@uiw/react-codemirror'; import 'codemirror/mode/xml/xml'; const CodeEditor = ({ value }) => { // ... const formatXml = async (code) => { try { const formattedCode = await xmlFormatter(code); return formattedCode; } catch (error) { console.error('Error formatting XML:', error); } }; useEffect(() => { if (value && typeof value === 'string') { const formattedValue = formatXml(value); // 更新CodeMirror实例的值 setCode(formattedValue || ''); } }, [value]); // ... }; ``` 3. 将`formatXml`函数绑定到CodeMirror的`onSave`事件或者其他合适的地方，以便实时或保存时格式化代码。 请注意，实际操作中可能会根据需求调整细节，例如错误处理和优化性能等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值