@titaui/pc 1.9.28 → 1.9.32

package/src/pages/aha2021/index.scss

@@ -17,17 +17,27 @@
     z-index: 3;
   }
 
-  &__invite {
+  &__invite,&__kefu {
     position: absolute;
     bottom: 74px;
-    left: 24px;
+    right: 24px;
     z-index: 2;
   }
 
+  &__kefu {
+    width: 42px;
+    height: 42px;
+    background: url('./kefu.svg') no-repeat;
+    background-size: 42px;
+    box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
+    cursor: pointer;
+    border-radius: 50%;
+  }
+
   &__help {
     position: absolute;
     bottom: 20px;
-    left: 24px;
+    right: 24px;
     z-index: 2;
   }
 

package/src/pages/aha2021/index.tsx

@@ -1,22 +1,21 @@
-import React, { Children, useState, useEffect } from 'react';
-import classNames from 'classnames';
-import NavTop from '../../components/nav-top';
-import FollowerVisitor from '../../components/follower-visitor';
-import InvitePeople from '../../components/invite-people';
-import HelpCard from '../../components/help-card';
-import PointDemo from '../../components/point-demo/point-demo';
-import { isOfficialSite } from '../../utils/platform';
-import './index.scss';
-import { getTenantInfo } from '../../utils/helpers';
-import HrHeader from '../../components/hr-header';
+import React, { Children, useEffect } from "react";
+import classNames from "classnames";
+import Tooltip from "../../components/tooltip";
+import NavTop from "../../components/nav-top";
+import FollowerVisitor from "../../components/follower-visitor";
+import InvitePeople from "../../components/invite-people";
+import HelpCard from "../../components/help-card";
+import PointDemo from "../../components/point-demo/point-demo";
+import { isOfficialSite, isPlatform } from "../../utils/platform";
+import "./index.scss";
+import { getTenantInfo } from "../../utils/helpers";
+import HrHeader from "../../components/hr-header";
 
 const preCls = `titaui-aha-2021`;
 
 const ContentTemplate = (props) => {
   const { children, title } = props;
 
-  const [isTrial] = useState(window.BSGlobal.tenantAuthentication.Version == 1);
-
   useEffect(() => {
     if (title) document.title = title;
   }, []);
@@ -42,20 +41,39 @@ const PageLayout = (props) => {
   const { children } = props;
 
   const isTrial =
-    window.BSGlobal.tenantAuthentication.Version == 1 && isOfficialSite();
+    window.BSGlobal.tenantAuthentication.Version !== 1 && isOfficialSite();
+
+  const onClickKefu = () => {
+    const kefuUrl = isTrial
+      ? "https://wpa1.qq.com/vZYKN3kT?_type=wpa&qidian=true"
+      : "https://wpa1.qq.com/o6X4XD1n?_type=wpa&qidian=true";
+    window.open(kefuUrl);
+  };
 
   return (
     <div className={classNames(preCls)}>
       <div className={classNames(`${preCls}__header`)}>
-        {getTenantInfo().Source == 964 ? <HrHeader/> : <NavTop />}
+        {getTenantInfo().Source == 964 ? <HrHeader /> : <NavTop />}
       </div>
       <div className={classNames(`${preCls}__message`)}>
         <FollowerVisitor />
-      </div> 
+      </div>
       <div className={classNames(`${preCls}__body`)}>{children}</div>
       <div className={classNames(`${preCls}__help`)}>
         <HelpCard />
       </div>
+      {!isTrial && (
+        <Tooltip
+          overlay={"联系客服"}
+          placement="left"
+          align={{ offset: [0, 0] }}
+        >
+          <div
+            className={classNames(`${preCls}__kefu`)}
+            onClick={onClickKefu}
+          />
+        </Tooltip>
+      )}
       {isTrial && (
         <div className={classNames(`${preCls}__invite`)}>
           <InvitePeople />

package/src/pages/aha2021/kefu.svg

@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="42px" height="42px" viewBox="0 0 42 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>联系客服</title>
+    <defs>
+        <linearGradient x1="50%" y1="3.061617e-15%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#4E90FF" offset="0%"></stop>
+            <stop stop-color="#2879FF" offset="100%"></stop>
+        </linearGradient>
+        <circle id="path-2" cx="21" cy="21" r="21"></circle>
+        <filter x="-9.5%" y="-9.5%" width="119.0%" height="119.0%" filterUnits="objectBoundingBox" id="filter-3">
+            <feMorphology radius="2" operator="erode" in="SourceAlpha" result="shadowSpreadInner1"></feMorphology>
+            <feGaussianBlur stdDeviation="3" in="shadowSpreadInner1" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.5 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <path d="M16.0326322,22.3870375 C17.2658552,23.6988927 19.0348583,24.52 21,24.52 C22.9651417,24.52 24.7341448,23.6988927 25.9677254,22.3884226 C28.2561116,22.7713626 30,24.7620278 30,27.16 L30,28.48 C30,30.4240423 28.4240423,32 26.48,32 L15.52,32 C13.5759577,32 12,30.4240423 12,28.48 L12,27.16 C12,24.7620278 13.7438884,22.7713626 16.0326322,22.3870375 Z M21,12.75 C23.7338095,12.75 25.95,15.0646878 25.95,17.92 C25.95,20.7753122 23.7338095,23.09 21,23.09 C18.2661905,23.09 16.05,20.7753122 16.05,17.92 C16.05,15.0646878 18.2661905,12.75 21,12.75 Z" id="path-4"></path>
+        <filter x="-8.3%" y="-7.8%" width="116.7%" height="115.6%" filterUnits="objectBoundingBox" id="filter-5">
+            <feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.156862745   0 0 0 0 0.474509804   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <path d="M21,10 C24.9277825,10 28.2259218,12.625855 29.1450821,16.1736317 C29.6496186,16.4041954 30,16.914055 30,17.5057506 L30,19.053028 C30,19.8630456 29.343351,20.5196947 28.5333333,20.5196947 L28.3666667,20.5196947 C27.556649,20.5196947 26.9,19.8630456 26.9,19.053028 L26.9,17.5057506 C26.9,17.0104727 27.1454948,16.5725332 27.5214379,16.3069786 C26.6936147,13.562158 24.0870351,11.5584733 21,11.5584733 C17.9129808,11.5584733 15.3064121,13.5621374 14.4762481,16.3071469 C14.8545052,16.5725332 15.1,17.0104727 15.1,17.5057506 L15.1,19.053028 C15.1,19.8630456 14.443351,20.5196947 13.6333333,20.5196947 L13.4666667,20.5196947 C12.656649,20.5196947 12,19.8630456 12,19.053028 L12,17.5057506 C12,16.9136645 12.3508441,16.4035223 12.8559786,16.171878 C13.7744369,12.6255694 17.0724311,10 21,10 Z" id="path-6"></path>
+        <filter x="-2.8%" y="-4.8%" width="105.6%" height="109.5%" filterUnits="objectBoundingBox" id="filter-7">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.156862745   0 0 0 0 0.474509804   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-1142.000000, -684.000000)" id="联系客服">
+            <g transform="translate(1142.000000, 684.000000)">
+                <g id="椭圆形">
+                    <use fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-2"></use>
+                    <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
+                </g>
+                <g id="形状结合">
+                    <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-4"></use>
+                    <use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-4"></use>
+                </g>
+                <g id="形状结合" fill-rule="nonzero">
+                    <use fill="#FFFFFF" xlink:href="#path-6"></use>
+                    <use fill="black" fill-opacity="1" filter="url(#filter-7)" xlink:href="#path-6"></use>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/pages/group-management/tree/group-form/index.js

@@ -4,6 +4,7 @@ import UserSelector from '../../../../components/user-selector';
 import { Textarea, Radio } from 'tita-ui';
 import { getVisible } from '../../groupInterface';
 import { getLocale } from '../../../../utils/getLocale';
+import { inputWordTrans } from '../../../../utils/i18n-front-translate';
 import './index.scss'
 
 const preCls = 'user-group-page'
@@ -58,7 +59,7 @@ export default forwardRef((props, ref) => {
       }
     }
     if (value.length > 50) {
-      setGroupNameErrMsg(`已输入${value.length}个字，最多可输入50个字`)
+      setGroupNameErrMsg(inputWordTrans(value.length, 50))
     } else {
       setGroupNameErrMsg('')
     }
@@ -66,7 +67,7 @@ export default forwardRef((props, ref) => {
 
   const onGroupNameBlur = () => {
     if (groupName.length > 50) {
-      setGroupNameErrMsg(`已输入${groupName.length}个字，最多可输入50个字`)
+      setGroupNameErrMsg(inputWordTrans(groupName.length, 50))
     } else {
       setGroupNameErrMsg('')
     }

package/src/pages/home/components/data-list/index.scss

@@ -1,8 +1,6 @@
 .homepage-datalist {
-  background-color: #f7f9fb;
   height: calc(100vh - 41px);
   overflow: auto;
-  padding: 14px 20px;
   box-sizing: border-box;
   padding-bottom: 20px;
   box-sizing: border-box;

package/src/utils/i18n-front-translate.ts

@@ -6,3 +6,11 @@ export const i18nLimitCharacters = (length) => {
     return `最多可输入${length}个字`;
   }
 };
+
+export const inputWordTrans = (inputValueLength, maxLength) => {
+  if (isEn) {
+    return `Already entered ${inputValueLength} characters,max ${maxLength} characters`;
+  } else {
+    return `已输入${inputValueLength}个字，最多可输入${maxLength}字`;
+  }
+}

package/yarn-error.log

@@ -0,0 +1,103 @@
+Arguments: 
+  /usr/local/bin/node /usr/local/bin/yarn
+
+PATH: 
+  /opt/homebrew/bin:/opt/homebrew/sbin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Library/Apple/usr/bin:/opt/homebrew/bin:/opt/homebrew/sbin
+
+Yarn version: 
+  1.22.10
+
+Node version: 
+  12.22.1
+
+Platform: 
+  darwin x64
+
+Trace: 
+  SyntaxError: /Users/yang/tita/titaui-pc/package.json: Unexpected token < in JSON at position 26
+      at JSON.parse (<anonymous>)
+      at /usr/local/lib/node_modules/yarn/lib/cli.js:1625:59
+      at Generator.next (<anonymous>)
+      at step (/usr/local/lib/node_modules/yarn/lib/cli.js:310:30)
+      at /usr/local/lib/node_modules/yarn/lib/cli.js:321:13
+
+npm manifest: 
+  {
+    "name": "@titaui/pc",
+  <<<<<<< HEAD
+    "version": "1.2.22",
+  =======
+    "version": "1.2.13",
+  >>>>>>> master
+    "nameCN": "",
+    "description": "",
+    "main": "src/index.js",
+    "scripts": {
+      "storybook": "start-storybook -p 6006 --no-dll",
+      "start": "dev_server=on webpack-dev-server --disableHostCheck=true --progress --colors  --config webpack-stories.config.js",
+      "build-storybook": "build-storybook --docs --no-dll",
+      "build:es": "babel src -d es --ignore **/__tests__",
+      "build:lib": "cross-env OUTPUT_MODULE=commonjs babel src -d lib --ignore **/__tests__",
+      "build:umd": "webpack --config ./.scripts/webpack.umd.js",
+      "build": "npm run build:lib && npm run build:es && npm run build:umd"
+    },
+    "author": "",
+    "license": "ISC",
+    "devDependencies": {
+      "del": "^6.0.0",
+      "gulp": "^3.x",
+      "gulp-autoprefixer": "^7.0.1",
+      "gulp-babel": "^8.0.0",
+      "gulp-concat": "^2.6.1",
+      "gulp-cssbeautify": "^3.0.0",
+      "gulp-cssnano": "^2.1.3",
+      "gulp-filesize": "0.0.6",
+      "gulp-postcss": "^9.0.0",
+      "gulp-rename": "^2.0.0",
+      "gulp-replace": "^1.0.0",
+      "gulp-sass": "^4.1.0",
+      "gulp-sourcemaps": "^2.6.5",
+      "sass-resources-loader": "^2.2.1"
+    },
+    "dependencies": {
+      "@titaui/dagre": "^0.8.8-pre",
+      "@titaui/rc-tree2": "^4.1.15",
+      "@titaui/rc-trigger": "^5.2.5",
+      "@titaui/react-flow-renderer": "9.5.4",
+      "@titaui/toast": "^1.0.0",
+      "axios": "^0.21.1",
+      "classnames": "^2.2.6",
+      "clone-deep": "^4.0.1",
+      "d3-cloud": "^1.2.5",
+      "dayjs": "^1.10.4",
+      "html2canvas": "^1.0.0-rc.7",
+      "moment": "^2.29.1",
+      "qs": "^6.10.1",
+      "rc-checkbox": "^2.3.2",
+      "rc-dialog": "8.5.2",
+      "rc-drawer": "^4.3.1",
+      "rc-input-number": "^5.0.0",
+      "rc-pagination": "^3.1.6",
+      "rc-queue-anim": "1.4.1",
+      "rc-select": "^12.1.7",
+      "rc-switch": "^3.2.2",
+      "rc-table": "^7.13.2",
+      "rc-tabs": "^11.7.3",
+      "rc-tooltip": "^5.1.1",
+      "rc-tree": "^4.1.5",
+      "rc-trigger": "^5.2.3",
+      "rc-upload": "^4.2.0-alpha.0",
+      "rc-util": "^5.13.1",
+      "react-collapse": "^5.1.0",
+      "react-perfect-scrollbar": "^1.5.2",
+      "url-parse": "^1.5.1",
+      "uuid": "^3.1.0",
+      "wordcloud": "^1.2.2"
+    }
+  }
+
+yarn manifest: 
+  No manifest
+
+Lockfile: 
+  No lockfile

package/lib/components/table/checkbox/index.css

@@ -1,95 +0,0 @@
-.tita-checkbox {
-  font-size: 14px;
-  line-height: 1.5;
-  color: rgba(0, 0, 0, 0.65);
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  white-space: nowrap;
-  cursor: pointer;
-  outline: 0;
-  display: inline-block;
-  line-height: 1;
-  position: relative;
-  vertical-align: middle;
-  left: 1px;
-}
-
-.tita-checkbox .rc-checkbox-checked .rc-checkbox-inner {
-  background: #2879ff;
-  border: none;
-  border-radius: 2px;
-  width: 16px;
-  height: 16px;
-}
-
-.tita-checkbox .rc-checkbox-checked .rc-checkbox-inner::after {
-  transform: rotate(0deg) scale(0.6);
-  border: 0 solid transparent;
-  transition: none;
-  color: #fff;
-  content: "\E9f9" !important;
-  left: 1px;
-  top: 1px;
-  font-weight: 700;
-}
-
-.tita-checkbox .rc-checkbox-checked::after {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border-radius: 2px;
-  border: 1px solid #1687d9;
-  content: "";
-  animation: antCheckboxEffect 0.36s ease-in-out;
-  animation-fill-mode: both;
-  visibility: hidden;
-}
-
-.tita-checkbox .rc-checkbox-input {
-  position: absolute;
-  left: 0;
-  z-index: 1;
-  cursor: pointer;
-  opacity: 0;
-  top: -5px;
-  bottom: 0;
-  right: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.tita-checkbox .rc-checkbox-inner {
-  position: relative;
-  top: 0;
-  left: 0;
-  display: block;
-  width: 14px;
-  height: 14px;
-  border: 1px solid #e9ecf0;
-  border-radius: 2px;
-  background-color: #fff;
-  transition: none;
-  font-family: tu-icon !important;
-  font-style: normal;
-  font-weight: 400;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-}
-
-.tita-checkbox .rc-checkbox-inner::after {
-  transform: rotate(0deg) scale(1);
-  position: absolute;
-  display: table;
-  border: 0 solid #1587d9;
-  border-top: 0;
-  border-left: 0;
-  content: " ";
-  left: 0;
-  transition: none;
-}

package/lib/components/table/checkbox/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _rcCheckbox = _interopRequireDefault(require("rc-checkbox"));
-
-require("./index.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = function _default(props) {
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "tita-checkbox"
-  }, /*#__PURE__*/_react["default"].createElement(_rcCheckbox["default"], props), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "tita-checkbox-sign"
-  }));
-};
-
-exports["default"] = _default;

package/src/components/table/checkbox/index.js

@@ -1,11 +0,0 @@
-import React, { } from "react"
-import Checkbox from 'rc-checkbox'
-import "./index.scss"
-
-export default (props) => {
-
-  return <div className="tita-checkbox">
-    <Checkbox {...props} />
-    <div className="tita-checkbox-sign"></div>
-  </div>
-}

package/src/components/table/checkbox/index.scss

@@ -1,93 +0,0 @@
-.tita-checkbox {
-  font-size: 14px;
-  line-height: 1.5;
-  color: rgba(0, 0, 0, 0.65);
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  white-space: nowrap;
-  cursor: pointer;
-  outline: 0;
-  display: inline-block;
-  line-height: 1;
-  position: relative;
-  vertical-align: middle;
-  left: 1px;
-  
-  .rc-checkbox-checked {
-    .rc-checkbox-inner {
-      background: #2879ff;
-      border: none;
-      border-radius: 2px;
-      width: 16px;
-      height: 16px;
-      &::after {
-        transform: rotate(0deg) scale(0.6);
-        border: 0 solid transparent;
-        transition: none;
-        color: #fff;
-        content: "\E9f9" !important;
-        left: 1px;
-        top: 1px;
-        font-weight: 700;
-      }
-    }
-
-    &::after {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      border-radius: 2px;
-      border: 1px solid #1687d9;
-      content: "";
-      animation: antCheckboxEffect 0.36s ease-in-out;
-      animation-fill-mode: both;
-      visibility: hidden;
-    }
-  }
-  .rc-checkbox-input {
-    position: absolute;
-    left: 0;
-    z-index: 1;
-    cursor: pointer;
-    opacity: 0;
-    top: -5px;
-    bottom: 0;
-    right: 0;
-    width: 100%;
-    height: 100%;
-  }
-  .rc-checkbox-inner {
-    position: relative;
-    top: 0;
-    left: 0;
-    display: block;
-    width: 14px;
-    height: 14px;
-    border: 1px solid #e9ecf0;
-    border-radius: 2px;
-    background-color: #fff;
-    transition: none;
-    font-family: tu-icon !important;
-    font-style: normal;
-    font-weight: 400;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    &::after {
-      transform: rotate(0deg) scale(1);
-      position: absolute;
-      display: table;
-      border: 0 solid #1587d9;
-      border-top: 0;
-      border-left: 0;
-      content: " ";
-      left: 0;
-      transition: none;
-    }
-  }
-}