@titaui/pc 1.15.47-beta.16 → 1.15.47-beta.19

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.
@@ -774,6 +774,119 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
774
774
  multiSelect: true,
775
775
  halfWidth: false
776
776
  }]
777
+ }), _defineProperty(_bookTypeInfo, _interface.EDemoType.OfficalSiteSurvey, {
778
+ title: "预约「360评估」演示",
779
+ desc: "与我们的顾问联系,了解 Tita 如何为您服务",
780
+ img: _demoPerformance["default"],
781
+ formField: [{
782
+ name: "姓名",
783
+ type: "text",
784
+ id: "username",
785
+ value: "",
786
+ required: false,
787
+ option: [],
788
+ multiSelect: false,
789
+ halfWidth: false
790
+ }, {
791
+ name: "手机号码",
792
+ type: "phone",
793
+ id: "phone",
794
+ value: "",
795
+ required: true,
796
+ option: [],
797
+ multiSelect: false,
798
+ halfWidth: false
799
+ }, {
800
+ name: "公司全称",
801
+ type: "text",
802
+ id: "tenantName",
803
+ value: "",
804
+ required: false,
805
+ option: [],
806
+ multiSelect: false,
807
+ halfWidth: false
808
+ }, {
809
+ name: "公司人数",
810
+ type: "dropSelect",
811
+ id: "employeeRange",
812
+ value: "1-30",
813
+ required: false,
814
+ option: [{
815
+ text: "1-30",
816
+ value: "1-30"
817
+ }, {
818
+ text: "30-50",
819
+ value: "30-50"
820
+ }, {
821
+ text: "50-100",
822
+ value: "50-100"
823
+ }, {
824
+ text: "100-200",
825
+ value: "100-200"
826
+ }, {
827
+ text: "200-300",
828
+ value: "200-300"
829
+ }, {
830
+ text: "300-500",
831
+ value: "300-500"
832
+ }, {
833
+ text: "500-1000",
834
+ value: "500-1000"
835
+ }, {
836
+ text: "1000-5000",
837
+ value: "1000-5000"
838
+ }, {
839
+ text: "5000-10000",
840
+ value: "5000-10000"
841
+ }, {
842
+ text: "10000+",
843
+ value: "10000+"
844
+ }, {
845
+ text: "我代表一组公司",
846
+ value: "我代表一组公司"
847
+ }],
848
+ multiSelect: false,
849
+ halfWidth: false
850
+ }, {
851
+ name: "验证码",
852
+ type: "verificationCode",
853
+ id: "verificationCode",
854
+ value: "",
855
+ required: true,
856
+ option: [],
857
+ multiSelect: false,
858
+ halfWidth: false
859
+ }, {
860
+ name: "您的公司是否已经做过360评估",
861
+ type: "checkbox",
862
+ id: "hasCompanyDoneSurvey",
863
+ value: "",
864
+ option: [{
865
+ text: "有",
866
+ value: "有"
867
+ }, {
868
+ text: "没有",
869
+ value: "没有"
870
+ }],
871
+ required: false,
872
+ multiSelect: false,
873
+ halfWidth: false
874
+ }, {
875
+ name: "您的公司是否有360评估系统",
876
+ type: "checkbox",
877
+ id: "isCompanyHasSurveySystem",
878
+ value: "",
879
+ option: [{
880
+ text: "有",
881
+ value: "有"
882
+ }, {
883
+ text: "没有",
884
+ value: "没有"
885
+ }],
886
+ required: false,
887
+ multiSelect: false,
888
+ halfWidth: false
889
+ }]
777
890
  }), _bookTypeInfo);
778
891
  exports.bookTypeInfo = bookTypeInfo;
779
892
  var trackerInfo = (_trackerInfo = {}, _defineProperty(_trackerInfo, _interface.EDemoType.Learning, {
@@ -14,4 +14,5 @@ exports.EDemoType = EDemoType;
14
14
  EDemoType[EDemoType["TryPerformance"] = 4] = "TryPerformance";
15
15
  EDemoType[EDemoType["OfficalSitePerformance"] = 5] = "OfficalSitePerformance";
16
16
  EDemoType[EDemoType["Learning"] = 6] = "Learning";
17
+ EDemoType[EDemoType["OfficalSiteSurvey"] = 7] = "OfficalSiteSurvey";
17
18
  })(EDemoType || (exports.EDemoType = EDemoType = {}));
@@ -24,11 +24,11 @@
24
24
  }
25
25
 
26
26
  .titaui-text-btn--disabled {
27
- color: #A4ACB9;
27
+ opacity: 0.5;
28
28
  cursor: not-allowed;
29
29
  }
30
30
 
31
31
  .titaui-text-btn--disabled:hover {
32
- color: #A4ACB9;
32
+ opacity: 0.5;
33
33
  background: unset;
34
34
  }
@@ -0,0 +1,135 @@
1
+ .form-fields-cycle__label {
2
+ height: 22px;
3
+ font-size: 14px;
4
+ margin-bottom: 5px;
5
+ font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
6
+ font-weight: 400;
7
+ line-height: 22px;
8
+ }
9
+
10
+ .form-fields-cycle__label-text {
11
+ color: #3f4755;
12
+ font-weight: 500;
13
+ }
14
+
15
+ .form-fields-cycle__label-require {
16
+ color: #F05E5E;
17
+ margin-left: 2px;
18
+ }
19
+
20
+ .form-fields-cycle__wrapper {
21
+ box-sizing: border-box;
22
+ padding: 15px 20px 20px;
23
+ width: 262px;
24
+ font-size: 12px;
25
+ border-radius: 8px;
26
+ box-shadow: 0px 8px 24px 0px rgba(127, 145, 180, 0.2);
27
+ background-color: #ffffff;
28
+ }
29
+
30
+ .form-fields-cycle__wrapper__select-btn {
31
+ height: 36px;
32
+ width: 100%;
33
+ border: 1px solid #e6eaef;
34
+ border-radius: 8px;
35
+ display: flex;
36
+ padding: 0 12px;
37
+ align-items: center;
38
+ box-sizing: border-box;
39
+ cursor: pointer;
40
+ transition: border 0.2s ease;
41
+ }
42
+
43
+ .form-fields-cycle__wrapper__select-btn > .tu-icon-cross {
44
+ color: #BFC7D5;
45
+ margin: 0 20px;
46
+ }
47
+
48
+ .form-fields-cycle__wrapper__select-btn:hover {
49
+ border: 1px solid #2879ff;
50
+ }
51
+
52
+ .form-fields-cycle__wrapper__select-btn > i {
53
+ font-size: 12px;
54
+ }
55
+
56
+ .form-fields-cycle__wrapper__select-btn > span {
57
+ flex: 1;
58
+ width: 0;
59
+ text-align: left;
60
+ text-overflow: ellipsis;
61
+ white-space: nowrap;
62
+ word-break: break-all;
63
+ overflow: hidden;
64
+ }
65
+
66
+ .form-fields-cycle__wrapper__dateline {
67
+ padding: 12px 0;
68
+ font-size: 12px;
69
+ color: #89919F;
70
+ line-height: 17px;
71
+ text-align: left;
72
+ }
73
+
74
+ .form-fields-cycle__wrapper__dateline span {
75
+ color: #3F4755;
76
+ }
77
+
78
+ .form-fields-cycle__wrapper__time-span {
79
+ cursor: pointer;
80
+ display: inline-flex;
81
+ align-items: center;
82
+ transition: color .3s ease;
83
+ color: #3F4755;
84
+ }
85
+
86
+ .form-fields-cycle__wrapper__time-span:hover {
87
+ color: #2879ff;
88
+ }
89
+
90
+ .form-fields-cycle__wrapper__time-span:hover > i {
91
+ color: #2879ff;
92
+ }
93
+
94
+ .form-fields-cycle__wrapper__time-span > i {
95
+ margin-left: 12px;
96
+ color: #BFC7D5;
97
+ cursor: pointer;
98
+ transition: color .3s ease;
99
+ }
100
+
101
+ .form-fields-cycle__select-button {
102
+ height: 36px;
103
+ width: 100%;
104
+ border: 1px solid #e6eaef;
105
+ border-radius: 8px;
106
+ display: flex;
107
+ padding: 0 12px;
108
+ align-items: center;
109
+ box-sizing: border-box;
110
+ cursor: pointer;
111
+ transition: border 0.2s ease;
112
+ }
113
+
114
+ .form-fields-cycle__select-button > .tu-icon-cross {
115
+ color: #BFC7D5;
116
+ margin: 0 20px;
117
+ }
118
+
119
+ .form-fields-cycle__select-button:hover {
120
+ border: 1px solid #2879ff;
121
+ }
122
+
123
+ .form-fields-cycle__select-button > i {
124
+ font-size: 12px;
125
+ }
126
+
127
+ .form-fields-cycle__select-button > span {
128
+ flex: 1;
129
+ width: 0;
130
+ text-align: left;
131
+ text-overflow: ellipsis;
132
+ white-space: nowrap;
133
+ word-break: break-all;
134
+ overflow: hidden;
135
+ }
@@ -0,0 +1,190 @@
1
+ "use strict";
2
+
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _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 _classnames = _interopRequireDefault(require("classnames"));
13
+
14
+ var _moment = _interopRequireDefault(require("moment"));
15
+
16
+ var _periodSelector = _interopRequireDefault(require("../../../../components/period-selector"));
17
+
18
+ var _defaultButton = _interopRequireDefault(require("../../../../components/button/default-button"));
19
+
20
+ var _rangePickerPop = _interopRequireDefault(require("../../../../components/range-picker-pop"));
21
+
22
+ var _popup = _interopRequireDefault(require("../../../../components/popup"));
23
+
24
+ var _getLocale = require("../../../../utils/getLocale");
25
+
26
+ var _utils = require("./utils");
27
+
28
+ require("./index.css");
29
+
30
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
31
+
32
+ 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); }
33
+
34
+ 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; }
35
+
36
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
37
+
38
+ 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."); }
39
+
40
+ 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); }
41
+
42
+ 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; }
43
+
44
+ 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; }
45
+
46
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
47
+
48
+ 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; }
49
+
50
+ 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; }
51
+
52
+ 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; }
53
+
54
+ var preCls = 'form-fields-cycle';
55
+
56
+ function CreateCycle(_ref) {
57
+ var _ref$align = _ref.align,
58
+ align = _ref$align === void 0 ? "bottom left" : _ref$align,
59
+ cycle = _ref.cycle,
60
+ container = _ref.container,
61
+ onChange = _ref.onChange,
62
+ _ref$require = _ref.require,
63
+ require = _ref$require === void 0 ? true : _ref$require,
64
+ label = _ref.label;
65
+
66
+ var popRef = (0, _react.useRef)();
67
+ var btnRef = (0, _react.useRef)();
68
+
69
+ if (cycle.cycleType.toString() == '-1') {
70
+ cycle = _objectSpread({
71
+ cycleType: '2',
72
+ annualNum: (0, _moment["default"])().get('y'),
73
+ yqmNum: (0, _moment["default"])().quarter()
74
+ }, (0, _utils.getDefaultDateOfCycle)({
75
+ cycleType: '2',
76
+ annualNum: (0, _moment["default"])().get('y'),
77
+ yqmNum: (0, _moment["default"])().quarter()
78
+ }));
79
+ }
80
+
81
+ var _useState = (0, _react.useState)(cycle),
82
+ _useState2 = _slicedToArray(_useState, 2),
83
+ selfCycle = _useState2[0],
84
+ setSelfCycle = _useState2[1];
85
+
86
+ var renderPopup = function renderPopup() {
87
+ return /*#__PURE__*/_react["default"].createElement("div", {
88
+ className: "".concat(preCls, "__wrapper")
89
+ }, /*#__PURE__*/_react["default"].createElement(_periodSelector["default"], {
90
+ selected: selfCycle,
91
+ showFullCycle: false,
92
+ onChange: function onChange(c) {
93
+ setSelfCycle(_objectSpread(_objectSpread({}, selfCycle), c));
94
+ },
95
+ container: document.body,
96
+ isFetch: false,
97
+ yearsRange: [2018, new Date().getFullYear() + 1],
98
+ style: {
99
+ width: '100%'
100
+ }
101
+ }, /*#__PURE__*/_react["default"].createElement("div", {
102
+ className: "".concat(preCls, "__wrapper__select-btn")
103
+ }, /*#__PURE__*/_react["default"].createElement("span", null, _periodSelector["default"].formatPeriod(selfCycle)), /*#__PURE__*/_react["default"].createElement("i", {
104
+ className: "tu-icon-sort-down"
105
+ }))), /*#__PURE__*/_react["default"].createElement("div", {
106
+ className: "".concat(preCls, "__wrapper__dateline"),
107
+ style: {
108
+ borderBottom: '1px solid #F0F2F5'
109
+ }
110
+ }, (0, _getLocale.getLocale)('Mod_StartDates'), /*#__PURE__*/_react["default"].createElement(_rangePickerPop["default"], {
111
+ format: "YYYY/MM/DD",
112
+ controlled: true,
113
+ onConfirm: function onConfirm(d) {
114
+ setSelfCycle(_objectSpread(_objectSpread({}, selfCycle), d));
115
+ },
116
+ defaultRange: {
117
+ startDate: selfCycle.startDate,
118
+ endDate: selfCycle.endDate
119
+ },
120
+ container: document.body
121
+ }, /*#__PURE__*/_react["default"].createElement("div", {
122
+ className: "".concat(preCls, "__wrapper__time-span")
123
+ }, selfCycle.startDate, /*#__PURE__*/_react["default"].createElement("i", {
124
+ className: "tu-icon-arrow-down"
125
+ })))), /*#__PURE__*/_react["default"].createElement("div", {
126
+ className: "".concat(preCls, "__wrapper__dateline")
127
+ }, (0, _getLocale.getLocale)('Mod_EndDates'), /*#__PURE__*/_react["default"].createElement(_rangePickerPop["default"], {
128
+ format: "YYYY/MM/DD",
129
+ controlled: true,
130
+ onConfirm: function onConfirm(d) {
131
+ setSelfCycle(_objectSpread(_objectSpread({}, selfCycle), d));
132
+ },
133
+ defaultRange: {
134
+ startDate: selfCycle.startDate,
135
+ endDate: selfCycle.endDate
136
+ },
137
+ container: document.body
138
+ }, /*#__PURE__*/_react["default"].createElement("div", {
139
+ className: "".concat(preCls, "__wrapper__time-span")
140
+ }, selfCycle.endDate, /*#__PURE__*/_react["default"].createElement("i", {
141
+ className: "tu-icon-arrow-down"
142
+ })))), /*#__PURE__*/_react["default"].createElement("div", {
143
+ style: {
144
+ display: 'flex',
145
+ justifyContent: 'flex-end'
146
+ }
147
+ }, /*#__PURE__*/_react["default"].createElement(_defaultButton["default"].Rect, {
148
+ size: "small",
149
+ style: {
150
+ marginRight: 12
151
+ },
152
+ onClick: function onClick() {
153
+ return popRef.current && popRef.current.close();
154
+ }
155
+ }, (0, _getLocale.getLocale)('Mod_Cancel')), /*#__PURE__*/_react["default"].createElement(_defaultButton["default"].Rect, {
156
+ size: "small",
157
+ type: "primary",
158
+ onClick: function onClick() {
159
+ onChange(selfCycle);
160
+ popRef.current && popRef.current.close();
161
+ }
162
+ }, (0, _getLocale.getLocale)('OKR_MyO_Butt_Determine'))));
163
+ };
164
+
165
+ return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
166
+ className: "".concat(preCls)
167
+ }, /*#__PURE__*/_react["default"].createElement("div", {
168
+ className: (0, _classnames["default"])("".concat(preCls, "__label"))
169
+ }, /*#__PURE__*/_react["default"].createElement("span", {
170
+ className: (0, _classnames["default"])("".concat(preCls, "__label-text"))
171
+ }, label), require && /*#__PURE__*/_react["default"].createElement("span", {
172
+ className: (0, _classnames["default"])("".concat(preCls, "__label-require"))
173
+ }, "*")), /*#__PURE__*/_react["default"].createElement(_popup["default"], {
174
+ ref: popRef,
175
+ popup: renderPopup(),
176
+ popupPlacement: "bottomLeft"
177
+ }, /*#__PURE__*/_react["default"].createElement("div", {
178
+ className: "".concat(preCls, "__select-button"),
179
+ ref: btnRef,
180
+ onClick: function onClick() {
181
+ setSelfCycle(cycle);
182
+ popRef.current && popRef.current.open();
183
+ }
184
+ }, /*#__PURE__*/_react["default"].createElement("span", null, _periodSelector["default"].formatPeriod(cycle)), /*#__PURE__*/_react["default"].createElement("i", {
185
+ className: "tu-icon-sort-down"
186
+ })))));
187
+ }
188
+
189
+ var _default = CreateCycle;
190
+ exports["default"] = _default;
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getDefaultDateOfCycle = getDefaultDateOfCycle;
7
+
8
+ var _moment = _interopRequireDefault(require("moment"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
12
+ function getDefaultDateOfCycle(cycle) {
13
+ switch (cycle.cycleType) {
14
+ case '1':
15
+ {
16
+ return {
17
+ startDate: "".concat(cycle.annualNum, "/01/01"),
18
+ endDate: "".concat(cycle.annualNum, "/12/31")
19
+ };
20
+ }
21
+
22
+ case '2':
23
+ {
24
+ var quarter = (0, _moment["default"])().set('year', Number(cycle.annualNum)).set('quarter', Number(cycle.yqmNum));
25
+ return {
26
+ startDate: quarter.startOf('quarter').format('YYYY/MM/DD'),
27
+ endDate: quarter.endOf('quarter').format('YYYY/MM/DD')
28
+ };
29
+ }
30
+
31
+ case '3':
32
+ {
33
+ return {
34
+ startDate: "".concat(cycle.annualNum, "/").concat(cycle.yqmNum < 10 ? '0' + cycle.yqmNum : cycle.yqmNum, "/01"),
35
+ endDate: (0, _moment["default"])(cycle.annualNum + '/' + cycle.yqmNum + '/' + 1).add(1, 'month').set('date', 0).format('YYYY/MM/DD')
36
+ };
37
+ }
38
+
39
+ default:
40
+ {
41
+ return {
42
+ startDate: (0, _moment["default"])().format('YYYY/MM/DD'),
43
+ endDate: (0, _moment["default"])().add(30, 'day').format('YYYY/MM/DD')
44
+ };
45
+ }
46
+ }
47
+ }
@@ -33,6 +33,8 @@ var _password = _interopRequireDefault(require("./form-fields/password"));
33
33
 
34
34
  var _date = _interopRequireDefault(require("./form-fields/date"));
35
35
 
36
+ var _cycle = _interopRequireDefault(require("./form-fields/cycle"));
37
+
36
38
  var _layout = require("./layout");
37
39
 
38
40
  require("./index.css");
@@ -136,7 +138,8 @@ var FormFields = {
136
138
  GroupFields: _group["default"],
137
139
  VerificationInput: _inputVerificationCode["default"],
138
140
  Password: _password["default"],
139
- Date: _date["default"]
141
+ Date: _date["default"],
142
+ Cycle: _cycle["default"]
140
143
  }; // @ts-ignore
141
144
 
142
145
  Form.Fields = FormFields;
@@ -21,18 +21,6 @@
21
21
  margin: 100px 0 0 100px;
22
22
  }
23
23
 
24
- .titaui-pc__guide-order__border-mask__inner {
25
- position: absolute;
26
- top: 0;
27
- box-sizing: content-box;
28
- width: 691px;
29
- height: 38.5px;
30
- border-color: rgba(0, 0, 0, 0.5);
31
- border-style: solid;
32
- border-width: 100px 100px 100px 100px;
33
- background: transparent;
34
- }
35
-
36
24
  .titaui-pc__guide-order__popup__content {
37
25
  position: relative;
38
26
  display: flex;
@@ -105,9 +93,12 @@
105
93
 
106
94
  .titaui-pc__guide-order__popup__content__border-mask__inner {
107
95
  position: absolute;
108
- box-sizing: content-box;
96
+ box-sizing: border-box;
109
97
  outline: rgba(0, 0, 0, 0.5) 1000000px solid;
110
- background: transparent;
98
+ display: flex;
99
+ justify-content: center;
100
+ align-items: center;
101
+ pointer-events: none;
111
102
  }
112
103
 
113
104
  .titaui-pc__guide-order__popup__content-triangle {
@@ -162,7 +153,6 @@
162
153
 
163
154
  .titaui-pc__guide-order__popup__content-point {
164
155
  position: absolute;
165
- left: 50%;
166
156
  width: 19px;
167
157
  height: 19px;
168
158
  background: rgba(240, 163, 40, 0.2);
@@ -199,6 +189,18 @@
199
189
  transform: translateY(-50%);
200
190
  }
201
191
 
192
+ .titaui-pc__guide-order__popup__content-point--top {
193
+ left: 50%;
194
+ transform: translateX(-50%);
195
+ bottom: -26px;
196
+ }
197
+
198
+ .titaui-pc__guide-order__popup__content-point--bottom {
199
+ left: 50%;
200
+ transform: translateX(-50%);
201
+ top: -26px;
202
+ }
203
+
202
204
  .titaui-pc__guide-order__popup__content-point--bottomLeft {
203
205
  top: -26px;
204
206
  left: 222px;
@@ -17,7 +17,7 @@ var _button = _interopRequireDefault(require("../button"));
17
17
 
18
18
  require("./index.css");
19
19
 
20
- var _excluded = ["type", "width", "height", "time", "children", "popupPlacement", "classnames", "title", "desc", "step", "total", "mask", "onClickClose", "buttonTitle", "visible", "innerBorderRadius", "displayType", "handleGoNextStep"];
20
+ var _excluded = ["type", "width", "height", "time", "children", "popupPlacement", "classnames", "title", "desc", "step", "total", "mask", "onClickClose", "buttonTitle", "visible", "innerBorderRadius", "displayType", "handleGoNextStep", "background", "innerStyle"];
21
21
 
22
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
23
 
@@ -27,6 +27,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
27
27
 
28
28
  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); }
29
29
 
30
+ 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; }
31
+
32
+ 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; }
33
+
30
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; }
31
35
 
32
36
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -82,6 +86,8 @@ var GuideOrder = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
82
86
  displayType = _props$displayType === void 0 ? 'inline-block' : _props$displayType,
83
87
  _props$handleGoNextSt = props.handleGoNextStep,
84
88
  handleGoNextStep = _props$handleGoNextSt === void 0 ? function () {} : _props$handleGoNextSt,
89
+ background = props.background,
90
+ innerStyle = props.innerStyle,
85
91
  restProps = _objectWithoutProperties(props, _excluded);
86
92
 
87
93
  var popupRef = (0, _react.useRef)({
@@ -102,14 +108,13 @@ var GuideOrder = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
102
108
  var node = (0, _react.useRef)(null);
103
109
 
104
110
  var goNextStep = function goNextStep() {
105
- // onClickClose();
106
111
  popupRef.current.close();
107
112
  console.log(popupRef);
108
113
  handleGoNextStep && handleGoNextStep();
109
114
  };
110
115
 
111
116
  var popupAlignMap = {
112
- 'bottom': {
117
+ bottom: {
113
118
  offset: [0, 30],
114
119
  overflow: {
115
120
  adjustX: true,
@@ -117,7 +122,7 @@ var GuideOrder = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
117
122
  },
118
123
  targetOffset: [0, 0]
119
124
  },
120
- 'top': {
125
+ top: {
121
126
  offset: [0, -30],
122
127
  overflow: {
123
128
  adjustX: true,
@@ -125,7 +130,7 @@ var GuideOrder = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
125
130
  },
126
131
  targetOffset: [0, 0]
127
132
  },
128
- 'bottomLeft': {
133
+ bottomLeft: {
129
134
  offset: [0, 30],
130
135
  overflow: {
131
136
  adjustX: true,
@@ -133,53 +138,68 @@ var GuideOrder = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
133
138
  },
134
139
  targetOffset: [0, 0]
135
140
  },
136
- 'right': {
141
+ right: {
137
142
  offset: [30, 0],
138
143
  overflow: {
139
144
  adjustX: true,
140
145
  adjustY: true
141
146
  },
142
147
  targetOffset: [0, 0]
148
+ },
149
+ left: {
150
+ offset: [-30, 0],
151
+ overflow: {
152
+ adjustX: true,
153
+ adjustY: true
154
+ },
155
+ targetOffset: [0, 0]
143
156
  }
144
157
  };
145
158
  var placementMap = {
146
- 'top': {
159
+ top: _objectSpread({
147
160
  width: innerWidth + 'px',
148
161
  height: innerHeight + 'px',
149
162
  bottom: "-".concat(innerHeight + 30, "px"),
150
163
  left: "50%",
151
164
  transform: "translateX(-50%)",
152
- borderRadius: innerBorderRadius
153
- },
154
- 'bottom': {
165
+ borderRadius: innerBorderRadius,
166
+ background: background
167
+ }, innerStyle),
168
+ bottom: _objectSpread({
155
169
  width: innerWidth + 'px',
156
170
  height: innerHeight + 'px',
157
171
  top: "-".concat(innerHeight + 28, "px"),
158
172
  left: "50%",
159
173
  transform: "translateX(-50%)",
160
- borderRadius: innerBorderRadius
161
- },
162
- 'left': {
174
+ borderRadius: innerBorderRadius,
175
+ background: background
176
+ }, innerStyle),
177
+ left: _objectSpread({
163
178
  width: innerWidth + 'px',
164
179
  height: innerHeight + 'px',
165
- top: "-".concat(innerHeight + 30, "px"),
166
- borderRadius: innerBorderRadius
167
- },
168
- 'right': {
180
+ right: "-".concat(innerWidth + 30, "px"),
181
+ top: '50%',
182
+ transform: "translateY(-50%)",
183
+ borderRadius: innerBorderRadius,
184
+ background: background
185
+ }, innerStyle),
186
+ right: _objectSpread({
169
187
  width: innerWidth + 'px',
170
188
  height: innerHeight + 'px',
171
189
  top: "50%",
172
190
  left: "-".concat(innerWidth + 30, "px"),
173
191
  transform: "translateY(-50%)",
174
- borderRadius: innerBorderRadius
175
- },
176
- 'bottomLeft': {
192
+ borderRadius: innerBorderRadius,
193
+ background: background
194
+ }, innerStyle),
195
+ bottomLeft: _objectSpread({
177
196
  width: innerWidth + 'px',
178
197
  height: innerHeight + 'px',
179
198
  top: "-".concat(innerHeight + 30, "px"),
180
199
  right: 0,
181
- borderRadius: innerBorderRadius
182
- }
200
+ borderRadius: innerBorderRadius,
201
+ background: background
202
+ }, innerStyle)
183
203
  };
184
204
 
185
205
  var renderPopupContent = function renderPopupContent() {
@@ -192,7 +212,7 @@ var GuideOrder = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
192
212
  className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "__mask"), mask))
193
213
  }, /*#__PURE__*/_react["default"].createElement("div", {
194
214
  style: {
195
- position: "absolute",
215
+ position: 'absolute',
196
216
  cursor: 'not-allowed',
197
217
  pointerEvents: 'none'
198
218
  }
@@ -219,9 +239,9 @@ var GuideOrder = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
219
239
  }), /*#__PURE__*/_react["default"].createElement("div", {
220
240
  className: (0, _classnames["default"])("".concat(preCls, "__popup__content-point"), "".concat(preCls, "__popup__content-point--").concat(popupPlacement))
221
241
  })), /*#__PURE__*/_react["default"].createElement("div", {
222
- className: "".concat(preCls, "__popup__content__border-mask__inner"),
242
+ className: "".concat(preCls, "__popup__content__border-mask__inner "),
223
243
  style: placementMap[popupPlacement]
224
- }));
244
+ }, children));
225
245
  };
226
246
 
227
247
  (0, _react.useImperativeHandle)(ref, function () {
@@ -234,13 +254,6 @@ var GuideOrder = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
234
254
  }
235
255
  };
236
256
  });
237
- (0, _react.useEffect)(function () {
238
- if (type === 'time') {
239
- setTimeout(function () {
240
- popupRef.current.close();
241
- }, time);
242
- }
243
- }, []);
244
257
  (0, _react.useEffect)(function () {
245
258
  !innerWidth && !innerHeight && handlerResize();
246
259
 
@@ -50,7 +50,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
50
50
  onSelect = _props$onSelect === void 0 ? function () {} : _props$onSelect,
51
51
  history = props.history;
52
52
  var baseAuth = new _auth.BaseAuth();
53
- var isShowSurveyManage = baseAuth.isBoss() || baseAuth.isAssistant() || baseAuth.isDepartmentLeader() || baseAuth.isHrbp() || baseAuth.isSurveyManager();
53
+ var isShowSurveyManage = baseAuth.isBoss() || baseAuth.isSurveyManager();
54
54
 
55
55
  var _useState = (0, _react.useState)(function () {
56
56
  return document.body.offsetHeight - 198;
@@ -49,7 +49,7 @@
49
49
 
50
50
  .tita-pc__table .rc-table td {
51
51
  font-size: 14px;
52
- padding: 13px 4px;
52
+ padding: 8px 4px;
53
53
  overflow: hidden;
54
54
  }
55
55
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@titaui/pc",
3
- "version": "1.15.47-beta.16",
3
+ "version": "1.15.47-beta.19",
4
4
  "nameCN": "",
5
5
  "description": "",
6
6
  "main": "lib/index.js",