@titaui/pc 1.9.113 → 1.9.117

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

@@ -1,5 +1,7 @@
 .titaui-book-demo-pc-content {
   display: flex;
+  background-color: #ffffff;
+  border-radius: 24px;
 }
 
 .titaui-book-demo-pc-content__left {

package/lib/components/book-demo/components/pc/components/content/index.js

@@ -72,14 +72,17 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var preCls = "titaui-book-demo-pc-content";
 var uname = window.BSGlobal && window.BSGlobal.loginUserInfo.Name || "";
 var uid = window.BSGlobal && window.BSGlobal.tenantInfo.Id || "";
-var source = window.BSGlobal && window.BSGlobal.tenantInfo.Source || (0, _utils.getSource)("source");
+var Source = window.BSGlobal && window.BSGlobal.tenantInfo.Source || (0, _utils.getSource)();
 var lname = window.BSGlobal && window.BSGlobal.loginUserInfo.Name || "";
 var lmobile = window.BSGlobal && window.BSGlobal.loginUserInfo.Mobile || "";
 var lcompany = window.BSGlobal && window.BSGlobal.tenantInfo.Name || "";
 
 var BookDemoPCContent = function BookDemoPCContent(_ref) {
   var type = _ref.type,
-      onSubmitSuccess = _ref.onSubmitSuccess;
+      onSubmitSuccess = _ref.onSubmitSuccess,
+      _ref$source = _ref.source,
+      source = _ref$source === void 0 ? 0 : _ref$source,
+      onChange = _ref.onChange;
 
   var _useState = (0, _react.useState)((0, _utils.getTypeData)(type)),
       _useState2 = _slicedToArray(_useState, 2),
@@ -125,6 +128,10 @@ var BookDemoPCContent = function BookDemoPCContent(_ref) {
     }
 
     setResult(_toConsumableArray(result));
+
+    if (onChange) {
+      onChange(result);
+    }
   };
 
   var emptyFun = function emptyFun() {};
@@ -150,13 +157,13 @@ var BookDemoPCContent = function BookDemoPCContent(_ref) {
         content: content,
         code: verificationData.value,
         keyRandomV2: yzmGuidVal.indexOf("?") !== -1 ? yzmGuidVal.slice(0, yzmGuidVal.indexOf("?")) : yzmGuidVal,
-        source: source
+        source: source > 0 ? source : Source
       }
     }).then(function (res) {
       if (res.data.Code) {
         _toast["default"].Success("提交成功");
 
-        onSubmitSuccess(false);
+        onSubmitSuccess();
         localStorage.setItem("isSubmitted", "1");
       } else {
         handelChangeImage();
@@ -302,5 +309,9 @@ var BookDemoPCContent = function BookDemoPCContent(_ref) {
   }, "\u63D0\u4EA4"))));
 };
 
+BookDemoPCContent.defaultProps = {
+  source: 0,
+  onChange: function onChange() {}
+};
 var _default = BookDemoPCContent;
 exports["default"] = _default;

package/lib/components/book-demo/components/pc/index.js

@@ -17,6 +17,8 @@ var _content = _interopRequireDefault(require("./components/content"));
 
 var _demoClose = _interopRequireDefault(require("../../img/demo-close.svg"));
 
+var _utils = require("../../utils");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -43,24 +45,49 @@ var role = window.BSGlobal && window.BSGlobal.loginUserInfo.Role;
 var isSubmitted = localStorage.getItem("isSubmitted");
 var time = Number(localStorage.getItem("pointDemoTime"));
 var newDate = new Date().getTime();
+var uname = window.BSGlobal && window.BSGlobal.loginUserInfo.Name || "";
+var uid = window.BSGlobal && window.BSGlobal.tenantInfo.Id || "";
+var Source = window.BSGlobal && window.BSGlobal.tenantInfo.Source || (0, _utils.getSource)();
 var BookDemoPC = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var type = _ref.type,
       visible = _ref.visible,
       visibleChange = _ref.visibleChange,
       _ref$autoShow = _ref.autoShow,
-      autoShow = _ref$autoShow === void 0 ? false : _ref$autoShow;
+      autoShow = _ref$autoShow === void 0 ? false : _ref$autoShow,
+      source = _ref.source;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
       dialogVisible = _useState2[0],
       setDialogVisible = _useState2[1];
 
+  var _useState3 = (0, _react.useState)([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      data = _useState4[0],
+      setData = _useState4[1];
+
   var handleCloseBookDemo = function handleCloseBookDemo() {
+    var content = uid ? "\u79DF\u6237ID\uFF1A".concat(uid, "\uFF0C\u79DF\u6237\u8D26\u53F7\u540D\u79F0\uFF1A").concat(uname, ",") : "";
+    data.forEach(function (item) {
+      content += "".concat(item.name, ": ").concat(Array.isArray(item.value) ? item.value.join(",") : item.value, ",");
+    });
+    content += "source: ".concat(source || Source);
     setDialogVisible(false);
 
     if (visibleChange) {
       visibleChange(false);
     }
+
+    if (window.titaTracker) {
+      window.titaTracker("action").record({
+        actionName: "申请演示__取消提交",
+        productName: "\u586B\u5199\u60C5\u51B5\uFF1A".concat(content)
+      });
+    }
+  };
+
+  var handleChangeData = function handleChangeData(result) {
+    setData(result);
   };
 
   var handleShowBookDemo = function handleShowBookDemo() {
@@ -122,13 +149,16 @@ var BookDemoPC = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     src: _demoClose["default"],
     className: (0, _classnames["default"])("".concat(preCls, "__close-icon"))
   })), /*#__PURE__*/_react["default"].createElement(_content["default"], {
+    onChange: handleChangeData,
+    source: source,
     type: type,
     onSubmitSuccess: handleCloseBookDemo
   }));
 });
 BookDemoPC.defaultProps = {
   autoShow: false,
-  visibleChange: function visibleChange() {}
+  visibleChange: function visibleChange() {},
+  source: 0
 };
 var _default = BookDemoPC;
 exports["default"] = _default;

package/lib/components/book-demo/utils.js

@@ -13,12 +13,13 @@ var getTypeData = function getTypeData(type) {
 
 exports.getTypeData = getTypeData;
 
-var getSource = function getSource(param) {
-  var reg = new RegExp("(^|&)".concat(param, "=([^&]*)(&|$)"));
-  var r = window.location.search.substr(1).match(reg) || window.location.hash.substring(window.location.hash.search(/\?/) + 1).match(reg);
+var getSource = function getSource() {
+  var reg = /source=[0-9]*/g;
+  var sourceQuery = window.location.href.match(reg);
 
-  if (r != null) {
-    return decodeURIComponent(r[2]);
+  if (sourceQuery) {
+    var source = decodeURIComponent(sourceQuery[0].split("=")[1]);
+    return source;
   }
 
   return 0;

package/lib/components/dialog/index.css

@@ -2,6 +2,10 @@
   z-index: 100;
 }
 
+.rc-dialog-header {
+  border-radius: 24px 24px 0 0;
+}
+
 .rc-dialog-wrap {
   display: flex;
   justify-content: center;

package/lib/components/upload-photo-modal/index.css

@@ -45,9 +45,9 @@
 
 .tita-ui-change-person-photo__upload-right-input {
   position: absolute;
-  top: 76px;
+  top: 0;
   width: 240px;
-  height: 60px;
+  height: 240px;
   opacity: 0;
   cursor: pointer;
 }
@@ -112,16 +112,16 @@
 .tita-ui-change-person-photo__upload-left-box {
   width: 160px;
   height: 32px;
-  background: #F0F2F5;
+  background: #f0f2f5;
   border-radius: 2px;
-  border: 1px solid #E9ECF0;
+  border: 1px solid #e9ecf0;
 }
 
 .tita-ui-change-person-photo__upload-left-preview {
   margin-top: 8px;
   font-size: 14px;
   font-weight: 400;
-  color: #3F4755;
+  color: #3f4755;
   line-height: 22px;
 }
 
@@ -142,18 +142,18 @@
 .tita-ui-change-person-photo__preview-box-bgc {
   width: 160px;
   height: 32px;
-  background: #2879FF;
+  background: #2879ff;
   border-radius: 2px;
-  border: 1px solid #E9ECF0;
+  border: 1px solid #e9ecf0;
 }
 
 .tita-ui-change-person-photo__preview-box-browser {
   margin-left: 16px;
   width: 176px;
   height: 48px;
-  background: #F0F2F5;
+  background: #f0f2f5;
   border-radius: 2px;
-  border: 1px solid #E9ECF0;
+  border: 1px solid #e9ecf0;
   background-image: url("./img/browser-preview-bgc.png");
   background-size: 170px 28px;
   background-position: center center;
@@ -191,7 +191,7 @@
   margin-top: 36px;
   font-size: 14px;
   font-weight: 400;
-  color: #3F4755;
+  color: #3f4755;
   line-height: 22px;
 }
 
@@ -209,7 +209,7 @@
   right: 10px;
   font-size: 12px;
   font-weight: 400;
-  color: #3F4755;
+  color: #3f4755;
   line-height: 18px;
 }
 
@@ -217,7 +217,7 @@
   margin-top: 58px;
   font-size: 14px;
   font-weight: 400;
-  color: #3F4755;
+  color: #3f4755;
   line-height: 22px;
 }
 
@@ -255,6 +255,7 @@
 }
 
 .tita-ui-change-person-photo__title-again {
+  opacity: 0;
   margin-left: 92px;
   margin-top: 8px;
   font-size: 14px;
@@ -264,15 +265,16 @@
 }
 
 .tita-ui-change-person-photo__title-again--show {
+  opacity: 1;
   color: #2879ff;
 }
 
 .tita-ui-change-person-photo__title-again--show:hover {
-  color: #5C8EFF;
+  color: #5c8eff;
 }
 
 .tita-ui-change-person-photo__title-again--hover {
-  color: #5C8EFF;
+  color: #5c8eff;
 }
 
 .tita-ui-change-person-photo__title-preview {

package/lib/components/upload-photo-modal/index.js

@@ -56,7 +56,8 @@ function ChangePhoto(props) {
       onCancel = props.onCancel,
       _props$type = props.type,
       type = _props$type === void 0 ? "person" : _props$type,
-      handleSuccessUploadPhoto = props.handleSuccessUploadPhoto;
+      handleSuccessUploadPhoto = props.handleSuccessUploadPhoto,
+      title = props.title;
   var modalRef = (0, _react.useRef)();
   var cropperRef = (0, _react.useRef)(null);
 
@@ -115,8 +116,8 @@ function ChangePhoto(props) {
     var n = bstr.length;
     var u8arr = new Uint8Array(n);
 
-    while (n--) {
-      u8arr[n] = bstr.charCodeAt(n);
+    for (var i = n; i > 0; i -= 1) {
+      u8arr[i] = bstr.charCodeAt(i);
     }
 
     return new File([u8arr], filename, {
@@ -162,18 +163,20 @@ function ChangePhoto(props) {
   };
 
   var handleSaveInfo = function handleSaveInfo() {
-    if (!image) {} else if (type === "person") {
-      (0, _requestApi.saveUserPhoto)(cropper).then(function (resp) {
-        handleSuccessSave(resp);
-      });
-    } else if (type === "enterprise") {
-      (0, _requestApi.saveTenantLogo)(cropper).then(function (resp) {
-        handleSuccessSave(resp);
-      });
-    } else {
-      (0, _requestApi.saveBrowserIcon)(cropper).then(function (resp) {
-        handleSuccessSave(resp);
-      });
+    if (image) {
+      if (type === "person") {
+        (0, _requestApi.saveUserPhoto)(cropper).then(function (resp) {
+          handleSuccessSave(resp);
+        });
+      } else if (type === "enterprise") {
+        (0, _requestApi.saveTenantLogo)(cropper).then(function (resp) {
+          handleSuccessSave(resp);
+        });
+      } else {
+        (0, _requestApi.saveBrowserIcon)(cropper).then(function (resp) {
+          handleSuccessSave(resp);
+        });
+      }
     }
   };
 
@@ -196,7 +199,7 @@ function ChangePhoto(props) {
     width: 480,
     mask: true,
     centered: true,
-    title: (0, _getLocale.getLocale)("Set_PI_Uploadavatar"),
+    title: title,
     noHeadLine: true,
     maskClosable: false,
     onClose: handleCancel,
@@ -264,25 +267,30 @@ function ChangePhoto(props) {
     condition: type === "person"
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: cropData,
-    className: "".concat(preCls, "__preview-box1")
+    className: "".concat(preCls, "__preview-box1"),
+    alt: "bigImage"
   }), /*#__PURE__*/_react["default"].createElement("img", {
     src: cropData,
-    className: "".concat(preCls, "__preview-box2")
+    className: "".concat(preCls, "__preview-box2"),
+    alt: "middleImage"
   }), /*#__PURE__*/_react["default"].createElement("img", {
     src: cropData,
-    className: "".concat(preCls, "__preview-box3")
+    className: "".concat(preCls, "__preview-box3"),
+    alt: "smallImage"
   })), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: type === "enterprise"
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: cropData,
-    className: "".concat(preCls, "__preview-enterprise-img")
+    className: "".concat(preCls, "__preview-enterprise-img"),
+    alt: "previewImage"
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(preCls, "__preview-enterprise-title")
   }, item === null || item === void 0 ? void 0 : item.previewTitle)), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: type === "browser"
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: cropData,
-    className: "".concat(preCls, "__preview-browser-img")
+    className: "".concat(preCls, "__preview-browser-img"),
+    alt: "previewImage"
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(preCls, "__preview-browser-name")
   }, "Tita"), /*#__PURE__*/_react["default"].createElement("span", {

package/lib/pages/personal-info/components/person-photo/index.js

@@ -94,11 +94,12 @@ function PersonPhoto() {
     onClick: handleChangePhoto
   }, (0, _getLocale.getLocale)("Set_PI_Clicktomodify")), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__main-tip")
-  }, (0, _getLocale.getLocale)("Set_PI_Suggestedsize"), " ", "150*150px")), /*#__PURE__*/_react["default"].createElement(_uploadPhotoModal["default"], {
+  }, (0, _getLocale.getLocale)("Set_PI_Suggestedsize"), "150*150px")), /*#__PURE__*/_react["default"].createElement(_uploadPhotoModal["default"], {
     visible: visible,
     onCancel: handleCancel,
     type: "person",
-    handleSuccessUploadPhoto: handleSuccessUploadPhoto
+    handleSuccessUploadPhoto: handleSuccessUploadPhoto,
+    title: (0, _getLocale.getLocale)("Set_PI_Uploadavatar")
   }));
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.9.113",
+  "version": "1.9.117",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",