@titaui/pc 1.9.34 → 1.9.35

package/src/pages/appointment-demo/popup/placement.js

@@ -1,35 +0,0 @@
-export default {
-  'left': {
-    'points': ['cr', 'cl'],
-  },
-  'center': {
-    'points': ['cr', 'cr'],
-  },
-  'right': {
-    'points': ['cl', 'cr'],
-  },
-  'top': {
-    'points': ['bc', 'tc'],
-  },
-  'bottom': {
-    'points': ['tc', 'bc'],
-  },
-  'topLeft': {
-    'points': ['bl', 'tl'],
-  },
-  'topRight': {
-    'points': ['br', 'tr'],
-  },
-  'center': {
-    'points': ['cc', 'cc'],
-  },
-  'centerRight': {
-    'points': ['cl', 'cl'],
-  },
-  'bottomRight': {
-    'points': ['tr', 'br'],
-  },
-  'bottomLeft': {
-    'points': ['tl', 'bl'],
-  },
-};

package/src/pages/appointment-demo/popup/rc-trigger.scss

@@ -1,109 +0,0 @@
-
-.rc-trigger-popup {
-  position: absolute;
-  left: -9999px;
-  top: -9999px;
-  z-index: 1050;
-}
-.rc-trigger-popup-hidden {
-  display: none;
-}
-.rc-trigger-popup-zoom-enter,
-.rc-trigger-popup-zoom-appear {
-  opacity: 0;
-  animation-duration: 0.3s;
-  animation-fill-mode: both;
-  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
-  animation-play-state: paused;
-}
-.rc-trigger-popup-zoom-leave {
-  animation-duration: 0.3s;
-  animation-fill-mode: both;
-  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
-  animation-play-state: paused;
-}
-.rc-trigger-popup-zoom-enter.rc-trigger-popup-zoom-enter-active,
-.rc-trigger-popup-zoom-appear.rc-trigger-popup-zoom-appear-active {
-  animation-name: rcTriggerZoomIn;
-  animation-play-state: running;
-}
-.rc-trigger-popup-zoom-leave.rc-trigger-popup-zoom-leave-active {
-  animation-name: rcTriggerZoomOut;
-  animation-play-state: running;
-}
-@keyframes rcTriggerZoomIn {
-  0% {
-    opacity: 0;
-    transform-origin: 50% 50%;
-    transform: scale(0, 0);
-  }
-  100% {
-    opacity: 1;
-    transform-origin: 50% 50%;
-    transform: scale(1, 1);
-  }
-}
-@keyframes rcTriggerZoomOut {
-  0% {
-    opacity: 1;
-    transform-origin: 50% 50%;
-    transform: scale(1, 1);
-  }
-  100% {
-    opacity: 0;
-    transform-origin: 50% 50%;
-    transform: scale(0, 0);
-  }
-}
-.rc-trigger-popup-mask {
-  position: fixed;
-  top: 0;
-  right: 0;
-  left: 0;
-  bottom: 0;
-  height: 100%;
-  filter: alpha(opacity=50);
-  z-index: 1050;
-}
-.rc-trigger-popup-mask-hidden {
-  display: none;
-}
-.rc-trigger-popup-fade-enter,
-.rc-trigger-popup-fade-appear {
-  opacity: 0;
-  animation-duration: 0.3s;
-  animation-fill-mode: both;
-  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
-  animation-play-state: paused;
-}
-.rc-trigger-popup-fade-leave {
-  animation-duration: 0.3s;
-  animation-fill-mode: both;
-  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
-  animation-play-state: paused;
-}
-.rc-trigger-popup-fade-enter.rc-trigger-popup-fade-enter-active,
-.rc-trigger-popup-fade-appear.rc-trigger-popup-fade-appear-active {
-  animation-name: rcTriggerMaskFadeIn;
-  animation-play-state: running;
-}
-.rc-trigger-popup-fade-leave.rc-trigger-popup-fade-leave-active {
-  animation-name: rcDialogFadeOut;
-  animation-play-state: running;
-}
-@keyframes rcTriggerMaskFadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes rcDialogFadeOut {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}

package/src/pages/dynamic/index.scss

@@ -1,5 +0,0 @@
-.dynamic-page {
-  height: 100%;
-  background: #f0f4fa;
-  margin-right: -10px;
-}

package/src/pages/dynamic/index.tsx

@@ -1,23 +0,0 @@
-import React, { FC,useEffect } from "react";
-import Dynamic from "../../components/dynamic/dynamic";
-import ErrorBoundary from "../../components/error-boundary";
-import { ERROR_LEVEL } from '../../utils/error-level';
-import "./index.scss";
-
-const prefix = "dynamic-page";
-
-const DynamicPage: FC = () => {
-  useEffect(() => {
-    //@ts-ignore
-    window.titaTracker?.('performance')?.record?.()
-  },[])
-  return (
-    <ErrorBoundary errorLevel={ERROR_LEVEL.P0} >
-      <div className={prefix}>
-        <Dynamic />
-      </div>
-    </ErrorBoundary>
-  );
-};
-
-export default DynamicPage;

package/src/pages/group-management/components/checkbox/index.js

@@ -1,11 +0,0 @@
-import React, { useState } 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/pages/group-management/components/checkbox/index.scss

@@ -1,102 +0,0 @@
-.tita-checkbox{
-    font-size: 14px;
-    line-height: 1.5;
-    color: rgba(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";
-                left: 1px;
-                top: 1px;
-                font-weight: 700;
-            }
-        }
-        // &::before{
-        //     position: absolute;
-        //     content: '';
-        //     width: 5px;
-        //     height: 8px;
-        //     transform: rotate(45deg);
-        //     border-right: 2px solid red;
-        //     border-bottom: 2px solid red;
-        //     top: 1px;
-        // }
-        &::after {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            border-radius: 2px;
-            border: 1px solid #1687d9;
-            content: "";
-            animation: antCheckboxEffect .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;
-        }
-    }
-}

package/src/pages/group-management/components/input-form/index.js

@@ -1,118 +0,0 @@
-import React, { Component } from "react"
-import "./index.scss"
-
-export default class InputForm extends Component {
-  static defaultProps = {
-    label: "", //文本名称
-    value: "", //输入框 的value
-    isError: false, // 校验状态
-    errMsg: "", //错误信息
-    info: "", //提示信息
-    type: "text",
-    required: false, //是否渲染 *
-    style: {},
-    placeholder: "",
-    maxLength: "",
-    id: "",
-    autoComplete: "off", //是否关闭自动完成事件
-    onChange(val) { },
-    onBlur(val) { },
-    onFocus(val) { },
-    onKeyPress(val) { },
-  }
-  constructor(props) {
-    super(props)
-    this.state = {
-      focus: false,
-    }
-  }
-
-  focus = () => this.refs.inputRef.focus()
-
-  onChange = e => {
-    this.props.onChange(e.target.value.trim())
-  }
-
-  handleFocus = e => {
-    this.setState({
-      focus: true,
-    })
-    this.props.onFocus(e.target.value.trim())
-  }
-
-  handleBlur = e => {
-    this.setState({
-      focus: false,
-    })
-    this.props.onBlur(e.target.value.trim())
-  }
-
-  handleKeyPress = e => {
-    if (e.key === "Enter") {
-      this.props.onKeyPress && this.props.onKeyPress()
-    }
-  }
-  render() {
-    const { errMsg } = this.props
-    const styleSheet = {
-      input: {
-        height: 32,
-        width: "100%",
-        borderColor: this.props.isError ? "#cc2929" : "#e9edf0",
-      },
-      tips: {
-        fontSize: 12,
-        color: "#8f9ca6",
-        height: 20,
-        lineHeight: "20px",
-        marginTop: 4,
-        marginLeft: 8,
-      },
-      errMsg: {
-        fontSize: 12,
-        color: "#cc2929",
-        height: 20,
-        lineHeight: "20px",
-        marginTop: 4,
-        marginLeft: 8,
-      },
-    }
-
-    const inputProps = {
-      value: this.props.value,
-      onChange: this.onChange,
-      placeholder: this.props.placeholder,
-      type: this.props.type,
-      className: this.props.errMsg ? "input-box-empty" : this.state.focus ? "input-box-focus" : "",
-      onFocus: this.handleFocus,
-      onBlur: this.handleBlur,
-      onKeyPress: this.handleKeyPress,
-      maxLength: this.props.maxlength,
-      autoComplete: this.props.type == "password" ? "new-password" : this.props.autoComplete,
-      id: this.props.id,
-    }
-
-    return (
-      <div className="input-box" style={this.props.style}>
-        {this.props.label && (
-          <label className="input-box-label" htmlFor={this.props.id}>
-            {this.props.required && (
-              <span className="required">*</span>
-            )}
-            {this.props.label}
-          </label>
-        )}
-        <input ref="inputRef" {...inputProps} />
-        {this.props.info && !this.props.errMsg ? (
-          <span className="input-box-info input-box-msg">
-            {this.props.info}
-          </span>
-        ) : (
-          <span className="input-box-error input-box-msg">
-            {this.props.errMsg}
-          </span>
-        )}
-      </div>
-    )
-  }
-}

package/src/pages/group-management/components/input-form/index.scss

@@ -1,65 +0,0 @@
-$error-color: #cc2929;
-.input-box {
-    font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
-    position: relative;
-    .required {
-        color: $error-color;
-        position: absolute;
-        left: 0;
-        top: 3px;
-        font-size: 16px;
-        vertical-align: middle;
-    }
-    .input-box-label {
-        position: relative;
-        padding-left: 8px;
-        font-size: 12px;
-        line-height: 20px;
-        color: #5a646b;
-        display: inline-block;
-        margin-bottom: 5px;
-    }
-    input {
-        border: 1px solid #e9edf0;
-        border-radius: 4px;
-        height: 34px;
-        box-sizing: border-box;
-        font-size: 14px;
-        color: #3F4755;
-        padding: 0 10px;
-        width: 100%;
-        transition: border 0.3s;
-        -moz-transition: border 0.3s; /* Firefox 4 */
-        -webkit-transition: border 0.3s; /* Safari and Chrome */
-        -o-transition: border 0.3s; /* Opera */
-
-        &:hover {
-            border: 1px solid #2879ff;
-        }
-    }
-    
-    input::-webkit-input-placeholder, .inputHead {
-        color: bfc7d5;
-    }
-    .input-box-focus {
-        border: 1px solid #2879ff !important;
-    }
-    .input-box-empty {
-        border: 1px solid $error-color !important;
-    }
-    .input-box-error {
-        color: $error-color;
-    }
-    .input-box-info {
-        color: #8d979e;
-    }
-    .input-box-msg {
-        font-size: 12px;
-        margin-top: 2px;
-        padding-left: 8px;
-        position: absolute;
-        bottom: -20px;
-        line-height: 20px;
-        left: 0;
-    }
-}

package/src/pages/group-management/components/openData/index.tsx

@@ -1,218 +0,0 @@
-/*
- * @Author: lianghaosen
- * @Date: 2019-12-27 14:05:14
- * @Last Modified by: lianghaosen
- * @Last Modified time: 2021-01-05 19:51:29
- */
-import { useRef, useEffect } from 'react';
-import React from 'react';
-/**
- * 企业微信用户来源代码
- */
-const WX_SOURCE = 860;
-/**
- * 钉钉用户来源代码
- */
-const DINGTALK_SOURCE = 861;
-/**
- * 飞书用户来源代码
- */
-const FEISHU_SOURCE = 862;
-/**
- * 企业微信浏览器标识字符串
- */
-const WX_UA_STR = 'micromessenger';
-/**
- * 获取全局对象BSGlobal中的数据
- * @param key 键名
- */
-const getGlobal = (key: string) => {
-  //@ts-ignore
-  return window.BSGlobal[key];
-};
-/**
- * 获取用户来源渠道
- */
-const getSource = () => getGlobal('tenantInfo').Source;
-/**
- * 用户浏览器 userAgent
- */
-const getUA = () => navigator.userAgent.toLowerCase();
-
-export const isPlatform = (
-  name: 'wx' | 'dd' | 'feishu',
-  type: 'source' | 'env' | 'all' = 'all',
-) => {
-  switch (name) {
-    case 'wx': {
-      if (type == 'source') return getSource() == WX_SOURCE;
-      else if (type == 'env') return getUA().includes(WX_UA_STR);
-      else return getSource() == WX_SOURCE || getUA().includes(WX_UA_STR);
-    }
-    case 'dd': {
-      return getSource() == DINGTALK_SOURCE;
-    }
-    case 'feishu': {
-      return getSource() == FEISHU_SOURCE;
-    }
-  }
-};
-/**
- * 获取openId
- * @param {number} id 人员id
- * @param {string} type openData类型
- */
-export const getOpenId = (id: number | string, type: 'userName' | 'departmentName') => {
-  let openIds;
-  if (type == 'userName') {
-    openIds = getGlobal('openIds');
-  } else if (type == 'departmentName') {
-    openIds = getGlobal('openDepartmentIds');
-  }
-  return openIds && openIds[id];
-};
-/**
- * 根据平台返回获取开放数据的方法
- *
- */
-function openData(): (p: {
-  id?: number | string;
-  type: 'userName' | 'departmentName';
-  name?: string;
-}) => any {
-  //@ts-ignore
-  if (getSource() == WX_SOURCE || getUA().includes(WX_UA_STR)) {
-    return p => {
-      if (p.id === undefined) return p.name || null; //<span style={{color:'red'}}>ID_EMPTY</span>//
-      const openId = getOpenId(p.id, p.type);
-      if (!openId) return p.name || p.id || null; //<span style={{color:'red'}}>OPENID_EMPTY</span>;
-      const ref = useRef(null);
-      useEffect(() => {
-        //@ts-ignore
-        window.WWOpenData && window.WWOpenData.bind(ref.current);
-      });
-
-      return (
-        <div
-          style={{
-            display: 'inline-block',
-            position: 'relative',
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            verticalAlign: 'middle',
-          }}
-        >
-          {
-            //@ts-ignore
-            <ww-open-data ref={ref} type={p.type} openid={openId} />
-          }
-
-          <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, zIndex: 1 }} />
-        </div>
-      );
-    };
-  } else {
-    return p => {
-      return p.name || p.id || null;
-    };
-  }
-}
-const getOpenData = openData();
-/**
- * 获取各平台开放数据
- * @param {id} openId
- * @param {type} 数据类型
- * @param {name} 用于不运行在平台时直接展示信息
- */
-export default getOpenData;
-
-/**
- * 获取开放数据：用户名
- * @param p
- */
-export const OpenUserName = (p: { id?: number | string; name?: string }) =>
-  getOpenData({ ...p, type: 'userName' });
-/**
- * 获取开放数据：部门名称
- * @param p
- */
-export const OpenDepartmentName = (p: { id?: number | string; name?: string }) =>
-  getOpenData({ ...p, type: 'departmentName' });
-/**
- * 后端类型转化map
- */
-const openDataMap = {
-  user: OpenUserName,
-  department: OpenDepartmentName,
-};
-
-/**
- * 展示操作记录等内容中的openData数据
- * @param str 含有openData数据的字符串
- */
-export const parseString = (str: string) => {
-  //@ts-ignore
-  var source = window.BSGlobal.tenantInfo.Source,
-    ua = navigator.userAgent.toLowerCase();
-  if (source != 860 && ua.indexOf('micromessenger') == -1)
-    return <span dangerouslySetInnerHTML={{ __html: str }}></span>;
-  const reg = /\[(\w+?)\:(\w+?)\]/g;
-  const strReg = /\[\w+?\:\w+?\]/;
-  const openDatas: any[] = [];
-  let matchStr = reg.exec(str);
-  while (matchStr != null) {
-    const OpenDataCompoent = openDataMap[matchStr[2]];
-    if (!OpenDataCompoent) {
-      openDatas.push(matchStr[0]);
-    } else {
-      openDatas.push(
-        <span>
-          <OpenDataCompoent id={matchStr[1]} />
-        </span>,
-      );
-    }
-    matchStr = reg.exec(str);
-  }
-  const commonStrs = str.split(strReg);
-  const renderData: any[] = [];
-  for (let i = 0; i < commonStrs.length; i++) {
-    renderData.push(<span dangerouslySetInnerHTML={{ __html: commonStrs[i] }}></span>);
-    renderData.push(openDatas[i]);
-  }
-  return renderData;
-};
-/**
- * 展示回复内容中@ 他人等包含openData的数据
- * @param str 含有openData数据的字符串
- */
-export const parseTag = (str: string) => {
-  //@ts-ignore
-  var source = window.BSGlobal.tenantInfo.Source,
-    ua = navigator.userAgent.toLowerCase();
-  if (source != 860 && ua.indexOf('micromessenger') == -1)
-    return <span dangerouslySetInnerHTML={{ __html: str }} />;
-  const reg = /<\w+[\w\W]*?(userId|departmentId)=["'](\S+?)["'][\w\W]*?>@([\w\W]*?)<\/\w+>/g;
-  const strReg = /<\w+[\w\s"'\/=\:\.]*?(?:userId|departmentId)=["']\S+?["'][\w\s"'\/=\:\.]*?>[\w\W]*?<\/\w+?>/;
-  const openDatas: any[] = [];
-  let matchStr = reg.exec(str);
-  while (matchStr != null) {
-    const OpenDataCompoent = matchStr[1] == 'userId' ? OpenUserName : OpenDepartmentName;
-    if (!OpenDataCompoent) {
-      openDatas.push(<span dangerouslySetInnerHTML={{ __html: matchStr[0] }} />);
-    } else {
-      openDatas.push(
-        <span style={{ color: '#1890ff' }}>
-          @<OpenDataCompoent id={matchStr[2]} name={matchStr[3]} />
-        </span>,
-      );
-    }
-    matchStr = reg.exec(str);
-  }
-  const commonStrs = str.split(strReg);
-  const renderData: any[] = [];
-  for (let i = 0; i < commonStrs.length; i++) {
-    renderData.push(<span dangerouslySetInnerHTML={{ __html: commonStrs[i] }} />);
-    renderData.push(openDatas[i]);
-  }
-  return renderData;
-};

package/src/pages/group-management/components/radio/index.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import RcCheckout from 'rc-checkbox';
-
-export default props => {
-  return <RcCheckout prefixCls="rc-radio" type="radio" {...props} />
-}