@titaui/pc 1.6.86 → 1.7.1
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/lib/components/cascader/index.js +1 -0
- package/lib/components/dialog/index.css +6 -1
- package/lib/components/dropdown-layer/index.js +4 -2
- package/lib/components/dynamic/new-ui.css +0 -1
- package/lib/components/form/form-fields/dropdown/index.css +28 -0
- package/lib/components/form/form-fields/dropdown/index.js +88 -0
- package/lib/components/form/form-fields/group/index.css +32 -0
- package/lib/components/form/form-fields/group/index.js +48 -0
- package/lib/components/form/index.js +19 -8
- package/lib/components/menus/export-modules/manage-menus/index.css +13 -0
- package/lib/components/menus/export-modules/manage-menus/index.js +203 -0
- package/lib/components/menus/export-modules/okr-menus/okr-front-menus.js +1 -0
- package/lib/components/menus/i18n.js +7 -0
- package/lib/components/menus/index.js +4 -0
- package/lib/components/okr-period-selector/select-cycle.js +1 -0
- package/lib/components/period-selector/common.js +1 -0
- package/lib/components/pop-down-notification/style/index.css +1 -1
- package/lib/components/pop-down-notification/style/index.js +1 -1
- package/lib/components/select-tags/index.css +122 -0
- package/lib/components/select-tags/index.js +112 -0
- package/lib/components/switch/index.js +3 -1
- package/lib/index.js +20 -4
- package/lib/pages/group-management/components/PopDownNotification/style/index.css +1 -1
- package/package.json +4 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -14,6 +14,11 @@
|
|
|
14
14
|
background: rgba(20, 28, 40, 0.5) !important;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
+
.titaui-dialog {
|
|
18
|
+
border-radius: 24px;
|
|
19
|
+
overflow: hidden;
|
|
20
|
+
}
|
|
21
|
+
|
|
17
22
|
.titaui-dialog.rc-dialog {
|
|
18
23
|
display: inline-block;
|
|
19
24
|
margin: 0;
|
|
@@ -66,7 +71,7 @@
|
|
|
66
71
|
display: flex;
|
|
67
72
|
width: 90px;
|
|
68
73
|
height: 36px;
|
|
69
|
-
border-radius:
|
|
74
|
+
border-radius: 18px;
|
|
70
75
|
align-items: center;
|
|
71
76
|
justify-content: center;
|
|
72
77
|
cursor: pointer;
|
|
@@ -96,7 +96,9 @@ exports.Item = Item;
|
|
|
96
96
|
var DropSelectorLayer = function DropSelectorLayer(props) {
|
|
97
97
|
var _classNames;
|
|
98
98
|
|
|
99
|
-
var _props$
|
|
99
|
+
var _props$className = props.className,
|
|
100
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
101
|
+
_props$multi = props.multi,
|
|
100
102
|
multi = _props$multi === void 0 ? false : _props$multi,
|
|
101
103
|
onItemClick = props.onItemClick,
|
|
102
104
|
_props$checked = props.checked,
|
|
@@ -113,7 +115,7 @@ var DropSelectorLayer = function DropSelectorLayer(props) {
|
|
|
113
115
|
};
|
|
114
116
|
|
|
115
117
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
116
|
-
className: (0, _classnames["default"])("".concat(preCls, "__operation"), (_classNames = {}, _defineProperty(_classNames, "".concat(preCls, "--multi"), multi), _defineProperty(_classNames, "".concat(preCls, "__operation--limit-height"), limitHeight), _classNames)),
|
|
118
|
+
className: (0, _classnames["default"])("".concat(preCls, "__operation"), (_classNames = {}, _defineProperty(_classNames, "".concat(preCls, "--multi"), multi), _defineProperty(_classNames, "".concat(preCls, "__operation--limit-height"), limitHeight), _classNames), "".concat(className)),
|
|
117
119
|
onClick: function onClick(e) {
|
|
118
120
|
return e.stopPropagation();
|
|
119
121
|
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
.form-field-dropdown {
|
|
2
|
+
display: flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.form-field-dropdown-icon {
|
|
7
|
+
font-size: 16px;
|
|
8
|
+
transform: scale(0.5);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.form-field-dropdown__label {
|
|
12
|
+
color: #89919f;
|
|
13
|
+
font-size: 14px;
|
|
14
|
+
line-height: 22px;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.form-field-dropdown--vertical {
|
|
18
|
+
flex-direction: row;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.form-field-dropdown--vertical .form-field-dropdown__label {
|
|
22
|
+
width: 56px;
|
|
23
|
+
margin-right: 20px;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.form-field-dropdown--horizontal {
|
|
27
|
+
flex-direction: column;
|
|
28
|
+
}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
+
|
|
12
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
+
|
|
14
|
+
var _selectTags = _interopRequireDefault(require("../../../select-tags"));
|
|
15
|
+
|
|
16
|
+
require("./index.css");
|
|
17
|
+
|
|
18
|
+
var _excluded = ["label", "width", "dropList", "value", "onChange", "direction"];
|
|
19
|
+
|
|
20
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
+
|
|
22
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
+
|
|
24
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
+
|
|
26
|
+
function _extends() { _extends = Object.assign || 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); }
|
|
27
|
+
|
|
28
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
29
|
+
|
|
30
|
+
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."); }
|
|
31
|
+
|
|
32
|
+
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); }
|
|
33
|
+
|
|
34
|
+
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; }
|
|
35
|
+
|
|
36
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
37
|
+
|
|
38
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
39
|
+
|
|
40
|
+
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; }
|
|
41
|
+
|
|
42
|
+
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; }
|
|
43
|
+
|
|
44
|
+
var precls = "form-field-dropdown";
|
|
45
|
+
|
|
46
|
+
var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
47
|
+
var _props$label = props.label,
|
|
48
|
+
label = _props$label === void 0 ? "" : _props$label,
|
|
49
|
+
_props$width = props.width,
|
|
50
|
+
width = _props$width === void 0 ? 100 : _props$width,
|
|
51
|
+
dropList = props.dropList,
|
|
52
|
+
value = props.value,
|
|
53
|
+
onChange = props.onChange,
|
|
54
|
+
_props$direction = props.direction,
|
|
55
|
+
direction = _props$direction === void 0 ? "vertical" : _props$direction,
|
|
56
|
+
restProps = _objectWithoutProperties(props, _excluded);
|
|
57
|
+
|
|
58
|
+
var _useState = (0, _react.useState)(value),
|
|
59
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
60
|
+
selectValue = _useState2[0],
|
|
61
|
+
setSelectValue = _useState2[1];
|
|
62
|
+
|
|
63
|
+
(0, _react.useEffect)(function () {
|
|
64
|
+
setSelectValue(value);
|
|
65
|
+
}, [value]);
|
|
66
|
+
|
|
67
|
+
var onChangeHandler = function onChangeHandler(value) {
|
|
68
|
+
onChange && onChange(value);
|
|
69
|
+
setSelectValue(value);
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
(0, _react.useImperativeHandle)(ref, function () {
|
|
73
|
+
return {};
|
|
74
|
+
});
|
|
75
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
76
|
+
className: (0, _classnames["default"])(precls, "".concat(precls, "--").concat(direction))
|
|
77
|
+
}, label.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
|
|
78
|
+
className: "".concat(precls, "__label")
|
|
79
|
+
}, label), /*#__PURE__*/_react["default"].createElement("div", {
|
|
80
|
+
className: "".concat(precls, "__content")
|
|
81
|
+
}, /*#__PURE__*/_react["default"].createElement(_selectTags["default"], _extends({
|
|
82
|
+
data: dropList,
|
|
83
|
+
selected: selectValue,
|
|
84
|
+
onChange: onChangeHandler
|
|
85
|
+
}, restProps))));
|
|
86
|
+
});
|
|
87
|
+
|
|
88
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
.form-field-group {
|
|
2
|
+
display: flex;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.form-field-group--vertical {
|
|
6
|
+
flex-direction: row;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.form-field-group--horizontal {
|
|
10
|
+
flex-direction: column;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.form-field-group--horizontal .form-field-group__label {
|
|
14
|
+
width: 56px;
|
|
15
|
+
margin-right: 20px;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.form-field-group__label {
|
|
19
|
+
color: #89919F;
|
|
20
|
+
font-size: 14px;
|
|
21
|
+
line-height: 22px;
|
|
22
|
+
width: 56px;
|
|
23
|
+
margin-right: 20px;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.form-field-group__content {
|
|
27
|
+
display: flex;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.form-field-group__content-item:not(:last-child) {
|
|
31
|
+
margin-right: 10px;
|
|
32
|
+
}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
+
|
|
12
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
+
|
|
14
|
+
require("./index.css");
|
|
15
|
+
|
|
16
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
+
|
|
18
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
|
+
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
+
|
|
22
|
+
var precls = "form-field-group";
|
|
23
|
+
|
|
24
|
+
var FieldGroup = function FieldGroup(props, ref) {
|
|
25
|
+
var _props$label = props.label,
|
|
26
|
+
label = _props$label === void 0 ? "" : _props$label,
|
|
27
|
+
_props$direction = props.direction,
|
|
28
|
+
direction = _props$direction === void 0 ? "vertical" : _props$direction,
|
|
29
|
+
children = props.children;
|
|
30
|
+
(0, _react.useImperativeHandle)(ref, function () {
|
|
31
|
+
return {};
|
|
32
|
+
});
|
|
33
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
34
|
+
className: (0, _classnames["default"])(precls, "".concat(precls, "--").concat(direction))
|
|
35
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
36
|
+
className: "".concat(precls, "__label")
|
|
37
|
+
}, label), /*#__PURE__*/_react["default"].createElement("div", {
|
|
38
|
+
className: "".concat(precls, "__content")
|
|
39
|
+
}, _react["default"].Children.map(children, function (child) {
|
|
40
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
41
|
+
className: "".concat(precls, "__content-item")
|
|
42
|
+
}, child);
|
|
43
|
+
})));
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
var _default = /*#__PURE__*/(0, _react.forwardRef)(FieldGroup);
|
|
47
|
+
|
|
48
|
+
exports["default"] = _default;
|
|
@@ -23,6 +23,10 @@ var _textarea = _interopRequireDefault(require("./form-fields/textarea"));
|
|
|
23
23
|
|
|
24
24
|
var _radios = _interopRequireDefault(require("./form-fields/radios"));
|
|
25
25
|
|
|
26
|
+
var _dropdown = _interopRequireDefault(require("./form-fields/dropdown"));
|
|
27
|
+
|
|
28
|
+
var _group = _interopRequireDefault(require("./form-fields/group"));
|
|
29
|
+
|
|
26
30
|
var _layout = require("./layout");
|
|
27
31
|
|
|
28
32
|
require("./index.css");
|
|
@@ -39,12 +43,16 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
39
43
|
|
|
40
44
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
41
45
|
|
|
42
|
-
var preCls =
|
|
46
|
+
var preCls = "titaui-form";
|
|
43
47
|
|
|
44
48
|
var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
45
49
|
var children = props.children,
|
|
46
50
|
onFieldsChange = props.onFieldsChange,
|
|
47
|
-
getFormContainer = props.getFormContainer
|
|
51
|
+
getFormContainer = props.getFormContainer,
|
|
52
|
+
_props$direction = props.direction,
|
|
53
|
+
direction = _props$direction === void 0 ? "vertical" : _props$direction,
|
|
54
|
+
_props$className = props.className,
|
|
55
|
+
className = _props$className === void 0 ? "" : _props$className;
|
|
48
56
|
var fieldsValue = (0, _react.useRef)({});
|
|
49
57
|
var fieldRefs = (0, _react.useRef)({});
|
|
50
58
|
|
|
@@ -68,7 +76,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
68
76
|
|
|
69
77
|
(0, _react.useImperativeHandle)(ref, function () {
|
|
70
78
|
return {
|
|
71
|
-
|
|
79
|
+
verifing: function verifing(opts) {
|
|
72
80
|
var _ref = opts || {},
|
|
73
81
|
onlyFirstError = _ref.onlyFirstError;
|
|
74
82
|
|
|
@@ -93,20 +101,21 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
93
101
|
};
|
|
94
102
|
});
|
|
95
103
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
96
|
-
className: (0, _classnames["default"])(preCls)
|
|
104
|
+
className: (0, _classnames["default"])(preCls, className)
|
|
97
105
|
}, _react["default"].Children.map(children, function (child) {
|
|
98
106
|
var _child$props = child.props,
|
|
99
107
|
name = _child$props.name,
|
|
100
108
|
value = _child$props.value;
|
|
101
109
|
initFieldsValue(name, value);
|
|
102
110
|
return /*#__PURE__*/_react["default"].createElement(_layout.SingleLayout, null, /*#__PURE__*/_react["default"].cloneElement(child, _objectSpread({
|
|
103
|
-
|
|
111
|
+
ref: function ref(_ref2) {
|
|
104
112
|
return onStoreRef(name, _ref2);
|
|
105
113
|
},
|
|
106
|
-
|
|
114
|
+
onChange: function onChange(value) {
|
|
107
115
|
return onFieldChangeHandler(name, value);
|
|
108
116
|
},
|
|
109
|
-
|
|
117
|
+
getContainer: getContainer,
|
|
118
|
+
direction: direction
|
|
110
119
|
}, child.props)));
|
|
111
120
|
}));
|
|
112
121
|
});
|
|
@@ -118,6 +127,8 @@ var FormFields = {
|
|
|
118
127
|
User: _user["default"],
|
|
119
128
|
Duties: _duties["default"],
|
|
120
129
|
Textarea: _textarea["default"],
|
|
121
|
-
Radios: _radios["default"]
|
|
130
|
+
Radios: _radios["default"],
|
|
131
|
+
DropDown: _dropdown["default"],
|
|
132
|
+
GroupFields: _group["default"]
|
|
122
133
|
};
|
|
123
134
|
exports.FormFields = FormFields;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
.titaui-menus-manage-menus {
|
|
2
|
+
width: 180px;
|
|
3
|
+
position: relative;
|
|
4
|
+
box-sizing: border-box;
|
|
5
|
+
display: flex;
|
|
6
|
+
flex-direction: column;
|
|
7
|
+
background: #ffffff;
|
|
8
|
+
padding: 28px 12px;
|
|
9
|
+
box-shadow: 0px 0px 16px 0px rgba(127, 145, 180, 0.1);
|
|
10
|
+
border-radius: 12px;
|
|
11
|
+
box-sizing: border-box;
|
|
12
|
+
will-change: height;
|
|
13
|
+
}
|
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
12
|
+
var _menuTree = _interopRequireDefault(require("../../components/menu-tree"));
|
|
13
|
+
|
|
14
|
+
var _reactRouter = require("react-router");
|
|
15
|
+
|
|
16
|
+
var _i18n = require("../../i18n");
|
|
17
|
+
|
|
18
|
+
var _index = require("../../components/menu-tree/tree-node/index");
|
|
19
|
+
|
|
20
|
+
require("./index.css");
|
|
21
|
+
|
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
|
+
|
|
24
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
|
+
|
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
+
|
|
28
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
29
|
+
|
|
30
|
+
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."); }
|
|
31
|
+
|
|
32
|
+
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); }
|
|
33
|
+
|
|
34
|
+
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; }
|
|
35
|
+
|
|
36
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
37
|
+
|
|
38
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
39
|
+
|
|
40
|
+
var preCls = "titaui-menus";
|
|
41
|
+
|
|
42
|
+
var ManageMenus = function ManageMenus(props) {
|
|
43
|
+
var onSelect = props.onSelect,
|
|
44
|
+
history = props.history;
|
|
45
|
+
|
|
46
|
+
var _useState = (0, _react.useState)(["enterprise"]),
|
|
47
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
48
|
+
expandedKeys = _useState2[0],
|
|
49
|
+
setExpandedKeys = _useState2[1];
|
|
50
|
+
|
|
51
|
+
var _useState3 = (0, _react.useState)([]),
|
|
52
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
53
|
+
selectedMenuKeys = _useState4[0],
|
|
54
|
+
setSelectedMenuKeys = _useState4[1];
|
|
55
|
+
|
|
56
|
+
var menus = [{
|
|
57
|
+
icon: "okr",
|
|
58
|
+
label: _i18n.locale.menu_regulation_enterprise,
|
|
59
|
+
key: "enterprise",
|
|
60
|
+
href: "",
|
|
61
|
+
children: [{
|
|
62
|
+
icon: "",
|
|
63
|
+
label: _i18n.locale.menu_regulation_okr,
|
|
64
|
+
key: "okr",
|
|
65
|
+
href: "#/enterprise/manage?regulation=okr"
|
|
66
|
+
}, {
|
|
67
|
+
icon: "",
|
|
68
|
+
label: _i18n.locale.menu_regulation_project,
|
|
69
|
+
key: "project",
|
|
70
|
+
href: "#/enterprise/manage?regulation=project"
|
|
71
|
+
}, {
|
|
72
|
+
icon: "",
|
|
73
|
+
label: _i18n.locale.menu_regulation_plan,
|
|
74
|
+
key: "plan",
|
|
75
|
+
href: "#/enterprise/manage?regulation=plan"
|
|
76
|
+
}, {
|
|
77
|
+
icon: "",
|
|
78
|
+
label: _i18n.locale.menu_regulation_daily,
|
|
79
|
+
key: "daily",
|
|
80
|
+
href: "#/enterprise/manage?regulation=daily"
|
|
81
|
+
}, {
|
|
82
|
+
icon: "",
|
|
83
|
+
label: _i18n.locale.menu_regulation_weekly,
|
|
84
|
+
key: "weekly",
|
|
85
|
+
href: "#/enterprise/manage?regulation=weekly"
|
|
86
|
+
}, {
|
|
87
|
+
icon: "",
|
|
88
|
+
label: _i18n.locale.menu_regulation_monthly,
|
|
89
|
+
key: "monthly",
|
|
90
|
+
href: "#/enterprise/manage?regulation=monthly"
|
|
91
|
+
}]
|
|
92
|
+
}];
|
|
93
|
+
|
|
94
|
+
var formateToTreeNodeData = function formateToTreeNodeData(menus) {
|
|
95
|
+
var pid = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
96
|
+
var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
97
|
+
var treeNodes = [];
|
|
98
|
+
|
|
99
|
+
for (var i = 0; i < menus.length; i++) {
|
|
100
|
+
var menu = menus[i];
|
|
101
|
+
var hasChildren = menu.children && menu.children.length ? true : false;
|
|
102
|
+
var isLeaf = menu.isLeaf !== undefined ? menu.isLeaf : !hasChildren;
|
|
103
|
+
var nodeType = menu.type;
|
|
104
|
+
if (!nodeType) nodeType = !isLeaf ? _index.PARENT_MENU_NODE : _index.SUB_MENU_ITEM_NOE;
|
|
105
|
+
treeNodes.push({
|
|
106
|
+
key: "".concat(menu.key),
|
|
107
|
+
title: menu.label,
|
|
108
|
+
data: menu.data || menu,
|
|
109
|
+
isLeaf: isLeaf,
|
|
110
|
+
children: formateToTreeNodeData(menu.children || [], level + 1, menu.key),
|
|
111
|
+
nodeType: nodeType
|
|
112
|
+
});
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
return treeNodes;
|
|
116
|
+
};
|
|
117
|
+
|
|
118
|
+
(0, _react.useEffect)(function () {// const menuHighlight = new MenuHighlight(history);
|
|
119
|
+
// menuHighlight.highlight(menu => changeHighlightMenu([menu]));
|
|
120
|
+
// console.log(history)
|
|
121
|
+
// const data = splitHref(history.location.search.split('?')[1])
|
|
122
|
+
// let key:any = findMenuToHilight(data['regulation'])
|
|
123
|
+
// // console.log(key)
|
|
124
|
+
// setSelectedMenuKeys([{
|
|
125
|
+
// "key": "daily",
|
|
126
|
+
// "title": "日报规定",
|
|
127
|
+
// "data": {
|
|
128
|
+
// "icon": "",
|
|
129
|
+
// "label": "日报规定",
|
|
130
|
+
// "key": "daily",
|
|
131
|
+
// "href": "#/enterprise/manage?regulation=daily"
|
|
132
|
+
// },
|
|
133
|
+
// "isLeaf": true,
|
|
134
|
+
// "children": [],
|
|
135
|
+
// "nodeType": "sub-menu-item",
|
|
136
|
+
// "expanded": false,
|
|
137
|
+
// "selected": false,
|
|
138
|
+
// "checked": false,
|
|
139
|
+
// "loaded": false,
|
|
140
|
+
// "loading": false,
|
|
141
|
+
// "halfChecked": false,
|
|
142
|
+
// "dragOver": false,
|
|
143
|
+
// "dragOverGapTop": false,
|
|
144
|
+
// "dragOverGapBottom": false,
|
|
145
|
+
// "pos": "0-0-3",
|
|
146
|
+
// "active": false
|
|
147
|
+
// }])
|
|
148
|
+
}, [history.location.pathname, history.location.search]); // const findMenuToHilight = (key) =>{
|
|
149
|
+
// let allMenus = formateToTreeNodeData(menus)[0].children || []
|
|
150
|
+
// return allMenus.find(item=>item.key == key)
|
|
151
|
+
// }
|
|
152
|
+
// const splitHref = (data) =>{
|
|
153
|
+
// let querys = data.split("&")
|
|
154
|
+
// let result:any=[];
|
|
155
|
+
// for(var i=0;i<querys.length;i++){
|
|
156
|
+
// var temp=querys[i].split('=');
|
|
157
|
+
// if(temp.length<2){
|
|
158
|
+
// result[temp[0]]='';
|
|
159
|
+
// }else{
|
|
160
|
+
// result[temp[0]]=temp[1];
|
|
161
|
+
// }
|
|
162
|
+
// }
|
|
163
|
+
// return result
|
|
164
|
+
// }
|
|
165
|
+
// // 判断路由高亮菜单
|
|
166
|
+
// useEffect(() => {
|
|
167
|
+
// debugger
|
|
168
|
+
// let history = splitHref()
|
|
169
|
+
// let key = history['regulation']
|
|
170
|
+
// let menuKeys = findMenuToHilight(key)
|
|
171
|
+
// // @ts-ignore
|
|
172
|
+
// setSelectedMenuKeys(menuKeys);
|
|
173
|
+
// }, [
|
|
174
|
+
// window.location.href
|
|
175
|
+
// ]);
|
|
176
|
+
// const changeHighlightMenu = (menuKeys: string[]) => {
|
|
177
|
+
// setSelectedMenuKeys(menuKeys);
|
|
178
|
+
// }
|
|
179
|
+
|
|
180
|
+
var onSelectHandler = function onSelectHandler(selectedKyes, _ref) {
|
|
181
|
+
var node = _ref.node;
|
|
182
|
+
console.log(node); // onSelect(node);
|
|
183
|
+
// 处理菜单选中
|
|
184
|
+
|
|
185
|
+
if (!selectedKyes.length) return;
|
|
186
|
+
setSelectedMenuKeys(selectedKyes);
|
|
187
|
+
};
|
|
188
|
+
|
|
189
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
190
|
+
className: "".concat(preCls, "-manage-menus")
|
|
191
|
+
}, /*#__PURE__*/_react["default"].createElement(_menuTree["default"], {
|
|
192
|
+
data: formateToTreeNodeData(menus),
|
|
193
|
+
selectedKeys: selectedMenuKeys,
|
|
194
|
+
expandedKeys: expandedKeys,
|
|
195
|
+
onSelect: onSelectHandler // onExpand={onExpandHandler}
|
|
196
|
+
// loadData={onLoadTreeNodeDataHandler}
|
|
197
|
+
|
|
198
|
+
}));
|
|
199
|
+
};
|
|
200
|
+
|
|
201
|
+
var _default = (0, _reactRouter.withRouter)(ManageMenus);
|
|
202
|
+
|
|
203
|
+
exports["default"] = _default;
|
|
@@ -237,6 +237,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
237
237
|
obs.unobserve(document.body);
|
|
238
238
|
};
|
|
239
239
|
}, []);
|
|
240
|
+
console.log(menus);
|
|
240
241
|
return /*#__PURE__*/_react["default"].createElement(_context.OkrMenusContext.Provider, {
|
|
241
242
|
value: {
|
|
242
243
|
onAddConcerner: onAddConcerner,
|
|
@@ -40,6 +40,13 @@ var I18N = function I18N() {
|
|
|
40
40
|
this.nosubordinates = '暂无下属';
|
|
41
41
|
this.alldeparment = '公司全部';
|
|
42
42
|
this.unsubscribe = '取消关注';
|
|
43
|
+
this.menu_regulation_enterprise = '企业管理规定';
|
|
44
|
+
this.menu_regulation_okr = 'OKR规定';
|
|
45
|
+
this.menu_regulation_project = '项目规定';
|
|
46
|
+
this.menu_regulation_plan = '计划规定';
|
|
47
|
+
this.menu_regulation_daily = '日报规定';
|
|
48
|
+
this.menu_regulation_weekly = '周报规定';
|
|
49
|
+
this.menu_regulation_monthly = '月报规定';
|
|
43
50
|
|
|
44
51
|
if (isEN) {// 替换成英文
|
|
45
52
|
}
|
|
@@ -13,6 +13,8 @@ var _okrMenus = _interopRequireDefault(require("./export-modules/okr-menus"));
|
|
|
13
13
|
|
|
14
14
|
var _appraisalMenus = _interopRequireDefault(require("./export-modules/appraisal-menus"));
|
|
15
15
|
|
|
16
|
+
var _manageMenus = _interopRequireDefault(require("./export-modules/manage-menus"));
|
|
17
|
+
|
|
16
18
|
require("./index.css");
|
|
17
19
|
|
|
18
20
|
var _excluded = ["type"];
|
|
@@ -34,6 +36,8 @@ var _default = function _default(props) {
|
|
|
34
36
|
return /*#__PURE__*/_react["default"].createElement(_okrMenus["default"], restProps);
|
|
35
37
|
} else if (type == 'appraisal') {
|
|
36
38
|
return /*#__PURE__*/_react["default"].createElement(_appraisalMenus["default"], restProps);
|
|
39
|
+
} else if (type == 'manage') {
|
|
40
|
+
return /*#__PURE__*/_react["default"].createElement(_manageMenus["default"], restProps);
|
|
37
41
|
}
|
|
38
42
|
|
|
39
43
|
return undefined;
|
|
@@ -47,6 +47,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
47
47
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
48
48
|
|
|
49
49
|
function _formatCycleData(periodParams, getCycleRange) {
|
|
50
|
+
debugger;
|
|
50
51
|
if (!periodParams) return "";
|
|
51
52
|
var startDate = periodParams.startDate;
|
|
52
53
|
var endDate = periodParams.endDate;
|
|
@@ -63,6 +63,7 @@ var dealYearsRange = function dealYearsRange(yearsRange, showAllYears) {
|
|
|
63
63
|
exports.dealYearsRange = dealYearsRange;
|
|
64
64
|
|
|
65
65
|
var formatPeriod = function formatPeriod(selected) {
|
|
66
|
+
debugger;
|
|
66
67
|
if (!selected) return "";
|
|
67
68
|
var quarter = ["", "第一季度", "第二季度", "第三季度", "第四季度"];
|
|
68
69
|
var cycleDate = "";
|
|
@@ -13,7 +13,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
13
13
|
|
|
14
14
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
15
15
|
|
|
16
|
-
var ToastWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 13px 20px;\n z-index: 999999;\n font-size: 14px;\n max-width: 504px;\n border-radius:
|
|
16
|
+
var ToastWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 13px 20px;\n z-index: 999999;\n font-size: 14px;\n max-width: 504px;\n border-radius: 12px;\n line-height: 22px;\n box-sizing: border-box;\n\n &.error-toast {\n background: #fdeeee;\n border: 1px solid #f05e5e;\n color: #f05e5e;\n /* box-shadow: 0px 0px 6px 0px rgba(240, 94, 94, 0.3); */\n\n .tu-icon-canceled {\n :hover {\n color: #F05E5E;\n }\n }\n }\n &.success-toast {\n border: 1px solid rgb(125,212,169);\n background: rgba(90, 216, 166, 0.1);\n /* box-shadow: 0px 0px 6px 0px rgba(90, 216, 166, 0.3); */\n font-weight: 400;\n color: #5ad8a6;\n }\n &.warning-toast {\n border: 1px solid #F6BD16;\n background: rgba(246, 189, 22, 0.11);;\n /* box-shadow: 0px 0px 6px 0px rgba(90, 216, 166, 0.3); */\n font-weight: 400;\n color: #F6BD16;\n\n span {\n color: #F6BD16;\n position: relative;\n top: 2px;\n }\n\n .tu-icon-canceled {\n top: 2px;\n }\n }\n span.icon {\n margin-right: 5px;\n }\n"])));
|
|
17
17
|
|
|
18
18
|
exports.ToastWrapper = ToastWrapper;
|
|
19
19
|
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
.rc-select-single:not(.rc-select-customize-input) .rc-select-selector {
|
|
2
|
+
border: 1px solid #DFE3EA;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.rc-select-focused .rc-select-selector {
|
|
6
|
+
border: 1px solid #DFE3EA !important;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.rc-select-selection-item-remove {
|
|
10
|
+
display: flex;
|
|
11
|
+
align-items: center;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.rc-select-multiple .rc-select-selector .rc-select-selection-search-input {
|
|
15
|
+
display: none;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.rc-select-single:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-search-input {
|
|
19
|
+
display: none;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.rc-select-single .rc-select-selector .rc-select-selection-item, .rc-select-single .rc-select-selector .rc-select-selection-placeholder {
|
|
23
|
+
top: unset;
|
|
24
|
+
left: 12px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.rc-select-single .rc-select-selector {
|
|
28
|
+
align-items: center;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.rc-select-selector {
|
|
32
|
+
cursor: pointer;
|
|
33
|
+
padding: 0 12px;
|
|
34
|
+
background: #FFFFFF;
|
|
35
|
+
border-radius: 8px;
|
|
36
|
+
border: 1px solid #DFE3EA;
|
|
37
|
+
height: 36px;
|
|
38
|
+
box-sizing: border-box;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.rc-select-multiple .rc-select-selector {
|
|
42
|
+
padding: 0 12px;
|
|
43
|
+
border: 1px solid #DFE3EA;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.rc-select-multiple .rc-select-selector .rc-select-selection-overflow-item {
|
|
47
|
+
display: flex;
|
|
48
|
+
align-items: center;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.rc-select-selection-item-content {
|
|
52
|
+
margin-right: 8px;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.rc-select-multiple .rc-select-selector .rc-select-selection-item {
|
|
56
|
+
font-size: 12px;
|
|
57
|
+
flex: none;
|
|
58
|
+
height: 20px;
|
|
59
|
+
display: flex;
|
|
60
|
+
align-items: center;
|
|
61
|
+
background: #F0F4FA;
|
|
62
|
+
border-radius: 10px;
|
|
63
|
+
margin-right: 2px;
|
|
64
|
+
padding: 0 5px 0 10px;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.rc-select-multiple .rc-select-selector .rc-select-selection-item .tu-icon-cross {
|
|
68
|
+
cursor: pointer;
|
|
69
|
+
color: #a4acB9;
|
|
70
|
+
font-size: 14px;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.rc-select-item {
|
|
74
|
+
font-size: 14px;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.rc-select-dropdown {
|
|
78
|
+
z-index: 2000;
|
|
79
|
+
box-sizing: border-box;
|
|
80
|
+
padding: 16px 6px;
|
|
81
|
+
background: #FFFFFF;
|
|
82
|
+
box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
|
|
83
|
+
border: 1px solid #F0F2F5;
|
|
84
|
+
border-radius: 8px;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.rc-select-item-option {
|
|
88
|
+
height: 36px;
|
|
89
|
+
line-height: 36px;
|
|
90
|
+
cursor: pointer;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.rc-select-item-option-selected {
|
|
94
|
+
color: #2879FF;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.rc-select-item-option-active {
|
|
98
|
+
border-radius: 8px;
|
|
99
|
+
color: #2879FF;
|
|
100
|
+
background: #F7F8FA;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.rc-select-arrow {
|
|
104
|
+
font-size: 16px;
|
|
105
|
+
transform: scale(0.5);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.rc-select-show-arrow .rc-select-arrow {
|
|
109
|
+
top: 0;
|
|
110
|
+
bottom: 0;
|
|
111
|
+
margin: auto;
|
|
112
|
+
right: 12px;
|
|
113
|
+
height: 22px;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.rc-select-item-option-state {
|
|
117
|
+
display: none;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.titaui-select-hasSelectItem .rc-select-item-option-state {
|
|
121
|
+
display: block;
|
|
122
|
+
}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
12
|
+
var _rcSelect = _interopRequireWildcard(require("rc-select"));
|
|
13
|
+
|
|
14
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
+
|
|
16
|
+
require("rc-select/assets/index.less");
|
|
17
|
+
|
|
18
|
+
require("./index.css");
|
|
19
|
+
|
|
20
|
+
var _excluded = ["selected", "data", "onChange", "style", "mode", "className", "placeholder", "name"];
|
|
21
|
+
|
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
|
+
|
|
24
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
|
+
|
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
+
|
|
28
|
+
function _extends() { _extends = Object.assign || 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); }
|
|
29
|
+
|
|
30
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
31
|
+
|
|
32
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
33
|
+
|
|
34
|
+
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."); }
|
|
35
|
+
|
|
36
|
+
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); }
|
|
37
|
+
|
|
38
|
+
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; }
|
|
39
|
+
|
|
40
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
41
|
+
|
|
42
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
43
|
+
|
|
44
|
+
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; }
|
|
45
|
+
|
|
46
|
+
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; }
|
|
47
|
+
|
|
48
|
+
var preCls = "titaui-select";
|
|
49
|
+
|
|
50
|
+
var SelectTags = function SelectTags(_ref) {
|
|
51
|
+
var _ref$selected = _ref.selected,
|
|
52
|
+
selected = _ref$selected === void 0 ? [] : _ref$selected,
|
|
53
|
+
_ref$data = _ref.data,
|
|
54
|
+
data = _ref$data === void 0 ? [] : _ref$data,
|
|
55
|
+
onChange = _ref.onChange,
|
|
56
|
+
_ref$style = _ref.style,
|
|
57
|
+
style = _ref$style === void 0 ? {
|
|
58
|
+
width: "200px"
|
|
59
|
+
} : _ref$style,
|
|
60
|
+
_ref$mode = _ref.mode,
|
|
61
|
+
mode = _ref$mode === void 0 ? "single" : _ref$mode,
|
|
62
|
+
className = _ref.className,
|
|
63
|
+
_ref$placeholder = _ref.placeholder,
|
|
64
|
+
placeholder = _ref$placeholder === void 0 ? '请选择' : _ref$placeholder,
|
|
65
|
+
name = _ref.name,
|
|
66
|
+
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
67
|
+
|
|
68
|
+
var selectRef = (0, _react.useRef)();
|
|
69
|
+
|
|
70
|
+
var _useState = (0, _react.useState)(selected),
|
|
71
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
72
|
+
value = _useState2[0],
|
|
73
|
+
setValue = _useState2[1]; // useEffect(()=>{
|
|
74
|
+
// setValue(selected)
|
|
75
|
+
// },[selected])
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
var onhandleChange = function onhandleChange(value, options) {
|
|
79
|
+
onChange && onChange(value, options, name);
|
|
80
|
+
setValue(value);
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
return /*#__PURE__*/_react["default"].createElement(_rcSelect["default"], _extends({
|
|
84
|
+
className: (0, _classnames["default"])(preCls, className),
|
|
85
|
+
dropdownClassName: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "-hasSelectItem"), mode === "multiple")),
|
|
86
|
+
value: value,
|
|
87
|
+
style: style,
|
|
88
|
+
mode: mode,
|
|
89
|
+
optionFilterProp: "children",
|
|
90
|
+
optionLabelProp: "children",
|
|
91
|
+
placeholder: placeholder,
|
|
92
|
+
onChange: onhandleChange,
|
|
93
|
+
showArrow: true,
|
|
94
|
+
removeIcon: /*#__PURE__*/_react["default"].createElement("span", {
|
|
95
|
+
className: "tu-icon-cross"
|
|
96
|
+
}),
|
|
97
|
+
inputIcon: /*#__PURE__*/_react["default"].createElement("span", {
|
|
98
|
+
className: "tu-icon-caret-down"
|
|
99
|
+
}),
|
|
100
|
+
menuItemSelectedIcon: /*#__PURE__*/_react["default"].createElement("span", {
|
|
101
|
+
className: "tu-icon-finished"
|
|
102
|
+
})
|
|
103
|
+
}, restProps), data.map(function (item, key) {
|
|
104
|
+
return /*#__PURE__*/_react["default"].createElement(_rcSelect.Option, {
|
|
105
|
+
key: key,
|
|
106
|
+
value: item.value
|
|
107
|
+
}, item.label);
|
|
108
|
+
}));
|
|
109
|
+
};
|
|
110
|
+
|
|
111
|
+
var _default = SelectTags;
|
|
112
|
+
exports["default"] = _default;
|
|
@@ -13,7 +13,7 @@ require("./rc-switch.css");
|
|
|
13
13
|
|
|
14
14
|
require("./index.css");
|
|
15
15
|
|
|
16
|
-
var _excluded = ["label"];
|
|
16
|
+
var _excluded = ["label", "size"];
|
|
17
17
|
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
19
|
|
|
@@ -25,6 +25,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
25
25
|
|
|
26
26
|
var _default = function _default(props) {
|
|
27
27
|
var label = props.label,
|
|
28
|
+
_props$size = props.size,
|
|
29
|
+
size = _props$size === void 0 ? 'normal' : _props$size,
|
|
28
30
|
restProps = _objectWithoutProperties(props, _excluded);
|
|
29
31
|
|
|
30
32
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
package/lib/index.js
CHANGED
|
@@ -12,8 +12,8 @@ Object.defineProperty(exports, "PointDemo", {
|
|
|
12
12
|
return _pointDemo["default"];
|
|
13
13
|
}
|
|
14
14
|
});
|
|
15
|
-
exports.
|
|
16
|
-
exports.openData = exports.firework = exports.drawerManager = exports.WordCloud = exports.VersionChangeModal = exports.UserGroupManagementPage = exports.UpvoteButtonForFeed = exports.Upvote = exports.Upload = exports.UpdateModal = exports.Tree = exports.TooltipText = exports.Tooltip = exports.Toast = exports.TitaWordsCloud = exports.TitaPieChart = exports.TitaLiquidBall = exports.TextBtn = exports.TextAvatar = exports.TaskRelationModal = exports.Tabs = exports.Table = exports.TabPane = exports.Switch = exports.StatusTime = exports.SlideInput = exports.SingleSelector = exports.SelectorInput = exports.SearchInput = exports.SearchDropdownOption = exports.SearchDropdown = exports.Review = exports.RectBtn = exports.RangePickerPop = exports.RadioGroup = exports.Radio = exports.Popup = void 0;
|
|
15
|
+
exports.WordCloud = exports.VersionChangeModal = exports.UserGroupManagementPage = exports.UpvoteButtonForFeed = exports.Upvote = exports.Upload = exports.UpdateModal = exports.Tree = exports.TooltipText = exports.Tooltip = exports.Toast = exports.TitaWordsCloud = exports.TitaPieChart = exports.TitaLiquidBall = exports.TextBtn = exports.TextAvatar = exports.TextArea = exports.TaskRelationModal = exports.Tabs = exports.Table = exports.TabPane = exports.Switch = exports.StatusTime = exports.SlideInput = exports.SingleSelector = exports.SelectorInput = exports.SelectTags = exports.SearchInput = exports.SearchDropdownOption = exports.SearchDropdown = exports.Review = exports.RectBtn = exports.RangePickerPop = exports.RadioGroup = exports.Radio = exports.Popup = void 0;
|
|
16
|
+
exports.requestApi = exports.openData = exports.firework = exports.drawerManager = exports.WordCloud = exports.VersionChangeModal = exports.UserGroupManagementPage = exports.UpvoteButtonForFeed = exports.Upvote = exports.Upload = exports.UpdateModal = exports.Tree = exports.TooltipText = exports.Tooltip = exports.Toast = exports.TitaWordsCloud = exports.TitaPieChart = exports.TitaLiquidBall = exports.TextBtn = exports.TextAvatar = exports.TextArea = exports.TaskRelationModal = exports.Tabs = exports.Table = exports.TabPane = exports.Switch = exports.StatusTime = exports.SlideInput = exports.SingleSelector = exports.SelectorInput = exports.SelectTags = exports.SearchInput = exports.SearchDropdownOption = exports.SearchDropdown = exports.Review = exports.RectBtn = exports.RangePickerPop = exports.RadioGroup = exports.Radio = exports.Popup = void 0;
|
|
17
17
|
|
|
18
18
|
require("./index.css");
|
|
19
19
|
|
|
@@ -73,6 +73,8 @@ var _likeRanking = _interopRequireDefault(require("./pages/like-ranking"));
|
|
|
73
73
|
|
|
74
74
|
var _openData = require("./utils/open-data");
|
|
75
75
|
|
|
76
|
+
var _request = require("./utils/request");
|
|
77
|
+
|
|
76
78
|
var _tabs = _interopRequireWildcard(require("./components/tabs"));
|
|
77
79
|
|
|
78
80
|
var _dialogConfirm = _interopRequireWildcard(require("./components/dialog-confirm"));
|
|
@@ -173,6 +175,10 @@ var _personalInfo = _interopRequireDefault(require("./pages/personal-info"));
|
|
|
173
175
|
|
|
174
176
|
var _updateModal = _interopRequireDefault(require("./components/update-modal"));
|
|
175
177
|
|
|
178
|
+
var _selectTags = _interopRequireDefault(require("./components/select-tags"));
|
|
179
|
+
|
|
180
|
+
var _textarea = _interopRequireDefault(require("./components-v1/textarea"));
|
|
181
|
+
|
|
176
182
|
var _pointDemo = _interopRequireDefault(require("./components/point-demo"));
|
|
177
183
|
|
|
178
184
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -262,6 +268,11 @@ var openData = {
|
|
|
262
268
|
isWechat: _openData.isWechat
|
|
263
269
|
};
|
|
264
270
|
exports.openData = openData;
|
|
271
|
+
var requestApi = {
|
|
272
|
+
rget: _request.rget,
|
|
273
|
+
rpost: _request.rpost
|
|
274
|
+
};
|
|
275
|
+
exports.requestApi = requestApi;
|
|
265
276
|
var Tabs = _tabs["default"];
|
|
266
277
|
exports.Tabs = Tabs;
|
|
267
278
|
var TabPane = _tabs.TabPane;
|
|
@@ -404,5 +415,10 @@ var VersionChangeModal = _versionChangeModal["default"];
|
|
|
404
415
|
exports.VersionChangeModal = VersionChangeModal;
|
|
405
416
|
var UpdateModal = _updateModal["default"];
|
|
406
417
|
exports.UpdateModal = UpdateModal;
|
|
407
|
-
var NewOkrList = _newOkrList["default"];
|
|
408
|
-
|
|
418
|
+
var NewOkrList = _newOkrList["default"]; // 管理规定图片
|
|
419
|
+
|
|
420
|
+
exports.NewOkrList = NewOkrList;
|
|
421
|
+
var SelectTags = _selectTags["default"];
|
|
422
|
+
exports.SelectTags = SelectTags;
|
|
423
|
+
var TextArea = _textarea["default"];
|
|
424
|
+
exports.TextArea = TextArea;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@titaui/pc",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.7.1",
|
|
4
4
|
"nameCN": "",
|
|
5
5
|
"description": "",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -69,6 +69,8 @@
|
|
|
69
69
|
"color": "^3.2.1",
|
|
70
70
|
"dayjs": "^1.10.4",
|
|
71
71
|
"html2canvas": "1.3.2",
|
|
72
|
+
"less": "^4.1.2",
|
|
73
|
+
"less-loader": "^6.0.0",
|
|
72
74
|
"lodash.debounce": "^4.0.8",
|
|
73
75
|
"lodash.memoize": "^4.1.2",
|
|
74
76
|
"lodash.throttle": "^4.1.1",
|
|
@@ -83,7 +85,7 @@
|
|
|
83
85
|
"rc-overflow": "^1.2.2",
|
|
84
86
|
"rc-pagination": "^3.1.6",
|
|
85
87
|
"rc-queue-anim": "^1.4.1",
|
|
86
|
-
"rc-select": "^12.1.
|
|
88
|
+
"rc-select": "^12.1.13",
|
|
87
89
|
"rc-switch": "^3.2.2",
|
|
88
90
|
"rc-table": "^7.13.2",
|
|
89
91
|
"rc-tabs": "^11.7.3",
|