neteaseyanxuan / ossa Goto Github PK

OSSA version

0.2.0

复现步骤

https://github.com/comlejade/ossaui-demo.git

预期表现?

点击一次就可以选中

实际表现?

第二遍点击的时候需要点击两次才能切换到选中状态

环境信息

No response

其他?

No response

这个feature有什么功能?

侧边导航跟随页面滚动，点击侧边导航可以快速切换到相应区块

OSSA version

0.3.4

复现步骤

预期表现?

正确的类型

实际表现?

环境信息

No response

其他?

3e26012#r88010513

OSSA version

0.4.2

复现步骤

<OsInput
label="*活动标题:"
disabledClear={true}
placeholder="例如: 2022年xx青少年xx大赛"
placeholderStyle="color: #7f7f7f;"
value={state.title}
onChange={(v) => {
setState((s) => ({ ...s, title: v }));
}}
/>

预期表现?

disabledClear为true的时候可以关闭clear按钮

实际表现?

disabledClear为true的时候无法关闭clear按钮

环境信息

No response

其他?

No response

这个feature有什么功能?

我想上传完删除图片，但是没有个handler。这个怎么办？用户必须点击叉叉才能删除吗？

这个feature有什么功能?

OsTab组件不能通过手势左右滑动更改相应的页面

这个feature有什么功能?

提供布局组件，而非css样式

例如：

import React from "react";
import { Row, Col } from 'ossaui';

const App = () => {
  return (
    <>
        <Row>
            <Col span="24">
                <div className="flex-content">span:24</div>
            </Col>
        </Row>
    </>
)

这个feature有什么功能?

Calendar

OSSA version

0.4.2

复现步骤

OsUpload的onImageClick回调无效。

 <OsUpload
        customStyle={{ paddingLeft: 12 }}
        max={1}
        onImageClick={()=>{
          console.log("click")
        }}
        onChange={(
          files: Array<{ file: File; url: string }>,
          operationType: string,
          index: number
        ) => {
          if (operationType === "add") {
            setState((oldState) => ({ ...oldState, coverFile: files[0] }));
          } else if (operationType === "remove") {
            setState((oldState) => ({ ...oldState, coverFile: undefined }));
          }
        }}
      />

预期表现?

回调有效

实际表现?

无效

环境信息

No response

其他?

No response

OSSA已经开源一段时间，大家在更丰富的业务场景中对OSSA进行了实践，帮我们发现了一些可优化的点。 我们计划对现有组件进行一次优化，以适配更多的业务场景。

以下是各个组件的升级点，欢迎社区内感兴趣的朋友一块参与进来，如果对优化点有想法或者建议，欢迎一块讨论。

通用点

• #66
• #110
• #119
• 解决组件内部引用其他组件时，目前需要手动引入相应组件的样式文件，例如button想要使用icon，需要手动引入icon的样式 1️⃣

通用组件

Button 0️⃣

• 底层改用taro的button，用以支持opentype之类的仅小程序生效的属性 #47
• startBgColor、endBgColor设计的不够通用，通过bgColor让用户手动传入linear-gradient更通用
• icon仅支持OsIcon中已有的icon，可以允许用户自定义
• 1px边框hairline属性
• 支持loading状态，loading、loadingIcon

输入组件

Radio 0️⃣

• Radio 受控 改由RadioGroup控制 #49

checkbox 0️⃣

• checkbox 受控 改由checkboxGroup控制

Switch 0️⃣

• 增加loading属性

Rate 1️⃣

• 缺少直接指定总数的属性，现在只能通过options数组数量来改变总数，不够灵活
• 缺少指定图标间隔的属性
• 缺少是否允许半选

Input 1️⃣

• 点击清除所有，会失去焦点（Taro3下微信小程序好像解决不了，待进一步验证）
• 缺少autoFocus支持
• H5 input原生属性
• H5下输入合成composition的情况处理
• 参数校验能力

Search 1️⃣

• 取消点击时失去焦点（同Input）#25
• Show-action 是否展示按钮
• Action-text 可配置

Picker 1️⃣

• 统一规划picker相关的组件 1️⃣ #26
• 多列选择 0️⃣

提示组件

Toast 1️⃣

• 支持icon
• 支持展示位置选择，用以h5键盘弹起场景下的展示
• 支持阻止点击穿透

Modal 0️⃣ #76

• 增加closeOnConfirm 属性，确认点击时是否执行onClose，默认为true
• confirm支持配置openType

数据展示

tabbar 1️⃣

• 小程序自定义tabbar配置，h5端如何兼容？

Tab 1️⃣

• 选项超长时自动滚动
• 增加滑动切换tab #27

OSSA version

ossa-demo(1.1.0)

复现步骤

1. 打开【基础组件】(https://neteaseyanxuan.github.io/OSSA/#/pages/general/index)
2. 点击【Font文字】(https://neteaseyanxuan.github.io/OSSA/#/pages/general/font/index)
3. 返回
4. 点击【Layout布局】(https://neteaseyanxuan.github.io/OSSA/#/components/layout/demo/index)
5. 观察【对齐布局】中的样式问题

预期表现?

实际表现?

环境信息

System:
    OS: macOS 11.3.1
    CPU: (8) x64 Apple M1
    Memory: 72.88 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 10.24.1 - /usr/local/bin/node
    Yarn: 1.22.10 - /usr/local/bin/yarn
    npm: 6.14.12 - /usr/local/bin/npm
  Browsers:
    Chrome: 104.0.5112.101
    Safari: 14.1

其他?

其他的页面场景是否会有同样的问题?

OSSA version

0.0.3

复现步骤

1. install
2. preview

预期表现?

test performance

实际表现?

real performance

环境信息

No response

其他?

No response

1.问题描述

系统：Windows

Taro版本：V3.2.8

错误截图

2.暂时解决方案

方案1：注释掉-编译错误代码(安装了新的依赖都要来注释一遍，挺麻烦)

OSSA version

0.2.0

复现步骤

预期表现?

OsTabBar

实际表现?

OsTabbar

环境信息

No response

其他?

No response

OSSA version

0.4.1

复现步骤

tabs/*.scss加载失败

预期表现?

正常编译通过

实际表现?

编译失败

环境信息

No response

其他?

No response

ossaui 版本0.5.1
max 和 multiple 属性，没有起到限制作用

OSSA version

0.1.0

复现步骤

1. 打开 【徽标页面】(https://neteaseyanxuan.github.io/OSSA/#/components/badge/demo/index)
2. 查看【info-文字】 展示样式

预期表现?

实际表现?

环境信息

System:
    OS: macOS 11.3.1
    CPU: (8) x64 Apple M1
    Memory: 33.67 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 14.16.0 - /usr/local/bin/node
    Yarn: 1.22.10 - /usr/local/bin/yarn
    npm: 6.14.11 - /usr/local/bin/npm
  Browsers:
    Chrome: 104.0.5112.101
    Safari: 14.1

其他?

No response

OSSA version

0.6.1

复现步骤

npm install && npm run dev:weapp

预期表现?

运行正常

实际表现?

提示tabbar.scss找不到

环境信息

Ubuntu ,Taro 3.5.11, ossa 0.6.1

其他?

No response

OSSA version

all

复现步骤

• https://ossa.miaode.com/docs/%E7%BB%84%E4%BB%B6/carousel#%E5%B1%9E%E6%80%A7

预期表现?

实际表现?

环境信息

No response

其他?

No response

OSSA version

"ossaui": "^0.3.3",

复现步骤

将一个页面使用分包，picker就样式缺失了

预期表现?

没有分包之前：

实际表现?

环境信息

No response

其他?

No response

git pre-push 在测试用例失败的情况下 也能够推送代码到remote

OSSA version

0.7.1

复现步骤

<OsPicker
  range={range}
  value={value}
>
  <OsList title="title" desc="desc" />
</OsPicker>

预期表现?

点击后选项显示在弹窗的中间

实际表现?

点击后选项显示在弹窗的左侧

环境信息

No response

其他?

在开发者工具中看到渲染出来的custom-wrapper没有picker-container这个样式，怀疑是CustomWrapper 的样式会丢失。其它组件是有样式的，比如View的picker-group。

这个feature有什么功能?

Tab选项卡-是否可以加以改进呢？ 不知道团队是否一直为这个功能完整。
如下我个人的意见：
1，Tab选项卡是否可增加一个内容区域滑动从而标签栏也跟着动态呢？ 选项AIP可分为“切换动画-动态切入-静态动画效果”；
2，是否可增加一个粘性布局方便程序员可节省写style样式，方便利用此组件固定到业务上的商品或其他类型导航栏的效果；
3，设定自定义插槽，可方便程序员以及用户操作选项式选择标签栏；
4，是否可新增一个自定义Tab选项卡或标签，方便程序员可自己diy属于一个自己的Tab选项卡；
5:，最后选项式API属性建议丰富多彩，容易理解，也方便理解！ 纯属个人建议，不喜勿喷！！！

OSSA version

"ossaui": "^0.3.3",

复现步骤

编译后就不能出现了

预期表现?

可以显示text的内容

实际表现?

环境信息

Taro 3.5.4

其他?

No response

OSSA version

0.0.3

复现步骤

https://neteaseyanxuan.github.io/OSSA/#/components/input/demo/index

1. 在多行输入框内输入
2. 观察剩余可输入提示

预期表现?

剩余可输入提示跟随输入变化

实际表现?

剩余可输入提示不变

环境信息

No response

其他?

No response

OSSA version

^0.6.2

复现步骤

当 tab 文案过长，导致的样式问题

预期表现?

实际表现?

环境信息

No response

其他?

No response

我试了用coverview包裹，但是不起作用

• #53

OSSA version

0.3.2

复现步骤

小程序页面设置自定义导航栏

预期表现?

不被遮挡

实际表现?

环境信息

No response

其他?

No response

newProp 有可能会有默认值，导致其值不为null或undefined，导致合并的值有误。
比如Modal组件的closeable和showCloseIcon属性的默认值都是true，如果只指定showCloseIcon为false，合并后仍为true

这个feature有什么功能?

根据微信小程序的文档 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/userProfile.html ，现在获取用户名需要设置input[type=nickname]才行，Taro提供的input组件也是这么做的

OSSA version

0.2.0

复现步骤

代码看这里 https://github.com/comlejade/ossaui-demo.git

预期表现?

应该显示icon

实际表现?

实际效果是这样

环境信息

taro 3.5.4

其他?

No response

OSSA version

^0.4.0

复现步骤

具体一下步骤:

1. 限制今天的日期(比如说2022-11-14), 然后先选择明年(2023)的日期点击确认;
2. 在点击选择日期, 重新选择限制的日期(2022-11-14);

预期表现?

日期还是限制在2022-11-14

实际表现?

日期限制失去了效果

环境信息

No response

其他?

No response

这个feature有什么功能?

例如：用户点击搜索框之后，如果用户想一个个删除，那没什么，然而高级一些用户会选择删除小圆点，不会失去焦点， 用户可再重新输入用户想搜索的关键字；
普通默认版本搜索框，用户搜完关键字后点击删除不会失去焦点，这样可以让用户重新输入关键字；
建议多套方案：
1，例如可做一个模糊搜索事列，方便更多小白可使用搜索框，就不会再二次封装模糊搜索
2，例如可做多元化，尽可能单调，
3，建议增加icon，程序员以及产品经理、项目经理可选自己公司产品的logo以及网易严选默认logo

这个feature有什么功能?

Tab选项卡-是否可以加以改进呢？ 不知道团队是否一直为这个功能完整。
如下我个人的意见：
1，Tab选项卡是否可增加一个内容区域滑动从而标签栏也跟着动态呢？ 选项AIP可分为“切换动画-动态切入-静态动画效果”；
2，是否可增加一个粘性布局方便程序员可节省写style样式，方便利用此组件固定到业务上的商品或其他类型导航栏的效果；
3，设定自定义插槽，可方便程序员以及用户操作选项式选择标签栏；
4，是否可新增一个自定义Tab选项卡或标签，方便程序员可自己diy属于一个自己的Tab选项卡；
5:，最后选项式API属性建议丰富多彩，容易理解，也方便理解！ 纯属个人建议，不喜勿喷！！！

OSSA version

0.7.0

复现步骤

<OsButton icon="add">文字</OsButton>

预期表现?

icon与文字一致都是 28rpx

实际表现?

icon的style上设置了 20px ，而且没有被转换成rpx

环境信息

System:
    OS: macOS 14.0
    CPU: (12) arm64 Apple M2 Max
    Memory: 375.50 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.16.0 - ~/.volta/tools/image/node/18.16.0/bin/node
    Yarn: 1.22.19 - ~/.volta/tools/image/yarn/1.22.19/bin/yarn
    npm: 9.5.1 - ~/.volta/tools/image/node/18.16.0/bin/npm
    pnpm: 8.10.0 - ~/.volta/tools/image/pnpm/8.10.0/bin/pnpm
  Browsers:
    Chrome: 118.0.5993.70
    Safari: 17.0
  npmPackages:
    @babel/core: ^7.8.0 => 7.23.2 
    @babel/runtime: ^7.7.7 => 7.23.2 
    @commitlint/cli: ^18.2.0 => 18.2.0 
    @commitlint/config-conventional: ^18.1.0 => 18.1.0 
    @pmmmwh/react-refresh-webpack-plugin: ^0.5.5 => 0.5.11 
    @tarojs/cli: 3.6.18 => 3.6.18 
    @tarojs/components: 3.6.18 => 3.6.18 
    @tarojs/helper: 3.6.18 => 3.6.18 
    @tarojs/plugin-framework-react: 3.6.18 => 3.6.18 
    @tarojs/plugin-platform-weapp: 3.6.18 => 3.6.18 
    @tarojs/react: 3.6.18 => 3.6.18 
    @tarojs/runtime: 3.6.18 => 3.6.18 
    @tarojs/shared: 3.6.18 => 3.6.18 
    @tarojs/taro: 3.6.18 => 3.6.18 
    @tarojs/taro-loader: 3.6.18 => 3.6.18 
    @tarojs/webpack5-runner: 3.6.18 => 3.6.18 
    @types/node: ^18.15.11 => 18.18.8 
    @types/react: ^18.0.0 => 18.2.34 
    @types/webpack-env: ^1.13.6 => 1.18.3 
    babel-plugin-import: ^1.13.8 => 1.13.8 
    babel-preset-taro: 3.6.18 => 3.6.18 
    envinfo: ^7.11.0 => 7.11.0 
    foca: ^3.2.0 => 3.2.0 
    foca-taro-storage: ^1.0.4 => 1.0.4 
    husky: ^8.0.3 => 8.0.3 
    ossaui: ^0.7.0 => 0.7.0 
    postcss: ^8.4.18 => 8.4.31 
    prettier: ^3.0.3 => 3.0.3 
    react: ^18.0.0 => 18.2.0 
    react-dom: ^18.0.0 => 18.2.0 
    react-refresh: ^0.14.0 => 0.14.0 
    redux-logger: ^3.0.6 => 3.0.6 
    ts-node: ^10.9.1 => 10.9.1 
    typescript: ^5.2.2 => 5.2.2 
    webpack: ^5.78.0 => 5.89.0

其他?

另外button上为啥有那么多属性？类似这种bindagreeprivacyauthorization="eh" 一堆，占用小程序可怜的体积（2M）

OSSA version

main

复现步骤

使用的官方的demo

预期表现?

不应该穿透

实际表现?

下面屏幕可以滚动

环境信息

No response

其他?

No response

这个feature有什么功能?

目前这个组件只支持日期上的选择限制, 希望能增加可以限制选择日期和时间.

OSSA version

1.0.0

复现步骤

iPhone X+ 机型访问 https://neteaseyanxuan.github.io/OSSA/pr-preview/pr-4/#/components/actionsheet/demo/index

底部安全区域被覆盖

预期表现?

为底部区局留足一定的空间以方便用户切后台/点击

实际表现?

环境信息

iPhone 12

其他?

No response

这个feature有什么功能?

Picker选择器是否可以改进呢？ 不知团队里是否正在做PickerAPI完善！
建议完善：
1，建议增多类型,例如：titie可修改 分为三个组件 一组件滑动可选 二组件默认(可选) 三组件默认(可选)
2，增加地区列表栏，方便程序员以及小白可方便获取接口遍历地区以及精准到地区地理位置，也可有团队默认的地址（方便用于电商类型的收货信息栏、以及方便个人用户信息收集、如果可以最好全端！）
3，可选做数据未加载画面，用于用户网络信号不好的情况下，程序员可做出有404效果，建议API可选的动画效果-以及可多元化的动态效果