webankfintech / fes-design Goto Github PK

相关的问题

文档增加版本号展示，这样可以清晰看到当前组件库的最新版本

解决方案

No response

考虑过的替代方案

No response

其它补充内容

No response

Describe the bug

实际测试了下，发现MY的时候，逻辑有问题

To Reproduce

No response

Input code

No response

Expected behavior

范围组件，支持MY的匹配情况

Version

Version: 0.8.4

Additional context

No response

您的Feature Request/想法是否与已有问题有关? 请描述。
建议参考elemtui，新增 slide 滑块组件

问题描述

Select组件，配置多选和可筛选时，点击select组件，鼠标浮标在placeholder下面。

如何复现

No response

代码

No response

预期结果

鼠标光标和placeholder不重叠

环境描述/版本信息

vdi 环境复现

其它补充内容

No response

问题描述

发现在FSteps组件，最后一个步骤永远带着一个最大宽度的行内样式，这样导致最后一个步骤被挤压

如何复现

直接使用即可，看上图

代码

No response

预期结果

竖着的时候这个行内样式清除

环境描述/版本信息

无

其它补充内容

No response

Related problem

目前暗黑模式颜色处理有问题，还不支持

Solution

No response

Considered alternatives

No response

Additional context

No response

您的Feature Request/想法是否与已有问题有关? 请描述。
希望能控制到select/selectTree往输入框里面回填的内容。
antd的效果

简述你想要的解决方案
slot 或者 options/data里面加个字段传string | () => string

问题描述

如何复现

No response

代码

No response

预期结果

初始值，如果不操作的话，应该保持不变

环境描述/版本信息

Version: 0.8.4

其它补充内容

No response

可参与现有开源项目的eslint配置，及规则升级
移除原有 eslint 配置，及 prettier。使用 antfu/eslint-config

相关的问题

增加Rate 评分组件

解决方案

No response

考虑过的替代方案

No response

其它补充内容

No response

问题描述

select Tree 虚拟列表附加搜索功能大于 1w 的数据会卡顿

如何复现

No response

代码

No response

预期结果

不卡

环境描述/版本信息

0.5.0

其它补充内容

No response

问题描述

当想要ellipsis的元素的offsetWidth 和 scrollWidth相等时，不会出现tooltip

如何复现

在表格中使用时发现的
某个字段 宽度设置为120px
字段内容为 二级产品ef-01
此时该内容会被text-overflow 省略
但是该元素的offsetWidth 和 scrollWidth 均为88px
不出现tooltip

代码

font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'
// 字体如上

预期结果

能够正确出现tooltip显示完整长度的字符串

环境描述/版本信息

OS: Windows
Browser: Chrome
Version :108
fes 0.7.14

其它补充内容

No response

问题描述

1. select 组件支持 group 功能
2. selectTree 组件支持类似 select 组件的 search 事件功能
3. selectTree remote 属性的文档优化

如何复现

No response

代码

No response

预期结果

如上

环境描述/版本信息

0.4.4

其它补充内容

No response

问题描述

            <div
                class={mergeAttrs.class}
                style={mergeAttrs.style as StyleValue}
            >
                {slotDefault}
            </div>

类型检查报错提示：
不能将类型“unknown”分配给类型“StyleValue”。ts(2322)

            <>
                {Array.apply(null, { length: repeat } as any).map(() => [
                    renderChild(),
                ])}
            </>

类型检查报错提示：
Use the spread operator instead of '.apply()'.eslintprefer-spread

如何复现

No response

代码

No response

预期结果

类型检查通过

环境描述/版本信息

"version": "0.7.17"

其它补充内容

No response

相关的问题

FInput 组件增加 autofocus 选项，配置为 true，可以实现自动聚焦

解决方案

No response

考虑过的替代方案

No response

其它补充内容

No response

Related problem

目前有些第三方资源不支持，也需要支持一下本地离线模式，
另外，对于离线资源的更新策略，看下能不能采用优先本地，同时网络请求的方式

Solution

No response

Considered alternatives

No response

Additional context

No response

Related problem

目前颜色使用规则不清晰

Solution

No response

Considered alternatives

No response

Additional context

No response

Related problem

推荐声明组件选项的 prop 时，可以加上这个 satisfies 的约束，可以保证前面声明的字段都是正确的，比如：default, required 这些

Solution

No response

Considered alternatives

No response

Additional context

No response

相关的问题

希望表格里能自带分页。

解决方案

透传分页组件的选项和事件
再加个选项控制在表格主题的上面还是下面。

考虑过的替代方案

No response

其它补充内容

No response

相关的问题

增加 Badge 标记组件

解决方案

No response

考虑过的替代方案

No response

其它补充内容

No response

Related problem

目前的图标组件文档，没有演示案例，对api有疑问的情况，需要本地实际引入才能看效果。

Solution

No response

Considered alternatives

No response

Additional context

No response

问题描述

<FButton>xxx</FButton>
必须写成
<f-button>xxx</f-button>
不知道算不算bug

如何复现

代码

<link href="./fes-design/fes-design.min.css" rel="stylesheet">
<div id="app">
    {{ message }}
    <FButton>Default</FButton>
    <f-button type="primary">Primary</f-button>
  </div>
  
  <script src="./fes-design/vue.global.prod.js"></script>
  <script src="./fes-design/fes-design.min.js"></script>
  <script>
    const app = Vue.createApp({
      data() {
        return {
          message: 'Hello Vue!'
        }
      }
    })
    app.use(FesDesign);
    app.mount('#app');

  </script>

预期结果

按文档写法

环境描述/版本信息

windows 11
firefox 111.0.1

其它补充内容

No response

问题描述

Carousel 走马灯组件加载图片比较慢。FImage 和img 都试过了，图片加载延迟在5秒左右。
对比Carousel ，直接使用FImage组件打开图片，基本是秒开。

如何复现

使用如下代码，传入一组图片链接即可复现。
同时使用如下对比代码。

代码

<Carousel height="240px" trigger="hover">
<CarouselItem v-for='img in imgs'>
<FImage :src='img' style='width: 200px;height: 300px'/>
</CarouselItem>
</Carousel>

<!--对比代码-->
<FImage :src='imgs[0]' style='width: 200px;height: 300px'/>

预期结果

希望能如FImage 加载图片同样快

环境描述/版本信息

fes-design 0.7.21

其它补充内容

No response

Describe the bug

目前是输入框禁用状态

To Reproduce

No response

Input code

No response

Expected behavior

可正常输入和跳转

Version

Browser: chrome

Additional context

No response

Related problem

现在连续点击多次，会弹出多个play弹出层

Solution

No response

Considered alternatives

No response

Additional context

No response

问题描述

Input组件配置textarea时，placeholder文案样式不对

如何复现

No response

代码

No response

预期结果

保持了其它组件的placeholder样式一致

环境描述/版本信息

vdi 环境

其它补充内容

No response

问题描述

窗口高度过小时，日期选择器被遮挡

如何复现

No response

代码

No response

预期结果

优化显示

环境描述/版本信息

/

其它补充内容

No response

相关的问题

Table组件展开行只能通过最左侧箭头触发展开与收起，需要能点击当前行任意地方触发展开收起，且展开后自动收起其他行

解决方案

提供一个配置或方法，可以主动对某一行进行收起与展开操作

考虑过的替代方案

No response

其它补充内容

No response

参考其他组件库的交互，无需设计稿

问题描述

1、设置为accordion模式时，展开问题如下：

2、查看源码，是这一段有问题
components/tree/useCurrentData.ts

const computeCurrentData = () => {
....
if (expandingNode.value) {
          const node = expandingNode.value;
          // 展开后
          if (node.isExpanded.value) {
              const index = currentData.value.indexOf(node.value);
              addNode(node.children, index + 1);
          } else {
              const index = currentData.value.indexOf(node.value);
              deleteNode(node.childrenPath, index + 1);
          }
          expandingNode.value = null;
          return;
      }
}

如何复现

复现过程看以上动图

代码

No response

预期结果

希望可以正常展开

环境描述/版本信息

OS: 10.13.6
Browser: chrome
Node: v16

其它补充内容

No response

相关的问题

使用VirtualList 虚拟列表时，希望用max-height设置容器的高度，当数据比较少时，不会占用多余的位置。

解决方案

No response

考虑过的替代方案

No response

其它补充内容

No response

Related problem

目前构建后，有些文件比较大，影响首次加载速度

Solution

No response

Considered alternatives

No response

Additional context

No response

问题描述

table的列background是白色，导致行样式的不生效

如何复现

No response

代码

No response

预期结果

行样式不被覆盖

环境描述/版本信息

chrome

其它补充内容

No response

Related problem

vitepress增加pwa配置

Solution

No response

Considered alternatives

No response

Additional context

No response

Related problem

目前不规范，影响可读性

Solution

No response

Considered alternatives

console.log('[component-name] [vue-file-name] [function-name] var-name:', val.value)

Additional context

No response

相关的问题

增加Transfer穿梭框组件

解决方案

No response

考虑过的替代方案

No response

其它补充内容

No response

问题描述

如果父元素容器不设置最大宽度，那么在windows上会出现这种情况，基于上次计算结果再累加计算

如何复现

No response

代码

No response

预期结果

宽度重新计算

环境描述/版本信息

Version: 0.8.4

其它补充内容

No response

Related problem

1. 目录统一最多二级
2. 案例，一个标题一个play，不要一个标题，多个play，容易有歧义，还以为是文档渲染异常
3. 多个案例合并在一起，横向对齐，纵向对齐，中间对齐，分模块按配置项不同可以看不同效果。

Solution

No response

Considered alternatives

No response

Additional context

No response

相关的问题

follow up #94
阻止用户点击table组件的按钮之后 展开/收起一行

解决方案

加个参数直接控制哪一行被展开

考虑过的替代方案

No response

其它补充内容

No response

相关的问题

增加 Avatar 头像组件

解决方案

No response

考虑过的替代方案

No response

其它补充内容

No response

Related problem

目前配置不支持响应式，需要改为响应式

Solution

No response

Considered alternatives

No response

Additional context

No response

相关的问题

当图片分辨率比较大时，图片预览放大后超出屏幕，看不到超出的部分，如果可以移动，那就更完美了

解决方案

预览可以支持移动

考虑过的替代方案

No response

其它补充内容

No response

相关的问题

增加 Calendar 日历组件

解决方案

No response

考虑过的替代方案

No response

其它补充内容

No response

问题描述

如何复现

No response

代码

No response

预期结果

字体样式正常，和其他表单项默认展示字体一致。

环境描述/版本信息

OS: mac & windows
Browser: chrome

其它补充内容

input组件样式设置也不是很规范，可以一起处理下。

Describe the bug

第一次仅选择开始日期，第二次依然仅选择开始日期，第三次选择结束日期，范围控制失效

To Reproduce

No response

Input code

No response

Expected behavior

结束日期是否可点击，符合预期

Version

Version: 0.8.4

Additional context

No response

相关的问题

1.有些时间选择只需要到时分，不需要到秒，所以希望能提供一个参数控制去去掉秒的选择

解决方案

No response

考虑过的替代方案

No response

其它补充内容

No response

Related problem

点击play的时候，样式丢失，要求预览所需样式，在组件里面单独定义，不依赖于全局样式，也为了避免样式和全局样式冲突。

另外 f-grid 改为 FGrid，f-grid-item类似处理。

Solution

No response

Considered alternatives

No response

Additional context

No response

问题描述

调用可关闭message组件后再调用其他用法的message组件，在可关闭message时间关闭时全部关闭

如何复现

No response

代码

No response

预期结果

应该只关闭可关闭message组件

环境描述/版本信息

Version 0.8.4

其它补充内容

No response

Related problem

如 ul和li会覆盖 timeline默认的ul样式

Solution

No response

Considered alternatives

No response

Additional context

No response

Related problem

目前是require

Solution

No response

Considered alternatives

No response

Additional context

No response