fan-standard-comp 3.2.3 → 3.2.5

package/es/ButtonGroup/index.d.ts

@@ -29,6 +29,8 @@ interface ButtonGroupProps {
     dropdownConfig?: Object;
     moreText?: string;
     moreIcon?: React.ReactNode | string | number;
+    className?: string;
+    style?: object;
 }
 declare const ButtonGroup: (props: ButtonGroupProps) => React.JSX.Element;
 export default ButtonGroup;

package/es/ButtonGroup/index.js

@@ -41,7 +41,9 @@ var ButtonGroup = function ButtonGroup(props) {
     dropdownConfig = _props$dropdownConfig === void 0 ? {} : _props$dropdownConfig,
     _props$moreText = props.moreText,
     moreText = _props$moreText === void 0 ? '更多' : _props$moreText,
-    moreIcon = props.moreIcon;
+    moreIcon = props.moreIcon,
+    className = props.className,
+    style = props.style;
   var _props$options = props.options,
     options = _props$options === void 0 ? [] : _props$options,
     _props$min = props.min,
@@ -316,7 +318,8 @@ var ButtonGroup = function ButtonGroup(props) {
     var forGroup = resetList.slice(0, min - 1);
     var forDrop = resetList.slice(min - 1);
     return /*#__PURE__*/React.createElement("span", {
-      className: "spec-button-group"
+      className: "spec-button-group ".concat(className || ''),
+      style: style
     }, forGroup.map(function (item, index) {
       return index < min - 1 ? renderDisplayButton(item, index) : null;
     }), type === 'button' ? /*#__PURE__*/React.createElement(_Dropdown, Object.assign({
@@ -365,7 +368,8 @@ var ButtonGroup = function ButtonGroup(props) {
     }, moreText || '更多', moreIcon || /*#__PURE__*/React.createElement(DownOutlined, null)))));
   }
   return /*#__PURE__*/React.createElement("span", {
-    className: "spec-button-group"
+    className: "spec-button-group ".concat(className || ''),
+    style: style
   }, resetList.map(function (item, index) {
     return renderDisplayButton(item, index);
   }));

package/es/FormComp/VarTemplate/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Created by S.C. on 2024/10/10
+ */
+import React from 'react';
+interface VarTemplateProps {
+    style?: Object;
+    tags: any[];
+    showCountTip?: boolean;
+    [k: string]: any;
+}
+declare const VarTemplate: (props: VarTemplateProps) => React.JSX.Element;
+export default VarTemplate;

package/es/FormComp/VarTemplate/index.js

@@ -1,248 +1,267 @@
-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); }
 import "antd/es/tag/style";
 import _Tag from "antd/es/tag";
 import "antd/es/input/style";
 import _Input from "antd/es/input";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), 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); }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+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; }
 /**
- * Created by S.C. on 2019/11/16.
+ * Created by S.C. on 2024/10/10
  */
-import React, { Component } from 'react';
+import React, { useRef, useState, useEffect, useCallback } from 'react';
 var TextArea = _Input.TextArea;
 var isIE = !!document.all;
-var VarTemplate = /*#__PURE__*/function (_Component) {
-  function VarTemplate(props) {
-    var _this;
-    _classCallCheck(this, VarTemplate);
-    _this = _callSuper(this, VarTemplate, [props]);
-    _this.handleBlur = function (e) {
-      _this.getCurrentCursor();
-    };
-    _this.handleFocus = function (e) {
-      // console.log('获取焦点')
-      // this.$emit('focus', event)
-    };
-    _this.handleInputChange = function (e) {
-      var onChange = _this.props.onChange;
-      _this.getCurrentCursor();
-      _this.setState({
-        currentContent: e.target.value,
-        startNum: e.target.value.length,
-        endNum: e.target.value.length,
-        wordCount: e.target.value.length
-      });
-      if (onChange) onChange(e.target.value);
-    };
-    _this.setTagWords = function (key) {
-      var onChange = _this.props.onChange;
-      var _this$state = _this.state,
-        currentContent = _this$state.currentContent,
-        startNum = _this$state.startNum,
-        endNum = _this$state.endNum;
-      _this.setState({
-        currentContent: _this.insertContent(currentContent, key, startNum, endNum),
-        startNum: startNum + key.length,
-        // 光标起始位置累加
-        endNum: endNum + key.length,
-        // 光标起始位置累加
-        wordCount: _this.insertContent(currentContent, key, startNum, endNum).length
-      });
-      if (onChange) onChange(_this.insertContent(currentContent, key, startNum, endNum));
-      setTimeout(function () {
-        _this.moveToCursor(); // 重新定位光标
-      });
-    };
-    /**
-     * 指定位置插入标签占位符字符串，当光标有选中一段字符时，会将直接将其替换
-     * @param {str}       需要做插入的字符串
-     * @param {insertStr} 需要插入的字符串
-     * @param {start}     指定开始位置
-     * @param {end}       指定结束位置
-     * */
-    _this.insertContent = function (str, insertStr, start, end) {
-      if (start !== end) {
-        var _prevStr = str.substring(0, start);
-        var _nextStr = str.substring(end, str.length);
-        return _prevStr + insertStr + _nextStr;
-      }
-      var prevStr = str.substring(0, start);
-      var nextStr = str.substring(start, str.length);
-      return prevStr + insertStr + nextStr;
-    };
-    /**
-     * 获取当前（上一次）光标的位置
-     * @参考 http://blog.csdn.net/chadcao/article/details/6575927
-     * @TODO IE、火狐浏览器下未验证
-     */
-    _this.getCurrentCursor = function () {
-      var start = 0;
-      var end = 0;
-      var oTextarea = _this.content.querySelector('textarea'); // 获取textarea标签
-      if (isIE) {
-        // selection 当前激活选中区，即高亮文本块，和/或文当中用户可执行某些操作的其它元素。
-        // createRange 从当前文本选中区中创建 TextRange 对象，
-        // 或从控件选中区中创建 controlRange 集合。
-        var sTextRange = document.selection.createRange();
-        // 判断选中的是不是textarea对象
-        if (sTextRange.parentElement() === oTextarea) {
-          // 创建一个TextRange对象
-          var oTextRange = document.body.createTextRange();
-          // 移动文本范围以便范围的开始和结束位置能够完全包含给定元素的文本。
-          oTextRange.moveToElementText(oTextarea);
-          // 这里我们比较oTextRange和sTextRange的开头，的到选中区域的开头位置
-          for (start = 0; oTextRange.compareEndPoints('StartToStart', sTextRange) < 0; start++) {
-            oTextRange.moveStart('character', 1);
-          }
-          // 需要计算一下\n的数目(按字符移动的方式不计\n,所以这里加上)
-          for (var i = 0; i <= start; i++) {
-            if (oTextarea.value.charAt(i) === '\n') {
-              start++;
-            }
-          }
-          // 再计算一次结束的位置
-          oTextRange.moveToElementText(oTextarea);
-          for (end = 0; oTextRange.compareEndPoints('StartToEnd', sTextRange) < 0; end++) {
-            oTextRange.moveStart('character', 1);
-          }
-          for (var j = 0; j <= end; j++) {
-            if (oTextarea.value.charAt(j) === '\n') {
-              end++;
-            }
-          }
+var VarTemplate = function VarTemplate(props) {
+  var value = props.value,
+    size = props.size,
+    style = props.style,
+    tags = props.tags,
+    disabled = props.disabled,
+    fieldStatus = props.fieldStatus,
+    _props$tagsOptionName = props.tagsOptionName,
+    tagsOptionName = _props$tagsOptionName === void 0 ? {
+      key: 'key',
+      label: 'label',
+      value: 'value'
+    } : _props$tagsOptionName,
+    showCountTip = props.showCountTip,
+    onChange = props.onChange;
+  var contentRef = useRef();
+  var _useState = useState({
+      currentContent: '',
+      startNum: 0,
+      endNum: 0,
+      wordCount: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    vartData = _useState2[0],
+    setVartData = _useState2[1];
+  var handleBlur = function handleBlur() {
+    getCurrentCursor();
+  };
+  var handleFocus = function handleFocus() {
+    // console.log('获取焦点', event)
+  };
+  var handleInputChange = function handleInputChange(e) {
+    var eValue = e === null || e === void 0 ? void 0 : e.target.value;
+    getCurrentCursor();
+    setVartData({
+      currentContent: eValue,
+      startNum: eValue.length,
+      endNum: eValue.length,
+      wordCount: eValue.length
+    });
+    if (onChange) onChange(eValue);
+  };
+  var setTagWords = useCallback(function (key) {
+    var currentContent = vartData.currentContent,
+      startNum = vartData.startNum,
+      endNum = vartData.endNum;
+    setVartData({
+      currentContent: insertContent(currentContent, key, startNum, endNum),
+      startNum: startNum + key.length,
+      endNum: endNum + key.length,
+      wordCount: insertContent(currentContent, key, startNum, endNum).length
+    });
+    if (onChange) onChange(insertContent(currentContent, key, startNum, endNum));
+    setTimeout(function () {
+      moveToCursor(key.length); // 重新定位光标
+    });
+  }, [vartData]);
+  /**
+   * 指定位置插入标签占位符字符串，当光标有选中一段字符时，会将直接将其替换
+   * @param {str}       需要做插入的字符串
+   * @param {insertStr} 需要插入的字符串
+   * @param {start}     指定开始位置
+   * @param {end}       指定结束位置
+   * */
+  var insertContent = function insertContent(str, insertStr, start, end) {
+    if (start !== end) {
+      var _prevStr = str.substring(0, start);
+      var _nextStr = str.substring(end, str.length);
+      return _prevStr + insertStr + _nextStr;
+    }
+    var prevStr = str.substring(0, start);
+    var nextStr = str.substring(start, str.length);
+    return prevStr + insertStr + nextStr;
+  };
+  /**
+   * 获取当前（上一次）光标的位置
+   * @参考 http://blog.csdn.net/chadcao/article/details/6575927
+   * @TODO IE、火狐浏览器下未验证
+   */
+  var getCurrentCursor = useCallback(function () {
+    var _a;
+    var start = 0;
+    var end = 0;
+    var oTextarea = (_a = contentRef === null || contentRef === void 0 ? void 0 : contentRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('textarea'); // 获取textarea标签
+    if (isIE) {
+      // selection 当前激活选中区，即高亮文本块，和/或文当中用户可执行某些操作的其它元素。
+      // createRange 从当前文本选中区中创建 TextRange 对象，
+      // 或从控件选中区中创建 controlRange 集合。
+      // @ts-ignore
+      var sTextRange = document.selection.createRange();
+      // 判断选中的是不是textarea对象
+      if (sTextRange.parentElement() === oTextarea) {
+        // 创建一个TextRange对象
+        // @ts-ignore
+        var oTextRange = document.body.createTextRange();
+        // 移动文本范围以便范围的开始和结束位置能够完全包含给定元素的文本。
+        oTextRange.moveToElementText(oTextarea);
+        // 这里我们比较oTextRange和sTextRange的开头，的到选中区域的开头位置
+        for (start = 0; oTextRange.compareEndPoints('StartToStart', sTextRange) < 0; start++) {
+          oTextRange.moveStart('character', 1);
         }
-      } else {
-        start = oTextarea.selectionStart;
-        end = oTextarea.selectionEnd;
-      }
-      _this.setState({
-        startNum: start,
-        endNum: end
-      });
-    };
-    /**
-     * 跳转到上一次光标的位置
-     * @参考 http://blog.csdn.net/chadcao/article/details/6575927
-     * @TODO IE、火狐浏览器下未验证
-     */
-    _this.moveToCursor = function () {
-      var _this$state2 = _this.state,
-        startNum = _this$state2.startNum,
-        endNum = _this$state2.endNum;
-      var oTextarea = _this.content.querySelector('textarea');
-      var start = startNum;
-      var end = endNum;
-      if (isNaN(start) || isNaN(end)) {
-        alert('位置输入错误');
-      }
-      if (isIE) {
-        var oTextRange = oTextarea.createTextRange();
-        var LStart = startNum;
-        var LEnd = endNum;
-        var _start = 0;
-        var _end = 0;
-        var value = oTextarea.value;
-        for (var i = 0; i < value.length && i < LStart; i++) {
-          var c = value.charAt(i);
-          if (c !== '\n') {
-            _start++;
+        // 需要计算一下\n的数目(按字符移动的方式不计\n,所以这里加上)
+        for (var i = 0; i <= start; i++) {
+          if (oTextarea.value.charAt(i) === '\n') {
+            start++;
           }
         }
-        for (var j = value.length - 1; j >= LEnd && j >= 0; j--) {
-          var _c = value.charAt(j);
-          if (_c !== '\n') {
-            _end++;
+        // 再计算一次结束的位置
+        oTextRange.moveToElementText(oTextarea);
+        for (end = 0; oTextRange.compareEndPoints('StartToEnd', sTextRange) < 0; end++) {
+          oTextRange.moveStart('character', 1);
+        }
+        for (var j = 0; j <= end; j++) {
+          if (oTextarea.value.charAt(j) === '\n') {
+            end++;
           }
         }
-        oTextRange.moveStart('character', _start);
-        oTextRange.moveEnd('character', -_end);
-        // oTextRange.collapse(true);
-        oTextRange.select();
-        oTextarea.focus();
-      } else {
-        oTextarea.select();
-        oTextarea.selectionStart = startNum;
-        oTextarea.selectionEnd = endNum;
       }
-    };
-    var _value = props.value || '';
-    _this.state = {
-      currentContent: _value,
-      startNum: _value.length,
-      // 光标开始位置(当选中文本时)
-      endNum: _value.length,
-      // 光标结束位置(当选中文本时)
-      wordCount: _value.length // 输入框内的字符数总和（包含占位符所需要的长度）
-    };
-    _this.content = /*#__PURE__*/React.createRef();
-    return _this;
-  }
-  _inherits(VarTemplate, _Component);
-  return _createClass(VarTemplate, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        size = _this$props.size,
-        style = _this$props.style,
-        tags = _this$props.tags,
-        disabled = _this$props.disabled;
-      var _this$state3 = this.state,
-        currentContent = _this$state3.currentContent,
-        wordCount = _this$state3.wordCount;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "vart-wrap",
-        style: style,
-        ref: function ref(cRef) {
-          _this2.content = cRef;
+    } else {
+      start = oTextarea.selectionStart;
+      end = oTextarea.selectionEnd;
+    }
+    setVartData(Object.assign(Object.assign({}, vartData), {
+      startNum: start,
+      endNum: end
+    }));
+  }, [vartData, value]);
+  /**
+   * 跳转到上一次光标的位置
+   * @参考 http://blog.csdn.net/chadcao/article/details/6575927
+   * @TODO IE、火狐浏览器下未验证
+   * @{params} {number} appendLength 当前切换的长度
+   */
+  var moveToCursor = useCallback(function (insertLength) {
+    var _a;
+    var startNum = vartData.startNum,
+      endNum = vartData.endNum;
+    var oTextarea = (_a = contentRef === null || contentRef === void 0 ? void 0 : contentRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('textarea');
+    var start = startNum;
+    var end = endNum;
+    if (isNaN(start) || isNaN(end)) {
+      console.error('位置输入错误');
+    }
+    if (isIE) {
+      var oTextRange = oTextarea.createTextRange();
+      var LStart = startNum;
+      var LEnd = endNum;
+      var _start = 0;
+      var _end = 0;
+      var _value = oTextarea.value;
+      for (var i = 0; i < _value.length && i < LStart; i++) {
+        var c = _value.charAt(i);
+        if (c !== '\n') {
+          _start++;
         }
-      }, tags && Array.isArray(tags) && /*#__PURE__*/React.createElement("div", {
-        className: "vart-header"
-      }, tags.map(function (item) {
-        return /*#__PURE__*/React.createElement(_Tag, {
-          key: item.id,
-          onClick: function onClick() {
-            return !disabled && _this2.setTagWords(item.variableNameFormatted);
-          }
-        }, item.variableName);
-      })), /*#__PURE__*/React.createElement("div", {
-        className: "vart-input"
-      }, /*#__PURE__*/React.createElement(TextArea, {
-        type: "text",
-        size: size,
-        value: currentContent,
-        placeholder: "\u8BF7\u8F93\u5165",
-        onFocus: this.handleFocus,
-        onBlur: this.handleBlur,
-        onChange: function onChange(e) {
-          return _this2.handleInputChange(e);
-        },
-        disabled: disabled
-      })));
+      }
+      for (var j = _value.length - 1; j >= LEnd && j >= 0; j--) {
+        var _c = _value.charAt(j);
+        if (_c !== '\n') {
+          _end++;
+        }
+      }
+      oTextRange.moveStart('character', _start);
+      oTextRange.moveEnd('character', -_end);
+      // oTextRange.collapse(true);
+      oTextRange.select();
+      oTextarea.focus();
+    } else {
+      oTextarea.select();
+      oTextarea.focus();
+      //  判断如果是原来已经有选中(文本高亮），则插入文本后高亮的位置需要变成当前插入的文本
+      // startNum === endNum表示未选中过
+      // let aStartNum = startNum === endNum ? startNum + insertLength : startNum
+      // let aEndNum = startNum === endNum ? endNum + insertLength : startNum + insertLength
+      oTextarea.selectionStart = startNum + insertLength; // aStartNum
+      oTextarea.selectionEnd = startNum + insertLength; // aEndNum
+      // if (oTextarea.setSelectionRange) {
+      //   setTimeout(() => {
+      //     oTextarea.focus();
+      //     oTextarea.setSelectionRange(aStartNum, aEndNum);
+      //   }, 0);
+      // } else {
+      //   oTextarea.selectionStart = aStartNum
+      //   oTextarea.selectionEnd = aEndNum
+      // }
     }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(nextProps) {
-      // console.log('执行getDerivedStateFromProps', nextProps)
-      // Should be a controlled component.
-      if ('value' in nextProps) {
-        return _objectSpread({}, nextProps.value || {});
+  }, [vartData]);
+  useEffect(function () {
+    setVartData({
+      currentContent: value || '',
+      startNum: (value === null || value === void 0 ? void 0 : value.length) || 0,
+      endNum: (value === null || value === void 0 ? void 0 : value.length) || 0,
+      wordCount: (value === null || value === void 0 ? void 0 : value.length) || 0 // 输入框内的字符数总和（包含占位符所需要的长度）
+    });
+  }, [value]);
+  // const setCursorPosition = (elemId, index) =>{
+  //   const elem = document.getElementById(elemId);
+  //   if (elem.setSelectionRange) {
+  //     setTimeout(function() {
+  //       elem.focus();
+  //       elem.setSelectionRange(index, index);
+  //     }, 0);
+  //   } else if (elem.createTextRange) {
+  //     const range = elem.createTextRange();
+  //     range.collapse(true);
+  //     range.moveEnd('character', index);
+  //     range.moveStart('character', index);
+  //     range.select();
+  //   }
+  // }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "spec-vart-wrap",
+    style: style,
+    ref: contentRef
+  }, tags && Array.isArray(tags) && (/*#__PURE__*/React.createElement("div", {
+    className: "spec-vart-header"
+  }, tags.map(function (item) {
+    return /*#__PURE__*/React.createElement(_Tag, {
+      style: {
+        marginBottom: '4px',
+        cursor: 'pointer'
+      },
+      key: item[(tagsOptionName === null || tagsOptionName === void 0 ? void 0 : tagsOptionName.key) || 'key'],
+      onClick: function onClick() {
+        return !(disabled || fieldStatus === 'disabled') && setTagWords(item[(tagsOptionName === null || tagsOptionName === void 0 ? void 0 : tagsOptionName.value) || 'value']);
       }
-      return null;
+    }, item[(tagsOptionName === null || tagsOptionName === void 0 ? void 0 : tagsOptionName.label) || 'label']);
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "spec-vart-input"
+  }, /*#__PURE__*/React.createElement(TextArea
+  // type="text"
+  , {
+    // type="text"
+    size: size,
+    value: vartData.currentContent,
+    placeholder: "\u8BF7\u8F93\u5165",
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    onChange: function onChange(e) {
+      return handleInputChange(e);
+    },
+    disabled: disabled || fieldStatus === 'disabled'
+  })), showCountTip && /*#__PURE__*/React.createElement("div", {
+    className: "spec-vart-desc",
+    style: {
+      marginTop: '4px',
+      fontSize: '12px'
     }
-  }]);
-}(Component);
+  }, " \u60A8\u5DF2\u5F55\u5165 ", /*#__PURE__*/React.createElement("b", null, vartData.wordCount), " \u4E2A\u5B57"));
+};
 export default VarTemplate;