Bug report 🐞

我看到var-tabs里面的没有var-swipe-item都有style="width: 360px; transform: translateX(0px);" transform会导致position: fixed;失效,造成var-back-top的fab不能固定在可滚动的页面上

Try

我尝试这样设置，问题得到解决，也没有引起其他的负面作用 .var-swipe-item { overflow: auto; transform: none !important; }

这里不是很理解配置transform: translateX(0px);的作用

Bug report 🐞

template中识别不到组件的ts定义，vscode也未高亮组件，但vant组件都可以正常识别，如图

Version & Environment

@varlet/ui: 1.27.20

Expectation

希望能够和vant一样识别到ts定义，vscode中也能高亮

Actual results (or Errors)

Bug report 🐞

List滚动到底后load事件偶尔无法正确触发

Version & Environment

Chrome / Firefox ...

Expectation

在不设置offset属性的情况下 正确触发load事件

Actual results (or Errors)

位置 packages/varlet-ui/src/list/List.vue Line 54

const isReachBottom = () => {
  const containerBottom =
    scroller === window ? window.innerHeight : (scroller as HTMLElement).getBoundingClientRect().bottom
  const { bottom: detectorBottom } = (detectorEl.value as HTMLElement).getBoundingClientRect()
  return detectorBottom - toPxNum(props.offset) <= containerBottom
}

当容器为window时, 由于获取innerHeight 和 底部元素getBoundingClientRect精度问题, 导致return false

… set as bottom

Checklist

• [x] Fix linting errors
• [x] Tests have been added / updated (or snapshots)

Change information

当 menu 菜单的 alignment 属性设置为 bottom， 在计算 top 时获取 menu 元素 offsetHeight 为 0，导致属性失效； 经猜测原因大概是由于获取时元素为不可见状态，故采用了 nextTick API 来解决

Bug report 🐞

使用keep-alive进行单向缓存页面时，radio的点击事件无效

重现步骤 1.表单A页面单向缓存 2.跳转B页面，然后回退 3.点击radio组件无响应

控制台无任何报错信息

Version & Environment

"@varlet/ui": "^1.22.3", "vue": "^3.2.20", "vue-router": "^4.0.11", "vuex": "^4.0.2"

Expection

Actual results (or Errors)

Feature request 🚀

Expected:

button support navigation, when you use href, will be rendered as <a />, use to or replace, will be rendered as <router-link />

• No breaking changes

Examples:

quasar button handling navigation

<var-button href="www.baidu.com">默认按钮</var-button>
<var-button href="www.baidu.com" target="_blank">默认按钮</var-button>
<var-button to="/">默认按钮</var-button>
<var-button replace="/">默认按钮</var-button>

Programme:

如果觉得这个功能可以的话，我可以参与开发.

Others:

Checklist

• [ ] Fix linting errors
• [ ] Tests have been added / updated (or snapshots)

Change information

Solve the problem that the component library must be manually introduced into the playground user code editing area

Bug report 🐞

在按需引入的情况下，最终打包也会把全部组件都打包进去。可以在测试时只引入一个组件，然后打包，在打包结果中搜索其它组件关键词，如组件名或类名，都可以搜索到。

而且不管是按需引入还是全部引入，打包出来的文件大小是一样的

main.ts

import { createApp } from 'vue'
import App from './App.vue'
// 按需引入
import { Button } from '@varlet/ui'

createApp(App).use(Button).mount('#app')

Version & Environment

"@varlet/ui": "^1.27.20",

Expectation

预期是只是打包需要的，引入什么就打包什么

Actual results (or Errors)

实际上将全部组件都打包到 dist 了

Bug report 🐞

使用selece样式显示和官网的不同

Version & Environment

import Varlet from "@varlet/ui"; import "@varlet/ui/es/style.js"; createApp(App).use(Varlet).use(store).use(router).mount("#app"); "@varlet/ui": "^1.27.19", "vue": "^3.2.13",

Expectation

Actual results (or Errors)

Bug report 🐞

I have just tried to use the Ui Playground - I really like this library, however it is not working! Please fix!

Version & Environment

Expectation

Actual results (or Errors)

The error I get is "Uncaught (in promise): Load failed"

Bug report 🐞

When changing the selected value of a select, there's a scroll rail showing up at the bottom for about a second and then disappears. Below is the video that describes the bug: Select bug

Version & Environment

"@varlet/ui": "^1.25.0" "vue": "^3.0.0" "@varlet/touch-emulator": "^1.25.0"

Expectation

The select should open and close without any unexpected overflow issues.

Actual results (or Errors)

A rail at the bottom of the select appears and disappears when the dropdown is opening, closing or a certain value is selected for the first time.