Update locale docs and types

pull/1021/head
Cagatay Civici 2021-02-16 16:07:15 +03:00
parent c13e31cc72
commit 5e27c6096c
3 changed files with 70 additions and 90 deletions

View File

@ -6,6 +6,27 @@ interface PrimeVueConfiguration {
} }
interface PrimeVueLocaleOptions { interface PrimeVueLocaleOptions {
startsWith?: string;
contains?: string;
notContains?: string;
endWith?: string;
equals?: string;
notEquals?: string;
noFilter?: string;
lt?: string;
lte?: string;
gt?: string;
gte?: string;
dateIs?: string;
dateIsNot?: string;
dateBefore?: string;
dateAfter?: string;
clear?: string;
apply?: string;
matchAll?: string;
matchAny?: string;
addRule?: string;
removeRule?: string;
accept?: string; accept?: string;
reject?: string; reject?: string;
choose?: string; choose?: string;
@ -17,7 +38,6 @@ interface PrimeVueLocaleOptions {
monthNames: string[]; monthNames: string[];
monthNamesShort: string[]; monthNamesShort: string[];
today?: string; today?: string;
clear?: string;
weekHeader?: string; weekHeader?: string;
firstDayOfWeek?: number; firstDayOfWeek?: number;
dateFormat?: string; dateFormat?: string;
@ -25,6 +45,8 @@ interface PrimeVueLocaleOptions {
medium?: string; medium?: string;
strong?: string; strong?: string;
passwordPrompt?: string; passwordPrompt?: string;
emptyFilterMessage?: string;
emptyMessage?: string;
} }
export declare function usePrimeVue(): PrimeVueConfiguration; export declare function usePrimeVue(): PrimeVueConfiguration;

View File

@ -838,7 +838,7 @@ matchModes: [
</code></pre> </code></pre>
<h5>Full Page Scroll</h5> <h5>Full Page Scroll</h5>
<p>FlexScroll can also be used for cases where scrollable viewport should be responsive with respect to the window size. See the <router-link to="/datatable/flexscroll">full page</router> demo for an example.</p> <p>FlexScroll can also be used for cases where scrollable viewport should be responsive with respect to the window size. See the <router-link to="/datatable/flexscroll">full page</router-link> demo for an example.</p>
<pre v-code><code><template v-pre> <pre v-code><code><template v-pre>
&lt;div style="height: calc(100vh - 143px)"&gt; &lt;div style="height: calc(100vh - 143px)"&gt;
&lt;DataTable :value="cars" :scrollable="true" scrollHeight="flex"&gt; &lt;DataTable :value="cars" :scrollable="true" scrollHeight="flex"&gt;

View File

@ -63,94 +63,52 @@ export default defineComponent({
<h5>Locale Options</h5> <h5>Locale Options</h5>
<div class="doc-tablewrapper"> <pre v-code.script><code>
<table class="doc-table"> locale: {
<thead> startsWith: 'Starts with',
<tr> contains: 'Contains',
<th>Key</th> notContains: 'Not contains',
<th>Value</th> endsWith: 'Ends with',
</tr> equals: 'Equals',
</thead> notEquals: 'Not equals',
<tbody> noFilter: 'No Filter',
<tr> lt: 'Less than',
<td>accept</td> lte: 'Less than or equal to',
<td>Yes</td> gt: 'Greater than',
</tr> gte: 'Greater than or equal to',
<tr> dateIs: 'Date is',
<td>reject</td> dateIsNot: 'Date is not',
<td>No</td> dateBefore: 'Date is before',
</tr> dateAfter: 'Date is after',
<tr> clear: 'Clear',
<td>choose</td> apply: 'Apply',
<td>Choose</td> matchAll: 'Match All',
</tr> matchAny: 'Match Any',
<tr> addRule: 'Add Rule',
<td>upload</td> removeRule: 'Remove Rule',
<td>Upload</td> accept: 'Yes',
</tr> reject: 'No',
<tr> choose: 'Choose',
<td>cancel</td> upload: 'Upload',
<td>Cancel</td> cancel: 'Cancel',
</tr> dayNames: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
<tr> dayNamesShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
<td>dayNames</td> dayNamesMin: ["Su","Mo","Tu","We","Th","Fr","Sa"],
<td>["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]</td> monthNames: ["January","February","March","April","May","June","July","August","September","October","November","December"],
</tr> monthNamesShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun","Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
<tr> today: 'Today',
<td>dayNamesShort</td> weekHeader: 'Wk',
<td>["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]</td> firstDayOfWeek: 0,
</tr> dateFormat: 'mm/dd/yy',
<tr> weak: 'Weak',
<td>dayNamesMin</td> medium: 'Medium',
<td>["Su","Mo","Tu","We","Th","Fr","Sa"]</td> strong: 'Strong',
</tr> passwordPrompt: 'Enter a password',
<tr> emptyFilterMessage: 'No results found',
<td>monthNames</td> emptyMessage: 'No available options'
<td>["January","February","March","April","May","June","July","August","September","October","November","December"]</td> }
</tr>
<tr> </code></pre>
<td>monthNamesShort</td>
<td>["Jan", "Feb", "Mar", "Apr", "May", "Jun","Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]</td>
</tr>
<tr>
<td>today</td>
<td>Today</td>
</tr>
<tr>
<td>today</td>
<td>Today</td>
</tr>
<tr>
<td>weekHeader</td>
<td>Wk</td>
</tr>
<tr>
<td>firstDayOfWeek</td>
<td>0</td>
</tr>
<tr>
<td>dateFormat</td>
<td>mm/dd/yy</td>
</tr>
<tr>
<td>weak</td>
<td>Weak</td>
</tr>
<tr>
<td>medium</td>
<td>Medium</td>
</tr>
<tr>
<td>strong</td>
<td>Strong</td>
</tr>
<tr>
<td>passwordPrompt</td>
<td>Enter a password</td>
</tr>
</tbody>
</table>
</div>
</div> </div>
</div> </div>
</template> </template>