arturmiz / vuent Goto Github PK

Having declared vue-router's router-link as part of vnt-navview-item:

<vnt-navview paneTitle="Budget">
  <vnt-navview-items>
    <vnt-navview-item icon="save">
      <router-link to="/">Start</router-link>
    </vnt-navview-item>

generates link in a link as follows:

https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/flipview

Add support for the use case with sticky grouped headers:

ContextMenu using MenuFlyout (#75)

https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/menus

Slider component should follow these accessibility guidelines, especially Home/End keys

• http://w3c.github.io/aria-practices/#keyboard-interaction-17
• https://www.w3.org/TR/2017/REC-wai-aria-1.1-20171214/#slider

The ProgressBar determinate state shows the percentage completed of a task. This should be used during an operation whose duration is known, but it's progress should not block the user's interaction with the app.

https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/progress-controls

Currently VntSelect only supports options being an array of plain objects, but array of simple values like number, strings is not supported.

https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/calendar-date-picker
Based on #68

The ProgressRing only has an indeterminate state, and should be used when any further user interaction is blocked until the operation has completed.

https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/progress-controls

So far changes are propagated using :checked.sync, v-model support required.

Follow the spec from Fluent Design page:

• By default, no default button is set.
• You may optionally choose to differentiate one of the three buttons as the dialog's default button.
• The button receives the Accent Button visual treatment
• The button will respond to the ENTER key automatically
• When the user presses the ENTER key on the keyboard, the click handler associated with the Default Button will fire and the ContentDialogResult will return the value associated with the Default Button
• If the user has placed Keyboard Focus on a control that handles ENTER, the Default Button will not respond to ENTER presses
• The button will receive focus automatically when the Dialog is opened unless the dialog’s content contains focusable UI

https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/time-picker

https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/date-picker

https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/dialogs-and-flyouts/flyouts

Create (or generate) TypeScript declaration file to make it compliant and compatible with TS-based projects.

https://www.typescriptlang.org/docs/handbook/declaration-files/introduction.html

So far changes are propagated using :checked.sync, v-model support required.

https://storybook.js.org/docs/guides/guide-vue

The circle inside the radiobutton is not in the center when I use it in a high dpi display, using Google Chrome.

Red line: actual
Green line: expected

Needed configuration to set button in a primary button mode (background color is the accent color).

As of now, the accent color is hardcoded to blue. CSS variables could be a good way to make it configurable and easily spread the change across all components.

The ProgressBar indeterminate state shows that an operation is underway, does not block user interaction with the app, and its completion time is unknown.

https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/progress-controls

Use datalist HTML element for options.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist

Add touch-swiping (left/right) between pivot items.

https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/lists#grid-views

Dropdown using MenuFlyout (#75)

https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/menus

Try out https://www.npmjs.com/package/vue-class-component to make components' source code more modern.

Add PostCSS plugin which will automatically convert styles to support RTL languages.

Dropdown's visual indicator (arrow) looks cut on Edge browser.

• styles linting

• autoprefixer config

• Rollup integration

MenuFlyout contains list of items (commands). Should be further reusable in Menu and Context menu components.

https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/menus

Add support for the following use case (selectionMode="multiple")

Add support for the use case with grouped headers:

https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/tooltips

Original Select control has a mouse hover effect, like this:

But de Vuent Select control has not it:

Currently components are built around light theme, so it should be possible to support dark theme as well.

https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/calendar-view