@titaui/pc 1.9.112 → 1.9.113

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.
@@ -39,6 +39,7 @@
39
39
  height: 32px;
40
40
  margin-right: 10px;
41
41
  user-select: none;
42
+ color: #3f4755;
42
43
  }
43
44
 
44
45
  .titaui-book-demo-checkbox__options-item--selected {
@@ -51,6 +51,7 @@ var BookDemoCheckbox = function BookDemoCheckbox(_ref) {
51
51
  required = _ref.required,
52
52
  halfWidth = _ref.halfWidth,
53
53
  option = _ref.option,
54
+ multiSelect = _ref.multiSelect,
54
55
  onChange = _ref.onChange;
55
56
 
56
57
  var _useState = (0, _react.useState)([]),
@@ -66,6 +67,18 @@ var BookDemoCheckbox = function BookDemoCheckbox(_ref) {
66
67
  var handleChangeInputValue = function handleChangeInputValue(selectedId) {
67
68
  var result = [];
68
69
 
70
+ if (!multiSelect) {
71
+ setHasErr(required && result.length === 0);
72
+ result.push(selectedId);
73
+ setValue(result);
74
+
75
+ if (onChange) {
76
+ onChange(name, id, result, required && result.length === 0);
77
+ }
78
+
79
+ return;
80
+ }
81
+
69
82
  if (value.includes(selectedId)) {
70
83
  result = value.filter(function (item) {
71
84
  return item !== selectedId;
@@ -39,8 +39,6 @@
39
39
  grid-template-columns: 1fr 1fr;
40
40
  column-gap: 12px;
41
41
  row-gap: 20px;
42
- max-height: 366px;
43
- overflow: auto;
44
42
  padding-right: 22px;
45
43
  }
46
44
 
@@ -103,10 +101,11 @@
103
101
  .titaui-book-demo-pc-content__right-commit--shadow::before {
104
102
  content: '';
105
103
  position: absolute;
106
- width: 320px;
104
+ width: 302px;
107
105
  height: 16px;
108
106
  background: #f0f2f5;
109
107
  border-radius: 8px;
110
108
  filter: blur(4px);
111
109
  bottom: 76px;
110
+ right: 44px;
112
111
  }
@@ -31,6 +31,8 @@ var _toast = _interopRequireDefault(require("../../../../../toast"));
31
31
 
32
32
  var _constant = require("../../../../constant");
33
33
 
34
+ var _scrollbar = _interopRequireDefault(require("../../../../../scrollbar"));
35
+
34
36
  require("./index.css");
35
37
 
36
38
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -215,7 +217,7 @@ var BookDemoPCContent = function BookDemoPCContent(_ref) {
215
217
  }, [result, isAggrePrivacy]);
216
218
  (0, _react.useEffect)(function () {
217
219
  setTimeout(function () {
218
- if (formRef.current.offsetHeight < formRef.current.scrollHeight) {
220
+ if (formRef.current.offsetHeight > 366) {
219
221
  setIsFormOverflow(true);
220
222
  }
221
223
  }, 0);
@@ -270,6 +272,10 @@ var BookDemoPCContent = function BookDemoPCContent(_ref) {
270
272
  src: data.img
271
273
  })), /*#__PURE__*/_react["default"].createElement("div", {
272
274
  className: "".concat(preCls, "__right")
275
+ }, /*#__PURE__*/_react["default"].createElement(_scrollbar["default"], {
276
+ style: {
277
+ maxHeight: "366px"
278
+ }
273
279
  }, /*#__PURE__*/_react["default"].createElement("div", {
274
280
  className: (0, _classnames["default"])("".concat(preCls, "__right-form")),
275
281
  ref: formRef
@@ -285,7 +291,7 @@ var BookDemoPCContent = function BookDemoPCContent(_ref) {
285
291
  href: "/Account/Register/ServiceTreaty?tenantId=0&isvId=10000",
286
292
  target: "_blank",
287
293
  className: "".concat(preCls, "__right-form-privacy-link")
288
- }, "\u670D\u52A1\u53CA\u9690\u79C1\u6761\u6B3E"))), /*#__PURE__*/_react["default"].createElement("div", {
294
+ }, "\u670D\u52A1\u53CA\u9690\u79C1\u6761\u6B3E")))), /*#__PURE__*/_react["default"].createElement("div", {
289
295
  className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "__right-commit--shadow"), isFormOverflow))
290
296
  }), /*#__PURE__*/_react["default"].createElement("div", {
291
297
  className: (0, _classnames["default"])("".concat(preCls, "__right-commit"))
@@ -29,13 +29,13 @@
29
29
  justify-content: space-between;
30
30
  cursor: pointer;
31
31
  width: calc(100% - 4px);
32
- padding-left: 4px;
32
+ padding-left: 8px;
33
33
  font-size: 14px;
34
34
  color: #3f4755;
35
35
  line-height: 22px;
36
36
  }
37
37
 
38
38
  .titaui-book-demo-drop-select__value-down {
39
- width: 12px;
39
+ width: 10px;
40
40
  align-self: center;
41
41
  }
@@ -6,6 +6,10 @@
6
6
  padding-bottom: 5px;
7
7
  }
8
8
 
9
+ .titaui-book-demo-input--error {
10
+ border-bottom: 1px solid #f05e5e;
11
+ }
12
+
9
13
  .titaui-book-demo-input--full-row {
10
14
  grid-column-start: 1;
11
15
  grid-column-end: 3;
@@ -27,7 +31,7 @@
27
31
  .titaui-book-demo-input__input {
28
32
  border: none;
29
33
  outline: none;
30
- padding-left: 4px;
34
+ padding-left: 8px;
31
35
  font-size: 14px;
32
36
  color: #3f4755;
33
37
  line-height: 22px;
@@ -38,3 +42,15 @@
38
42
  .titaui-book-demo-input__input--half {
39
43
  width: 110px;
40
44
  }
45
+
46
+ .titaui-book-demo-input__input ::-webkit-input-placeholder {
47
+ color: #bfc7d5;
48
+ }
49
+
50
+ .titaui-book-demo-input__input :-ms-input-placeholder {
51
+ color: #bfc7d5;
52
+ }
53
+
54
+ .titaui-book-demo-input__input :-moz-input-placeholder {
55
+ color: #bfc7d5;
56
+ }
@@ -38,6 +38,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
38
38
  var preCls = "titaui-book-demo-input";
39
39
 
40
40
  var BookDemoInput = function BookDemoInput(_ref) {
41
+ var _classNames;
42
+
41
43
  var name = _ref.name,
42
44
  type = _ref.type,
43
45
  value = _ref.value,
@@ -74,7 +76,7 @@ var BookDemoInput = function BookDemoInput(_ref) {
74
76
  };
75
77
 
76
78
  return /*#__PURE__*/_react["default"].createElement("div", {
77
- className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "--full-row"), !halfWidth))
79
+ className: (0, _classnames["default"])(preCls, (_classNames = {}, _defineProperty(_classNames, "".concat(preCls, "--full-row"), !halfWidth), _defineProperty(_classNames, "".concat(preCls, "--error"), hasErr), _classNames))
78
80
  }, /*#__PURE__*/_react["default"].createElement("span", {
79
81
  className: (0, _classnames["default"])("".concat(preCls, "__name"), _defineProperty({}, "".concat(preCls, "__name--required"), required))
80
82
  }, name), /*#__PURE__*/_react["default"].createElement("input", {
@@ -82,8 +84,7 @@ var BookDemoInput = function BookDemoInput(_ref) {
82
84
  type: type,
83
85
  value: inputValue,
84
86
  onChange: handleChangeInputValue,
85
- onBlur: handleBlur,
86
- placeholder: "\u8BF7\u8F93\u5165"
87
+ onBlur: handleBlur
87
88
  }), /*#__PURE__*/_react["default"].createElement(_errorInfo["default"], {
88
89
  errMsg: hasErr ? "".concat(name, "\u4E0D\u80FD\u4E3A\u7A7A") : ""
89
90
  }));
@@ -9,6 +9,10 @@
9
9
  /* 火狐浏览器 */
10
10
  }
11
11
 
12
+ .titaui-book-demo-phone--error {
13
+ border-bottom: 1px solid #f05e5e;
14
+ }
15
+
12
16
  .titaui-book-demo-phone--full-row {
13
17
  grid-column-start: 1;
14
18
  grid-column-end: 3;
@@ -34,7 +38,7 @@
34
38
  .titaui-book-demo-phone__input {
35
39
  border: none;
36
40
  outline: none;
37
- padding-left: 4px;
41
+ padding-left: 8px;
38
42
  font-size: 14px;
39
43
  color: #3f4755;
40
44
  line-height: 22px;
@@ -50,3 +54,15 @@
50
54
  .titaui-book-demo-phone__input::-webkit-outer-spin-button, .titaui-book-demo-phone__input::-webkit-inner-spin-button {
51
55
  -webkit-appearance: none;
52
56
  }
57
+
58
+ .titaui-book-demo-phone__input ::-webkit-input-placeholder {
59
+ color: #bfc7d5;
60
+ }
61
+
62
+ .titaui-book-demo-phone__input :-ms-input-placeholder {
63
+ color: #bfc7d5;
64
+ }
65
+
66
+ .titaui-book-demo-phone__input :-moz-input-placeholder {
67
+ color: #bfc7d5;
68
+ }
@@ -39,6 +39,8 @@ var preCls = "titaui-book-demo-phone";
39
39
  var phoneReg = /^1[3456789]\d{9}$/;
40
40
 
41
41
  var BookDemoPhone = function BookDemoPhone(_ref) {
42
+ var _classNames;
43
+
42
44
  var name = _ref.name,
43
45
  required = _ref.required,
44
46
  id = _ref.id,
@@ -74,7 +76,7 @@ var BookDemoPhone = function BookDemoPhone(_ref) {
74
76
  };
75
77
 
76
78
  return /*#__PURE__*/_react["default"].createElement("div", {
77
- className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "--full-row"), !halfWidth))
79
+ className: (0, _classnames["default"])(preCls, (_classNames = {}, _defineProperty(_classNames, "".concat(preCls, "--full-row"), !halfWidth), _defineProperty(_classNames, "".concat(preCls, "--error"), hasErr), _classNames))
78
80
  }, /*#__PURE__*/_react["default"].createElement("span", {
79
81
  className: (0, _classnames["default"])("".concat(preCls, "__name"), _defineProperty({}, "".concat(preCls, "__name--required"), required))
80
82
  }, name), /*#__PURE__*/_react["default"].createElement("input", {
@@ -82,8 +84,7 @@ var BookDemoPhone = function BookDemoPhone(_ref) {
82
84
  type: "number",
83
85
  value: inputValue,
84
86
  onChange: handleChangeInputValue,
85
- onBlur: handleBlur,
86
- placeholder: "\u8BF7\u8F93\u5165"
87
+ onBlur: handleBlur
87
88
  }), /*#__PURE__*/_react["default"].createElement(_errorInfo["default"], {
88
89
  errMsg: hasErr ? "".concat(name, "\u4E0D\u80FD\u4E3A\u7A7A\uFF0C\u9700\u8981\u5408\u6CD5\u4E14\u957F\u5EA6\u5FC5\u987B\u4E3A11\u4F4D") : ""
89
90
  }));
@@ -7,6 +7,10 @@
7
7
  padding-bottom: 3px;
8
8
  }
9
9
 
10
+ .titaui-book-demo-verify-code--error {
11
+ border-bottom: 1px solid #f05e5e;
12
+ }
13
+
10
14
  .titaui-book-demo-verify-code--full-row {
11
15
  grid-column-start: 1;
12
16
  grid-column-end: 3;
@@ -38,6 +38,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
38
38
  var preCls = "titaui-book-demo-verify-code";
39
39
 
40
40
  var BookDemoVerifyCode = function BookDemoVerifyCode(_ref) {
41
+ var _classNames;
42
+
41
43
  var name = _ref.name,
42
44
  required = _ref.required,
43
45
  halfWidth = _ref.halfWidth,
@@ -111,14 +113,13 @@ var BookDemoVerifyCode = function BookDemoVerifyCode(_ref) {
111
113
  setYzmGuid(renderCode());
112
114
  }, []);
113
115
  return /*#__PURE__*/_react["default"].createElement("div", {
114
- className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "--full-row"), !halfWidth))
116
+ className: (0, _classnames["default"])(preCls, (_classNames = {}, _defineProperty(_classNames, "".concat(preCls, "--full-row"), !halfWidth), _defineProperty(_classNames, "".concat(preCls, "--error"), hasErr), _classNames))
115
117
  }, /*#__PURE__*/_react["default"].createElement("span", {
116
118
  className: (0, _classnames["default"])("".concat(preCls, "__name"), _defineProperty({}, "".concat(preCls, "__name--required"), required))
117
119
  }, name), /*#__PURE__*/_react["default"].createElement("input", {
118
120
  className: (0, _classnames["default"])("".concat(preCls, "__input")),
119
121
  type: "text",
120
122
  value: inputValue,
121
- placeholder: "\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801",
122
123
  onBlur: handleBlur,
123
124
  onChange: handleChangeInputValue
124
125
  }), /*#__PURE__*/_react["default"].createElement("span", {
@@ -106,7 +106,6 @@ var BookDemoPC = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
106
106
  noHeadLine: true,
107
107
  visible: dialogVisible,
108
108
  onClose: handleCloseBookDemo,
109
- animation: "slide-fade-up",
110
109
  noFooter: true,
111
110
  noCloseIcon: true,
112
111
  destroyOnClose: true,
@@ -30,7 +30,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
30
30
  type: "text",
31
31
  id: "name",
32
32
  value: "",
33
- required: true,
33
+ required: false,
34
34
  option: [],
35
35
  multiSelect: false,
36
36
  halfWidth: true
@@ -39,7 +39,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
39
39
  id: "",
40
40
  value: "",
41
41
  type: "dropSelect",
42
- required: true,
42
+ required: false,
43
43
  option: [{
44
44
  text: "企业 CEO",
45
45
  value: "企业 CEO"
@@ -78,7 +78,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
78
78
  type: "text",
79
79
  id: "company",
80
80
  value: "",
81
- required: true,
81
+ required: false,
82
82
  option: [],
83
83
  multiSelect: false,
84
84
  halfWidth: false
@@ -87,7 +87,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
87
87
  type: "dropSelect",
88
88
  id: "companyPersonNum",
89
89
  value: "1-30",
90
- required: true,
90
+ required: false,
91
91
  option: [{
92
92
  text: "1-30",
93
93
  value: "1-30"
@@ -152,7 +152,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
152
152
  value: "计划管理"
153
153
  }],
154
154
  required: true,
155
- multiSelect: false,
155
+ multiSelect: true,
156
156
  halfWidth: false
157
157
  }]
158
158
  }), _defineProperty(_bookTypeInfo, _interface.EDemoType.TryOKR, {
@@ -164,7 +164,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
164
164
  type: "text",
165
165
  id: "name",
166
166
  value: "",
167
- required: true,
167
+ required: false,
168
168
  option: [],
169
169
  multiSelect: false,
170
170
  halfWidth: true
@@ -173,7 +173,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
173
173
  type: "dropSelect",
174
174
  id: "",
175
175
  value: "",
176
- required: true,
176
+ required: false,
177
177
  option: [{
178
178
  text: "企业 CEO",
179
179
  value: "企业 CEO"
@@ -212,7 +212,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
212
212
  type: "text",
213
213
  id: "company",
214
214
  value: "",
215
- required: true,
215
+ required: false,
216
216
  option: [],
217
217
  multiSelect: false,
218
218
  halfWidth: false
@@ -221,7 +221,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
221
221
  type: "dropSelect",
222
222
  id: "",
223
223
  value: "",
224
- required: true,
224
+ required: false,
225
225
  option: [{
226
226
  text: "1-30",
227
227
  value: "1-30"
@@ -285,7 +285,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
285
285
  text: "计划管理",
286
286
  value: "计划管理"
287
287
  }],
288
- required: true,
288
+ required: false,
289
289
  multiSelect: true,
290
290
  halfWidth: false
291
291
  }]
@@ -298,7 +298,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
298
298
  type: "text",
299
299
  id: "name",
300
300
  value: "",
301
- required: true,
301
+ required: false,
302
302
  option: [],
303
303
  multiSelect: false,
304
304
  halfWidth: false
@@ -316,7 +316,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
316
316
  type: "text",
317
317
  id: "company",
318
318
  value: "",
319
- required: true,
319
+ required: false,
320
320
  option: [],
321
321
  multiSelect: false,
322
322
  halfWidth: false
@@ -325,7 +325,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
325
325
  type: "dropSelect",
326
326
  id: "companyPersonNum",
327
327
  value: "1-30",
328
- required: true,
328
+ required: false,
329
329
  option: [{
330
330
  text: "1-30",
331
331
  value: "1-30"
@@ -399,7 +399,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
399
399
  type: "text",
400
400
  id: "name",
401
401
  value: "",
402
- required: true,
402
+ required: false,
403
403
  option: [],
404
404
  multiSelect: false,
405
405
  halfWidth: true
@@ -408,7 +408,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
408
408
  type: "dropSelect",
409
409
  id: "",
410
410
  value: "",
411
- required: true,
411
+ required: false,
412
412
  option: [{
413
413
  text: "企业 CEO",
414
414
  value: "企业 CEO"
@@ -447,7 +447,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
447
447
  type: "text",
448
448
  id: "company",
449
449
  value: "",
450
- required: true,
450
+ required: false,
451
451
  option: [],
452
452
  multiSelect: false,
453
453
  halfWidth: false
@@ -456,7 +456,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
456
456
  type: "dropSelect",
457
457
  id: "companyPersonNum",
458
458
  value: "1-30",
459
- required: true,
459
+ required: false,
460
460
  option: [{
461
461
  text: "1-30",
462
462
  value: "1-30"
@@ -533,7 +533,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
533
533
  type: "text",
534
534
  id: "name",
535
535
  value: "",
536
- required: true,
536
+ required: false,
537
537
  option: [],
538
538
  multiSelect: false,
539
539
  halfWidth: false
@@ -551,7 +551,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
551
551
  type: "text",
552
552
  id: "company",
553
553
  value: "",
554
- required: true,
554
+ required: false,
555
555
  option: [],
556
556
  multiSelect: false,
557
557
  halfWidth: false
@@ -560,7 +560,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
560
560
  type: "dropSelect",
561
561
  id: "companyPersonNum",
562
562
  value: "1-30",
563
- required: true,
563
+ required: false,
564
564
  option: [{
565
565
  text: "1-30",
566
566
  value: "1-30"
@@ -646,7 +646,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
646
646
  type: "text",
647
647
  id: "name",
648
648
  value: "",
649
- required: true,
649
+ required: false,
650
650
  option: [],
651
651
  multiSelect: false,
652
652
  halfWidth: true
@@ -655,7 +655,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
655
655
  type: "dropSelect",
656
656
  id: "",
657
657
  value: "",
658
- required: true,
658
+ required: false,
659
659
  option: [{
660
660
  text: "企业 CEO",
661
661
  value: "企业 CEO"
@@ -694,7 +694,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
694
694
  type: "text",
695
695
  id: "company",
696
696
  value: "",
697
- required: true,
697
+ required: false,
698
698
  option: [],
699
699
  multiSelect: false,
700
700
  halfWidth: false
@@ -703,7 +703,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
703
703
  type: "dropSelect",
704
704
  id: "companyPersonNum",
705
705
  value: "1-30",
706
- required: true,
706
+ required: false,
707
707
  option: [{
708
708
  text: "1-30",
709
709
  value: "1-30"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@titaui/pc",
3
- "version": "1.9.112",
3
+ "version": "1.9.113",
4
4
  "nameCN": "",
5
5
  "description": "",
6
6
  "main": "lib/index.js",