Skip to content

[#1725] VaSplit component implementation - #2068

Merged
aluarius merged 23 commits into
epicmaxco:release/1.5.0from
aluarius:feat/split-component
Aug 9, 2022
Merged

[#1725] VaSplit component implementation#2068
aluarius merged 23 commits into
epicmaxco:release/1.5.0from
aluarius:feat/split-component

Conversation

@aluarius

Copy link
Copy Markdown
Contributor

Close: #1725

Description

New split component implementation.

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Improvement/refactoring (non-breaking change that doesn't add any feature but make things better)

@m0ksem m0ksem left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Would be nice to have real-world example (like Sidebar and App content.)

Have you tested this on phone? You will need to listen for touchstart, touchend events.

Comment thread packages/ui/src/components/va-split/VaSplit.vue Outdated
@m0ksem m0ksem added this to the 1.5.0 milestone Jul 10, 2022

@rustem-nasyrov rustem-nasyrov left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Looks awesome! I have a little suggestion: if the cursor goes out of the splitter container we lose the 'draggable' state, would be better if the user can move the splitter out of the container.

Comment thread packages/docs/src/page-configs/ui-elements/split/examples/CustomGrabber.vue Outdated
Comment thread packages/docs/src/page-configs/ui-elements/split/examples/Disabled.vue Outdated
Comment thread packages/ui/src/components/va-split/VaSplit.demo.vue
Comment thread packages/ui/src/components/va-split/VaSplit.vue Outdated
Comment thread packages/ui/src/components/va-split/VaSplit.vue Outdated
@aluarius
aluarius requested a review from rustem-nasyrov July 11, 2022 15:39
aluarius added 2 commits July 12, 2022 23:20
fix:minor fix
fix:redundant limits prop changed to number
fix:minor fix
fix:redundant limits prop changed to number
Comment thread packages/docs/src/locales/en/en.json Outdated
@m0ksem m0ksem added the component Is a new component or part of existing one label Jul 14, 2022
Comment thread packages/ui/src/components/va-split/VaSplit.vue Outdated
aluarius added 2 commits July 15, 2022 15:39
feat:added resize observer to the container (to recalc limits)
feat:docs updates
@aluarius
aluarius requested a review from m0ksem July 18, 2022 13:45
Comment thread packages/docs/src/page-configs/ui-elements/split/examples/CustomGrabber.vue Outdated
Comment thread packages/ui/src/components/va-split/VaSplit.vue Outdated
Comment thread packages/ui/src/components/va-split/VaSplit.vue Outdated
Comment thread packages/ui/src/components/va-split/VaSplit.vue Outdated
Comment thread packages/ui/src/components/va-split/VaSplit.vue Outdated
Comment thread packages/ui/src/components/va-split/VaSplit.vue Outdated
@aluarius
aluarius requested a review from RVitaly1978 July 19, 2022 11:51
Comment thread packages/ui/src/components/va-split/VaSplit.vue Outdated
Comment thread packages/ui/src/components/va-split/VaSplit.vue Outdated
Comment thread packages/ui/src/components/va-split/VaSplit.vue Outdated
Comment thread packages/ui/src/components/va-split/VaSplit.vue Outdated
Comment thread packages/ui/src/components/va-split/VaSplit.vue Outdated
@aluarius
aluarius requested a review from RVitaly1978 July 20, 2022 10:19
# Conflicts:
#	packages/docs/src/locales/en/en.json
#	packages/docs/src/locales/ru/ru.json
@aluarius

aluarius commented Aug 3, 2022

Copy link
Copy Markdown
Contributor Author

From discussion with Vitaly:

  • should we make min-max as snapping marks in case snapping-range is set;
  • should we give to user an ability to change snapping-range (few ways to break component via this prop).

})

switch (measureValue) {
case '%':

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

v.endsWith('%')
v.endsWith('px')

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

We have to parse value anyway. So, this suggestion isn't suitable in my opinion.

Comment on lines +126 to +130
case '':
return 100
default:
warn('Invalid limits measure!')
return 0

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

default:
if (v !== Number(v)) warn('puk')

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Same as above.

Comment thread packages/ui/src/components/va-split/VaSplit.vue Outdated
Comment thread packages/ui/src/components/va-split/useSplitDragger.ts Outdated
@m0ksem

m0ksem commented Aug 3, 2022

Copy link
Copy Markdown
Member

Can we also have some specs like this? We will put it later under documentation page. It takes too much time to understand how it works...

@aluarius
aluarius merged commit 077c6bf into epicmaxco:release/1.5.0 Aug 9, 2022
@aluarius aluarius mentioned this pull request Aug 9, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

component Is a new component or part of existing one

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants