Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(color-picker): color-picker component #383

Merged
merged 7 commits into from
Aug 16, 2023

Conversation

GaoNeng-wWw
Copy link
Collaborator

@GaoNeng-wWw GaoNeng-wWw commented Aug 13, 2023

PR

ColorPicker效果

PR Checklist

Please check if your PR fulfills the following requirements:

  • The commit message follows our Commit Message Guidelines
  • Tests for the changes have been added (for bug fixes / features)
  • Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

  • Bugfix
  • Feature
  • Code style update (formatting, local variables)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • CI related changes
  • Documentation content changes
  • Other... Please describe:

What is the current behavior?

Issue Number: N/A

What is the new behavior?

Does this PR introduce a breaking change?

  • Yes
  • No

Other information

@kagol kagol added the enhancement New feature or request (功能增强) label Aug 13, 2023
@kagol
Copy link
Member

kagol commented Aug 13, 2023

@GaoNeng-wWw PR描述里可以列下实现了哪些功能,贴几个效果图

@Issues-translate-bot
Copy link

Bot detected the issue body's language is not English, translate it automatically.


@GaoNeng-wWw In the PR description, you can list which functions have been realized, and post a few renderings

@kagol kagol requested a review from zzcr August 13, 2023 12:21
@GaoNeng-wWw
Copy link
Collaborator Author

动画
@kagol

packages/vue/package.json Outdated Show resolved Hide resolved
kagol
kagol previously approved these changes Aug 14, 2023
@GaoNeng-wWw GaoNeng-wWw requested review from zzcr and kagol August 14, 2023 11:32
@@ -373,6 +376,7 @@ export default {
CheckboxGroup,
Collapse,
CollapseItem,
ColorPicker,
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

这个 mobile-first 是用来做多端适配的,color-picker组件不涉及,不需要修改这个文件

@@ -0,0 +1,64 @@
import {IColorPickerRef as Ref} from '@/types';
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
import {IColorPickerRef as Ref} from '@/types';
import { IColorPickerRef as Ref } from '@/types';

@kagol kagol merged commit 4c25c74 into opentiny:dev Aug 16, 2023
@kagol
Copy link
Member

kagol commented Aug 16, 2023

@GaoNeng-wWw 建议支持通过直接点击色板来取色,目前必须要拖动小圆点

@Issues-translate-bot
Copy link

Bot detected the issue body's language is not English, translate it automatically.


@GaoNeng-wWw suggested to support picking colors by directly clicking on the swatches

@kagol
Copy link
Member

kagol commented Aug 16, 2023

@GaoNeng-wWw 构建之后的产物,确定、取消按钮没了,应该是没有引入 t 国际化方法,可以参考 pager 组件
image

复现步骤:

  1. 执行 pnpm build:ui color-picker 单独构建 color-picker 组件,产物在 pacakges/dist3 目录
  2. 在 packages/renderless 中执行 pnpm build / pnpm release,产物在 pacakges/renderless/dist 目录
  3. 在 packages/theme 中执行 pnpm build / pnpm release,产物在 pacakges/theme/dist 目录
  4. 将对应的产物放到创建的 vite 工程的 node_modules/@opentiny 目录下
  5. 删除 node_modules/.vite 目录,重新 npm run dev 启动 vite 工程即可验证构建之后的 color-picker 组件

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request (功能增强)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants