推荐最新

用表格组件怎么实现一个热力图？

我想用表格实现一个简单的热力图，即单元格背景色的深浅由单元格的数值来决定，请问有什么比较简单的实现方式？ "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241225/6624cd29e9f261df199d7061d6010bdc.png)

浏览量159

颜如玉你信不信

vxe-table 多列树形表格纯前端如何实现?

vue表格实现使用vxe-table（树形表格&&展开行表格）这个使用什么组件库合适 https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241011/f8e340feb01e6edf17d0a7b3cf256f10.png 描述：这个表格的数据和列头都需要前端去进行处理，数据层级根据左侧所选择品类生成。思路 1.将数据处理为正常的树形表格一维数组，{id: "001"，parentId: null}{id: "11"，parentId: "001"}{id: "1102"，parentId: "11"}，根据需要进行递归创建数据 2.对于产生的多个展开标签，使用cell-class-name（vxe动态赋类名的方法），找到元素示例上的vxe-tree--btn-wrapper元素为需要显示的节点让其显示，其他的全部进行隐藏。注意点：没有使用上述方法，使用多次vxe-table 中的tree-node属性，会有这样的警告，暂不处理 [vxe-table v4.5.18] column.tree-node="true" 重复了

浏览量154

577739990

monorepo + React + vite 无法使用公共UI库 ?

描述在monorepo项目中packages中创建一个公共UI库（ui-lib）在react-ts-app中使用的时候会有如下提示 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240918/c3c6a8d4cb7f45adb857666d8e1bde83.png) 抓头时间😩 在一顿网上冲浪查询之后，说是存在多个React实例链接 "https://juejin.cn/post/7121178707490209806" (https://link.segmentfault.com/?enc=OCmlhil99rBEhmxS6OIAzw%3D%3D.UK2ZYlqyOeH17FhS7%2F0I6vGSAFEKUjJoAxM1Etr52ruuLcdZAwYsQgmrQUoDybOO) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240918/2a118e7509a19812b07c1d2adeb885fb.png) 针对该问题问了下GPT给我的回答：嘤嘤嘤 😭😭😭 一顿操作之后问题还是没有解决！！！😭😭😭 文件目录 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240918/c1d6639b46f2ce4ce849e3e4a4d26223.png) 补充一下项目使用的是webpack打包的，react版本 18.2.0。UI-lib React版本 18.3.1 有没有什么解决方法啊救救孩子项目GIT地址："https://gitee.com/yyytxxx/monorepo/tree/test/" (https://link.segmentfault.com/?enc=fCY87bMbZ3UgOsow1Qtgfg%3D%3D.NRANm24jB69EHpbdcWdCdjGQwaXnN1B9OvxT%2BXXmj6IJwCG7TIVIxipWjHy3pGTh) 补充 0801-1839： PS：从代码库拉的代码如果直接在根目录下pnpm i 的话会导致 react-ts-app 中的react版本更到最新的即与ui-lib的版本一致（这种情况不会有问题）。** 只有他们的React的版本有差异才会出现上面多个实例的错误** "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240918/fe25a96ccbffcbdf3d36c21e22a7a637.png) # 在react-ts-app中执行，确保存在差异 pnpm remove react react-dom @types/react @types/react-dom pnpm add react@18.2.0 react-dom@18.2.0 pnpm add -D @types/react@18.2.46 @types/react-dom@18.2.18

浏览量121

一只臭美的Doggg

import和import type引入问题？

在开发过程中，组件库不仅导出了组件还有类型，比如说"Antd"，如果我引入的话大概有两种方式 // 第一种：分开写 import { Table, message } from 'antd'; import type { TableColumnsType } from 'antd'; // 第二种写到一起 import { Table, message, TableColumnsType } from 'antd'; 想请教一下，在平常开发过程中，用哪种写法可读性、性能等方面会好一些。查了一下"import type"语法，说是：导入类型定义，不会引入实际的代码。但是我都用这个组件了，必然会有实际的代码了，是不是就可以无脑用第二种写法了？

浏览量22