@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.
@@ -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-ie';
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-ie';
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-ie';
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) {
@@ -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 || props.defaultValue || {}),
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({}, conditionValue);
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: conditionValue
179
+ value: value
181
180
  })), /*#__PURE__*/React.createElement(SchemeFilter, _extends({}, {
182
181
  tab: tab,
183
182
  fields: fields,
@@ -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
- if (value === undefined) return;
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 _colorIe = _interopRequireDefault(require("color-ie"));
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, _colorIe.default)((0, _colorFormat.getColorObj)(functionalColor)).alpha(), 2), (0, _colorFormat.strFixed)((0, _colorIe.default)((0, _colorFormat.getColorObj)(functionalColor)).alpha(), 2) * 100 + '%');
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 _colorIe = _interopRequireDefault(require("color-ie"));
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, _colorIe.default)((0, _colorFormat.getColorObj)(inpValue)).alpha(), 2));
109
- setState(formatArr, formatArr[(0, _colorFormat.valOfCorrespondingType)(currentColorType)].value, (0, _colorIe.default)((0, _colorFormat.getColorObj)(inpValue)).alpha(), ((0, _colorFormat.strFixed)((0, _colorIe.default)((0, _colorFormat.getColorObj)(inpValue)).alpha(), 2) * 100).toFixed() + '%');
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 _colorIe = _interopRequireDefault(require("color-ie"));
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, _colorIe.default)(getColorObj(colorStr)).alpha(alpha);
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) {
@@ -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 || props.defaultValue || {}),
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)({}, conditionValue);
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: conditionValue
191
+ value: value
193
192
  })), /*#__PURE__*/React.createElement(_scheme.default, (0, _extends2.default)({}, {
194
193
  tab: tab,
195
194
  fields: fields,
@@ -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
- if (value === undefined) return;
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.51",
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-ie": "^4.2.5",
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",