@chaoswise/business 0.0.5 → 0.0.7

package/lib/AggregateSearch/utils/index.js

@@ -0,0 +1,362 @@
+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(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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(arr) { if (Array.isArray(arr)) return arr; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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;
+  for (var i = 0; i < str.length; i++) {
+    var _char = str[i];
+    // 检测当前字符与前面的字符拼接是否为 "NOT "
+    var isNot = "".concat(temp).concat(_char).toUpperCase() === "NOT ";
+    if (["("].includes(_char)) {
+      isBracket = true;
+    }
+    if ([")"].includes(_char)) {
+      isBracket = false;
+    }
+    if (_char === " " && !isBracket && !isNot) {
+      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) {
+          var _classNames;
+          return classNames((_classNames = {
+            "tag-con": true
+          }, _defineProperty(_classNames, typeClass, true), _defineProperty(_classNames, "tag-con-key", hasMatch ? index < matchIndex : false), _defineProperty(_classNames, "tag-con-key-last", matchIndex ? index === matchIndex - 1 : false), _defineProperty(_classNames, "tag-con-value", hasMatch ? index > matchIndex : false), _classNames));
+        };
+        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) {
+          var _typeMap;
+          var typeMap = (_typeMap = {}, _defineProperty(_typeMap, TOKEN_TYPES.MATCH, {
+            tagName: "span",
+            props: {
+              "class": genClassName("tag-con-match"),
+              "data-attr": "match",
+              "data-type": dataType
+            }
+          }), _defineProperty(_typeMap, TOKEN_TYPES.KEYWORD, {
+            tagName: "span",
+            props: {
+              "class": genClassName("tag-con-keyword"),
+              "data-attr": "keyword",
+              "data-type": dataType
+            }
+          }), _defineProperty(_typeMap, TOKEN_TYPES.IDENTIFIER, {
+            tagName: "span",
+            props: {
+              "class": genClassName("tag-con-identifier"),
+              "data-attr": "identifier",
+              "data-type": dataType
+            }
+          }), _defineProperty(_typeMap, TOKEN_TYPES.NONE, {
+            tagName: "span",
+            props: {
+              "class": genClassName("tag-con-none"),
+              "data-attr": "none",
+              "data-type": dataType
+            }
+          }), _typeMap);
+          return typeMap[type];
+        };
+        var type = token.type,
+          text = token.text;
+        var curProps = getEleProps(type);
+        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>");
+  }).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("insertHTML", 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 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) {
+        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 {
+        loop(element);
+      }
+    }
+  };
+  loop(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;
+}

package/lib/PropertyControlViewer/assets/doSelect.less

@@ -3,7 +3,7 @@
   height: 28px;
   font-size: 12px;
   display: flex;
-  align-items: center;
+  // align-items: center;
   // margin-left: -6px;
 
   .wrapper-inner {

package/lib/PropertyControlViewer/assets/index.less

@@ -2,11 +2,11 @@
   width: 100%;
   display: flex;
   flex-wrap: wrap;
-  line-height: 28px;
+  // line-height: 28px;
 
   .ci-detail-user-item {
     display: flex;
-    align-items: center;
+    // align-items: center;
   }
 
   .ci-detail-user-name {
@@ -33,7 +33,7 @@
     display: inline-block;
     height: 25px;
     padding: 0 5px;
-    line-height: 25px;
+    // line-height: 25px;
     border-radius: 10px;
     margin-right: 5px;
   }

package/lib/PropertyControlViewer/components/DoCiUnitBitmap.js

@@ -46,6 +46,6 @@ var DoUnitBitmap = function DoUnitBitmap(_ref) {
       key: item.index,
       className: classnames('lattice', (_classnames2 = {}, _defineProperty(_classnames2, 'locked_lattice', item.status === 1), _defineProperty(_classnames2, 'usaged_lattice', item.status === 2), _classnames2))
     }, item.index));
-  })) : '--');
+  })) : '-');
 };
 export default DoUnitBitmap;

package/lib/PropertyControlViewer/components/DoDefaultPlaceholder.js

@@ -4,6 +4,6 @@ var DoDefaultPlaceholder = function DoDefaultPlaceholder() {
     style: {
       marginLeft: "2px"
     }
-  }, "--");
+  }, "-");
 };
 export default DoDefaultPlaceholder;

package/lib/PropertyControlViewer/components/DoUser.js

@@ -1,8 +1,10 @@
 import _Tooltip from "@chaoswise/ui/lib/Tooltip";
 import _Avatar from "@chaoswise/ui/lib/Antd/Avatar";
+import _ConfigProvider from "@chaoswise/ui/lib/ConfigProvider";
 import React, { Fragment } from 'react';
 import '../assets/index.less';
 import TagShowMoreList from './TagShowMoreList';
+import { getLocale } from "../../locale";
 var DoUser = function DoUser(_ref) {
   var data = _ref.data;
   var belongComponentType = data.belongComponentType,
@@ -10,13 +12,29 @@ var DoUser = function DoUser(_ref) {
     tooltipContent = data.tooltipContent,
     list = data.list,
     componentType = data.componentType;
+  var _ConfigProvider$useLo = _ConfigProvider.useLocale(),
+    _ConfigProvider$useLo2 = _ConfigProvider$useLo.locale,
+    locale = _ConfigProvider$useLo2 === void 0 ? "zh" : _ConfigProvider$useLo2;
+  var localeObj = getLocale(locale);
+  var userTooltip = {
+    userName: localeObj.name + ":",
+    userAlias: localeObj.userName + ":",
+    department: localeObj.department + ":",
+    email: localeObj.emil + ":",
+    mobile: localeObj.mobile + ":"
+  };
+  var userGroupTooltip = {
+    groupName: localeObj.groupName + ":",
+    groupDetails: localeObj.groupDetails + ":"
+  };
+  tooltipContent = componentType === "USER_GROUP" ? userGroupTooltip : userTooltip;
   var gridShare = belongComponentType === "TABLE" ? '100%' : fieldWidth == 'WHOLE_LINE' ? '25%' : '50%';
   var tooltipContentFuc = function tooltipContentFuc(item) {
     return Object.keys(tooltipContent).map(function (key) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, tooltipContent[key], " ", item[key] || "", " "), /*#__PURE__*/React.createElement("br", null));
     });
   };
-  var nameKey = componentType === "USER_GROUP" ? 'groupName' : 'userName';
+  var nameKey = componentType === "USER_GROUP" ? 'groupName' : 'userAlias';
   return /*#__PURE__*/React.createElement(Fragment, null, belongComponentType === "TABLE" ? /*#__PURE__*/React.createElement(TagShowMoreList, {
     text: list,
     tagCount: 1,
@@ -26,7 +44,7 @@ var DoUser = function DoUser(_ref) {
   }) : /*#__PURE__*/React.createElement("div", {
     className: 'ci-detail-user'
   }, (list || []).map(function (item) {
-    var _item$name;
+    var _item$userAlias;
     return /*#__PURE__*/React.createElement(_Tooltip, {
       placement: "topLeft",
       title: tooltipContentFuc(item),
@@ -39,9 +57,9 @@ var DoUser = function DoUser(_ref) {
     }, /*#__PURE__*/React.createElement(_Avatar, {
       className: 'ci-detail-avatar',
       size: "small"
-    }, (_item$name = item.name) === null || _item$name === void 0 ? void 0 : _item$name.substring(0, 1)), /*#__PURE__*/React.createElement("div", {
+    }, (_item$userAlias = item.userAlias) === null || _item$userAlias === void 0 ? void 0 : _item$userAlias.substring(0, 1)), /*#__PURE__*/React.createElement("div", {
       className: 'ci-detail-user-name'
-    }, item.name)));
+    }, item.userAlias)));
   })));
 };
 export default DoUser;

package/lib/PropertyControlViewer/components/TagShowMoreList/index.js

@@ -89,7 +89,7 @@ var TagShowMoreList = function TagShowMoreList(props) {
           },
           type: item.iconPath || 'icon-1'
         })
-      }), _name || '--')));
+      }), _name || '-')));
     });
   };
   var renderItem = function renderItem() {

package/lib/PropertyControlViewer/config/utils.js

@@ -7,19 +7,20 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import moment from 'moment';
 import React from 'react';
 import { ATTR_DES_ENUM, DATE_FORMATE_ENUM } from './constants';
+import { intl } from '@chaoswise/intl';
 
 //根据属性类型获取对应的组件
 export var getDescriptionComp = function getDescriptionComp(type) {
   if (ATTR_DES_ENUM[type]) {
     return ATTR_DES_ENUM[type].generate_comp;
   }
-  return /*#__PURE__*/React.createElement("span", null, "\u6682\u672A\u6CE8\u518C\u7EC4\u4EF6");
+  return /*#__PURE__*/React.createElement("span", null, intl.get('fc7ca498-ab95-4a4b-9f5f-0d024cc127c3').d('暂未注册组件'));
 };
 
 // 时间格式化
 export var dateFormatFunc = function dateFormatFunc(timestamp) {
   var fmt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'YYYY-MM-DD HH:mm:ss';
-  return timestamp ? moment(timestamp).format(fmt) : '--';
+  return timestamp ? moment(timestamp).format(fmt) : '-';
 };
 
 // 判断是否浅色
@@ -133,8 +134,10 @@ export var judgmentTypeFunc = function judgmentTypeFunc(type, value) {
       break;
     case "UNIT_BITMAP":
       judgmentType = Object.prototype.toString.call(value) === "[object Object]";
+      break;
     default:
       judgmentType = true;
+      break;
   }
   return judgmentType;
 };
@@ -164,7 +167,7 @@ export var getDataFunc = function getDataFunc(value, item, rest) {
           expandable: true
         },
         list: [{
-          value: value ? unit ? value + " " + unit : value : '--'
+          value: unit ? value + " " + unit : value
         }]
       };
       break;
@@ -173,7 +176,7 @@ export var getDataFunc = function getDataFunc(value, item, rest) {
     case "AUTO_CALCULATE":
       data = {
         list: [{
-          value: value ? unit ? value + " " + unit : value : '--'
+          value: !(value === undefined || value === null || value === '') ? unit ? value + " " + unit : value : '-'
         }]
       };
       break;
@@ -230,7 +233,7 @@ export var getDataFunc = function getDataFunc(value, item, rest) {
     case "NUMBER_RANGE":
       data = {
         list: [{
-          value: value ? unit ? (value === null || value === void 0 ? void 0 : value.join(" - ")) + ' ' + unit : value === null || value === void 0 ? void 0 : value.join(" - ") : '--'
+          value: value ? unit ? (value === null || value === void 0 ? void 0 : value.join(" - ")) + ' ' + unit : value === null || value === void 0 ? void 0 : value.join(" - ") : '-'
         }]
       };
       break;
@@ -257,7 +260,6 @@ export var getDataFunc = function getDataFunc(value, item, rest) {
         email: "邮箱:",
         mobile: "手机:"
       };
-      console.log(value, 'value]]]]]]');
       data = {
         fieldWidth: fieldWidth,
         tooltipContent: userTooltipContent || userTooltip,