Skip to content

Latest commit

 

History

History
345 lines (210 loc) · 12.1 KB

CHANGELOG.md

File metadata and controls

345 lines (210 loc) · 12.1 KB

Changelog

All notable changes to this project will be documented in this file. See standard-version for commit guidelines.

3.0.0-beta.1 (2021-08-08)

  • Replacing the style calculation for background (#246).

before

.vsm-background {
  transform: translate(152px, 0px) scaleX(1.08421) scaleY(1.2125);
}

after

.vsm-background {
  transform: translate(246px, 10px);
  width: 409px;
  height: 485px;
}
  • Build files

before

dist/demo.html
dist/vue-stripe-menu.common.js
dist/vue-stripe-menu.common.js.map
dist/vue-stripe-menu.css
dist/vue-stripe-menu.umd.js
dist/vue-stripe-menu.umd.js.map
dist/vue-stripe-menu.umd.min.js
dist/vue-stripe-menu.umd.min.js.map

after

dist/vue-stripe-menu.css
dist/vue-stripe-menu.es.js
dist/vue-stripe-menu.umd.js
  • TypeScript added.
  • Improved ESLint configs, added Prettier and Stylelint.
  • Added Github documents: code of conduct, contributors and issue templates.
  • Installed Node.js as core 16.15.0.
  • Replaced yarn with pnpm.
  • Replaced CircleCI with Github Actions.
  • Removed build documentation files from the repository. The current build is in the gh-pages branch.
  • Added more workflows:
    • Additional code check using CodeQL.
    • Automatic publishing to npm from main branch.

2.1.1 (2021-08-08)

  • Migrate from deprecated libSass (node-sass library) to Dart Sass (944ad5d3)

2.1.0 (2021-06-27)

Features

Bug Fixes

  • mobile: emit v-model props on vue-3 (a791be8)

2.0.0 (2021-04-09)

Global changes

To reduce the number of override styles, unnecessary classes and so on, many styles/classes have been added/changed or removed!

  • Added the ability to customize styles in realtime via Demo Website
  • Added a simplified demo of the component to the #Install section
  • Replace default bundle from vue-stripe-menu.common.js to vue-stripe-menu.umd.min.js
  • Fixed animation with problematic dropdown-transition (see new transition-timeout props)
  • Now, when the screen width changes window.addEventListener('resize'), the following happens:
    • dropdown is open - location is being recalculated (resizeDropdown function)
    • dropdown is closed - improved logic of instant destruction of styles
  • Added the ability not to install the component globally:
import { VsmMenu, VsmMob } from 'vue-stripe-menu'

export default {
  components: {
    VsmMenu, VsmMob
  }
}
  • Add styles:
// These default values have been removed from the library (default font-size is yours)
.vsm-link, .vsm-mob-content__wrap {
  font-size: 17px;
  font-weight: 500;
}

.vsm-root > li {
  // display: flex; // <-- default display removed
  // All override classes from .vsm-section
}

// Change 768px on your value from $vsm-media, if set
@media screen and (max-width: 768px) {
  .vsm-mob-show {
    display: block;
  }
  .vsm-mob-hide {
    display: none;
  }
  .vsm-mob-full {
    flex-grow: 1;
  }
}
  • Change the code/styles according to the changes below

Style changes

  • Removed cursor: default from dropdown buttons with HTML element <a href="" />
  • Removed @media styles
  • Removed predefined font-size: 17px and font-weight: 500
  • Renamed variables:
    • $vsm-menu-border-radius > $vsm-border-radius
    • $vsm-menu-transform-content > $vsm-transform-content
    • $vsm-menu-link-height > $vsm-link-height
    • $vsm-menu-arrow-shadow > $vsm-arrow-shadow
    • $vsm-mob-size > $vsm-mob-hamburger-size
  • Added variables:
    • Menu: $vsm-arrow-size, $vsm-arrow-shadow, $vsm-arrow-border-radius, $vsm-index, $vsm-background, $vsm-background-alt, $vsm-background-arrow, $vsm-link-padding
    • Mob: $vsm-mob-dropdown-offset, $vsm-mob-dropdown-border-radius, $vsm-mob-close-weight, $vsm-mob-close-color, $vsm-mob-close-color-hover, $vsm-mob-link-offset, $vsm-mob-background, $vsm-mob-shadow, $vsm-mob-transition, $vsm-mob-transition-link

Classes changes

  • Removed
    • vsm-section (now list-style: none set from parent .vsm-root > li)
  • Renamed
    • vsm-section_menu > vsm-link-container
    • vsm-section_mob > vsm-mob-container

Components

Menu

Props

These 2 properties have been removed due to unnecessary use, as well as dependence on css styles (width and height are overridden on the first interaction)

  • Removed base-width
  • Removed base-height

Added the ability to indent the dropdown menu from links

  • Added dropdown-offset
  • Added transition-timeout

Methods

When changing dynamic content inside dropdown, you can now call resizeDropdown via $refs, resizing and relocating the dropdown

  • Added resizeDropdown

Properties

  • Removed hasDropdownEls
  • Removed $refs.links
  • Added itemsWithDropdown
  • Added elementsWithDropdown
  • Added dropdownContainerItems

Mob

Slots

Added the ability to replace the close button after opening the dropdown menu

  • Added close

Other

Classes

  • Removed vsm-mob-full
  • Added vsm-mob-show

1.5.0 (2020-11-17)

Features

  • mob: add closeDropdown method (44afeca)

1.4.0 (2020-09-27)

Features

  • delete core-js library from deps (5a99691)

1.3.1 (2020-09-03)

Bug Fixes

  • hide dropdown after scroll on mobile browser (af0467c)

1.3.0 (2020-08-24)

Features

Bug Fixes

  • tests: change _vsm_menu to _vsmMenu (2ccd5e9)

1.2.12 (2020-08-06)

1.2.11 (2020-05-24)

Bug Fixes

  • tests: isolate component for each test, replace deprecated code (6628213)

1.2.10 (2020-04-28)

Bug Fixes

1.2.9 (2020-04-26)

Bug Fixes

  • accept component with dropdown menu (a0072f4)

1.2.8 (2020-04-07)

1.2.7 (2020-03-14)

1.2.6 (2020-02-02)

Bug Fixes

  • rewrite calculate logic for display dropdown menu (ec99f82)

1.2.5 (2020-01-30)

Bug Fixes

  • get HTML Element from Vue component (8e37831)

1.2.4 (2020-01-13)

1.2.3 (2019-12-14)

1.2.2 (2019-11-30)

Bug Fixes

  • accept classes for vsm-link (78f3d70)
  • correct calculate width (5f0c17a)
  • dropdown height and width calculation (9e0de75)

1.2.1 (2019-10-27)

Bug Fixes

  • horisontal scroll after window resize (a543312)
  • run on SSR (415d43c)

1.2.0 (2019-10-26)

Features

  • support override scss styles and add more variables (dc84d4b)

1.1.0 (2019-10-26)

Bug Fixes

  • correct display border-radius on cut div (fd0415f)
  • hide dropdown content on hover arrow (ffa5aa1)

Features

  • add scss variables, hamburger (aea0989)
  • add vsm-mob component (1d55028)

1.0.0 (2019-10-19)

Bug Fixes

Features

  • prepare for tests (packages, config) (e215a67)
  • support mobile (window right offset), new screen-offset props (4bb113e)