@titaui/pc 1.16.90-beta.24 → 1.16.92

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.
@@ -38,8 +38,6 @@ var prefixCls = 'form-field-radio';
38
38
  var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
39
39
  var _props$className = props.className,
40
40
  className = _props$className === void 0 ? '' : _props$className,
41
- _props$disabled = props.disabled,
42
- disabled = _props$disabled === void 0 ? false : _props$disabled,
43
41
  label = props.label,
44
42
  onChange = props.onChange,
45
43
  radios = props.radios,
@@ -76,10 +74,9 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
76
74
  className: "".concat(prefixCls, "__radios")
77
75
  }, radios.map(function (radio) {
78
76
  return /*#__PURE__*/_react["default"].createElement("div", {
79
- className: "".concat(prefixCls, "__radios-item ").concat(radioClass),
80
- key: radio.value
77
+ className: "".concat(prefixCls, "__radios-item ").concat(radioClass)
81
78
  }, /*#__PURE__*/_react["default"].createElement(_radio.Radio, {
82
- disabled: disabled,
79
+ key: radio.value,
83
80
  value: radio.value,
84
81
  onChange: onChangeHandler,
85
82
  checked: radio.value == activedValue
@@ -21,7 +21,7 @@ var _bsGlobal = require("../../utils/bs-global");
21
21
 
22
22
  require("./index.css");
23
23
 
24
- var _excluded = ["arrowStyle", "type", "width", "time", "children", "popupPlacement", "classnames", "content", "onClickClose", "buttonTitle", "visible", "isShowPopup"];
24
+ var _excluded = ["type", "width", "time", "children", "popupPlacement", "classnames", "content", "onClickClose", "buttonTitle", "visible", "isShowPopup"];
25
25
 
26
26
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
27
27
 
@@ -31,10 +31,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
31
31
 
32
32
  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); }
33
33
 
34
- 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; }
35
-
36
- 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; }
37
-
38
34
  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; }
39
35
 
40
36
  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; }
@@ -43,9 +39,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
43
39
 
44
40
  var preCls = 'titaui-pc__guide-tip';
45
41
  var GuideTip = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
46
- var _props$arrowStyle = props.arrowStyle,
47
- arrowStyle = _props$arrowStyle === void 0 ? {} : _props$arrowStyle,
48
- _props$type = props.type,
42
+ var _props$type = props.type,
49
43
  type = _props$type === void 0 ? 'default' : _props$type,
50
44
  _props$width = props.width,
51
45
  width = _props$width === void 0 ? 304 : _props$width,
@@ -89,12 +83,12 @@ var GuideTip = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
89
83
  var _popupAlign$offset;
90
84
 
91
85
  var offsetY = (popupAlign === null || popupAlign === void 0 ? void 0 : (_popupAlign$offset = popupAlign.offset) === null || _popupAlign$offset === void 0 ? void 0 : _popupAlign$offset[1]) || 0;
92
- return _objectSpread({
86
+ return {
93
87
  marginTop: "".concat(-offsetY - 4, "px")
94
- }, arrowStyle);
88
+ };
95
89
  }
96
90
 
97
- return arrowStyle;
91
+ return {};
98
92
  };
99
93
 
100
94
  var renderPopupContent = function renderPopupContent() {
@@ -9,73 +9,28 @@ var _react = _interopRequireDefault(require("react"));
9
9
 
10
10
  var _classnames = _interopRequireDefault(require("classnames"));
11
11
 
12
- var _bsGlobal = require("../../../../../utils/bs-global");
13
-
14
- var _guideTip = _interopRequireDefault(require("../../../../guide-tip"));
15
-
16
12
  var _precls = _interopRequireDefault(require("../precls"));
17
13
 
18
- require("./index.css");
14
+ var _bsGlobal = require("../../../../../utils/bs-global");
19
15
 
20
- var _useLocalStorage3 = _interopRequireDefault(require("&/hooks/useLocalStorage"));
16
+ require("./index.css");
21
17
 
22
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
19
 
24
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
25
-
26
- 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."); }
27
-
28
- 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); }
29
-
30
- 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; }
31
-
32
- 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; }
33
-
34
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
35
-
36
- var i18nInfo = (0, _bsGlobal.getBSGlobal)('I18NInfo');
37
- var isZn = !i18nInfo || i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === 'zh_CN';
20
+ var i18nInfo = (0, _bsGlobal.getBSGlobal)("I18NInfo");
21
+ var isZn = !i18nInfo || i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "zh_CN";
38
22
 
39
23
  function _default(props) {
40
24
  var data = props.data,
41
25
  level = props.level;
42
26
 
43
- var _useLocalStorage = (0, _useLocalStorage3["default"])('guideTipVisible', 'tita-performance__navigation-guide', true),
44
- _useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
45
- guideTipVisible = _useLocalStorage2[0],
46
- setGuideTipVisible = _useLocalStorage2[1];
47
-
48
- var onGuideTipHide = function onGuideTipHide() {
49
- return setGuideTipVisible(false);
50
- };
51
-
52
27
  var onNodeClickHandler = function onNodeClickHandler() {
53
28
  if (data.href) {
54
29
  window.location.href = data.href;
55
30
  }
56
31
  };
57
32
 
58
- return /*#__PURE__*/_react["default"].createElement(_guideTip["default"], {
59
- arrowStyle: {
60
- marginTop: '-4px'
61
- },
62
- content: /*#__PURE__*/_react["default"].createElement("span", {
63
- style: {
64
- color: '#ffffff'
65
- }
66
- }, "\u8003\u6838\u6A21\u677F\u548C\u8003\u6838\u7BA1\u7406\u8C03\u6574\u4F4D\u7F6E\u4E86\u54E6~"),
67
- onClickClose: onGuideTipHide,
68
- popupAlign: {
69
- offset: [0, 20],
70
- overflow: {
71
- adjustX: 1,
72
- adjustY: 1
73
- }
74
- },
75
- popupPlacement: "right",
76
- visible: guideTipVisible,
77
- width: 182
78
- }, /*#__PURE__*/_react["default"].createElement("div", {
33
+ return /*#__PURE__*/_react["default"].createElement("div", {
79
34
  className: (0, _classnames["default"])("".concat(_precls["default"], "__ass-manage-node")),
80
35
  onClick: onNodeClickHandler,
81
36
  title: ""
@@ -84,8 +39,8 @@ function _default(props) {
84
39
  }), data.icon && /*#__PURE__*/_react["default"].createElement("span", {
85
40
  className: (0, _classnames["default"])("".concat(_precls["default"], "__ass-manage-node-icon"), data.icon)
86
41
  }), /*#__PURE__*/_react["default"].createElement("span", {
87
- className: (0, _classnames["default"])("".concat(_precls["default"], "__ass-manage-node-title"), 'noselect')
42
+ className: (0, _classnames["default"])("".concat(_precls["default"], "__ass-manage-node-title"), "noselect")
88
43
  }, props.title), isZn && /*#__PURE__*/_react["default"].createElement("span", {
89
44
  className: (0, _classnames["default"])("".concat(_precls["default"], "__ass-manage-node-suffix"))
90
- })));
45
+ }));
91
46
  }
@@ -90,20 +90,16 @@ function AppraisalMenus(props) {
90
90
  (0, _react.useEffect)(function () {
91
91
  okrMenusData.current = new _menus["default"]();
92
92
  var newMenus = okrMenusData.current.getMenus();
93
- var menuSize = newMenus.length;
93
+ setMenus(newMenus);
94
94
 
95
- if (menuSize > 0) {
96
- setMenus(newMenus);
95
+ var _getQueryString = (0, _tools.getQueryString)(),
96
+ _getQueryString$react = _getQueryString.reactRouterName,
97
+ reactRouterName = _getQueryString$react === void 0 ? '' : _getQueryString$react;
97
98
 
98
- var _getQueryString = (0, _tools.getQueryString)(),
99
- _getQueryString$react = _getQueryString.reactRouterName,
100
- reactRouterName = _getQueryString$react === void 0 ? '' : _getQueryString$react;
99
+ var isAppraisalPage = window.location.hash.startsWith('#/performance');
101
100
 
102
- var isAppraisalPage = window.location.hash.startsWith('#/performance');
103
-
104
- if (!reactRouterName && isAppraisalPage) {
105
- window.location.href = newMenus[0].data.href;
106
- }
101
+ if (!reactRouterName && isAppraisalPage) {
102
+ window.location.href = newMenus[0].data.href;
107
103
  }
108
104
  }, [history.location.pathname]); // 判断路由高亮菜单
109
105
 
@@ -102,13 +102,6 @@ var AppraisalMenus = /*#__PURE__*/function () {
102
102
  type: _index.GROUP_NAME_NODE,
103
103
  href: '',
104
104
  isShow: performanceManageAuthority || performanceStatisticsAuthority
105
- }, {
106
- icon: 'untitled',
107
- label: _i18n.locale.menu_management_ass,
108
- key: PAGE_MANAGE_APPRAISAL,
109
- type: _index.MENU_ASSESS_MANAGE,
110
- href: '#/performance?reactRouterName=manage',
111
- isShow: performanceManageAuthority
112
105
  }, {
113
106
  icon: 'uniEA10',
114
107
  label: _i18n.locale.menu_template_ass,
@@ -116,6 +109,13 @@ var AppraisalMenus = /*#__PURE__*/function () {
116
109
  type: _index.MENU_ASSESS_TEMPLATE,
117
110
  href: '#/performance?reactRouterName=template',
118
111
  isShow: performanceManageAuthority
112
+ }, {
113
+ icon: 'untitled',
114
+ label: _i18n.locale.menu_management_ass,
115
+ key: PAGE_MANAGE_APPRAISAL,
116
+ type: _index.MENU_ASSESS_MANAGE,
117
+ href: '#/performance?reactRouterName=manage',
118
+ isShow: performanceManageAuthority
119
119
  }, {
120
120
  icon: 'yibiao',
121
121
  label: _i18n.locale.menu_dashboard_ass,
@@ -181,19 +181,19 @@ var AppraisalMenus = /*#__PURE__*/function () {
181
181
  isShow: IsLeader || IsHrbp
182
182
  }],
183
183
  performanceManage: [{
184
- icon: 'untitled',
185
- label: _i18n.locale.menu_management_ass,
186
- key: PAGE_MANAGE_APPRAISAL,
187
- type: _index.MENU_ASSESS_MANAGE,
188
- href: '#/performance/manage?reactRouterName=manage',
189
- isShow: performanceManageAuthority
190
- }, {
191
184
  icon: 'uniEA10',
192
185
  label: _i18n.locale.menu_template_ass,
193
186
  key: PAGE_TEMPLATE_APPRAISAL,
194
187
  type: _index.MENU_ASSESS_TEMPLATE,
195
188
  href: '#/performance/manage?reactRouterName=template',
196
189
  isShow: performanceManageAuthority
190
+ }, {
191
+ icon: 'untitled',
192
+ label: _i18n.locale.menu_management_ass,
193
+ key: PAGE_MANAGE_APPRAISAL,
194
+ type: _index.MENU_ASSESS_MANAGE,
195
+ href: '#/performance/manage?reactRouterName=manage',
196
+ isShow: performanceManageAuthority
197
197
  }, {
198
198
  icon: '',
199
199
  label: _i18n.locale.menu_basesetting,
@@ -85,20 +85,16 @@ function InterviewMenus(props) {
85
85
  (0, _react.useEffect)(function () {
86
86
  interviewMenusData.current = new _menus["default"]();
87
87
  var newMenus = interviewMenusData.current.getMenus();
88
- var menuSize = newMenus.length;
88
+ setMenus(newMenus);
89
89
 
90
- if (menuSize > 0) {
91
- setMenus(newMenus);
90
+ var _getQueryString = (0, _tools.getQueryString)(),
91
+ _getQueryString$react = _getQueryString.reactRouterName,
92
+ reactRouterName = _getQueryString$react === void 0 ? '' : _getQueryString$react;
92
93
 
93
- var _getQueryString = (0, _tools.getQueryString)(),
94
- _getQueryString$react = _getQueryString.reactRouterName,
95
- reactRouterName = _getQueryString$react === void 0 ? '' : _getQueryString$react;
94
+ var isInterviewPage = window.location.hash.indexOf('interview') != -1;
96
95
 
97
- var isInterviewPage = window.location.hash.indexOf('interview') != -1;
98
-
99
- if (!reactRouterName && isInterviewPage) {
100
- window.location.href = newMenus[0].data.href;
101
- }
96
+ if (!reactRouterName && isInterviewPage) {
97
+ window.location.href = newMenus[0].data.href;
102
98
  }
103
99
  }, [history.location.pathname]);
104
100
  (0, _react.useEffect)(function () {
@@ -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
  }
@@ -15,7 +15,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
15
15
 
16
16
  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; }
17
17
 
18
- var precls = 'regulation-setting-item';
18
+ var precls = 'dialog-setting-item';
19
19
 
20
20
  var RegulationSettingItem = function RegulationSettingItem(props) {
21
21
  var label = props.label,
@@ -16,11 +16,6 @@
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
-
24
19
  .titaui-switch .tui-switch:focus {
25
20
  box-shadow: unset !important;
26
21
  }
@@ -26,14 +26,14 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
26
26
  function _default(props) {
27
27
  var label = props.label,
28
28
  _props$size = props.size,
29
- size = _props$size === void 0 ? 'normal' : _props$size,
29
+ size = _props$size === void 0 ? "normal" : _props$size,
30
30
  restProps = _objectWithoutProperties(props, _excluded);
31
31
 
32
32
  return /*#__PURE__*/_react["default"].createElement("div", {
33
33
  className: "titaui-switch"
34
- }, label && /*#__PURE__*/_react["default"].createElement("span", {
34
+ }, label ? /*#__PURE__*/_react["default"].createElement("span", {
35
35
  className: "titaui-switch-label"
36
- }, label), /*#__PURE__*/_react["default"].createElement(_rcSwitch["default"], _extends({
36
+ }, label) : "", /*#__PURE__*/_react["default"].createElement(_rcSwitch["default"], _extends({
37
37
  prefixCls: "tui-switch"
38
38
  }, restProps)));
39
39
  }
@@ -65,12 +65,12 @@
65
65
 
66
66
  .tui-switch-disabled {
67
67
  cursor: no-drop;
68
- background-color: #DFE3EA !important;
69
- border-color: #DFE3EA !important;
68
+ background: #ccc;
69
+ border-color: #ccc;
70
70
  }
71
71
 
72
72
  .tui-switch-disabled:after {
73
- background-color: #ffffff;
73
+ background: #9e9e9e;
74
74
  animation-name: none;
75
75
  cursor: no-drop;
76
76
  }
@@ -9,18 +9,18 @@ exports["default"] = void 0;
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
12
- var _classnames = _interopRequireDefault(require("classnames"));
12
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
13
13
 
14
14
  require("./style/index.css");
15
15
 
16
+ var _templateObject;
17
+
16
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
19
 
18
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); }
19
21
 
20
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; }
21
23
 
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; }
23
-
24
24
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
25
25
 
26
26
  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); } }
@@ -41,7 +41,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
41
41
 
42
42
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
43
43
 
44
- var prefixCls = 'tita-radio';
44
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
45
+
46
+ 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"])));
45
47
 
46
48
  var Radio = /*#__PURE__*/function (_Component) {
47
49
  _inherits(Radio, _Component);
@@ -71,12 +73,6 @@ var Radio = /*#__PURE__*/function (_Component) {
71
73
 
72
74
  };
73
75
 
74
- _this.onMouseUpHandler = function () {
75
- var _this$props;
76
-
77
- !((_this$props = _this.props) !== null && _this$props !== void 0 && _this$props.disabled) && _this.props.onChange && _this.props.onChange(_this.props.value);
78
- };
79
-
80
76
  _this.state = {
81
77
  checked: _this.getChecked(props)
82
78
  };
@@ -104,29 +100,33 @@ var Radio = /*#__PURE__*/function (_Component) {
104
100
  }, {
105
101
  key: "render",
106
102
  value: function render() {
107
- var _this$props2 = this.props,
108
- children = _this$props2.children,
109
- checked = _this$props2.checked,
110
- disabled = _this$props2.disabled,
111
- name = _this$props2.name,
112
- value = _this$props2.value;
113
- return /*#__PURE__*/_react["default"].createElement("label", {
114
- className: (0, _classnames["default"])("".concat(prefixCls, "__wrapper"), _defineProperty({}, "".concat(prefixCls, "--disabled"), disabled)),
115
- onMouseUp: this.onMouseUpHandler
103
+ var _this2 = this;
104
+
105
+ var _this$props = this.props,
106
+ children = _this$props.children,
107
+ checked = _this$props.checked,
108
+ name = _this$props.name,
109
+ value = _this$props.value;
110
+ return /*#__PURE__*/_react["default"].createElement(RadioWrapper, {
111
+ onMouseUp: function onMouseUp() {
112
+ _this2.props.onChange && _this2.props.onChange(_this2.props.value);
113
+ }
116
114
  }, /*#__PURE__*/_react["default"].createElement("span", {
117
- className: prefixCls
115
+ className: "tita-radio"
118
116
  }, /*#__PURE__*/_react["default"].createElement("input", {
119
- className: "".concat(prefixCls, "__input"),
120
- checked: checked,
121
- disabled: disabled,
122
- name: name,
123
- onChange: this.onChange,
124
117
  type: "radio",
125
- value: value
118
+ name: name,
119
+ value: value,
120
+ className: "tita-radio-input",
121
+ checked: checked,
122
+ onChange: this.onChange
126
123
  }), /*#__PURE__*/_react["default"].createElement("span", {
127
- className: "".concat(prefixCls, "__inner")
124
+ className: "tita-radio-inner"
128
125
  })), /*#__PURE__*/_react["default"].createElement("span", {
129
- className: "".concat(prefixCls, "__label")
126
+ className: "label",
127
+ style: {
128
+ fontSize: 12
129
+ }
130
130
  }, children));
131
131
  }
132
132
  }]);
@@ -1,38 +1,28 @@
1
1
  .tita-radio {
2
+ display: inline-block;
3
+ position: relative;
4
+ top: 1px;
2
5
  width: 16px;
3
6
  min-width: 16px;
4
7
  height: 16px;
5
8
  min-height: 16px;
6
9
  margin-right: 5px;
7
- display: inline-block;
8
- position: relative;
9
- top: 0;
10
10
  }
11
11
 
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;
12
+ .tita-radio input[type='radio'] {
13
+ width: 16px;
14
+ height: 16px;
23
15
  }
24
16
 
25
- .tita-radio:hover > .tita-radio__inner {
17
+ .tita-radio:hover > .tita-radio-inner {
26
18
  border: 1px solid #2879ff;
27
19
  }
28
20
 
29
- .tita-radio__input {
30
- width: 16px;
31
- height: 16px;
21
+ .tita-radio .tita-radio-input {
32
22
  opacity: 0;
33
23
  }
34
24
 
35
- .tita-radio__inner {
25
+ .tita-radio .tita-radio-inner {
36
26
  position: absolute;
37
27
  top: 0;
38
28
  left: 0;
@@ -44,7 +34,7 @@
44
34
  transition: all 300ms;
45
35
  }
46
36
 
47
- .tita-radio__inner::after {
37
+ .tita-radio .tita-radio-inner::after {
48
38
  content: '';
49
39
  position: absolute;
50
40
  top: 2px;
@@ -60,33 +50,11 @@
60
50
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
61
51
  }
62
52
 
63
- .tita-radio__input:checked + .tita-radio__inner {
53
+ .tita-radio .tita-radio-input:checked + .tita-radio-inner {
64
54
  border-color: #2879ff !important;
65
55
  }
66
56
 
67
- .tita-radio__input:checked + .tita-radio__inner:after {
57
+ .tita-radio .tita-radio-input:checked + .tita-radio-inner:after {
68
58
  transform: scale(1);
69
59
  opacity: 1;
70
60
  }
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.90-beta.24",
3
+ "version": "1.16.92",
4
4
  "nameCN": "",
5
5
  "description": "",
6
6
  "main": "lib/index.js",