@kdcloudjs/kdesign 1.7.63 → 1.7.65

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.62
+ *   @kdcloudjs/kdesign v1.7.64
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -4344,16 +4344,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__ = __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_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.string.split.js */ "./node_modules/core-js/modules/es.string.split.js");
-/* harmony import */ var core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.array.splice.js */ "./node_modules/core-js/modules/es.array.splice.js");
-/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.string.split.js */ "./node_modules/core-js/modules/es.string.split.js");
+/* harmony import */ var core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.array.splice.js */ "./node_modules/core-js/modules/es.array.splice.js");
+/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_8__);
 /* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
 /* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_9__);
 /* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
@@ -4492,8 +4492,11 @@ var InternalBaseData = function InternalBaseData(props, ref) {
 
   // 记录每个选项的开始与结束下标
   var setValIndxPosition = Object(react__WEBPACK_IMPORTED_MODULE_17__["useCallback"])(function () {
+    var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     var arr = [];
-    inputValue.split(delimiter).reduce(function (pre, next) {
+    (str || inputValue).split(delimiter).filter(function (item) {
+      return !!item;
+    }).reduce(function (pre, next) {
       arr.push({
         start: pre,
         end: pre + next.length
@@ -4502,6 +4505,12 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     }, 0);
     return arr;
   }, [delimiter, inputValue]);
+  var initInputValue = (searchInfo.current.editOptions || []).filter(function (item) {
+    return !!item;
+  }).reduce(function (pre, next, index, arr) {
+    return "".concat(pre).concat(next[optionLabelProp]).concat(index !== arr.length - 1 ? delimiter : '');
+  }, '');
+  var initIndexPos = setValIndxPosition(initInputValue);
   Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
     var list = setValIndxPosition();
     setIndxPosList(list);
@@ -4520,18 +4529,17 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     searchInfo.current.editOptions = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(seletedItems);
   }, [value, isMultiple]);
   Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
-    var _inputRef$current;
+    var _inputRef$current, _inputRef$current$inp;
     if (!searchInfo.current.previousEditValue) return;
     var posList = setValIndxPosition();
     var preValueArr = getStrToArr(searchInfo.current.previousEditValue, delimiter);
     var valueArr = getStrToArr(inputValue, delimiter);
-    var selectionStart = ((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.selectionStart) || 0;
+    var selectionStart = ((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : (_inputRef$current$inp = _inputRef$current.input) === null || _inputRef$current$inp === void 0 ? void 0 : _inputRef$current$inp.selectionStart) || 0;
     var index = findSelectionIndex(selectionStart, posList);
     searchInfo.current.searchIndex = index;
     // 新增一个
     var list = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(searchInfo.current.editOptions || []);
     if (valueArr.length - preValueArr.length === 1) {
-      searchInfo.current.deleteEndIndx = index;
       list.splice(index, 0, null);
     }
     if (valueArr.length < preValueArr.length) {
@@ -4548,6 +4556,17 @@ var InternalBaseData = function InternalBaseData(props, ref) {
         end = _findDeleteInterval.end;
       list === null || list === void 0 ? void 0 : list.splice(start, end - start + 1);
     }
+    // 判断每次单个按del键时删除了分隔符后下一次触发
+    if (searchInfo.current.deleteEndIndx > 0 && selectionStart !== searchInfo.current.deleteEndIndx) {
+      var _findDeleteInterval2 = findDeleteInterval(selectionStart, searchInfo.current.deleteEndIndx, initIndexPos),
+        _start = _findDeleteInterval2.start,
+        _end = _findDeleteInterval2.end;
+      // 单个删除时找到合理的下标触发
+      if (_start !== null && _end !== null && _start <= _end) {
+        list === null || list === void 0 ? void 0 : list.splice(_start, _end - _start + 1);
+        searchInfo.current.deleteEndIndx = 0;
+      }
+    }
     searchInfo.current.editOptions = list;
     searchInfo.current.previousEditValue = inputValue;
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -4562,8 +4581,10 @@ var InternalBaseData = function InternalBaseData(props, ref) {
 
   // 当选中项文字超出输入框时，显示共多少项
   Object(react__WEBPACK_IMPORTED_MODULE_17__["useLayoutEffect"])(function () {
-    if (!inputRef.current) return;
-    if (inputRef.current.scrollWidth - inputRef.current.offsetWidth > 0) {
+    var _inputRef$current2;
+    var inputDom = (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.input;
+    if (!inputDom) return;
+    if (inputDom.scrollWidth - inputDom.offsetWidth > 0) {
       setShowTotal(true);
     } else {
       setShowTotal(false);
@@ -4582,20 +4603,37 @@ var InternalBaseData = function InternalBaseData(props, ref) {
   Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
     setValueBySeleted();
   }, [setValueBySeleted]);
+  var findDeletedChar = function findDeletedChar(prev, current) {
+    if (prev.length > current.length) {
+      for (var i = 0; i < prev.length; i++) {
+        if (prev[i] !== current[i]) {
+          return prev[i];
+        }
+      }
+      return prev[prev.length - 1];
+    }
+    return null;
+  };
   var changeInputText = function changeInputText(e) {
+    var _inputRef$current3;
     setOptionShow(true);
     var textValue = e.target.value;
     var val = textValue;
-    if (isMultiple && inputRef.current && textValue && textValue.length > inputValue.length) {
-      var selectionStart = inputRef.current.selectionStart || 0; // selectionStart: 光标前面有几个字符
+    var inputDom = (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.input;
+    var selectionStart = inputDom.selectionStart || 0; // selectionStart: 光标前面有几个字符
+    if (isMultiple && inputDom && textValue && textValue.length > inputValue.length) {
       searchInfo.current.selectionStart = selectionStart;
       var isInHead = selectionStart === 1 && textValue[1] !== delimiter && textValue.length !== 1; // 在首部添加
       var isInMid = selectionStart !== textValue.length && textValue[selectionStart - 2] === delimiter && textValue[selectionStart] !== delimiter;
       if (isInHead || isInMid) {
-        inputRef.current.value = val = textValue.substring(0, selectionStart) + delimiter + textValue.substring(selectionStart, textValue.length);
-        setCursorPosition(inputRef.current, selectionStart);
+        inputDom.value = val = textValue.substring(0, selectionStart) + delimiter + textValue.substring(selectionStart, textValue.length);
+        setCursorPosition(inputDom, selectionStart);
       }
     }
+    // 单个删除时 当删除的字符为分隔符delimiter 记录位置
+    if (findDeletedChar(searchInfo.current.previousEditValue || '', textValue) === delimiter) {
+      searchInfo.current.deleteEndIndx = selectionStart;
+    }
     setInputValue(val);
     handleChange(val);
   };
@@ -4609,11 +4647,12 @@ var InternalBaseData = function InternalBaseData(props, ref) {
       return queryStr;
     }
     if (inputRef.current && queryStr) {
+      var _inputRef$current4, _inputRef$current4$in;
       if (queryStr.indexOf(delimiter) < 0) {
         // 只有一条记录
         return queryStr;
       }
-      var selectionStart = inputRef.current.selectionStart || 0;
+      var selectionStart = ((_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : (_inputRef$current4$in = _inputRef$current4.input) === null || _inputRef$current4$in === void 0 ? void 0 : _inputRef$current4$in.selectionStart) || 0;
       var startIndex = queryStr.slice(0, selectionStart).lastIndexOf(delimiter) + 1; // 光标前面最近分隔符index
       var endIndex = queryStr.slice(selectionStart).indexOf(delimiter);
       endIndex = endIndex === -1 ? queryStr.length : selectionStart + endIndex; // 光标后面最近分隔符index
@@ -4651,12 +4690,14 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     setSeletedOptions(list);
   };
   var showInputTotal = function showInputTotal() {
+    var _inputRef$current5;
     if (disabled) return;
-    if (inputRef.current) {
-      var scrollToWidth = inputRef.current.scrollWidth - inputRef.current.offsetWidth;
-      inputRef.current.scrollLeft = scrollToWidth;
+    var inputDom = (_inputRef$current5 = inputRef.current) === null || _inputRef$current5 === void 0 ? void 0 : _inputRef$current5.input;
+    if (inputDom) {
+      var scrollToWidth = inputDom.scrollWidth - inputDom.offsetWidth;
+      inputDom.scrollLeft = scrollToWidth;
       setTimeout(function () {
-        setCursorPosition(inputRef.current, inputValue.length + 1);
+        setCursorPosition(inputDom, inputValue.length + 1);
       }, 0);
     }
   };
@@ -4687,11 +4728,12 @@ var InternalBaseData = function InternalBaseData(props, ref) {
 
   // 双击选中当前项
   var handleDoubleClick = function handleDoubleClick() {
-    var _inputRef$current2, _inputRef$current3;
-    var _findDbClickSelectedP = findDbClickSelectedPos(((_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.selectionStart) || 0, ((_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.selectionEnd) || 0),
+    var _inputRef$current6;
+    var inputDom = (_inputRef$current6 = inputRef.current) === null || _inputRef$current6 === void 0 ? void 0 : _inputRef$current6.input;
+    var _findDbClickSelectedP = findDbClickSelectedPos((inputDom === null || inputDom === void 0 ? void 0 : inputDom.selectionStart) || 0, (inputDom === null || inputDom === void 0 ? void 0 : inputDom.selectionEnd) || 0),
       start = _findDbClickSelectedP.start,
       end = _findDbClickSelectedP.end;
-    handleSeletedText(inputRef.current, start, end);
+    handleSeletedText(inputDom, start, end);
   };
   var findDbClickSelectedPos = function findDbClickSelectedPos(selectionStart, selectionEnd) {
     for (var index = 0; index < indxPosList.length; index++) {