@titaui/pc 1.7.93 → 1.7.97

package/src/pages/personal-info/components/edit-info/input/index.tsx

@@ -0,0 +1,145 @@
+import React, { useState, useRef, useEffect, forwardRef, useImperativeHandle } from 'react';
+import classNames from 'classnames';
+import ToolTip from '../../../../../components/tooltip/error-tip';
+import './index.scss'
+
+const preCls = 'edit-base-info-input';
+
+interface verify {
+  tip: string;
+  test: RegExp;
+}
+interface Props {
+  label: string;
+  verifies?: verify[];
+  placeholder?: string;
+  onChange?: Function;
+  value?: any;
+  require?: boolean;
+  type?: string;
+  name: string;
+  getContainer?: Function;
+  disabled?: boolean
+}
+interface Error {
+  name: string;
+  tip: string;
+}
+
+const OverlayInner = ({ hasError, hasActive, tip }) => {
+  if (hasError) return <span style={{ 'color': '#F05E5E' }}>{tip}</span>;
+  if (hasActive) return <span style={{ 'color': '#3F4755' }}>{tip}</span>;
+  return <span />;
+}
+
+const popupAlign = {
+  offset: [-12, -4],
+  overflow: { adjustX: true, adjustY: true },
+  targetOffset: [0, 0],
+};
+
+export default forwardRef((props: Props, ref) => {
+  const {
+    label,
+    verifies,
+    placeholder,
+    onChange,
+    require,
+    type,
+    name,
+    disabled,
+    getContainer
+  } = props;
+
+  const inputRef = useRef<any>();
+  const [hasError, setHasError] = useState<boolean>(false);
+  const [hasActive, setHasActive] = useState<boolean>(false);
+  const [tip, setTip] = useState<string>('');
+  const [value, setValue] = useState<string>(props.value || '');
+
+  useEffect(() => {
+    setValue(props.value);
+  }, [props.value])
+
+  const verifing = (): Error[] => {
+    const value = inputRef.current && inputRef.current.value;
+    if (!verifies || !verifies.length) return [];
+    if (!require && !value) return [];
+    const errors: Error[] = [];
+    for (let i = 0; i < verifies.length; i++) {
+      let { test, tip } = verifies[i];
+      if (!value.match(test)) {
+        errors.push({ name, tip });
+      }
+    }
+    return errors;
+  }
+
+  const onInputFocusHandler = () => {
+    setHasActive(true);
+    inputRef.current.setSelectionRange(9999999, 9999999);
+  }
+
+  const onBlurHandler = () => {
+    setHasActive(false);
+  }
+
+  const onChangeHandler = () => {
+    const value = inputRef.current && inputRef.current.value;
+    onChange && onChange(value);
+    setValue(value);
+    const errors = verifing();
+    if (errors.length) {
+      setHasError(true);
+      setTip(errors[0].tip);
+    } else {
+      setHasError(false);
+      setTip('');
+    }
+  }
+
+  useImperativeHandle(ref, () => ({
+    'verifing': (): Error[] => {
+      const errors = verifing();
+      if (errors.length) {
+        setHasError(true);
+        setTip(errors[0].tip);
+        inputRef.current.focus();
+      }
+      return errors;
+    }
+  }))
+
+  return <div className={classNames(preCls)}>
+    <div className={classNames(`${preCls}__label`)}>
+      <span className={classNames(`${preCls}__label-text`)}>{label}</span>
+    </div>
+    <div className={classNames(`${preCls}__border`, {
+      [`${preCls}__border--error`]: hasError,
+      [`${preCls}__border--active`]: hasActive,
+      [`${preCls}__border--disabled`]: disabled
+    })}>
+      <ToolTip
+        placement={'topLeft'}
+        popupAlign={popupAlign}
+        destroyTooltipOnHide={true}
+        visible={(hasActive || hasError) && tip}
+        overlay={<OverlayInner hasActive={hasActive} hasError={hasError} tip={tip} />}
+        getTooltipContainer={getContainer}
+      >
+        <input
+          ref={inputRef}
+          type={type}
+          disabled={disabled}
+          className={classNames(`${preCls}__input`)}
+          value={value}
+          placeholder={placeholder}
+          onFocus={onInputFocusHandler}
+          onBlur={onBlurHandler}
+          onChange={onChangeHandler}
+          autoComplete='off'
+        />
+      </ToolTip>
+    </div>
+  </div>
+})

package/src/pages/personal-info/components/person-photo/index.scss

@@ -0,0 +1,80 @@
+.titaui-personal-info-person-photo {
+  background: #ffffff;
+  box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
+  border-radius: 12px;
+  padding: 20px 32px;
+  margin-top: 10px;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+  &__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 12px;
+    &-title {
+      font-size: 16px;
+      font-weight: 600;
+      color: #141c28;
+      line-height: 24px;
+      position: relative;
+      display: inline-flex;
+      align-items: center;
+      &::before {
+        content: "";
+        width: 4px;
+        height: 16px;
+        background: linear-gradient(90deg, #4e90ff 0%, #2879ff 100%);
+        border-radius: 2px;
+        display: inline-block;
+        position: absolute;
+        left: -8px;
+        top: 3px;
+      }
+    }
+  }
+  &__main {
+    display: flex;
+    align-items: center;
+    &-mask {
+      position: absolute;
+      width: 160px;
+      height: 32px;
+      box-sizing: border-box;
+      padding: 7px 52px;
+      background: rgba(20, 28, 40, 0.5);
+      // filter: blur(4px);
+      font-size: 12px;
+      color: #FFFFFF;
+      line-height: 18px;
+    }
+    & > span {
+      margin-left: 24px;
+      font-size: 12px;
+      color: #A4ACB9;
+      line-height: 20px;
+    }
+  }
+  .titaui-pc-avator-container {
+    cursor: pointer;
+  }
+  .titaui-pc-avator-wrapper {
+    &::before {
+      position: absolute;
+      bottom:0;
+      display: block;
+      content: "点击修改";
+      width: 160px;
+      height: 32px;
+      background: rgba(20, 28, 40, 0.5);
+      color: #FFFFFF;
+      font-size: 12px;
+      line-height: 18px;
+      text-align: center;
+      box-sizing: border-box;
+      padding: 7px 0;
+      backdrop-filter: blur(4px);
+    }
+    &:hover::before {
+      background: rgba(20, 28, 40, 0.4);
+    }
+  }
+}

package/src/pages/personal-info/components/person-photo/index.tsx

@@ -0,0 +1,49 @@
+import React, { useState, useEffect } from 'react';
+import classNames from 'classnames';
+import { getUserInfo } from '../../../../utils/bs-global';
+import Avatar from '../../../../components/avatar';
+import ChangePhotoModal from '../../../../components/upload-photo-modal';
+import './index.scss';
+
+const prefix = 'titaui-personal-info-person-photo';
+
+const { Id, Name, UserAvatar } = getUserInfo();
+
+const PersonPhoto = () => {
+
+  const [visible, setVisible] = useState(false);
+
+  const handleChangePhoto = () => {
+    setVisible(true);
+  }
+
+  const handleCancel = () => {
+    setVisible(false);
+  }
+
+	return (
+		<div className={prefix}>
+			<div className={`${prefix}__header`}>
+				<span className={`${prefix}__header-title`}>上传头像</span>
+			</div>
+			<div className={`${prefix}__main`}>
+				<Avatar
+					userId={Id}
+					name={Name}
+					color={UserAvatar.Color}
+					src={UserAvatar.Large}
+					size={{
+						width: 160,
+						textNum: 1,
+						fontSize: 24
+					}}
+          onClick={handleChangePhoto}
+				/>
+        <span>· 建议图片最小尺寸 150*150px</span>
+			</div>
+      <ChangePhotoModal visible={visible} onCancel={handleCancel} type="person"/>
+    </div>
+	);
+};
+
+export default PersonPhoto;

package/src/pages/personal-info/index.tsx

@@ -1,5 +1,6 @@
 import React from "react";
 import BaseInfo from "./components/base-info";
+import PersonPhoto from './components/person-photo'
 import Aha2021Page from '../aha2021';
 import "./index.scss";
 
@@ -10,6 +11,7 @@ const PersonalInfo = () => {
     <Aha2021Page.ContentTemplate>
       <div className={prefix}>
         <BaseInfo />
+        <PersonPhoto />
       </div>
     </Aha2021Page.ContentTemplate>
   );

package/src/utils/date-test-change.ts

@@ -1,5 +1,3 @@
-import { getLocale } from "./getLocale"
-
 //精确到日期的检测 date为2021/8/26这样的类型，返回距现在几天
 export const testDateDiff = (date) => {
 
@@ -40,7 +38,7 @@ export const testDateDiff = (date) => {
 //           if (hourDiff < 1) {
 //             const minDiff = Math.floor((nTime - tTime) / (1000 * 60))
 //             if (minDiff < 1) {
-//               return getLocale('Pro_page_Int_Justnow')
+//               return '刚刚'
 //             } else {
 //               return `${minDiff}分钟前`
 //             }
@@ -83,7 +81,7 @@ export const testDayChange = (date) => {
 
   const secondDiff = Math.floor((nowMilliSecond - timeMilliSecond) / 1000);
   if (secondDiff <= 3) {
-    return getLocale('Pro_page_Int_Justnow');
+    return '刚刚';
   }
   if (secondDiff < 60) {
     return `${secondDiff}秒前`;
@@ -95,7 +93,7 @@ export const testDayChange = (date) => {
     return `${Math.floor(secondDiff / (60 * 60))}小时前`;
   }
   if (secondDiff < 60 * 60 * 24 * 2 && nowDate - 1 === timeDate) {
-    return getLocale('OKR_MyO_Pr_Text_Yesterday');
+    return `昨天`;
   }
   if (secondDiff < 60 * 60 * 24 * 3 && nowDate - 2 === timeDate) {
     return `前天`;

package/src/utils/format-time.ts

@@ -1,8 +1,6 @@
-import { getLocale } from "./getLocale";
-
 export const getTimeString = (time: string, nowTime): string => {
   if (!time) {
-    return getLocale('OKR_MyO_KRP_Notupdated');
+    return "暂未更新";
   }
   const timeDateObj = new Date(time);
   const timeMilliSecond = timeDateObj.getTime();
@@ -18,7 +16,7 @@ export const getTimeString = (time: string, nowTime): string => {
 
   const secondDiff = Math.floor((nowMilliSecond - timeMilliSecond) / 1000);
   if (secondDiff <= 3) {
-    return getLocale('Pro_page_Int_Justnow');
+    return "刚刚";
   }
   if (secondDiff < 60) {
     return `${secondDiff}秒前`;
@@ -30,7 +28,7 @@ export const getTimeString = (time: string, nowTime): string => {
     return `${Math.floor(secondDiff / (60 * 60))}小时前`;
   }
   if (secondDiff < 60 * 60 * 24 * 2 && nowDate - 1 === timeDate) {
-    return `${getLocale('OKR_MyO_Pr_Text_Yesterday')} ${timeHours + ":" + timeMinutes}`;
+    return `昨天 ${timeHours + ":" + timeMinutes}`;
   }
   if (secondDiff < 60 * 60 * 24 * 3 && nowDate - 2 === timeDate) {
     return `前天 ${timeHours + ":" + timeMinutes}`;

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/change-okr-modal/constant.js

@@ -1,190 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getYear = exports.getTypeMap = exports.getStatusType = exports.getPopType = exports.getOkrTypes = exports.getMonthKeyValue = exports.getMonth = exports.getBimonthlyMonthKeyValue = void 0;
-
-var _bsGlobal = require("../../utils/bs-global");
-
-var _getLocale = require("../../utils/getLocale");
-
-var i18nInfo = (0, _bsGlobal.getBSGlobal)("I18NInfo");
-var isEn = i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "en_US";
-
-var getYear = function getYear() {
-  var years = [{
-    title: (0, _getLocale.getLocale)("OKR_MyO_Butt_Allyears"),
-    value: -1
-  }];
-
-  for (var i = 2013; i < 2051; i++) {
-    years.push({
-      title: i + (isEn ? '' : "年"),
-      value: i
-    });
-  }
-
-  return years;
-};
-
-exports.getYear = getYear;
-
-var getStatusType = function getStatusType() {
-  return [{
-    title: (0, _getLocale.getLocale)("OKR_MyO_Butt_AllStates"),
-    value: 0
-  }, {
-    title: (0, _getLocale.getLocale)("Per_MyRe_text_Inprogress"),
-    value: 1
-  }, {
-    title: (0, _getLocale.getLocale)("OKR_MyO_Butt_Hasended"),
-    value: 2
-  }];
-};
-
-exports.getStatusType = getStatusType;
-
-var getOkrTypes = function getOkrTypes() {
-  return [{
-    title: (0, _getLocale.getLocale)("OKR_MyO_Butt_Alltypes"),
-    value: -1
-  }, {
-    title: (0, _getLocale.getLocale)("OKR_MyO_Pop_Company"),
-    value: 3
-  }, {
-    title: (0, _getLocale.getLocale)("Mod_Department"),
-    value: 2
-  }, {
-    /**
-      新增的团队 --- start
-    */
-    title: (0, _getLocale.getLocale)('OKR_MyO_Text_Team'),
-    value: 4
-    /**
-      新增的团队 --- end
-    */
-
-  }, {
-    title: (0, _getLocale.getLocale)("OKR_MyO_Pop_Individual"),
-    value: 1
-  }];
-};
-
-exports.getOkrTypes = getOkrTypes;
-
-var getPopType = function getPopType() {
-  return {
-    0: (0, _getLocale.getLocale)("OKR_OKRW_Butt_Switchobje"),
-    1: (0, _getLocale.getLocale)("OKR_MyO_Pop_SetAlignment")
-  };
-};
-
-exports.getPopType = getPopType;
-
-var getTypeMap = function getTypeMap() {
-  return {
-    1: (0, _getLocale.getLocale)("OKR_MyO_Pop_Individual"),
-    2: (0, _getLocale.getLocale)("Mod_Department"),
-    3: (0, _getLocale.getLocale)("OKR_MyO_Pop_Company"),
-    4: (0, _getLocale.getLocale)('OKR_MyO_Text_Team')
-  };
-};
-
-exports.getTypeMap = getTypeMap;
-
-var getBimonthlyMonthKeyValue = function getBimonthlyMonthKeyValue(startMonth) {
-  var start = startMonth % 2 == 1 ? 1 : 2;
-  var month = start;
-
-  var getNextMonth = function getNextMonth(month) {
-    var step = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-    return (month + step) % 12 || 12;
-  };
-
-  var datas = [];
-  var monthLang = getMonth();
-
-  if (!i18nInfo || i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "zh_CN") {
-    datas.push({
-      title: "".concat(start, " - ").concat(getNextMonth(start), "\u6708"),
-      value: ["4,".concat(start)]
-    });
-
-    while (1) {
-      month = getNextMonth(month, 2);
-      if (month == start) break;
-      datas.push({
-        title: "".concat(month, " - ").concat(getNextMonth(month), "\u6708"),
-        value: ["4,".concat(month)]
-      });
-    }
-  } else {
-    datas.push({
-      title: "".concat(monthLang[start - 1], " - ").concat(monthLang[getNextMonth(start) - 1]),
-      value: ["4,".concat(start)]
-    });
-
-    while (1) {
-      month = getNextMonth(month, 2);
-      if (month == start) break;
-      datas.push({
-        title: "".concat(monthLang[month - 1], " - ").concat(monthLang[getNextMonth(month) - 1]),
-        value: ["4,".concat(month)]
-      });
-    }
-  }
-
-  return datas;
-};
-
-exports.getBimonthlyMonthKeyValue = getBimonthlyMonthKeyValue;
-
-var getMonth = function getMonth() {
-  return [(0, _getLocale.getLocale)("Mod_Jan"), (0, _getLocale.getLocale)("Mod_Feb"), (0, _getLocale.getLocale)("Mod_Mar"), (0, _getLocale.getLocale)("Mod_Apr"), (0, _getLocale.getLocale)("Mod_May"), (0, _getLocale.getLocale)("Mod_Jun"), (0, _getLocale.getLocale)("Mod_Jul"), (0, _getLocale.getLocale)("Mod_Aug"), (0, _getLocale.getLocale)("Mod_Sept"), (0, _getLocale.getLocale)("Mod_Oct"), (0, _getLocale.getLocale)("Mod_Nov"), (0, _getLocale.getLocale)("Mod_Dec")];
-};
-
-exports.getMonth = getMonth;
-
-var getMonthKeyValue = function getMonthKeyValue() {
-  var month = getMonth();
-  return [{
-    title: month[0],
-    value: "3,1"
-  }, {
-    title: month[1],
-    value: "3,2"
-  }, {
-    title: month[2],
-    value: "3,3"
-  }, {
-    title: month[3],
-    value: "3,4"
-  }, {
-    title: month[4],
-    value: "3,5"
-  }, {
-    title: month[5],
-    value: "3,6"
-  }, {
-    title: month[6],
-    value: "3,7"
-  }, {
-    title: month[7],
-    value: "3,8"
-  }, {
-    title: month[8],
-    value: "3,9"
-  }, {
-    title: month[9],
-    value: "3,10"
-  }, {
-    title: month[10],
-    value: "3,11"
-  }, {
-    title: month[11],
-    value: "3,12"
-  }];
-};
-
-exports.getMonthKeyValue = getMonthKeyValue;

package/lib/components/pagination/locale/en_US.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _default = {
-  // Options.jsx
-  items_per_page: '/ page',
-  jump_to: 'Go to',
-  jump_to_confirm: 'confirm',
-  page: 'Page',
-  // Pagination.jsx
-  prev_page: 'Previous Page',
-  next_page: 'Next Page',
-  prev_5: 'Previous 5 Pages',
-  next_5: 'Next 5 Pages',
-  prev_3: 'Previous 3 Pages',
-  next_3: 'Next 3 Pages',
-  page_size: 'Page Size'
-};
-exports["default"] = _default;

package/lib/components/pagination/locale/zh_CN.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _default = {
-  // Options.jsx
-  items_per_page: '条/页',
-  jump_to: '跳至',
-  jump_to_confirm: '确定',
-  page: '页',
-  // Pagination.jsx
-  prev_page: '上一页',
-  next_page: '下一页',
-  prev_5: '向前 5 页',
-  next_5: '向后 5 页',
-  prev_3: '向前 3 页',
-  next_3: '向后 3 页',
-  page_size: '页码'
-};
-exports["default"] = _default;