@titaui/pc 1.6.85 → 1.7.3

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.
File without changes
@@ -0,0 +1,67 @@
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 _rcCascader = _interopRequireDefault(require("rc-cascader"));
13
+
14
+ require("./index.css");
15
+
16
+ var _excluded = ["value", "options", "onChange"];
17
+
18
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
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 _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); }
25
+
26
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
27
+
28
+ 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."); }
29
+
30
+ 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); }
31
+
32
+ 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; }
33
+
34
+ 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; }
35
+
36
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
37
+
38
+ 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; }
39
+
40
+ 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; }
41
+
42
+ var preCls = "titaui-cascader";
43
+
44
+ var Cascader = function Cascader(_ref) {
45
+ var value = _ref.value,
46
+ options = _ref.options,
47
+ _ref$onChange = _ref.onChange,
48
+ onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
49
+ restProps = _objectWithoutProperties(_ref, _excluded);
50
+
51
+ var _useState = (0, _react.useState)(value),
52
+ _useState2 = _slicedToArray(_useState, 2),
53
+ selectValue = _useState2[0],
54
+ setSelectValue = _useState2[1];
55
+
56
+ var handleChange = function handleChange(value, selectedOptions) {
57
+ setSelectValue(value);
58
+ };
59
+
60
+ return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_rcCascader["default"], _extends({
61
+ options: options,
62
+ onChange: onChange
63
+ }, restProps), /*#__PURE__*/_react["default"].createElement("div", null, selectValue)));
64
+ };
65
+
66
+ var _default = Cascader;
67
+ exports["default"] = _default;
@@ -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: 4px;
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$multi = props.multi,
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
  }
@@ -96,7 +96,6 @@
96
96
 
97
97
  .titaui-new-ui-dynamic__content-right {
98
98
  margin-left: 10px;
99
- background: #f0f4fa;
100
99
  }
101
100
 
102
101
  .titaui-new-ui-dynamic__loading {
@@ -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 = 'titaui-form';
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
- 'verifing': function verifing(opts) {
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
- 'ref': function ref(_ref2) {
111
+ ref: function ref(_ref2) {
104
112
  return onStoreRef(name, _ref2);
105
113
  },
106
- 'onChange': function onChange(value) {
114
+ onChange: function onChange(value) {
107
115
  return onFieldChangeHandler(name, value);
108
116
  },
109
- 'getContainer': getContainer
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;
@@ -132,7 +132,7 @@ function OverviewComponent() {
132
132
  marginLeft: '50%',
133
133
  transform: 'translateX(-50%)'
134
134
  },
135
- link: "okr%2Fmanage"
135
+ link: "#okr%2Fmanage"
136
136
  }, /*#__PURE__*/_react["default"].createElement("img", {
137
137
  src: require("../image/advise.svg")
138
138
  }), isCompanyOKREmpty ? ' 立即设置成为企业下「第一个」设定OKR的人' : '高效工作从第一个OKR设定开始'), /*#__PURE__*/_react["default"].createElement(_commenComponents.CardFlexContent, {
@@ -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?reactRouterName=okr"
66
+ }, {
67
+ icon: "",
68
+ label: _i18n.locale.menu_regulation_project,
69
+ key: "project",
70
+ href: "#/enterprise/manage?reactRouterName=project"
71
+ }, {
72
+ icon: "",
73
+ label: _i18n.locale.menu_regulation_plan,
74
+ key: "plan",
75
+ href: "#/enterprise/manage?reactRouterName=plan"
76
+ }, {
77
+ icon: "",
78
+ label: _i18n.locale.menu_regulation_daily,
79
+ key: "daily",
80
+ href: "#/enterprise/manage?reactRouterName=daily"
81
+ }, {
82
+ icon: "",
83
+ label: _i18n.locale.menu_regulation_weekly,
84
+ key: "weekly",
85
+ href: "#/enterprise/manage?reactRouterName=weekly"
86
+ }, {
87
+ icon: "",
88
+ label: _i18n.locale.menu_regulation_monthly,
89
+ key: "monthly",
90
+ href: "#/enterprise/manage?reactRouterName=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;
@@ -8,7 +8,7 @@
8
8
  .rc-notification-notice {
9
9
  box-sizing: border-box;
10
10
  box-shadow: none;
11
- border-radius: 5px;
11
+ border-radius: 12px !important;
12
12
  background: #fff;
13
13
  display: block;
14
14
  width: auto;
@@ -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: 4px;\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"])));
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.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;
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
- exports.NewOkrList = NewOkrList;
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;
@@ -8,7 +8,7 @@
8
8
  .rc-notification-notice {
9
9
  box-sizing: border-box;
10
10
  box-shadow: none;
11
- border-radius: 5px;
11
+ border-radius: 12px;
12
12
  background: #fff;
13
13
  display: block;
14
14
  width: auto;
@@ -222,6 +222,13 @@ var NewOkrList = function NewOkrList(props) {
222
222
  var isShowPeriod = (0, _react.useMemo)(function () {
223
223
  return Number(query.cycleType) == -1;
224
224
  }, [query]);
225
+ var replaceOkr = (0, _react.useCallback)(function (data) {
226
+ var index = okrsRef.current.findIndex(function (item) {
227
+ return item.workId == data.workId;
228
+ });
229
+ okrsRef.current.splice(index, 1, data);
230
+ setOkrs(_toConsumableArray(okrsRef.current));
231
+ }, [okrs]);
225
232
 
226
233
  var openCreateModal = function openCreateModal() {
227
234
  headerRef && headerRef.current.openCreateModal();
@@ -259,6 +266,10 @@ var NewOkrList = function NewOkrList(props) {
259
266
  OkrListCmp: OkrListCmp,
260
267
  okrs: okrs,
261
268
  setOkrs: setOkrs,
269
+ refreshList: function refreshList() {
270
+ return setTimeout(getOkrs, 500);
271
+ },
272
+ replaceOkr: replaceOkr,
262
273
  isShowPrincple: isShowPrincple,
263
274
  isShowPeriod: isShowPeriod,
264
275
  isShowEasyCreate: relation != 2 && relation != 3,
@@ -27,13 +27,17 @@ var List = function List(props) {
27
27
  isShowPrincple = props.isShowPrincple,
28
28
  isShowPeriod = props.isShowPeriod,
29
29
  openCreateModal = props.openCreateModal,
30
- isShowEasyCreate = props.isShowEasyCreate;
30
+ isShowEasyCreate = props.isShowEasyCreate,
31
+ refreshList = props.refreshList,
32
+ replaceOkr = props.replaceOkr;
31
33
  var OkrListCmp = props.OkrListCmp;
32
34
  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(OkrListCmp, {
33
35
  okrData: okrs,
34
36
  addOkr: function addOkr(okr) {
35
37
  setOkrs([].concat(_toConsumableArray(okrs), [okr]));
36
38
  },
39
+ refreshList: refreshList,
40
+ replaceOkr: replaceOkr,
37
41
  onpenCreateModalWithData: function onpenCreateModalWithData(data) {// createModalRef.current && createModalRef.current.setData(data);
38
42
  // setVisible(true);
39
43
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@titaui/pc",
3
- "version": "1.6.85",
3
+ "version": "1.7.3",
4
4
  "nameCN": "",
5
5
  "description": "",
6
6
  "main": "lib/index.js",
@@ -69,12 +69,15 @@
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",
75
77
  "lottie-web": "^5.7.12",
76
78
  "moment": "^2.29.1",
77
79
  "qs": "^6.10.1",
80
+ "rc-cascader": "^2.2.0",
78
81
  "rc-checkbox": "^2.3.2",
79
82
  "rc-color-picker": "^1.2.6",
80
83
  "rc-dialog": "8.5.2",
@@ -83,7 +86,7 @@
83
86
  "rc-overflow": "^1.2.2",
84
87
  "rc-pagination": "^3.1.6",
85
88
  "rc-queue-anim": "^1.4.1",
86
- "rc-select": "^12.1.7",
89
+ "rc-select": "^12.1.13",
87
90
  "rc-switch": "^3.2.2",
88
91
  "rc-table": "^7.13.2",
89
92
  "rc-tabs": "^11.7.3",