@kdcloudjs/kdesign 1.7.34 → 1.7.35

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.33
+ *   @kdcloudjs/kdesign v1.7.34
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -8665,7 +8665,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var color__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(color__WEBPACK_IMPORTED_MODULE_16__);
 /* harmony import */ var react_color__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! react-color */ "./node_modules/react-color/es/index.js");
 /* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
-/* harmony import */ var _utils_hooks_useOnClickOutside__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./utils/hooks/useOnClickOutside */ "./components/color-picker/utils/hooks/useOnClickOutside.tsx");
+/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
 
 
 
@@ -8699,6 +8699,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     setColTypeArr = props.setColTypeArr,
     setCurrentColorType = props.setCurrentColorType,
     onChange = props.onChange,
+    onVisibleChange = props.onVisibleChange,
     alpha = props.alpha,
     alphaNoVerifyVal = props.alphaNoVerifyVal,
     clickedColorIndex = props.clickedColorIndex,
@@ -8716,7 +8717,9 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     showPresetColor = props.showPresetColor,
     showColorPickerBox = props.showColorPickerBox,
     showColorPickerPanel = props.showColorPickerPanel,
-    value = props.value;
+    value = props.value,
+    visible = props.visible,
+    showPanel = props.showPanel;
   var panelInputRef = Object(react__WEBPACK_IMPORTED_MODULE_7__["useRef"])(null);
   var panelClsRef = Object(react__WEBPACK_IMPORTED_MODULE_7__["useRef"])(null);
   var Option = _index__WEBPACK_IMPORTED_MODULE_8__["Select"].Option;
@@ -8728,8 +8731,9 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
   var panelCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel"));
   var panelChromePickerCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-chrome"), (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(colorPickerPrefixCls, "-panel-chrome-no-box"), !(showColorPickerBox !== null && showColorPickerBox !== void 0 && showColorPickerBox.showBox)), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(colorPickerPrefixCls, "-panel-chrome-no-hue"), !(showColorPickerBox !== null && showColorPickerBox !== void 0 && showColorPickerBox.showHue)), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(colorPickerPrefixCls, "-panel-chrome-no-opacity"), !(showColorPickerBox !== null && showColorPickerBox !== void 0 && showColorPickerBox.showOpacity)), _classNames));
   var panelFollowThemeCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-switch"));
-  var panelInputCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-input"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(colorPickerPrefixCls, "-panel-input-no-recommend"), !showPresetColor));
-  var transparentCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-transparent"));
+  var panelContainerCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-container"));
+  var panelInputCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-container-input"));
+  var transparentCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-container-transparent"));
   var colorDivContainerCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-colorDivContainer"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(colorPickerPrefixCls, "-panel-colorDivContainer-unset-color"), (presetColor === null || presetColor === void 0 ? void 0 : presetColor.length) === 0));
   var colorLiClick = function colorLiClick(index, colorValue) {
     var formatArr = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_12__["colorFormat"])(colorValue, alpha);
@@ -8843,8 +8847,11 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_18__["default"])(!isTrueFormat, 'color-picker', "'presetColor' must be an array of hexadecimal, RGB, HSB, HSL or English color name string type");
     return isTrueFormat;
   };
-  Object(_utils_hooks_useOnClickOutside__WEBPACK_IMPORTED_MODULE_19__["default"])([panelClsRef, inputRef], function () {
-    setShowPanel(false);
+  Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_19__["useOnClickOutside"])([panelClsRef, inputRef], function () {
+    if (typeof visible === 'undefined') {
+      setShowPanel(false);
+    }
+    showPanel && onVisibleChange && onVisibleChange(false);
   });
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_7___default.a.Fragment, null, showColorPickerPanel && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
     className: panelCls,
@@ -8858,7 +8865,9 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("span", null, (switchName === null || switchName === void 0 ? void 0 : switchName.internationalName) && locale.getLangMsg('ColorPicker', switchName.internationalName) || switchName.name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_8__["Switch"], {
     checked: isFollow,
     onChange: handleSwitchChange
-  })), showColorTransfer && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_7___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
+  })), showColorTransfer && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
+    className: panelContainerCls
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
     className: panelInputCls,
     ref: panelInputRef
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_8__["Select"], {
@@ -9003,8 +9012,10 @@ var ColorPicker = function ColorPicker(props) {
     placeholder = colorPickerProps.placeholder,
     defaultValue = colorPickerProps.defaultValue,
     defaultOpen = colorPickerProps.defaultOpen,
+    visible = colorPickerProps.visible,
     suffixIcon = colorPickerProps.suffixIcon,
-    onChange = colorPickerProps.onChange;
+    onChange = colorPickerProps.onChange,
+    onVisibleChange = colorPickerProps.onVisibleChange;
   var _useState = Object(react__WEBPACK_IMPORTED_MODULE_10__["useState"])(defaultValue || ''),
     _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),
     inputColorValue = _useState2[0],
@@ -9021,7 +9032,7 @@ var ColorPicker = function ColorPicker(props) {
     _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState7, 2),
     colTypeArr = _useState8[0],
     setColTypeArr = _useState8[1];
-  var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_10__["useState"])(defaultOpen),
+  var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_10__["useState"])(typeof visible === 'undefined' ? !!defaultOpen : !!visible),
     _useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState9, 2),
     showPanel = _useState10[0],
     setShowPanel = _useState10[1];
@@ -9085,8 +9096,16 @@ var ColorPicker = function ColorPicker(props) {
     functionalColor && showSwitch && setIsFollow(false);
   };
   var handleClick = function handleClick() {
-    setShowPanel(!showPanel);
+    if (typeof visible === 'undefined') {
+      setShowPanel(!showPanel);
+    }
+    onVisibleChange && onVisibleChange(!showPanel);
   };
+  Object(react__WEBPACK_IMPORTED_MODULE_10__["useEffect"])(function () {
+    if (typeof visible !== 'undefined') {
+      setShowPanel(visible);
+    }
+  }, [visible]);
   Object(react__WEBPACK_IMPORTED_MODULE_10__["useEffect"])(function () {
     if (value) {
       setIconColor(value);
@@ -9134,7 +9153,10 @@ var ColorPicker = function ColorPicker(props) {
     functionalColorName: functionalColorName,
     switchName: switchName,
     presetColor: presetColor,
-    value: value
+    value: value,
+    visible: visible,
+    showPanel: showPanel,
+    onVisibleChange: onVisibleChange
     // private
     ,
     setInputColorValue: setInputColorValue,
@@ -9162,6 +9184,7 @@ var ColorPicker = function ColorPicker(props) {
     placement: 'bottomLeft',
     defaultVisible: showPanel,
     visible: showPanel,
+    onVisibleChange: null,
     clickToClose: false
   });
   return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_22__["default"])(colorInputEle, panel, popperProps);
@@ -9479,39 +9502,6 @@ function toLowerCase(str) {
 
 /***/ }),
 
-/***/ "./components/color-picker/utils/hooks/useOnClickOutside.tsx":
-/*!*******************************************************************!*\
-  !*** ./components/color-picker/utils/hooks/useOnClickOutside.tsx ***!
-  \*******************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-
-
-var useOnClickOutside = function useOnClickOutside(refArr, handler) {
-  Object(react__WEBPACK_IMPORTED_MODULE_1__["useEffect"])(function () {
-    var mouseDownListener = function mouseDownListener(event) {
-      if (refArr.some(function (ref) {
-        return !ref.current || ref.current.contains(event.target);
-      })) {
-        return;
-      }
-      handler(event);
-    };
-    document.addEventListener('mousedown', mouseDownListener);
-    document.addEventListener('touchstart', mouseDownListener);
-  }, [refArr, handler]);
-};
-/* harmony default export */ __webpack_exports__["default"] = (useOnClickOutside);
-
-/***/ }),
-
 /***/ "./components/color-picker/utils/validateColor.ts":
 /*!********************************************************!*\
   !*** ./components/color-picker/utils/validateColor.ts ***!
@@ -22943,7 +22933,9 @@ var locale = _objectSpread(_objectSpread({
   'Table.isNull': '为空',
   'Table.notIsNull': '不为空',
   'Table.resetFilter': '重置',
-  'Table.confirmFilter': '确定'
+  'Table.confirmFilter': '确定',
+  'Select.selectAll': '全选',
+  'Select.seleted': '已选{size}项'
 });
 /* harmony default export */ __webpack_exports__["default"] = (locale);
 
@@ -28647,8 +28639,12 @@ var InternalSelect = function InternalSelect(props, ref) {
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_19__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_23__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    locale = _useContext.locale;
   var selectProps = Object(_utils__WEBPACK_IMPORTED_MODULE_24__["getCompProps"])('Select', userDefaultProps, props);
+  var selectLangMsg = locale.getCompLangMsg({
+    componentName: 'Select'
+  });
   var size = selectProps.size,
     value = selectProps.value,
     autoFocus = selectProps.autoFocus,
@@ -29204,16 +29200,20 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: dropDownCls,
       style: dropdownStyle,
       ref: dropDownRef
-    }, !dropdownRender && childrenToRender.length > 0 ? dropRender(eleOptionList, heightStyle) : null, renderNotContent(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", null, dropdownRender ? dropdownRender(dropRender(childrenToRender, heightStyle)) : null), isMultiple && realChildren.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
+    }, !dropdownRender && childrenToRender.length > 0 ? dropRender(eleOptionList, heightStyle) : null, renderNotContent(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", null, dropdownRender ? dropdownRender(dropRender(eleOptionList, heightStyle)) : null), isMultiple && realChildren.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
       className: multipleFooterCls
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_26__["Checkbox"], {
       style: checkboxStyle,
       checked: checked,
       indeterminate: indeterminate,
       onChange: handleSelectAll
-    }, "\u5168\u9009"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
+    }, selectLangMsg === null || selectLangMsg === void 0 ? void 0 : selectLangMsg.selectAll), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
       className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected")
-    }, "\u5DF2\u9009", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", null, selectedVal.length), "\u9879")) : null));
+    }, locale.getLangMsg('Select', 'seleted', {
+      size: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
+        className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected-number")
+      }, selectedVal.length)
+    }))) : null));
   };
 
   // 处理多选tag