@titaui/pc 1.16.70-beta.3 → 1.16.70-beta.5

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.
@@ -23,8 +23,12 @@
23
23
  border: none;
24
24
  }
25
25
 
26
- .titaui-checkbox--disabled {
26
+ .titaui-checkbox.titaui-checkbox--disabled {
27
27
  background-color: #f0f2f5;
28
28
  opacity: 0.5;
29
29
  cursor: not-allowed;
30
30
  }
31
+
32
+ .titaui-checkbox.titaui-checkbox--disabled:hover {
33
+ border: 1px solid #bfc7d5;
34
+ }
@@ -22,6 +22,8 @@ var prefixCls = 'form-field-radio';
22
22
  var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
23
23
  var _props$className = props.className,
24
24
  className = _props$className === void 0 ? '' : _props$className,
25
+ _props$disabled = props.disabled,
26
+ disabled = _props$disabled === void 0 ? false : _props$disabled,
25
27
  label = props.label,
26
28
  onChange = props.onChange,
27
29
  radios = props.radios,
@@ -55,9 +57,10 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
55
57
  className: "".concat(prefixCls, "__radios")
56
58
  }, radios.map(function (radio) {
57
59
  return /*#__PURE__*/_react["default"].createElement("div", {
58
- className: "".concat(prefixCls, "__radios-item ").concat(radioClass)
60
+ className: "".concat(prefixCls, "__radios-item ").concat(radioClass),
61
+ key: radio.value
59
62
  }, /*#__PURE__*/_react["default"].createElement(_radio.Radio, {
60
- key: radio.value,
63
+ disabled: disabled,
61
64
  value: radio.value,
62
65
  onChange: onChangeHandler,
63
66
  checked: radio.value == activedValue
@@ -12,17 +12,21 @@ var _button = _interopRequireDefault(require("../button"));
12
12
  var _getLocale = require("../../utils/getLocale");
13
13
  var _bsGlobal = require("../../utils/bs-global");
14
14
  require("./index.css");
15
- var _excluded = ["type", "width", "time", "children", "popupPlacement", "classnames", "content", "onClickClose", "buttonTitle", "visible", "isShowPopup"];
15
+ var _excluded = ["arrowStyle", "type", "width", "time", "children", "popupPlacement", "classnames", "content", "onClickClose", "buttonTitle", "visible", "isShowPopup"];
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
17
  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); }
18
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
19
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
20
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
21
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
20
22
  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; }
21
23
  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; }
22
24
  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; }
23
25
  var preCls = 'titaui-pc__guide-tip';
24
26
  var GuideTip = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
25
- var _props$type = props.type,
27
+ var _props$arrowStyle = props.arrowStyle,
28
+ arrowStyle = _props$arrowStyle === void 0 ? {} : _props$arrowStyle,
29
+ _props$type = props.type,
26
30
  type = _props$type === void 0 ? 'default' : _props$type,
27
31
  _props$width = props.width,
28
32
  width = _props$width === void 0 ? 304 : _props$width,
@@ -60,11 +64,11 @@ var GuideTip = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
60
64
  if (popupPlacement === 'left' || popupPlacement === 'right') {
61
65
  var _popupAlign$offset;
62
66
  var offsetY = (popupAlign === null || popupAlign === void 0 ? void 0 : (_popupAlign$offset = popupAlign.offset) === null || _popupAlign$offset === void 0 ? void 0 : _popupAlign$offset[1]) || 0;
63
- return {
67
+ return _objectSpread({
64
68
  marginTop: "".concat(-offsetY - 4, "px")
65
- };
69
+ }, arrowStyle);
66
70
  }
67
- return {};
71
+ return arrowStyle;
68
72
  };
69
73
  var renderPopupContent = function renderPopupContent() {
70
74
  return content && /*#__PURE__*/_react["default"].createElement("div", {
@@ -6,21 +6,56 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports["default"] = _default;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _classnames = _interopRequireDefault(require("classnames"));
9
- var _precls = _interopRequireDefault(require("../precls"));
10
9
  var _bsGlobal = require("../../../../../utils/bs-global");
10
+ var _guideTip = _interopRequireDefault(require("../../../../guide-tip"));
11
+ var _useLocalStorage3 = _interopRequireDefault(require("../../../../../hooks/useLocalStorage"));
12
+ var _precls = _interopRequireDefault(require("../precls"));
11
13
  require("./index.css");
12
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
- var i18nInfo = (0, _bsGlobal.getBSGlobal)("I18NInfo");
14
- var isZn = !i18nInfo || i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "zh_CN";
15
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
16
+ 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."); }
17
+ 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); }
18
+ 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; }
19
+ 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; }
20
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
21
+ var i18nInfo = (0, _bsGlobal.getBSGlobal)('I18NInfo');
22
+ var isZn = !i18nInfo || i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === 'zh_CN';
15
23
  function _default(props) {
16
24
  var data = props.data,
17
25
  level = props.level;
26
+ var _useLocalStorage = (0, _useLocalStorage3["default"])('guideTipVisible', 'tita-performance__navigation-guide', true),
27
+ _useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
28
+ guideTipVisible = _useLocalStorage2[0],
29
+ setGuideTipVisible = _useLocalStorage2[1];
30
+ var onGuideTipHide = function onGuideTipHide() {
31
+ return setGuideTipVisible(false);
32
+ };
18
33
  var onNodeClickHandler = function onNodeClickHandler() {
19
34
  if (data.href) {
20
35
  window.location.href = data.href;
21
36
  }
22
37
  };
23
- return /*#__PURE__*/_react["default"].createElement("div", {
38
+ return /*#__PURE__*/_react["default"].createElement(_guideTip["default"], {
39
+ arrowStyle: {
40
+ marginTop: '-4px'
41
+ },
42
+ content: /*#__PURE__*/_react["default"].createElement("span", {
43
+ style: {
44
+ color: '#ffffff'
45
+ }
46
+ }, "\u8003\u6838\u6A21\u677F\u548C\u8003\u6838\u7BA1\u7406\u8C03\u6574\u4F4D\u7F6E\u4E86\u54E6~"),
47
+ onClickClose: onGuideTipHide,
48
+ popupAlign: {
49
+ offset: [0, 20],
50
+ overflow: {
51
+ adjustX: 1,
52
+ adjustY: 1
53
+ }
54
+ },
55
+ popupPlacement: "right",
56
+ visible: guideTipVisible,
57
+ width: 182
58
+ }, /*#__PURE__*/_react["default"].createElement("div", {
24
59
  className: (0, _classnames["default"])("".concat(_precls["default"], "__ass-manage-node")),
25
60
  onClick: onNodeClickHandler,
26
61
  title: ""
@@ -29,8 +64,8 @@ function _default(props) {
29
64
  }), data.icon && /*#__PURE__*/_react["default"].createElement("span", {
30
65
  className: (0, _classnames["default"])("".concat(_precls["default"], "__ass-manage-node-icon"), data.icon)
31
66
  }), /*#__PURE__*/_react["default"].createElement("span", {
32
- className: (0, _classnames["default"])("".concat(_precls["default"], "__ass-manage-node-title"), "noselect")
67
+ className: (0, _classnames["default"])("".concat(_precls["default"], "__ass-manage-node-title"), 'noselect')
33
68
  }, props.title), isZn && /*#__PURE__*/_react["default"].createElement("span", {
34
69
  className: (0, _classnames["default"])("".concat(_precls["default"], "__ass-manage-node-suffix"))
35
- }));
70
+ })));
36
71
  }
@@ -19,7 +19,7 @@
19
19
  }
20
20
 
21
21
  .titaui-menus__search-input-inner--active {
22
- border-color: #2879FF;
22
+ border-color: #2879ff;
23
23
  }
24
24
 
25
25
  .titaui-menus__search-input-inner .tu-icon-search {
@@ -57,3 +57,23 @@
57
57
  /* Internet Explorer 10+ */
58
58
  color: #bfc7d5;
59
59
  }
60
+
61
+ .titaui-menus__search-user {
62
+ display: inline-block;
63
+ vertical-align: middle;
64
+ width: calc(100% - 8px);
65
+ height: 22px;
66
+ line-height: 24px;
67
+ text-align: left;
68
+ }
69
+
70
+ .titaui-menus__search-user > span {
71
+ width: 100%;
72
+ overflow: hidden;
73
+ }
74
+
75
+ .titaui-menus__search-user-tips {
76
+ display: inline-block;
77
+ width: 100%;
78
+ color: #bfc7d5;
79
+ }
@@ -10,12 +10,12 @@ var _classnames = _interopRequireDefault(require("classnames"));
10
10
  var Bowser = _interopRequireWildcard(require("bowser"));
11
11
  var _i18n = require("../../i18n");
12
12
  var _userSelector = _interopRequireDefault(require("../../../user-selector"));
13
+ var _openData = require("../../../../utils/open-data");
13
14
  var _precls = _interopRequireDefault(require("../../precls"));
14
15
  require("./index.css");
15
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
16
17
  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; }
18
- 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; }
19
19
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
20
20
  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."); }
21
21
  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); }
@@ -27,22 +27,18 @@ function _default(props) {
27
27
  placeholder = _props$placeholder === void 0 ? window.getLocale && window.getLocale(_i18n.locale.input_search_user) || _i18n.locale.input_search_user : _props$placeholder,
28
28
  onSelect = props.onSelect;
29
29
  var selectorRef = (0, _react.useRef)();
30
- var _useState = (0, _react.useState)(""),
30
+ var _useState = (0, _react.useState)(),
31
31
  _useState2 = _slicedToArray(_useState, 2),
32
- searchVal = _useState2[0],
33
- setSearchVal = _useState2[1];
34
- var _useState3 = (0, _react.useState)(false),
35
- _useState4 = _slicedToArray(_useState3, 2),
36
- isActive = _useState4[0],
37
- setIsActive = _useState4[1];
38
- var _useState5 = (0, _react.useState)(function () {
32
+ selectUser = _useState2[0],
33
+ setSelectUser = _useState2[1];
34
+ var _useState3 = (0, _react.useState)(function () {
39
35
  try {
40
36
  var browser = Bowser.getParser(window.navigator.userAgent);
41
37
  var browserInfo = browser.getBrowser();
42
38
  var name = browserInfo.name;
43
39
  if (
44
40
  // safari 浏览器上兼容选人组件下拉的位置
45
- (name || "").toLowerCase() == "wechat" || (name || "").toLowerCase() == "safari") {
41
+ (name || '').toLowerCase() == 'wechat' || (name || '').toLowerCase() == 'safari') {
46
42
  return [140, 2];
47
43
  }
48
44
  return [62, 2];
@@ -51,57 +47,44 @@ function _default(props) {
51
47
  return [62, 2];
52
48
  }
53
49
  }),
54
- _useState6 = _slicedToArray(_useState5, 1),
55
- userSelectOffset = _useState6[0];
56
- var handleInputChange = function handleInputChange(e) {
57
- setSearchVal(e.target.value);
58
- selectorRef.current && selectorRef.current.open();
59
- };
50
+ _useState4 = _slicedToArray(_useState3, 1),
51
+ userSelectOffset = _useState4[0];
60
52
  var handleSelected = function handleSelected(_ref) {
61
53
  var _ref2 = _slicedToArray(_ref, 1),
62
54
  user = _ref2[0];
63
- setSearchVal(user.title);
55
+ setSelectUser(user.data);
64
56
  onSelect(user);
65
57
  };
66
- var onInputFocusHandler = function onInputFocusHandler(e) {
67
- e.stopPropagation();
68
- setIsActive(true);
69
- };
70
- var onInputBlurHandler = function onInputBlurHandler(e) {
71
- e.stopPropagation();
72
- setIsActive(false);
73
- };
74
58
  return /*#__PURE__*/_react["default"].createElement("div", {
75
- className: (0, _classnames["default"])("".concat(_precls["default"], "__search-input"), "noselect")
59
+ className: (0, _classnames["default"])("".concat(_precls["default"], "__search-input"), 'noselect')
76
60
  }, /*#__PURE__*/_react["default"].createElement("div", {
77
- className: (0, _classnames["default"])("".concat(_precls["default"], "__search-input-inner"), _defineProperty({}, "".concat(_precls["default"], "__search-input-inner--active"), isActive))
61
+ className: "".concat(_precls["default"], "__search-input-inner")
78
62
  }, /*#__PURE__*/_react["default"].createElement("span", {
79
63
  className: "tu-icon-search"
80
- }), /*#__PURE__*/_react["default"].createElement("input", {
81
- placeholder: placeholder,
82
- onChange: handleInputChange,
83
- onFocus: onInputFocusHandler,
84
- onBlur: onInputBlurHandler,
85
- value: searchVal
86
- })), /*#__PURE__*/_react["default"].createElement(_userSelector["default"], {
64
+ }), /*#__PURE__*/_react["default"].createElement("span", {
65
+ className: "".concat(_precls["default"], "__search-user")
66
+ }, /*#__PURE__*/_react["default"].createElement(_userSelector["default"], {
87
67
  ref: selectorRef,
88
68
  multiple: false,
89
69
  position: "bottom",
90
70
  onSelect: handleSelected,
91
71
  disabledDepartSelect: true,
92
- showSearchInput: false,
72
+ panes: {
73
+ depart: true
74
+ },
93
75
  searchedPanes: {
94
76
  user: true,
95
77
  depart: false,
96
78
  group: false
97
79
  },
98
- searchWord: searchVal,
99
- trigger: /*#__PURE__*/_react["default"].createElement("span", null),
100
- panes: {
101
- depart: true
102
- },
80
+ trigger: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, selectUser && /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
81
+ name: selectUser.name,
82
+ id: selectUser.userId
83
+ }), !selectUser && /*#__PURE__*/_react["default"].createElement("span", {
84
+ className: "".concat(_precls["default"], "__search-user-tips")
85
+ }, placeholder)),
103
86
  popupAlign: {
104
87
  offset: userSelectOffset
105
88
  }
106
- }));
89
+ }))));
107
90
  }
@@ -59,13 +59,16 @@ function AppraisalMenus(props) {
59
59
  (0, _react.useEffect)(function () {
60
60
  okrMenusData.current = new _menus["default"]();
61
61
  var newMenus = okrMenusData.current.getMenus();
62
- setMenus(newMenus);
63
- var _getQueryString = (0, _tools.getQueryString)(),
64
- _getQueryString$react = _getQueryString.reactRouterName,
65
- reactRouterName = _getQueryString$react === void 0 ? '' : _getQueryString$react;
66
- var isAppraisalPage = window.location.hash.startsWith('#/performance');
67
- if (!reactRouterName && isAppraisalPage) {
68
- window.location.href = newMenus[0].data.href;
62
+ var menuSize = newMenus.length;
63
+ if (menuSize > 0) {
64
+ setMenus(newMenus);
65
+ var _getQueryString = (0, _tools.getQueryString)(),
66
+ _getQueryString$react = _getQueryString.reactRouterName,
67
+ reactRouterName = _getQueryString$react === void 0 ? '' : _getQueryString$react;
68
+ var isAppraisalPage = window.location.hash.startsWith('#/performance');
69
+ if (!reactRouterName && isAppraisalPage) {
70
+ window.location.href = newMenus[0].data.href;
71
+ }
69
72
  }
70
73
  }, [history.location.pathname]);
71
74
 
@@ -88,13 +88,6 @@ var AppraisalMenus = /*#__PURE__*/function () {
88
88
  type: _index.GROUP_NAME_NODE,
89
89
  href: '',
90
90
  isShow: performanceManageAuthority || performanceStatisticsAuthority
91
- }, {
92
- icon: 'uniEA10',
93
- label: _i18n.locale.menu_template_ass,
94
- key: PAGE_TEMPLATE_APPRAISAL,
95
- type: _index.MENU_ASSESS_TEMPLATE,
96
- href: '#/performance?reactRouterName=template',
97
- isShow: performanceManageAuthority
98
91
  }, {
99
92
  icon: 'untitled',
100
93
  label: _i18n.locale.menu_management_ass,
@@ -102,6 +95,13 @@ var AppraisalMenus = /*#__PURE__*/function () {
102
95
  type: _index.MENU_ASSESS_MANAGE,
103
96
  href: '#/performance?reactRouterName=manage',
104
97
  isShow: performanceManageAuthority
98
+ }, {
99
+ icon: 'uniEA10',
100
+ label: _i18n.locale.menu_template_ass,
101
+ key: PAGE_TEMPLATE_APPRAISAL,
102
+ type: _index.MENU_ASSESS_TEMPLATE,
103
+ href: '#/performance?reactRouterName=template',
104
+ isShow: performanceManageAuthority
105
105
  }, {
106
106
  icon: 'yibiao',
107
107
  label: _i18n.locale.menu_dashboard_ass,
@@ -167,19 +167,19 @@ var AppraisalMenus = /*#__PURE__*/function () {
167
167
  isShow: IsLeader || IsHrbp
168
168
  }],
169
169
  performanceManage: [{
170
- icon: 'uniEA10',
171
- label: _i18n.locale.menu_template_ass,
172
- key: PAGE_TEMPLATE_APPRAISAL,
173
- type: _index.MENU_ASSESS_TEMPLATE,
174
- href: '#/performance/manage?reactRouterName=template',
175
- isShow: performanceManageAuthority
176
- }, {
177
170
  icon: 'untitled',
178
171
  label: _i18n.locale.menu_management_ass,
179
172
  key: PAGE_MANAGE_APPRAISAL,
180
173
  type: _index.MENU_ASSESS_MANAGE,
181
174
  href: '#/performance/manage?reactRouterName=manage',
182
175
  isShow: performanceManageAuthority
176
+ }, {
177
+ icon: 'uniEA10',
178
+ label: _i18n.locale.menu_template_ass,
179
+ key: PAGE_TEMPLATE_APPRAISAL,
180
+ type: _index.MENU_ASSESS_TEMPLATE,
181
+ href: '#/performance/manage?reactRouterName=template',
182
+ isShow: performanceManageAuthority
183
183
  }, {
184
184
  icon: '',
185
185
  label: _i18n.locale.menu_basesetting,
@@ -56,13 +56,16 @@ function InterviewMenus(props) {
56
56
  (0, _react.useEffect)(function () {
57
57
  interviewMenusData.current = new _menus["default"]();
58
58
  var newMenus = interviewMenusData.current.getMenus();
59
- setMenus(newMenus);
60
- var _getQueryString = (0, _tools.getQueryString)(),
61
- _getQueryString$react = _getQueryString.reactRouterName,
62
- reactRouterName = _getQueryString$react === void 0 ? '' : _getQueryString$react;
63
- var isInterviewPage = window.location.hash.indexOf('interview') != -1;
64
- if (!reactRouterName && isInterviewPage) {
65
- window.location.href = newMenus[0].data.href;
59
+ var menuSize = newMenus.length;
60
+ if (menuSize > 0) {
61
+ setMenus(newMenus);
62
+ var _getQueryString = (0, _tools.getQueryString)(),
63
+ _getQueryString$react = _getQueryString.reactRouterName,
64
+ reactRouterName = _getQueryString$react === void 0 ? '' : _getQueryString$react;
65
+ var isInterviewPage = window.location.hash.indexOf('interview') != -1;
66
+ if (!reactRouterName && isInterviewPage) {
67
+ window.location.href = newMenus[0].data.href;
68
+ }
66
69
  }
67
70
  }, [history.location.pathname]);
68
71
  (0, _react.useEffect)(function () {
@@ -50,7 +50,7 @@
50
50
  bottom: 0;
51
51
  border-radius: 100px;
52
52
  background-color: #fff;
53
- border: 1px solid #92979c;
53
+ border: 1px solid #bfc7d5;
54
54
  transition: all 300ms;
55
55
  }
56
56
 
@@ -1,8 +1,8 @@
1
- .regulation-setting-item {
1
+ .dialog-setting-item {
2
2
  display: flex;
3
3
  }
4
4
 
5
- .regulation-setting-item__label {
5
+ .dialog-setting-item__label {
6
6
  color: #89919F;
7
7
  font-size: 14px;
8
8
  line-height: 22px;
@@ -13,21 +13,21 @@
13
13
  align-items: center;
14
14
  }
15
15
 
16
- .regulation-setting-item__content {
16
+ .dialog-setting-item__content {
17
17
  display: flex;
18
18
  align-items: center;
19
19
  }
20
20
 
21
- .regulation-setting-item__text {
21
+ .dialog-setting-item__text {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  }
25
25
 
26
- .regulation-setting-item__text .regulation-setting-item__label {
26
+ .dialog-setting-item__text .dialog-setting-item__label {
27
27
  top: unset;
28
28
  white-space: nowrap;
29
29
  }
30
30
 
31
- .regulation-setting-item__nofirst {
31
+ .dialog-setting-item__nofirst {
32
32
  margin-top: 16px;
33
33
  }
@@ -9,7 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
9
9
  require("./index.css");
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
11
  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; }
12
- var precls = 'regulation-setting-item';
12
+ var precls = 'dialog-setting-item';
13
13
  var RegulationSettingItem = function RegulationSettingItem(props) {
14
14
  var label = props.label,
15
15
  children = props.children,
@@ -16,6 +16,11 @@
16
16
  background-color: #2879FF;
17
17
  }
18
18
 
19
+ .titaui-switch .tui-switch-checked.tui-switch-disabled {
20
+ background-color: #93BCFF !important;
21
+ border-color: #93BCFF !important;
22
+ }
23
+
19
24
  .titaui-switch .tui-switch:focus {
20
25
  box-shadow: unset !important;
21
26
  }
@@ -16,13 +16,13 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
16
16
  function _default(props) {
17
17
  var label = props.label,
18
18
  _props$size = props.size,
19
- size = _props$size === void 0 ? "normal" : _props$size,
19
+ size = _props$size === void 0 ? 'normal' : _props$size,
20
20
  restProps = _objectWithoutProperties(props, _excluded);
21
21
  return /*#__PURE__*/_react["default"].createElement("div", {
22
22
  className: "titaui-switch"
23
- }, label ? /*#__PURE__*/_react["default"].createElement("span", {
23
+ }, label && /*#__PURE__*/_react["default"].createElement("span", {
24
24
  className: "titaui-switch-label"
25
- }, label) : "", /*#__PURE__*/_react["default"].createElement(_rcSwitch["default"], _extends({
25
+ }, label), /*#__PURE__*/_react["default"].createElement(_rcSwitch["default"], _extends({
26
26
  prefixCls: "tui-switch"
27
27
  }, restProps)));
28
28
  }
@@ -65,12 +65,12 @@
65
65
 
66
66
  .tui-switch-disabled {
67
67
  cursor: no-drop;
68
- background: #ccc;
69
- border-color: #ccc;
68
+ background-color: #DFE3EA !important;
69
+ border-color: #DFE3EA !important;
70
70
  }
71
71
 
72
72
  .tui-switch-disabled:after {
73
- background: #9e9e9e;
73
+ background-color: #ffffff;
74
74
  animation-name: none;
75
75
  cursor: no-drop;
76
76
  }
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports["default"] = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
- var _styledComponents = _interopRequireDefault(require("styled-components"));
9
+ var _classnames = _interopRequireDefault(require("classnames"));
10
10
  require("./style/index.css");
11
- var _templateObject;
12
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
12
  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); }
14
13
  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; }
14
+ 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; }
15
15
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
16
16
  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
17
17
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -22,8 +22,7 @@ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) ===
22
22
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
23
23
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
24
24
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
25
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
26
- var RadioWrapper = _styledComponents["default"].label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: pointer;\n color: #36434d;\n margin-right: 15px;\n box-sizing: border-box;\n display: inline-flex;\n\n .label {\n position: relative;\n user-select: none;\n top: -2px;\n }\n"])));
25
+ var prefixCls = 'tita-radio';
27
26
  var Radio = /*#__PURE__*/function (_Component) {
28
27
  _inherits(Radio, _Component);
29
28
  var _super = _createSuper(Radio);
@@ -43,6 +42,10 @@ var Radio = /*#__PURE__*/function (_Component) {
43
42
  checked: checked
44
43
  }); // 更新被点击项的state为true
45
44
  };
45
+ _this.onMouseUpHandler = function () {
46
+ var _this$props;
47
+ !((_this$props = _this.props) !== null && _this$props !== void 0 && _this$props.disabled) && _this.props.onChange && _this.props.onChange(_this.props.value);
48
+ };
46
49
  _this.state = {
47
50
  checked: _this.getChecked(props)
48
51
  };
@@ -68,32 +71,29 @@ var Radio = /*#__PURE__*/function (_Component) {
68
71
  }, {
69
72
  key: "render",
70
73
  value: function render() {
71
- var _this2 = this;
72
- var _this$props = this.props,
73
- children = _this$props.children,
74
- checked = _this$props.checked,
75
- name = _this$props.name,
76
- value = _this$props.value;
77
- return /*#__PURE__*/_react["default"].createElement(RadioWrapper, {
78
- onMouseUp: function onMouseUp() {
79
- _this2.props.onChange && _this2.props.onChange(_this2.props.value);
80
- }
74
+ var _this$props2 = this.props,
75
+ children = _this$props2.children,
76
+ checked = _this$props2.checked,
77
+ disabled = _this$props2.disabled,
78
+ name = _this$props2.name,
79
+ value = _this$props2.value;
80
+ return /*#__PURE__*/_react["default"].createElement("label", {
81
+ className: (0, _classnames["default"])("".concat(prefixCls, "__wrapper"), _defineProperty({}, "".concat(prefixCls, "--disabled"), disabled)),
82
+ onMouseUp: this.onMouseUpHandler
81
83
  }, /*#__PURE__*/_react["default"].createElement("span", {
82
- className: "tita-radio"
84
+ className: prefixCls
83
85
  }, /*#__PURE__*/_react["default"].createElement("input", {
84
- type: "radio",
85
- name: name,
86
- value: value,
87
- className: "tita-radio-input",
86
+ className: "".concat(prefixCls, "__input"),
88
87
  checked: checked,
89
- onChange: this.onChange
88
+ disabled: disabled,
89
+ name: name,
90
+ onChange: this.onChange,
91
+ type: "radio",
92
+ value: value
90
93
  }), /*#__PURE__*/_react["default"].createElement("span", {
91
- className: "tita-radio-inner"
94
+ className: "".concat(prefixCls, "__inner")
92
95
  })), /*#__PURE__*/_react["default"].createElement("span", {
93
- className: "label",
94
- style: {
95
- fontSize: 12
96
- }
96
+ className: "".concat(prefixCls, "__label")
97
97
  }, children));
98
98
  }
99
99
  }]);
@@ -1,28 +1,38 @@
1
1
  .tita-radio {
2
- display: inline-block;
3
- position: relative;
4
- top: 1px;
5
2
  width: 16px;
6
3
  min-width: 16px;
7
4
  height: 16px;
8
5
  min-height: 16px;
9
6
  margin-right: 5px;
7
+ display: inline-block;
8
+ position: relative;
9
+ top: 0;
10
10
  }
11
11
 
12
- .tita-radio input[type='radio'] {
13
- width: 16px;
14
- height: 16px;
12
+ .tita-radio__wrapper {
13
+ margin-right: 15px;
14
+ box-sizing: border-box;
15
+ color: #36434d;
16
+ cursor: pointer;
17
+ display: inline-flex;
18
+ align-items: center;
19
+ }
20
+
21
+ .tita-radio--disabled {
22
+ cursor: default;
15
23
  }
16
24
 
17
- .tita-radio:hover > .tita-radio-inner {
25
+ .tita-radio:hover > .tita-radio__inner {
18
26
  border: 1px solid #2879ff;
19
27
  }
20
28
 
21
- .tita-radio .tita-radio-input {
29
+ .tita-radio__input {
30
+ width: 16px;
31
+ height: 16px;
22
32
  opacity: 0;
23
33
  }
24
34
 
25
- .tita-radio .tita-radio-inner {
35
+ .tita-radio__inner {
26
36
  position: absolute;
27
37
  top: 0;
28
38
  left: 0;
@@ -34,7 +44,7 @@
34
44
  transition: all 300ms;
35
45
  }
36
46
 
37
- .tita-radio .tita-radio-inner::after {
47
+ .tita-radio__inner::after {
38
48
  content: '';
39
49
  position: absolute;
40
50
  top: 2px;
@@ -50,11 +60,33 @@
50
60
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
51
61
  }
52
62
 
53
- .tita-radio .tita-radio-input:checked + .tita-radio-inner {
63
+ .tita-radio__input:checked + .tita-radio__inner {
54
64
  border-color: #2879ff !important;
55
65
  }
56
66
 
57
- .tita-radio .tita-radio-input:checked + .tita-radio-inner:after {
67
+ .tita-radio__input:checked + .tita-radio__inner:after {
58
68
  transform: scale(1);
59
69
  opacity: 1;
60
70
  }
71
+
72
+ .tita-radio__input:disabled + .tita-radio__inner {
73
+ background-color: #F0F4FA;
74
+ border-color: #BFC7D5 !important;
75
+ }
76
+
77
+ .tita-radio__input:disabled + .tita-radio__inner::after {
78
+ background-color: #BFC7D5 !important;
79
+ }
80
+
81
+ .tita-radio__input:checked.tita-radio__input:disabled + .tita-radio__inner {
82
+ background-color: #ffffff;
83
+ border-color: rgba(40, 121, 255, 0.5) !important;
84
+ }
85
+
86
+ .tita-radio__input:checked.tita-radio__input:disabled + .tita-radio__inner::after {
87
+ background-color: rgba(40, 121, 255, 0.5) !important;
88
+ }
89
+
90
+ .tita-radio__label {
91
+ font-size: 12px;
92
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@titaui/pc",
3
- "version": "1.16.70-beta.3",
3
+ "version": "1.16.70-beta.5",
4
4
  "nameCN": "",
5
5
  "description": "",
6
6
  "main": "lib/index.js",