@kdcloudjs/kdesign 1.7.51 → 1.7.53
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 +12 -0
- package/dist/kdesign.css +1 -1
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +1635 -1934
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +1 -1
- package/dist/kdesign.min.js +9 -9
- package/dist/kdesign.min.js.map +1 -1
- package/es/color-picker/color-picker-panel.js +1 -1
- package/es/color-picker/color-picker.js +1 -1
- package/es/color-picker/utils/colorFormat.js +1 -1
- package/es/filter/filter.js +4 -5
- package/es/input/TextArea.js +1 -7
- package/es/tree/utils/treeUtils.js +1 -1
- package/lib/color-picker/color-picker-panel.js +2 -2
- package/lib/color-picker/color-picker.js +3 -3
- package/lib/color-picker/utils/colorFormat.js +2 -2
- package/lib/filter/filter.js +4 -5
- package/lib/input/TextArea.js +1 -7
- package/lib/tree/utils/treeUtils.js +1 -1
- package/package.json +2 -2
|
@@ -10,7 +10,7 @@ import { colorFormat, valOfCorrespondingType, strFixed, getColorObj, highlightPr
|
|
|
10
10
|
import { defaultSystemColor } from './constant/defaultColor';
|
|
11
11
|
import { validateColor } from './utils/validateColor';
|
|
12
12
|
import { toLowerCase } from './utils/convertLetters';
|
|
13
|
-
import Color from 'color
|
|
13
|
+
import Color from 'color';
|
|
14
14
|
import { ChromePicker } from 'react-color';
|
|
15
15
|
import devWarning from '../_utils/devwarning';
|
|
16
16
|
import { useOnClickOutside } from '../_utils/hooks';
|
|
@@ -11,7 +11,7 @@ import ColorPickerPanel from './color-picker-panel';
|
|
|
11
11
|
import { colorFormat, strFixed, getColorObj, valOfCorrespondingType, highlightPresetColorIndex, presetColorToHEX } from './utils/colorFormat';
|
|
12
12
|
import { toLowerCase } from './utils/convertLetters';
|
|
13
13
|
import { defaultSystemColor } from './constant/defaultColor';
|
|
14
|
-
import Color from 'color
|
|
14
|
+
import Color from 'color';
|
|
15
15
|
import { getCompProps } from '../_utils';
|
|
16
16
|
import usePopper from '../_utils/usePopper';
|
|
17
17
|
import { systemPresetColor } from './constant/systemPresetColor';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
2
2
|
import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
|
|
3
3
|
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
4
|
-
import Color from 'color
|
|
4
|
+
import Color from 'color';
|
|
5
5
|
import { validateColor } from './validateColor';
|
|
6
6
|
import { toLowerCase } from './convertLetters';
|
|
7
7
|
export var colorFormat = function colorFormat(colorStr) {
|
package/es/filter/filter.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime-corejs3/helpers/extends";
|
|
2
2
|
import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
|
|
3
|
-
import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
|
|
4
3
|
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
4
|
+
import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
|
|
5
5
|
import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
|
|
6
6
|
import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
|
|
7
7
|
import * as React from 'react';
|
|
@@ -39,7 +39,7 @@ var Filter = function Filter(props) {
|
|
|
39
39
|
customPrefixcls = _getCompProps.prefixCls;
|
|
40
40
|
// className前缀
|
|
41
41
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'filter', customPrefixcls);
|
|
42
|
-
var _React$useRef = React.useRef(props.value
|
|
42
|
+
var _React$useRef = React.useRef(typeof props.value === 'undefined' ? props.defaultValue || {} : props.value || {}),
|
|
43
43
|
defaultValue = _React$useRef.current;
|
|
44
44
|
var _React$useState = React.useState(defaultValue),
|
|
45
45
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
@@ -52,7 +52,6 @@ var Filter = function Filter(props) {
|
|
|
52
52
|
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
53
53
|
tab = _React$useState4[0],
|
|
54
54
|
setTab = _React$useState4[1];
|
|
55
|
-
var conditionValue = _Object$keys(value).length < 1 || _Object$keys(value).length === 1 && value.scheme ? defaultValue : value;
|
|
56
55
|
var onConditionChange = function onConditionChange(nextValue, condition, option) {
|
|
57
56
|
props.value === undefined && setValue(nextValue);
|
|
58
57
|
onChange && onChange(nextValue, condition, option);
|
|
@@ -60,7 +59,7 @@ var Filter = function Filter(props) {
|
|
|
60
59
|
var onConditionRemove = function onConditionRemove(key, e) {
|
|
61
60
|
e.preventDefault();
|
|
62
61
|
if (key) {
|
|
63
|
-
var nextValue = _extends({},
|
|
62
|
+
var nextValue = _extends({}, value);
|
|
64
63
|
delete nextValue[key];
|
|
65
64
|
onConditionChange(nextValue);
|
|
66
65
|
}
|
|
@@ -177,7 +176,7 @@ var Filter = function Filter(props) {
|
|
|
177
176
|
FilterLangMsg: FilterLangMsg,
|
|
178
177
|
onConditionChange: onConditionChange,
|
|
179
178
|
onConditionRemove: onConditionRemove,
|
|
180
|
-
value:
|
|
179
|
+
value: value
|
|
181
180
|
})), /*#__PURE__*/React.createElement(SchemeFilter, _extends({}, {
|
|
182
181
|
tab: tab,
|
|
183
182
|
fields: fields,
|
package/es/input/TextArea.js
CHANGED
|
@@ -94,8 +94,7 @@ var InternalTextarea = function InternalTextarea(props, ref) {
|
|
|
94
94
|
}, [autoSize, textareaRef, style]);
|
|
95
95
|
useResizeObserver(textareaRef.current, resizeTextarea);
|
|
96
96
|
var handleChange = function handleChange(e) {
|
|
97
|
-
|
|
98
|
-
setValue(e.target.value);
|
|
97
|
+
propsValue === undefined && setValue(e.target.value);
|
|
99
98
|
onChange && onChange(e);
|
|
100
99
|
};
|
|
101
100
|
var handleFocus = function handleFocus(e) {
|
|
@@ -140,11 +139,6 @@ var InternalTextarea = function InternalTextarea(props, ref) {
|
|
|
140
139
|
setNumberMarkError(false);
|
|
141
140
|
}
|
|
142
141
|
}, [value]);
|
|
143
|
-
useEffect(function () {
|
|
144
|
-
if (propsValue !== undefined) {
|
|
145
|
-
setValue(propsValue);
|
|
146
|
-
}
|
|
147
|
-
}, [propsValue, setValue]);
|
|
148
142
|
useEffect(function () {
|
|
149
143
|
if (focused && !showNumberMark) {
|
|
150
144
|
setShowNumberMark(true);
|
|
@@ -616,7 +616,7 @@ export var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys
|
|
|
616
616
|
if (isSearching && searchStatus === 'SEARCH_START') {
|
|
617
617
|
keys = _toConsumableArray(getAllFilterKeys(data, filterTreeNode, keysData, expandOnFilterNode).filterExpandKeys);
|
|
618
618
|
}
|
|
619
|
-
return keys;
|
|
619
|
+
return _Array$from(new _Set(_toConsumableArray(keys)));
|
|
620
620
|
};
|
|
621
621
|
export var getExpandedKeys = function getExpandedKeys(expandedKeys) {
|
|
622
622
|
var expandScrollkeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
@@ -19,7 +19,7 @@ var _colorFormat = require("./utils/colorFormat");
|
|
|
19
19
|
var _defaultColor = require("./constant/defaultColor");
|
|
20
20
|
var _validateColor = require("./utils/validateColor");
|
|
21
21
|
var _convertLetters = require("./utils/convertLetters");
|
|
22
|
-
var
|
|
22
|
+
var _color = _interopRequireDefault(require("color"));
|
|
23
23
|
var _reactColor = require("react-color");
|
|
24
24
|
var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
|
|
25
25
|
var _hooks = require("../_utils/hooks");
|
|
@@ -152,7 +152,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
|
|
|
152
152
|
setIsFollow(switchValue);
|
|
153
153
|
if (switchValue) {
|
|
154
154
|
formatArr = (0, _colorFormat.colorFormat)(functionalColor, alpha);
|
|
155
|
-
setPanelState(formatArr, formatArr[(0, _colorFormat.valOfCorrespondingType)(currentColorType)].value, functionalColorName, (0, _colorFormat.strFixed)((0,
|
|
155
|
+
setPanelState(formatArr, formatArr[(0, _colorFormat.valOfCorrespondingType)(currentColorType)].value, functionalColorName, (0, _colorFormat.strFixed)((0, _color.default)((0, _colorFormat.getColorObj)(functionalColor)).alpha(), 2), (0, _colorFormat.strFixed)((0, _color.default)((0, _colorFormat.getColorObj)(functionalColor)).alpha(), 2) * 100 + '%');
|
|
156
156
|
setClickedColorIndex((0, _colorFormat.highlightPresetColorIndex)(formatArr[0].value, (0, _colorFormat.presetColorToHEX)(presetColor || _systemPresetColor.systemPresetColor)));
|
|
157
157
|
} else {
|
|
158
158
|
formatArr = (0, _colorFormat.colorFormat)(_defaultColor.defaultSystemColor, 1, 'all', true);
|
|
@@ -21,7 +21,7 @@ var _colorPickerPanel = _interopRequireDefault(require("./color-picker-panel"));
|
|
|
21
21
|
var _colorFormat = require("./utils/colorFormat");
|
|
22
22
|
var _convertLetters = require("./utils/convertLetters");
|
|
23
23
|
var _defaultColor = require("./constant/defaultColor");
|
|
24
|
-
var
|
|
24
|
+
var _color = _interopRequireDefault(require("color"));
|
|
25
25
|
var _utils = require("../_utils");
|
|
26
26
|
var _usePopper = _interopRequireDefault(require("../_utils/usePopper"));
|
|
27
27
|
var _systemPresetColor = require("./constant/systemPresetColor");
|
|
@@ -105,8 +105,8 @@ var ColorPicker = function ColorPicker(props) {
|
|
|
105
105
|
setAlphaNoVerifyVal(alphaStr);
|
|
106
106
|
};
|
|
107
107
|
if (inputValType) {
|
|
108
|
-
var formatArr = (0, _colorFormat.colorFormat)(inpValue, (0, _colorFormat.strFixed)((0,
|
|
109
|
-
setState(formatArr, formatArr[(0, _colorFormat.valOfCorrespondingType)(currentColorType)].value, (0,
|
|
108
|
+
var formatArr = (0, _colorFormat.colorFormat)(inpValue, (0, _colorFormat.strFixed)((0, _color.default)((0, _colorFormat.getColorObj)(inpValue)).alpha(), 2));
|
|
109
|
+
setState(formatArr, formatArr[(0, _colorFormat.valOfCorrespondingType)(currentColorType)].value, (0, _color.default)((0, _colorFormat.getColorObj)(inpValue)).alpha(), ((0, _colorFormat.strFixed)((0, _color.default)((0, _colorFormat.getColorObj)(inpValue)).alpha(), 2) * 100).toFixed() + '%');
|
|
110
110
|
setClickedColorIndex((0, _colorFormat.highlightPresetColorIndex)(formatArr[0].value, (0, _colorFormat.presetColorToHEX)(presetColor || _systemPresetColor.systemPresetColor)));
|
|
111
111
|
} else {
|
|
112
112
|
var _formatArr = (0, _colorFormat.colorFormat)(_defaultColor.defaultSystemColor);
|
|
@@ -8,14 +8,14 @@ exports.valOfCorrespondingType = exports.strFixed = exports.presetColorToHEX = e
|
|
|
8
8
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
9
9
|
var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
|
|
10
10
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
11
|
-
var
|
|
11
|
+
var _color = _interopRequireDefault(require("color"));
|
|
12
12
|
var _validateColor = require("./validateColor");
|
|
13
13
|
var _convertLetters = require("./convertLetters");
|
|
14
14
|
var colorFormat = function colorFormat(colorStr) {
|
|
15
15
|
var alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
|
|
16
16
|
var outType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'all';
|
|
17
17
|
var formatHex = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
18
|
-
var ColorTools = (0,
|
|
18
|
+
var ColorTools = (0, _color.default)(getColorObj(colorStr)).alpha(alpha);
|
|
19
19
|
var toHex = function toHex() {
|
|
20
20
|
if (/^#([0-9a-fA-F]{8})$/.test(colorStr)) {
|
|
21
21
|
if (formatHex) {
|
package/lib/filter/filter.js
CHANGED
|
@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
10
|
exports.default = void 0;
|
|
11
|
-
var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
|
|
12
11
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
12
|
+
var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
|
|
13
13
|
var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
|
|
14
14
|
var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
|
|
15
15
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
@@ -51,7 +51,7 @@ var Filter = function Filter(props) {
|
|
|
51
51
|
customPrefixcls = _getCompProps.prefixCls;
|
|
52
52
|
// className前缀
|
|
53
53
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'filter', customPrefixcls);
|
|
54
|
-
var _React$useRef = React.useRef(props.value
|
|
54
|
+
var _React$useRef = React.useRef(typeof props.value === 'undefined' ? props.defaultValue || {} : props.value || {}),
|
|
55
55
|
defaultValue = _React$useRef.current;
|
|
56
56
|
var _React$useState = React.useState(defaultValue),
|
|
57
57
|
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
|
@@ -64,7 +64,6 @@ var Filter = function Filter(props) {
|
|
|
64
64
|
_React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
|
|
65
65
|
tab = _React$useState4[0],
|
|
66
66
|
setTab = _React$useState4[1];
|
|
67
|
-
var conditionValue = (0, _keys.default)(value).length < 1 || (0, _keys.default)(value).length === 1 && value.scheme ? defaultValue : value;
|
|
68
67
|
var onConditionChange = function onConditionChange(nextValue, condition, option) {
|
|
69
68
|
props.value === undefined && setValue(nextValue);
|
|
70
69
|
onChange && onChange(nextValue, condition, option);
|
|
@@ -72,7 +71,7 @@ var Filter = function Filter(props) {
|
|
|
72
71
|
var onConditionRemove = function onConditionRemove(key, e) {
|
|
73
72
|
e.preventDefault();
|
|
74
73
|
if (key) {
|
|
75
|
-
var nextValue = (0, _extends2.default)({},
|
|
74
|
+
var nextValue = (0, _extends2.default)({}, value);
|
|
76
75
|
delete nextValue[key];
|
|
77
76
|
onConditionChange(nextValue);
|
|
78
77
|
}
|
|
@@ -189,7 +188,7 @@ var Filter = function Filter(props) {
|
|
|
189
188
|
FilterLangMsg: FilterLangMsg,
|
|
190
189
|
onConditionChange: onConditionChange,
|
|
191
190
|
onConditionRemove: onConditionRemove,
|
|
192
|
-
value:
|
|
191
|
+
value: value
|
|
193
192
|
})), /*#__PURE__*/React.createElement(_scheme.default, (0, _extends2.default)({}, {
|
|
194
193
|
tab: tab,
|
|
195
194
|
fields: fields,
|
package/lib/input/TextArea.js
CHANGED
|
@@ -106,8 +106,7 @@ var InternalTextarea = function InternalTextarea(props, ref) {
|
|
|
106
106
|
}, [autoSize, textareaRef, style]);
|
|
107
107
|
(0, _hooks.useResizeObserver)(textareaRef.current, resizeTextarea);
|
|
108
108
|
var handleChange = function handleChange(e) {
|
|
109
|
-
|
|
110
|
-
setValue(e.target.value);
|
|
109
|
+
propsValue === undefined && setValue(e.target.value);
|
|
111
110
|
onChange && onChange(e);
|
|
112
111
|
};
|
|
113
112
|
var handleFocus = function handleFocus(e) {
|
|
@@ -152,11 +151,6 @@ var InternalTextarea = function InternalTextarea(props, ref) {
|
|
|
152
151
|
setNumberMarkError(false);
|
|
153
152
|
}
|
|
154
153
|
}, [value]);
|
|
155
|
-
(0, _react.useEffect)(function () {
|
|
156
|
-
if (propsValue !== undefined) {
|
|
157
|
-
setValue(propsValue);
|
|
158
|
-
}
|
|
159
|
-
}, [propsValue, setValue]);
|
|
160
154
|
(0, _react.useEffect)(function () {
|
|
161
155
|
if (focused && !showNumberMark) {
|
|
162
156
|
setShowNumberMark(true);
|
|
@@ -650,7 +650,7 @@ var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys, defau
|
|
|
650
650
|
if (isSearching && searchStatus === 'SEARCH_START') {
|
|
651
651
|
keys = (0, _toConsumableArray2.default)(getAllFilterKeys(data, filterTreeNode, keysData, expandOnFilterNode).filterExpandKeys);
|
|
652
652
|
}
|
|
653
|
-
return keys;
|
|
653
|
+
return (0, _from.default)(new _set.default((0, _toConsumableArray2.default)(keys)));
|
|
654
654
|
};
|
|
655
655
|
exports.getInitExpandedKeys = getInitExpandedKeys;
|
|
656
656
|
var getExpandedKeys = function getExpandedKeys(expandedKeys) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kdcloudjs/kdesign",
|
|
3
|
-
"version": "1.7.
|
|
3
|
+
"version": "1.7.53",
|
|
4
4
|
"description": "KDesign 金蝶前端react 组件库",
|
|
5
5
|
"title": "kdesign",
|
|
6
6
|
"keywords": [
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
"axios": "^0.21.1",
|
|
86
86
|
"big.js": "^6.0.2",
|
|
87
87
|
"classnames": "^2.2.6",
|
|
88
|
-
"color
|
|
88
|
+
"color": "^4.2.3",
|
|
89
89
|
"copy-to-clipboard": "^3.3.1",
|
|
90
90
|
"cropperjs": "^1.5.12",
|
|
91
91
|
"css-vars-ponyfill": "^2.4.8",
|