@nokecy/qc-ui 1.0.4 → 1.0.6

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.
Files changed (51) hide show
  1. package/README.md +23 -23
  2. package/dist/cjs/ConfirmPro/index.js +4 -4
  3. package/dist/cjs/ag-grid-plus/_utils/boolSelect.js +5 -5
  4. package/dist/cjs/ag-grid-plus/ag-grid-theme-builder.css +352 -352
  5. package/dist/cjs/ag-grid-plus/ag-gridPlus.js +2 -2
  6. package/dist/cjs/ag-grid-plus/index.less +14 -14
  7. package/dist/cjs/ag-grid-plus/interface.d.ts +5 -1
  8. package/dist/cjs/ag-grid-plus/queryForm/index.less +48 -48
  9. package/dist/cjs/ag-grid-plus/toolBar/index.js +4 -4
  10. package/dist/cjs/ag-grid-plus/utils.d.ts +2 -1
  11. package/dist/cjs/ag-grid-plus/utils.js +10 -7
  12. package/dist/cjs/dashboard/dashboard/components/toolbar/style/index.less +49 -49
  13. package/dist/cjs/dashboard/dashboard/index.less +173 -173
  14. package/dist/cjs/dashboard/dashboard/utils.js +4 -4
  15. package/dist/cjs/dashboard/utils.js +8 -8
  16. package/dist/cjs/dashboard/widget/index.less +7 -7
  17. package/dist/cjs/dashboard/widget/selector/index.less +172 -172
  18. package/dist/cjs/draggableModal/index.js +4 -4
  19. package/dist/cjs/draggableModal/style.less +16 -16
  20. package/dist/cjs/formDesigner/arrayTable/styles.less +2 -2
  21. package/dist/cjs/formDesigner/index.less +2 -2
  22. package/dist/cjs/fullScreenAlert/index.js +4 -4
  23. package/dist/cjs/fullScreenAlert/index.less +133 -133
  24. package/dist/cjs/importModal/index.js +4 -4
  25. package/dist/cjs/toolBar/index.less +25 -25
  26. package/dist/esm/ConfirmPro/index.js +4 -4
  27. package/dist/esm/ag-grid-plus/_utils/boolSelect.js +5 -5
  28. package/dist/esm/ag-grid-plus/ag-grid-theme-builder.css +352 -352
  29. package/dist/esm/ag-grid-plus/ag-gridPlus.js +2 -2
  30. package/dist/esm/ag-grid-plus/index.less +14 -14
  31. package/dist/esm/ag-grid-plus/interface.d.ts +5 -1
  32. package/dist/esm/ag-grid-plus/queryForm/index.less +48 -48
  33. package/dist/esm/ag-grid-plus/toolBar/index.js +4 -4
  34. package/dist/esm/ag-grid-plus/utils.d.ts +2 -1
  35. package/dist/esm/ag-grid-plus/utils.js +10 -7
  36. package/dist/esm/dashboard/dashboard/components/toolbar/style/index.less +49 -49
  37. package/dist/esm/dashboard/dashboard/index.less +173 -173
  38. package/dist/esm/dashboard/dashboard/utils.js +4 -4
  39. package/dist/esm/dashboard/utils.js +8 -8
  40. package/dist/esm/dashboard/widget/index.less +7 -7
  41. package/dist/esm/dashboard/widget/selector/index.less +172 -172
  42. package/dist/esm/draggableModal/index.js +4 -4
  43. package/dist/esm/draggableModal/style.less +16 -16
  44. package/dist/esm/formDesigner/arrayTable/styles.less +2 -2
  45. package/dist/esm/formDesigner/index.less +2 -2
  46. package/dist/esm/fullScreenAlert/index.js +4 -4
  47. package/dist/esm/fullScreenAlert/index.less +133 -133
  48. package/dist/esm/importModal/index.js +4 -4
  49. package/dist/esm/toolBar/index.less +25 -25
  50. package/dist/umd/qc-ui.min.js +1 -1
  51. package/package.json +70 -70
@@ -181,7 +181,7 @@ function AgGridPlus(props) {
181
181
  }, [dataSource]);
182
182
  var onRequest = function onRequest(queryFilter) {
183
183
  setLoading(true);
184
- var filter = convertFilterModel(queryFilter);
184
+ var filter = convertFilterModel(queryFilter, allColDefs);
185
185
  var params = _objectSpread(_objectSpread({
186
186
  filter: filter
187
187
  }, gridParams), {}, {
@@ -202,7 +202,6 @@ function AgGridPlus(props) {
202
202
  setLoading(false);
203
203
  });
204
204
  };
205
- var actionDom = toolBarRender && toolBarRender(apiRef.current, convertFilterModel(queryFilter), queryFilter);
206
205
  var sortChanged = function sortChanged(columnApi) {
207
206
  var sortedColumn = columnApi.getColumnState().find(function (col) {
208
207
  return Boolean(col.sort);
@@ -400,6 +399,7 @@ function AgGridPlus(props) {
400
399
  var rowDataMemo = useMemo(function () {
401
400
  return props.treeData ? flatten(toTree(rowData, treeKeyName !== null && treeKeyName !== void 0 ? treeKeyName : "id", treeParentName !== null && treeParentName !== void 0 ? treeParentName : "parentId"), treeKeyName !== null && treeKeyName !== void 0 ? treeKeyName : "id") : rowData;
402
401
  }, [rowData, props.treeData]);
402
+ var actionDom = toolBarRender && toolBarRender(apiRef.current, convertFilterModel(queryFilter, allColDefs), queryFilter);
403
403
  return /*#__PURE__*/React.createElement(Spin, {
404
404
  spinning: loading,
405
405
  wrapperClassName: "grid-spin"
@@ -1,15 +1,15 @@
1
- .grid-spin {
2
- height: 100%;
3
-
4
- .ant-spin-container {
5
- height: 100%;
6
- }
7
- }
8
-
9
- .ag-icon-filter:before {
10
- -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzIzNjg0NDAwMDY0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MjgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTMyNS43MTQyODYgODg0LjU3MTQyOWMwIDIwLjIyODU3MSAxNi4yMjg1NzEgMzYuNTcxNDI5IDM2LjM0Mjg1NyAzNi41NzE0MjhoMjk5Ljg4NTcxNGMyMC4xMTQyODYgMCAzNi4zNDI4NTctMTYuMzQyODU3IDM2LjM0Mjg1Ny0zNi41NzE0MjhWNjYwLjU3MTQyOUgzMjUuNzE0Mjg2djIyNHogbTYwNi45NzE0MjgtNzgxLjcxNDI4Nkg5MS4zMTQyODZjLTI4IDAtNDUuNDg1NzE0IDMwLjUxNDI4Ni0zMS40Mjg1NzIgNTQuODU3MTQzbDI1Mi45MTQyODYgNDI5LjcxNDI4NWgzOTguNjI4NTcxbDI1Mi45MTQyODYtNDI5LjcxNDI4NWMxMy44Mjg1NzEtMjQuMzQyODU3LTMuNjU3MTQzLTU0Ljg1NzE0My0zMS42NTcxNDMtNTQuODU3MTQzeiIgcC1pZD0iMjQyOSIgZmlsbD0iIzhhOGE4YSI+PC9wYXRoPjwvc3ZnPg==) !important;
11
-
12
- mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzIzNjg0NDAwMDY0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MjgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTMyNS43MTQyODYgODg0LjU3MTQyOWMwIDIwLjIyODU3MSAxNi4yMjg1NzEgMzYuNTcxNDI5IDM2LjM0Mjg1NyAzNi41NzE0MjhoMjk5Ljg4NTcxNGMyMC4xMTQyODYgMCAzNi4zNDI4NTctMTYuMzQyODU3IDM2LjM0Mjg1Ny0zNi41NzE0MjhWNjYwLjU3MTQyOUgzMjUuNzE0Mjg2djIyNHogbTYwNi45NzE0MjgtNzgxLjcxNDI4Nkg5MS4zMTQyODZjLTI4IDAtNDUuNDg1NzE0IDMwLjUxNDI4Ni0zMS40Mjg1NzIgNTQuODU3MTQzbDI1Mi45MTQyODYgNDI5LjcxNDI4NWgzOTguNjI4NTcxbDI1Mi45MTQyODYtNDI5LjcxNDI4NWMxMy44Mjg1NzEtMjQuMzQyODU3LTMuNjU3MTQzLTU0Ljg1NzE0My0zMS42NTcxNDMtNTQuODU3MTQzeiIgcC1pZD0iMjQyOSIgZmlsbD0iIzhhOGE4YSI+PC9wYXRoPjwvc3ZnPg==) !important;
13
-
14
- color: #8a8a8a;
1
+ .grid-spin {
2
+ height: 100%;
3
+
4
+ .ant-spin-container {
5
+ height: 100%;
6
+ }
7
+ }
8
+
9
+ .ag-icon-filter:before {
10
+ -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzIzNjg0NDAwMDY0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MjgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTMyNS43MTQyODYgODg0LjU3MTQyOWMwIDIwLjIyODU3MSAxNi4yMjg1NzEgMzYuNTcxNDI5IDM2LjM0Mjg1NyAzNi41NzE0MjhoMjk5Ljg4NTcxNGMyMC4xMTQyODYgMCAzNi4zNDI4NTctMTYuMzQyODU3IDM2LjM0Mjg1Ny0zNi41NzE0MjhWNjYwLjU3MTQyOUgzMjUuNzE0Mjg2djIyNHogbTYwNi45NzE0MjgtNzgxLjcxNDI4Nkg5MS4zMTQyODZjLTI4IDAtNDUuNDg1NzE0IDMwLjUxNDI4Ni0zMS40Mjg1NzIgNTQuODU3MTQzbDI1Mi45MTQyODYgNDI5LjcxNDI4NWgzOTguNjI4NTcxbDI1Mi45MTQyODYtNDI5LjcxNDI4NWMxMy44Mjg1NzEtMjQuMzQyODU3LTMuNjU3MTQzLTU0Ljg1NzE0My0zMS42NTcxNDMtNTQuODU3MTQzeiIgcC1pZD0iMjQyOSIgZmlsbD0iIzhhOGE4YSI+PC9wYXRoPjwvc3ZnPg==) !important;
11
+
12
+ mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzIzNjg0NDAwMDY0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MjgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTMyNS43MTQyODYgODg0LjU3MTQyOWMwIDIwLjIyODU3MSAxNi4yMjg1NzEgMzYuNTcxNDI5IDM2LjM0Mjg1NyAzNi41NzE0MjhoMjk5Ljg4NTcxNGMyMC4xMTQyODYgMCAzNi4zNDI4NTctMTYuMzQyODU3IDM2LjM0Mjg1Ny0zNi41NzE0MjhWNjYwLjU3MTQyOUgzMjUuNzE0Mjg2djIyNHogbTYwNi45NzE0MjgtNzgxLjcxNDI4Nkg5MS4zMTQyODZjLTI4IDAtNDUuNDg1NzE0IDMwLjUxNDI4Ni0zMS40Mjg1NzIgNTQuODU3MTQzbDI1Mi45MTQyODYgNDI5LjcxNDI4NWgzOTguNjI4NTcxbDI1Mi45MTQyODYtNDI5LjcxNDI4NWMxMy44Mjg1NzEtMjQuMzQyODU3LTMuNjU3MTQzLTU0Ljg1NzE0My0zMS42NTcxNDMtNTQuODU3MTQzeiIgcC1pZD0iMjQyOSIgZmlsbD0iIzhhOGE4YSI+PC9wYXRoPjwvc3ZnPg==) !important;
13
+
14
+ color: #8a8a8a;
15
15
  }
@@ -29,6 +29,10 @@ interface GridProps extends AgGridReactProps {
29
29
  gridRef?: React.Ref<GridRef | undefined>;
30
30
  }
31
31
  interface AgGridColumnPropsClone extends ColDef {
32
+ /**
33
+ * 是否精确查询
34
+ */
35
+ exactQuery?: boolean;
32
36
  hideInTable?: boolean;
33
37
  hideInSearch?: boolean;
34
38
  queryField?: string;
@@ -41,4 +45,4 @@ interface AgGridColumnPropsClone extends ColDef {
41
45
  }[];
42
46
  }
43
47
  declare function AgGridColumn(props: AgGridColumnPropsClone | ColGroupDef): React.JSX.Element;
44
- export { GridProps, AgGridColumn, GridRef };
48
+ export { GridProps, AgGridColumn, GridRef, AgGridColumnPropsClone };
@@ -1,48 +1,48 @@
1
-
2
- @pro-table-search-prefix-cls: ~'ag-grid-table-search';
3
-
4
- @pro-table-form-prefix-cls: ~'ag-grid-table-form';
5
-
6
- .@{pro-table-search-prefix-cls} {
7
- margin-bottom: 8px;
8
- padding: 8px;
9
- // padding-bottom: 0;
10
- background-color: #fff;
11
-
12
- &.@{pro-table-form-prefix-cls} {
13
- margin: 0;
14
- padding: 0 16px;
15
- overflow: unset;
16
- }
17
-
18
- &-light {
19
- margin-bottom: 0;
20
- padding: 16px 0;
21
- }
22
-
23
- &-form-option {
24
- .ant-form-item {
25
- margin: 0;
26
- }
27
-
28
- .ant-form-item-label {
29
- opacity: 0;
30
- }
31
-
32
- .ant-form-item-control-input {
33
- justify-content: flex-start;
34
- }
35
- }
36
- }
37
-
38
- @media (max-width: 575px) {
39
- .@{pro-table-search-prefix-cls} {
40
- height: auto !important;
41
- padding-bottom: 24px;
42
-
43
- .ant-form-item-label {
44
- min-width: 80px;
45
- text-align: left;
46
- }
47
- }
48
- }
1
+
2
+ @pro-table-search-prefix-cls: ~'ag-grid-table-search';
3
+
4
+ @pro-table-form-prefix-cls: ~'ag-grid-table-form';
5
+
6
+ .@{pro-table-search-prefix-cls} {
7
+ margin-bottom: 8px;
8
+ padding: 8px;
9
+ // padding-bottom: 0;
10
+ background-color: #fff;
11
+
12
+ &.@{pro-table-form-prefix-cls} {
13
+ margin: 0;
14
+ padding: 0 16px;
15
+ overflow: unset;
16
+ }
17
+
18
+ &-light {
19
+ margin-bottom: 0;
20
+ padding: 16px 0;
21
+ }
22
+
23
+ &-form-option {
24
+ .ant-form-item {
25
+ margin: 0;
26
+ }
27
+
28
+ .ant-form-item-label {
29
+ opacity: 0;
30
+ }
31
+
32
+ .ant-form-item-control-input {
33
+ justify-content: flex-start;
34
+ }
35
+ }
36
+ }
37
+
38
+ @media (max-width: 575px) {
39
+ .@{pro-table-search-prefix-cls} {
40
+ height: auto !important;
41
+ padding-bottom: 24px;
42
+
43
+ .ant-form-item-label {
44
+ min-width: 80px;
45
+ text-align: left;
46
+ }
47
+ }
48
+ }
@@ -10,10 +10,10 @@ import { ConfigProvider, Tooltip } from 'antd';
10
10
  import classNames from 'classnames';
11
11
  import React, { useContext, useMemo } from 'react';
12
12
  import { useStyle } from "./style";
13
- /**
14
- * 获取配置区域 DOM Item
15
- *
16
- * @param setting 配置项
13
+ /**
14
+ * 获取配置区域 DOM Item
15
+ *
16
+ * @param setting 配置项
17
17
  */
18
18
  function getSettingItem(setting) {
19
19
  if ( /*#__PURE__*/React.isValidElement(setting)) {
@@ -1,5 +1,6 @@
1
1
  import { ValueFormatterParams } from 'ag-grid-community';
2
- declare const convertFilterModel: (filterModel: any) => string;
2
+ import { AgGridColumnPropsClone } from './interface';
3
+ declare const convertFilterModel: (filterModel: any, colDefs: AgGridColumnPropsClone[]) => string;
3
4
  declare const convertSortModel: (sortModel: any[]) => string;
4
5
  declare const dateValueFormatter: (params: ValueFormatterParams) => string;
5
6
  declare const dateTimeValueFormatter: (params: ValueFormatterParams) => string;
@@ -15,9 +15,9 @@ import dayjs from 'dayjs';
15
15
  var esc = function esc(v) {
16
16
  return v.replace(/([(),|,\\]|\/i)/g, '\\$1');
17
17
  };
18
- var getFilter = function getFilter(objectKey, value) {
18
+ var getFilter = function getFilter(objectKey, value, colDef) {
19
19
  if (typeof value === 'string') {
20
- return value && value != "" ? "".concat(objectKey, " =* ").concat(esc(value)) : "";
20
+ return value && value != "" ? "".concat(objectKey, " ").concat(colDef !== null && colDef !== void 0 && colDef.exactQuery ? '^' : "=*", " ").concat(esc(value)) : "";
21
21
  }
22
22
  if (typeof value === 'number') {
23
23
  return "".concat(objectKey, " = ").concat(value);
@@ -29,12 +29,12 @@ var getFilter = function getFilter(objectKey, value) {
29
29
  return "".concat(objectKey, " >= ").concat(dayjs(value[0]).format("YYYY-MM-DD"), " ,") + "".concat(objectKey, " <= ").concat(dayjs(value[1]).add(1, 'days').format("YYYY-MM-DD"));
30
30
  }
31
31
  var items = [];
32
- getObjectFilter(value, objectKey, items);
32
+ getObjectFilter(value, objectKey, items, colDef);
33
33
  return items.filter(function (x) {
34
34
  return !!x;
35
35
  }).join(",");
36
36
  };
37
- var getObjectFilter = function getObjectFilter(obj, objKey, items) {
37
+ var getObjectFilter = function getObjectFilter(obj, objKey, items, colDef) {
38
38
  Object.keys(obj).map(function (key) {
39
39
  var value = obj[key];
40
40
  var objectKey = "".concat(objKey, ".").concat(key);
@@ -42,7 +42,7 @@ var getObjectFilter = function getObjectFilter(obj, objKey, items) {
42
42
  items.push("".concat(objectKey, " = ").concat(value));
43
43
  }
44
44
  if (typeof value === 'string') {
45
- value && value != "" && items.push("".concat(objectKey, " =* ").concat(esc(value)));
45
+ value && value != "" && items.push("".concat(objectKey, " ").concat(colDef !== null && colDef !== void 0 && colDef.exactQuery ? '^' : "=*", " ").concat(esc(value)));
46
46
  }
47
47
  if (typeof value === 'boolean') {
48
48
  items.push("".concat(objectKey, " = ").concat(value));
@@ -53,12 +53,15 @@ var getObjectFilter = function getObjectFilter(obj, objKey, items) {
53
53
  if (value instanceof Object) items.push(getObjectFilter(value, "".concat(objKey, ".").concat(key), items));
54
54
  });
55
55
  };
56
- var convertFilterModel = function convertFilterModel(filterModel) {
56
+ var convertFilterModel = function convertFilterModel(filterModel, colDefs) {
57
57
  var items = [];
58
58
  Object.keys(filterModel).map(function (key) {
59
59
  var value = filterModel[key];
60
+ var colDef = colDefs.find(function (colDef) {
61
+ return colDef.field == key;
62
+ });
60
63
  if (value !== undefined && value !== null && value !== "") {
61
- var filter = getFilter(key, value);
64
+ var filter = getFilter(key, value, colDef);
62
65
  if (filter && filter != "") {
63
66
  items.push(filter);
64
67
  }
@@ -1,49 +1,49 @@
1
- .react-dashboard-toolbar {
2
- display: flex;
3
- align-items: center;
4
- justify-content: space-between;
5
- // width: 100%;
6
- padding: 0 10px;
7
- padding-bottom: 10px;
8
- // background: var(--component-background);
9
-
10
- &:after {
11
- display: block;
12
- clear: both;
13
- content: '';
14
- }
15
-
16
- &-left {
17
- float: left;
18
-
19
- button {
20
- margin-right: 10px;
21
- }
22
- }
23
-
24
- &-right {
25
- float: right;
26
-
27
- button {
28
- margin-left: 10px;
29
- }
30
- }
31
-
32
- &-space {
33
- flex: auto;
34
- height: 1px;
35
- margin: 0 !important;
36
- padding: 0 !important;
37
- border: 0 !important;
38
- -webkit-box-flex: 1;
39
- }
40
-
41
- &-fixed {
42
- position: fixed;
43
- right: 0;
44
- bottom: 0;
45
- z-index: 9;
46
- border-top: 1px solid rgba(128, 128, 128, 0.1);
47
- box-shadow: 0 -1px 2px rgba(128, 128, 128, 0.03);
48
- }
49
- }
1
+ .react-dashboard-toolbar {
2
+ display: flex;
3
+ align-items: center;
4
+ justify-content: space-between;
5
+ // width: 100%;
6
+ padding: 0 10px;
7
+ padding-bottom: 10px;
8
+ // background: var(--component-background);
9
+
10
+ &:after {
11
+ display: block;
12
+ clear: both;
13
+ content: '';
14
+ }
15
+
16
+ &-left {
17
+ float: left;
18
+
19
+ button {
20
+ margin-right: 10px;
21
+ }
22
+ }
23
+
24
+ &-right {
25
+ float: right;
26
+
27
+ button {
28
+ margin-left: 10px;
29
+ }
30
+ }
31
+
32
+ &-space {
33
+ flex: auto;
34
+ height: 1px;
35
+ margin: 0 !important;
36
+ padding: 0 !important;
37
+ border: 0 !important;
38
+ -webkit-box-flex: 1;
39
+ }
40
+
41
+ &-fixed {
42
+ position: fixed;
43
+ right: 0;
44
+ bottom: 0;
45
+ z-index: 9;
46
+ border-top: 1px solid rgba(128, 128, 128, 0.1);
47
+ box-shadow: 0 -1px 2px rgba(128, 128, 128, 0.03);
48
+ }
49
+ }