本文已参与「新人创作礼」活动，一起开启掘金创作之路
"WpAntdVueCheckboxSnippet": {
"prefix": "w-checkbox",
"body": [
"<a-checkbox",
" :default-checked=\"defaultChecked\"",
" :disabled=\"disabled\"",
" @change=\"onChange\"",
" >选择框测试</a-checkbox",
" >",
" <!-- defaultChecked: true,",
" disabled: true -->",
],
"description": "AntdVue多选框代码片段"
},
"WpAntdVueCheckboxGroupSnippet": {
"prefix": "w-checkboxgroup",
"body": [
"<a-checkbox-group",
" v-model=\"groupValue\"",
" :options=\"options\"",
" :default-value=\"defaultGroupValue\"",
" @change=\"onGroupChange\"",
" ></a-checkbox-group>",
" <!-- options: [ ",
" { label: '烟台', value: 'yantai' },",
" { label: '青岛', value: 'qingdao' },",
" { label: '临沂', value: 'linyi' } ],",
" groupValue: ['yantai'], ",
" defaultGroupValue: ['yantai'] -->",
],
"description": "AntdVue多选框组代码片段"
},
"WpAntdVueDateTimePickerSnippet": {
"prefix": "w-date-time-picker",
"body": [
"<a-date-picker",
" placeholder=\"请选择日期\"",
" :show-time=\"{ defaultValue: moment('08:00:00', dateTimeFormat) }\"",
" :format=\"dateTimeFormat\"",
" :default-value=\"moment(new Date().toLocaleDateString(), dateTimeFormat)\"",
" :disabled-date=\"disabledDate\"",
" :disabled-time=\"disabledTime\"",
" @change=\"onDateTimeChange\"",
" ><template #suffixIcon> <a-icon type=\"setting\" /></template",
" ></a-date-picker>",
" <!-- import moment from 'moment'",
" timeFormat: 'HH:mm:ss',",
" dateFormat: 'YYYY/MM/DD',",
" dateTimeFormat: 'YYYY/MM/DD HH:mm:ss',",
" monthFormat: 'YYYY/MM'",
" methods: {",
" moment,",
" range (start, end) {",
" const result = []",
" for (let i = start; i < end; i++) {",
" result.push(i)",
" }",
" return result",
" },",
" disabledDate (current) {",
" return current && current < moment().endOf('day')",
" },",
" disabledTime () {",
" return {",
" disabledHours: () => this.range(0, 24).splice(4, 18),",
" disabledMinutes: () => this.range(30, 60),",
" disabledSeconds: () => [55, 56]",
" }",
" },",
" onDateTimeChange (date, datestring) {",
" console.log(new Date().toLocaleDateString())",
" console.log('date', date, 'datestring', datestring)",
" }",
" }, -->",
],
"description": "AntdVue时间选择器代码片段"
},
"WpAntdVueRangePickerSnippet": {
"prefix": "w-range-picker",
"body": [
"<a-range-picker",
" :format=\"dateFormat\"",
" :disabled-date=\"disabledDate\"",
" :placeholder=\"['请选择开始时间', '请选择结束时间']\"",
" separator=\"到\"",
" @change=\"onRangeChange\"",
" @ok=\"onRangeOK\"",
" ><template #suffixIcon> <a-icon type=\"setting\" /></template",
" ></a-range-picker>",
" <!-- dateFormat: 'YYYY/MM/DD',",
" methods: {",
" moment,",
" range (start, end) {",
" const result = []",
" for (let i = start; i < end; i++) {",
" result.push(i)",
" }",
" return result",
" },",
" disabledDate (current) {",
" return current && current < moment().endOf('day')",
" }",
" }, -->",
],
"description": "AntdVue时间段选择器代码片段"
},
"WpAntdVueInputSnippet": {
"prefix": "w-input",
"body": [
"<a-input v-model=\"inputValue\" placeholder=\"请输入文本\" allow-clear @pressEnter=\"onPressEnter\">",
" <template #addonBefore>前置标签</template>",
" <template #addonAfter>后置标签 <a-icon type=\"setting\" theme=\"twoTone\" two-tone-color=\"#52c41a\" /></template>",
" <template #prefix> <a-icon type=\"setting\" /></template",
" ><template #suffix>",
" <a-tooltip title=\"输入框测试\"> <a-icon type=\"setting\" /> </a-tooltip>",
" </template>",
" </a-input>",
],
"description": "AntdVue输入框代码片段"
},
"WpAntdVueInputSearchSnippet": {
"prefix": "w-input-search",
"body": [
"<a-input-search v-model=\"inputValue\" placeholder=\"请输入文本\" :loading=\"loading\" allow-clear @search=\"onSearch\">",
" <template #addonBefore>前置标签</template>",
" <template #prefix> <a-icon type=\"setting\" /></template",
" ><template #suffix>",
" <a-tooltip title=\"输入框测试\"> <a-icon type=\"setting\" /> </a-tooltip>",
" </template>",
" <template #enterButton>",
" <a-button type=\"primary\" icon=\"search\" size=\"default\" block>查询</a-button>",
" </template>",
" </a-input-search>",
],
"description": "AntdVue查询输入框代码片段"
},
"WpAntdVueInputGroupSnippet": {
"prefix": "w-input-group",
"body": [
"<a-input-group compact>",
" <a-input style=\"width: 40%\" placeholder=\"请输入文本\">",
" <template #prefix> <a-icon type=\"setting\" /></template",
" ><template #suffix>",
" <a-tooltip title=\"输入框测试\"> <a-icon type=\"setting\" /> </a-tooltip>",
" </template>",
" </a-input>",
" <a-input-search style=\"width: 50%\" placeholder=\"请输入文本\" :loading=\"loading\" @search=\"onSearch\">",
" <template #enterButton>",
" <a-button type=\"primary\" icon=\"search\" size=\"default\" block>查询</a-button>",
" </template>",
" </a-input-search>",
" </a-input-group>",
],
"description": "AntdVue输入框组代码片段"
},
"WpAntdVueInputNumberSnippet": {
"prefix": "w-input-number",
"body": [
"<a-input-number",
" v-model=\"value\"",
" :min=\"0\"",
" :max=\"10\"",
" :step=\"1\"",
" @change=\"onChange\"",
" @pressEnter=\"onPressEnter\">",
" </a-input-number",
" >",
],
"description": "AntdVue数字输入框代码片段"
},
