@kdcloudjs/kdesign 1.7.19 → 1.7.21

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.
Files changed (90) hide show
  1. package/CHANGELOG.md +51 -0
  2. package/dist/kdesign-complete.less +337 -240
  3. package/dist/kdesign.css +270 -240
  4. package/dist/kdesign.css.map +1 -1
  5. package/dist/kdesign.js +766 -850
  6. package/dist/kdesign.js.map +1 -1
  7. package/dist/kdesign.min.css +3 -3
  8. package/dist/kdesign.min.js +9 -9
  9. package/dist/kdesign.min.js.map +1 -1
  10. package/es/button/style/token.less +1 -0
  11. package/es/checkbox/checkbox.js +5 -5
  12. package/es/checkbox/style/index.css +2 -0
  13. package/es/checkbox/style/index.less +2 -0
  14. package/es/checkbox/style/token.less +1 -1
  15. package/es/city-picker/city-picker.d.ts +3 -23
  16. package/es/city-picker/city-picker.js +351 -124
  17. package/es/city-picker/interface.d.ts +57 -0
  18. package/es/city-picker/interface.js +3 -0
  19. package/es/city-picker/option.d.ts +4 -0
  20. package/es/city-picker/option.js +42 -0
  21. package/es/city-picker/style/index.css +264 -239
  22. package/es/city-picker/style/index.less +262 -218
  23. package/es/city-picker/style/mixin.less +26 -3
  24. package/es/city-picker/style/token.less +42 -14
  25. package/es/config-provider/compDefaultProps.d.ts +15 -0
  26. package/es/config-provider/compDefaultProps.js +16 -1
  27. package/es/input/style/token.less +2 -8
  28. package/es/select/select.js +25 -15
  29. package/es/tree/tree.js +61 -57
  30. package/es/tree/treeNode.js +1 -6
  31. package/es/tree-select/interface.d.ts +1 -0
  32. package/es/tree-select/style/index.css +4 -1
  33. package/es/tree-select/style/index.less +5 -1
  34. package/es/tree-select/style/token.less +1 -0
  35. package/es/tree-select/tree-select.js +18 -4
  36. package/lib/button/style/token.less +1 -0
  37. package/lib/checkbox/checkbox.js +4 -4
  38. package/lib/checkbox/style/index.css +2 -0
  39. package/lib/checkbox/style/index.less +2 -0
  40. package/lib/checkbox/style/token.less +1 -1
  41. package/lib/city-picker/city-picker.d.ts +3 -23
  42. package/lib/city-picker/city-picker.js +350 -123
  43. package/lib/city-picker/interface.d.ts +57 -0
  44. package/lib/city-picker/interface.js +11 -0
  45. package/lib/city-picker/option.d.ts +4 -0
  46. package/lib/city-picker/option.js +55 -0
  47. package/lib/city-picker/style/index.css +264 -239
  48. package/lib/city-picker/style/index.less +262 -218
  49. package/lib/city-picker/style/mixin.less +26 -3
  50. package/lib/city-picker/style/token.less +42 -14
  51. package/lib/config-provider/compDefaultProps.d.ts +15 -0
  52. package/lib/config-provider/compDefaultProps.js +16 -1
  53. package/lib/input/style/token.less +2 -8
  54. package/lib/select/select.js +25 -15
  55. package/lib/tree/tree.js +60 -56
  56. package/lib/tree/treeNode.js +1 -6
  57. package/lib/tree-select/interface.d.ts +1 -0
  58. package/lib/tree-select/style/index.css +4 -1
  59. package/lib/tree-select/style/index.less +5 -1
  60. package/lib/tree-select/style/token.less +1 -0
  61. package/lib/tree-select/tree-select.js +20 -6
  62. package/package.json +1 -1
  63. package/es/city-picker/city-group.d.ts +0 -8
  64. package/es/city-picker/city-group.js +0 -38
  65. package/es/city-picker/city-list.d.ts +0 -12
  66. package/es/city-picker/city-list.js +0 -55
  67. package/es/city-picker/city-panel-item.d.ts +0 -13
  68. package/es/city-picker/city-panel-item.js +0 -22
  69. package/es/city-picker/city-panel.d.ts +0 -17
  70. package/es/city-picker/city-panel.js +0 -153
  71. package/es/city-picker/city-search-panel.d.ts +0 -9
  72. package/es/city-picker/city-search-panel.js +0 -44
  73. package/es/city-picker/no-data.d.ts +0 -3
  74. package/es/city-picker/no-data.js +0 -18
  75. package/es/city-picker/utils/grouping.d.ts +0 -7
  76. package/es/city-picker/utils/grouping.js +0 -24
  77. package/lib/city-picker/city-group.d.ts +0 -8
  78. package/lib/city-picker/city-group.js +0 -51
  79. package/lib/city-picker/city-list.d.ts +0 -12
  80. package/lib/city-picker/city-list.js +0 -68
  81. package/lib/city-picker/city-panel-item.d.ts +0 -13
  82. package/lib/city-picker/city-panel-item.js +0 -35
  83. package/lib/city-picker/city-panel.d.ts +0 -17
  84. package/lib/city-picker/city-panel.js +0 -166
  85. package/lib/city-picker/city-search-panel.d.ts +0 -9
  86. package/lib/city-picker/city-search-panel.js +0 -57
  87. package/lib/city-picker/no-data.d.ts +0 -3
  88. package/lib/city-picker/no-data.js +0 -31
  89. package/lib/city-picker/utils/grouping.d.ts +0 -7
  90. package/lib/city-picker/utils/grouping.js +0 -30
@@ -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,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const NoData: () => JSX.Element;
3
- export default NoData;
@@ -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,7 +0,0 @@
1
- /**
2
- * 进行分组
3
- * @param groups 组别
4
- * @param nums 每组个数
5
- * @returns 分组结果
6
- */
7
- export default function grouping(groups?: Array<string>, nums?: number): string[];
@@ -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,8 +0,0 @@
1
- import React from 'react';
2
- export interface CityGroupProps {
3
- groups: Array<string>;
4
- activedIndex?: number;
5
- changeIndex?: (index: number) => void;
6
- }
7
- declare const CityGroup: React.FC<CityGroupProps>;
8
- export default CityGroup;
@@ -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;
@@ -1,35 +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 _react = _interopRequireWildcard(require("react"));
12
- var _classnames = _interopRequireDefault(require("classnames"));
13
- var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
14
- 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); }
15
- 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; }
16
- var CityPanelItem = function CityPanelItem(props) {
17
- var _useContext = (0, _react.useContext)(_ConfigContext.default),
18
- getPrefixCls = _useContext.getPrefixCls,
19
- prefixCls = _useContext.prefixCls;
20
- var city = props.city,
21
- onSelect = props.onSelect;
22
- var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
23
- var cls = (0, _classnames.default)("".concat(cityPickerPrefixCls, "-city-table-cell"));
24
- var handleCitySelect = function handleCitySelect() {
25
- onSelect === null || onSelect === void 0 ? void 0 : onSelect(city);
26
- };
27
- return /*#__PURE__*/_react.default.createElement("div", {
28
- className: cls,
29
- key: city.id,
30
- title: city.name,
31
- onClick: handleCitySelect
32
- }, city.name);
33
- };
34
- var _default = CityPanelItem;
35
- exports.default = _default;
@@ -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,166 +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 _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
12
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
13
- var _react = _interopRequireWildcard(require("react"));
14
- var _classnames = _interopRequireDefault(require("classnames"));
15
- var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
16
- var _cityGroup = _interopRequireDefault(require("./city-group"));
17
- var _cityList = _interopRequireDefault(require("./city-list"));
18
- var _grouping = _interopRequireDefault(require("./utils/grouping"));
19
- 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); }
20
- 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; }
21
- var CityPanel = function CityPanel(_ref) {
22
- var _context, _context2;
23
- var groups = _ref.groups,
24
- commons = _ref.commons,
25
- cityList = _ref.cityList,
26
- onSelect = _ref.onSelect;
27
- var _useContext = (0, _react.useContext)(_ConfigContext.default),
28
- getPrefixCls = _useContext.getPrefixCls,
29
- prefixCls = _useContext.prefixCls,
30
- globalLocale = _useContext.locale;
31
- var cityPickerLang = globalLocale.getCompLangMsg({
32
- componentName: 'CityPicker'
33
- });
34
- var _useState = (0, _react.useState)('domestic'),
35
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
36
- activedIndex = _useState2[0],
37
- setActivedIndex = _useState2[1];
38
- var _useState3 = (0, _react.useState)({
39
- domestic: [],
40
- foreign: []
41
- }),
42
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
43
- cityGroups = _useState4[0],
44
- setCityGroups = _useState4[1];
45
- var _useState5 = (0, _react.useState)(null),
46
- _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
47
- groupKeys = _useState6[0],
48
- setGroupKeys = _useState6[1];
49
- var _useState7 = (0, _react.useState)(0),
50
- _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
51
- activedGroupIndex = _useState8[0],
52
- setActivedGroupIndex = _useState8[1];
53
- var _useState9 = (0, _react.useState)([commons ? commons.domestic : []]),
54
- _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
55
- list = _useState10[0],
56
- setList = _useState10[1];
57
- (0, _react.useEffect)(function () {
58
- if (!groups) {
59
- return;
60
- }
61
- var domestic = groups.domestic,
62
- foreign = groups.foreign;
63
- domestic = (0, _grouping.default)(domestic);
64
- foreign = (0, _grouping.default)(foreign);
65
- if (commons === null || commons === void 0 ? void 0 : commons.domestic) {
66
- domestic.unshift(cityPickerLang.common);
67
- }
68
- if (commons === null || commons === void 0 ? void 0 : commons.foreign) {
69
- foreign.unshift(cityPickerLang.common);
70
- }
71
- setCityGroups({
72
- domestic: domestic,
73
- foreign: foreign
74
- });
75
- }, [groups, commons]);
76
- (0, _react.useEffect)(function () {
77
- if (commons) {
78
- setList([commons[activedIndex]]);
79
- } else {
80
- var _groups = cityGroups[activedIndex];
81
- var currentGroup = _groups[0];
82
- var currentGroups = (currentGroup || '').split('');
83
- var newList = [];
84
- var currentList = cityList[activedIndex];
85
- currentGroups.forEach(function (character) {
86
- var temp = currentList[character] ? currentList[character] : [];
87
- newList.push(temp);
88
- });
89
- setList(newList);
90
- setGroupKeys(currentGroups);
91
- }
92
- setActivedGroupIndex(0);
93
- }, [activedIndex, cityGroups, groups, cityList]);
94
- var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
95
- var containerCls = (0, _classnames.default)("".concat(cityPickerPrefixCls, "-panel-container"));
96
- var headerCls = (0, _classnames.default)("".concat(cityPickerPrefixCls, "-header"));
97
- var contentContainerCls = (0, _classnames.default)("".concat(cityPickerPrefixCls, "-content-container"));
98
- var domesticCls = (0, _classnames.default)((0, _concat.default)(_context = "".concat(cityPickerPrefixCls, "-tab-item ")).call(_context, cityPickerPrefixCls, "-header-domestic"), {
99
- active: activedIndex === 'domestic'
100
- });
101
- var internationalCls = (0, _classnames.default)((0, _concat.default)(_context2 = "".concat(cityPickerPrefixCls, "-tab-item ")).call(_context2, cityPickerPrefixCls, "-header-internation"), {
102
- active: activedIndex === 'foreign'
103
- });
104
- var handleDomesticClick = function handleDomesticClick() {
105
- if (activedIndex === 'domestic') return;
106
- setActivedIndex('domestic');
107
- };
108
- var handleInternationClick = function handleInternationClick() {
109
- if (activedIndex === 'foreign') return;
110
- setActivedIndex('foreign');
111
- };
112
- /**
113
- * 分组变换事件
114
- * @param index 分组索引
115
- */
116
- var handleGroupChange = function handleGroupChange(index) {
117
- if (!cityList) {
118
- return;
119
- }
120
- var groups = cityGroups[activedIndex];
121
- var currentGroup = groups[index];
122
- if (commons && currentGroup === cityPickerLang.common) {
123
- setList([commons[activedIndex] || []]);
124
- setGroupKeys(null);
125
- setActivedGroupIndex(index);
126
- return;
127
- }
128
- var currentGroups = (currentGroup || '').split('');
129
- var newList = [];
130
- var currentList = cityList[activedIndex];
131
- currentGroups.forEach(function (character) {
132
- var temp = currentList[character] ? currentList[character] : [];
133
- newList.push(temp);
134
- });
135
- setList(newList);
136
- setGroupKeys(currentGroups);
137
- setActivedGroupIndex(index);
138
- };
139
- var handleSelectCity = function handleSelectCity(city) {
140
- onSelect === null || onSelect === void 0 ? void 0 : onSelect(city);
141
- };
142
- var isClassified = commons && commons.domestic && commons.foreign;
143
- return /*#__PURE__*/_react.default.createElement("div", {
144
- className: containerCls
145
- }, isClassified && /*#__PURE__*/_react.default.createElement("div", {
146
- className: headerCls
147
- }, /*#__PURE__*/_react.default.createElement("div", {
148
- className: domesticCls,
149
- onClick: handleDomesticClick
150
- }, cityPickerLang.domestic), /*#__PURE__*/_react.default.createElement("div", {
151
- className: internationalCls,
152
- onClick: handleInternationClick
153
- }, cityPickerLang.internation)), /*#__PURE__*/_react.default.createElement("div", {
154
- className: contentContainerCls
155
- }, /*#__PURE__*/_react.default.createElement(_cityGroup.default, {
156
- groups: cityGroups[activedIndex],
157
- activedIndex: activedGroupIndex,
158
- changeIndex: handleGroupChange
159
- }), /*#__PURE__*/_react.default.createElement(_cityList.default, {
160
- groupKeys: groupKeys,
161
- cityList: list,
162
- onSelect: handleSelectCity
163
- })));
164
- };
165
- var _default = CityPanel;
166
- exports.default = _default;
@@ -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;