@ -39,7 +39,7 @@ English | [简体中文](./README-zh_CN.md)
## Using npm or yarn
**We recommend using npm or yarn to install**，it not only makes development easier，but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.
**We recommend using npm or yarn to install**, it not only makes development easier, but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.
@ -38,7 +38,7 @@ customize the progress dot by setting a scoped slot
| monthFullCellRender | Customize the display of the month cell by setting a scoped slot, the returned content will override the cell | v-slot:monthFullCellRender="{current: dayjs}" | - | |
| validRange | to set valid range | \[[dayjs](https://day.js.org/), [dayjs](https://day.js.org/)] | - | |
| value(v-model) | The current selected date | [dayjs](https://day.js.org/) | current date | |
| valueFormat | optional, format of binding value. If not specified, the binding value will be a Date object | string，[date formats](https://day.js.org/docs/en/display/format) | - | |
| valueFormat | optional, format of binding value. If not specified, the binding value will be a Date object | string, [date formats](https://day.js.org/docs/en/display/format) | - | |
| superNextIcon | The custom super next icon | slot | - | 3.0 |
| superPrevIcon | The custom super prev icon | slot | - | 3.0 |
| valueFormat | optional, format of binding value. If not specified, the binding value will be a Date object | string，[date formats](https://day.js.org/docs/en/display/format) | - | |
| valueFormat | optional, format of binding value. If not specified, the binding value will be a Date object | string, [date formats](https://day.js.org/docs/en/display/format) | - | |
| disabled | If true, the slider will not be intractable. | boolean | false | |
| dots | Whether the thumb can drag over tick only. | boolean | false | |
| handleStyle | The style of slider handle | CSSProperties | - | |
| included | Make effect when `marks` not null，`true` means containment and `false` means coordinative | boolean | true | |
| included | Make effect when `marks` not null, `true` means containment and `false` means coordinative | boolean | true | |
| mark | Custom tick mark of Slider, | v-slot:mark | { point: number, label: any } | 3.0 |
| marks | Tick mark of Slider, type of key must be `number`, and must in closed interval \[min, max], each mark can declare its own style. | object | { number: string\|VNode } or { number: { style: object, label: string\|VNode } } or { number: () => VNode } | |
| max | The maximum value the slider can slide to | number | 100 | |
| use12Hours | Display as 12 hours format, with default format `h:mm:ss a` | boolean | false | |
| value(v-model) | To set time | [dayjs](https://day.js.org/) | - | |
| valueFormat | optional, format of binding value. If not specified, the binding value will be a Date object | string，[date formats](https://day.js.org/docs/en/display/format) | - | |
| valueFormat | optional, format of binding value. If not specified, the binding value will be a Date object | string, [date formats](https://day.js.org/docs/en/display/format) | - | |
@ -10,7 +10,7 @@ Ant Design Vue supports the last 2 versions of modern browsers. If you need to b
Ant Design Vue default using CSS-in-JS with `:where` Selector to reduce priority to avoid user additional adjust style cost when updating. If you want to support old browser (or some other CSS framework selector priority conflict like TailwindCSS), you can use `StyleProvider` to adjust this behavior :
// Config `hashPriority` to `high` instead of default `low`, which will remove `:where` wrapper
<template>
<a-style-providerhash-priority="high">
<MyApp/>
@ -31,14 +31,14 @@ Note:
1、After turning off the `:where` downgrade, you may need to manually adjust the priority of some styles.
2、hashPriority not support change，you can reload for new value.
2、hashPriority not support change, you can reload for new value.
### CSS Logical Properties
To unify LTR and RTL styles, Ant Design Vue uses CSS logical properties. For example, the original `margin-left` is replaced by `margin-inline-start`, so that it is the starting position spacing under both LTR and RTL. If you need to be compatible with older browsers, you can configure `transformers` through the `StyleProvider` of `@ant-design/cssinjs`:
```html
// `transformers`提供预处理功能将样式进行转换
// `transformers`provides a way to transform CSS properties
@ -46,7 +46,7 @@ You can subscribe to this feed for new version notifications: <https://github.co
### Using npm or yarn
**We recommend using npm or yarn to install**，it not only makes development easier，but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.
**We recommend using npm or yarn to install**, it not only makes development easier, but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.
Konv Suu
1 year ago
committed by