@chaoswise/business 1.0.5 → 2.1.0

package/lib/AggregateSearch/index.less

@@ -1,225 +0,0 @@
-// == when hoverd
-.hover(@color: @input-hover-border-color) {
-  border-color: @color;
-  border-right-width: @border-width-base  !important;
-}
-
-// input status
-// == when focus or actived
-.active(@color: @outline-color) {
-  border-color:~`colorPalette('@{color}', 5) `;
-  border-right-width: @border-width-base  !important;
-  outline: 0;
-  box-shadow: @input-outline-offset @outline-blur-size @outline-width fade(@color, 20%);
-}
-// tooltip挂载到body上
-.uniq-aggregateSearch-tooltip{
-  white-space: nowrap;
-  background: #FFF1F0;
-  border: @border-width-base @border-style-base @red-5;
-  border-radius: 0 0 2px 2px;
-  font-size: 12px;
-  color: @red-5;
-  padding: 0 10px;
-  min-width: 100px;
-  height: 20px;
-  line-height: 20px;
-}
-.aggregate-search-wrapper {
-  background: #FFFFFF;
-  border-radius: 2px;
-  font-size: 12px;
-  display: flex;
-  align-items: flex-start;
-  white-space: pre-wrap;
-  position: relative;
-  border: @border-width-base @border-style-base @input-border-color;
-  border-radius: @border-radius-base;
-  width: 100%;
-  // 聚焦样式修改
-  &:focus-within {
-    .active();
-  }
-
-  &:hover {
-    .hover();
-  }
-
-  // 取消默认聚焦样式
-  &:focus-visible {
-    outline: none;
-  }
-
-  .aggregate-search-input {
-    position: relative;
-    padding: 0 10px;
-    padding-right: 30px;
-    flex: 1;
-    height: 100%;
-    min-height: 26px;
-    line-height: 26px;
-    // border-radius: @border-radius-base 0 0 @border-radius-base;
-    outline: none;
-
-    &:empty:before {
-      content: attr(data-placeholder);
-      font-size: 12px;
-      color: rgba(0, 0, 0, 0.45);
-      line-height: 20px;
-    }
-
-    &:empty+.close-all-icon {
-      display: none;
-    }
-
-    &:not(.syntax-error):focus:before {
-      // 需要排除掉syntax-error的样式不然报错内容丢失
-      content: ""; // 不能为none，否则placeholder不显示
-    }
-
-    .tag-box {
-      position: relative;
-      background: #FFFFFF;
-      border: @border-width-base @border-style-base #E3E3E3;
-      border-radius: 2px;
-      min-height: 20px;
-      line-height: 18px;
-      display: inline-block;
-      margin-right: 2px;
-      padding-right: 5px;
-      word-break: break-word;
-      .tag-box-item-close {
-        position: absolute;
-        height: 20px;
-        line-height: 20px;
-        display: none;
-        top: -1px;
-        right: -12px;
-        width: 12px;
-        border: @border-width-base @border-style-base #E3E3E3;
-        border-left: none;
-        z-index: 10;
-        background: #fff;
-        border-radius: 0 @border-radius-base @border-radius-base 0;
-
-        &::before,
-        &::after {
-          content: ''; // content为x时，样式突兀
-          width: 0.5px;
-          height: 8px;
-          background: @text-color-show;
-          position: absolute;
-          top: 5.5px;
-          right: 6px;
-          left: auto;
-        }
-
-        &::before {
-          transform: rotate(45deg);
-        }
-
-        &::after {
-          transform: rotate(-45deg);
-        }
-      }
-      &:hover {
-        border-color: @primary-5;
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-        .tag-box-item-close {
-          display: inline-block;
-          border-color: @primary-5;
-          &:hover {
-            cursor: pointer;
-            &::before,
-            &::after {
-              background: @primary-5;
-            }
-          }
-
-        }
-      }
-      &:not(.syntax-error):not(&:hover):has(.tag-con-keyword_AND_OR:nth-child(1)):has(.tag-box-item-close:nth-child(2)) {
-        border-color: transparent;
-      }
-
-      .tag-con {
-        display: inline-block;
-        min-height: 18px;
-        line-height: 18px;
-
-        &:first-child {
-          padding-left: 5px;
-        }
-      }
-
-      .tag-con-key {
-        background: rgba(0, 0, 0, 0.06);
-      }
-
-      .tag-con-key-last {
-        padding-right: 2px;
-      }
-
-      .tag-con-keyword {
-        color: #FA8C16;
-      }
-
-      .tag-con-identifier {
-        color: #FA8C16;
-      }
-
-      .tag-con-match {
-        color: #FA8C16;
-        padding-left: 2px;
-      }
-    }
-  }
-
-  &.aggregate-search-text-wrapper {
-    .aggregate-search-input {
-      line-height: 20px;
-      padding-top: 3px;
-      padding-bottom: 3px;
-    }
-  }
-}
-
-
-.syntax-error {
-  // 语法错误，高亮样式
-  border: @border-width-base @border-style-base @red-5  !important;
-  box-shadow: none !important;
-
-  &:hover {
-
-    // 伪类展示属性值
-    // &:before {
-    //   content: attr(data-error);
-    //   position: absolute;
-    //   white-space: nowrap;
-    //   top: -28px;
-    //   left: -1px;
-    //   height: 20px;
-    //   line-height: 20px;
-    //   background: #FFF1F0;
-    //   border: @border-width-base @border-style-base @red-5;
-    //   border-radius: 0 0 2px 2px;
-    //   font-size: 12px;
-    //   color: @red-5;
-    //   padding: 0 10px;
-    //   min-width: 100px;
-    // }
-  }
-  &:hover {
-    .tag-box-item-close {
-      border-color: @red-5 !important;
-      &:hover {
-        &::before,
-        &::after {
-          background: @red-5 !important;
-        }
-      }
-    }
-  }
-}

package/lib/AggregateSearch/utils/index.js

@@ -1,391 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import makeTokenizeFn from "../CLSPL/makeTokenizeFn";
-import MyGrammarLexer from "../CLSPL/CLQLLexer.js";
-import { TOKEN_TYPES } from "../CLSPL/token";
-import SPLCheck from "../CLSPL/index";
-import classNames from "classnames";
-import { v4 as uid } from 'uuid';
-export var parseStringToToken = function parseStringToToken(value) {
-  var TOKEN_MAPPING = new Map([[MyGrammarLexer.COLON, TOKEN_TYPES.MATCH],
-  // 冒号
-  [MyGrammarLexer.LPAREN, TOKEN_TYPES.IDENTIFIER],
-  // 左括号
-  [MyGrammarLexer.RPAREN, TOKEN_TYPES.IDENTIFIER],
-  // 右括号
-  [MyGrammarLexer.LT, TOKEN_TYPES.MATCH],
-  // <
-  [MyGrammarLexer.GT, TOKEN_TYPES.MATCH],
-  // >
-  [MyGrammarLexer.LE, TOKEN_TYPES.MATCH],
-  // <=
-  [MyGrammarLexer.GE, TOKEN_TYPES.MATCH],
-  // >=
-  [MyGrammarLexer.QUESTION, TOKEN_TYPES.IDENTIFIER],
-  // ?
-  [MyGrammarLexer.STAR, TOKEN_TYPES.IDENTIFIER],
-  // *
-  [MyGrammarLexer.LBRAKET, TOKEN_TYPES.IDENTIFIER],
-  // [
-  [MyGrammarLexer.RBRAKET, TOKEN_TYPES.IDENTIFIER],
-  // ]
-  [MyGrammarLexer.LCURLY, TOKEN_TYPES.IDENTIFIER],
-  // {
-  [MyGrammarLexer.RCURLY, TOKEN_TYPES.IDENTIFIER],
-  // }
-  [MyGrammarLexer.WAVE, TOKEN_TYPES.IDENTIFIER],
-  // ~
-  [MyGrammarLexer.PLUS, TOKEN_TYPES.IDENTIFIER],
-  // +
-  [MyGrammarLexer.MINUS, TOKEN_TYPES.IDENTIFIER],
-  // -
-  [MyGrammarLexer.K_AND, TOKEN_TYPES.KEYWORD],
-  // 关键字 AND
-  [MyGrammarLexer.K_OR, TOKEN_TYPES.KEYWORD],
-  // 关键字 OR
-  [MyGrammarLexer.K_NOT, TOKEN_TYPES.KEYWORD],
-  // 关键字 NOT
-  [MyGrammarLexer.K_TO, TOKEN_TYPES.KEYWORD] // 关键字 TO
-  ]);
-  var tokenize = makeTokenizeFn(MyGrammarLexer, TOKEN_MAPPING);
-  return tokenize(value);
-};
-
-// 语法检测
-export var checkSyntax = function checkSyntax(value) {
-  return new Promise(function (resolve) {
-    new SPLCheck({
-      spl: value || ""
-    }).resolving(function (result) {
-      if ((result === null || result === void 0 ? void 0 : result.type) === "error") {
-        resolve(result);
-      } else {
-        resolve("");
-      }
-    });
-  });
-};
-
-// 以空格分隔内容，但是不包括()内和NOT后的空格和双引号内的空格
-var splitBySpace = function splitBySpace(str) {
-  var res = [];
-  var temp = "";
-  var isBracket = false; // 括号内不分割
-  var isQuote = false; //   引号内不分割
-  var isSquareBracket = false; //  方括号内不分割
-  var isOpenBracket = false; // 花括号内不分割
-
-  for (var i = 0; i < str.length; i++) {
-    var _char = str[i];
-    // 检测当前字符与前面的字符拼接是否为 "NOT "
-    var isNot = "".concat(temp).concat(_char).toUpperCase() === "NOT ";
-    if (['"'].includes(_char)) {
-      isQuote = !isQuote;
-    }
-    if (["["].includes(_char)) {
-      isSquareBracket = true;
-    }
-    if (["]"].includes(_char)) {
-      isSquareBracket = false;
-    }
-    if (["{"].includes(_char)) {
-      isOpenBracket = true;
-    }
-    if (["}"].includes(_char)) {
-      isOpenBracket = false;
-    }
-    if (["("].includes(_char)) {
-      isBracket = true;
-    }
-    if ([")"].includes(_char)) {
-      isBracket = false;
-    }
-    if (_char === " " && !isBracket && !isNot && !isQuote && !isSquareBracket && !isOpenBracket) {
-      res.push(temp);
-      // '1 2 3 4' ==> ['1', ' ', '3', ' ', '4']
-      res.push(" ");
-      temp = "";
-    } else {
-      temp += _char;
-    }
-  }
-  if (temp) {
-    res.push(temp);
-  }
-  return res;
-};
-
-// 按token结果生成html
-export var genHtmlAndSyntaxCheckResByString = function genHtmlAndSyntaxCheckResByString(originalStr) {
-  var tags = splitBySpace(originalStr.endsWith(" ") ? originalStr : originalStr + " ");
-  var htmlString = tags.map(function (inputString) {
-    var html = "";
-    var tagId = "";
-    if (!inputString.trim()) {
-      html = inputString;
-    } else {
-      tagId = uid();
-      var tokenList = parseStringToToken(inputString);
-      var matchIndex = tokenList.findIndex(function (item) {
-        return item.type === TOKEN_TYPES.MATCH;
-      });
-      var hasMatch = matchIndex !== -1;
-      html = tokenList.map(function (token, index) {
-        var genClassName = function genClassName(typeClass) {
-          return classNames(typeClass, {
-            "tag-con": true,
-            // [typeClass]: true,
-            "tag-con-key": hasMatch ? index < matchIndex : false,
-            "tag-con-key-last": matchIndex ? index === matchIndex - 1 : false,
-            "tag-con-value": hasMatch ? index > matchIndex : false
-          });
-        };
-        var genDataType = function genDataType(index) {
-          if (hasMatch) {
-            if (index < matchIndex) {
-              return "key";
-            }
-            if (index === matchIndex) {
-              return "match";
-            }
-            return "value";
-          }
-          return "key";
-        };
-        var dataType = genDataType(index);
-        var getEleProps = function getEleProps(type, text) {
-          var typeMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TOKEN_TYPES.MATCH, {
-            tagName: "span",
-            props: {
-              "class": genClassName("tag-con-match"),
-              "data-attr": "match",
-              "data-type": dataType
-            }
-          }), TOKEN_TYPES.KEYWORD, {
-            tagName: "span",
-            props: {
-              "class": genClassName(text.toUpperCase() === "AND" || text.toUpperCase() === "OR" ? "tag-con-keyword tag-con-keyword_AND_OR" : "tag-con-keyword"),
-              "data-attr": "keyword",
-              "data-type": dataType
-            }
-          }), TOKEN_TYPES.IDENTIFIER, {
-            tagName: "span",
-            props: {
-              "class": genClassName("tag-con-identifier"),
-              "data-attr": "identifier",
-              "data-type": dataType
-            }
-          }), TOKEN_TYPES.NONE, {
-            tagName: "span",
-            props: {
-              "class": genClassName("tag-con-none"),
-              "data-attr": "none",
-              "data-type": dataType
-            }
-          });
-          return typeMap[type];
-        };
-        var type = token.type,
-          text = token.text;
-        var curProps = getEleProps(type, text);
-        var elePropsString = Object.entries(curProps.props).map(function (_ref) {
-          var _ref2 = _slicedToArray(_ref, 2),
-            key = _ref2[0],
-            value = _ref2[1];
-          return "".concat(key, "=\"").concat(value, "\"");
-        }).join(" ");
-        return "<".concat(curProps.tagName, " ").concat(elePropsString, ">").concat(text, "</").concat(curProps.tagName, ">");
-      }).join("");
-    }
-    if (!html.trim()) {
-      return html;
-    }
-    return "<span class=\"tag-box\" data-attr=\"tag-box\" id=\"".concat(tagId, "\">").concat(html, "<span class=\"tag-box-item-close\" contenteditable=\"false\"></span></span>");
-  }).join("");
-  return htmlString;
-};
-
-// 获取光标所在节点
-export var getCurrentNode = function getCurrentNode() {
-  var selection = window.getSelection();
-  var range = selection.getRangeAt(0);
-  var currentNode = range.endContainer;
-  // 光标记录的大多数情况下是文本节点，需要获取父节点作为当前节点
-  if (currentNode.nodeType === 3) {
-    return currentNode.parentNode;
-  }
-  return currentNode;
-};
-
-// 获取当前光标所在的tag
-export var getCurrentTag = function getCurrentTag() {
-  var _currentNode$dataset, _currentNode$parentEl;
-  var currentNode = getCurrentNode();
-  var curTag;
-  var type = currentNode === null || currentNode === void 0 || (_currentNode$dataset = currentNode.dataset) === null || _currentNode$dataset === void 0 ? void 0 : _currentNode$dataset["attr"];
-  var parentType = (_currentNode$parentEl = currentNode.parentElement) === null || _currentNode$parentEl === void 0 || (_currentNode$parentEl = _currentNode$parentEl.dataset) === null || _currentNode$parentEl === void 0 ? void 0 : _currentNode$parentEl["attr"];
-  if (type === "tag-box") {
-    curTag = currentNode;
-  }
-  if (parentType === "tag-box") {
-    curTag = currentNode.parentElement;
-  }
-  return curTag;
-};
-
-// 删除当前内容
-export var deleteCurrentContent = function deleteCurrentContent() {
-  var _anchorNode$parentEle;
-  var selection = window.getSelection();
-  var anchorNode = selection.anchorNode;
-  if (((_anchorNode$parentEle = anchorNode.parentElement.dataset) === null || _anchorNode$parentEle === void 0 ? void 0 : _anchorNode$parentEle["attr"]) !== "container") {
-    // FIXED 自动创建span标签导致的问题
-    anchorNode = anchorNode.parentElement;
-    container.current.removeChild(anchorNode);
-  } else {
-    var con = anchorNode.data;
-    // tags间保留空格，处理光标不能插入tags间的问题
-    var offset = con.startsWith("\xA0") ? 1 : 0;
-    var selRange = selection.getRangeAt(0);
-    selRange.setStart(anchorNode, offset);
-    selRange.setEndAfter(anchorNode);
-    selRange.deleteContents();
-  }
-};
-
-// 光标位置插入节点
-export var insertRang = function insertRang(node) {
-  var selection = window.getSelection();
-  var selRange = selection.getRangeAt(0);
-  selRange.insertNode(node);
-};
-
-// 粘贴去除格式
-export function textInit(e) {
-  // cancel paste
-  e.preventDefault();
-  // get text representation of clipboard
-  var text = (e.originalEvent || e).clipboardData.getData("text/plain");
-  // insert text manually
-  document.execCommand("insertText", false, text);
-}
-
-// 获取当前输入的光标位置（纯文本模式）
-export var getCursorPosition = function getCursorPosition(node) {
-  var _endContainer$dataset;
-  var selection = window.getSelection();
-  if (selection.type !== 'Caret') {
-    return null;
-  }
-  var range = selection.getRangeAt(0);
-  var endContainer = range.endContainer;
-  if (((_endContainer$dataset = endContainer.dataset) === null || _endContainer$dataset === void 0 ? void 0 : _endContainer$dataset['attr']) === 'container') {
-    return 0;
-  }
-
-  // 计算纯文本模式下，当前光标所处的位置
-  var positionIndex = 0;
-  var isBreak = false;
-  var _loop = function loop(node) {
-    var nodes = node.childNodes;
-    for (var index = 0; index < nodes.length; index++) {
-      if (isBreak) {
-        break;
-      }
-      var element = nodes[index];
-      if (element.nodeType === 3) {
-        if (element === endContainer) {
-          positionIndex += range.endOffset;
-          isBreak = true;
-          break;
-        } else {
-          positionIndex += element.data.length;
-        }
-      } else {
-        _loop(element);
-      }
-    }
-  };
-  _loop(node);
-  return positionIndex;
-};
-
-// 根据纯文本模式下的光标位置，设置html模式下的光标位置
-export var getCursorNodeAndIndex = function getCursorNodeAndIndex(node, positionIndex) {
-  var targetNode;
-  var targetIndex;
-  var sum = 0;
-  var isBreak = false;
-  var _loop2 = function loop(node) {
-    var nodes = node.childNodes;
-    for (var index = 0; index < nodes.length; index++) {
-      if (isBreak) {
-        break;
-      }
-      var element = nodes[index];
-      if (element.nodeType === 3) {
-        var _element$data;
-        var elementLength = ((_element$data = element.data) === null || _element$data === void 0 ? void 0 : _element$data.length) || 0;
-        if (sum <= positionIndex && sum + elementLength >= positionIndex) {
-          targetNode = element;
-          targetIndex = positionIndex - sum;
-          isBreak = true;
-          break;
-        } else {
-          sum += elementLength;
-        }
-      } else {
-        _loop2(element);
-      }
-    }
-  };
-  _loop2(node);
-  return {
-    targetNode: targetNode,
-    targetIndex: targetIndex
-  };
-};
-
-// 光标跳转到指定位置
-export var setCursorPosition = function setCursorPosition(targetNode, targetIndex) {
-  if (!targetNode) {
-    return;
-  }
-  var selection = window.getSelection();
-  var range = new Range();
-  range.setStart(targetNode, targetIndex);
-  range.collapse(true);
-  selection.removeAllRanges();
-  selection.addRange(range);
-};
-export function isObjectEqual(obj1, obj2) {
-  var obj1Keys = Object.keys(obj1);
-  var obj2Keys = Object.keys(obj2);
-  if (obj1Keys.length !== obj2Keys.length) {
-    return false;
-  }
-  for (var _i = 0, _obj1Keys = obj1Keys; _i < _obj1Keys.length; _i++) {
-    var key = _obj1Keys[_i];
-    if (obj1[key] !== obj2[key]) {
-      return false;
-    }
-  }
-  return true;
-}
-// 将节点克隆并将标签里面所有的关闭按钮节点移出
-export var cloneDomRemoveCloseBtn = function cloneDomRemoveCloseBtn(node) {
-  var cloneNode = node.cloneNode(true);
-  var closeBtns = cloneNode.querySelectorAll(".tag-box-item-close");
-  closeBtns.forEach(function (item) {
-    item.remove();
-  });
-  return cloneNode;
-};

package/lib/ContentEditableSearch/components/CloseAllIcon/index.js

@@ -1,13 +0,0 @@
-import _Icon from "@chaoswise/ui/lib/Icon";
-import React from "react";
-import "./index.less";
-var CloseAllIcon = function CloseAllIcon(_ref) {
-  var onClickCloseAll = _ref.onClickCloseAll;
-  return /*#__PURE__*/React.createElement(_Icon, {
-    type: "close-circle",
-    theme: "filled",
-    onClick: onClickCloseAll,
-    className: "content-editable-close-all-icon"
-  });
-};
-export default CloseAllIcon;

package/lib/ContentEditableSearch/components/CloseAllIcon/index.less

@@ -1,11 +0,0 @@
-.content-editable-close-all-icon{
-    display: block;
-    position: absolute;
-    right: 15px;
-    top: 7px;
-    color: rgba(0,0,0,0.25);
-    cursor: pointer;
-    &:hover{
-        color: @text-color-secondary;
-    }
-}