ns-base-module 1.1.56 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,8 +9,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
9
9
  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; }
10
10
  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; }
11
11
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
12
- import React, { useState, useEffect } from 'react';
13
- import { Input } from 'antd';
12
+ import { Input } from "antd";
13
+ import React, { useEffect, useState } from "react";
14
14
  var TextAreaWrapper = Input.TextArea;
15
15
  var SearchWrapper = Input.Search;
16
16
  var PasswordWrapper = Input.Password;
@@ -19,14 +19,17 @@ var InputWrapper = function InputWrapper(props) {
19
19
  return /*#__PURE__*/React.createElement(Input, _extends({
20
20
  allowClear: true
21
21
  }, props, {
22
- className: "disabled-input ".concat((_props$className = props === null || props === void 0 ? void 0 : props.className) !== null && _props$className !== void 0 ? _props$className : '')
22
+ className: "disabled-input ".concat((_props$className = props === null || props === void 0 ? void 0 : props.className) !== null && _props$className !== void 0 ? _props$className : "")
23
23
  }));
24
24
  };
25
25
  var TextArea = function TextArea(props) {
26
26
  return /*#__PURE__*/React.createElement(TextAreaWrapper, props);
27
27
  };
28
28
  var Search = function Search(props) {
29
- return /*#__PURE__*/React.createElement(SearchWrapper, props);
29
+ var _props$className2;
30
+ return /*#__PURE__*/React.createElement(SearchWrapper, _extends({}, props, {
31
+ className: "".concat((_props$className2 = props === null || props === void 0 ? void 0 : props.className) !== null && _props$className2 !== void 0 ? _props$className2 : "", " entry-form-border ")
32
+ }));
30
33
  };
31
34
  var Password = function Password(props) {
32
35
  return /*#__PURE__*/React.createElement(PasswordWrapper, props);
@@ -83,4 +86,4 @@ InputWrapper.Password = Password;
83
86
  InputWrapper.InputBlur = InputBlur;
84
87
  InputWrapper.TextAreaBlur = TextAreaBlur;
85
88
  export default InputWrapper;
86
- export { TextArea, Search, Password, InputBlur };
89
+ export { InputBlur, Password, Search, TextArea };
@@ -95,3 +95,89 @@
95
95
  }
96
96
  }
97
97
  }
98
+
99
+ // 2.0UI样式覆盖
100
+ .ant-input-affix-wrapper:focus,
101
+ .ant-input-affix-wrapper-focused {
102
+ // border-bottom-color: fade(var(--primary-color), 100%);
103
+ border-bottom-color: color-mix(
104
+ in srgb,
105
+ var(--form-border-color) 100%,
106
+ transparent
107
+ ) !important;
108
+ border-radius: 0 !important;
109
+ // box-shadow: 0 2px 0 fade(var(--form-border-color), 100%);
110
+ box-shadow: 0 2px 0
111
+ color-mix(in srgb, var(--form-border-color) 100%, transparent) !important;
112
+ }
113
+ .ant-select-focused:not(.ant-select-disabled).ant-select:not(
114
+ .ant-select-customize-input
115
+ )
116
+ .ant-select-selector {
117
+ // border-bottom-color: fade(var(--form-border-color), 100%);
118
+ border-bottom-color: color-mix(
119
+ in srgb,
120
+ var(--form-border-color) 100%,
121
+ transparent
122
+ ) !important;
123
+ border-radius: 0 !important;
124
+ // box-shadow: 0 2px 0 fade(var(--form-border-color), 100%);
125
+ box-shadow: 0 2px 0
126
+ color-mix(in srgb, var(--form-border-color) 100%, transparent) !important;
127
+ }
128
+
129
+ .entry-form-border {
130
+ border-color: var(--form-border-color);
131
+ border-top: 0;
132
+ border-right: 0;
133
+ border-bottom: 1px solid var(--form-border-color);
134
+ border-left: 0;
135
+ border-radius: 0;
136
+ &.ant-input-affix-wrapper-disabled {
137
+ &:hover {
138
+ border-bottom-color: transparent;
139
+ box-shadow: none;
140
+ }
141
+ }
142
+ &.ant-input-number-group-wrapper {
143
+ .ant-input-number {
144
+ border: none;
145
+ }
146
+ }
147
+ &:focus {
148
+ // border-bottom-color: fade(var(--primary-color), 100%);
149
+ border-bottom-color: color-mix(
150
+ in srgb,
151
+ var(--form-border-color) 100%,
152
+ transparent
153
+ ) !important;
154
+ border-radius: 0 !important;
155
+ // box-shadow: 0 2px 0 fade(var(--form-border-color), 100%);
156
+ box-shadow: 0 2px 0
157
+ color-mix(in srgb, var(--form-border-color) 100%, transparent) !important;
158
+ }
159
+ &:hover {
160
+ // border-bottom-color: fade(var(--primary-color), 100%);
161
+ border-bottom-color: color-mix(
162
+ in srgb,
163
+ var(--form-border-color) 100%,
164
+ transparent
165
+ ) !important;
166
+ border-radius: 0 !important;
167
+ // box-shadow: 0 2px 0 fade(var(--form-border-color), 100%);
168
+ box-shadow: 0 2px 0
169
+ color-mix(in srgb, var(--form-border-color) 100%, transparent) !important;
170
+ }
171
+ &.ant-input-number-focused {
172
+ // border-bottom-color: fade(var(--primary-color), 100%);
173
+ border-bottom-color: color-mix(
174
+ in srgb,
175
+ var(--form-border-color) 100%,
176
+ transparent
177
+ ) !important;
178
+ border-radius: 0 !important;
179
+ // box-shadow: 0 2px 0 fade(var(--form-border-color), 100%);
180
+ box-shadow: 0 2px 0
181
+ color-mix(in srgb, var(--form-border-color) 100%, transparent) !important;
182
+ }
183
+ }
@@ -404,14 +404,6 @@ var Filter = function Filter(props) {
404
404
  allowClear: true,
405
405
  onSearch: onSearch,
406
406
  onPaste: handlePaste
407
- // placeholder={
408
- // (dictItems && dictItems.length) || !(menuCode && formTemplateCode)
409
- // ? initLang({
410
- // id: "button.rest.filterTip",
411
- // defaultValue: "只能筛选当前页",
412
- // })
413
- // : ""
414
- // }
415
407
  }), /*#__PURE__*/React.createElement(React.Fragment, null, !!searchList.length && /*#__PURE__*/React.createElement(Checkbox, {
416
408
  checked: allChecked,
417
409
  indeterminate: checked.length > 0 && checked.length < list.length,
@@ -24,11 +24,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
24
24
  */
25
25
  import { Popover } from "antd";
26
26
  import React, { useMemo, useState } from "react";
27
- import { CaretDownOutlined } from "@ant-design/icons";
28
27
  import { get, isEmpty } from "lodash";
28
+ import IconCreate from "../Icon";
29
29
  import Filter from "./Filter";
30
- // import { filterContext } from '@/my-context';
31
-
32
30
  var content = function content(_ref) {
33
31
  var list = _ref.list,
34
32
  onSort = _ref.onSort,
@@ -90,19 +88,23 @@ var Index = function Index(_ref2) {
90
88
  // 活动的icon显示
91
89
  var visibilityStyle = useMemo(function () {
92
90
  var _value = get(props === null || props === void 0 ? void 0 : props.filterSearch, "".concat(dataIndex, ".value"), "");
93
- if (!_value) return null;
94
91
  if (!dataIndex) return null;
92
+ if (!_value) {
93
+ if (isEmpty(filterValue)) return null;
94
+ if (!filterValue[dataIndex] || isEmpty(list)) return null;
95
+ if (list.length === filterValue[dataIndex].length) return null;
96
+ }
95
97
  if (orderKey !== null && orderKey !== void 0 && orderKey.includes(dataIndex)) return {
96
- visibility: "visible"
98
+ visibility: "visible",
99
+ color: "#06B50F"
97
100
  };
98
101
  if (searchFlag) return {
99
- visibility: "visible"
102
+ visibility: "visible",
103
+ color: "#06B50F"
100
104
  };
101
- if (isEmpty(filterValue)) return null;
102
- if (!filterValue[dataIndex] || isEmpty(list)) return null;
103
- if (list.length === filterValue[dataIndex].length) return null;
104
105
  return {
105
- visibility: "visible"
106
+ visibility: "visible",
107
+ color: "#06B50F"
106
108
  };
107
109
  }, [filterValue, list, dataIndex, orderKey, searchFlag, props.filterSearch]);
108
110
  var onFilterSearchValue = function onFilterSearchValue(value) {
@@ -126,8 +128,9 @@ var Index = function Index(_ref2) {
126
128
  dataSource: dataSource,
127
129
  open: open
128
130
  }, props))
129
- }, /*#__PURE__*/React.createElement(CaretDownOutlined, {
131
+ }, /*#__PURE__*/React.createElement(IconCreate, {
130
132
  className: "proTableFilter",
133
+ type: "icon-ns-biaodan-shaixuan",
131
134
  style: _objectSpread({
132
135
  marginLeft: 4,
133
136
  color: "#888"
@@ -16,7 +16,7 @@ var IconFont = createFromIconfontCN({
16
16
  // // 旧配置 ns- 开头
17
17
  "//at.alicdn.com/t/c/font_4504651_fhxc7b4wsx.js",
18
18
  //// 新配置 icon- 开头 兼容菜单 组件弹框选择 使用这份
19
- "//at.alicdn.com/t/c/font_4981252_17vhq5lxfwn.js" // 新UI 配置 icons- 开头
19
+ "//at.alicdn.com/t/c/font_4981252_gq97ly7bovs.js" // 新UI 配置 icon-ns- 开头
20
20
  ]
21
21
  });
22
22
  export default IconFont;
@@ -117,7 +117,6 @@ var Index = function Index(_ref) {
117
117
  var changeRaadio = function changeRaadio(_code) {
118
118
  setCheckChartType(_code);
119
119
  };
120
- var onReset = function onReset() {};
121
120
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popover, {
122
121
  placement: "bottomRight",
123
122
  trigger: "hover",
@@ -17,12 +17,13 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
17
17
  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; }
18
18
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
19
19
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
20
- import { CopyOutlined, DeleteOutlined, RotateLeftOutlined, SettingOutlined, ShareAltOutlined, UserOutlined } from "@ant-design/icons";
20
+ import { CopyOutlined, DeleteOutlined, SettingOutlined } from "@ant-design/icons";
21
21
  import { Button, Popconfirm, Radio, Tooltip } from "antd";
22
22
  import React, { useEffect, useState } from "react";
23
23
  // import { commonRequest } from '../../../../services/global';
24
24
  // import { crossContext } from '@/my-context';
25
25
  import "../../style/components/SubtotalsModal.scss";
26
+ import IconCreate from "../Icon";
26
27
  import { initLang } from "../utils/language";
27
28
  import { setFormTemplates } from "../utils/services/global";
28
29
  var Index = function Index(props) {
@@ -324,25 +325,27 @@ var Index = function Index(props) {
324
325
  }
325
326
  }, /*#__PURE__*/React.createElement("div", {
326
327
  className: "list-title"
327
- }, /*#__PURE__*/React.createElement(UserOutlined, {
328
+ }, /*#__PURE__*/React.createElement(IconCreate, {
329
+ type: "icon-ns-gerenmoban",
328
330
  className: "list-title-icon"
329
331
  }), initLang({
330
332
  id: "prompt.personalTemplate"
331
333
  })), /*#__PURE__*/React.createElement(React.Fragment, null, renderTemplate(templateUser)), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
332
334
  className: "list-title"
333
- }, /*#__PURE__*/React.createElement(ShareAltOutlined, {
335
+ }, /*#__PURE__*/React.createElement(IconCreate, {
336
+ type: "icon-ns-gonggongmoban",
334
337
  className: "list-title-icon"
335
338
  }), initLang({
336
339
  id: "prompt.publicTemplate"
337
340
  })), /*#__PURE__*/React.createElement(React.Fragment, null, renderTemplate(template))), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
338
341
  className: "list-title"
339
- }, /*#__PURE__*/React.createElement(RotateLeftOutlined, {
342
+ }, /*#__PURE__*/React.createElement(IconCreate, {
343
+ type: "icon-ns-zhuanzhibiaomoban",
340
344
  className: "list-title-icon"
341
345
  }), initLang({
342
346
  id: "prompt.transTemplate"
343
347
  })), /*#__PURE__*/React.createElement(React.Fragment, null, renderTemplate(templateTran, "trans")))), /*#__PURE__*/React.createElement("div", {
344
348
  style: {
345
- textAlign: "right",
346
349
  marginTop: 32
347
350
  }
348
351
  }, /*#__PURE__*/React.createElement(Button, {
@@ -1,5 +1,6 @@
1
1
  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); }
2
- var _excluded = ["menuCode", "formTemplateCode"];
2
+ var _excluded = ["menuCode", "formTemplateCode"],
3
+ _excluded2 = ["children"];
3
4
  function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
4
5
  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; }
5
6
  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; }
@@ -30,7 +31,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
30
31
  */
31
32
  // import { crossContext } from "@/my-context";
32
33
  // import { initLang } from "@/utils/language";
33
- import { CopyOutlined, DeleteOutlined, PlusOutlined, SettingOutlined, ShareAltOutlined, UserOutlined } from "@ant-design/icons";
34
+ import { CopyOutlined, DeleteOutlined, PlusOutlined, SettingOutlined } from "@ant-design/icons";
34
35
  import { Button, Checkbox, Input, message, Popconfirm, Popover, Radio, Tooltip, Tree } from "antd";
35
36
  import { cloneDeep, find, isArray, isEmpty } from "lodash";
36
37
  import React, { memo, useEffect, useMemo, useState } from "react";
@@ -38,6 +39,7 @@ import { DndProvider } from "react-dnd";
38
39
  import { HTML5Backend } from "react-dnd-html5-backend";
39
40
  import Dustbin from "./Dustbin";
40
41
  import "../../style/components/TableHeaderConfigPopover.scss";
42
+ import IconCreate from "../Icon";
41
43
  import { initLang } from "../utils/language";
42
44
  import { queryColumnsConfig, setFormTemplates } from "../utils/services/global";
43
45
  import { initColumns, sortColums } from "./utils";
@@ -529,7 +531,7 @@ var ColumnsToolbarRender = /*#__PURE__*/memo(function (props) {
529
531
  onChange: changeInput
530
532
  }), /*#__PURE__*/React.createElement(Radio.Group, {
531
533
  style: {
532
- paddingTop: 6
534
+ paddingTop: 12
533
535
  },
534
536
  onChange: function onChange(e) {
535
537
  setPermsType(e.target.value);
@@ -558,11 +560,7 @@ var ColumnsToolbarRender = /*#__PURE__*/memo(function (props) {
558
560
  indeterminate: indeterminate,
559
561
  onChange: selectAllChange,
560
562
  className: "tree_selectall"
561
- }, /*#__PURE__*/React.createElement("span", {
562
- style: {
563
- color: "#0273b0"
564
- }
565
- }, initLang({
563
+ }, /*#__PURE__*/React.createElement("span", null, initLang({
566
564
  id: "app.search.modal.selectAll"
567
565
  }))), !!leftFixed.length && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
568
566
  className: "columns-fixed-title"
@@ -975,9 +973,9 @@ var ColumnsToolbar = function ColumnsToolbar(_ref4) {
975
973
  });
976
974
  };
977
975
  return /*#__PURE__*/React.createElement("div", {
978
- className: "popover-body"
976
+ className: "popover-body ".concat(showConfig ? "config-body" : "")
979
977
  }, /*#__PURE__*/React.createElement("div", {
980
- className: "top-wrap"
978
+ className: "top-wrap "
981
979
  }, /*#__PURE__*/React.createElement("span", {
982
980
  className: "title"
983
981
  }, initLang({
@@ -1016,7 +1014,8 @@ var ColumnsToolbar = function ColumnsToolbar(_ref4) {
1016
1014
  }
1017
1015
  }, /*#__PURE__*/React.createElement("div", {
1018
1016
  className: "list-title"
1019
- }, /*#__PURE__*/React.createElement(UserOutlined, {
1017
+ }, /*#__PURE__*/React.createElement(IconCreate, {
1018
+ type: "icon-ns-gerenmoban",
1020
1019
  className: "list-title-icon"
1021
1020
  }), initLang({
1022
1021
  id: "prompt.personalTemplate"
@@ -1066,7 +1065,8 @@ var ColumnsToolbar = function ColumnsToolbar(_ref4) {
1066
1065
  }))));
1067
1066
  })), /*#__PURE__*/React.createElement("div", {
1068
1067
  className: "list-title"
1069
- }, /*#__PURE__*/React.createElement(ShareAltOutlined, {
1068
+ }, /*#__PURE__*/React.createElement(IconCreate, {
1069
+ type: "icon-ns-gonggongmoban",
1070
1070
  className: "list-title-icon"
1071
1071
  }), initLang({
1072
1072
  id: "prompt.publicTemplate"
@@ -1127,7 +1127,7 @@ var ColumnsToolbar = function ColumnsToolbar(_ref4) {
1127
1127
  }))), (curItem === null || curItem === void 0 ? void 0 : curItem.perms_type) !== "public" && /*#__PURE__*/React.createElement("div", {
1128
1128
  style: {
1129
1129
  position: "absolute",
1130
- right: 12,
1130
+ left: 12,
1131
1131
  bottom: 16
1132
1132
  }
1133
1133
  }, (curItem === null || curItem === void 0 ? void 0 : curItem.is_default) === "Y" ? /*#__PURE__*/React.createElement(Button, {
@@ -1141,14 +1141,15 @@ var ColumnsToolbar = function ColumnsToolbar(_ref4) {
1141
1141
  onClick: function onClick() {
1142
1142
  return handleSaveDefault("Y");
1143
1143
  },
1144
- size: "small",
1145
- type: "primary"
1144
+ size: "small"
1146
1145
  }, initLang({
1147
1146
  id: "button.set.default"
1148
1147
  })))));
1149
1148
  };
1150
1149
  var Index = function Index(_ref9) {
1151
1150
  var props = Object.assign({}, (_objectDestructuringEmpty(_ref9), _ref9));
1151
+ var children = props.children,
1152
+ arg = _objectWithoutProperties(props, _excluded2);
1152
1153
  useEffect(function () {
1153
1154
  if (props.init) {
1154
1155
  getColumnsFilter();
@@ -1210,8 +1211,8 @@ var Index = function Index(_ref9) {
1210
1211
  placement: "bottomLeft",
1211
1212
  trigger: "click",
1212
1213
  title: "",
1213
- content: /*#__PURE__*/React.createElement(ColumnsToolbar, props)
1214
- }, /*#__PURE__*/React.createElement(Tooltip, {
1214
+ content: /*#__PURE__*/React.createElement(ColumnsToolbar, arg)
1215
+ }, children ? children : /*#__PURE__*/React.createElement(Tooltip, {
1215
1216
  placement: "left",
1216
1217
  title: initLang({
1217
1218
  id: "prompt.setTemplate"
@@ -1 +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-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:50px}.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}
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{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}.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}