ns-base-module 1.1.73 → 1.1.75

package/dist/TableHeaderConfigPopover/index.js

@@ -1,6 +1,5 @@
 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); }
-var _excluded = ["menuCode", "formTemplateCode"],
-  _excluded2 = ["children"];
+var _excluded = ["menuCode", "formTemplateCode"];
 function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -31,7 +30,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  */
 // import { crossContext } from "@/my-context";
 // import { initLang } from "@/utils/language";
-import { CopyOutlined, DeleteOutlined, PlusOutlined, SettingOutlined } from "@ant-design/icons";
+import { CopyOutlined, DeleteOutlined, PlusOutlined, SettingOutlined, ShareAltOutlined, UserOutlined } from "@ant-design/icons";
 import { Button, Checkbox, Input, message, Popconfirm, Popover, Radio, Tooltip, Tree } from "antd";
 import { cloneDeep, get, isArray, isEmpty } from "lodash";
 import React, { memo, useEffect, useMemo, useState } from "react";
@@ -39,7 +38,6 @@ import { DndProvider } from "react-dnd";
 import { HTML5Backend } from "react-dnd-html5-backend";
 import Dustbin from "./Dustbin";
 import "../../style/components/TableHeaderConfigPopover.scss";
-import IconCreate from "../Icon";
 import { initLang } from "../utils/language";
 import { queryColumnsConfig, setFormTemplates } from "../utils/services/global";
 import { adapterColumns, sortColums } from "./utils";
@@ -160,7 +158,7 @@ var ColumnsToolbarRender = /*#__PURE__*/memo(function (props) {
 
     // 禁止跨层级拖拽 模板 和更新的数据匹配渲染问题， 渲染时也只匹配同级增删改
     // 修复 模板存储 a下的b, 新表头b在c下面 并改名d
-    if (node.parentCode !== dragNode.parentCode) {
+    if ((node.parentCode || dragNode.parentCode) && node.parentCode !== dragNode.parentCode) {
       message.warning("不允许改变层级");
       return;
     }
@@ -494,8 +492,9 @@ var ColumnsToolbarRender = /*#__PURE__*/memo(function (props) {
         title: d.customizable === false ? d.title : /*#__PURE__*/React.createElement(Dustbin, {
           item: d,
           onChange: changeTableHeader,
-          onFixed: onFixed,
-          showArrows: showArrows,
+          onFixed: onFixed
+          // showArrows={showArrows}
+          ,
           onDrop: d.customizable === false ? null : onDrop // 子动态列 不能拖拽
         }),
         children: titleChildren(d.children, showArrows)
@@ -532,7 +531,7 @@ var ColumnsToolbarRender = /*#__PURE__*/memo(function (props) {
     onChange: changeInput
   }), /*#__PURE__*/React.createElement(Radio.Group, {
     style: {
-      paddingTop: 12
+      paddingTop: 6
     },
     onChange: function onChange(e) {
       setPermsType(e.target.value);
@@ -561,7 +560,11 @@ var ColumnsToolbarRender = /*#__PURE__*/memo(function (props) {
     indeterminate: indeterminate,
     onChange: selectAllChange,
     className: "tree_selectall"
-  }, /*#__PURE__*/React.createElement("span", null, initLang({
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: "#0273b0"
+    }
+  }, initLang({
     id: "app.search.modal.selectAll"
   }))), !!leftFixed.length && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "columns-fixed-title"
@@ -602,7 +605,7 @@ var ColumnsToolbarRender = /*#__PURE__*/memo(function (props) {
     showLine: true,
     rootStyle: {
       overflowY: "auto",
-      maxHeight: "400px"
+      maxHeight: "500px"
     },
     checkedKeys: flatColumns(unFixed, true).filter(function (col) {
       return col.checked;
@@ -797,11 +800,11 @@ var ColumnsToolbar = function ColumnsToolbar(_ref4) {
                 }
                 if (item.is_default === "Y") {
                   hasDefault = true;
-                  updateValue(item.value);
+                  setValue(item.value);
                   setCurItem(item);
                 }
                 if (item.is_default_public === "Y" && !hasDefault) {
-                  updateValue(item.value);
+                  setValue(item.value);
                   setCurItem(item);
                 }
               });
@@ -905,13 +908,8 @@ var ColumnsToolbar = function ColumnsToolbar(_ref4) {
       return _ref7.apply(this, arguments);
     };
   }();
-  var updateValue = function updateValue(_value) {
-    var _props$onChange;
-    setValue(_value);
-    (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, _value);
-  };
   var onChange = function onChange(e) {
-    updateValue(e.target.value);
+    setValue(e.target.value);
     var arr = [].concat(_toConsumableArray(templateUser), _toConsumableArray(template));
     arr.forEach(function (item) {
       if (item.value === e.target.value) {
@@ -1003,7 +1001,7 @@ var ColumnsToolbar = function ColumnsToolbar(_ref4) {
 
   // 取消选择 恢复默认
   var cancelSelect = function cancelSelect() {
-    updateValue("");
+    setValue("");
     setCurItem({});
     restColumns("cancel");
   };
@@ -1024,9 +1022,12 @@ var ColumnsToolbar = function ColumnsToolbar(_ref4) {
     props.updateColumns(_columns);
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "popover-body ".concat(showConfig ? "config-body" : "")
+    className: "popover-body",
+    style: {
+      width: "500px"
+    }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "top-wrap "
+    className: "top-wrap"
   }, /*#__PURE__*/React.createElement("span", {
     className: "title"
   }, initLang({
@@ -1066,8 +1067,7 @@ var ColumnsToolbar = function ColumnsToolbar(_ref4) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "list-title"
-  }, /*#__PURE__*/React.createElement(IconCreate, {
-    type: "icon-ns-gerenmoban",
+  }, /*#__PURE__*/React.createElement(UserOutlined, {
     className: "list-title-icon"
   }), initLang({
     id: "prompt.personalTemplate"
@@ -1117,8 +1117,7 @@ var ColumnsToolbar = function ColumnsToolbar(_ref4) {
     }))));
   })), /*#__PURE__*/React.createElement("div", {
     className: "list-title"
-  }, /*#__PURE__*/React.createElement(IconCreate, {
-    type: "icon-ns-gonggongmoban",
+  }, /*#__PURE__*/React.createElement(ShareAltOutlined, {
     className: "list-title-icon"
   }), initLang({
     id: "prompt.publicTemplate"
@@ -1179,10 +1178,10 @@ var ColumnsToolbar = function ColumnsToolbar(_ref4) {
   }))), /*#__PURE__*/React.createElement("div", {
     style: {
       position: "absolute",
-      left: 12,
+      right: 12,
       bottom: 16
     }
-  }, (curItem === null || curItem === void 0 ? void 0 : curItem.perms_type) !== "public" && /*#__PURE__*/React.createElement(React.Fragment, null, (curItem === null || curItem === void 0 ? void 0 : curItem.is_default) === "Y" ? /*#__PURE__*/React.createElement(Button, {
+  }, (curItem === null || curItem === void 0 ? void 0 : curItem.perms_type) == "private" && /*#__PURE__*/React.createElement(React.Fragment, null, (curItem === null || curItem === void 0 ? void 0 : curItem.is_default) === "Y" ? /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick() {
       return handleSaveDefault("N");
     },
@@ -1229,8 +1228,6 @@ var ColumnsToolbar = function ColumnsToolbar(_ref4) {
 };
 var Index = function Index(_ref9) {
   var props = Object.assign({}, (_objectDestructuringEmpty(_ref9), _ref9));
-  var children = props.children,
-    arg = _objectWithoutProperties(props, _excluded2);
   useEffect(function () {
     if (props.init) {
       getColumnsFilter();
@@ -1292,8 +1289,8 @@ var Index = function Index(_ref9) {
     placement: "bottomLeft",
     trigger: "click",
     title: "",
-    content: /*#__PURE__*/React.createElement(ColumnsToolbar, arg)
-  }, children ? children : /*#__PURE__*/React.createElement(Tooltip, {
+    content: /*#__PURE__*/React.createElement(ColumnsToolbar, props)
+  }, /*#__PURE__*/React.createElement(Tooltip, {
     placement: "left",
     title: initLang({
       id: "prompt.setTemplate"

package/dist/TableHeaderConfigPopover/utils.js

@@ -1,4 +1,10 @@
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 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(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; }
@@ -66,32 +72,56 @@ var flatColumns = function flatColumns(_columns) {
   return initArr;
 };
 
-// 遍历 模板的旧数据 被新数据替换
+// 遍历数据 引用旧模板的配置： 排序
+var updateTemplateSort = function updateTemplateSort(columns, JsonPares) {
+  var sortArr = [];
+  for (var r = 0, t = JsonPares.length; r < t; r++) {
+    for (var n = 0, l = columns.length; n < l; n++) {
+      var _JsonPares$r;
+      var _key = (_JsonPares$r = JsonPares[r]) !== null && _JsonPares$r !== void 0 && _JsonPares$r.code ? "code" : "dataIndex";
+      if (columns[n][_key] === JsonPares[r][_key]) {
+        sortArr.push(columns[n]);
+        if (columns[n].children && columns[n].children.length && JsonPares[r].children && JsonPares[r].children.length) {
+          // 有子级 递归
+          sortArr[sortArr.length - 1].children = updateTemplateSort(columns[n].children, JsonPares[r].children);
+        }
+      }
+    }
+  }
+  var lastArr = columns.filter(function (d) {
+    var _key = d !== null && d !== void 0 && d.code ? "code" : "dataIndex";
+    return !find(sortArr, function (o) {
+      return o[_key] === d[_key];
+    });
+  });
+  return [].concat(sortArr, _toConsumableArray(lastArr));
+};
+
+// 遍历数据 引用旧模板的配置：  width fixed checked frontEndFold
 var updateTemplateFilds = function updateTemplateFilds(JsonPares, _columns) {
   var _loop = function _loop(r) {
-    var _JsonPares$r;
+    var _JsonPares$r2;
     if (JsonPares[r].children && JsonPares[r].children.length) {
       updateTemplateFilds(JsonPares[r].children, _columns);
     }
-    var _key = (_JsonPares$r = JsonPares[r]) !== null && _JsonPares$r !== void 0 && _JsonPares$r.code ? "code" : "dataIndex";
+    var _key = (_JsonPares$r2 = JsonPares[r]) !== null && _JsonPares$r2 !== void 0 && _JsonPares$r2.code ? "code" : "dataIndex";
     var _findItem = find(_columns, function (o) {
       return o[_key] === JsonPares[r][_key];
     });
     if (_findItem) {
-      JsonPares[r] = _objectSpread(_objectSpread({}, _findItem), {}, {
-        title: _findItem.title || JsonPares[r].title,
-        label: _findItem.label || JsonPares[r].label,
-        fixed: JsonPares[r].fixed,
-        width: JsonPares[r].width,
-        checked: JsonPares[r].checked,
-        children: JsonPares[r].children,
-        isAllChildrenFixed: JsonPares[r].isAllChildrenFixed,
-        _index: JsonPares[r]._index,
-        key: JsonPares[r].key,
-        return: JsonPares[r].return,
-        dataIndex: JsonPares[r].dataIndex,
-        frontEndFold: JsonPares[r].frontEndFold
+      // 模板的配置
+      JsonPares[r] = _objectSpread(_objectSpread({}, JsonPares[r]), {}, {
+        fixed: _findItem.fixed,
+        width: _findItem.width,
+        checked: _findItem.checked,
+        isAllChildrenFixed: _findItem.isAllChildrenFixed,
+        _index: _findItem._index,
+        key: _findItem.key,
+        return: _findItem.return,
+        frontEndFold: _findItem.frontEndFold
       });
+    } else {
+      JsonPares[r].checked = false;
     }
   };
   for (var r = 0, t = JsonPares.length; r < t; r++) {
@@ -107,27 +137,6 @@ var updateTemplateFilds = function updateTemplateFilds(JsonPares, _columns) {
  * */
 export function adapterColumns(customColumns, columns) {
   if (customColumns && customColumns.length && columns && columns.length) {
-    // 展平 columns, 1,子是动态列 父级必须是，父级的表头宽度取决于子级设置.2,子级是浮动 父级同步 解决首行选择框的浮动
-    var _columns = flatColumns(columns);
-    var itemLoop = function itemLoop(arr, commad) {
-      var _loop2 = function _loop2(_k, j) {
-        var _code = arr[j].code ? "code" : "dataIndex";
-        if (commad === "del") {
-          if (!find(_columns, function (o) {
-            return o[_code] === arr[j][_code] && o.parentCode === arr[j].parentCode;
-          })) {
-            arr.splice(j, 1);
-            _k -= 1;
-          } else if (arr[j].children && arr[j].children.length) {
-            itemLoop(arr[j].children, commad);
-          }
-        }
-        k = _k;
-      };
-      for (var j = 0, k = arr.length; j < k; j++) {
-        _loop2(k, j);
-      }
-    };
     var item = null;
     for (var n = 0, leng = customColumns.length; n < leng; n++) {
       if (customColumns[n].is_default_public == "Y") {
@@ -139,96 +148,19 @@ export function adapterColumns(customColumns, columns) {
       }
     }
     try {
-      var _item2;
-      if ((_item2 = item) !== null && _item2 !== void 0 && _item2.is_default) {
+      var _item;
+      if ((_item = item) !== null && _item !== void 0 && _item.is_default) {
         var JsonPares = JSON.parse(item.define);
-
-        // 删 旧模板多出的字段
-        itemLoop(JsonPares, "del");
-
-        // 展平 columns
         var flaJsonPares = flatColumns(JsonPares);
-        // 增 新字段加最后
-        var _loop3 = function _loop3(j) {
-          var _code = _columns[j].code ? "code" : "dataIndex";
-          if (!find(flaJsonPares, function (o) {
-            return o[_code] === _columns[j][_code] && o.parentCode === _columns[j].parentCode;
-          })) {
-            var _item = initColumns([_columns[j]], null)[0];
-            if (_item.customizable !== false) {
-              // 不是动态列
-              if (_item.fixed === "left") {
-                JsonPares.unshift(_item);
-              } else {
-                JsonPares.push(_item);
-              }
-            }
-          }
-
-          // 动态列 columns[j].customizable === false 不能用模板，用列表数据
-          if (_columns[j].customizable === false && _code) {
-            var loopSetChildren = function loopSetChildren(arr1, arr2) {
-              arr1.forEach(function (d) {
-                var h = find(arr2, function (o) {
-                  return o[_code] === d[_code];
-                });
-                if (h) {
-                  d.width = h.width;
-                  d.fixed = h.fixed;
-                  d.checked = h.checked;
-                }
-                if (d.children && d.children.length && h !== null && h !== void 0 && h.children && h !== null && h !== void 0 && h.children.length) {
-                  loopSetChildren(d.children, h.children);
-                }
-              });
-            };
-            var loopSetZable = function loopSetZable(_JsonPares) {
-              for (var i = 0, l = _JsonPares.length; i < l; i++) {
-                if (_columns[j][_code] === _JsonPares[i][_code]) {
-                  var obj = {
-                    width: _JsonPares[i].width,
-                    fixed: _JsonPares[i].fixed,
-                    checked: _JsonPares[i].checked
-                  };
-                  _columns[j] = _objectSpread(_objectSpread({}, _columns[j]), obj);
-                  if (_columns[j].children && _columns[j].children.length && _JsonPares[i].children && _JsonPares[i].children.length) {
-                    loopSetChildren(_columns[j].children, _JsonPares[i].children);
-                  }
-                  var d = initColumns([_columns[j]], null)[0];
-                  _JsonPares[i] = _objectSpread({}, d);
-                  return;
-                }
-                // else {
-                //   if (_JsonPares[i].children && _JsonPares[i].children.length) {
-                //     loopSetZable(_JsonPares[i].children);
-                //   }
-                // }
-              }
-            };
-            loopSetZable(JsonPares);
-          }
-        };
-        for (var j = 0, k = _columns.length; j < k; j++) {
-          _loop3(j);
-        }
+        var columnsClone = JSON.parse(JSON.stringify(columns));
 
-        // 子级是否全部 浮动
-        JsonPares.forEach(function (dd) {
-          if (dd.fixed && dd.children && dd.children.length) {
-            var isAllChildrenFixed = true;
-            dd.children.forEach(function (hh) {
-              if (hh.checked && hh.fixed !== dd.fixed) {
-                isAllChildrenFixed = false;
-              }
-            });
-            dd.isAllChildrenFixed = isAllChildrenFixed;
-          }
-        });
+        // 模板字段排序 替换新字段
+        var newArr = updateTemplateSort(columnsClone, JsonPares);
 
-        // 替成新配置
-        updateTemplateFilds(JsonPares, _columns);
+        // 模板配置的字段替换给新字段
+        updateTemplateFilds(newArr, flaJsonPares);
         return {
-          JsonPares: JsonPares,
+          JsonPares: newArr,
           item: item
         };
       }

package/dist/umd/ns-base-module.min.css

@@ -1 +1 @@
-.class-filter-component.tags-wrap{flex:1 1;z-index:2}.class-filter-component.tags-wrap .tags-list{cursor:pointer;display:inline-block;margin-right:8px;padding:2.5px 8px}.class-filter-component.tags-wrap .tags-list.action{background-color:var(--menu-child-action-color)}.class-filter-component .filter-component-tree-content .tags-list{font-size:12px;margin-right:0}.class-filter-component .filter-component-tree-content :global .ant-tree-node-content-wrapper{padding:0}.class-filter-component .filter-component-tree-content :global .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:transparent}.class-filter-component .num-txt{background:red;border-radius:8px;color:#fff;margin-left:2px;padding:0 4px}.class-filter-component .actionMenu{background-color:var(--w-e-textarea-selected-border-color);color:var(--antd-wave-shadow-color)}.dropdownWrap :global .ant-dropdown-menu-submenu-vertical{width:120px}.dropdownWrap :global .ant-dropdown-menu-item,.dropdownWrap :global .ant-dropdown-menu-submenu-title{align-items:center;display:flex;padding:0}.dropdownWrap :global .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,.dropdownWrap :global .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon{padding-left:18px}.dropdownWrap .actionMenu{background-color:var(--w-e-textarea-selected-border-color);color:var(--antd-wave-shadow-color)}.dropdownWrap .num-txt{background:red;border-radius:8px;color:#fff;margin-left:2px;padding:0 4px}.filter-wrapper-body{font-size:12px;width:260px}.filter-wrapper-body .sort{border-bottom:1px solid #eee;width:100%}.filter-wrapper-body .sort>span{cursor:pointer;display:inline-block;padding:5px 0;text-align:center;width:33%}.filter-wrapper-body .sort>span:hover{background-color:#eee}.filter-wrapper-body .filter{padding:10px 20px}.filter-wrapper-body .filter .search{margin-bottom:10px}.filter-wrapper-body .filter .search :global .ant-input-sm{padding:.2px 7px}.filter-wrapper-body .filter .filter-group{margin-bottom:10px;max-height:400px;overflow:auto;width:100%}.filter-modal-wrap .ant-modal-body{padding:12px}.chart-type-wrap{align-items:center;display:flex;margin-bottom:8px}.chart-type-wrap .chart-type-ul{display:flex}.chart-type-wrap .chart-type-li{border-radius:4px;cursor:pointer;display:flex;flex-direction:column;height:40px;justify-content:center;margin-right:4px;text-align:center;width:50px}.chart-type-wrap .chart-type-li:hover{background-color:rgba(5,14,26,.031)}.chart-type-wrap .chart-type-li.action{background-color:#e0edfd;color:#267ef0}.chart-type-wrap .chart-type-icon{display:block;font-size:16px}.dnd_quota_main{display:flex;height:100%}.dnd_quota_main .dnd_quota_left{flex:1 1;height:100%}.dnd_quota_main .dnd_quota_left::-webkit-scrollbar{background-color:#f5f5f5;width:4px}.dnd_quota_main .dnd_quota_left::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:3px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2)}.dnd_quota_main .dnd_quota_left::-webkit-scrollbar-thumb{background-color:#959595;border-radius:3px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2)}.dnd_quota_main .dnd_quota_block_top{border:1px solid #eee;border-radius:8px;height:50%;margin-bottom:8px;padding:8px}.dnd_quota_main .dnd_quota_block_top.classify-type{border-bottom:none;border-radius:8px 8px 0 0;margin-bottom:0;padding-bottom:0}.dnd_quota_main .dnd_quota_block_bottom{border:1px solid #eee;border-radius:8px;height:50%;margin-bottom:8px;padding:8px}.dnd_quota_main .dnd_quota_block_bottom.number-type{border-radius:0 0 8px 8px;border-top:none;margin-top:0}.dnd_quota_main .dnd_quota_left-title{display:flex;justify-content:space-between;margin-bottom:6px}.dnd_quota_main .dnd_quota-icon{cursor:pointer}.dnd_quota_main .drag-txt-empty{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%}.dnd_quota_main .dnd_quota__item{background-color:#f5f5f5;border-radius:4px;cursor:grab;display:flex;margin-bottom:4px;padding:8px}.dnd_quota_main .dnd_quota__item .item-icon{line-height:1;margin-right:4px;padding-top:1px}.dnd_quota_main .dnd_quota__item .dnd_quota__item_label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dnd_quota_main .dnd_quota__item .dnd_quota__item_txt{cursor:pointer}.dnd_quota_main .dnd-quota-sortable-wrap{height:calc(100% - 20px);overflow:auto;position:relative}.dnd_quota_main .dnd-quota-sortable-wrap::-webkit-scrollbar{background-color:#f5f5f5;width:4px}.dnd_quota_main .dnd-quota-sortable-wrap::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:3px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2)}.dnd_quota_main .dnd-quota-sortable-wrap::-webkit-scrollbar-thumb{background-color:#959595;border-radius:3px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2)}.dnd_quota_main .dnd-quota-sortable-wrap.init .dnd_quota__item:hover{background-color:#0273b0;color:#fff}.dnd_quota_main .dnd-quota-sortable-wrap.init .dnd_quota__item:hover .item-icon{color:#fff}.dnd_quota_main .dnd-quota-sortable-wrap.init .dnd_quota__item .item-icon{color:#0273b0}.dnd_quota_main .dnd-quota-sortable-wrap.number .dnd_quota__item:hover{background-color:#97c95d;color:#fff}.dnd_quota_main .dnd-quota-sortable-wrap.number .dnd_quota__item:hover .item-icon{color:#fff}.dnd_quota_main .dnd-quota-sortable-wrap.number .dnd_quota__item .item-icon{color:#97c95d}.dnd_quota_main .dnd-quota-sortable-wrap.dimension .dnd_quota__item,.dnd_quota_main .dnd-quota-sortable-wrap.list .dnd_quota__item{background-color:#0273b0;color:#fff}.dnd_quota_main .dnd-quota-sortable-wrap.quota .dnd_quota__item{background-color:#97c95d;color:#fff}.dnd_quota_main .dnd-quota-spce{margin:0 4px}.dnd_quota_main .dnd_quota_right{flex:1 1}.dnd_quota_main .dnd_quota_right .dnd_quota_block_bottom,.dnd_quota_main .dnd_quota_right .dnd_quota_block_top{height:auto}.dnd_quota_main .dnd_quota_right .dnd_quota_right_payground{max-height:340px;min-height:140px}.dnd_quota_main .dnd_quota_right_payground{height:100%}.dnd_quota_main .dnd_quota_right_payground.empty{background:rgba(0,0,0,.08);position:relative}.dnd_quota_main .dnd_quota_right_payground.empty:after{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.modal-wrap{z-index:1040!important}.subtotals-modal-wrap{display:flex;height:100%}.subtotals-modal-wrap .subtotals-modal-left{height:100%;width:420px}.subtotals-modal-wrap .subtotals-modal-right{flex:1 1;height:100%;margin-left:16px;width:0}.subtotals-modal-wrap .subtotals-modal-table-top{align-items:center;display:flex;margin-bottom:16px;margin-top:4px;min-width:400px}.subtotals-modal-wrap .subtotals-modal-table-top .subtotals-modal-radio-wrap{flex:1 1;margin-right:-100px;text-align:center;width:0}.add-subtotals-wrap{height:100%}.add-subtotals-bot{height:calc(100% - 50px)}.popover-sum-content .ant-popover-inner-content{padding:0}.popover-sum-content .popover-sum-wrap .popover-sum-list:last-child{border-top:1px solid #e4e4e4}.popover-sum-content .popover-sum-wrap .popover-sum-title{font-weight:700;padding:8px 12px}.popover-sum-content .popover-sum-wrap .popover-sum-li{cursor:pointer;margin:0;padding:8px 12px}.popover-sum-content .popover-sum-wrap .popover-sum-li:hover{background-color:#f5f5f5}.popover-sum-content .popover-sum-wrap .popover-sum-li.action{background-color:#0273b0;color:#fff}.popover-body{min-height:340px;width:270px}.popover-body.config-body{width:320px}.popover-body.config-body .top-wrap{margin-bottom:6px}.popover-body .top-wrap{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.popover-body .title{font-size:14px}.popover-body .add-icon{cursor:pointer;font-weight:700}.popover-body .list-title{font-size:12px;margin-bottom:14px}.popover-body .list-title-icon{margin-right:6px}.popover-body .list-radio{align-items:center;display:flex;margin-bottom:10px;width:100%}.popover-body .list-radio-label{flex:1 1;font-weight:700}.popover-body .set-icon{cursor:pointer;font-size:12px;text-align:right;width:20px}.mode-name-wrap{padding:12px 0}.icon-button-wrapper{cursor:pointer;margin-left:10px}.columns-fixed-title{color:rgba(0,0,0,.45);font-size:12px;margin-bottom:6px;margin-top:6px}.tree_selectall{-ms-user-select:none;user-select:none}.tree_selectall>span:first-child{margin:4px 0 10px 24px!important}.tree_selectall>span:nth-child(2){padding-left:12px}.set-text-default{font-size:12px}.columns-tree-main{align-items:center;display:flex}.columns-tree-main .drag-title{margin:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:50px}.columns-tree-main .columns-tree-icon{color:#000;font-size:14px;text-align:right;visibility:hidden}.columns-tree-main:hover .columns-tree-icon{visibility:visible}
+.class-filter-component.tags-wrap{flex:1 1;z-index:2}.class-filter-component.tags-wrap .tags-list{cursor:pointer;display:inline-block;margin-left:8px;padding:2.5px 8px}.class-filter-component.tags-wrap .tags-list.action{background-color:var(--w-e-textarea-selected-border-color);color:var(--antd-wave-shadow-color)}.class-filter-component .filter-component-tree-content .tags-list{font-size:12px;margin-left:0}.class-filter-component .filter-component-tree-content :global .ant-tree-node-content-wrapper{padding:0}.class-filter-component .filter-component-tree-content :global .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:transparent}.class-filter-component .num-txt{background:red;border-radius:8px;color:#fff;margin-left:2px;padding:0 4px}.class-filter-component .actionMenu{background-color:var(--w-e-textarea-selected-border-color);color:var(--antd-wave-shadow-color)}.dropdownWrap :global .ant-dropdown-menu-submenu-vertical{width:120px}.dropdownWrap :global .ant-dropdown-menu-item,.dropdownWrap :global .ant-dropdown-menu-submenu-title{align-items:center;display:flex;padding:0}.dropdownWrap :global .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,.dropdownWrap :global .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon{padding-left:18px}.dropdownWrap .actionMenu{background-color:var(--w-e-textarea-selected-border-color);color:var(--antd-wave-shadow-color)}.dropdownWrap .num-txt{background:red;border-radius:8px;color:#fff;margin-left:2px;padding:0 4px}.filter-wrapper-body{width:260px}.filter-wrapper-body .sort{border-bottom:1px solid #eee;width:100%}.filter-wrapper-body .sort>span{cursor:pointer;display:inline-block;padding:5px 0;text-align:center;width:33%}.filter-wrapper-body .sort>span:hover{background-color:#eee}.filter-wrapper-body .filter{padding:10px 20px}.filter-wrapper-body .filter .search{margin-bottom:10px}.filter-wrapper-body .filter .search :global .ant-input-sm{padding:.2px 7px}.filter-wrapper-body .filter .filter-group{margin-bottom:10px;max-height:400px;overflow:auto;width:100%}.filter-modal-wrap .ant-modal-body{padding:12px}.chart-type-wrap{align-items:center;display:flex;margin-bottom:8px}.chart-type-wrap .chart-type-ul{display:flex}.chart-type-wrap .chart-type-li{border-radius:4px;cursor:pointer;display:flex;flex-direction:column;height:40px;justify-content:center;margin-right:4px;text-align:center;width:50px}.chart-type-wrap .chart-type-li:hover{background-color:rgba(5,14,26,.031)}.chart-type-wrap .chart-type-li.action{background-color:#e0edfd;color:#267ef0}.chart-type-wrap .chart-type-icon{display:block;font-size:16px}.dnd_quota_main{display:flex;height:100%}.dnd_quota_main .dnd_quota_left{flex:1 1;height:100%}.dnd_quota_main .dnd_quota_left::-webkit-scrollbar{background-color:#f5f5f5;width:4px}.dnd_quota_main .dnd_quota_left::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:3px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2)}.dnd_quota_main .dnd_quota_left::-webkit-scrollbar-thumb{background-color:#959595;border-radius:3px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2)}.dnd_quota_main .dnd_quota_block_top{border:1px solid #eee;border-radius:8px;height:50%;margin-bottom:8px;padding:8px}.dnd_quota_main .dnd_quota_block_top.classify-type{border-bottom:none;border-radius:8px 8px 0 0;margin-bottom:0;padding-bottom:0}.dnd_quota_main .dnd_quota_block_bottom{border:1px solid #eee;border-radius:8px;height:50%;margin-bottom:8px;padding:8px}.dnd_quota_main .dnd_quota_block_bottom.number-type{border-radius:0 0 8px 8px;border-top:none;margin-top:0}.dnd_quota_main .dnd_quota_left-title{display:flex;justify-content:space-between;margin-bottom:6px}.dnd_quota_main .dnd_quota-icon{cursor:pointer}.dnd_quota_main .drag-txt-empty{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%}.dnd_quota_main .dnd_quota__item{background-color:#f5f5f5;border-radius:4px;cursor:grab;display:flex;margin-bottom:4px;padding:8px}.dnd_quota_main .dnd_quota__item .item-icon{line-height:1;margin-right:4px;padding-top:1px}.dnd_quota_main .dnd_quota__item .dnd_quota__item_label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dnd_quota_main .dnd_quota__item .dnd_quota__item_txt{cursor:pointer}.dnd_quota_main .dnd-quota-sortable-wrap{height:calc(100% - 20px);overflow:auto;position:relative}.dnd_quota_main .dnd-quota-sortable-wrap::-webkit-scrollbar{background-color:#f5f5f5;width:4px}.dnd_quota_main .dnd-quota-sortable-wrap::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:3px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2)}.dnd_quota_main .dnd-quota-sortable-wrap::-webkit-scrollbar-thumb{background-color:#959595;border-radius:3px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2)}.dnd_quota_main .dnd-quota-sortable-wrap.init .dnd_quota__item:hover{background-color:#0273b0;color:#fff}.dnd_quota_main .dnd-quota-sortable-wrap.init .dnd_quota__item:hover .item-icon{color:#fff}.dnd_quota_main .dnd-quota-sortable-wrap.init .dnd_quota__item .item-icon{color:#0273b0}.dnd_quota_main .dnd-quota-sortable-wrap.number .dnd_quota__item:hover{background-color:#97c95d;color:#fff}.dnd_quota_main .dnd-quota-sortable-wrap.number .dnd_quota__item:hover .item-icon{color:#fff}.dnd_quota_main .dnd-quota-sortable-wrap.number .dnd_quota__item .item-icon{color:#97c95d}.dnd_quota_main .dnd-quota-sortable-wrap.dimension .dnd_quota__item,.dnd_quota_main .dnd-quota-sortable-wrap.list .dnd_quota__item{background-color:#0273b0;color:#fff}.dnd_quota_main .dnd-quota-sortable-wrap.quota .dnd_quota__item{background-color:#97c95d;color:#fff}.dnd_quota_main .dnd-quota-spce{margin:0 4px}.dnd_quota_main .dnd_quota_right{flex:1 1}.dnd_quota_main .dnd_quota_right .dnd_quota_block_bottom,.dnd_quota_main .dnd_quota_right .dnd_quota_block_top{height:auto}.dnd_quota_main .dnd_quota_right .dnd_quota_right_payground{max-height:340px;min-height:140px}.dnd_quota_main .dnd_quota_right_payground{height:100%}.dnd_quota_main .dnd_quota_right_payground.empty{background:rgba(0,0,0,.08);position:relative}.dnd_quota_main .dnd_quota_right_payground.empty:after{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.modal-wrap{z-index:1040!important}.subtotals-modal-wrap{display:flex;height:100%}.subtotals-modal-wrap .subtotals-modal-left{height:100%;width:420px}.subtotals-modal-wrap .subtotals-modal-right{flex:1 1;height:100%;margin-left:16px;width:0}.subtotals-modal-wrap .subtotals-modal-table-top{align-items:center;display:flex;margin-bottom:16px;margin-top:4px;min-width:400px}.subtotals-modal-wrap .subtotals-modal-table-top .subtotals-modal-radio-wrap{flex:1 1;margin-right:-100px;text-align:center;width:0}.add-subtotals-wrap{height:100%}.add-subtotals-bot{height:calc(100% - 50px)}.popover-sum-content .ant-popover-inner-content{padding:0}.popover-sum-content .popover-sum-wrap .popover-sum-list:last-child{border-top:1px solid #e4e4e4}.popover-sum-content .popover-sum-wrap .popover-sum-title{font-weight:700;padding:8px 12px}.popover-sum-content .popover-sum-wrap .popover-sum-li{cursor:pointer;margin:0;padding:8px 12px}.popover-sum-content .popover-sum-wrap .popover-sum-li:hover{background-color:#f5f5f5}.popover-sum-content .popover-sum-wrap .popover-sum-li.action{background-color:#0273b0;color:#fff}.popover-body{min-height:340px;width:260px}.popover-body .top-wrap{align-items:center;display:flex;justify-content:space-between}.popover-body .title{font-size:12px;font-weight:700}.popover-body .add-icon{cursor:pointer;font-weight:700}.popover-body .list-title{font-size:12px;margin:10px 0}.popover-body .list-title-icon{margin-right:6px}.popover-body .list-radio{align-items:center;display:flex;margin-bottom:10px;width:100%}.popover-body .list-radio-label{flex:1 1;font-weight:700}.popover-body .set-text-default{color:var(--antd-wave-shadow-color);font-size:10px}.popover-body .set-icon{cursor:pointer;font-size:12px;text-align:right;width:20px}.mode-name-wrap{padding:10px 0}.icon-button-wrapper{cursor:pointer;margin-left:10px}.columns-fixed-title{color:rgba(0,0,0,.45);font-size:12px;margin-bottom:6px;margin-top:6px;padding-left:24px}.tree_selectall{-ms-user-select:none;user-select:none}.tree_selectall>span:first-child{margin:4px 0 10px 24px!important}.tree_selectall>span:nth-child(2){padding-left:12px}.columns-tree-main{align-items:center;display:flex}.columns-tree-main .drag-title{margin:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:200px}.columns-tree-main .columns-tree-icon{color:var(--antd-wave-shadow-color);font-size:14px;text-align:right;visibility:hidden}.columns-tree-main:hover .columns-tree-icon{visibility:visible}