Skip to content

P
pro-layout
Unverified Commit f64a3937 authored by Sendya's avatar Sendya
Browse files
Options

fix: postcss not found

parent 83ee5491
Hide whitespace changes
Inline Side-by-side
Showing with 129 additions and 1691 deletions
examples/package.json
View file @ f64a3937
...@@ -14,13 +14,12 @@ ...@@ -14,13 +14,12 @@
"type": "git", "type": "git",
"url": "https://github.com/vueComponent/pro-layout" "url": "https://github.com/vueComponent/pro-layout"
}, },
"license":"MIT", "license": "MIT",
"dependencies": { "dependencies": {
"ant-design-vue": "^1.4.4", "@ant-design/icons": "^4.0.0-alpha.11",
"ant-design-vue": "^1.4.8",
"core-js": "^3.1.2", "core-js": "^3.1.2",
"umi-request": "^1.2.8",
"vue": "^2.6.10", "vue": "^2.6.10",
"vue-container-query": "^0.1.0",
"vue-i18n": "^8.15.0", "vue-i18n": "^8.15.0",
"vue-ls": "^3.2.1", "vue-ls": "^3.2.1",
"vue-router": "^3.0.6", "vue-router": "^3.0.6",
......
examples/src/components/CitySelect/CitySelect2.jsx deleted 100644 → 0
View file @ 83ee5491
import { Cascader } from 'ant-design-vue'
import provinces from 'china-division/dist/provinces.json'
import cities from 'china-division/dist/cities.json'
import areas from 'china-division/dist/areas.json'
areas.forEach(area => {
const matchCity = cities.filter(city => city.code === area.cityCode)[0]
if (matchCity) {
matchCity.children = matchCity.children || []
matchCity.children.push({
label: area.name,
value: area.code
})
}
})
cities.forEach(city => {
const matchProvince = provinces.filter(
province => province.code === city.provinceCode
)[0]
if (matchProvince) {
matchProvince.children = matchProvince.children || []
matchProvince.children.push({
label: city.name,
value: city.code,
children: city.children
})
}
})
const options = provinces.map(province => ({
label: province.name,
value: province.code,
children: province.children
}))
console.log(options)
export default {
name: 'CitySelect2',
render () {
return (
<Cascader options={options} />
)
}
}
examples/src/components/CitySelect/index.jsx deleted 100644 → 0
View file @ 83ee5491
import { Button, Radio, Select, Popover } from 'ant-design-vue'
import './index.less'
const filterProvinceList = [{ n: 'A', v: 'A' }, { n: 'F', v: 'F' }, { n: 'G', v: 'G' }, { n: 'H', v: 'H' }, { n: 'J', v: 'J' }, { n: 'L', v: 'L' }, { n: 'N', v: 'N' }, { n: 'Q', v: 'Q' }, { n: 'S', v: 'S' }, { n: 'T', v: 'T' }, { n: 'X', v: 'X' }, { n: 'Y', v: 'Y' }, { n: 'Z', v: 'Z' }, { n: '直辖市', v: '1' }, { n: '港澳', v: '2' }]
const filterCityList = [{ n: 'A', v: 'A' }, { n: 'B', v: 'B' }, { n: 'C', v: 'C' }, { n: 'D', v: 'D' }, { n: 'E', v: 'E' }, { n: 'F', v: 'F' }, { n: 'G', v: 'G' }, { n: 'H', v: 'H' }, { n: 'I', v: 'I' }, { n: 'J', v: 'J' }, { n: 'K', v: 'K' }, { n: 'L', v: 'L' }, { n: 'N', v: 'N' }, { n: 'M', v: 'M' }, { n: 'O', v: 'O' }, { n: 'Q', v: 'Q' }, { n: 'P', v: 'P' }, { n: 'R', v: 'R' }, { n: 'S', v: 'S' }, { n: 'T', v: 'T' }, { n: 'U', v: 'U' }, { n: 'V', v: 'V' }, { n: 'W', v: 'W' }, { n: 'X', v: 'X' }, { n: 'Y', v: 'Y' }, { n: 'Z', v: 'Z' }]
export default {
name: 'CitySelect',
props: {
prefixCls: {
type: String,
default: 'ant-pro-city-select'
},
defaultValue: {
type: String,
default: ''
}
},
data () {
return {
byType: 'city'
}
},
methods: {
renderHeader () {
const handleChange = (e) => {
this.byType = e.target.value
}
const selectFilters = this.byType === 'city' ? filterCityList.map(item => <Button size={'small'}>{item.n}</Button>) : filterProvinceList.map(item => <Button size={'small'}>{item.n}</Button>)
return (
<div class={'city-select-header'}>
<Radio.Group size={'small'} value={this.byType} onChange={handleChange} style={{ marginRight: '16px' }}>
<Radio.Button value={'province'}>按省份</Radio.Button>
<Radio.Button value={'city'}>按城市</Radio.Button>
</Radio.Group>
<Select size={'small'} showSearch={true} placeholder={'输入城市名称搜索'} style={ { width: '200px' } }>
<Select.Option value={'xiamen'}>厦门</Select.Option>
<Select.Option value={'fuzhou'}>福州</Select.Option>
</Select>
<div class={'select-filters'}>
{selectFilters}
</div>
</div>
)
},
renderBody () {
return (
<div class={'city-select-body'}>
</div>
)
}
},
render () {
const classes = {
[`${this.prefixCls}`]: true
}
return (
<div class={classes}>
<Popover overlayStyle={{ width: '400px' }} placement={'topLeft'}>
<div slot="content">
{this.renderHeader()}
{this.renderBody()}
</div>
<Button type={'link'}>北京市</Button>
</Popover>
</div>
)
}
}
examples/src/components/CitySelect/index.less deleted 100644 → 0
View file @ 83ee5491
@import "../index";
@ant-pro-city-select-prefix : @{ant-pro-prefix}-city-select;
.city-select-header .select-filters {
margin-top: 8px;
button {
min-width: 26px;
min-height: 26px;
line-height: 26px;
margin-right: 4px;
margin-bottom: 4px;
}
}
.city-select-body {
margin-top: 16px;
}
\ No newline at end of file
examples/src/components/CitySelect/province.json deleted 100644 → 0
View file @ 83ee5491
[
{
"code": null,
"name": "新疆维吾尔自治区",
"cities": [
{
"code": "650100000000",
"name": "乌鲁木齐市"
},
{
"code": "650200000000",
"name": "克拉玛依市"
},
{
"code": "650400000000",
"name": "吐鲁番市"
},
{
"code": "650500000000",
"name": "哈密市"
},
{
"code": "652300000000",
"name": "昌吉回族自治州"
},
{
"code": "652700000000",
"name": "博尔塔拉蒙古自治州"
},
{
"code": "652800000000",
"name": "巴音郭楞蒙古自治州"
},
{
"code": "652900000000",
"name": "阿克苏地区"
},
{
"code": "653000000000",
"name": "克孜勒苏柯尔克孜自治州"
},
{
"code": "653100000000",
"name": "喀什地区"
},
{
"code": "653200000000",
"name": "和田地区"
},
{
"code": "654000000000",
"name": "伊犁哈萨克自治州"
},
{
"code": "654200000000",
"name": "塔城地区"
},
{
"code": "654300000000",
"name": "阿勒泰地区"
},
{
"code": "659000000000",
"name": "自治区直辖县级行政区划"
}
]
},
{
"code": null,
"name": "甘肃省",
"cities": [
{
"code": "620100000000",
"name": "兰州市"
},
{
"code": "620200000000",
"name": "嘉峪关市"
},
{
"code": "620300000000",
"name": "金昌市"
},
{
"code": "620400000000",
"name": "白银市"
},
{
"code": "620500000000",
"name": "天水市"
},
{
"code": "620600000000",
"name": "武威市"
},
{
"code": "620700000000",
"name": "张掖市"
},
{
"code": "620800000000",
"name": "平凉市"
},
{
"code": "620900000000",
"name": "酒泉市"
},
{
"code": "621000000000",
"name": "庆阳市"
},
{
"code": "621100000000",
"name": "定西市"
},
{
"code": "621200000000",
"name": "陇南市"
},
{
"code": "622900000000",
"name": "临夏回族自治州"
},
{
"code": "623000000000",
"name": "甘南藏族自治州"
}
]
},
{
"code": "120100000000",
"name": "天津市",
"cities": []
},
{
"code": null,
"name": "山东省",
"cities": [
{
"code": "370100000000",
"name": "济南市"
},
{
"code": "370200000000",
"name": "青岛市"
},
{
"code": "370300000000",
"name": "淄博市"
},
{
"code": "370400000000",
"name": "枣庄市"
},
{
"code": "370500000000",
"name": "东营市"
},
{
"code": "370600000000",
"name": "烟台市"
},
{
"code": "370700000000",
"name": "潍坊市"
},
{
"code": "370800000000",
"name": "济宁市"
},
{
"code": "370900000000",
"name": "泰安市"
},
{
"code": "371000000000",
"name": "威海市"
},
{
"code": "371100000000",
"name": "日照市"
},
{
"code": "371200000000",
"name": "莱芜市"
},
{
"code": "371300000000",
"name": "临沂市"
},
{
"code": "371400000000",
"name": "德州市"
},
{
"code": "371500000000",
"name": "聊城市"
},
{
"code": "371600000000",
"name": "滨州市"
},
{
"code": "371700000000",
"name": "菏泽市"
}
]
},
{
"code": null,
"name": "西藏自治区",
"cities": [
{
"code": "540100000000",
"name": "拉萨市"
},
{
"code": "540200000000",
"name": "日喀则市"
},
{
"code": "540300000000",
"name": "昌都市"
},
{
"code": "540400000000",
"name": "林芝市"
},
{
"code": "540500000000",
"name": "山南市"
},
{
"code": "540600000000",
"name": "那曲市"
},
{
"code": "542500000000",
"name": "阿里地区"
}
]
},
{
"code": null,
"name": "安徽省",
"cities": [
{
"code": "340100000000",
"name": "合肥市"
},
{
"code": "340200000000",
"name": "芜湖市"
},
{
"code": "340300000000",
"name": "蚌埠市"
},
{
"code": "340400000000",
"name": "淮南市"
},
{
"code": "340500000000",
"name": "马鞍山市"
},
{
"code": "340600000000",
"name": "淮北市"
},
{
"code": "340700000000",
"name": "铜陵市"
},
{
"code": "340800000000",
"name": "安庆市"
},
{
"code": "341000000000",
"name": "黄山市"
},
{
"code": "341100000000",
"name": "滁州市"
},
{
"code": "341200000000",
"name": "阜阳市"
},
{
"code": "341300000000",
"name": "宿州市"
},
{
"code": "341500000000",
"name": "六安市"
},
{
"code": "341600000000",
"name": "亳州市"
},
{
"code": "341700000000",
"name": "池州市"
},
{
"code": "341800000000",
"name": "宣城市"
}
]
},
{
"code": null,
"name": "内蒙古自治区",
"cities": [
{
"code": "150100000000",
"name": "呼和浩特市"
},
{
"code": "150200000000",
"name": "包头市"
},
{
"code": "150300000000",
"name": "乌海市"
},
{
"code": "150400000000",
"name": "赤峰市"
},
{
"code": "150500000000",
"name": "通辽市"
},
{
"code": "150600000000",
"name": "鄂尔多斯市"
},
{
"code": "150700000000",
"name": "呼伦贝尔市"
},
{
"code": "150800000000",
"name": "巴彦淖尔市"
},
{
"code": "150900000000",
"name": "乌兰察布市"
},
{
"code": "152200000000",
"name": "兴安盟"
},
{
"code": "152500000000",
"name": "锡林郭勒盟"
},
{
"code": "152900000000",
"name": "阿拉善盟"
}
]
},
{
"code": null,
"name": "黑龙江省",
"cities": [
{
"code": "230100000000",
"name": "哈尔滨市"
},
{
"code": "230200000000",
"name": "齐齐哈尔市"
},
{
"code": "230300000000",
"name": "鸡西市"
},
{
"code": "230400000000",
"name": "鹤岗市"
},
{
"code": "230500000000",
"name": "双鸭山市"
},
{
"code": "230600000000",
"name": "大庆市"
},
{
"code": "230700000000",
"name": "伊春市"
},
{
"code": "230800000000",
"name": "佳木斯市"
},
{
"code": "230900000000",
"name": "七台河市"
},
{
"code": "231000000000",
"name": "牡丹江市"
},
{
"code": "231100000000",
"name": "黑河市"
},
{
"code": "231200000000",
"name": "绥化市"
},
{
"code": "232700000000",
"name": "大兴安岭地区"
}
]
},
{
"code": "310100000000",
"name": "上海市",
"cities": []
},
{
"code": null,
"name": "山西省",
"cities": [
{
"code": "140100000000",
"name": "太原市"
},
{
"code": "140200000000",
"name": "大同市"
},
{
"code": "140300000000",
"name": "阳泉市"
},
{
"code": "140400000000",
"name": "长治市"
},
{
"code": "140500000000",
"name": "晋城市"
},
{
"code": "140600000000",
"name": "朔州市"
},
{
"code": "140700000000",
"name": "晋中市"
},
{
"code": "140800000000",
"name": "运城市"
},
{
"code": "140900000000",
"name": "忻州市"
},
{
"code": "141000000000",
"name": "临汾市"
},
{
"code": "141100000000",
"name": "吕梁市"
}
]
},
{
"code": "110100000000",
"name": "北京市",
"cities": []
},
{
"code": null,
"name": "云南省",
"cities": [
{
"code": "530100000000",
"name": "昆明市"
},
{
"code": "530300000000",
"name": "曲靖市"
},
{
"code": "530400000000",
"name": "玉溪市"
},
{
"code": "530500000000",
"name": "保山市"
},
{
"code": "530600000000",
"name": "昭通市"
},
{
"code": "530700000000",
"name": "丽江市"
},
{
"code": "530800000000",
"name": "普洱市"
},
{
"code": "530900000000",
"name": "临沧市"
},
{
"code": "532300000000",
"name": "楚雄彝族自治州"
},
{
"code": "532500000000",
"name": "红河哈尼族彝族自治州"
},
{
"code": "532600000000",
"name": "文山壮族苗族自治州"
},
{
"code": "532800000000",
"name": "西双版纳傣族自治州"
},
{
"code": "532900000000",
"name": "大理白族自治州"
},
{
"code": "533100000000",
"name": "德宏傣族景颇族自治州"
},
{
"code": "533300000000",
"name": "怒江傈僳族自治州"
},
{
"code": "533400000000",
"name": "迪庆藏族自治州"
}
]
},
{
"code": "500100000000",
"name": "重庆市",
"cities": []
},
{
"code": null,
"name": "湖北省",
"cities": [
{
"code": "420100000000",
"name": "武汉市"
},
{
"code": "420200000000",
"name": "黄石市"
},
{
"code": "420300000000",
"name": "十堰市"
},
{
"code": "420500000000",
"name": "宜昌市"
},
{
"code": "420600000000",
"name": "襄阳市"
},
{
"code": "420700000000",
"name": "鄂州市"
},
{
"code": "420800000000",
"name": "荆门市"
},
{
"code": "420900000000",
"name": "孝感市"
},
{
"code": "421000000000",
"name": "荆州市"
},
{
"code": "421100000000",
"name": "黄冈市"
},
{
"code": "421200000000",
"name": "咸宁市"
},
{
"code": "421300000000",
"name": "随州市"
},
{
"code": "422800000000",
"name": "恩施土家族苗族自治州"
}
]
},
{
"code": null,
"name": "广西壮族自治区",
"cities": [
{
"code": "450100000000",
"name": "南宁市"
},
{
"code": "450200000000",
"name": "柳州市"
},
{
"code": "450300000000",
"name": "桂林市"
},
{
"code": "450400000000",
"name": "梧州市"
},
{
"code": "450500000000",
"name": "北海市"
},
{
"code": "450600000000",
"name": "防城港市"
},
{
"code": "450700000000",
"name": "钦州市"
},
{
"code": "450800000000",
"name": "贵港市"
},
{
"code": "450900000000",
"name": "玉林市"
},
{
"code": "451000000000",
"name": "百色市"
},
{
"code": "451100000000",
"name": "贺州市"
},
{
"code": "451200000000",
"name": "河池市"
},
{
"code": "451300000000",
"name": "来宾市"
},
{
"code": "451400000000",
"name": "崇左市"
}
]
},
{
"code": null,
"name": "陕西省",
"cities": [
{
"code": "610100000000",
"name": "西安市"
},
{
"code": "610200000000",
"name": "铜川市"
},
{
"code": "610300000000",
"name": "宝鸡市"
},
{
"code": "610400000000",
"name": "咸阳市"
},
{
"code": "610500000000",
"name": "渭南市"
},
{
"code": "610600000000",
"name": "延安市"
},
{
"code": "610700000000",
"name": "汉中市"
},
{
"code": "610800000000",
"name": "榆林市"
},
{
"code": "610900000000",
"name": "安康市"
},
{
"code": "611000000000",
"name": "商洛市"
}
]
},
{
"code": null,
"name": "吉林省",
"cities": [
{
"code": "220100000000",
"name": "长春市"
},
{
"code": "220200000000",
"name": "吉林市"
},
{
"code": "220300000000",
"name": "四平市"
},
{
"code": "220400000000",
"name": "辽源市"
},
{
"code": "220500000000",
"name": "通化市"
},
{
"code": "220600000000",
"name": "白山市"
},
{
"code": "220700000000",
"name": "松原市"
},
{
"code": "220800000000",
"name": "白城市"
},
{
"code": "222400000000",
"name": "延边朝鲜族自治州"
}
]
},
{
"code": null,
"name": "宁夏回族自治区",
"cities": [
{
"code": "640100000000",
"name": "银川市"
},
{
"code": "640200000000",
"name": "石嘴山市"
},
{
"code": "640300000000",
"name": "吴忠市"
},
{
"code": "640400000000",
"name": "固原市"
},
{
"code": "640500000000",
"name": "中卫市"
}
]
},
{
"code": null,
"name": "广东省",
"cities": [
{
"code": "440100000000",
"name": "广州市"
},
{
"code": "440200000000",
"name": "韶关市"
},
{
"code": "440300000000",
"name": "深圳市"
},
{
"code": "440400000000",
"name": "珠海市"
},
{
"code": "440500000000",
"name": "汕头市"
},
{
"code": "440600000000",
"name": "佛山市"
},
{
"code": "440700000000",
"name": "江门市"
},
{
"code": "440800000000",
"name": "湛江市"
},
{
"code": "440900000000",
"name": "茂名市"
},
{
"code": "441200000000",
"name": "肇庆市"
},
{
"code": "441300000000",
"name": "惠州市"
},
{
"code": "441400000000",
"name": "梅州市"
},
{
"code": "441500000000",
"name": "汕尾市"
},
{
"code": "441600000000",
"name": "河源市"
},
{
"code": "441700000000",
"name": "阳江市"
},
{
"code": "441800000000",
"name": "清远市"
},
{
"code": "441900000000",
"name": "东莞市"
},
{
"code": "442000000000",
"name": "中山市"
},
{
"code": "445100000000",
"name": "潮州市"
},
{
"code": "445200000000",
"name": "揭阳市"
},
{
"code": "445300000000",
"name": "云浮市"
}
]
},
{
"code": null,
"name": "河北省",
"cities": [
{
"code": "130100000000",
"name": "石家庄市"
},
{
"code": "130200000000",
"name": "唐山市"
},
{
"code": "130300000000",
"name": "秦皇岛市"
},
{
"code": "130400000000",
"name": "邯郸市"
},
{
"code": "130500000000",
"name": "邢台市"
},
{
"code": "130600000000",
"name": "保定市"
},
{
"code": "130700000000",
"name": "张家口市"
},
{
"code": "130800000000",
"name": "承德市"
},
{
"code": "130900000000",
"name": "沧州市"
},
{
"code": "131000000000",
"name": "廊坊市"
},
{
"code": "131100000000",
"name": "衡水市"
}
]
},
{
"code": null,
"name": "河南省",
"cities": [
{
"code": "410100000000",
"name": "郑州市"
},
{
"code": "410200000000",
"name": "开封市"
},
{
"code": "410300000000",
"name": "洛阳市"
},
{
"code": "410400000000",
"name": "平顶山市"
},
{
"code": "410500000000",
"name": "安阳市"
},
{
"code": "410600000000",
"name": "鹤壁市"
},
{
"code": "410700000000",
"name": "新乡市"
},
{
"code": "410800000000",
"name": "焦作市"
},
{
"code": "410900000000",
"name": "濮阳市"
},
{
"code": "411000000000",
"name": "许昌市"
},
{
"code": "411100000000",
"name": "漯河市"
},
{
"code": "411200000000",
"name": "三门峡市"
},
{
"code": "411300000000",
"name": "南阳市"
},
{
"code": "411400000000",
"name": "商丘市"
},
{
"code": "411500000000",
"name": "信阳市"
},
{
"code": "411600000000",
"name": "周口市"
},
{
"code": "411700000000",
"name": "驻马店市"
}
]
},
{
"code": null,
"name": "浙江省",
"cities": [
{
"code": "330100000000",
"name": "杭州市"
},
{
"code": "330200000000",
"name": "宁波市"
},
{
"code": "330300000000",
"name": "温州市"
},
{
"code": "330400000000",
"name": "嘉兴市"
},
{
"code": "330500000000",
"name": "湖州市"
},
{
"code": "330600000000",
"name": "绍兴市"
},
{
"code": "330700000000",
"name": "金华市"
},
{
"code": "330800000000",
"name": "衢州市"
},
{
"code": "330900000000",
"name": "舟山市"
},
{
"code": "331000000000",
"name": "台州市"
},
{
"code": "331100000000",
"name": "丽水市"
}
]
},
{
"code": null,
"name": "贵州省",
"cities": [
{
"code": "520100000000",
"name": "贵阳市"
},
{
"code": "520200000000",
"name": "六盘水市"
},
{
"code": "520300000000",
"name": "遵义市"
},
{
"code": "520400000000",
"name": "安顺市"
},
{
"code": "520500000000",
"name": "毕节市"
},
{
"code": "520600000000",
"name": "铜仁市"
},
{
"code": "522300000000",
"name": "黔西南布依族苗族自治州"
},
{
"code": "522600000000",
"name": "黔东南苗族侗族自治州"
},
{
"code": "522700000000",
"name": "黔南布依族苗族自治州"
}
]
},
{
"code": null,
"name": "江西省",
"cities": [
{
"code": "360100000000",
"name": "南昌市"
},
{
"code": "360200000000",
"name": "景德镇市"
},
{
"code": "360300000000",
"name": "萍乡市"
},
{
"code": "360400000000",
"name": "九江市"
},
{
"code": "360500000000",
"name": "新余市"
},
{
"code": "360600000000",
"name": "鹰潭市"
},
{
"code": "360700000000",
"name": "赣州市"
},
{
"code": "360800000000",
"name": "吉安市"
},
{
"code": "360900000000",
"name": "宜春市"
},
{
"code": "361000000000",
"name": "抚州市"
},
{
"code": "361100000000",
"name": "上饶市"
}
]
},
{
"code": null,
"name": "青海省",
"cities": [
{
"code": "630100000000",
"name": "西宁市"
},
{
"code": "630200000000",
"name": "海东市"
},
{
"code": "632200000000",
"name": "海北藏族自治州"
},
{
"code": "632300000000",
"name": "黄南藏族自治州"
},
{
"code": "632500000000",
"name": "海南藏族自治州"
},
{
"code": "632600000000",
"name": "果洛藏族自治州"
},
{
"code": "632700000000",
"name": "玉树藏族自治州"
},
{
"code": "632800000000",
"name": "海西蒙古族藏族自治州"
}
]
},
{
"code": null,
"name": "福建省",
"cities": [
{
"code": "350100000000",
"name": "福州市"
},
{
"code": "350200000000",
"name": "厦门市"
},
{
"code": "350300000000",
"name": "莆田市"
},
{
"code": "350400000000",
"name": "三明市"
},
{
"code": "350500000000",
"name": "泉州市"
},
{
"code": "350600000000",
"name": "漳州市"
},
{
"code": "350700000000",
"name": "南平市"
},
{
"code": "350800000000",
"name": "龙岩市"
},
{
"code": "350900000000",
"name": "宁德市"
}
]
},
{
"code": null,
"name": "江苏省",
"cities": [
{
"code": "320100000000",
"name": "南京市"
},
{
"code": "320200000000",
"name": "无锡市"
},
{
"code": "320300000000",
"name": "徐州市"
},
{
"code": "320400000000",
"name": "常州市"
},
{
"code": "320500000000",
"name": "苏州市"
},
{
"code": "320600000000",
"name": "南通市"
},
{
"code": "320700000000",
"name": "连云港市"
},
{
"code": "320800000000",
"name": "淮安市"
},
{
"code": "320900000000",
"name": "盐城市"
},
{
"code": "321000000000",
"name": "扬州市"
},
{
"code": "321100000000",
"name": "镇江市"
},
{
"code": "321200000000",
"name": "泰州市"
},
{
"code": "321300000000",
"name": "宿迁市"
}
]
},
{
"code": null,
"name": "辽宁省",
"cities": [
{
"code": "210100000000",
"name": "沈阳市"
},
{
"code": "210200000000",
"name": "大连市"
},
{
"code": "210300000000",
"name": "鞍山市"
},
{
"code": "210400000000",
"name": "抚顺市"
},
{
"code": "210500000000",
"name": "本溪市"
},
{
"code": "210600000000",
"name": "丹东市"
},
{
"code": "210700000000",
"name": "锦州市"
},
{
"code": "210800000000",
"name": "营口市"
},
{
"code": "210900000000",
"name": "阜新市"
},
{
"code": "211000000000",
"name": "辽阳市"
},
{
"code": "211100000000",
"name": "盘锦市"
},
{
"code": "211200000000",
"name": "铁岭市"
},
{
"code": "211300000000",
"name": "朝阳市"
},
{
"code": "211400000000",
"name": "葫芦岛市"
}
]
},
{
"code": null,
"name": "海南省",
"cities": [
{
"code": "460100000000",
"name": "海口市"
},
{
"code": "460200000000",
"name": "三亚市"
},
{
"code": "460300000000",
"name": "三沙市"
},
{
"code": "460400000000",
"name": "儋州市"
}
]
},
{
"code": null,
"name": "四川省",
"cities": [
{
"code": "510100000000",
"name": "成都市"
},
{
"code": "510300000000",
"name": "自贡市"
},
{
"code": "510400000000",
"name": "攀枝花市"
},
{
"code": "510500000000",
"name": "泸州市"
},
{
"code": "510600000000",
"name": "德阳市"
},
{
"code": "510700000000",
"name": "绵阳市"
},
{
"code": "510800000000",
"name": "广元市"
},
{
"code": "510900000000",
"name": "遂宁市"
},
{
"code": "511000000000",
"name": "内江市"
},
{
"code": "511100000000",
"name": "乐山市"
},
{
"code": "511300000000",
"name": "南充市"
},
{
"code": "511400000000",
"name": "眉山市"
},
{
"code": "511500000000",
"name": "宜宾市"
},
{
"code": "511600000000",
"name": "广安市"
},
{
"code": "511700000000",
"name": "达州市"
},
{
"code": "511800000000",
"name": "雅安市"
},
{
"code": "511900000000",
"name": "巴中市"
},
{
"code": "512000000000",
"name": "资阳市"
},
{
"code": "513200000000",
"name": "阿坝藏族羌族自治州"
},
{
"code": "513300000000",
"name": "甘孜藏族自治州"
},
{
"code": "513400000000",
"name": "凉山彝族自治州"
}
]
},
{
"code": null,
"name": "湖南省",
"cities": [
{
"code": "430100000000",
"name": "长沙市"
},
{
"code": "430200000000",
"name": "株洲市"
},
{
"code": "430300000000",
"name": "湘潭市"
},
{
"code": "430400000000",
"name": "衡阳市"
},
{
"code": "430500000000",
"name": "邵阳市"
},
{
"code": "430600000000",
"name": "岳阳市"
},
{
"code": "430700000000",
"name": "常德市"
},
{
"code": "430800000000",
"name": "张家界市"
},
{
"code": "430900000000",
"name": "益阳市"
},
{
"code": "431000000000",
"name": "郴州市"
},
{
"code": "431100000000",
"name": "永州市"
},
{
"code": "431200000000",
"name": "怀化市"
},
{
"code": "431300000000",
"name": "娄底市"
},
{
"code": "433100000000",
"name": "湘西土家族苗族自治州"
}
]
}
]
\ No newline at end of file
examples/src/components/SelectLang/index.less
View file @ f64a3937
...@@ -18,7 +18,10 @@ ...@@ -18,7 +18,10 @@
.anticon { .anticon {
margin-right: 8px; margin-right: 8px;
} }
.ant-dropdown-menu-item {
min-width: 160px; &.select-lang {
.ant-dropdown-menu-item {
min-width: 120px;
}
} }
} }
examples/src/config/router.config.js
View file @ f64a3937
...@@ -46,6 +46,68 @@ const asyncRouterMap = [ ...@@ -46,6 +46,68 @@ const asyncRouterMap = [
icon: 'video-camera' icon: 'video-camera'
}, },
component: () => import(/* webpackChunkName: "about" */ '../views/TestPage2') component: () => import(/* webpackChunkName: "about" */ '../views/TestPage2')
},
{
path: '/page3',
name: 'page3',
meta: {
keepAlive: true,
title: 'menu.nav2',
icon: 'video-camera'
},
component: () => import(/* webpackChunkName: "about" */ '../views/TestPage2')
},
{
path: '/page4',
name: 'page4',
meta: {
keepAlive: true,
title: 'menu.nav2',
icon: 'video-camera'
},
component: () => import(/* webpackChunkName: "about" */ '../views/TestPage2')
},
{
path: '/page5',
name: 'page5',
meta: {
keepAlive: true,
title: 'menu.nav2',
icon: 'video-camera'
},
component: () => import(/* webpackChunkName: "about" */ '../views/TestPage2')
},
{
path: '/page6',
name: 'page6',
meta: {
keepAlive: true,
title: 'menu.nav2',
icon: 'video-camera'
},
component: () => import(/* webpackChunkName: "about" */ '../views/TestPage2')
},
{
path: '/page7',
name: 'page7',
meta: {
keepAlive: true,
title: 'menu.nav2',
icon: 'video-camera'
},
component: () => import(/* webpackChunkName: "about" */ '../views/TestPage2')
},
{
path: '/page8',
name: 'page8',
meta: {
keepAlive: true,
title: 'menu.nav2',
icon: 'video-camera'
},
component: () => import(/* webpackChunkName: "about" */ '../views/TestPage2')
} }
] ]
} }
......
examples/src/core/antd/icons.js
View file @ f64a3937
...@@ -48,4 +48,10 @@ export { ...@@ -48,4 +48,10 @@ export {
export { export {
default as GlobalOutline default as GlobalOutline
} from '@ant-design/icons/lib/outline/GlobalOutline' } from '@ant-design/icons/lib/outline/GlobalOutline'
export {
default as UserOutline
} from '@ant-design/icons/lib/outline/UserOutline'
export {
default as LogoutOutline
} from '@ant-design/icons/lib/outline/LogoutOutline'
/* Layout end */ /* Layout end */
examples/src/core/bootstrap.js
View file @ f64a3937
...@@ -2,6 +2,7 @@ import Vue from 'vue' ...@@ -2,6 +2,7 @@ import Vue from 'vue'
import store from '../store' import store from '../store'
import defaultSettings from '@config/defaultSettings' import defaultSettings from '@config/defaultSettings'
import { import {
APP_LANGUAGE,
TOGGLE_CONTENT_WIDTH, TOGGLE_CONTENT_WIDTH,
TOGGLE_FIXED_HEADER, TOGGLE_FIXED_HEADER,
TOGGLE_FIXED_SIDEBAR, TOGGLE_HIDE_HEADER, TOGGLE_FIXED_SIDEBAR, TOGGLE_HIDE_HEADER,
...@@ -19,4 +20,5 @@ export default function initializer () { ...@@ -19,4 +20,5 @@ export default function initializer () {
store.commit(TOGGLE_HIDE_HEADER, Vue.ls.get(TOGGLE_HIDE_HEADER, defaultSettings.autoHideHeader)) store.commit(TOGGLE_HIDE_HEADER, Vue.ls.get(TOGGLE_HIDE_HEADER, defaultSettings.autoHideHeader))
store.commit(TOGGLE_NAV_THEME, Vue.ls.get(TOGGLE_NAV_THEME, defaultSettings.navTheme)) store.commit(TOGGLE_NAV_THEME, Vue.ls.get(TOGGLE_NAV_THEME, defaultSettings.navTheme))
store.commit(TOGGLE_WEAK, Vue.ls.get(TOGGLE_WEAK, defaultSettings.colorWeak)) store.commit(TOGGLE_WEAK, Vue.ls.get(TOGGLE_WEAK, defaultSettings.colorWeak))
store.dispatch('setLang', Vue.ls.get(APP_LANGUAGE, 'en-US'))
} }
examples/src/layouts/BasicLayout.jsx
View file @ f64a3937
import './BasicLayout.less' import './BasicLayout.less'
import { Avatar, Dropdown, Menu } from 'ant-design-vue' import { Avatar, Dropdown, Menu, Icon } from 'ant-design-vue'
import { asyncRouterMap } from '../config/router.config.js' import { asyncRouterMap } from '../config/router.config.js'
import { i18nRender } from '../locales' import { i18nRender } from '../locales'
import ProLayout from '@ant-design-vue/pro-layout' import ProLayout from '@ant-design-vue/pro-layout'
...@@ -12,15 +12,16 @@ const Account = { ...@@ -12,15 +12,16 @@ const Account = {
name: 'Account', name: 'Account',
render () { render () {
const accountMenu = ( const accountMenu = (
<Menu class="menu"> <Menu class="drop-down menu">
<Menu.Item key="info"> <Menu.Item key="info">
个人信息 <Icon type={'user'} />个人信息
</Menu.Item> </Menu.Item>
<Menu.Item key="settings"> <Menu.Item key="settings">
个人设置 <Icon type={'setting'} />个人设置
</Menu.Item> </Menu.Item>
<Menu.Divider />
<Menu.Item key="logout"> <Menu.Item key="logout">
退出登录 <Icon type={'logout'} />退出登录
</Menu.Item> </Menu.Item>
</Menu> </Menu>
) )
...@@ -44,6 +45,14 @@ const rightContentRender = (h, props) => { ...@@ -44,6 +45,14 @@ const rightContentRender = (h, props) => {
) )
} }
const footerRender = (h, props) => {
return (
<div class={'footer custom-render'}>
<span>footer</span>
</div>
)
}
export default { export default {
name: 'BasicLayout', name: 'BasicLayout',
data () { data () {
...@@ -87,6 +96,7 @@ export default { ...@@ -87,6 +96,7 @@ export default {
layout, layout,
contentWidth, contentWidth,
rightContentRender, rightContentRender,
footerRender,
i18nRender, i18nRender,
logo: LogoSvg, logo: LogoSvg,
title: defaultSettings.title title: defaultSettings.title
......
examples/src/layouts/BasicLayout.less
View file @ f64a3937
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
margin-right: 8px; margin-right: 8px;
} }
.ant-dropdown-menu-item { .ant-dropdown-menu-item {
min-width: 160px; min-width: 100px;
} }
} }
} }
examples/vue.config.js
View file @ f64a3937
...@@ -45,9 +45,8 @@ const defaultConfig = { ...@@ -45,9 +45,8 @@ const defaultConfig = {
}, },
chainWebpack: (config) => { chainWebpack: (config) => {
config.resolve.alias config.resolve.alias
.set('@', resolve('./src'))
.set('@config', resolve('./config')) .set('@config', resolve('./config'))
.set('@ant-design-vue/pro-layout', resolve('../es')) .set('@ant-design-vue/pro-layout', resolve('../src'))
// if `production` env require on cdn assets // if `production` env require on cdn assets
isProd && config.plugin('html').tap(args => { isProd && config.plugin('html').tap(args => {
......
postcss.config.js 0 → 100644
View file @ f64a3937
module.exports = {
plugins: {
autoprefixer: {}
}
}
src/BasicLayout.jsx
View file @ f64a3937
...@@ -29,6 +29,10 @@ export const BasicLayoutProps = { ...@@ -29,6 +29,10 @@ export const BasicLayoutProps = {
handleMediaQuery: { handleMediaQuery: {
type: Function, type: Function,
default: () => undefined default: () => undefined
},
footerRender: {
type: Function,
default: () => undefined
} }
} }
...@@ -82,6 +86,7 @@ const BasicLayout = { ...@@ -82,6 +86,7 @@ const BasicLayout = {
collapsed, collapsed,
// eslint-disable-next-line // eslint-disable-next-line
collapsedButtonRender, autoHideHeader, collapsedButtonRender, autoHideHeader,
footerRender,
mediaQuery, mediaQuery,
handleMediaQuery, handleMediaQuery,
handleCollapse handleCollapse
...@@ -131,15 +136,19 @@ const BasicLayout = { ...@@ -131,15 +136,19 @@ const BasicLayout = {
</GridContent> </GridContent>
</Layout.Content> </Layout.Content>
<Layout.Footer> <Layout.Footer>
<GlobalFooter> { footerRender && (
<template slot="links"> footerRender(h)
<a href="https://www.github.com/vueComponent/" target="_self">Github</a> ) || (
<a href="https://www.github.com/sendya/" target="_self">@Sendya</a> <GlobalFooter>
</template> <template slot="links">
<template slot="copyright"> <a href="https://www.github.com/vueComponent/" target="_self">Github</a>
<a href="https://github.com/vueComponent">vueComponent</a> <a href="https://www.github.com/sendya/" target="_self">@Sendya</a>
</template> </template>
</GlobalFooter> <template slot="copyright">
<a href="https://github.com/vueComponent">vueComponent</a>
</template>
</GlobalFooter>
)}
</Layout.Footer> </Layout.Footer>
</Layout> </Layout>
</Layout> </Layout>
......
src/components/RouteMenu/Menu.jsx
View file @ f64a3937
import { Menu, Icon } from 'ant-design-vue' import { Menu, Icon } from 'ant-design-vue'
const MenuItem = Menu.Item
const SubMenu = Menu.SubMenu
const ItemGroup = Menu.ItemGroup
export const RouteMenuProps = { export const RouteMenuProps = {
menus: { menus: {
...@@ -38,13 +41,14 @@ const renderMenu = (h, item, i18nRender) => { ...@@ -38,13 +41,14 @@ const renderMenu = (h, item, i18nRender) => {
const renderSubMenu = (h, item, i18nRender) => { const renderSubMenu = (h, item, i18nRender) => {
return ( return (
<Menu.SubMenu key={item.path}> <SubMenu key={item.path} title={(
<span slot={'title'}> <span>
{renderIcon(h, item.meta.icon)} {renderIcon(h, item.meta.icon)}
<span>{renderTitle(h, item.meta.title, i18nRender)}</span> <span>{renderTitle(h, item.meta.title, i18nRender)}</span>
</span> </span>
)}>
{!item.hideChildrenInMenu && item.children.map(cd => renderMenu(h, cd, i18nRender))} {!item.hideChildrenInMenu && item.children.map(cd => renderMenu(h, cd, i18nRender))}
</Menu.SubMenu> </SubMenu>
) )
} }
...@@ -63,12 +67,12 @@ const renderMenuItem = (h, item, i18nRender) => { ...@@ -63,12 +67,12 @@ const renderMenuItem = (h, item, i18nRender) => {
}) })
} }
return ( return (
<Menu.Item key={item.path}> <MenuItem key={item.path}>
<CustomTag {...{ props, attrs }}> <CustomTag {...{ props, attrs }}>
{renderIcon(h, meta.icon)} {renderIcon(h, meta.icon)}
<span>{renderTitle(h, meta.title, i18nRender)}</span> {renderTitle(h, meta.title, i18nRender)}
</CustomTag> </CustomTag>
</Menu.Item> </MenuItem>
) )
} }
...@@ -132,7 +136,7 @@ const RouteMenu = { ...@@ -132,7 +136,7 @@ const RouteMenu = {
} }
return renderMenu(h, item, i18nRender) return renderMenu(h, item, i18nRender)
}) })
return <Menu vModel={this.selectedKeys} {...dynamicProps}>{menuItems}</Menu> return <Menu {...dynamicProps}>{menuItems}</Menu>
}, },
methods: { methods: {
updateMenu () { updateMenu () {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment