varlet

varlet copied to clipboard

form组件内嵌space组件，space和其中的内容不渲染

6

# Bug report 🐞 同标题，在开发环境下一切正常，打包部署后和其中的内容不渲染，换成div用flex gap就可以，已知： 1. 组件确认有被正确引用和打包，单独使用没有问题。 2. 没有更改过这两个组件的样式。 ## Version & Environment node 20.11.1 "vue": "3.3.4", "@varlet/ui": "3.2.4", "vite": "4.4.8" ## Expectation 开发环境  ## Actual results (or...

wthvosk

希望有一个AutoComplete 组件

2

参考 [https://www.antdv.com/components/auto-complete-cn](https://www.antdv.com/components/auto-complete-cn)

zmqcherish

# Feature request 🚀 ### Expected: - No breaking changes ### Examples: ```js ``` ### Programme: ### Others:

chouchouji

# Feature request 🚀 ### Expected: - No breaking changes ### Examples: ```js ``` ### Programme: ### Others:

chouchouji

feat(select): support options, labelKey and valueKey

9

## Checklist List of tasks you have already done and plan to do. - [x] Fix linting errors - [x] Tests have been added / updated (or snapshots) ## Change...

Aybrea

[Feature] Fab 菜单展开方式

7

# Feature request 🚀 ### Expected: https://react-vant.3lang.dev/components/floating-ball ### Examples: ```js ``` ### Programme: ### Others:

Player626

[Feature] 能否增加多点国际化语言？

3

现在只支持中文英文，希望支持多些的国际化语言，例如：日语、韩语、繁体（港、台）等，参考vant的国际化语言。 

linmiao911

# Feature request 🚀 ### Expected: - Add options mode for Select component

Aybrea

var-input 左边没有直接的api去显示一个输入框标题啊 例如 手机号 姓名 年龄。。。

2

# About `styles` 🛠️

scallopsF

toPxNum 方法不支持 dvh, svh, lvh 等 css 单位，导致 var-list 组件的 offset 无法正常工作

1

# Bug report 🐞 [toPxNum](https://github.com/varletjs/varlet/blob/a035a56fcfeb8ca2977c4a6844cb5003cc6dea81/packages/varlet-ui/src/utils/elements.ts#L132) 方法不支持 dvh, svh, lvh 等 css 单位。 导致部分组件无法按预期工作，也不抛出异常，比如 var-list 组件的 offset 属性。 复现示例： [https://varletjs.org/playground#demo](https://varletjs.org/playground/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cCBsYW5nPVwidHNcIj5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3QgZGF0YSA9IHJlZihbXSlcbmNvbnN0IGxvYWRpbmcgPSByZWYoZmFsc2UpXG5cbmZ1bmN0aW9uIGxvYWQoKSB7XG4gIGxvYWRpbmcudmFsdWUgPSB0cnVlXG4gIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgIGxldCBsZW5ndGggPSBkYXRhLnZhbHVlLmxlbmd0aFxuICAgIGZvciAobGV0IGkgPSBsZW5ndGg7IGkgPCBsZW5ndGggKyAxMDsgaSsrKSB7XG4gICAgICBkYXRhLnZhbHVlLnB1c2goaSlcbiAgICB9XG4gICAgbG9hZGluZy52YWx1ZSA9IGZhbHNlXG4gIH0sIDEwMDApXG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwid3JhcFwiPlxuICAgIDx2YXItbGlzdCA6bG9hZGluZz1cImxvYWRpbmdcIiBvZmZzZXQ9XCIxMGR2aFwiIEBsb2FkPVwibG9hZFwiPlxuICAgICAgPGRpdiB2LWZvcj1cIml0ZW0gaW4gZGF0YVwiIDprZXk9XCJpdGVtXCIgY2xhc3M9XCJpdGVtXCI+PC9kaXY+XG4gICAgPC92YXItbGlzdD5cbiAgPC9kaXY+XG48L3RlbXBsYXRlPlxuXG48c3R5bGU+XG5odG1sLFxuYm9keSB7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbn1cblxuLndyYXAge1xuICB3aWR0aDogNDAwcHg7XG4gIGhlaWdodDogMTAwZHZoO1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuLml0ZW0ge1xuICB3aWR0aDogNDAwcHg7XG4gIGhlaWdodDogMTAwcHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xuICBtYXJnaW4tdG9wOiAyMHB4O1xufVxuPC9zdHlsZT5cbiIsIkFwcFdyYXBwZXIudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCBBcHAgZnJvbSAnLi9BcHAudnVlJ1xuaW1wb3J0IHsgaW5zdGFsbFZhcmxldFVJIH0gZnJvbSAnLi92YXJsZXQtcmVwbC1wbHVnaW4uanMnXG5cbmluc3RhbGxWYXJsZXRVSSgpXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8QXBwIC8+XG48L3RlbXBsYXRlPlxuIiwidmFybGV0LXJlcGwtcGx1Z2luLmpzIjoiaW1wb3J0IFZhcmxldFVJIGZyb20gJ0B2YXJsZXQvdWknXG5pbXBvcnQgeyBnZXRDdXJyZW50SW5zdGFuY2UgfSBmcm9tICd2dWUnXG5cbmNvbnN0IHZhcmxldENzcyA9ICdodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL0B2YXJsZXQvdWkvZXMvc3R5bGUuY3NzJ1xuY29uc3QgdmFybGV0VG91Y2hFbXVsYXRvciA9ICdodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL0B2YXJsZXQvdG91Y2gtZW11bGF0b3IvaWlmZS5qcydcblxuYXdhaXQgYXBwZW5kU3R5bGUoKVxuXG5leHBvcnQgZnVuY3Rpb24gaW5zdGFsbFZhcmxldFVJKCkge1xuICBjb25zdCB7IHBhcmVudCB9ID0gd2luZG93XG5cbiAgY29uc3Qgc3R5bGUgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzdHlsZScpXG4gIHN0eWxlLmlubmVySFRNTCA9IGBcbiAgICBib2R5IHtcbiAgICAgIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICAgICAgcGFkZGluZzogMTZweDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGNvbG9yOiB2YXIoLS1jb2xvci10ZXh0KTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJvZHkpO1xuICAgIH1cblxuICAgICo6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICBgXG4gIGRvY3VtZW50LmhlYWQuYXBwZW5kQ2hpbGQoc3R5bGUpXG5cbiAgY29uc3Qgc2NyaXB0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc2NyaXB0JylcbiAgc2NyaXB0LnNyYyA9IHZhcmxldFRvdWNoRW11bGF0b3JcbiAgZG9jdW1lbnQuYm9keS5hcHBlbmRDaGlsZChzY3JpcHQpXG5cbiAgY29uc3QgdGhlbWVNYXAgPSB7XG4gICAgbGlnaHRUaGVtZTogbnVsbCxcbiAgICBkYXJrVGhlbWU6IFZhcmxldFVJLlRoZW1lcy5kYXJrLFxuICAgIG1kM0xpZ2h0VGhlbWU6IFZhcmxldFVJLlRoZW1lcy5tZDNMaWdodCxcbiAgICBtZDNEYXJrVGhlbWU6IFZhcmxldFVJLlRoZW1lcy5tZDNEYXJrLFxuICB9XG5cbiAgY29uc3QgdGhlbWUgPSBwYXJlbnQuZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmdldEF0dHJpYnV0ZSgndGhlbWUnKVxuXG4gIGlmICh0aGVtZSkge1xuICAgIFZhcmxldFVJLlN0eWxlUHJvdmlkZXIodGhlbWVNYXBbdGhlbWVdKVxuICB9XG5cbiAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ21lc3NhZ2UnLCAoeyBkYXRhIH0pID0+IHtcbiAgICBpZiAoZGF0YS5hY3Rpb24gPT09ICd0aGVtZS1jaGFuZ2UnKSB7XG4gICAgICBWYXJsZXRVSS5TdHlsZVByb3ZpZGVyKHRoZW1lTWFwW2RhdGEudmFsdWVdKVxuICAgIH1cbiAgfSlcblxuICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsICgpID0+IHtcbiAgICB3aW5kb3cucGFyZW50LmRvY3VtZW50LmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdjbGljaycpKVxuICB9KVxuXG4gIGNvbnN0IGluc3RhbmNlID0gZ2V0Q3VycmVudEluc3RhbmNlKClcbiAgaW5zdGFuY2UuYXBwQ29udGV4dC5hcHAudXNlKFZhcmxldFVJKVxufVxuXG5leHBvcnQgZnVuY3Rpb24gYXBwZW5kU3R5bGUoKSB7XG4gIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0KSA9PiB7XG4gICAgY29uc3QgbGluayA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2xpbmsnKVxuICAgIGxpbmsucmVsID0gJ3N0eWxlc2hlZXQnXG4gICAgbGluay5ocmVmID0gdmFybGV0Q3NzXG4gICAgbGluay5vbmxvYWQgPSByZXNvbHZlXG4gICAgbGluay5vbmVycm9yID0gcmVqZWN0XG4gICAgZG9jdW1lbnQuaGVhZC5hcHBlbmRDaGlsZChsaW5rKVxuICB9KVxufSIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcIkB2YXJsZXQvdWlcIjogXCJodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL0B2YXJsZXQvdWkvZXMvdmFybGV0LmVzbS5qc1wiLFxuICAgIFwiQHZhcmxldC91aS9qc29uL2FyZWEuanNvblwiOiBcIi4vdmFybGV0LWFyZWEuanNcIlxuICB9XG59IiwidHNjb25maWcuanNvbiI6IntcbiAgXCJjb21waWxlck9wdGlvbnNcIjoge1xuICAgIFwiYWxsb3dKc1wiOiB0cnVlLFxuICAgIFwiY2hlY2tKc1wiOiB0cnVlLFxuICAgIFwianN4XCI6IFwiUHJlc2VydmVcIixcbiAgICBcInRhcmdldFwiOiBcIkVTTmV4dFwiLFxuICAgIFwibW9kdWxlXCI6IFwiRVNOZXh0XCIsXG4gICAgXCJtb2R1bGVSZXNvbHV0aW9uXCI6IFwiQnVuZGxlclwiLFxuICAgIFwiYWxsb3dJbXBvcnRpbmdUc0V4dGVuc2lvbnNcIjogdHJ1ZVxuICB9LFxuICBcInZ1ZUNvbXBpbGVyT3B0aW9uc1wiOiB7XG4gICAgXCJ0YXJnZXRcIjogMy4zXG4gIH1cbn0ifQ==) 在上面的示例中，将 offset 设置为 10dvh 将导致 var-list 不会正常工作。 ## Version & Environment...

lzj97