@kdcloudjs/kdesign 1.7.19 → 1.7.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +34 -0
- package/dist/kdesign-complete.less +331 -239
- package/dist/kdesign.css +266 -239
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +512 -625
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +2 -2
- package/dist/kdesign.min.js +9 -9
- package/dist/kdesign.min.js.map +1 -1
- package/es/button/style/token.less +1 -0
- package/es/checkbox/checkbox.js +5 -5
- package/es/checkbox/style/index.css +2 -0
- package/es/checkbox/style/index.less +2 -0
- package/es/checkbox/style/token.less +1 -1
- package/es/city-picker/city-picker.d.ts +3 -23
- package/es/city-picker/city-picker.js +351 -124
- package/es/city-picker/interface.d.ts +57 -0
- package/es/city-picker/interface.js +3 -0
- package/es/city-picker/option.d.ts +4 -0
- package/es/city-picker/option.js +42 -0
- package/es/city-picker/style/index.css +264 -239
- package/es/city-picker/style/index.less +262 -218
- package/es/city-picker/style/mixin.less +26 -3
- package/es/city-picker/style/token.less +42 -14
- package/es/config-provider/compDefaultProps.d.ts +13 -0
- package/es/config-provider/compDefaultProps.js +13 -0
- package/es/input/style/token.less +2 -8
- package/lib/button/style/token.less +1 -0
- package/lib/checkbox/checkbox.js +4 -4
- package/lib/checkbox/style/index.css +2 -0
- package/lib/checkbox/style/index.less +2 -0
- package/lib/checkbox/style/token.less +1 -1
- package/lib/city-picker/city-picker.d.ts +3 -23
- package/lib/city-picker/city-picker.js +350 -123
- package/lib/city-picker/interface.d.ts +57 -0
- package/lib/city-picker/interface.js +11 -0
- package/lib/city-picker/option.d.ts +4 -0
- package/lib/city-picker/option.js +55 -0
- package/lib/city-picker/style/index.css +264 -239
- package/lib/city-picker/style/index.less +262 -218
- package/lib/city-picker/style/mixin.less +26 -3
- package/lib/city-picker/style/token.less +42 -14
- package/lib/config-provider/compDefaultProps.d.ts +13 -0
- package/lib/config-provider/compDefaultProps.js +13 -0
- package/lib/input/style/token.less +2 -8
- package/package.json +1 -1
- package/es/city-picker/city-group.d.ts +0 -8
- package/es/city-picker/city-group.js +0 -38
- package/es/city-picker/city-list.d.ts +0 -12
- package/es/city-picker/city-list.js +0 -55
- package/es/city-picker/city-panel-item.d.ts +0 -13
- package/es/city-picker/city-panel-item.js +0 -22
- package/es/city-picker/city-panel.d.ts +0 -17
- package/es/city-picker/city-panel.js +0 -153
- package/es/city-picker/city-search-panel.d.ts +0 -9
- package/es/city-picker/city-search-panel.js +0 -44
- package/es/city-picker/no-data.d.ts +0 -3
- package/es/city-picker/no-data.js +0 -18
- package/es/city-picker/utils/grouping.d.ts +0 -7
- package/es/city-picker/utils/grouping.js +0 -24
- package/lib/city-picker/city-group.d.ts +0 -8
- package/lib/city-picker/city-group.js +0 -51
- package/lib/city-picker/city-list.d.ts +0 -12
- package/lib/city-picker/city-list.js +0 -68
- package/lib/city-picker/city-panel-item.d.ts +0 -13
- package/lib/city-picker/city-panel-item.js +0 -35
- package/lib/city-picker/city-panel.d.ts +0 -17
- package/lib/city-picker/city-panel.js +0 -166
- package/lib/city-picker/city-search-panel.d.ts +0 -9
- package/lib/city-picker/city-search-panel.js +0 -57
- package/lib/city-picker/no-data.d.ts +0 -3
- package/lib/city-picker/no-data.js +0 -31
- package/lib/city-picker/utils/grouping.d.ts +0 -7
- package/lib/city-picker/utils/grouping.js +0 -30
|
@@ -9,16 +9,10 @@
|
|
|
9
9
|
@input-clear-color: var(~'@{input-prefix}-clear-color', #d9d9d9);
|
|
10
10
|
@input-clear-color-hover: var(~'@{input-prefix}-clear-color-hover', #999);
|
|
11
11
|
@input-background-color-inner: var(~'@{input-prefix}-color-background', @color-white);
|
|
12
|
-
@input-background-color-disabled-inner: var(
|
|
13
|
-
~'@{input-prefix}-color-background-disabled',
|
|
14
|
-
@color-background-contain-disabled
|
|
15
|
-
);
|
|
12
|
+
@input-background-color-disabled-inner: var(~'@{input-prefix}-color-background-disabled', @color-background-contain-disabled);
|
|
16
13
|
@input-border-color-focused: var(~'@{input-prefix}-color-border-focused', @color-theme);
|
|
17
14
|
@input-border-color-disabled-inner: var(~'@{input-prefix}-color-border-disabled', @color-border-strong);
|
|
18
|
-
@input-underline-border-color-disabled-inner: var(
|
|
19
|
-
~'@{input-prefix}-underline-color-border-disabled',
|
|
20
|
-
@color-border-weak
|
|
21
|
-
);
|
|
15
|
+
@input-underline-border-color-disabled-inner: var(~'@{input-prefix}-underline-color-border-disabled', @color-border-weak);
|
|
22
16
|
@input-color-disabled-inner: var(~'@{input-prefix}-color-disabled', @color-disabled);
|
|
23
17
|
@input-affix-color: var(~'@{input-prefix}-affix-color-text', #666);
|
|
24
18
|
@input-error-color: var(~'@{input-prefix}-color-error', @color-error);
|
package/package.json
CHANGED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
2
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
3
|
-
import React, { useContext } from 'react';
|
|
4
|
-
import classNames from 'classnames';
|
|
5
|
-
import ConfigContext from '../config-provider/ConfigContext';
|
|
6
|
-
var CityGroup = function CityGroup(props) {
|
|
7
|
-
var _useContext = useContext(ConfigContext),
|
|
8
|
-
getPrefixCls = _useContext.getPrefixCls,
|
|
9
|
-
prefixCls = _useContext.prefixCls;
|
|
10
|
-
var groups = props.groups,
|
|
11
|
-
_props$activedIndex = props.activedIndex,
|
|
12
|
-
current = _props$activedIndex === void 0 ? 0 : _props$activedIndex,
|
|
13
|
-
changeIndex = props.changeIndex;
|
|
14
|
-
var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
|
|
15
|
-
var containerCls = classNames("".concat(cityPickerPrefixCls, "-group-container"));
|
|
16
|
-
var handleClick = function handleClick(groupIndex) {
|
|
17
|
-
changeIndex && changeIndex(groupIndex);
|
|
18
|
-
};
|
|
19
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
20
|
-
className: containerCls
|
|
21
|
-
}, _mapInstanceProperty(groups).call(groups, function (item, index) {
|
|
22
|
-
var _context;
|
|
23
|
-
var itemCls = classNames("".concat(cityPickerPrefixCls, "-group-item"), {
|
|
24
|
-
active: current === index,
|
|
25
|
-
last: index === groups.length - 1
|
|
26
|
-
});
|
|
27
|
-
var handleTitleClick = function handleTitleClick() {
|
|
28
|
-
handleClick(index);
|
|
29
|
-
};
|
|
30
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
31
|
-
className: itemCls,
|
|
32
|
-
title: item,
|
|
33
|
-
key: _concatInstanceProperty(_context = "".concat(item, "_")).call(_context, index),
|
|
34
|
-
onClick: handleTitleClick
|
|
35
|
-
}, item);
|
|
36
|
-
}));
|
|
37
|
-
};
|
|
38
|
-
export default CityGroup;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { City } from './city-panel-item';
|
|
3
|
-
declare type CityList = {
|
|
4
|
-
[key: string]: Array<City>;
|
|
5
|
-
};
|
|
6
|
-
export interface CityListProps {
|
|
7
|
-
groupKeys?: Array<string> | null;
|
|
8
|
-
cityList?: Array<Array<City>>;
|
|
9
|
-
onSelect?: (city: City) => void;
|
|
10
|
-
}
|
|
11
|
-
declare const CityList: React.FC<CityListProps>;
|
|
12
|
-
export default CityList;
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
2
|
-
import React, { useContext } from 'react';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
import ConfigContext from '../config-provider/ConfigContext';
|
|
5
|
-
import CityPanelItem from './city-panel-item';
|
|
6
|
-
import NoData from './no-data';
|
|
7
|
-
var CityList = function CityList(props) {
|
|
8
|
-
var _useContext = useContext(ConfigContext),
|
|
9
|
-
getPrefixCls = _useContext.getPrefixCls,
|
|
10
|
-
prefixCls = _useContext.prefixCls;
|
|
11
|
-
var groupKeys = props.groupKeys,
|
|
12
|
-
cityList = props.cityList,
|
|
13
|
-
handleSelect = props.onSelect;
|
|
14
|
-
var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
|
|
15
|
-
var tableCls = classNames("".concat(cityPickerPrefixCls, "-city-table"));
|
|
16
|
-
var tableGroupCls = classNames("".concat(cityPickerPrefixCls, "-city-table-group"));
|
|
17
|
-
var keyCls = classNames("".concat(cityPickerPrefixCls, "-city-table-key"));
|
|
18
|
-
var itemContainerCls = classNames("".concat(cityPickerPrefixCls, "-city-table-item-container"));
|
|
19
|
-
var hasData = cityList && cityList.some(function (citys) {
|
|
20
|
-
return citys.length > 0;
|
|
21
|
-
});
|
|
22
|
-
if (!hasData) {
|
|
23
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
24
|
-
className: tableCls
|
|
25
|
-
}, /*#__PURE__*/React.createElement(NoData, null));
|
|
26
|
-
}
|
|
27
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
28
|
-
className: tableCls
|
|
29
|
-
}, groupKeys && groupKeys.length > 0 && _mapInstanceProperty(groupKeys).call(groupKeys, function (key, index) {
|
|
30
|
-
var list = cityList[index] || [];
|
|
31
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
32
|
-
className: tableGroupCls,
|
|
33
|
-
key: key
|
|
34
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
35
|
-
className: keyCls
|
|
36
|
-
}, key), /*#__PURE__*/React.createElement("div", {
|
|
37
|
-
className: itemContainerCls
|
|
38
|
-
}, _mapInstanceProperty(list).call(list, function (city) {
|
|
39
|
-
return /*#__PURE__*/React.createElement(CityPanelItem, {
|
|
40
|
-
key: city.id,
|
|
41
|
-
city: city,
|
|
42
|
-
onSelect: handleSelect
|
|
43
|
-
});
|
|
44
|
-
})));
|
|
45
|
-
}), !groupKeys && cityList && _mapInstanceProperty(cityList).call(cityList, function (citys) {
|
|
46
|
-
return _mapInstanceProperty(citys).call(citys, function (city) {
|
|
47
|
-
return /*#__PURE__*/React.createElement(CityPanelItem, {
|
|
48
|
-
key: city.id,
|
|
49
|
-
city: city,
|
|
50
|
-
onSelect: handleSelect
|
|
51
|
-
});
|
|
52
|
-
});
|
|
53
|
-
}));
|
|
54
|
-
};
|
|
55
|
-
export default CityList;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare type City = {
|
|
3
|
-
id: string;
|
|
4
|
-
country?: string;
|
|
5
|
-
province?: string;
|
|
6
|
-
name?: string;
|
|
7
|
-
};
|
|
8
|
-
export interface CityPanelItemProps {
|
|
9
|
-
city: City;
|
|
10
|
-
onSelect?: (city: City) => void;
|
|
11
|
-
}
|
|
12
|
-
declare const CityPanelItem: React.FC<CityPanelItemProps>;
|
|
13
|
-
export default CityPanelItem;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React, { useContext } from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import ConfigContext from '../config-provider/ConfigContext';
|
|
4
|
-
var CityPanelItem = function CityPanelItem(props) {
|
|
5
|
-
var _useContext = useContext(ConfigContext),
|
|
6
|
-
getPrefixCls = _useContext.getPrefixCls,
|
|
7
|
-
prefixCls = _useContext.prefixCls;
|
|
8
|
-
var city = props.city,
|
|
9
|
-
onSelect = props.onSelect;
|
|
10
|
-
var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
|
|
11
|
-
var cls = classNames("".concat(cityPickerPrefixCls, "-city-table-cell"));
|
|
12
|
-
var handleCitySelect = function handleCitySelect() {
|
|
13
|
-
onSelect === null || onSelect === void 0 ? void 0 : onSelect(city);
|
|
14
|
-
};
|
|
15
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
16
|
-
className: cls,
|
|
17
|
-
key: city.id,
|
|
18
|
-
title: city.name,
|
|
19
|
-
onClick: handleCitySelect
|
|
20
|
-
}, city.name);
|
|
21
|
-
};
|
|
22
|
-
export default CityPanelItem;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { City } from './city-panel-item';
|
|
3
|
-
export declare type CityGroups = 'domestic' | 'foreign';
|
|
4
|
-
export declare type Common = Record<CityGroups, Array<City>>;
|
|
5
|
-
export declare type Group = Record<CityGroups, Array<string>>;
|
|
6
|
-
export declare type List = Record<CityGroups, Citys>;
|
|
7
|
-
export declare type Citys = {
|
|
8
|
-
[key: string]: Array<City>;
|
|
9
|
-
};
|
|
10
|
-
export interface CityPanelProps {
|
|
11
|
-
commons?: Common;
|
|
12
|
-
groups?: Group;
|
|
13
|
-
cityList?: List;
|
|
14
|
-
onSelect?: (city: City) => void;
|
|
15
|
-
}
|
|
16
|
-
declare const CityPanel: React.FC<CityPanelProps>;
|
|
17
|
-
export default CityPanel;
|
|
@@ -1,153 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
|
|
2
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
3
|
-
import React, { useContext, useState, useEffect } from 'react';
|
|
4
|
-
import classNames from 'classnames';
|
|
5
|
-
import ConfigContext from '../config-provider/ConfigContext';
|
|
6
|
-
import CityGroup from './city-group';
|
|
7
|
-
import CityList from './city-list';
|
|
8
|
-
import grouping from './utils/grouping';
|
|
9
|
-
var CityPanel = function CityPanel(_ref) {
|
|
10
|
-
var _context, _context2;
|
|
11
|
-
var groups = _ref.groups,
|
|
12
|
-
commons = _ref.commons,
|
|
13
|
-
cityList = _ref.cityList,
|
|
14
|
-
onSelect = _ref.onSelect;
|
|
15
|
-
var _useContext = useContext(ConfigContext),
|
|
16
|
-
getPrefixCls = _useContext.getPrefixCls,
|
|
17
|
-
prefixCls = _useContext.prefixCls,
|
|
18
|
-
globalLocale = _useContext.locale;
|
|
19
|
-
var cityPickerLang = globalLocale.getCompLangMsg({
|
|
20
|
-
componentName: 'CityPicker'
|
|
21
|
-
});
|
|
22
|
-
var _useState = useState('domestic'),
|
|
23
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
24
|
-
activedIndex = _useState2[0],
|
|
25
|
-
setActivedIndex = _useState2[1];
|
|
26
|
-
var _useState3 = useState({
|
|
27
|
-
domestic: [],
|
|
28
|
-
foreign: []
|
|
29
|
-
}),
|
|
30
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
31
|
-
cityGroups = _useState4[0],
|
|
32
|
-
setCityGroups = _useState4[1];
|
|
33
|
-
var _useState5 = useState(null),
|
|
34
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
35
|
-
groupKeys = _useState6[0],
|
|
36
|
-
setGroupKeys = _useState6[1];
|
|
37
|
-
var _useState7 = useState(0),
|
|
38
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
39
|
-
activedGroupIndex = _useState8[0],
|
|
40
|
-
setActivedGroupIndex = _useState8[1];
|
|
41
|
-
var _useState9 = useState([commons ? commons.domestic : []]),
|
|
42
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
43
|
-
list = _useState10[0],
|
|
44
|
-
setList = _useState10[1];
|
|
45
|
-
useEffect(function () {
|
|
46
|
-
if (!groups) {
|
|
47
|
-
return;
|
|
48
|
-
}
|
|
49
|
-
var domestic = groups.domestic,
|
|
50
|
-
foreign = groups.foreign;
|
|
51
|
-
domestic = grouping(domestic);
|
|
52
|
-
foreign = grouping(foreign);
|
|
53
|
-
if (commons === null || commons === void 0 ? void 0 : commons.domestic) {
|
|
54
|
-
domestic.unshift(cityPickerLang.common);
|
|
55
|
-
}
|
|
56
|
-
if (commons === null || commons === void 0 ? void 0 : commons.foreign) {
|
|
57
|
-
foreign.unshift(cityPickerLang.common);
|
|
58
|
-
}
|
|
59
|
-
setCityGroups({
|
|
60
|
-
domestic: domestic,
|
|
61
|
-
foreign: foreign
|
|
62
|
-
});
|
|
63
|
-
}, [groups, commons]);
|
|
64
|
-
useEffect(function () {
|
|
65
|
-
if (commons) {
|
|
66
|
-
setList([commons[activedIndex]]);
|
|
67
|
-
} else {
|
|
68
|
-
var _groups = cityGroups[activedIndex];
|
|
69
|
-
var currentGroup = _groups[0];
|
|
70
|
-
var currentGroups = (currentGroup || '').split('');
|
|
71
|
-
var newList = [];
|
|
72
|
-
var currentList = cityList[activedIndex];
|
|
73
|
-
currentGroups.forEach(function (character) {
|
|
74
|
-
var temp = currentList[character] ? currentList[character] : [];
|
|
75
|
-
newList.push(temp);
|
|
76
|
-
});
|
|
77
|
-
setList(newList);
|
|
78
|
-
setGroupKeys(currentGroups);
|
|
79
|
-
}
|
|
80
|
-
setActivedGroupIndex(0);
|
|
81
|
-
}, [activedIndex, cityGroups, groups, cityList]);
|
|
82
|
-
var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
|
|
83
|
-
var containerCls = classNames("".concat(cityPickerPrefixCls, "-panel-container"));
|
|
84
|
-
var headerCls = classNames("".concat(cityPickerPrefixCls, "-header"));
|
|
85
|
-
var contentContainerCls = classNames("".concat(cityPickerPrefixCls, "-content-container"));
|
|
86
|
-
var domesticCls = classNames(_concatInstanceProperty(_context = "".concat(cityPickerPrefixCls, "-tab-item ")).call(_context, cityPickerPrefixCls, "-header-domestic"), {
|
|
87
|
-
active: activedIndex === 'domestic'
|
|
88
|
-
});
|
|
89
|
-
var internationalCls = classNames(_concatInstanceProperty(_context2 = "".concat(cityPickerPrefixCls, "-tab-item ")).call(_context2, cityPickerPrefixCls, "-header-internation"), {
|
|
90
|
-
active: activedIndex === 'foreign'
|
|
91
|
-
});
|
|
92
|
-
var handleDomesticClick = function handleDomesticClick() {
|
|
93
|
-
if (activedIndex === 'domestic') return;
|
|
94
|
-
setActivedIndex('domestic');
|
|
95
|
-
};
|
|
96
|
-
var handleInternationClick = function handleInternationClick() {
|
|
97
|
-
if (activedIndex === 'foreign') return;
|
|
98
|
-
setActivedIndex('foreign');
|
|
99
|
-
};
|
|
100
|
-
/**
|
|
101
|
-
* 分组变换事件
|
|
102
|
-
* @param index 分组索引
|
|
103
|
-
*/
|
|
104
|
-
var handleGroupChange = function handleGroupChange(index) {
|
|
105
|
-
if (!cityList) {
|
|
106
|
-
return;
|
|
107
|
-
}
|
|
108
|
-
var groups = cityGroups[activedIndex];
|
|
109
|
-
var currentGroup = groups[index];
|
|
110
|
-
if (commons && currentGroup === cityPickerLang.common) {
|
|
111
|
-
setList([commons[activedIndex] || []]);
|
|
112
|
-
setGroupKeys(null);
|
|
113
|
-
setActivedGroupIndex(index);
|
|
114
|
-
return;
|
|
115
|
-
}
|
|
116
|
-
var currentGroups = (currentGroup || '').split('');
|
|
117
|
-
var newList = [];
|
|
118
|
-
var currentList = cityList[activedIndex];
|
|
119
|
-
currentGroups.forEach(function (character) {
|
|
120
|
-
var temp = currentList[character] ? currentList[character] : [];
|
|
121
|
-
newList.push(temp);
|
|
122
|
-
});
|
|
123
|
-
setList(newList);
|
|
124
|
-
setGroupKeys(currentGroups);
|
|
125
|
-
setActivedGroupIndex(index);
|
|
126
|
-
};
|
|
127
|
-
var handleSelectCity = function handleSelectCity(city) {
|
|
128
|
-
onSelect === null || onSelect === void 0 ? void 0 : onSelect(city);
|
|
129
|
-
};
|
|
130
|
-
var isClassified = commons && commons.domestic && commons.foreign;
|
|
131
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
132
|
-
className: containerCls
|
|
133
|
-
}, isClassified && /*#__PURE__*/React.createElement("div", {
|
|
134
|
-
className: headerCls
|
|
135
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
136
|
-
className: domesticCls,
|
|
137
|
-
onClick: handleDomesticClick
|
|
138
|
-
}, cityPickerLang.domestic), /*#__PURE__*/React.createElement("div", {
|
|
139
|
-
className: internationalCls,
|
|
140
|
-
onClick: handleInternationClick
|
|
141
|
-
}, cityPickerLang.internation)), /*#__PURE__*/React.createElement("div", {
|
|
142
|
-
className: contentContainerCls
|
|
143
|
-
}, /*#__PURE__*/React.createElement(CityGroup, {
|
|
144
|
-
groups: cityGroups[activedIndex],
|
|
145
|
-
activedIndex: activedGroupIndex,
|
|
146
|
-
changeIndex: handleGroupChange
|
|
147
|
-
}), /*#__PURE__*/React.createElement(CityList, {
|
|
148
|
-
groupKeys: groupKeys,
|
|
149
|
-
cityList: list,
|
|
150
|
-
onSelect: handleSelectCity
|
|
151
|
-
})));
|
|
152
|
-
};
|
|
153
|
-
export default CityPanel;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { City } from './city-panel-item';
|
|
3
|
-
export interface SearchPanelProps {
|
|
4
|
-
keyword: string;
|
|
5
|
-
data: Array<City>;
|
|
6
|
-
onSelect?: (city: City) => void;
|
|
7
|
-
}
|
|
8
|
-
declare const SearchPanel: React.FC<SearchPanelProps>;
|
|
9
|
-
export default SearchPanel;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
2
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
3
|
-
import React, { useContext } from 'react';
|
|
4
|
-
import classNames from 'classnames';
|
|
5
|
-
import ConfigContext from '../config-provider/ConfigContext';
|
|
6
|
-
import NoData from './no-data';
|
|
7
|
-
var SearchPanel = function SearchPanel(_ref) {
|
|
8
|
-
var _ref$data = _ref.data,
|
|
9
|
-
data = _ref$data === void 0 ? [] : _ref$data,
|
|
10
|
-
_ref$keyword = _ref.keyword,
|
|
11
|
-
keyword = _ref$keyword === void 0 ? '' : _ref$keyword,
|
|
12
|
-
handleSelect = _ref.onSelect;
|
|
13
|
-
var _useContext = useContext(ConfigContext),
|
|
14
|
-
getPrefixCls = _useContext.getPrefixCls,
|
|
15
|
-
prefixCls = _useContext.prefixCls;
|
|
16
|
-
var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
|
|
17
|
-
var containerCls = classNames("".concat(cityPickerPrefixCls, "-search-panel"));
|
|
18
|
-
var hasData = data && data.length > 0;
|
|
19
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
20
|
-
className: containerCls
|
|
21
|
-
}, hasData ? _mapInstanceProperty(data).call(data, function (city) {
|
|
22
|
-
var _context;
|
|
23
|
-
var itemContainerCls = classNames("".concat(cityPickerPrefixCls, "-search-panel-item"));
|
|
24
|
-
var itemLeftCls = classNames("".concat(cityPickerPrefixCls, "-search-panel-item-left"));
|
|
25
|
-
var itemRightCls = classNames("".concat(cityPickerPrefixCls, "-search-panel-item-right"));
|
|
26
|
-
var handleClick = function handleClick() {
|
|
27
|
-
handleSelect === null || handleSelect === void 0 ? void 0 : handleSelect(city);
|
|
28
|
-
};
|
|
29
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
30
|
-
className: itemContainerCls,
|
|
31
|
-
onClick: handleClick,
|
|
32
|
-
key: city.id
|
|
33
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
34
|
-
className: itemLeftCls
|
|
35
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
36
|
-
dangerouslySetInnerHTML: {
|
|
37
|
-
__html: city.name.replace(keyword, _concatInstanceProperty(_context = "<span class=\"".concat(cityPickerPrefixCls, "-search-keyword\">")).call(_context, keyword, "</span>"))
|
|
38
|
-
}
|
|
39
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
40
|
-
className: itemRightCls
|
|
41
|
-
}, /*#__PURE__*/React.createElement("span", null, city.province), /*#__PURE__*/React.createElement("span", null, city.country === '中国' ? '' : city.country)));
|
|
42
|
-
}) : /*#__PURE__*/React.createElement(NoData, null));
|
|
43
|
-
};
|
|
44
|
-
export default SearchPanel;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React, { useContext } from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import ConfigContext from '../config-provider/ConfigContext';
|
|
4
|
-
var NoData = function NoData() {
|
|
5
|
-
var _useContext = useContext(ConfigContext),
|
|
6
|
-
getPrefixCls = _useContext.getPrefixCls,
|
|
7
|
-
prefixCls = _useContext.prefixCls,
|
|
8
|
-
globalLocale = _useContext.locale;
|
|
9
|
-
var cityPickerLang = globalLocale.getCompLangMsg({
|
|
10
|
-
componentName: 'CityPicker'
|
|
11
|
-
});
|
|
12
|
-
var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
|
|
13
|
-
var cls = classNames("".concat(cityPickerPrefixCls, "-no-data"));
|
|
14
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
15
|
-
className: cls
|
|
16
|
-
}, cityPickerLang.noData);
|
|
17
|
-
};
|
|
18
|
-
export default NoData;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 进行分组
|
|
3
|
-
* @param groups 组别
|
|
4
|
-
* @param nums 每组个数
|
|
5
|
-
* @returns 分组结果
|
|
6
|
-
*/
|
|
7
|
-
export default function grouping() {
|
|
8
|
-
var groups = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
9
|
-
var nums = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 4;
|
|
10
|
-
if (groups.length === 0 || nums <= 1) return groups;
|
|
11
|
-
var result = [];
|
|
12
|
-
var str = '';
|
|
13
|
-
for (var i = 0; i < groups.length; i++) {
|
|
14
|
-
if (str.length === nums) {
|
|
15
|
-
result.push(str);
|
|
16
|
-
str = '';
|
|
17
|
-
}
|
|
18
|
-
str += groups[i];
|
|
19
|
-
if (i === groups.length - 1) {
|
|
20
|
-
result.push(str);
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
return result;
|
|
24
|
-
}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
|
-
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
5
|
-
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
6
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.default = void 0;
|
|
11
|
-
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
12
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
13
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
14
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
-
var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
|
|
16
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
|
-
var CityGroup = function CityGroup(props) {
|
|
19
|
-
var _useContext = (0, _react.useContext)(_ConfigContext.default),
|
|
20
|
-
getPrefixCls = _useContext.getPrefixCls,
|
|
21
|
-
prefixCls = _useContext.prefixCls;
|
|
22
|
-
var groups = props.groups,
|
|
23
|
-
_props$activedIndex = props.activedIndex,
|
|
24
|
-
current = _props$activedIndex === void 0 ? 0 : _props$activedIndex,
|
|
25
|
-
changeIndex = props.changeIndex;
|
|
26
|
-
var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
|
|
27
|
-
var containerCls = (0, _classnames.default)("".concat(cityPickerPrefixCls, "-group-container"));
|
|
28
|
-
var handleClick = function handleClick(groupIndex) {
|
|
29
|
-
changeIndex && changeIndex(groupIndex);
|
|
30
|
-
};
|
|
31
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
32
|
-
className: containerCls
|
|
33
|
-
}, (0, _map.default)(groups).call(groups, function (item, index) {
|
|
34
|
-
var _context;
|
|
35
|
-
var itemCls = (0, _classnames.default)("".concat(cityPickerPrefixCls, "-group-item"), {
|
|
36
|
-
active: current === index,
|
|
37
|
-
last: index === groups.length - 1
|
|
38
|
-
});
|
|
39
|
-
var handleTitleClick = function handleTitleClick() {
|
|
40
|
-
handleClick(index);
|
|
41
|
-
};
|
|
42
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
43
|
-
className: itemCls,
|
|
44
|
-
title: item,
|
|
45
|
-
key: (0, _concat.default)(_context = "".concat(item, "_")).call(_context, index),
|
|
46
|
-
onClick: handleTitleClick
|
|
47
|
-
}, item);
|
|
48
|
-
}));
|
|
49
|
-
};
|
|
50
|
-
var _default = CityGroup;
|
|
51
|
-
exports.default = _default;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { City } from './city-panel-item';
|
|
3
|
-
declare type CityList = {
|
|
4
|
-
[key: string]: Array<City>;
|
|
5
|
-
};
|
|
6
|
-
export interface CityListProps {
|
|
7
|
-
groupKeys?: Array<string> | null;
|
|
8
|
-
cityList?: Array<Array<City>>;
|
|
9
|
-
onSelect?: (city: City) => void;
|
|
10
|
-
}
|
|
11
|
-
declare const CityList: React.FC<CityListProps>;
|
|
12
|
-
export default CityList;
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
|
-
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
5
|
-
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
6
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.default = void 0;
|
|
11
|
-
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
12
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
14
|
-
var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
|
|
15
|
-
var _cityPanelItem = _interopRequireDefault(require("./city-panel-item"));
|
|
16
|
-
var _noData = _interopRequireDefault(require("./no-data"));
|
|
17
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
18
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
|
-
var CityList = function CityList(props) {
|
|
20
|
-
var _useContext = (0, _react.useContext)(_ConfigContext.default),
|
|
21
|
-
getPrefixCls = _useContext.getPrefixCls,
|
|
22
|
-
prefixCls = _useContext.prefixCls;
|
|
23
|
-
var groupKeys = props.groupKeys,
|
|
24
|
-
cityList = props.cityList,
|
|
25
|
-
handleSelect = props.onSelect;
|
|
26
|
-
var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
|
|
27
|
-
var tableCls = (0, _classnames.default)("".concat(cityPickerPrefixCls, "-city-table"));
|
|
28
|
-
var tableGroupCls = (0, _classnames.default)("".concat(cityPickerPrefixCls, "-city-table-group"));
|
|
29
|
-
var keyCls = (0, _classnames.default)("".concat(cityPickerPrefixCls, "-city-table-key"));
|
|
30
|
-
var itemContainerCls = (0, _classnames.default)("".concat(cityPickerPrefixCls, "-city-table-item-container"));
|
|
31
|
-
var hasData = cityList && cityList.some(function (citys) {
|
|
32
|
-
return citys.length > 0;
|
|
33
|
-
});
|
|
34
|
-
if (!hasData) {
|
|
35
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
36
|
-
className: tableCls
|
|
37
|
-
}, /*#__PURE__*/_react.default.createElement(_noData.default, null));
|
|
38
|
-
}
|
|
39
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
40
|
-
className: tableCls
|
|
41
|
-
}, groupKeys && groupKeys.length > 0 && (0, _map.default)(groupKeys).call(groupKeys, function (key, index) {
|
|
42
|
-
var list = cityList[index] || [];
|
|
43
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
44
|
-
className: tableGroupCls,
|
|
45
|
-
key: key
|
|
46
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
47
|
-
className: keyCls
|
|
48
|
-
}, key), /*#__PURE__*/_react.default.createElement("div", {
|
|
49
|
-
className: itemContainerCls
|
|
50
|
-
}, (0, _map.default)(list).call(list, function (city) {
|
|
51
|
-
return /*#__PURE__*/_react.default.createElement(_cityPanelItem.default, {
|
|
52
|
-
key: city.id,
|
|
53
|
-
city: city,
|
|
54
|
-
onSelect: handleSelect
|
|
55
|
-
});
|
|
56
|
-
})));
|
|
57
|
-
}), !groupKeys && cityList && (0, _map.default)(cityList).call(cityList, function (citys) {
|
|
58
|
-
return (0, _map.default)(citys).call(citys, function (city) {
|
|
59
|
-
return /*#__PURE__*/_react.default.createElement(_cityPanelItem.default, {
|
|
60
|
-
key: city.id,
|
|
61
|
-
city: city,
|
|
62
|
-
onSelect: handleSelect
|
|
63
|
-
});
|
|
64
|
-
});
|
|
65
|
-
}));
|
|
66
|
-
};
|
|
67
|
-
var _default = CityList;
|
|
68
|
-
exports.default = _default;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare type City = {
|
|
3
|
-
id: string;
|
|
4
|
-
country?: string;
|
|
5
|
-
province?: string;
|
|
6
|
-
name?: string;
|
|
7
|
-
};
|
|
8
|
-
export interface CityPanelItemProps {
|
|
9
|
-
city: City;
|
|
10
|
-
onSelect?: (city: City) => void;
|
|
11
|
-
}
|
|
12
|
-
declare const CityPanelItem: React.FC<CityPanelItemProps>;
|
|
13
|
-
export default CityPanelItem;
|