amis 1.5.8-beta.2 → 1.6.0

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 (187) hide show
  1. package/lib/components/CalendarMobile.js +5 -5
  2. package/lib/components/CalendarMobile.js.map +2 -2
  3. package/lib/components/Card.d.ts +20 -20
  4. package/lib/components/Cascader.d.ts +123 -0
  5. package/lib/components/Cascader.js +487 -0
  6. package/lib/components/Cascader.js.map +13 -0
  7. package/lib/components/CityArea.d.ts +527 -0
  8. package/lib/components/CityArea.js +177 -0
  9. package/lib/components/CityArea.js.map +13 -0
  10. package/lib/components/ColorPicker.js +4 -3
  11. package/lib/components/ColorPicker.js.map +2 -2
  12. package/lib/components/DatePicker.d.ts +85 -84
  13. package/lib/components/DatePicker.js +7 -6
  14. package/lib/components/DatePicker.js.map +2 -2
  15. package/lib/components/DateRangePicker.js +8 -11
  16. package/lib/components/DateRangePicker.js.map +2 -2
  17. package/lib/components/MonthRangePicker.js +5 -8
  18. package/lib/components/MonthRangePicker.js.map +2 -2
  19. package/lib/components/Picker.d.ts +1 -0
  20. package/lib/components/Picker.js +10 -6
  21. package/lib/components/Picker.js.map +2 -2
  22. package/lib/components/PickerColumn.d.ts +1 -0
  23. package/lib/components/PickerColumn.js +21 -17
  24. package/lib/components/PickerColumn.js.map +2 -2
  25. package/lib/components/PopOverContainer.d.ts +1 -0
  26. package/lib/components/PopOverContainer.js +5 -3
  27. package/lib/components/PopOverContainer.js.map +2 -2
  28. package/lib/components/PopUp.d.ts +1040 -28
  29. package/lib/components/PopUp.js +32 -8
  30. package/lib/components/PopUp.js.map +2 -2
  31. package/lib/components/ResultBox.d.ts +85 -84
  32. package/lib/components/ResultBox.js +7 -3
  33. package/lib/components/ResultBox.js.map +2 -2
  34. package/lib/components/Select.js +9 -6
  35. package/lib/components/Select.js.map +2 -2
  36. package/lib/components/TransferDropDown.d.ts +85 -84
  37. package/lib/components/TransferDropDown.js +9 -6
  38. package/lib/components/TransferDropDown.js.map +2 -2
  39. package/lib/components/calendar/Calendar.d.ts +14 -0
  40. package/lib/components/calendar/Calendar.js +62 -5
  41. package/lib/components/calendar/Calendar.js.map +2 -2
  42. package/lib/components/calendar/DaysView.d.ts +20 -0
  43. package/lib/components/calendar/DaysView.js +51 -4
  44. package/lib/components/calendar/DaysView.js.map +2 -2
  45. package/lib/components/calendar/MonthsView.d.ts +7 -1
  46. package/lib/components/calendar/MonthsView.js +41 -52
  47. package/lib/components/calendar/MonthsView.js.map +2 -2
  48. package/lib/components/calendar/TimeView.d.ts +27 -20
  49. package/lib/components/calendar/TimeView.js +40 -4
  50. package/lib/components/calendar/TimeView.js.map +2 -2
  51. package/lib/components/calendar/YearsView.d.ts +6 -0
  52. package/lib/components/calendar/YearsView.js +15 -6
  53. package/lib/components/calendar/YearsView.js.map +2 -2
  54. package/lib/index.js +1 -1
  55. package/lib/locale/de-DE.js +4 -0
  56. package/lib/locale/de-DE.js.map +2 -2
  57. package/lib/locale/en-US.js +4 -0
  58. package/lib/locale/en-US.js.map +2 -2
  59. package/lib/locale/zh-CN.js +4 -0
  60. package/lib/locale/zh-CN.js.map +2 -2
  61. package/lib/renderers/DropDownButton.d.ts +11 -2
  62. package/lib/renderers/DropDownButton.js +30 -12
  63. package/lib/renderers/DropDownButton.js.map +2 -2
  64. package/lib/renderers/Form/CityDB.js +526 -2
  65. package/lib/renderers/Form/CityDB.js.map +2 -2
  66. package/lib/renderers/Form/InputCity.d.ts +85 -84
  67. package/lib/renderers/Form/InputCity.js +4 -2
  68. package/lib/renderers/Form/InputCity.js.map +2 -2
  69. package/lib/renderers/Form/InputColor.js +6 -2
  70. package/lib/renderers/Form/InputColor.js.map +2 -2
  71. package/lib/renderers/Form/InputDate.js +5 -2
  72. package/lib/renderers/Form/InputDate.js.map +2 -2
  73. package/lib/renderers/Form/InputDateRange.js +6 -2
  74. package/lib/renderers/Form/InputDateRange.js.map +2 -2
  75. package/lib/renderers/Form/Item.d.ts +10 -14
  76. package/lib/renderers/Form/Item.js +7 -5
  77. package/lib/renderers/Form/Item.js.map +2 -2
  78. package/lib/renderers/Form/NestedSelect.d.ts +1 -0
  79. package/lib/renderers/Form/NestedSelect.js +7 -3
  80. package/lib/renderers/Form/NestedSelect.js.map +2 -2
  81. package/lib/renderers/Form/Select.d.ts +2 -0
  82. package/lib/renderers/Form/Select.js +7 -4
  83. package/lib/renderers/Form/Select.js.map +2 -2
  84. package/lib/renderers/Form/TreeSelect.js +4 -4
  85. package/lib/renderers/Form/TreeSelect.js.map +2 -2
  86. package/lib/renderers/Remark.js +2 -1
  87. package/lib/renderers/Remark.js.map +2 -2
  88. package/lib/schemaExtend.js +23 -9
  89. package/lib/schemaExtend.js.map +2 -2
  90. package/lib/themes/ang-ie11.css +312 -29
  91. package/lib/themes/ang.css +312 -29
  92. package/lib/themes/ang.css.map +1 -1
  93. package/lib/themes/antd-ie11.css +312 -29
  94. package/lib/themes/antd.css +312 -29
  95. package/lib/themes/antd.css.map +1 -1
  96. package/lib/themes/cxd-ie11.css +315 -41
  97. package/lib/themes/cxd.css +315 -41
  98. package/lib/themes/cxd.css.map +1 -1
  99. package/lib/themes/dark-ie11.css +312 -29
  100. package/lib/themes/dark.css +312 -29
  101. package/lib/themes/dark.css.map +1 -1
  102. package/lib/themes/default.css +315 -41
  103. package/lib/themes/default.css.map +1 -1
  104. package/lib/utils/helper.d.ts +1 -6
  105. package/lib/utils/helper.js +6 -17
  106. package/lib/utils/helper.js.map +2 -2
  107. package/package.json +1 -2
  108. package/schema.json +2192 -20
  109. package/scss/_properties.scss +10 -6
  110. package/scss/components/_calendar.scss +9 -2
  111. package/scss/components/_cascader.scss +102 -0
  112. package/scss/components/_city-area.scss +27 -0
  113. package/scss/components/_dropdown.scss +39 -9
  114. package/scss/components/_picker-columns.scss +15 -5
  115. package/scss/components/_popup.scss +35 -12
  116. package/scss/components/_result-box.scss +31 -0
  117. package/scss/components/form/_checks.scss +2 -0
  118. package/scss/components/form/_color.scss +2 -2
  119. package/scss/components/form/_date-range.scss +1 -1
  120. package/scss/components/form/_date.scss +46 -1
  121. package/scss/components/form/_nested-select.scss +3 -0
  122. package/scss/components/form/_select.scss +32 -3
  123. package/scss/components/form/_transfer.scss +3 -0
  124. package/scss/components/form/_tree-select.scss +1 -1
  125. package/scss/themes/_common.scss +2 -0
  126. package/scss/themes/_cxd-variables.scss +3 -3
  127. package/scss/themes/cxd.scss +0 -12
  128. package/sdk/ang-ie11.css +368 -29
  129. package/sdk/ang.css +367 -30
  130. package/sdk/antd-ie11.css +368 -29
  131. package/sdk/antd.css +367 -30
  132. package/sdk/charts.js +18 -18
  133. package/sdk/codemirror.js +7 -7
  134. package/sdk/color-picker.js +65 -65
  135. package/sdk/cropperjs.js +3 -3
  136. package/sdk/cxd-ie11.css +370 -42
  137. package/sdk/cxd.css +370 -44
  138. package/sdk/dark-ie11.css +368 -29
  139. package/sdk/dark.css +367 -30
  140. package/sdk/exceljs.js +1 -1
  141. package/sdk/locale/de-DE.js +4 -0
  142. package/sdk/markdown.js +69 -69
  143. package/sdk/papaparse.js +1 -1
  144. package/sdk/renderers/Form/CityDB.js +1 -1
  145. package/sdk/rest.js +18 -18
  146. package/sdk/rich-text.js +62 -62
  147. package/sdk/sdk-ie11.css +370 -42
  148. package/sdk/sdk.css +370 -44
  149. package/sdk/sdk.js +1309 -1227
  150. package/sdk/thirds/hls.js/hls.js +18 -18
  151. package/sdk/thirds/mpegts.js/mpegts.js +2 -2
  152. package/sdk/tinymce.js +57 -57
  153. package/src/components/CalendarMobile.tsx +5 -5
  154. package/src/components/Cascader.tsx +564 -0
  155. package/src/components/CityArea.tsx +315 -0
  156. package/src/components/ColorPicker.tsx +5 -2
  157. package/src/components/DatePicker.tsx +15 -5
  158. package/src/components/DateRangePicker.tsx +52 -43
  159. package/src/components/MonthRangePicker.tsx +44 -38
  160. package/src/components/Picker.tsx +27 -12
  161. package/src/components/PickerColumn.tsx +28 -18
  162. package/src/components/PopOverContainer.tsx +31 -17
  163. package/src/components/PopUp.tsx +55 -13
  164. package/src/components/ResultBox.tsx +10 -1
  165. package/src/components/Select.tsx +20 -23
  166. package/src/components/TransferDropDown.tsx +19 -5
  167. package/src/components/calendar/Calendar.tsx +86 -9
  168. package/src/components/calendar/DaysView.tsx +86 -2
  169. package/src/components/calendar/MonthsView.tsx +56 -63
  170. package/src/components/calendar/TimeView.tsx +82 -29
  171. package/src/components/calendar/YearsView.tsx +25 -6
  172. package/src/locale/de-DE.ts +4 -0
  173. package/src/locale/en-US.ts +4 -0
  174. package/src/locale/zh-CN.ts +4 -0
  175. package/src/renderers/DropDownButton.tsx +69 -35
  176. package/src/renderers/Form/CityDB.ts +526 -2
  177. package/src/renderers/Form/InputCity.tsx +23 -3
  178. package/src/renderers/Form/InputColor.tsx +21 -2
  179. package/src/renderers/Form/InputDate.tsx +10 -1
  180. package/src/renderers/Form/InputDateRange.tsx +9 -1
  181. package/src/renderers/Form/Item.tsx +14 -4
  182. package/src/renderers/Form/NestedSelect.tsx +31 -3
  183. package/src/renderers/Form/Select.tsx +15 -2
  184. package/src/renderers/Form/TreeSelect.tsx +10 -6
  185. package/src/renderers/Remark.tsx +2 -1
  186. package/src/schemaExtend.ts +22 -10
  187. package/src/utils/helper.ts +6 -16
@@ -0,0 +1,177 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ var tslib_1 = require("tslib");
4
+ /**
5
+ * @file 移动端城市选择器
6
+ */
7
+ var react_1 = tslib_1.__importStar(require("react"));
8
+ var Picker_1 = (0, tslib_1.__importDefault)(require("./Picker"));
9
+ var ResultBox_1 = (0, tslib_1.__importDefault)(require("./ResultBox"));
10
+ var hooks_1 = require("../hooks");
11
+ var locale_1 = require("../locale");
12
+ var theme_1 = require("../theme");
13
+ var uncontrollable_1 = require("uncontrollable");
14
+ var PopUp_1 = (0, tslib_1.__importDefault)(require("./PopUp"));
15
+ var CityArea = (0, react_1.memo)(function (props) {
16
+ var _a;
17
+ var _b = props.joinValues, joinValues = _b === void 0 ? true : _b, _c = props.extractValue, extractValue = _c === void 0 ? true : _c, _d = props.delimiter, delimiter = _d === void 0 ? ',' : _d, _e = props.allowCity, allowCity = _e === void 0 ? true : _e, _f = props.allowDistrict, allowDistrict = _f === void 0 ? true : _f, _g = props.allowStreet, allowStreet = _g === void 0 ? false : _g,
18
+ // 默认北京东城区
19
+ _h = props.value,
20
+ // 默认北京东城区
21
+ value = _h === void 0 ? 110101 : _h, cx = props.classnames, __ = props.translate, _j = props.disabled, disabled = _j === void 0 ? false : _j, popOverContainer = props.popOverContainer, useMobileUI = props.useMobileUI;
22
+ var _k = (0, react_1.useState)([]), values = _k[0], setValues = _k[1];
23
+ var _l = (0, react_1.useState)(''), street = _l[0], setStreet = _l[1];
24
+ var _m = (0, react_1.useState)(), confirmValues = _m[0], setConfirmValues = _m[1];
25
+ var _o = (0, hooks_1.useSetState)(), db = _o[0], updateDb = _o[1];
26
+ var _p = (0, hooks_1.useSetState)({
27
+ columns: []
28
+ }), state = _p[0], updateState = _p[1];
29
+ var _q = (0, react_1.useState)(false), isOpened = _q[0], setIsOpened = _q[1];
30
+ var onChange = function (columnValues, columnIndex) {
31
+ var _a, _b, _c, _d, _e;
32
+ // 清空后面的值
33
+ while (columnValues[columnIndex++]) {
34
+ columnValues[columnIndex++] = -1;
35
+ }
36
+ var provience = columnValues[0], city = columnValues[1], district = columnValues[2];
37
+ if (city === -1) {
38
+ city = (_b = (_a = db.city) === null || _a === void 0 ? void 0 : _a[provience]) === null || _b === void 0 ? void 0 : _b[0];
39
+ }
40
+ if (district === -1) {
41
+ district = (_e = (_d = (_c = db.district) === null || _c === void 0 ? void 0 : _c[provience]) === null || _d === void 0 ? void 0 : _d[city]) === null || _e === void 0 ? void 0 : _e[0];
42
+ }
43
+ var tempValues = [provience, city, district];
44
+ if (!allowDistrict) {
45
+ tempValues.splice(2, 1);
46
+ }
47
+ if (!allowCity) {
48
+ tempValues.splice(1, 1);
49
+ }
50
+ setValues(tempValues);
51
+ };
52
+ var propsChange = function () {
53
+ var onChange = props.onChange;
54
+ var province = values[0], city = values[1], district = values[2];
55
+ var code = allowDistrict && district
56
+ ? district
57
+ : allowCity && city
58
+ ? city
59
+ : province;
60
+ if (typeof extractValue === 'undefined' ? joinValues : extractValue) {
61
+ code
62
+ ? onChange(allowStreet && street
63
+ ? [code, street].join(delimiter)
64
+ : String(code))
65
+ : onChange('');
66
+ }
67
+ else {
68
+ onChange({
69
+ code: code,
70
+ province: db[province],
71
+ city: db[city],
72
+ district: db[district],
73
+ street: street
74
+ });
75
+ }
76
+ };
77
+ var onConfirm = function () {
78
+ var confirmValues = values.map(function (item) { return ({
79
+ text: db[item],
80
+ value: item
81
+ }); });
82
+ setConfirmValues(confirmValues);
83
+ propsChange();
84
+ setIsOpened(false);
85
+ };
86
+ var onCancel = function () {
87
+ setIsOpened(false);
88
+ if (props.onCancel)
89
+ props.onCancel();
90
+ };
91
+ var getPropsValue = function () {
92
+ var _a;
93
+ // 最后一项的值
94
+ var code = (value && value.code) ||
95
+ (typeof value === 'number' && value) ||
96
+ (typeof value === 'string' && /(\d{6})/.test(value) && RegExp.$1);
97
+ var values = [];
98
+ if (code && db[code]) {
99
+ code = parseInt(code, 10);
100
+ var provinceCode = code - (code % 10000);
101
+ var cityCode = code - (code % 100);
102
+ if (db[provinceCode]) {
103
+ values[0] = provinceCode;
104
+ }
105
+ if (db[cityCode] && allowCity) {
106
+ values[1] = cityCode;
107
+ }
108
+ else if (~((_a = db.city[provinceCode]) === null || _a === void 0 ? void 0 : _a.indexOf(code)) && allowCity) {
109
+ values[1] = code;
110
+ }
111
+ if (code % 100 && allowDistrict) {
112
+ values[2] = code;
113
+ }
114
+ setValues(values);
115
+ }
116
+ };
117
+ var updateColumns = function () {
118
+ if (!db) {
119
+ return;
120
+ }
121
+ var provience = values[0], city = values[1], district = values[2];
122
+ var provienceColumn = db.province.map(function (code) {
123
+ return { text: db[code], value: code, disabled: disabled };
124
+ });
125
+ var cityColumn = city
126
+ ? db.city[provience].map(function (code) {
127
+ return { text: db[code], value: code, disabled: disabled };
128
+ })
129
+ : [];
130
+ var districtColumn = city && district
131
+ ? db.district[provience][city].map(function (code) {
132
+ return { text: db[code], value: code, disabled: disabled };
133
+ })
134
+ : [];
135
+ var columns = [
136
+ { options: provienceColumn },
137
+ { options: cityColumn },
138
+ { options: districtColumn }
139
+ ];
140
+ if (!allowDistrict || !allowCity) {
141
+ columns.splice(2, 1);
142
+ }
143
+ if (!allowCity) {
144
+ columns.splice(1, 1);
145
+ }
146
+ updateState({ columns: columns });
147
+ };
148
+ var loadDb = function () {
149
+ Promise.resolve().then(function () { return new Promise(function(resolve){require(['../renderers/Form/CityDB'], function(ret) {resolve(tslib_1.__importStar(ret));})}); }).then(function (db) {
150
+ updateDb((0, tslib_1.__assign)((0, tslib_1.__assign)({}, db.default), { province: db.province, city: db.city, district: db.district }));
151
+ });
152
+ };
153
+ (0, react_1.useEffect)(function () {
154
+ loadDb();
155
+ }, []);
156
+ (0, react_1.useEffect)(function () {
157
+ isOpened && db && getPropsValue();
158
+ }, [db, isOpened]);
159
+ (0, react_1.useEffect)(function () {
160
+ street && propsChange();
161
+ }, [street]);
162
+ (0, hooks_1.useUpdateEffect)(function () {
163
+ values.length && updateColumns();
164
+ }, [values]);
165
+ var result = (_a = confirmValues === null || confirmValues === void 0 ? void 0 : confirmValues.filter(function (item) { return item === null || item === void 0 ? void 0 : item.value; })) === null || _a === void 0 ? void 0 : _a.map(function (item) { return item.text; }).join(delimiter);
166
+ return (react_1.default.createElement("div", { className: cx("CityArea") },
167
+ react_1.default.createElement(ResultBox_1.default, { className: cx('CityArea-Input', isOpened ? 'is-active' : ''), allowInput: false, result: result, onResultChange: function () { }, onResultClick: function () { return setIsOpened(!isOpened); }, placeholder: __('Condition.cond_placeholder'), useMobileUI: useMobileUI }),
168
+ allowStreet && values[0] ? (react_1.default.createElement("input", { className: cx('CityArea-Input'), value: street, onChange: function (e) {
169
+ return setStreet(e.currentTarget.value);
170
+ }, placeholder: __('City.street'), disabled: disabled })) : null,
171
+ react_1.default.createElement(PopUp_1.default, { className: cx("CityArea-popup"), container: popOverContainer, isShow: isOpened, showConfirm: true, onConfirm: onConfirm, onHide: onCancel },
172
+ react_1.default.createElement(Picker_1.default, { className: 'CityArea-picker', columns: state.columns, onChange: onChange, showToolbar: false, labelField: "text", itemHeight: 40, value: values, classnames: props.classnames, classPrefix: props.classPrefix }))));
173
+ });
174
+ exports.default = (0, theme_1.themeable)((0, locale_1.localeable)((0, uncontrollable_1.uncontrollable)(CityArea, {
175
+ value: 'onChange'
176
+ })));
177
+ //# sourceMappingURL=./components/CityArea.js.map
@@ -0,0 +1,13 @@
1
+ {
2
+ "version": 3,
3
+ "file": "CityArea.js",
4
+ "sourceRoot": "",
5
+ "sources": [
6
+ "/src/components/CityArea.tsx"
7
+ ],
8
+ "names": [],
9
+ "mappings": "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",
10
+ "sourcesContent": [
11
+ "/**\n * @file 移动端城市选择器\n */\nimport React, {useEffect, useState, memo} from 'react';\n\nimport Picker from './Picker';\nimport ResultBox from './ResultBox';\nimport {useSetState, useUpdateEffect} from '../hooks';\nimport {localeable, LocaleProps} from '../locale';\nimport {themeable, ThemeProps} from '../theme';\nimport {uncontrollable} from 'uncontrollable';\nimport PopUp from './PopUp';\nimport {PickerObjectOption} from './PickerColumn';\n\nexport type AreaColumnOption = {\n text: string;\n value: number;\n};\n\nexport interface AreaProps extends LocaleProps, ThemeProps {\n value: any;\n /**\n * 允许选择城市?\n */\n allowCity?: boolean;\n /**\n * 允许选择地区?\n */\n allowDistrict?: boolean;\n /**\n * 允许选择街道?\n */\n allowStreet?: boolean;\n /**\n * 开启后只会存城市的 code 信息\n */\n extractValue?: boolean;\n /**\n * 是否将各个信息拼接成字符串。\n */\n joinValues?: boolean;\n /**\n * 拼接的符号是啥?\n */\n delimiter?: string;\n /**\n * 是否禁用\n */\n disabled?: boolean;\n useMobileUI?: boolean;\n onChange: (value: any) => void;\n /** 点击完成按钮时触发\t */\n onConfirm?: (result: AreaColumnOption[], index: number) => void;\n /** 点击取消按钮时触发\t */\n onCancel?: (...args: unknown[]) => void;\n\n popOverContainer?: any;\n}\n/**\n * 街道\n */\ntype district = {\n [propName: number]: {\n [propName: number]: Array<number>;\n };\n};\ninterface DbState {\n province: number[];\n district: district;\n [key: number]: string;\n city: {\n [key: number]: number[];\n };\n}\ninterface StateObj {\n columns: {options: Array<AreaColumnOption>}[];\n}\n\nconst CityArea = memo<AreaProps>(props => {\n const {\n joinValues = true,\n extractValue = true,\n delimiter = ',',\n allowCity = true,\n allowDistrict = true,\n allowStreet = false,\n // 默认北京东城区\n value = 110101,\n classnames: cx,\n translate: __,\n disabled = false,\n popOverContainer,\n useMobileUI\n } = props;\n\n const [values, setValues] = useState<Array<number>>([]);\n const [street, setStreet] = useState('');\n const [confirmValues, setConfirmValues] =\n useState<Array<PickerObjectOption>>();\n const [db, updateDb] = useSetState<DbState>();\n const [state, updateState] = useSetState<StateObj>({\n columns: []\n });\n const [isOpened, setIsOpened] = useState(false);\n\n const onChange = (columnValues: Array<number>, columnIndex: number) => {\n // 清空后面的值\n while (columnValues[columnIndex++]) {\n columnValues[columnIndex++] = -1;\n }\n let [provience, city, district] = columnValues;\n if (city === -1) {\n city = db.city?.[provience]?.[0];\n }\n if (district === -1) {\n district = db.district?.[provience]?.[city]?.[0];\n }\n let tempValues = [provience, city, district];\n if (!allowDistrict) {\n tempValues.splice(2, 1);\n }\n if (!allowCity) {\n tempValues.splice(1, 1);\n }\n setValues(tempValues);\n };\n\n const propsChange = () => {\n const {onChange} = props;\n const [province, city, district] = values;\n const code =\n allowDistrict && district\n ? district\n : allowCity && city\n ? city\n : province;\n if (typeof extractValue === 'undefined' ? joinValues : extractValue) {\n code\n ? onChange(\n allowStreet && street\n ? [code, street].join(delimiter)\n : String(code)\n )\n : onChange('');\n } else {\n onChange({\n code,\n province: db[province],\n city: db[city],\n district: db[district],\n street\n });\n }\n };\n\n const onConfirm = () => {\n const confirmValues = values.map((item: number) => ({\n text: db[item],\n value: item\n }));\n setConfirmValues(confirmValues);\n propsChange();\n setIsOpened(false);\n };\n\n const onCancel = () => {\n setIsOpened(false);\n if (props.onCancel) props.onCancel();\n };\n\n const getPropsValue = () => {\n // 最后一项的值\n let code =\n (value && value.code) ||\n (typeof value === 'number' && value) ||\n (typeof value === 'string' && /(\\d{6})/.test(value) && RegExp.$1);\n const values: Array<number> = [];\n if (code && db[code]) {\n code = parseInt(code, 10);\n let provinceCode = code - (code % 10000);\n let cityCode = code - (code % 100);\n if (db[provinceCode]) {\n values[0] = provinceCode;\n }\n if (db[cityCode] && allowCity) {\n values[1] = cityCode;\n } else if (~db.city[provinceCode]?.indexOf(code) && allowCity) {\n values[1] = code;\n }\n\n if (code % 100 && allowDistrict) {\n values[2] = code;\n }\n setValues(values);\n }\n };\n\n const updateColumns = () => {\n if (!db) {\n return;\n }\n let [provience, city, district] = values;\n const provienceColumn = db.province.map((code: number) => {\n return {text: db[code], value: code, disabled};\n });\n const cityColumn = city\n ? db.city[provience].map((code: number) => {\n return {text: db[code], value: code, disabled};\n })\n : [];\n const districtColumn =\n city && district\n ? db.district[provience][city].map((code: number) => {\n return {text: db[code], value: code, disabled};\n })\n : [];\n const columns = [\n {options: provienceColumn},\n {options: cityColumn},\n {options: districtColumn}\n ];\n if (!allowDistrict || !allowCity) {\n columns.splice(2, 1);\n }\n if (!allowCity) {\n columns.splice(1, 1);\n }\n updateState({columns});\n };\n\n const loadDb = () => {\n import('../renderers/Form/CityDB').then(db => {\n updateDb({\n ...db.default,\n province: db.province as any,\n city: db.city,\n district: db.district as district\n });\n });\n };\n\n useEffect(() => {\n loadDb();\n }, []);\n\n useEffect(() => {\n isOpened && db && getPropsValue();\n }, [db, isOpened]);\n\n useEffect(() => {\n street && propsChange();\n }, [street]);\n\n useUpdateEffect(() => {\n values.length && updateColumns();\n }, [values]);\n\n const result = confirmValues\n ?.filter(item => item?.value)\n ?.map(item => item.text)\n .join(delimiter);\n\n return (\n <div className={cx(`CityArea`)}>\n <ResultBox\n className={cx('CityArea-Input', isOpened ? 'is-active' : '')}\n allowInput={false}\n result={result}\n onResultChange={() => {}}\n onResultClick={() => setIsOpened(!isOpened)}\n placeholder={__('Condition.cond_placeholder')}\n useMobileUI={useMobileUI}\n ></ResultBox>\n {allowStreet && values[0] ? (\n <input\n className={cx('CityArea-Input')}\n value={street}\n onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n setStreet(e.currentTarget.value)\n }\n placeholder={__('City.street')}\n disabled={disabled}\n />\n ) : null}\n <PopUp\n className={cx(`CityArea-popup`)}\n container={popOverContainer}\n isShow={isOpened}\n showConfirm\n onConfirm={onConfirm}\n onHide={onCancel}\n >\n <Picker\n className={'CityArea-picker'}\n columns={state.columns}\n onChange={onChange as any}\n showToolbar={false}\n labelField=\"text\"\n itemHeight={40}\n value={values}\n classnames={props.classnames}\n classPrefix={props.classPrefix}\n />\n </PopUp>\n </div>\n );\n});\n\nexport default themeable(\n localeable(\n uncontrollable(CityArea, {\n value: 'onChange'\n })\n )\n);\n"
12
+ ]
13
+ }
@@ -145,6 +145,7 @@ var ColorControl = /** @class */ (function (_super) {
145
145
  var __ = this.props.translate;
146
146
  var isOpened = this.state.isOpened;
147
147
  var isFocused = this.state.isFocused;
148
+ var mobileUI = useMobileUI && (0, helper_1.isMobile)();
148
149
  return (react_1.default.createElement("div", { className: cx("ColorPicker", {
149
150
  'is-disabled': disabled,
150
151
  'is-focused': isFocused,
@@ -152,12 +153,12 @@ var ColorControl = /** @class */ (function (_super) {
152
153
  }, className) },
153
154
  react_1.default.createElement("span", { onClick: this.handleClick, className: cx('ColorPicker-preview') },
154
155
  react_1.default.createElement("i", { ref: this.preview, className: ns + "ColorPicker-previewIcon", style: { background: this.state.inputValue || '#ccc' } })),
155
- react_1.default.createElement("input", { ref: this.input, type: "text", autoComplete: "off", size: 10, className: cx('ColorPicker-input'), value: this.state.inputValue || '', placeholder: __(placeholder), disabled: disabled, onChange: this.handleInputChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick }),
156
+ react_1.default.createElement("input", { ref: this.input, type: "text", autoComplete: "off", size: 10, className: cx('ColorPicker-input'), value: this.state.inputValue || '', placeholder: __(placeholder), disabled: disabled, onChange: this.handleInputChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick, readOnly: mobileUI }),
156
157
  clearable && !disabled && value ? (react_1.default.createElement("a", { onClick: this.clearValue, className: cx('ColorPicker-clear') },
157
158
  react_1.default.createElement(icons_1.Icon, { icon: "close", className: "icon" }))) : null,
158
159
  react_1.default.createElement("span", { className: cx('ColorPicker-arrow') },
159
160
  react_1.default.createElement(icons_1.Icon, { icon: "caret", className: "icon", onClick: this.handleClick })),
160
- !(useMobileUI && (0, helper_1.isMobile)()) && isOpened ? (react_1.default.createElement(Overlay_1.default, { placement: placement || 'auto', target: function () { return (0, react_dom_1.findDOMNode)(_this); }, onHide: this.close, container: popOverContainer || (function () { return (0, react_dom_1.findDOMNode)(_this); }), rootClose: false, show: true },
161
+ !mobileUI && isOpened ? (react_1.default.createElement(Overlay_1.default, { placement: placement || 'auto', target: function () { return (0, react_dom_1.findDOMNode)(_this); }, onHide: this.close, container: popOverContainer || (function () { return (0, react_dom_1.findDOMNode)(_this); }), rootClose: false, show: true },
161
162
  react_1.default.createElement(PopOver_1.default, { classPrefix: ns, className: cx('ColorPicker-popover', popoverClassName), onHide: this.close, overlay: true }, allowCustomColor ? (react_1.default.createElement(react_color_1.SketchPicker, { styles: {}, disableAlpha: !!~['rgb', 'hex'].indexOf(format), color: value, presetColors: presetColors, onChangeComplete: this.handleChange })) : (react_1.default.createElement(react_color_1.GithubPicker, { color: value, colors: Array.isArray(presetColors)
162
163
  ? presetColors
163
164
  .filter(function (item) { return typeof item === 'string' || (0, helper_1.isObject)(item); })
@@ -169,7 +170,7 @@ var ColorControl = /** @class */ (function (_super) {
169
170
  : item;
170
171
  })
171
172
  : undefined, onChangeComplete: this.handleChange }))))) : null,
172
- useMobileUI && (0, helper_1.isMobile)() && (react_1.default.createElement(PopUp_1.default, { className: cx(ns + "ColorPicker-popup"), isShow: isOpened, onHide: this.handleClick }, allowCustomColor ? (react_1.default.createElement(react_color_1.SketchPicker, { styles: {}, disableAlpha: !!~['rgb', 'hex'].indexOf(format), color: value, presetColors: presetColors, onChangeComplete: this.handleChange })) : (react_1.default.createElement(react_color_1.GithubPicker, { color: value, colors: Array.isArray(presetColors)
173
+ mobileUI && (react_1.default.createElement(PopUp_1.default, { className: cx(ns + "ColorPicker-popup"), container: popOverContainer, isShow: isOpened, onHide: this.handleClick }, allowCustomColor ? (react_1.default.createElement(react_color_1.SketchPicker, { styles: {}, disableAlpha: !!~['rgb', 'hex'].indexOf(format), color: value, presetColors: presetColors, onChangeComplete: this.handleChange })) : (react_1.default.createElement(react_color_1.GithubPicker, { color: value, colors: Array.isArray(presetColors)
173
174
  ? presetColors
174
175
  .filter(function (item) { return typeof item === 'string' || (0, helper_1.isObject)(item); })
175
176
  .map(function (item) {
@@ -6,8 +6,8 @@
6
6
  "/src/components/ColorPicker.tsx"
7
7
  ],
8
8
  "names": [],
9
- "mappings": "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",
9
+ "mappings": "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",
10
10
  "sourcesContent": [
11
- "/**\n * @file ColorPicker\n * @description 颜色选择器组件\n * @author fex\n */\n\nimport React from 'react';\nimport {findDOMNode} from 'react-dom';\nimport {SketchPicker, GithubPicker, ColorResult} from 'react-color';\nimport {Icon} from './icons';\nimport Overlay from './Overlay';\nimport {uncontrollable} from 'uncontrollable';\nimport PopOver from './PopOver';\nimport PopUp from './PopUp';\nimport {ClassNamesFn, themeable, ThemeProps} from '../theme';\nimport {autobind, isMobile, isObject} from '../utils/helper';\nimport {localeable, LocaleProps} from '../locale';\n\nexport type PresetColor = {color: string; title: string} | string;\n\nexport interface ColorProps extends LocaleProps, ThemeProps {\n placeholder?: string;\n format: string;\n // closeOnSelect:boolean;\n clearable: boolean;\n className?: string;\n popoverClassName?: string;\n disabled?: boolean;\n popOverContainer?: any;\n placement?: string;\n value?: any;\n onChange: (value: any) => void;\n presetColors?: PresetColor[];\n resetValue?: string;\n allowCustomColor?: boolean;\n useMobileUI?: boolean;\n}\n\nexport interface ColorControlState {\n isOpened: boolean;\n isFocused: boolean;\n inputValue: string;\n}\n\nexport class ColorControl extends React.PureComponent<\n ColorProps,\n ColorControlState\n> {\n static defaultProps = {\n format: 'hex',\n clearable: true,\n placeholder: 'ColorPicker.placeholder',\n allowCustomColor: true\n // closeOnSelect: true\n };\n state = {\n isOpened: false,\n isFocused: false,\n inputValue: this.props.value || ''\n };\n popover: any;\n closeTimer: number;\n preview: React.RefObject<HTMLElement>;\n input: React.RefObject<HTMLInputElement>;\n constructor(props: ColorProps) {\n super(props);\n\n this.open = this.open.bind(this);\n this.close = this.close.bind(this);\n this.focus = this.focus.bind(this);\n this.blur = this.blur.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.handleFocus = this.handleFocus.bind(this);\n this.handleBlur = this.handleBlur.bind(this);\n this.clearValue = this.clearValue.bind(this);\n this.handleInputChange = this.handleInputChange.bind(this);\n this.handleClick = this.handleClick.bind(this);\n this.preview = React.createRef();\n this.input = React.createRef();\n }\n\n componentDidUpdate(prevProps: ColorProps) {\n const props = this.props;\n\n if (prevProps.value !== props.value) {\n this.setState({\n inputValue: props.value || ''\n });\n }\n }\n\n handleFocus() {\n this.setState({\n isFocused: true\n });\n }\n\n handleBlur() {\n this.setState({\n isFocused: false,\n inputValue: this.props.value\n });\n }\n\n focus() {\n this.input.current && this.input.current.focus();\n }\n\n blur() {\n this.input.current && this.input.current.blur();\n }\n\n open(fn?: () => void) {\n if (this.props.disabled) {\n return;\n }\n this.setState(\n {\n isOpened: true\n },\n fn\n );\n }\n\n close() {\n this.setState({\n isOpened: false\n });\n }\n\n clearValue() {\n const {onChange, resetValue} = this.props;\n onChange(resetValue || '');\n }\n\n handleClick() {\n this.state.isOpened ? this.close() : this.open(this.focus);\n }\n\n handleInputChange(e: React.ChangeEvent<HTMLInputElement>) {\n if (!this.props.allowCustomColor) {\n return;\n }\n\n const onChange = this.props.onChange;\n\n this.setState(\n {\n inputValue: e.currentTarget.value\n },\n () => {\n let isValidated = this.validateColor(this.state.inputValue);\n if (isValidated) {\n onChange(this.state.inputValue);\n }\n }\n );\n }\n\n @autobind\n validateColor(value: string) {\n if (value === '') {\n return false;\n }\n if (value === 'inherit') {\n return false;\n }\n if (value === 'transparent') {\n return false;\n }\n\n let image = document.createElement('img');\n image.style.color = 'rgb(0, 0, 0)';\n image.style.color = value;\n if (image.style.color !== 'rgb(0, 0, 0)') {\n return true;\n }\n image.style.color = 'rgb(255, 255, 255)';\n image.style.color = value;\n return image.style.color !== 'rgb(255, 255, 255)';\n }\n\n handleChange(color: ColorResult) {\n const {\n onChange,\n format\n // closeOnSelect\n } = this.props;\n\n if (format === 'rgba') {\n onChange(\n `rgba(${color.rgb.r}, ${color.rgb.g}, ${color.rgb.b}, ${color.rgb.a})`\n );\n } else if (format === 'rgb') {\n onChange(`rgb(${color.rgb.r}, ${color.rgb.g}, ${color.rgb.b})`);\n } else if (format === 'hsl') {\n onChange(\n `hsl(${Math.round(color.hsl.h)}, ${Math.round(\n color.hsl.s * 100\n )}%, ${Math.round(color.hsl.l * 100)}%)`\n );\n } else {\n onChange(color.hex);\n }\n\n // closeOnSelect && this.close();\n }\n\n render() {\n const {\n classPrefix: ns,\n className,\n popoverClassName,\n value,\n placeholder,\n disabled,\n popOverContainer,\n format,\n clearable,\n placement,\n classnames: cx,\n presetColors,\n allowCustomColor,\n useMobileUI\n } = this.props;\n\n const __ = this.props.translate;\n const isOpened = this.state.isOpened;\n const isFocused = this.state.isFocused;\n\n return (\n <div\n className={cx(\n `ColorPicker`,\n {\n 'is-disabled': disabled,\n 'is-focused': isFocused,\n 'is-opened': isOpened\n },\n className\n )}\n >\n <span onClick={this.handleClick} className={cx('ColorPicker-preview')}>\n <i\n ref={this.preview}\n className={`${ns}ColorPicker-previewIcon`}\n style={{background: this.state.inputValue || '#ccc'}}\n />\n </span>\n\n <input\n ref={this.input}\n type=\"text\"\n autoComplete=\"off\"\n size={10}\n className={cx('ColorPicker-input')}\n value={this.state.inputValue || ''}\n placeholder={__(placeholder)}\n disabled={disabled}\n onChange={this.handleInputChange}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n onClick={this.handleClick}\n />\n\n {clearable && !disabled && value ? (\n <a onClick={this.clearValue} className={cx('ColorPicker-clear')}>\n <Icon icon=\"close\" className=\"icon\" />\n </a>\n ) : null}\n\n <span className={cx('ColorPicker-arrow')}>\n <Icon icon=\"caret\" className=\"icon\" onClick={this.handleClick} />\n </span>\n\n {!(useMobileUI && isMobile()) && isOpened ? (\n <Overlay\n placement={placement || 'auto'}\n target={() => findDOMNode(this)}\n onHide={this.close}\n container={popOverContainer || (() => findDOMNode(this))}\n rootClose={false}\n show\n >\n <PopOver\n classPrefix={ns}\n className={cx('ColorPicker-popover', popoverClassName)}\n onHide={this.close}\n overlay\n >\n {allowCustomColor ? (\n <SketchPicker\n styles={{}}\n disableAlpha={!!~['rgb', 'hex'].indexOf(format as string)}\n color={value}\n presetColors={presetColors}\n onChangeComplete={this.handleChange}\n />\n ) : (\n <GithubPicker\n color={value}\n colors={\n Array.isArray(presetColors)\n ? (presetColors\n .filter(\n item => typeof item === 'string' || isObject(item)\n )\n .map(item =>\n typeof item === 'string'\n ? item\n : isObject(item)\n ? item?.color\n : item\n ) as string[])\n : undefined\n }\n onChangeComplete={this.handleChange}\n />\n )}\n </PopOver>\n </Overlay>\n ) : null}\n {useMobileUI && isMobile() && (\n <PopUp\n className={cx(`${ns}ColorPicker-popup`)}\n isShow={isOpened}\n onHide={this.handleClick}\n >\n {allowCustomColor ? (\n <SketchPicker\n styles={{}}\n disableAlpha={!!~['rgb', 'hex'].indexOf(format as string)}\n color={value}\n presetColors={presetColors}\n onChangeComplete={this.handleChange}\n />\n ) : (\n <GithubPicker\n color={value}\n colors={\n Array.isArray(presetColors)\n ? (presetColors\n .filter(\n item => typeof item === 'string' || isObject(item)\n )\n .map(item =>\n typeof item === 'string'\n ? item\n : isObject(item)\n ? item?.color\n : item\n ) as string[])\n : undefined\n }\n onChangeComplete={this.handleChange}\n />\n )}\n </PopUp>\n )}\n </div>\n );\n }\n}\n\nexport default themeable(\n localeable(\n uncontrollable(ColorControl, {\n value: 'onChange'\n })\n )\n);\n"
11
+ "/**\n * @file ColorPicker\n * @description 颜色选择器组件\n * @author fex\n */\n\nimport React from 'react';\nimport {findDOMNode} from 'react-dom';\nimport {SketchPicker, GithubPicker, ColorResult} from 'react-color';\nimport {Icon} from './icons';\nimport Overlay from './Overlay';\nimport {uncontrollable} from 'uncontrollable';\nimport PopOver from './PopOver';\nimport PopUp from './PopUp';\nimport {ClassNamesFn, themeable, ThemeProps} from '../theme';\nimport {autobind, isMobile, isObject} from '../utils/helper';\nimport {localeable, LocaleProps} from '../locale';\n\nexport type PresetColor = {color: string; title: string} | string;\n\nexport interface ColorProps extends LocaleProps, ThemeProps {\n placeholder?: string;\n format: string;\n // closeOnSelect:boolean;\n clearable: boolean;\n className?: string;\n popoverClassName?: string;\n disabled?: boolean;\n popOverContainer?: any;\n placement?: string;\n value?: any;\n onChange: (value: any) => void;\n presetColors?: PresetColor[];\n resetValue?: string;\n allowCustomColor?: boolean;\n useMobileUI?: boolean;\n}\n\nexport interface ColorControlState {\n isOpened: boolean;\n isFocused: boolean;\n inputValue: string;\n}\n\nexport class ColorControl extends React.PureComponent<\n ColorProps,\n ColorControlState\n> {\n static defaultProps = {\n format: 'hex',\n clearable: true,\n placeholder: 'ColorPicker.placeholder',\n allowCustomColor: true\n // closeOnSelect: true\n };\n state = {\n isOpened: false,\n isFocused: false,\n inputValue: this.props.value || ''\n };\n popover: any;\n closeTimer: number;\n preview: React.RefObject<HTMLElement>;\n input: React.RefObject<HTMLInputElement>;\n constructor(props: ColorProps) {\n super(props);\n\n this.open = this.open.bind(this);\n this.close = this.close.bind(this);\n this.focus = this.focus.bind(this);\n this.blur = this.blur.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.handleFocus = this.handleFocus.bind(this);\n this.handleBlur = this.handleBlur.bind(this);\n this.clearValue = this.clearValue.bind(this);\n this.handleInputChange = this.handleInputChange.bind(this);\n this.handleClick = this.handleClick.bind(this);\n this.preview = React.createRef();\n this.input = React.createRef();\n }\n\n componentDidUpdate(prevProps: ColorProps) {\n const props = this.props;\n\n if (prevProps.value !== props.value) {\n this.setState({\n inputValue: props.value || ''\n });\n }\n }\n\n handleFocus() {\n this.setState({\n isFocused: true\n });\n }\n\n handleBlur() {\n this.setState({\n isFocused: false,\n inputValue: this.props.value\n });\n }\n\n focus() {\n this.input.current && this.input.current.focus();\n }\n\n blur() {\n this.input.current && this.input.current.blur();\n }\n\n open(fn?: () => void) {\n if (this.props.disabled) {\n return;\n }\n this.setState(\n {\n isOpened: true\n },\n fn\n );\n }\n\n close() {\n this.setState({\n isOpened: false\n });\n }\n\n clearValue() {\n const {onChange, resetValue} = this.props;\n onChange(resetValue || '');\n }\n\n handleClick() {\n this.state.isOpened ? this.close() : this.open(this.focus);\n }\n\n handleInputChange(e: React.ChangeEvent<HTMLInputElement>) {\n if (!this.props.allowCustomColor) {\n return;\n }\n\n const onChange = this.props.onChange;\n\n this.setState(\n {\n inputValue: e.currentTarget.value\n },\n () => {\n let isValidated = this.validateColor(this.state.inputValue);\n if (isValidated) {\n onChange(this.state.inputValue);\n }\n }\n );\n }\n\n @autobind\n validateColor(value: string) {\n if (value === '') {\n return false;\n }\n if (value === 'inherit') {\n return false;\n }\n if (value === 'transparent') {\n return false;\n }\n\n let image = document.createElement('img');\n image.style.color = 'rgb(0, 0, 0)';\n image.style.color = value;\n if (image.style.color !== 'rgb(0, 0, 0)') {\n return true;\n }\n image.style.color = 'rgb(255, 255, 255)';\n image.style.color = value;\n return image.style.color !== 'rgb(255, 255, 255)';\n }\n\n handleChange(color: ColorResult) {\n const {\n onChange,\n format\n // closeOnSelect\n } = this.props;\n\n if (format === 'rgba') {\n onChange(\n `rgba(${color.rgb.r}, ${color.rgb.g}, ${color.rgb.b}, ${color.rgb.a})`\n );\n } else if (format === 'rgb') {\n onChange(`rgb(${color.rgb.r}, ${color.rgb.g}, ${color.rgb.b})`);\n } else if (format === 'hsl') {\n onChange(\n `hsl(${Math.round(color.hsl.h)}, ${Math.round(\n color.hsl.s * 100\n )}%, ${Math.round(color.hsl.l * 100)}%)`\n );\n } else {\n onChange(color.hex);\n }\n\n // closeOnSelect && this.close();\n }\n\n render() {\n const {\n classPrefix: ns,\n className,\n popoverClassName,\n value,\n placeholder,\n disabled,\n popOverContainer,\n format,\n clearable,\n placement,\n classnames: cx,\n presetColors,\n allowCustomColor,\n useMobileUI\n } = this.props;\n\n const __ = this.props.translate;\n const isOpened = this.state.isOpened;\n const isFocused = this.state.isFocused;\n const mobileUI = useMobileUI && isMobile();\n\n return (\n <div\n className={cx(\n `ColorPicker`,\n {\n 'is-disabled': disabled,\n 'is-focused': isFocused,\n 'is-opened': isOpened\n },\n className\n )}\n >\n <span onClick={this.handleClick} className={cx('ColorPicker-preview')}>\n <i\n ref={this.preview}\n className={`${ns}ColorPicker-previewIcon`}\n style={{background: this.state.inputValue || '#ccc'}}\n />\n </span>\n\n <input\n ref={this.input}\n type=\"text\"\n autoComplete=\"off\"\n size={10}\n className={cx('ColorPicker-input')}\n value={this.state.inputValue || ''}\n placeholder={__(placeholder)}\n disabled={disabled}\n onChange={this.handleInputChange}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n onClick={this.handleClick}\n readOnly={mobileUI}\n />\n\n {clearable && !disabled && value ? (\n <a onClick={this.clearValue} className={cx('ColorPicker-clear')}>\n <Icon icon=\"close\" className=\"icon\" />\n </a>\n ) : null}\n\n <span className={cx('ColorPicker-arrow')}>\n <Icon icon=\"caret\" className=\"icon\" onClick={this.handleClick} />\n </span>\n\n {!mobileUI && isOpened ? (\n <Overlay\n placement={placement || 'auto'}\n target={() => findDOMNode(this)}\n onHide={this.close}\n container={popOverContainer || (() => findDOMNode(this))}\n rootClose={false}\n show\n >\n <PopOver\n classPrefix={ns}\n className={cx('ColorPicker-popover', popoverClassName)}\n onHide={this.close}\n overlay\n >\n {allowCustomColor ? (\n <SketchPicker\n styles={{}}\n disableAlpha={!!~['rgb', 'hex'].indexOf(format as string)}\n color={value}\n presetColors={presetColors}\n onChangeComplete={this.handleChange}\n />\n ) : (\n <GithubPicker\n color={value}\n colors={\n Array.isArray(presetColors)\n ? (presetColors\n .filter(\n item => typeof item === 'string' || isObject(item)\n )\n .map(item =>\n typeof item === 'string'\n ? item\n : isObject(item)\n ? item?.color\n : item\n ) as string[])\n : undefined\n }\n onChangeComplete={this.handleChange}\n />\n )}\n </PopOver>\n </Overlay>\n ) : null}\n {mobileUI && (\n <PopUp\n className={cx(`${ns}ColorPicker-popup`)}\n container={popOverContainer}\n isShow={isOpened}\n onHide={this.handleClick}\n >\n {allowCustomColor ? (\n <SketchPicker\n styles={{}}\n disableAlpha={!!~['rgb', 'hex'].indexOf(format as string)}\n color={value}\n presetColors={presetColors}\n onChangeComplete={this.handleChange}\n />\n ) : (\n <GithubPicker\n color={value}\n colors={\n Array.isArray(presetColors)\n ? (presetColors\n .filter(\n item => typeof item === 'string' || isObject(item)\n )\n .map(item =>\n typeof item === 'string'\n ? item\n : isObject(item)\n ? item?.color\n : item\n ) as string[])\n : undefined\n }\n onChangeComplete={this.handleChange}\n />\n )}\n </PopUp>\n )}\n </div>\n );\n }\n}\n\nexport default themeable(\n localeable(\n uncontrollable(ColorControl, {\n value: 'onChange'\n })\n )\n);\n"
12
12
  ]
13
13
  }