@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.
- package/lib/components/book-demo/constant.js +113 -0
- package/lib/components/book-demo/interface.js +1 -0
- package/lib/components/button/text-btn/index.css +2 -2
- package/lib/components/form/form-fields/cycle/index.css +135 -0
- package/lib/components/form/form-fields/cycle/index.js +190 -0
- package/lib/components/form/form-fields/cycle/interface.js +5 -0
- package/lib/components/form/form-fields/cycle/utils.js +47 -0
- package/lib/components/form/index.js +4 -1
- package/lib/components/guide-order/index.css +17 -15
- package/lib/components/guide-order/index.js +45 -32
- package/lib/components/menus/export-modules/survey-menu/survey-front-menus.js +1 -1
- package/lib/components/table/index.css +1 -1
- package/package.json +1 -1
|
@@ -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 = {}));
|
|
@@ -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,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:
|
|
96
|
+
box-sizing: border-box;
|
|
109
97
|
outline: rgba(0, 0, 0, 0.5) 1000000px solid;
|
|
110
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
174
|
+
borderRadius: innerBorderRadius,
|
|
175
|
+
background: background
|
|
176
|
+
}, innerStyle),
|
|
177
|
+
left: _objectSpread({
|
|
163
178
|
width: innerWidth + 'px',
|
|
164
179
|
height: innerHeight + 'px',
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
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
|
-
|
|
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:
|
|
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.
|
|
53
|
+
var isShowSurveyManage = baseAuth.isBoss() || baseAuth.isSurveyManager();
|
|
54
54
|
|
|
55
55
|
var _useState = (0, _react.useState)(function () {
|
|
56
56
|
return document.body.offsetHeight - 198;
|