@arim-aisdc/public-components 0.0.58 → 0.0.60
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.
- package/dist/components/CenterModal/CenterModal.js +15 -4
- package/dist/components/CenterModal/type.d.ts +2 -1
- package/dist/components/Drawer/Drawer.d.ts +4 -0
- package/dist/components/Drawer/Drawer.js +102 -0
- package/dist/components/Drawer/index.d.ts +3 -0
- package/dist/components/Drawer/index.js +2 -0
- package/dist/components/Drawer/type.d.ts +15 -0
- package/dist/components/Drawer/type.js +1 -0
- package/dist/components/Filter/FilterColor/index.d.ts +14 -0
- package/dist/components/Filter/FilterColor/index.js +97 -0
- package/dist/components/Filter/FilterColor/index.less +106 -0
- package/dist/components/Filter/FilterInputNumber/index.d.ts +17 -0
- package/dist/components/Filter/FilterInputNumber/index.js +52 -0
- package/dist/components/Filter/FilterInputNumber/index.less +16 -0
- package/dist/components/Filter/FilterRadio/index.d.ts +19 -0
- package/dist/components/Filter/FilterRadio/index.js +56 -0
- package/dist/components/Filter/FilterRadio/index.less +26 -0
- package/dist/components/Filter/FilterSelect/index.d.ts +18 -0
- package/dist/components/Filter/FilterSelect/index.js +58 -0
- package/dist/components/Filter/FilterSelect/index.less +29 -0
- package/dist/components/Filter/FilterSlider/index.d.ts +15 -0
- package/dist/components/Filter/FilterSlider/index.js +52 -0
- package/dist/components/Filter/FilterSlider/index.less +20 -0
- package/dist/components/Filter/FilterSwitch/index.d.ts +13 -0
- package/dist/components/Filter/FilterSwitch/index.js +51 -0
- package/dist/components/Filter/FilterSwitch/index.less +21 -0
- package/dist/components/Filter/index.d.ts +6 -0
- package/dist/components/Filter/index.js +6 -0
- package/dist/components/GlobalTip/ModalTip/ModalTip.js +4 -3
- package/dist/components/GlobalTip/ModalTip/type.d.ts +1 -0
- package/dist/components/TableMax/TableBody/Row.js +0 -1
- package/dist/components/TableMax/TableBody/index.js +6 -5
- package/dist/components/TableMax/TableBody/index.less +12 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +3 -0
- package/package.json +102 -100
|
@@ -1,11 +1,20 @@
|
|
|
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); }
|
|
1
2
|
import "antd/es/modal/style";
|
|
2
3
|
import _Modal from "antd/es/modal";
|
|
4
|
+
var _excluded = ["open", "title", "okText", "hasfooter", "footer", "width", "size", "renderContent", "handleConfirm", "handleCancel", "confirmLoading", "maskClosable", "bodyStyle", "afterClose"];
|
|
5
|
+
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; }
|
|
6
|
+
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; }
|
|
7
|
+
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; }
|
|
8
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
9
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
3
10
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
11
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
5
12
|
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); }
|
|
6
13
|
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; }
|
|
7
14
|
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; } }
|
|
8
15
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
16
|
+
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; }
|
|
17
|
+
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; }
|
|
9
18
|
import React, { useRef, useState } from 'react';
|
|
10
19
|
import Draggable from 'react-draggable';
|
|
11
20
|
import "./index.less";
|
|
@@ -37,7 +46,8 @@ var CenterModal = function CenterModal(_ref) {
|
|
|
37
46
|
position: 'relative'
|
|
38
47
|
// padding: '24px 32px',
|
|
39
48
|
} : _ref$bodyStyle,
|
|
40
|
-
afterClose = _ref.afterClose
|
|
49
|
+
afterClose = _ref.afterClose,
|
|
50
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
41
51
|
var _useState = useState(false),
|
|
42
52
|
_useState2 = _slicedToArray(_useState, 2),
|
|
43
53
|
disabled = _useState2[0],
|
|
@@ -77,7 +87,7 @@ var CenterModal = function CenterModal(_ref) {
|
|
|
77
87
|
bottom: clientHeight - ((targetRect === null || targetRect === void 0 ? void 0 : targetRect.bottom) - (uiData === null || uiData === void 0 ? void 0 : uiData.y))
|
|
78
88
|
});
|
|
79
89
|
};
|
|
80
|
-
return /*#__PURE__*/_jsx(_Modal, {
|
|
90
|
+
return /*#__PURE__*/_jsx(_Modal, _objectSpread(_objectSpread({
|
|
81
91
|
className: "centerModal".concat(size),
|
|
82
92
|
title: /*#__PURE__*/_jsx("div", {
|
|
83
93
|
id: "modal-header",
|
|
@@ -129,10 +139,11 @@ var CenterModal = function CenterModal(_ref) {
|
|
|
129
139
|
children: modal
|
|
130
140
|
})
|
|
131
141
|
});
|
|
132
|
-
}
|
|
142
|
+
}
|
|
143
|
+
}, rest), {}, {
|
|
133
144
|
children: renderContent ? renderContent : /*#__PURE__*/_jsx("div", {
|
|
134
145
|
className: "gantt-leftbar-defalutItem"
|
|
135
146
|
})
|
|
136
|
-
});
|
|
147
|
+
}));
|
|
137
148
|
};
|
|
138
149
|
export default /*#__PURE__*/React.memo(CenterModal);
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ModalProps } from 'antd';
|
|
1
2
|
import { ReactNode } from 'react';
|
|
2
3
|
export type BoundsType = {
|
|
3
4
|
left: number;
|
|
@@ -5,7 +6,7 @@ export type BoundsType = {
|
|
|
5
6
|
top: number;
|
|
6
7
|
bottom: number;
|
|
7
8
|
};
|
|
8
|
-
export interface CenterModalPropsType {
|
|
9
|
+
export interface CenterModalPropsType extends ModalProps {
|
|
9
10
|
open: boolean;
|
|
10
11
|
title?: JSX.Element;
|
|
11
12
|
okText?: string;
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import "antd/es/drawer/style";
|
|
2
|
+
import _Drawer from "antd/es/drawer";
|
|
3
|
+
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
4
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
5
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
6
|
+
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); }
|
|
7
|
+
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; }
|
|
8
|
+
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; } }
|
|
9
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
10
|
+
import React, { useEffect, useState } from 'react';
|
|
11
|
+
import ResizeObserver from 'resize-observer-polyfill';
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
+
var DrawerCom = function DrawerCom(_ref) {
|
|
15
|
+
var open = _ref.open,
|
|
16
|
+
title = _ref.title,
|
|
17
|
+
_ref$width = _ref.width,
|
|
18
|
+
width = _ref$width === void 0 ? 378 : _ref$width,
|
|
19
|
+
_ref$height = _ref.height,
|
|
20
|
+
height = _ref$height === void 0 ? 378 : _ref$height,
|
|
21
|
+
placement = _ref.placement,
|
|
22
|
+
renderContent = _ref.renderContent,
|
|
23
|
+
bodyPadding = _ref.bodyPadding,
|
|
24
|
+
handleCancel = _ref.handleCancel;
|
|
25
|
+
var _useState = useState(378),
|
|
26
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
27
|
+
contentWidth = _useState2[0],
|
|
28
|
+
setContentWidth = _useState2[1];
|
|
29
|
+
var _useState3 = useState(378),
|
|
30
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
31
|
+
contentHeight = _useState4[0],
|
|
32
|
+
setContentHeight = _useState4[1];
|
|
33
|
+
useEffect(function () {
|
|
34
|
+
var myObserver = new ResizeObserver(function (entries) {
|
|
35
|
+
var _iterator = _createForOfIteratorHelper(entries),
|
|
36
|
+
_step;
|
|
37
|
+
try {
|
|
38
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
39
|
+
var entrie = _step.value;
|
|
40
|
+
// @ts-ignore
|
|
41
|
+
var offsetWidth = entrie.target.offsetWidth;
|
|
42
|
+
if (placement === 'top' || placement === 'bottom') {
|
|
43
|
+
setContentHeight(height);
|
|
44
|
+
setContentWidth(offsetWidth);
|
|
45
|
+
} else {
|
|
46
|
+
setContentHeight('100%');
|
|
47
|
+
setContentWidth(width);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
} catch (err) {
|
|
51
|
+
_iterator.e(err);
|
|
52
|
+
} finally {
|
|
53
|
+
_iterator.f();
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
//监听
|
|
57
|
+
var dom = document.getElementById('ganttWrapper');
|
|
58
|
+
if (dom) {
|
|
59
|
+
myObserver.observe(dom);
|
|
60
|
+
}
|
|
61
|
+
// 移除监听
|
|
62
|
+
return function () {
|
|
63
|
+
myObserver.disconnect();
|
|
64
|
+
};
|
|
65
|
+
}, [width, height, placement]);
|
|
66
|
+
return /*#__PURE__*/_jsx(_Drawer, {
|
|
67
|
+
contentWrapperStyle: {
|
|
68
|
+
width: contentWidth,
|
|
69
|
+
left: 'auto',
|
|
70
|
+
top: 'auto',
|
|
71
|
+
height: contentHeight,
|
|
72
|
+
padding: 0
|
|
73
|
+
},
|
|
74
|
+
bodyStyle: {
|
|
75
|
+
padding: bodyPadding
|
|
76
|
+
}
|
|
77
|
+
// className={styles.drawer}
|
|
78
|
+
,
|
|
79
|
+
closable: false,
|
|
80
|
+
destroyOnClose: true,
|
|
81
|
+
title: title,
|
|
82
|
+
placement: placement,
|
|
83
|
+
mask: false,
|
|
84
|
+
onClose: handleCancel,
|
|
85
|
+
open: open,
|
|
86
|
+
extra: /*#__PURE__*/_jsx("i", {
|
|
87
|
+
className: "iconfont-other icon-other-close",
|
|
88
|
+
onClick: handleCancel
|
|
89
|
+
}),
|
|
90
|
+
children: renderContent ? renderContent : /*#__PURE__*/_jsxs("div", {
|
|
91
|
+
className: "gantt-leftbar-defalutItem",
|
|
92
|
+
children: [/*#__PURE__*/_jsx("p", {
|
|
93
|
+
children: "Some contents..."
|
|
94
|
+
}), /*#__PURE__*/_jsx("p", {
|
|
95
|
+
children: "Some contents..."
|
|
96
|
+
}), /*#__PURE__*/_jsx("p", {
|
|
97
|
+
children: "Some contents..."
|
|
98
|
+
})]
|
|
99
|
+
})
|
|
100
|
+
});
|
|
101
|
+
};
|
|
102
|
+
export default /*#__PURE__*/React.memo(DrawerCom);
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type DrawerPropsType = {
|
|
3
|
+
open?: boolean;
|
|
4
|
+
title?: JSX.Element;
|
|
5
|
+
placement?: Placement;
|
|
6
|
+
task?: any;
|
|
7
|
+
data?: any;
|
|
8
|
+
width?: number;
|
|
9
|
+
height?: number;
|
|
10
|
+
renderContent?: JSX.Element | null;
|
|
11
|
+
handleConfirm?: () => void;
|
|
12
|
+
handleCancel?: () => void;
|
|
13
|
+
bodyPadding?: string;
|
|
14
|
+
};
|
|
15
|
+
export type Placement = 'left' | 'top' | 'right' | 'bottom';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './index.less';
|
|
3
|
+
interface ColorProps {
|
|
4
|
+
title: string;
|
|
5
|
+
name: string;
|
|
6
|
+
size?: 'small' | 'middle' | 'large';
|
|
7
|
+
filterReturnEvt: Function;
|
|
8
|
+
defaultColor?: string;
|
|
9
|
+
align?: 'left' | 'right';
|
|
10
|
+
width?: number;
|
|
11
|
+
labelWidth?: number;
|
|
12
|
+
}
|
|
13
|
+
declare const Color: React.FC<ColorProps>;
|
|
14
|
+
export default Color;
|
|
@@ -0,0 +1,97 @@
|
|
|
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
|
+
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; }
|
|
3
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
4
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
5
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
6
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
7
|
+
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); }
|
|
8
|
+
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; }
|
|
9
|
+
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; } }
|
|
10
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
11
|
+
import { DownOutlined } from '@ant-design/icons';
|
|
12
|
+
import classnames from 'classnames';
|
|
13
|
+
import React, { useEffect, useState } from 'react';
|
|
14
|
+
import { SketchPicker } from 'react-color';
|
|
15
|
+
import "./index.less";
|
|
16
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
18
|
+
var Color = function Color(props) {
|
|
19
|
+
var title = props.title,
|
|
20
|
+
name = props.name,
|
|
21
|
+
filterReturnEvt = props.filterReturnEvt,
|
|
22
|
+
defaultColor = props.defaultColor,
|
|
23
|
+
size = props.size,
|
|
24
|
+
_props$align = props.align,
|
|
25
|
+
align = _props$align === void 0 ? 'left' : _props$align,
|
|
26
|
+
width = props.width,
|
|
27
|
+
labelWidth = props.labelWidth;
|
|
28
|
+
var _useState = useState(false),
|
|
29
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
30
|
+
displayColorPicker = _useState2[0],
|
|
31
|
+
setDisplayColorPicker = _useState2[1];
|
|
32
|
+
var _useState3 = useState(defaultColor || '#F3B74B'),
|
|
33
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
34
|
+
backgroundColor = _useState4[0],
|
|
35
|
+
setBackgroundColor = _useState4[1];
|
|
36
|
+
useEffect(function () {
|
|
37
|
+
setBackgroundColor(defaultColor);
|
|
38
|
+
}, [defaultColor]);
|
|
39
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
40
|
+
className: "filterItem",
|
|
41
|
+
style: {
|
|
42
|
+
width: "".concat(width || 400, "px")
|
|
43
|
+
},
|
|
44
|
+
children: [/*#__PURE__*/_jsx("span", {
|
|
45
|
+
className: "filterItemTitle",
|
|
46
|
+
style: {
|
|
47
|
+
width: "".concat(labelWidth || 120, "px")
|
|
48
|
+
},
|
|
49
|
+
children: title
|
|
50
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
51
|
+
className: "filterItemContent",
|
|
52
|
+
children: /*#__PURE__*/_jsxs("div", {
|
|
53
|
+
className: classnames(_defineProperty(_defineProperty({}, "colorBox", true), "small", size === 'small')),
|
|
54
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
55
|
+
className: "swatch",
|
|
56
|
+
onClick: function onClick() {
|
|
57
|
+
setDisplayColorPicker(true);
|
|
58
|
+
},
|
|
59
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
60
|
+
className: "color",
|
|
61
|
+
style: {
|
|
62
|
+
backgroundColor: backgroundColor
|
|
63
|
+
}
|
|
64
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
65
|
+
className: "arrow",
|
|
66
|
+
children: /*#__PURE__*/_jsx(DownOutlined, {
|
|
67
|
+
style: {
|
|
68
|
+
color: localStorage.getItem('poi-current-page') === 'dark' ? '#DADBDF' : '#838695'
|
|
69
|
+
}
|
|
70
|
+
})
|
|
71
|
+
})]
|
|
72
|
+
}), displayColorPicker ? /*#__PURE__*/_jsxs("div", {
|
|
73
|
+
className: classnames(_defineProperty(_defineProperty(_defineProperty({}, "popover", true), "left", align === 'left'), "right", align === 'right')),
|
|
74
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
75
|
+
className: "cover",
|
|
76
|
+
onClick: function onClick() {
|
|
77
|
+
return setDisplayColorPicker(false);
|
|
78
|
+
}
|
|
79
|
+
}), /*#__PURE__*/_jsx(SketchPicker, {
|
|
80
|
+
color: backgroundColor,
|
|
81
|
+
className: 'picker_module-case',
|
|
82
|
+
onChange: function onChange(color) {
|
|
83
|
+
var hex = color.hex || '';
|
|
84
|
+
var hexUpperCase = hex.toLocaleUpperCase();
|
|
85
|
+
setBackgroundColor(hexUpperCase);
|
|
86
|
+
filterReturnEvt({
|
|
87
|
+
name: name,
|
|
88
|
+
value: hexUpperCase
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
})]
|
|
92
|
+
}) : null]
|
|
93
|
+
})
|
|
94
|
+
})]
|
|
95
|
+
});
|
|
96
|
+
};
|
|
97
|
+
export default Color;
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
.popover {
|
|
2
|
+
position: absolute;
|
|
3
|
+
z-index: 2;
|
|
4
|
+
|
|
5
|
+
&.left {
|
|
6
|
+
left: 0;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
&.right {
|
|
10
|
+
right: 0;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
// 颜色设置弹框 - 隐藏下部默认颜色块部分
|
|
14
|
+
.picker_module-case {
|
|
15
|
+
:global {
|
|
16
|
+
.flexbox-fix:last-child {
|
|
17
|
+
display: none !important;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.colorBox {
|
|
24
|
+
position: relative;
|
|
25
|
+
|
|
26
|
+
input {
|
|
27
|
+
line-height: 1;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
span {
|
|
31
|
+
line-height: 1;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
input {
|
|
35
|
+
box-sizing: content-box;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.arrow {
|
|
40
|
+
font-size: 12px;
|
|
41
|
+
font-weight: 600;
|
|
42
|
+
padding-left: 12px;
|
|
43
|
+
padding-right: 5px;
|
|
44
|
+
fill: @globalColor1;
|
|
45
|
+
.arrowIcon {
|
|
46
|
+
color: @globalColor1;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.swatch {
|
|
51
|
+
width: 240px;
|
|
52
|
+
height: 32px;
|
|
53
|
+
// height: 20px;
|
|
54
|
+
padding: 6px;
|
|
55
|
+
background: @globalColor6;
|
|
56
|
+
display: flex;
|
|
57
|
+
justify-content: space-between;
|
|
58
|
+
align-items: center;
|
|
59
|
+
cursor: pointer;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.color {
|
|
63
|
+
width: 100%;
|
|
64
|
+
height: 100%;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.cover {
|
|
68
|
+
position: fixed;
|
|
69
|
+
top: 0px;
|
|
70
|
+
right: 0px;
|
|
71
|
+
bottom: 0px;
|
|
72
|
+
left: 0px;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.small {
|
|
76
|
+
.swatch {
|
|
77
|
+
width: 100px;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.color {
|
|
81
|
+
width: 20px;
|
|
82
|
+
height: 20px;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.filterItem {
|
|
87
|
+
width: 100%;
|
|
88
|
+
min-width: 200px;
|
|
89
|
+
display: flex;
|
|
90
|
+
align-items: center;
|
|
91
|
+
justify-content: space-between;
|
|
92
|
+
margin-bottom: 20px;
|
|
93
|
+
|
|
94
|
+
.filterItemTitle {
|
|
95
|
+
font-size: 14px;
|
|
96
|
+
color: @globalColor1;
|
|
97
|
+
min-width: 120px;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.filterItemContent {
|
|
101
|
+
flex: 1;
|
|
102
|
+
:global {
|
|
103
|
+
color: #212121;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./index.less";
|
|
3
|
+
export type FilterInputNumberProps = {
|
|
4
|
+
title?: string;
|
|
5
|
+
name?: string;
|
|
6
|
+
defaultValue?: number;
|
|
7
|
+
value?: number;
|
|
8
|
+
filterReturnEvt?: Function;
|
|
9
|
+
width?: number;
|
|
10
|
+
labelWidth?: number;
|
|
11
|
+
marginBottom?: number;
|
|
12
|
+
max?: number;
|
|
13
|
+
min?: number;
|
|
14
|
+
step?: number;
|
|
15
|
+
};
|
|
16
|
+
declare const FilterInputNumber: React.FC<FilterInputNumberProps>;
|
|
17
|
+
export default FilterInputNumber;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import "antd/es/input-number/style";
|
|
2
|
+
import _InputNumber from "antd/es/input-number";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import "./index.less";
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
+
var FilterInputNumber = function FilterInputNumber(_ref) {
|
|
8
|
+
var title = _ref.title,
|
|
9
|
+
name = _ref.name,
|
|
10
|
+
defaultValue = _ref.defaultValue,
|
|
11
|
+
value = _ref.value,
|
|
12
|
+
filterReturnEvt = _ref.filterReturnEvt,
|
|
13
|
+
width = _ref.width,
|
|
14
|
+
_ref$labelWidth = _ref.labelWidth,
|
|
15
|
+
labelWidth = _ref$labelWidth === void 0 ? 120 : _ref$labelWidth,
|
|
16
|
+
_ref$marginBottom = _ref.marginBottom,
|
|
17
|
+
marginBottom = _ref$marginBottom === void 0 ? 20 : _ref$marginBottom,
|
|
18
|
+
max = _ref.max,
|
|
19
|
+
min = _ref.min,
|
|
20
|
+
step = _ref.step;
|
|
21
|
+
var onChange = function onChange(value) {
|
|
22
|
+
filterReturnEvt === null || filterReturnEvt === void 0 || filterReturnEvt({
|
|
23
|
+
name: name,
|
|
24
|
+
value: value
|
|
25
|
+
});
|
|
26
|
+
};
|
|
27
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
28
|
+
className: "filterItem",
|
|
29
|
+
style: {
|
|
30
|
+
width: "".concat(width || 400, "px"),
|
|
31
|
+
marginBottom: "".concat(marginBottom, "px")
|
|
32
|
+
},
|
|
33
|
+
children: [/*#__PURE__*/_jsx("span", {
|
|
34
|
+
className: "filterItemTitle",
|
|
35
|
+
style: {
|
|
36
|
+
width: "".concat(labelWidth, "px")
|
|
37
|
+
},
|
|
38
|
+
children: title
|
|
39
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
40
|
+
className: "filterItemContent",
|
|
41
|
+
children: /*#__PURE__*/_jsx(_InputNumber, {
|
|
42
|
+
step: step,
|
|
43
|
+
min: min,
|
|
44
|
+
max: max,
|
|
45
|
+
defaultValue: defaultValue,
|
|
46
|
+
value: value,
|
|
47
|
+
onChange: onChange
|
|
48
|
+
})
|
|
49
|
+
})]
|
|
50
|
+
});
|
|
51
|
+
};
|
|
52
|
+
export default FilterInputNumber;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
.filterItem {
|
|
2
|
+
width: 100%;
|
|
3
|
+
min-width: 200px;
|
|
4
|
+
display: flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
justify-content: space-between;
|
|
7
|
+
margin-bottom: 20px;
|
|
8
|
+
.filterItemTitle {
|
|
9
|
+
font-size: 14px;
|
|
10
|
+
color: @globalColor1;
|
|
11
|
+
margin-right: 16px;
|
|
12
|
+
}
|
|
13
|
+
.filterItemContent {
|
|
14
|
+
flex: 1;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./index.less";
|
|
3
|
+
type dataListProps = {
|
|
4
|
+
label: string;
|
|
5
|
+
value: number | string;
|
|
6
|
+
};
|
|
7
|
+
type FilterRadioProps = {
|
|
8
|
+
title?: string;
|
|
9
|
+
name: string;
|
|
10
|
+
defaultValue?: number | string;
|
|
11
|
+
dataList: Array<dataListProps>;
|
|
12
|
+
filterReturnEvt: Function;
|
|
13
|
+
width?: number;
|
|
14
|
+
labelWidth?: number;
|
|
15
|
+
isShowLabel?: boolean;
|
|
16
|
+
hasMargin?: boolean;
|
|
17
|
+
};
|
|
18
|
+
declare const FilterRadio: React.FC<FilterRadioProps>;
|
|
19
|
+
export default FilterRadio;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import "antd/es/radio/style";
|
|
2
|
+
import _Radio from "antd/es/radio";
|
|
3
|
+
import "antd/es/select/style";
|
|
4
|
+
import _Select from "antd/es/select";
|
|
5
|
+
import React from "react";
|
|
6
|
+
import "./index.less";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
var Option = _Select.Option;
|
|
10
|
+
var FilterRadio = function FilterRadio(_ref) {
|
|
11
|
+
var title = _ref.title,
|
|
12
|
+
name = _ref.name,
|
|
13
|
+
dataList = _ref.dataList,
|
|
14
|
+
defaultValue = _ref.defaultValue,
|
|
15
|
+
filterReturnEvt = _ref.filterReturnEvt,
|
|
16
|
+
width = _ref.width,
|
|
17
|
+
labelWidth = _ref.labelWidth,
|
|
18
|
+
_ref$isShowLabel = _ref.isShowLabel,
|
|
19
|
+
isShowLabel = _ref$isShowLabel === void 0 ? true : _ref$isShowLabel,
|
|
20
|
+
_ref$hasMargin = _ref.hasMargin,
|
|
21
|
+
hasMargin = _ref$hasMargin === void 0 ? true : _ref$hasMargin;
|
|
22
|
+
var handleChange = function handleChange(e) {
|
|
23
|
+
filterReturnEvt({
|
|
24
|
+
name: name,
|
|
25
|
+
value: e.target.value
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
29
|
+
className: "filterItem",
|
|
30
|
+
style: {
|
|
31
|
+
width: "".concat(width, "px"),
|
|
32
|
+
marginBottom: hasMargin ? '20px' : '0px'
|
|
33
|
+
},
|
|
34
|
+
children: [/*#__PURE__*/_jsx("span", {
|
|
35
|
+
className: "filterItemTitle",
|
|
36
|
+
style: {
|
|
37
|
+
width: "".concat(labelWidth || 120, "px"),
|
|
38
|
+
display: !isShowLabel ? 'none' : 'inline-block'
|
|
39
|
+
},
|
|
40
|
+
children: title
|
|
41
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
42
|
+
className: "filterItemContent",
|
|
43
|
+
children: /*#__PURE__*/_jsx(_Radio.Group, {
|
|
44
|
+
onChange: handleChange,
|
|
45
|
+
defaultValue: defaultValue,
|
|
46
|
+
children: dataList.map(function (item, index) {
|
|
47
|
+
return /*#__PURE__*/_jsx(_Radio.Button, {
|
|
48
|
+
value: item.value,
|
|
49
|
+
children: item.label
|
|
50
|
+
}, index);
|
|
51
|
+
})
|
|
52
|
+
})
|
|
53
|
+
})]
|
|
54
|
+
});
|
|
55
|
+
};
|
|
56
|
+
export default FilterRadio;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
.filterItem {
|
|
2
|
+
width: 100%;
|
|
3
|
+
min-width: 200px;
|
|
4
|
+
display: flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
justify-content: space-between;
|
|
7
|
+
|
|
8
|
+
.filterItemTitle {
|
|
9
|
+
font-size: 14px;
|
|
10
|
+
color: @globalColor1;
|
|
11
|
+
min-width: 120px;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.filterItemContent {
|
|
15
|
+
flex: 1;
|
|
16
|
+
|
|
17
|
+
// :global {
|
|
18
|
+
// .ant-radio-group {
|
|
19
|
+
// .ant-radio-button-wrapper {
|
|
20
|
+
// background: @globalColor7;
|
|
21
|
+
// color: @globalColor2;
|
|
22
|
+
// }
|
|
23
|
+
// }
|
|
24
|
+
// }
|
|
25
|
+
}
|
|
26
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./index.less";
|
|
3
|
+
type dataListProps = {
|
|
4
|
+
label: string;
|
|
5
|
+
value: number | string;
|
|
6
|
+
};
|
|
7
|
+
type FilterSelectProps = {
|
|
8
|
+
title?: string;
|
|
9
|
+
name: string;
|
|
10
|
+
defaultValue?: number | string;
|
|
11
|
+
dataList: Array<dataListProps>;
|
|
12
|
+
filterReturnEvt: Function;
|
|
13
|
+
width?: number;
|
|
14
|
+
labelWidth?: number;
|
|
15
|
+
marginBottom?: number;
|
|
16
|
+
};
|
|
17
|
+
declare const FilterSelect: React.FC<FilterSelectProps>;
|
|
18
|
+
export default FilterSelect;
|
|
@@ -0,0 +1,58 @@
|
|
|
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
|
+
import "antd/es/select/style";
|
|
3
|
+
import _Select from "antd/es/select";
|
|
4
|
+
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; }
|
|
5
|
+
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; }
|
|
6
|
+
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; }
|
|
7
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
8
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
9
|
+
import React from "react";
|
|
10
|
+
import "./index.less";
|
|
11
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
var Option = _Select.Option;
|
|
14
|
+
var FilterSelect = function FilterSelect(_ref) {
|
|
15
|
+
var title = _ref.title,
|
|
16
|
+
name = _ref.name,
|
|
17
|
+
dataList = _ref.dataList,
|
|
18
|
+
defaultValue = _ref.defaultValue,
|
|
19
|
+
filterReturnEvt = _ref.filterReturnEvt,
|
|
20
|
+
width = _ref.width,
|
|
21
|
+
labelWidth = _ref.labelWidth,
|
|
22
|
+
_ref$marginBottom = _ref.marginBottom,
|
|
23
|
+
marginBottom = _ref$marginBottom === void 0 ? 20 : _ref$marginBottom;
|
|
24
|
+
var handleChange = function handleChange(value) {
|
|
25
|
+
filterReturnEvt({
|
|
26
|
+
name: name,
|
|
27
|
+
value: value
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
31
|
+
className: "filterItem",
|
|
32
|
+
style: _objectSpread({
|
|
33
|
+
width: "".concat(width || 400, "px")
|
|
34
|
+
}, marginBottom ? {
|
|
35
|
+
marginBottom: "".concat(marginBottom, "px")
|
|
36
|
+
} : {}),
|
|
37
|
+
children: [/*#__PURE__*/_jsx("span", {
|
|
38
|
+
className: "filterItemTitle",
|
|
39
|
+
style: {
|
|
40
|
+
width: "".concat(labelWidth || 120, "px")
|
|
41
|
+
},
|
|
42
|
+
children: title
|
|
43
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
44
|
+
className: "filterItemContent",
|
|
45
|
+
children: /*#__PURE__*/_jsx(_Select, {
|
|
46
|
+
defaultValue: defaultValue,
|
|
47
|
+
onChange: handleChange,
|
|
48
|
+
children: dataList.map(function (item) {
|
|
49
|
+
return /*#__PURE__*/_jsx(Option, {
|
|
50
|
+
value: item.value,
|
|
51
|
+
children: item.label
|
|
52
|
+
}, item.value);
|
|
53
|
+
})
|
|
54
|
+
})
|
|
55
|
+
})]
|
|
56
|
+
});
|
|
57
|
+
};
|
|
58
|
+
export default FilterSelect;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
.filterItem {
|
|
2
|
+
:global {
|
|
3
|
+
.custom-dark-select,
|
|
4
|
+
.custom-light-select
|
|
5
|
+
{
|
|
6
|
+
width: 100% !important;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
width: 100%;
|
|
11
|
+
min-width: 200px;
|
|
12
|
+
display: flex;
|
|
13
|
+
align-items: center;
|
|
14
|
+
justify-content: space-between;
|
|
15
|
+
margin-bottom: 20px;
|
|
16
|
+
|
|
17
|
+
.filterItemTitle {
|
|
18
|
+
font-size: 14px;
|
|
19
|
+
// color: #212121;
|
|
20
|
+
color: @globalColor1;
|
|
21
|
+
min-width: 80px;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.filterItemContent {
|
|
25
|
+
flex: 1;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './index.less';
|
|
3
|
+
type FilterSilderPropTypes = {
|
|
4
|
+
title: string;
|
|
5
|
+
name?: string;
|
|
6
|
+
maxValue: number;
|
|
7
|
+
minValue: number;
|
|
8
|
+
defaultValue: number;
|
|
9
|
+
filterReturnEvt: Function;
|
|
10
|
+
width?: number;
|
|
11
|
+
labelWidth?: number;
|
|
12
|
+
marginSpace?: string | number;
|
|
13
|
+
};
|
|
14
|
+
declare const FilterSilder: React.FC<FilterSilderPropTypes>;
|
|
15
|
+
export default FilterSilder;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import "antd/es/slider/style";
|
|
2
|
+
import _Slider from "antd/es/slider";
|
|
3
|
+
import "./index.less";
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
+
var FilterSilder = function FilterSilder(_ref) {
|
|
7
|
+
var _ref$title = _ref.title,
|
|
8
|
+
title = _ref$title === void 0 ? 'CellWidth' : _ref$title,
|
|
9
|
+
name = _ref.name,
|
|
10
|
+
_ref$maxValue = _ref.maxValue,
|
|
11
|
+
maxValue = _ref$maxValue === void 0 ? 100 : _ref$maxValue,
|
|
12
|
+
_ref$minValue = _ref.minValue,
|
|
13
|
+
minValue = _ref$minValue === void 0 ? 0 : _ref$minValue,
|
|
14
|
+
_ref$defaultValue = _ref.defaultValue,
|
|
15
|
+
defaultValue = _ref$defaultValue === void 0 ? 50 : _ref$defaultValue,
|
|
16
|
+
_ref$filterReturnEvt = _ref.filterReturnEvt,
|
|
17
|
+
filterReturnEvt = _ref$filterReturnEvt === void 0 ? function (v) {
|
|
18
|
+
return v;
|
|
19
|
+
} : _ref$filterReturnEvt,
|
|
20
|
+
width = _ref.width,
|
|
21
|
+
labelWidth = _ref.labelWidth,
|
|
22
|
+
marginSpace = _ref.marginSpace;
|
|
23
|
+
var onChange = function onChange(value) {
|
|
24
|
+
filterReturnEvt({
|
|
25
|
+
name: name,
|
|
26
|
+
value: value
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
30
|
+
className: "filterItem",
|
|
31
|
+
style: {
|
|
32
|
+
width: "".concat(width || 400, "px"),
|
|
33
|
+
marginBottom: "".concat(marginSpace || '20px')
|
|
34
|
+
},
|
|
35
|
+
children: [/*#__PURE__*/_jsx("span", {
|
|
36
|
+
className: "filterItemTitle",
|
|
37
|
+
style: {
|
|
38
|
+
width: "".concat(labelWidth || 120, "px")
|
|
39
|
+
},
|
|
40
|
+
children: title
|
|
41
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
42
|
+
className: "filterItemContent",
|
|
43
|
+
children: /*#__PURE__*/_jsx(_Slider, {
|
|
44
|
+
max: maxValue,
|
|
45
|
+
min: minValue,
|
|
46
|
+
value: defaultValue,
|
|
47
|
+
onChange: onChange
|
|
48
|
+
})
|
|
49
|
+
})]
|
|
50
|
+
});
|
|
51
|
+
};
|
|
52
|
+
export default FilterSilder;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
.filterItem {
|
|
2
|
+
width: 100%;
|
|
3
|
+
min-width: 200px;
|
|
4
|
+
display: flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
justify-content: space-between;
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
.filterItemTitle {
|
|
10
|
+
font-size: 14px;
|
|
11
|
+
// color: #212121;
|
|
12
|
+
color: @globalColor1;
|
|
13
|
+
margin-right: 2px;
|
|
14
|
+
// min-width: 120px;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.filterItemContent {
|
|
18
|
+
flex: 1;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./index.less";
|
|
3
|
+
export type FilterSwitchProps = {
|
|
4
|
+
title: string;
|
|
5
|
+
name?: string;
|
|
6
|
+
defaultValue: boolean;
|
|
7
|
+
filterReturnEvt: Function;
|
|
8
|
+
width?: number;
|
|
9
|
+
labelWidth?: number;
|
|
10
|
+
marginBottom?: number;
|
|
11
|
+
};
|
|
12
|
+
declare const FilterSwitch: React.FC<FilterSwitchProps>;
|
|
13
|
+
export default FilterSwitch;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import "antd/es/switch/style";
|
|
2
|
+
import _Switch from "antd/es/switch";
|
|
3
|
+
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); }
|
|
4
|
+
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; }
|
|
5
|
+
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; }
|
|
6
|
+
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; }
|
|
7
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
8
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
9
|
+
import React from "react";
|
|
10
|
+
import "./index.less";
|
|
11
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
var FilterSwitch = function FilterSwitch(_ref) {
|
|
14
|
+
var title = _ref.title,
|
|
15
|
+
name = _ref.name,
|
|
16
|
+
_ref$defaultValue = _ref.defaultValue,
|
|
17
|
+
defaultValue = _ref$defaultValue === void 0 ? false : _ref$defaultValue,
|
|
18
|
+
filterReturnEvt = _ref.filterReturnEvt,
|
|
19
|
+
width = _ref.width,
|
|
20
|
+
labelWidth = _ref.labelWidth,
|
|
21
|
+
_ref$marginBottom = _ref.marginBottom,
|
|
22
|
+
marginBottom = _ref$marginBottom === void 0 ? 20 : _ref$marginBottom;
|
|
23
|
+
var onChange = function onChange(checked) {
|
|
24
|
+
filterReturnEvt({
|
|
25
|
+
name: name,
|
|
26
|
+
value: checked
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
30
|
+
className: "filterItem",
|
|
31
|
+
style: _objectSpread({
|
|
32
|
+
width: "".concat(width || 400, "px")
|
|
33
|
+
}, marginBottom ? {
|
|
34
|
+
marginBottom: "".concat(marginBottom, "px")
|
|
35
|
+
} : {}),
|
|
36
|
+
children: [/*#__PURE__*/_jsx("span", {
|
|
37
|
+
className: "filterItemTitle",
|
|
38
|
+
style: {
|
|
39
|
+
width: "".concat(labelWidth || 120, "px")
|
|
40
|
+
},
|
|
41
|
+
children: title
|
|
42
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
43
|
+
className: "filterItemContent",
|
|
44
|
+
children: /*#__PURE__*/_jsx(_Switch, {
|
|
45
|
+
defaultChecked: defaultValue,
|
|
46
|
+
onChange: onChange
|
|
47
|
+
})
|
|
48
|
+
})]
|
|
49
|
+
});
|
|
50
|
+
};
|
|
51
|
+
export default FilterSwitch;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
.filterItem {
|
|
2
|
+
width: 100%;
|
|
3
|
+
min-width: 140px;
|
|
4
|
+
display: flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
justify-content: space-between;
|
|
7
|
+
margin-bottom: 20px;
|
|
8
|
+
|
|
9
|
+
.filterItemTitle {
|
|
10
|
+
font-size: 14px;
|
|
11
|
+
// color: #212121;
|
|
12
|
+
color: @globalColor1;
|
|
13
|
+
width: 120px;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.filterItemContent {
|
|
17
|
+
flex: 1;
|
|
18
|
+
display: flex;
|
|
19
|
+
align-items: center;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { default as FilterColor } from './FilterColor';
|
|
2
|
+
export { default as FilterInputNumber } from './FilterInputNumber';
|
|
3
|
+
export { default as FilterRadio } from './FilterRadio';
|
|
4
|
+
export { default as FilterSelect } from './FilterSelect';
|
|
5
|
+
export { default as FilterSlider } from './FilterSlider';
|
|
6
|
+
export { default as FilterSwitch } from './FilterSwitch';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { default as FilterColor } from "./FilterColor";
|
|
2
|
+
export { default as FilterInputNumber } from "./FilterInputNumber";
|
|
3
|
+
export { default as FilterRadio } from "./FilterRadio";
|
|
4
|
+
export { default as FilterSelect } from "./FilterSelect";
|
|
5
|
+
export { default as FilterSlider } from "./FilterSlider";
|
|
6
|
+
export { default as FilterSwitch } from "./FilterSwitch";
|
|
@@ -99,7 +99,8 @@ var confirmModal = function confirmModal(_ref4, theme) {
|
|
|
99
99
|
content = _ref4.content,
|
|
100
100
|
okText = _ref4.okText,
|
|
101
101
|
cancelText = _ref4.cancelText,
|
|
102
|
-
centered = _ref4.centered
|
|
102
|
+
centered = _ref4.centered,
|
|
103
|
+
deleteActionName = _ref4.deleteActionName;
|
|
103
104
|
_Modal.confirm({
|
|
104
105
|
title: title ? title : '确认删除这条信息吗?',
|
|
105
106
|
content: content ? content : '删除后可能无法恢复,请谨慎操作!',
|
|
@@ -127,7 +128,7 @@ var confirmModal = function confirmModal(_ref4, theme) {
|
|
|
127
128
|
case 0:
|
|
128
129
|
MessageTip.loading({
|
|
129
130
|
key: 'delete',
|
|
130
|
-
content: '删除中'
|
|
131
|
+
content: deleteActionName ? "".concat(deleteActionName, "\u4E2D") : '删除中'
|
|
131
132
|
});
|
|
132
133
|
_context.next = 3;
|
|
133
134
|
return handlerConfirm();
|
|
@@ -136,7 +137,7 @@ var confirmModal = function confirmModal(_ref4, theme) {
|
|
|
136
137
|
if (!(resp !== null && resp !== void 0 && resp[0])) {
|
|
137
138
|
MessageTip.success({
|
|
138
139
|
key: 'delete',
|
|
139
|
-
content: '删除成功'
|
|
140
|
+
content: deleteActionName ? "".concat(deleteActionName, "\u6210\u529F") : '删除成功'
|
|
140
141
|
});
|
|
141
142
|
}
|
|
142
143
|
case 5:
|
|
@@ -310,7 +310,6 @@ var Row = function Row(_ref) {
|
|
|
310
310
|
};
|
|
311
311
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
312
312
|
children: [!!getRowHoverTipConfig ? /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({}, tooltipConfig), {}, {
|
|
313
|
-
// autoAdjustOverflow={false}
|
|
314
313
|
onOpenChange: onOpenChange,
|
|
315
314
|
destroyTooltipOnHide: {
|
|
316
315
|
keepParent: false
|
|
@@ -92,16 +92,17 @@ var TableBody = function TableBody(_ref) {
|
|
|
92
92
|
var handleCellContextMenu = function handleCellContextMenu(e, cell) {
|
|
93
93
|
// console.log('cell :>> ', cell);
|
|
94
94
|
if (getContextMenu) {
|
|
95
|
+
var options = getContextMenu({
|
|
96
|
+
row: cell.row.original,
|
|
97
|
+
column: cell.column.columnDef
|
|
98
|
+
});
|
|
95
99
|
setContextMenuData({
|
|
96
|
-
visible:
|
|
100
|
+
visible: options.length > 0,
|
|
97
101
|
clientX: e.clientX,
|
|
98
102
|
clientY: e.clientY,
|
|
99
103
|
row: cell.row.original,
|
|
100
104
|
column: cell.column.columnDef,
|
|
101
|
-
options:
|
|
102
|
-
row: cell.row.original,
|
|
103
|
-
column: cell.column.columnDef
|
|
104
|
-
})
|
|
105
|
+
options: options
|
|
105
106
|
});
|
|
106
107
|
e.preventDefault();
|
|
107
108
|
}
|
|
@@ -144,4 +144,16 @@ table {
|
|
|
144
144
|
.table-max-row-tooltip-wrapper {
|
|
145
145
|
left: 50% !important;
|
|
146
146
|
transform: translateX(-50%) !important;
|
|
147
|
+
|
|
148
|
+
&.custom-light-tooltip-placement-top {
|
|
149
|
+
.custom-light-tooltip-content {
|
|
150
|
+
margin-bottom: -13px;
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
&.custom-light-tooltip-placement-bottom {
|
|
155
|
+
.custom-light-tooltip-content {
|
|
156
|
+
margin-top: -13px;
|
|
157
|
+
}
|
|
158
|
+
}
|
|
147
159
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -14,6 +14,8 @@ export * from './components/BaseInfo';
|
|
|
14
14
|
export { default as BaseInfo } from './components/BaseInfo';
|
|
15
15
|
export * from './components/CenterModal';
|
|
16
16
|
export { default as CenterModal } from './components/CenterModal';
|
|
17
|
+
export * from './components/Drawer';
|
|
18
|
+
export { default as DrawerCom } from './components/Drawer';
|
|
17
19
|
export * from './components/CustomForm';
|
|
18
20
|
export { default as CustomForm } from './components/CustomForm';
|
|
19
21
|
export * from './components/QueryFilter';
|
|
@@ -23,6 +25,7 @@ export { default as SplitPane } from './components/SplitPane';
|
|
|
23
25
|
export * from './components/TableMax';
|
|
24
26
|
export { default as TableMax } from './components/TableMax';
|
|
25
27
|
export * from './components/ConfigProvider';
|
|
28
|
+
export * from './components/Filter';
|
|
26
29
|
export { default as SchemaForm } from './components/SchemaForm';
|
|
27
30
|
export * from './hooks/useEventBus';
|
|
28
31
|
export { default as useEventBus } from './hooks/useEventBus';
|
package/dist/index.js
CHANGED
|
@@ -15,6 +15,8 @@ export * from "./components/BaseInfo";
|
|
|
15
15
|
export { default as BaseInfo } from "./components/BaseInfo";
|
|
16
16
|
export * from "./components/CenterModal";
|
|
17
17
|
export { default as CenterModal } from "./components/CenterModal";
|
|
18
|
+
export * from "./components/Drawer";
|
|
19
|
+
export { default as DrawerCom } from "./components/Drawer";
|
|
18
20
|
export * from "./components/CustomForm";
|
|
19
21
|
export { default as CustomForm } from "./components/CustomForm";
|
|
20
22
|
export * from "./components/QueryFilter";
|
|
@@ -24,6 +26,7 @@ export { default as SplitPane } from "./components/SplitPane";
|
|
|
24
26
|
export * from "./components/TableMax";
|
|
25
27
|
export { default as TableMax } from "./components/TableMax";
|
|
26
28
|
export * from "./components/ConfigProvider";
|
|
29
|
+
export * from "./components/Filter";
|
|
27
30
|
export { default as SchemaForm } from "./components/SchemaForm";
|
|
28
31
|
|
|
29
32
|
// hooks
|
package/package.json
CHANGED
|
@@ -1,100 +1,102 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@arim-aisdc/public-components",
|
|
3
|
-
"version": "0.0.
|
|
4
|
-
"description": "前端组件库",
|
|
5
|
-
"license": "MIT",
|
|
6
|
-
"main": "dist/index.js",
|
|
7
|
-
"module": "dist/index.js",
|
|
8
|
-
"types": "dist/index.d.ts",
|
|
9
|
-
"files": [
|
|
10
|
-
"dist"
|
|
11
|
-
],
|
|
12
|
-
"scripts": {
|
|
13
|
-
"build": "father build",
|
|
14
|
-
"build:watch": "father dev",
|
|
15
|
-
"dev": "dumi dev",
|
|
16
|
-
"docs:build": "dumi build",
|
|
17
|
-
"doctor": "father doctor",
|
|
18
|
-
"lint": "npm run lint:es && npm run lint:css",
|
|
19
|
-
"lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
|
|
20
|
-
"lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
|
|
21
|
-
"local": "dumi dev",
|
|
22
|
-
"prepare": "husky install && dumi setup",
|
|
23
|
-
"prepublishOnly": "father doctor && npm run build",
|
|
24
|
-
"start": "npm run dev"
|
|
25
|
-
},
|
|
26
|
-
"commitlint": {
|
|
27
|
-
"extends": [
|
|
28
|
-
"@commitlint/config-conventional"
|
|
29
|
-
]
|
|
30
|
-
},
|
|
31
|
-
"lint-staged": {
|
|
32
|
-
"*.{md,json}": [
|
|
33
|
-
"prettier --write --no-error-on-unmatched-pattern"
|
|
34
|
-
],
|
|
35
|
-
"*.{css,less}": [
|
|
36
|
-
"stylelint --fix",
|
|
37
|
-
"prettier --write"
|
|
38
|
-
],
|
|
39
|
-
"*.{js,jsx}": [
|
|
40
|
-
"eslint --fix",
|
|
41
|
-
"prettier --write"
|
|
42
|
-
],
|
|
43
|
-
"*.{ts,tsx}": [
|
|
44
|
-
"eslint --fix",
|
|
45
|
-
"prettier --parser=typescript --write"
|
|
46
|
-
]
|
|
47
|
-
},
|
|
48
|
-
"dependencies": {
|
|
49
|
-
"@ant-design/icons": "^4.7.0",
|
|
50
|
-
"@ant-design/pro-components": "2.6.51",
|
|
51
|
-
"@tanstack/match-sorter-utils": "^8.8.4",
|
|
52
|
-
"@tanstack/react-table": "^8.9.1",
|
|
53
|
-
"ahooks": "^3.7.8",
|
|
54
|
-
"antd": "^4.24.15",
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
"
|
|
59
|
-
"
|
|
60
|
-
"
|
|
61
|
-
"
|
|
62
|
-
"react-
|
|
63
|
-
"react-
|
|
64
|
-
"react-
|
|
65
|
-
"react-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
"@
|
|
71
|
-
"@
|
|
72
|
-
"@
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
"
|
|
76
|
-
"
|
|
77
|
-
"
|
|
78
|
-
"
|
|
79
|
-
"
|
|
80
|
-
"less
|
|
81
|
-
"
|
|
82
|
-
"
|
|
83
|
-
"
|
|
84
|
-
"
|
|
85
|
-
"prettier
|
|
86
|
-
"
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
"
|
|
92
|
-
"
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
1
|
+
{
|
|
2
|
+
"name": "@arim-aisdc/public-components",
|
|
3
|
+
"version": "0.0.60",
|
|
4
|
+
"description": "前端组件库",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"main": "dist/index.js",
|
|
7
|
+
"module": "dist/index.js",
|
|
8
|
+
"types": "dist/index.d.ts",
|
|
9
|
+
"files": [
|
|
10
|
+
"dist"
|
|
11
|
+
],
|
|
12
|
+
"scripts": {
|
|
13
|
+
"build": "father build",
|
|
14
|
+
"build:watch": "father dev",
|
|
15
|
+
"dev": "dumi dev",
|
|
16
|
+
"docs:build": "dumi build",
|
|
17
|
+
"doctor": "father doctor",
|
|
18
|
+
"lint": "npm run lint:es && npm run lint:css",
|
|
19
|
+
"lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
|
|
20
|
+
"lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
|
|
21
|
+
"local": "dumi dev",
|
|
22
|
+
"prepare": "husky install && dumi setup",
|
|
23
|
+
"prepublishOnly": "father doctor && npm run build",
|
|
24
|
+
"start": "npm run dev"
|
|
25
|
+
},
|
|
26
|
+
"commitlint": {
|
|
27
|
+
"extends": [
|
|
28
|
+
"@commitlint/config-conventional"
|
|
29
|
+
]
|
|
30
|
+
},
|
|
31
|
+
"lint-staged": {
|
|
32
|
+
"*.{md,json}": [
|
|
33
|
+
"prettier --write --no-error-on-unmatched-pattern"
|
|
34
|
+
],
|
|
35
|
+
"*.{css,less}": [
|
|
36
|
+
"stylelint --fix",
|
|
37
|
+
"prettier --write"
|
|
38
|
+
],
|
|
39
|
+
"*.{js,jsx}": [
|
|
40
|
+
"eslint --fix",
|
|
41
|
+
"prettier --write"
|
|
42
|
+
],
|
|
43
|
+
"*.{ts,tsx}": [
|
|
44
|
+
"eslint --fix",
|
|
45
|
+
"prettier --parser=typescript --write"
|
|
46
|
+
]
|
|
47
|
+
},
|
|
48
|
+
"dependencies": {
|
|
49
|
+
"@ant-design/icons": "^4.7.0",
|
|
50
|
+
"@ant-design/pro-components": "2.6.51",
|
|
51
|
+
"@tanstack/match-sorter-utils": "^8.8.4",
|
|
52
|
+
"@tanstack/react-table": "^8.9.1",
|
|
53
|
+
"ahooks": "^3.7.8",
|
|
54
|
+
"antd": "^4.24.15",
|
|
55
|
+
"classnames": "^2.5.1",
|
|
56
|
+
"css-vars-ponyfill": "^2.4.8",
|
|
57
|
+
"fs": "^0.0.1-security",
|
|
58
|
+
"immer": "^10.0.3",
|
|
59
|
+
"jsep": "^1.3.8",
|
|
60
|
+
"lodash": "^4.17.21",
|
|
61
|
+
"path": "^0.12.7",
|
|
62
|
+
"react-color": "^2.19.3",
|
|
63
|
+
"react-dnd": "^16.0.1",
|
|
64
|
+
"react-dnd-html5-backend": "^16.0.1",
|
|
65
|
+
"react-draggable": "^4.4.6",
|
|
66
|
+
"react-router-dom": "^6.22.3",
|
|
67
|
+
"react-split-pane": "^0.1.92"
|
|
68
|
+
},
|
|
69
|
+
"devDependencies": {
|
|
70
|
+
"@commitlint/cli": "^17.1.2",
|
|
71
|
+
"@commitlint/config-conventional": "^17.1.0",
|
|
72
|
+
"@types/react": "^18.0.0",
|
|
73
|
+
"@types/react-dom": "^18.0.0",
|
|
74
|
+
"@umijs/lint": "^4.0.0",
|
|
75
|
+
"babel-plugin-import": "^1.13.8",
|
|
76
|
+
"dumi": "^2.2.13",
|
|
77
|
+
"eslint": "^8.23.0",
|
|
78
|
+
"father": "^4.1.0",
|
|
79
|
+
"husky": "^8.0.1",
|
|
80
|
+
"less": "^4.1.3",
|
|
81
|
+
"less-loader": "^11.1.0",
|
|
82
|
+
"less-vars-to-js": "^1.3.0",
|
|
83
|
+
"lint-staged": "^13.0.3",
|
|
84
|
+
"mockjs": "^1.1.0",
|
|
85
|
+
"prettier": "^2.7.1",
|
|
86
|
+
"prettier-plugin-organize-imports": "^3.0.0",
|
|
87
|
+
"prettier-plugin-packagejson": "^2.2.18",
|
|
88
|
+
"stylelint": "^14.9.1"
|
|
89
|
+
},
|
|
90
|
+
"peerDependencies": {
|
|
91
|
+
"moment": ">=2.29.4",
|
|
92
|
+
"react": ">=17.0.1",
|
|
93
|
+
"react-dom": ">=17.0.1",
|
|
94
|
+
"umi-request": "^1.4.0"
|
|
95
|
+
},
|
|
96
|
+
"publishConfig": {
|
|
97
|
+
"access": "public"
|
|
98
|
+
},
|
|
99
|
+
"authors": [
|
|
100
|
+
"na.xu2278@foxmail.com"
|
|
101
|
+
]
|
|
102
|
+
}
|