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

Fix [Clockpicker, Timepicker]: Vue Compat: deprecation INSTANCE_ATTRS_CLASS_STYLE (#16) #210

Merged
merged 8 commits into from
Mar 31, 2024

Conversation

kikuomax
Copy link
Collaborator

Related issue:

Proposed Changes

  • Introduce a new prop compat-fallthrough to Clockpicker and Timepicker, which determines if the class, style, and id attributes are applied to the root <div> element or the underlying <b-input> component. If true, they are applied to the root <div> element, which is compatible with Buefy for Vue 2.
  • TimepickerMixin mixes in CompatFallthroughMixin, which both Clockpicker and Timepicker mix in
  • Add new test cases for the compat-fallthrough prop of Clockpicker and Timepicker
  • Explain the compat-fallthrough prop in the doc pages of Clockpicker and Timepicker
  • Introduce the compat-fallthrough prop of Clockpicker and Timepicker as a new feature in CHANGELOG

- `TimepickerMixin` mixes in `CompatFallthroughMixin`, because both
  hosts `Clockpicker` and `Timepicker` provide fallthrough behavior.
- `Clockpicker` introduces a new prop `compat-fallthrough`, which
  determines if the `class`, `style`, and `id` attributes are applied to
  the root `<div>` element or the underlying `BInput` component. Since
  Vue 3 changed the fallthrough behavior, `Clockpicker` became
  incompatible with that of Buefy for Vue 2. The default value of this
  prop is configured by the `defaultCompatFallthrough` config option,
  which is `true` by default.
- Tests the fallthrough behavior of `Clockpicker`
- `Timepicker` introduces a new prop `compat-fallthrough`, which
  determines if the `class`, `style`, and `id` attributes are applied to
  the root `<div>` element or the underlying `BInput` component. Since
  Vue 3 changed the fallthrough behavior, `Timepicker` became
  incompatible with that of Buefy for Vue 2. The default value for this
  prop is configured by the `defaultCompatFallthrough` config option,
  which is `true` by default.
- Tests the fallthrough behavior of `Timepicker`
@kikuomax kikuomax merged commit dc56cc1 into ntohq:dev Mar 31, 2024
3 checks passed
@kikuomax kikuomax deleted the clockpicker-compat-fallthrough branch March 31, 2024 21:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants