@titaui/pc 1.12.17-beta.1 → 1.12.17-beta.2

package/lib/components/book-demo-award/components/pc/components/checkbox/index.css

@@ -0,0 +1,54 @@
+.titaui-book-demo-checkbox {
+  display: flex;
+  flex-direction: column;
+  word-break: keep-all;
+  position: relative;
+}
+
+.titaui-book-demo-checkbox--full-row {
+  grid-column-start: 1;
+  grid-column-end: 3;
+}
+
+.titaui-book-demo-checkbox__name {
+  font-size: 14px;
+  color: #89919f;
+  line-height: 22px;
+  white-space: nowrap;
+}
+
+.titaui-book-demo-checkbox__name--required::after {
+  content: '*';
+  display: inline-block;
+  color: #f05e5e;
+}
+
+.titaui-book-demo-checkbox__options-item {
+  font-size: 14px;
+  cursor: pointer;
+  margin-top: 8px;
+  display: inline-flex;
+  align-items: center;
+  word-break: keep-all;
+  white-space: nowrap;
+  background: #ffffff;
+  border-radius: 8px;
+  border: 1px solid #e9ecf0;
+  padding: 0 12px;
+  line-height: 22px;
+  box-sizing: border-box;
+  height: 32px;
+  margin-right: 10px;
+  user-select: none;
+  color: #3f4755;
+}
+
+.titaui-book-demo-checkbox__options-item:hover {
+  border: 1px solid #2879ff;
+  color: #2879ff;
+}
+
+.titaui-book-demo-checkbox__options-item--selected {
+  border: 1px solid #2879ff;
+  color: #2879ff;
+}

package/lib/components/{import-modal/import-task-modal/search-form.js → book-demo-award/components/pc/components/checkbox/index.js}

@@ -9,24 +9,12 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _searchInput = _interopRequireDefault(require("../../search-input"));
-
-var _periodSelector = _interopRequireDefault(require("../../period-selector"));
-
-var _common = require("../../period-selector/common");
-
-var _searchDropdown = _interopRequireDefault(require("../search/search-dropdown"));
-
-var _taskStatusSelect = _interopRequireDefault(require("../search/task-status-select"));
-
-var _taskRelation = _interopRequireDefault(require("../search/task-relation"));
-
-var _helper = require("../helper");
-
-var _getLocale = require("../../../utils/getLocale");
+var _classnames = _interopRequireDefault(require("classnames"));
 
 require("./index.css");
 
+var _errorInfo = _interopRequireDefault(require("../error-info"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 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); }
@@ -51,91 +39,88 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function SearchForm(props) {
-  var onChange = props.onChange,
-      time = props.time;
+var preCls = "titaui-book-demo-checkbox";
 
-  var _useState = (0, _react.useState)(null),
+var BookDemoCheckbox = function BookDemoCheckbox(_ref) {
+  var name = _ref.name,
+      id = _ref.id,
+      required = _ref.required,
+      halfWidth = _ref.halfWidth,
+      option = _ref.option,
+      multiSelect = _ref.multiSelect,
+      onChange = _ref.onChange;
+
+  var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
-      cycle = _useState2[0],
-      setCycle = _useState2[1];
+      hasErr = _useState2[0],
+      setHasErr = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(10),
+  var _useState3 = (0, _react.useState)({}),
       _useState4 = _slicedToArray(_useState3, 2),
-      status = _useState4[0],
-      setStatus = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      keyWords = _useState6[0],
-      setKeyWords = _useState6[1];
+      result = _useState4[0],
+      setResult = _useState4[1];
 
-  var _useState7 = (0, _react.useState)(0),
-      _useState8 = _slicedToArray(_useState7, 2),
-      relation = _useState8[0],
-      setRelation = _useState8[1];
+  var handleChangeInputValue = function handleChangeInputValue(selectedId) {
+    var tempResult;
 
-  var dilagRef = (0, _react.useRef)(document.createElement('div'));
-  (0, _react.useEffect)(function () {
-    if (!cycle) return;
-    var planCycle = (0, _helper.formatPeriodPlanData)(cycle);
-    onChange(_objectSpread({
-      status: status,
-      keyWords: keyWords,
-      relation: relation
-    }, planCycle));
-  }, [status, keyWords, cycle, relation]);
-  (0, _react.useEffect)(function () {
-    if (time) {
-      var cycleDate = (0, _helper.getCycleDate)(time);
-      setCycle({
-        annualNum: Number(time.split('/')[0]),
-        // 默认当前年份全部周期
-        yqmNum: Number(time.split('/')[1]),
-        cycleType: '3',
-        startDate: cycleDate.start,
-        endDate: cycleDate.end
+    if (!multiSelect) {
+      tempResult = _objectSpread({}, result);
+      Object.keys(result).forEach(function (key) {
+        tempResult[key].isSelected = false;
       });
+      tempResult[selectedId].isSelected = true;
+      setHasErr(false);
+      setResult(tempResult);
+
+      if (onChange) {
+        onChange(name, id, tempResult, false);
+      }
+
+      return;
     }
-  }, [time]);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    ref: dilagRef
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "rel-okr-tree__search-item"
-  }, /*#__PURE__*/_react["default"].createElement(_periodSelector["default"], {
-    selected: cycle,
-    yearsRange: [2019, new Date().getFullYear() + 10],
-    isFetch: false,
-    showBimonthly: false,
-    showHalfYear: false,
-    showCustom: false,
-    showFullCycle: false,
-    onChange: setCycle,
-    getPopupContainer: function getPopupContainer() {
-      return dilagRef.current;
-    },
-    popClass: "pull-screen-ignore"
-  }, /*#__PURE__*/_react["default"].createElement(_searchDropdown["default"], null, (0, _common.formatPeriod)(cycle)))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "rel-okr-tree__search-item"
-  }, /*#__PURE__*/_react["default"].createElement(_taskStatusSelect["default"], {
-    onChange: setStatus,
-    initValue: status
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "rel-okr-tree__search-item"
-  }, /*#__PURE__*/_react["default"].createElement(_taskRelation["default"], {
-    onChange: setRelation,
-    initValue: relation
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "rel-okr-tree__search-item-keyword"
-  }, /*#__PURE__*/_react["default"].createElement(_searchInput["default"], {
-    onSearch: setKeyWords,
-    placeholder: (0, _getLocale.getLocale)('Mod_Enterkeywords'),
-    style: {
-      height: 32,
-      width: 240
+
+    tempResult = _objectSpread({}, result);
+    tempResult[selectedId].isSelected = !tempResult[selectedId].isSelected;
+    var selectedLength = Object.values(tempResult).filter(function (item) {
+      return item.isSelected;
+    }).length;
+    setHasErr(required && selectedLength === 0);
+    setResult(tempResult);
+
+    if (onChange) {
+      onChange(name, id, tempResult, required && selectedLength === 0);
     }
-  })));
-}
+  };
 
-var _default = SearchForm;
+  (0, _react.useEffect)(function () {
+    var tempResult = {};
+    option.forEach(function (item) {
+      tempResult[item.value] = {
+        text: item.text,
+        isSelected: false
+      };
+    });
+    setResult(tempResult);
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "--full-row"), !halfWidth))
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(preCls, "__name"), _defineProperty({}, "".concat(preCls, "__name--required"), required))
+  }, name), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__options")
+  }, option.map(function (item) {
+    var _result$item$value;
+
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])("".concat(preCls, "__options-item"), _defineProperty({}, "".concat(preCls, "__options-item--selected"), (_result$item$value = result[item.value]) === null || _result$item$value === void 0 ? void 0 : _result$item$value.isSelected)),
+      onClick: function onClick() {
+        handleChangeInputValue(item.value);
+      }
+    }, item.text);
+  })), /*#__PURE__*/_react["default"].createElement(_errorInfo["default"], {
+    errMsg: hasErr ? "请至少选择一项" : ""
+  }));
+};
+
+var _default = BookDemoCheckbox;
 exports["default"] = _default;

package/lib/components/book-demo-award/components/pc/components/content/index.css

@@ -0,0 +1,124 @@
+.titaui-book-demo-pc-content {
+  display: flex;
+  background-color: #ffffff;
+  border-radius: 24px;
+}
+
+.titaui-book-demo-pc-content__left {
+  width: 358px;
+  height: 502px;
+  background: linear-gradient(135deg, #FFC04E 0%, #FF0041 100%);
+  border-radius: 24px 0px 0px 24px;
+  position: relative;
+  overflow: hidden;
+}
+
+.titaui-book-demo-pc-content__left__bg {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  background-image: url("../../../../img/order-award.png");
+  background-size: cover;
+  height: 100%;
+}
+
+.titaui-book-demo-pc-content__left-title {
+  margin: 36px 0 0 32px;
+  font-size: 26px;
+  font-weight: 600;
+  color: #ffffff;
+  line-height: 40px;
+}
+
+.titaui-book-demo-pc-content__left-desc {
+  margin: 4px 0 0 32px;
+  font-size: 14px;
+  color: #ffffff;
+  line-height: 22px;
+}
+
+.titaui-book-demo-pc-content__right {
+  flex: 1;
+  margin: 48px 0 0 32px;
+}
+
+.titaui-book-demo-pc-content__right-form {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  column-gap: 12px;
+  row-gap: 20px;
+  padding-right: 22px;
+}
+
+.titaui-book-demo-pc-content__right-commit {
+  height: 88px;
+  background: #ffffff;
+  border-radius: 0px 0px 24px 0px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  position: absolute;
+  bottom: 0;
+}
+
+.titaui-book-demo-pc-content__right-commit-btn {
+  margin-top: 12px;
+  width: 310px;
+  height: 40px;
+  background: #2879ff;
+  border: none;
+  outline: none;
+  color: #ffffff;
+  border-radius: 20px;
+}
+
+.titaui-book-demo-pc-content__right-commit-btn:hover {
+  cursor: pointer;
+  background: #5c8eff;
+}
+
+.titaui-book-demo-pc-content__right-commit-btn--disabled {
+  background: rgba(40, 121, 255, 0.4);
+}
+
+.titaui-book-demo-pc-content__right-commit-btn--disabled:hover {
+  background: rgba(40, 121, 255, 0.4);
+  cursor: not-allowed;
+}
+
+.titaui-book-demo-pc-content__right-commit--shadow::before {
+  content: '';
+  position: absolute;
+  width: 302px;
+  height: 16px;
+  background: #f0f2f5;
+  border-radius: 8px;
+  filter: blur(4px);
+  bottom: 76px;
+  right: 44px;
+}
+
+.titaui-book-demo-pc-content__privacy {
+  margin-top: 12px;
+  display: flex;
+  align-items: center;
+  grid-column-start: 1;
+  grid-column-end: 3;
+  font-size: 12px;
+  line-height: 18px;
+  padding-bottom: 8px;
+  position: relative;
+}
+
+.titaui-book-demo-pc-content__privacy-aggre {
+  margin-left: 4px;
+  color: #3f4755;
+}
+
+.titaui-book-demo-pc-content__privacy-link {
+  margin-left: 4px;
+  color: #2879ff;
+}