fan-standard-comp 3.2.3 → 3.2.5

package/es/FormComp/VarTemplate/indexClass.js

@@ -0,0 +1,260 @@
+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); }
+/**
+ * Created by S.C. on 2019/11/16.
+ */
+import React, { Component } 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++;
+            }
+          }
+        }
+      } 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++;
+          }
+        }
+        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.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;
+        }
+      }, 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
+      })));
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(nextProps) {
+      // console.log('执行getDerivedStateFromProps', nextProps)
+      // Should be a controlled component.
+      // 如果 props 中的value属性发生变化，返回一个新的子状态对象
+      if ('value' in nextProps) {
+        // console.log('nextProps', nextProps, nextProps.value || {})
+        var nValue = nextProps.value || '';
+        return _objectSpread({
+          value: nValue,
+          currentContent: nValue,
+          startNum: nValue.length,
+          // 光标开始位置(当选中文本时)
+          endNum: nValue.length,
+          // 光标结束位置(当选中文本时)
+          wordCount: nValue.length
+        }, nextProps.value || {});
+      }
+      // 如果props没有变化，返回null或undefined ,不触发任何状态更新
+      return null;
+    }
+  }]);
+}(Component);
+export default VarTemplate;

package/es/ImageGallery/PreviewStyles/ImagePreview.less

@@ -28,12 +28,14 @@
 
 .spec-image-preview-next,
 .spec-image-preview-prev {
-  background-color: rgba(0, 0, 0, 0.45);
+  background-color: rgba(255, 255, 255, 0.25);
   border-radius: 2px;
   color: #999;
+  //color: #333;
   cursor: pointer;
   display: block;
-  font-size: 22px;
+  //font-size: 22px;
+  font-size: 30px;
   margin-top: -10px;
   padding: 8px 10px 9px;
   position: absolute;
@@ -51,6 +53,7 @@
 
 .spec-image-preview-next:hover:not(.disabled),
 .spec-image-preview-prev:hover:not(.disabled) {
+  background-color: rgba(255, 255, 255, 0.45);
   color: #fff;
 }
 

package/es/StandardFilter/index.js

@@ -32,7 +32,8 @@ var StandardFilter = /*#__PURE__*/React.forwardRef(function (props, ref) {
     style = _Object$assign.style,
     _Object$assign$button = _Object$assign.buttonGroup,
     buttonGroup = _Object$assign$button === void 0 ? [] : _Object$assign$button,
-    buttonGroupConfig = _Object$assign.buttonGroupConfig,
+    _Object$assign$button2 = _Object$assign.buttonGroupConfig,
+    buttonGroupConfig = _Object$assign$button2 === void 0 ? {} : _Object$assign$button2,
     min = _Object$assign.min,
     codes = _Object$assign.codes,
     permissionCodes = _Object$assign.permissionCodes,
@@ -201,15 +202,14 @@ var StandardFilter = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
   var renderButtonGroup = function renderButtonGroup() {
     return buttonGroup && buttonGroup.length > 0 ? /*#__PURE__*/React.createElement("div", {
-      className: "filter-btns ",
+      className: "filter-btns filter-btns-".concat(gridLayout),
       style: filterBtnsStyle
-    }, /*#__PURE__*/React.createElement(ButtonGroup, {
+    }, /*#__PURE__*/React.createElement(ButtonGroup, Object.assign({
       options: buttonGroup,
       min: min,
       codes: codes,
-      permissionCodes: permissionCodes,
-      dropdownConfig: buttonGroupConfig
-    })) : null;
+      permissionCodes: permissionCodes
+    }, buttonGroupConfig))) : null;
   };
   return /*#__PURE__*/React.createElement(_Form, {
     name: 'standard-filter-form-' + guid(),

package/es/StandardFilter/style/index.less

@@ -33,6 +33,7 @@
       text-align: left;
 
       .spec-button-group {
+        display: block;
         padding-left: 0;
         padding-top: @padding-md;
 

package/lib/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/lib/ButtonGroup/index.js

@@ -51,7 +51,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,
@@ -326,7 +328,8 @@ var ButtonGroup = function ButtonGroup(props) {
     var forGroup = resetList.slice(0, min - 1);
     var forDrop = resetList.slice(min - 1);
     return /*#__PURE__*/_react.default.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.default.createElement(_dropdown.default, Object.assign({
@@ -375,7 +378,8 @@ var ButtonGroup = function ButtonGroup(props) {
     }, moreText || '更多', moreIcon || /*#__PURE__*/_react.default.createElement(_icons.DownOutlined, null)))));
   }
   return /*#__PURE__*/_react.default.createElement("span", {
-    className: "spec-button-group"
+    className: "spec-button-group ".concat(className || ''),
+    style: style
   }, resetList.map(function (item, index) {
     return renderDisplayButton(item, index);
   }));

package/lib/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;