linkmore-design 1.1.16 → 1.1.18

package/dist/index.umd.js

@@ -13301,7 +13301,8 @@
         legacyLocale = props.legacyLocale,
         parentContext = props.parentContext,
         iconPrefixCls = props.iconPrefixCls,
-        componentDisabled = props.componentDisabled;
+        componentDisabled = props.componentDisabled,
+        iconUrl = props.iconUrl;
     var getPrefixCls = React.useCallback(function (suffixCls, customizePrefixCls) {
       var prefixCls = props.prefixCls;
       if (customizePrefixCls) return customizePrefixCls;
@@ -13317,7 +13318,8 @@
       space: space,
       virtual: virtual,
       dropdownMatchSelectWidth: dropdownMatchSelectWidth,
-      getPrefixCls: getPrefixCls
+      getPrefixCls: getPrefixCls,
+      iconUrl: iconUrl
     }); // Pass the props used by `useContext` directly with child component.
     // These props should merged into `config`.
 
@@ -68593,11 +68595,21 @@
   !function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",f="month",h="quarter",c="year",d="date",$="Invalid Date",l=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},g={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},v="en",D={};D[v]=M;var p=function(t){return t instanceof _},S=function t(e,n,r){var i;if(!e)return v;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(v=i),i||!r&&v},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=g;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match(l);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return O},m.isValid=function(){return !(this.$d.toString()===$)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),$=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},l=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,g="set"+(this.$u?"UTC":"");switch(h){case c:return r?$(1,0):$(31,11);case f:return r?$(1,M):$(0,M+1);case o:var v=this.$locale().weekStart||0,D=(y<v?y+7:y)-v;return $(r?m-D:m+(6-D),M);case a:case d:return l(g+"Hours",0);case u:return l(g+"Minutes",1);case s:return l(g+"Seconds",2);case i:return l(g+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h="set"+(this.$u?"UTC":""),$=(n={},n[a]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[u]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[o],l=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[$](l),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else $&&this.$d[$](l);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,$=this;r=Number(r);var l=O.p(h),y=function(t){var e=w($);return O.w(e.date(e.date()+Math.round(t*r)),$)};if(l===f)return this.set(f,this.$M+r);if(l===c)return this.set(c,this.$y+r);if(l===a)return y(1);if(l===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[l]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||$;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},c=function(t){return O.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},l={YY:String(this.$y).slice(-2),YYYY:this.$y,M:a+1,MM:O.s(a+1,2,"0"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,"0"),s:String(this.$s),ss:O.s(this.$s,2,"0"),SSS:O.s(this.$ms,3,"0"),Z:i};return r.replace(y,(function(t,e){return e||l[t]||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,$){var l,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,g=this-M,v=O.m(this,M);return v=(l={},l[c]=v/12,l[f]=v,l[h]=v/3,l[o]=(g-m)/6048e5,l[a]=(g-m)/864e5,l[u]=g/n,l[s]=g/e,l[i]=g/t,l)[y]||g,$?v:O.a(v)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),T=_.prototype;return w.prototype=T,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",f],["$y",c],["$D",d]].forEach((function(t){T[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[v],w.Ls=D,w.p={},w}));
   });
 
-  var IconFont = create({
-    scriptUrl: '//at.alicdn.com/t/c/font_2966019_totaqlvhjak.js' // 在 iconfont.cn 上生成
-    // scriptUrl: require('./font/iconfont.js'),
+  var ConfigContext$2 = ConfigProvider$1.ConfigContext;
 
-  });
+  var IconFont = function IconFont(props) {
+    var _React$useContext = React__default['default'].useContext(ConfigContext$2),
+        iconUrl = _React$useContext.iconUrl;
+
+    var resetUrl = React.useMemo(function () {
+      if (!iconUrl) return [];
+      return Array.isArray(iconUrl) ? iconUrl : [iconUrl];
+    }, [iconUrl]);
+    var Component = create({
+      scriptUrl: ['//at.alicdn.com/t/c/font_2966019_ac9pzkeuo0e.js'].concat(_toConsumableArray$1(resetUrl))
+    });
+    return /*#__PURE__*/React__default['default'].createElement(Component, _objectSpread({}, props));
+  };
 
   var UploadBox = function UploadBox(props) {
     var _props$value = props.value,
@@ -90120,7 +90132,7 @@
     filterValues.forEach(function (item) {
       if (item.length === 1) {
         var findItem = originArr === null || originArr === void 0 ? void 0 : originArr.find(function (v) {
-          return (v === null || v === void 0 ? void 0 : v[fieldNames.value]) === item[item.length - 1];
+          return toStringIsEqual(v === null || v === void 0 ? void 0 : v[fieldNames.value], item[item.length - 1]);
         });
         getChildren(findItem);
       }
@@ -90129,11 +90141,11 @@
         var _originArr$find;
 
         var findArr1 = originArr === null || originArr === void 0 ? void 0 : (_originArr$find = originArr.find(function (v) {
-          return (v === null || v === void 0 ? void 0 : v[fieldNames.value]) === item[0];
+          return toStringIsEqual(v === null || v === void 0 ? void 0 : v[fieldNames.value], item[0]);
         })) === null || _originArr$find === void 0 ? void 0 : _originArr$find[fieldNames.children];
 
         var _findItem = findArr1 === null || findArr1 === void 0 ? void 0 : findArr1.find(function (v) {
-          return (v === null || v === void 0 ? void 0 : v[fieldNames.value]) === item[item.length - 1];
+          return toStringIsEqual(v === null || v === void 0 ? void 0 : v[fieldNames.value], item[item.length - 1]);
         });
 
         getChildren(_findItem);
@@ -90143,15 +90155,15 @@
         var _originArr$find2, _findArr$find;
 
         var _findArr = originArr === null || originArr === void 0 ? void 0 : (_originArr$find2 = originArr.find(function (v) {
-          return (v === null || v === void 0 ? void 0 : v[fieldNames.value]) === item[0];
+          return toStringIsEqual(v === null || v === void 0 ? void 0 : v[fieldNames.value], item[0]);
         })) === null || _originArr$find2 === void 0 ? void 0 : _originArr$find2[fieldNames.children];
 
         var findArr2 = _findArr === null || _findArr === void 0 ? void 0 : (_findArr$find = _findArr.find(function (v) {
-          return (v === null || v === void 0 ? void 0 : v[fieldNames.value]) === item[1];
+          return toStringIsEqual(v === null || v === void 0 ? void 0 : v[fieldNames.value], item[1]);
         })) === null || _findArr$find === void 0 ? void 0 : _findArr$find[fieldNames.children];
 
         var _findItem2 = findArr2 === null || findArr2 === void 0 ? void 0 : findArr2.find(function (v) {
-          return (v === null || v === void 0 ? void 0 : v[fieldNames.value]) === item[item.length - 1];
+          return toStringIsEqual(v === null || v === void 0 ? void 0 : v[fieldNames.value], item[item.length - 1]);
         });
 
         nArr.push(_findItem2);
@@ -90635,144 +90647,202 @@
       })
     };
     return widgets[type] || null;
-  };
+  }; // 提示文字 占位符
 
-  var getPlacehodler = function getPlacehodler(props) {
-    var type = props.type,
-        itemProps = props.props; // 日期显示的处理
+
+  var ItemPlacehodler = /*#__PURE__*/React__default['default'].memo(function (_ref2) {
+    var item = _ref2.item;
+    var type = item.type,
+        itemProps = item.props,
+        dateType = item.dateType,
+        datetype = item.datetype,
+        placeholder = item.placeholder; // 日期显示的处理
 
     if (['date'].includes(type)) {
-      if (['range', 'rangePicker'].includes(props.dateType || props.datetype)) {
-        return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, "\u5F00\u59CB\u65E5\u671F", /*#__PURE__*/React__default['default'].createElement(IconFont, {
+      // 兼容大小写
+      if (['range', 'rangePicker'].includes(dateType || datetype)) {
+        var pls = placeholder !== null && placeholder !== void 0 ? placeholder : ['开始日期', '结束日期'];
+        return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, pls === null || pls === void 0 ? void 0 : pls[0], /*#__PURE__*/React__default['default'].createElement(IconFont, {
           type: "lmweb-swap-right",
           style: {
             fontSize: 14
           }
-        }), "\u7ED3\u675F\u65E5\u671F", /*#__PURE__*/React__default['default'].createElement(CalendarOutlined$2, {
+        }), pls === null || pls === void 0 ? void 0 : pls[1], /*#__PURE__*/React__default['default'].createElement(CalendarOutlined$2, {
           style: {
             fontSize: 12
           }
         }));
       }
 
-      var placeholder = {
+      var unit = {
         week: '周',
         month: '月份',
         quarter: '季度',
         year: '年份'
       };
-      return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, "\u9009\u62E9", placeholder[itemProps === null || itemProps === void 0 ? void 0 : itemProps.picker] || '日期', /*#__PURE__*/React__default['default'].createElement(CalendarOutlined$2, {
+      return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, placeholder !== null && placeholder !== void 0 ? placeholder : "\u9009\u62E9".concat(unit[itemProps === null || itemProps === void 0 ? void 0 : itemProps.picker] || '日期'), /*#__PURE__*/React__default['default'].createElement(CalendarOutlined$2, {
         style: {
           fontSize: 12
         }
       }));
     }
 
-    return '全部';
-  }; // 根据不同的类型展示文本内容
+    return /*#__PURE__*/React__default['default'].createElement("span", null, placeholder !== null && placeholder !== void 0 ? placeholder : '全部');
+  }); // 根据不同的类型展示文本内容
 
-
-  var getLabel = function getLabel(resetInstance, item) {
-    var filterValue = resetInstance.filterValue;
+  var ItemLabel = /*#__PURE__*/React__default['default'].memo(function (_ref3) {
+    var instance = _ref3.instance,
+        item = _ref3.item;
+    var filterValue = instance.filterValue;
     var type = item.type,
-        data = item.data; // 不存在筛选时
-
-    if (!getIsHas(filterValue)) {
-      return getPlacehodler(item);
-    } // 存在筛选数据时 ⬇️
+        data = item.data;
+    /*
+     * 是否返回字符串类型
+     * return string | type:  'input', 'select', 'checkbox', 'cascader'
+     * return Jsx | type: 'date'
+     */
 
+    var isString = React.useMemo(function () {
+      return ['input', 'select', 'checkbox', 'cascader'].includes(type);
+    }, [type]); // 存在筛选数据时 ⬇️
 
-    try {
-      var _data$find;
+    var String = React.useMemo(function () {
+      try {
+        var _data$find;
 
-      // 级联数据转换平级结构
-      if (['cascader'].includes(type)) {
-        var nArr = getFlatItem(item, filterValue);
-        var labels = nArr === null || nArr === void 0 ? void 0 : nArr.map(function (v) {
-          var _item$props, _item$props$fieldName;
+        // 级联数据转换平级结构
+        if (['cascader'].includes(type)) {
+          var nArr = getFlatItem(item, filterValue);
+          var labels = nArr === null || nArr === void 0 ? void 0 : nArr.map(function (v) {
+            var _item$props, _item$props$fieldName;
 
-          return v[(item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : (_item$props$fieldName = _item$props.fieldNames) === null || _item$props$fieldName === void 0 ? void 0 : _item$props$fieldName.label) || 'label'];
-        });
+            return v[(item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : (_item$props$fieldName = _item$props.fieldNames) === null || _item$props$fieldName === void 0 ? void 0 : _item$props$fieldName.label) || 'label'];
+          });
 
-        switch (labels.length) {
-          case 0:
-            // 数据未查找到时
-            return filterValue;
+          switch (labels.length) {
+            case 0:
+              // 数据未查找到时
+              return filterValue;
 
-          case 1:
-            return labels[0];
+            case 1:
+              return labels[0];
 
-          case 2:
-            return "".concat(labels[0], "\u3001").concat(labels[1]);
+            case 2:
+              return "".concat(labels[0], "\u3001").concat(labels[1]);
 
-          default:
-            return "".concat(labels[0], "\u3001+").concat(labels.length - 1, "...");
+            default:
+              return "".concat(labels[0], "\u3001+").concat(labels.length - 1, "...");
+          }
         }
-      }
 
-      if (Array.isArray(filterValue)) {
-        var _data$filter;
+        if (Array.isArray(filterValue)) {
+          var _data$filter;
 
-        // 日期
-        if (['date'].includes(type)) {
-          return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, filterValue[0], /*#__PURE__*/React__default['default'].createElement(IconFont, {
-            type: "lmweb-swap-right",
-            style: {
-              fontSize: 14,
-              color: 'var(--text-color)'
-            }
-          }), filterValue[1]);
-        } // 多选
+          // 日期
+          if (['date'].includes(type)) {
+            return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, filterValue[0], /*#__PURE__*/React__default['default'].createElement(IconFont, {
+              type: "lmweb-swap-right",
+              style: {
+                fontSize: 14,
+                color: 'var(--text-color)'
+              }
+            }), filterValue[1]);
+          } // 多选
 
 
-        var _labels = data === null || data === void 0 ? void 0 : (_data$filter = data.filter(function (v) {
-          return toStringIsEqual(v.value, filterValue, 'includes');
-        })) === null || _data$filter === void 0 ? void 0 : _data$filter.map(function (v) {
-          return v.label;
-        });
+          var _labels = data === null || data === void 0 ? void 0 : (_data$filter = data.filter(function (v) {
+            return toStringIsEqual(v.value, filterValue, 'includes');
+          })) === null || _data$filter === void 0 ? void 0 : _data$filter.map(function (v) {
+            return v.label;
+          });
 
-        if (!_labels.length) {
-          _labels = filterValue;
-        } // 受控模式未查找到显示的内容时展示
+          if (!_labels.length) {
+            _labels = filterValue;
+          } // 受控模式未查找到显示的内容时展示
 
 
-        switch (_labels.length) {
-          case 1:
-            return _labels[0];
+          switch (_labels.length) {
+            case 1:
+              return _labels[0];
 
-          case 2:
-            return "".concat(_labels[0], "\u3001").concat(_labels[1]);
+            case 2:
+              return "".concat(_labels[0], "\u3001").concat(_labels[1]);
 
-          default:
-            return "".concat(_labels[0], "\u3001+").concat(_labels.length - 1, "...");
-        }
-      } // 输入框
+            default:
+              return "".concat(_labels[0], "\u3001+").concat(_labels.length - 1, "...");
+          }
+        } // 输入框
 
 
-      if (['input', 'date'].includes(type)) {
-        return filterValue;
-      } // 单选框 受控模式未查找到显示的内容时展示filterValue
+        if (['input', 'date'].includes(type)) {
+          return filterValue;
+        } // 单选框 受控模式未查找到显示的内容时展示filterValue
 
 
-      var label = (data === null || data === void 0 ? void 0 : (_data$find = data.find(function (v) {
-        return toStringIsEqual(v === null || v === void 0 ? void 0 : v.value, filterValue);
-      })) === null || _data$find === void 0 ? void 0 : _data$find.label) || filterValue;
-      return label;
-    } catch (error) {
-      console.log('报错了!', '报错项:', item, '报错值', filterValue);
-      return filterValue;
+        var label = (data === null || data === void 0 ? void 0 : (_data$find = data.find(function (v) {
+          return toStringIsEqual(v === null || v === void 0 ? void 0 : v.value, filterValue);
+        })) === null || _data$find === void 0 ? void 0 : _data$find.label) || filterValue;
+        return label;
+      } catch (error) {
+        console.log('报错了!', '报错项:', item, '报错值', filterValue);
+        return filterValue;
+      }
+    }, [type, filterValue]);
+
+    if (isString) {
+      return /*#__PURE__*/React__default['default'].createElement("span", null, String);
     }
-  };
+
+    return String;
+  });
+  var FilterItem = /*#__PURE__*/React__default['default'].memo(function (_ref4) {
+    var instance = _ref4.instance,
+        item = _ref4.item;
+    var filterValue = instance.filterValue,
+        setFilterValue = instance.setFilterValue;
+    var title = item.title,
+        colon = item.colon; // 是否有筛选值/是否处于筛选状态
+
+    var active = React.useMemo(function () {
+      return getIsHas(filterValue);
+    }, [filterValue]); // 冒号
+
+    var showColon = React.useMemo(function () {
+      return (colon !== null && colon !== void 0 ? colon : ':') ? ':' : null;
+    }, [colon]);
+
+    var handleClear = function handleClear(e) {
+      if (active) {
+        e.stopPropagation();
+        setFilterValue(getValueForType(item.type));
+      }
+    };
+
+    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, (title || showColon) && /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "filter_item_label"
+    }, title, showColon), /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "filter_item_value"
+    }, active ? /*#__PURE__*/React__default['default'].createElement(ItemLabel, {
+      instance: instance,
+      item: item
+    }) : /*#__PURE__*/React__default['default'].createElement(ItemPlacehodler, {
+      item: item
+    })), /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "filter_item_icon addon_after"
+    }, item.type !== 'date' || active ? /*#__PURE__*/React__default['default'].createElement(IconFont, {
+      type: active ? 'lmweb-close-circle-fill' : 'lmweb-down',
+      onClick: handleClear
+    }) : null));
+  });
   /*
    * css样式控制
    * expand: 展开样式
    * active: 选中样式
    */
 
-
-  var DropdownFilter = /*#__PURE__*/React__default['default'].memo(function (_ref2) {
-    var instance = _ref2.instance,
-        item = _ref2.item;
+  var DropdownFilter = /*#__PURE__*/React__default['default'].memo(function (_ref5) {
+    var instance = _ref5.instance,
+        item = _ref5.item;
 
     var _useState = React.useState(false),
         _useState2 = _slicedToArray$1(_useState, 2),
@@ -90782,37 +90852,29 @@
     var filterValue = instance.filterValue,
         size = instance.size;
     var popupClassName = item.popupClassName,
-        colon = item.colon,
-        className = item.className; // 触发查询时关闭下拉框
+        className = item.className,
+        style = item.style; // 是否有筛选值/是否处于筛选状态
+
+    var active = React.useMemo(function () {
+      return getIsHas(filterValue);
+    }, [filterValue]); // 触发查询时关闭下拉框
 
     var setFilterValue = function setFilterValue(obj) {
       instance.setFilterValue(obj);
       setVisible(false);
-    }; // 冒号
+    };
 
+    var onVisibleChange = function onVisibleChange(v) {
+      return setVisible(v);
+    }; // 重组Instance 加入下拉关闭控制
 
-    var showColon = React.useMemo(function () {
-      return (colon !== null && colon !== void 0 ? colon : ':') ? ':' : null;
-    }, [colon]); // 重组Instance 加入下拉关闭控制
 
     var resetInstance = _objectSpread(_objectSpread({
       visible: visible,
       setVisible: setVisible
     }, instance), {}, {
       setFilterValue: setFilterValue
-    }); // 是否有筛选值/是否处于筛选状态
-
-
-    var active = React.useMemo(function () {
-      return getIsHas(filterValue);
-    }, [filterValue]);
-
-    var handleClear = function handleClear(e) {
-      if (active) {
-        e.stopPropagation();
-        setFilterValue(getValueForType(item.type));
-      }
-    };
+    });
 
     return /*#__PURE__*/React__default['default'].createElement(LMDropdown, {
       trigger: ['click'],
@@ -90822,27 +90884,21 @@
         instance: resetInstance,
         item: item
       }),
-      overlayClassName: classnames("filter_dropdown_container_".concat(item.type), _defineProperty$1({}, popupClassName, popupClassName)),
-      onVisibleChange: function onVisibleChange(v) {
-        return setVisible(v);
-      } // 未开启则需手动控制下拉展示组件的初始化
+      overlayClassName: classnames("filter_dropdown_container_".concat(item.type), popupClassName),
+      onVisibleChange: onVisibleChange // 未开启则需手动控制下拉展示组件的初始化
       ,
       destroyPopupOnHide: true
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       className: classnames('lm_filter_basic_item', className, size, {
         expand: visible,
         active: active
-      })
-    }, /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "filter_item_label"
-    }, item === null || item === void 0 ? void 0 : item.title, showColon), /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "filter_item_value"
-    }, getLabel(resetInstance, item)), /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "filter_item_icon addon_after"
-    }, item.type !== 'date' || active ? /*#__PURE__*/React__default['default'].createElement(IconFont, {
-      type: active ? 'lmweb-close-circle-fill' : 'lmweb-down',
-      onClick: handleClear
-    }) : null)));
+      }),
+      style: style
+    }, /*#__PURE__*/React__default['default'].createElement(FilterItem, {
+      key: item.title,
+      instance: resetInstance,
+      item: item
+    })));
   });
 
   var _excluded$15 = ["instance", "item", "value", "onChange", "options"],
@@ -93108,12 +93164,10 @@
       var field = item.field;
 
       if (field) {
-        // 将结果转换为字符串
-        var isArray = Array.isArray(itemValue);
-
+        // 将结果转换为字符串(级联数据需要递归)
         var transformString = function transformString(val) {
-          return isArray ? val.map(function (v) {
-            return String(v);
+          return Array.isArray(val) ? val.map(function (v) {
+            return transformString(v);
           }) : String(val);
         };
 
@@ -93126,7 +93180,7 @@
           fieldName: field,
           fieldType: item.valueType || 'string',
           type: item.type,
-          value: isArray ? stringValue : [stringValue],
+          value: Array.isArray(itemValue) ? stringValue : [stringValue],
           operator: item.operator || 'equal'
         })); // 数据清除时不返回结构体
 
@@ -181994,6 +182048,7 @@
         instance = _ref.instance;
     var readOnly = instance.readOnly,
         remove = instance.remove,
+        download = instance.download,
         fileNames = instance.fileNames;
     return /*#__PURE__*/React.createElement("div", {
       className: classnames('lm_upload_item lm_upload_item_text', file[fileNames.status] === 'error' && 'lm_upload_item_error')
@@ -182004,7 +182059,10 @@
     }, /*#__PURE__*/React.createElement(IconFont, {
       type: "lmweb-attachment"
     })), /*#__PURE__*/React.createElement("div", {
-      className: "lm_upload_item_name"
+      className: "lm_upload_item_name",
+      onClick: function onClick() {
+        return download(file);
+      }
     }, file[fileNames.fileName])), !readOnly && /*#__PURE__*/React.createElement("div", {
       className: "text_right lm_upload_item_text_action"
     }, /*#__PURE__*/React.createElement("div", {
@@ -192729,14 +192787,14 @@
     'hr-HR': hrHRIntl
   };
   var intlMapKeys = Object.keys(intlMap);
-  var ConfigContext$2 = /*#__PURE__*/React__default['default'].createContext({
+  var ConfigContext$3 = /*#__PURE__*/React__default['default'].createContext({
     intl: _objectSpread2(_objectSpread2({}, zhCNIntl), {}, {
       locale: 'default'
     }),
     valueTypeMap: {}
   });
-  var ConfigConsumer$2 = ConfigContext$2.Consumer,
-      ConfigProvider$2 = ConfigContext$2.Provider;
+  var ConfigConsumer$2 = ConfigContext$3.Consumer,
+      ConfigProvider$2 = ConfigContext$3.Provider;
   /**
    * 根据 antd 的 key 来找到的 locale 插件的 key
    *
@@ -192822,7 +192880,7 @@
     var _useContext2 = React.useContext(ConfigProvider.ConfigContext),
         locale = _useContext2.locale;
 
-    var _useContext3 = React.useContext(ConfigContext$2),
+    var _useContext3 = React.useContext(ConfigContext$3),
         intl = _useContext3.intl;
 
     if (intl && intl.locale !== 'default') {
@@ -208575,7 +208633,7 @@
         rest = _objectWithoutProperties(_ref, _excluded$1A);
 
     var intl = useIntl();
-    var context = React.useContext(ConfigContext$2);
+    var context = React.useContext(ConfigContext$3);
 
     var fieldProps = (value !== undefined || _onChange || (rest === null || rest === void 0 ? void 0 : rest.fieldProps)) && _objectSpread2(_objectSpread2({
       value: value
@@ -284913,10 +284971,10 @@
     }));
   };
 
-  var ConfigContext$3 = ConfigProvider$1.ConfigContext;
+  var ConfigContext$4 = ConfigProvider$1.ConfigContext;
 
   var CustomizeRenderEmpty = function CustomizeRenderEmpty() {
-    var _React$useContext = React__default['default'].useContext(ConfigContext$3),
+    var _React$useContext = React__default['default'].useContext(ConfigContext$4),
         locale = _React$useContext.locale;
 
     return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -285673,7 +285731,7 @@
       _excluded2$w = ["className", "style"],
       _excluded3$7 = ["onResize", "width", "onResizeStop"];
   var Summary$1 = ProviderWarp.Summary;
-  var ConfigContext$4 = ConfigProvider$1.ConfigContext;
+  var ConfigContext$5 = ConfigProvider$1.ConfigContext;
 
   var isEmpty = function isEmpty(obj) {
     var _Object$keys;
@@ -285749,7 +285807,7 @@
     var _resetProps$rowKey = resetProps.rowKey,
         rowKey = _resetProps$rowKey === void 0 ? 'id' : _resetProps$rowKey;
 
-    var _React$useContext = React__default['default'].useContext(ConfigContext$4),
+    var _React$useContext = React__default['default'].useContext(ConfigContext$5),
         locale = _React$useContext.locale;
 
     var transformRowClick = function transformRowClick(data) {
@@ -288146,7 +288204,7 @@
   LMModal.config = Modal$1.config;
 
   var _excluded$2f = ["children", "className"];
-  var ConfigContext$5 = ConfigProvider$1.ConfigContext;
+  var ConfigContext$6 = ConfigProvider$1.ConfigContext;
   var prefixCls$6 = 'lm_pagination';
 
   var LMPagination = function LMPagination(props) {
@@ -288154,7 +288212,7 @@
         className = props.className,
         others = _objectWithoutProperties$1(props, _excluded$2f);
 
-    var _React$useContext = React__default['default'].useContext(ConfigContext$5),
+    var _React$useContext = React__default['default'].useContext(ConfigContext$6),
         locale = _React$useContext.locale; // 更改中文语言包内容显示
 
 
@@ -310585,98 +310643,162 @@
     useBreakpoint: useBreakpoint$4
   };
 
+  var icon = require('./images/icon_collapse.svg'); // 行个数 => 在24份中占用的分数
+
+
   var rowMap = new Map([[5, [4, 1]], [4, [5, 1]], [3, [7, 1]]]);
 
-  function getResult(children, countPerRow) {
+  var Title$3 = function Title(props) {
+    var title = props.title,
+        onToggle = props.onToggle;
+
+    var _useState = React.useState(true),
+        _useState2 = _slicedToArray$1(_useState, 2),
+        visible = _useState2[0],
+        setVisible = _useState2[1];
+
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "form_responsive_group_title",
+      onClick: function onClick() {
+        setVisible(!visible);
+        onToggle && onToggle(!visible);
+      }
+    }, /*#__PURE__*/React__default['default'].createElement("h3", null, title), /*#__PURE__*/React__default['default'].createElement("img", {
+      src: icon,
+      className: !visible ? 'open' : '',
+      alt: ""
+    }));
+  };
+
+  var List$3 = function List(props) {
+    var customizeChildren = props.children,
+        countPerRow = props.countPerRow,
+        title = props.title,
+        user = props.user;
+
     var _rowMap$get = rowMap.get(countPerRow),
         _rowMap$get2 = _slicedToArray$1(_rowMap$get, 2),
         colSpan = _rowMap$get2[0],
-        colSpace = _rowMap$get2[1]; // 收集(满了就重置)
+        colSpace = _rowMap$get2[1];
 
+    var _useState3 = React.useState(true),
+        _useState4 = _slicedToArray$1(_useState3, 2),
+        visible = _useState4[0],
+        setVisible = _useState4[1]; // 最终的结果
 
-    var collection = []; // 最终的结果
 
-    var result = [];
-    children = Array.prototype.slice.call(children).flat();
+    var rowlist = React.useMemo(function () {
+      var children = []; // 收集(满了就重置)
 
-    function handle() {
-      var node = /*#__PURE__*/React__default['default'].createElement(Row$1, null, collection.map(function (child, index) {
-        if (index !== collection.length - 1) {
-          return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, {
-            key: index
-          }, /*#__PURE__*/React__default['default'].createElement(Col$1, {
-            span: colSpan
-          }, child), /*#__PURE__*/React__default['default'].createElement(Col$1, {
-            span: colSpace
-          }));
-        }
+      var collection = [];
+      var result = [];
 
-        return /*#__PURE__*/React__default['default'].createElement(Col$1, {
-          span: colSpan,
-          key: index
-        }, child);
-      }));
-      result.push(node);
-      collection.length = 0;
-    }
+      if (!Array.isArray(customizeChildren)) {
+        children = [customizeChildren];
+      }
 
-    for (var i = 0; i < children.length; i += 1) {
-      var _child, _child$props;
+      children = Array.prototype.slice.call(customizeChildren).flat();
 
-      var child = children[i]; // 过滤掉React.Fragment
+      if (user) {
+        result.push( /*#__PURE__*/React__default['default'].createElement(Title$3, {
+          title: title,
+          onToggle: function onToggle(value) {
+            setVisible(value);
+          }
+        }));
+      } // 一行
+
+
+      function generatorRow() {
+        var node = /*#__PURE__*/React__default['default'].createElement(Row$1, null, collection.map(function (child, index) {
+          if (index !== collection.length - 1) {
+            return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, {
+              key: index
+            }, /*#__PURE__*/React__default['default'].createElement(Col$1, {
+              span: colSpan
+            }, child), /*#__PURE__*/React__default['default'].createElement(Col$1, {
+              span: colSpace
+            }));
+          }
 
-      while (child.type === Symbol.for('react.fragment')) {
-        if (Array.isArray(child.props.children)) {
-          var _children;
+          return /*#__PURE__*/React__default['default'].createElement(Col$1, {
+            span: colSpan,
+            key: index
+          }, child);
+        }));
+        result.push(node);
+        collection.length = 0;
+      }
 
-          (_children = children).splice.apply(_children, [i, 1].concat(_toConsumableArray$1(child.props.children)));
+      for (var i = 0; i < children.length; i += 1) {
+        var child = children[i]; // 过滤掉React.Fragment
 
-          child = children[i];
-        } else {
-          child = child.props.children;
+        while (child.type === Symbol.for('react.fragment')) {
+          if (Array.isArray(child.props.children)) {
+            var _children;
+
+            (_children = children).splice.apply(_children, [i, 1].concat(_toConsumableArray$1(child.props.children)));
+
+            child = children[i];
+          } else {
+            child = child.props.children;
+          }
         }
-      }
 
-      if ((_child = child) === null || _child === void 0 ? void 0 : (_child$props = _child.props) === null || _child$props === void 0 ? void 0 : _child$props.responsive) {
-        collection.push(child);
+        if (child) {
+          var _child, _child$props;
+
+          if ((_child = child) === null || _child === void 0 ? void 0 : (_child$props = _child.props) === null || _child$props === void 0 ? void 0 : _child$props.responsive) {
+            collection.push(child);
 
-        if (collection.length && collection.length === countPerRow) {
-          handle();
+            if (collection.length && collection.length === countPerRow) {
+              generatorRow();
+            }
+          } else if (collection.length) {
+            generatorRow();
+            result.push(child);
+          } else {
+            result.push(child);
+          }
         }
-      } else if (collection.length) {
-        handle();
-        result.push(child);
-      } else {
-        result.push(child);
       }
-    }
 
-    if (collection.length) {
-      handle();
+      if (collection.length) {
+        generatorRow();
+      }
+
+      return result;
+    }, [customizeChildren, countPerRow, user, title]);
+    var needRenderList = rowlist;
+
+    if (!visible && needRenderList.length) {
+      needRenderList = [needRenderList[0]];
     }
 
-    return result;
-  }
+    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, needRenderList.map(function (child, index) {
+      return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, {
+        key: index
+      }, child);
+    }));
+  };
 
   var WrapperItem = function WrapperItem(props) {
-    var children = props.children;
+    var user = props.user;
     var targetRef = React.useRef(null);
 
-    var _useState = React.useState({
+    var _useState5 = React.useState({
       width: '100%',
       height: '100%'
     }),
-        _useState2 = _slicedToArray$1(_useState, 2),
-        containerSize = _useState2[0],
-        setContainerSize = _useState2[1]; // 每行的个数
-
+        _useState6 = _slicedToArray$1(_useState5, 2),
+        containerSize = _useState6[0],
+        setContainerSize = _useState6[1]; // 每行的个数
 
-    var _useState3 = React.useState(5),
-        _useState4 = _slicedToArray$1(_useState3, 2),
-        countPerRow = _useState4[0],
-        setCountPerRow = _useState4[1];
 
-    var result = getResult(children, countPerRow);
+    var _useState7 = React.useState(5),
+        _useState8 = _slicedToArray$1(_useState7, 2),
+        countPerRow = _useState8[0],
+        setCountPerRow = _useState8[1];
 
     var changeSize = function changeSize() {
       var _targetRef$current;
@@ -310695,12 +310817,18 @@
         setCountPerRow(5);
       }
 
-      if (width !== '100%' && width > maxWidth) {
-        width = maxWidth;
+      if (width !== '100%') {
+        width -= 32;
+
+        if (width > maxWidth) {
+          if (user) {
+            width = maxWidth - 64;
+          }
+        }
       }
 
       setContainerSize({
-        width: width - 32
+        width: width
       });
     };
 
@@ -310719,11 +310847,9 @@
       style: _objectSpread(_objectSpread({}, containerSize), {}, {
         margin: '0 auto'
       })
-    }, result.map(function (child, index) {
-      return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, {
-        key: index
-      }, child);
-    }))));
+    }, /*#__PURE__*/React__default['default'].createElement(List$3, _objectSpread(_objectSpread({}, props), {}, {
+      countPerRow: countPerRow
+    })))));
   };
 
   var _excluded$2L = ["prefixCls", "className", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "responsive", "children"];
@@ -312079,10 +312205,9 @@
   }
 
   var FormWrapper = function FormWrapper(props) {
-    var children = props.children;
-    return /*#__PURE__*/React__default['default'].createElement(WrapperItem, {
-      children: children
-    });
+    return /*#__PURE__*/React__default['default'].createElement(WrapperItem, _objectSpread(_objectSpread({}, props), {}, {
+      user: true
+    }));
   };
 
   var Wrapper = withComponent(FormWrapper);
@@ -313389,7 +313514,11 @@
                 relevanceCols = col.relevanceCols,
                 componentProps = col.componentProps;
 
-            if ((col === null || col === void 0 ? void 0 : col.fixed) || hasDisableOptions && hasDisableOptions.includes(dataIndex) || ((_col$componentProps2 = col.componentProps) === null || _col$componentProps2 === void 0 ? void 0 : _col$componentProps2.options) || editable === 'render' || !!relevanceCols || !!shouldUpdate || !!record.children || componentProps && lodash.isFunction(componentProps)) {
+            if (componentProps && lodash.isFunction(componentProps)) {
+              return true;
+            }
+
+            if ((col === null || col === void 0 ? void 0 : col.fixed) || hasDisableOptions && hasDisableOptions.includes(dataIndex) || ((_col$componentProps2 = col.componentProps) === null || _col$componentProps2 === void 0 ? void 0 : _col$componentProps2.options) || editable === 'render' || !!relevanceCols || !!shouldUpdate || !!record.children) {
               return true;
             }
 
@@ -313637,6 +313766,11 @@
     var scroll = useScroll(getTargetElement$1(warpElement || document), function () {
       return scrollOpenStatus;
     });
+    var filterMenuData = React.useMemo(function () {
+      return menuData === null || menuData === void 0 ? void 0 : menuData.filter(function (item) {
+        return item.hidden !== true;
+      });
+    }, [menuData]);
 
     function clearActiveToc() {
       [].forEach.call(document.querySelectorAll('.lm_menu_list li a'), function (node) {
@@ -313662,7 +313796,7 @@
         (_menuTimeEventRef$cur = menuTimeEventRef.current) === null || _menuTimeEventRef$cur === void 0 ? void 0 : _menuTimeEventRef$cur.destroy();
       }
 
-      if (!menuData.length) {
+      if (!filterMenuData.length) {
         return;
       } // eslint-disable-next-line global-require
 
@@ -313674,11 +313808,10 @@
 
       menuTimeEventRef.current = scrollama();
       (_menuTimeEventRef$cur2 = menuTimeEventRef.current) === null || _menuTimeEventRef$cur2 === void 0 ? void 0 : (_menuTimeEventRef$cur3 = _menuTimeEventRef$cur2.setup({
-        step: menuData.map(function (item) {
+        step: filterMenuData.map(function (item) {
           return document.getElementById("".concat(item.menuId));
-        }).filter(Boolean) // required
-        // offset: '10px',
-
+        }).filter(Boolean),
+        container: getTargetElement$1(warpElement || document)
       })) === null || _menuTimeEventRef$cur3 === void 0 ? void 0 : _menuTimeEventRef$cur3.onStepEnter(function (_ref) {
         var element = _ref.element;
         updateActiveToc(element.id);
@@ -313686,7 +313819,7 @@
     };
 
     function setKeysDom() {
-      menuData.forEach(function (item) {
+      filterMenuData.forEach(function (item) {
         var _getTargetElement, _document$getElementB;
 
         var warpTop = ((_getTargetElement = getTargetElement$1(warpElement || document)) === null || _getTargetElement === void 0 ? void 0 : _getTargetElement.offsetTop) || 0;
@@ -313764,7 +313897,7 @@
       })
     }), /*#__PURE__*/React__default['default'].createElement("ul", {
       className: classnames('lm_menu_list', hovering && 'show', className)
-    }, menuData.map(function (item) {
+    }, filterMenuData.map(function (item) {
       return /*#__PURE__*/React__default['default'].createElement("li", {
         key: item.menuId,
         onClick: function onClick() {
@@ -316491,7 +316624,7 @@
   var _excluded$2_ = ["level"];
   var TITLE_ELE_LIST$1 = tupleNum$1(1, 2, 3, 4, 5);
 
-  var Title$3 = function Title(props, ref) {
+  var Title$4 = function Title(props, ref) {
     var _props$level = props.level,
         level = _props$level === void 0 ? 1 : _props$level,
         restProps = _objectWithoutProperties$1(props, _excluded$2_);
@@ -316512,12 +316645,12 @@
     }));
   };
 
-  var Title$4 = /*#__PURE__*/React.forwardRef(Title$3);
+  var Title$5 = /*#__PURE__*/React.forwardRef(Title$4);
 
   var Typography$3 = ExportTypography$1;
   Typography$3.Text = Text$3;
   Typography$3.Link = Link$3;
-  Typography$3.Title = Title$4;
+  Typography$3.Title = Title$5;
   Typography$3.Paragraph = Paragraph$7;
   Typography$3.AntdTypography = Typography$1;
 
@@ -319434,7 +319567,7 @@
 
   var _excluded$32 = ["defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys"],
       _excluded2$J = ["prefixCls", "className"];
-  var ConfigContext$6 = ConfigProvider$1.ConfigContext;
+  var ConfigContext$7 = ConfigProvider$1.ConfigContext;
 
   function getIcon$1(props) {
     var isLeaf = props.isLeaf,
@@ -319568,7 +319701,7 @@
       }
     };
 
-    var _React$useContext = React.useContext(ConfigContext$6),
+    var _React$useContext = React.useContext(ConfigContext$7),
         getPrefixCls = _React$useContext.getPrefixCls,
         direction = _React$useContext.direction;
 
@@ -319875,11 +320008,11 @@
     });
   }
 
-  var ConfigContext$7 = ConfigProvider$1.ConfigContext;
+  var ConfigContext$8 = ConfigProvider$1.ConfigContext;
   var Tree$2 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _classNames;
 
-    var _React$useContext = React.useContext(ConfigContext$7),
+    var _React$useContext = React.useContext(ConfigContext$8),
         getPrefixCls = _React$useContext.getPrefixCls,
         direction = _React$useContext.direction,
         virtual = _React$useContext.virtual;
@@ -324317,20 +324450,18 @@
       onClick: function onClick(e) {
         return handleTranform(e, 'zoomIn');
       }
-    }), /*#__PURE__*/React__default['default'].createElement(ZoomOutOutlined$2, {
+    }), /*#__PURE__*/React__default['default'].createElement(IconFont, {
+      type: "lmweb-icon_m_narrow",
       onClick: function onClick(e) {
         return handleTranform(e, 'zoomOut');
-      },
-      style: {
-        fontSize: 22
       }
     }), /*#__PURE__*/React__default['default'].createElement(IconFont, {
-      type: "lmweb-undo",
+      type: "lmweb-icon_m_turnleft-01",
       onClick: function onClick(e) {
         return handleTranform(e, 'rotateLeft');
       }
     }), /*#__PURE__*/React__default['default'].createElement(IconFont, {
-      type: "lmweb-redo",
+      type: "lmweb-reload",
       onClick: function onClick(e) {
         return handleTranform(e, 'rotateRight');
       }