@titaui/pc 1.7.36 → 1.7.37

package/src/components/point-demo/input/index.js

@@ -1,119 +0,0 @@
-import React, { Component } from "react"
-import "./index.scss"
-
-export default class InputForm extends Component {
-  static defaultProps = {
-    className:'',//覆盖样式
-    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 ? "#F05E5E" : "#2879FF",
-      },
-      tips: {
-        fontSize: 12,
-        color: "#8f9ca6",
-        height: 20,
-        lineHeight: "20px",
-        marginTop: 4,
-        marginLeft: 8,
-      },
-      errMsg: {
-        fontSize: 12,
-        color: "#F05E5E",
-        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-demo-box-empty" : this.state.focus ? "input-demo-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={`${this.props.className} input-demo-box`} style={this.props.style}>
-        {this.props.label && (
-          <label className="input-demo-box-label" htmlFor={this.props.id}>
-            {this.props.label}
-            {this.props.required && (
-              <span className="required">*</span>
-            )}
-          </label>
-        )}
-        <input ref="inputRef" {...inputProps} />
-        {this.props.info && !this.props.errMsg ? (
-          <span className="input-demo-box-info input-demo-box-msg">
-            {this.props.info}
-          </span>
-        ) : (
-          <span className="input-demo-box-error input-demo-box-msg">
-            {this.props.errMsg}
-          </span>
-        )}
-      </div>
-    )
-  }
-}

package/src/components/point-demo/input/index.scss

@@ -1,64 +0,0 @@
-$error-color: #F05E5E;
-.input-demo-box {
-    font-family: -apple-system,  Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
-    position: relative;
-    .required {
-        color: $error-color;
-        font-size: 14px;
-        margin-left:4px;
-        vertical-align: middle;
-    }
-    .input-demo-box-label {
-        position: relative;
-        font-size: 14px;
-        font-weight: 600;
-        line-height: 22px;
-        color: #3F4755;
-        display: inline-block;
-        margin-bottom: 4px;
-    }
-    input {
-        border: 1px solid #E9ECF0;
-        border-radius: 4px;
-        height: 34px;
-        box-sizing: border-box !important;
-        font-size: 14px;
-        color: #3F4755;
-        outline:none;
-        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-demo-box-focus {
-        border: 1px solid #2879FF !important;
-    }
-    .input-demo-box-empty {
-        border: 1px solid $error-color !important;
-    }
-    .input-demo-box-error {
-        color: $error-color;
-    }
-    .input-demo-box-info {
-        color: #8d979e;
-    }
-    .input-demo-box-msg {
-        font-size: 12px;
-        margin-top: 2px;
-        padding-left: 8px;
-        position: absolute;
-        bottom: -20px;
-        line-height: 20px;
-        left: 0;
-    }
-}

package/src/components/point-demo/point-demo.js

@@ -1,35 +0,0 @@
-import React, { useState } from "react";
-import ReactDOM from 'react-dom';
-import { isWxTrial } from "../../utils/open-data";
-import PointDemo from "./";
-export default (props) => {
-  if (isWxTrial()) return <div></div>
-  const [visible, setVisible] = useState(false)
-  //判断了一天后86400000毫秒之后再次弹窗
-  let version = BSGlobal.tenantAuthentication.Version
-  let role = BSGlobal.loginUserInfo.Role
-  let source = BSGlobal.tenantInfo.Source
-  let newdate = new Date().getTime()
-  let isSubmitted = localStorage.getItem('isSubmitted')
-  let time = Number(localStorage.getItem("pointDemoTime"));
-  if (!isSubmitted) {
-    if (time && newdate > time) {
-      if (version === 1 && role === 2) {
-        setTimeout(() => {
-          let date = new Date().getTime() + 86400000;
-          localStorage.setItem("pointDemoTime", date)
-          setVisible(true)
-        }, 30000)
-      }
-    } else if (!time) {
-      if (version === 1 && role === 2) {
-        setTimeout(() => {
-          let date = new Date().getTime() + 86400000;
-          localStorage.setItem("pointDemoTime", date)
-          setVisible(true)
-        }, 30000)
-      }
-    }
-  }
-  return visible ? <PointDemo setVisible={setVisible} /> : null
-}

package/src/components/point-demo/popup/index.js

@@ -1,56 +0,0 @@
-import React, { useState, useEffect, forwardRef, useImperativeHandle } from 'react';
-import RcTrigger from '@titaui/rc-trigger';
-import placement from './placement';
-
-import './rc-trigger.scss';
-import './index.scss';
-
-const preCls = 'titaui-popup';
-
-export default forwardRef((props, ref) => {
-  const {
-    mask = true,
-    destroyPopupOnHide = true,
-    action = ['click'],
-    popupPlacement = "bottomRight",
-    builtinPlacements = placement,
-    popupVisible = false,
-    zIndex = 9999999,
-    popupAlign =  {
-      offset: [0, 0],
-      overflow: { adjustX: true, adjustY: true },
-      targetOffset: [0, 0],
-    },
-    ...restProps
-  } = props;
-
-  // 内部控制状态
-  const [visible, setVisible] = useState(popupVisible);
-
-  // 外部控制显示隐藏时，内部改变状态
-  useEffect(() => {
-    setVisible(popupVisible);
-  }, [popupVisible])
-
-  // 提供外部调用open&close，使用ref的方式调用
-  useImperativeHandle(ref, () => ({
-    open: () => setVisible(true),
-    close: () => setVisible(false)
-  }))
-
-  return <RcTrigger
-    mask={mask}
-    action={action}
-    popupVisible={visible}
-    popupStyle={{ zIndex }}
-    popupClassName={preCls}
-    popupPlacement={popupPlacement}
-    builtinPlacements={builtinPlacements}
-    destroyPopupOnHide={destroyPopupOnHide}
-    onPopupVisibleChange={visible => {
-      setVisible(visible);
-    }}
-    popupAlign={popupAlign}
-    {...restProps}
-  />
-})

package/src/components/point-demo/popup/index.scss

@@ -1,6 +0,0 @@
-.titaui-popup {
-  display: inline-block;
-  &.rc-trigger-popup-hidden {
-    display: none !important;
-  }
-}

package/src/components/point-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/components/point-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/components/popup/index.scss

@@ -1,53 +0,0 @@
-.titaui-popup {
-  display: inline-block;
-  &.rc-trigger-popup-hidden {
-    display: none !important;
-  }
-
-  &--slide-down {
-    &-enter,
-    &-appear {
-      animation-fill-mode: both;
-      animation-timing-function: linear;
-      animation-play-state: paused;
-      opacity: 0;
-      &-active {
-        animation: slideInDown 0.2s linear;
-        animation-play-state: running;
-      }
-    }
-    &-leave {
-      &-active {
-        animation: slideInUp 0.1s linear;
-        animation-play-state: running;
-      }
-    }
-  }
-}
-
-@keyframes slideInDown {
-  0% {
-    opacity: 0;
-    transform: translateY(-10px);
-  }
-
-  100% {
-    opacity: 1;
-    transform-origin: 100% 0%;
-    transform: translateY(0);
-  }
-}
-
-@keyframes slideInUp {
-  0% {
-    opacity: 1;
-    transform-origin: 100% 0%;
-    transform: translateY(0);
-  }
-
-  100% {
-    opacity: 0;
-    transform-origin: 100% 0%;
-    transform: translateY(-10px);
-  }
-}

package/src/components/popup/index.tsx

@@ -1,87 +0,0 @@
-import React, { useState, useEffect, forwardRef, useImperativeHandle } from 'react';
-import RcTrigger from '@titaui/rc-trigger';
-import placement from './placement';
-
-import './rc-trigger.scss';
-import './index.scss';
-
-const preCls = 'titaui-popup';
-
-interface PopupAlign {
-  offset: number[];
-  targetOffset: number[];
-  overflow: {
-    adjustX: boolean,
-    adjustY: boolean
-  }
-}
-
-interface Props {
-  extraClass?: any;
-  mask?: boolean;
-  destroyPopupOnHide?: boolean;
-  action?: string[];
-  popupPlacement?: string;
-  builtinPlacements?: any;
-  popupVisible?: boolean;
-  zIndex?: number;
-  popupAlign?: PopupAlign;
-  [key: string]: any;
-  children?:any;
-  onPopupVisibleChange: (visible:boolean) => void
-}
-
-export default forwardRef((props: Props, ref) => {
-  const {
-    extraClass='',
-    mask = true,
-    destroyPopupOnHide = true,
-    action = ['click'],
-    popupPlacement = "bottomRight",
-    builtinPlacements = placement,
-    popupVisible = false,
-    zIndex = 2000,
-    onPopupVisibleChange,
-    popupAlign =  {
-      offset: [0, 0],
-      overflow: { adjustX: true, adjustY: true },
-      targetOffset: [0, 0],
-    },
-    popupTransitionName=`${preCls}--slide-down`,
-    ...restProps
-  } = props;
-
-  // 内部控制状态
-  const [visible, setVisible] = useState(popupVisible);
-
-  // 外部控制显示隐藏时，内部改变状态
-  useEffect(() => {
-    setVisible(popupVisible);
-  }, [popupVisible])
-
-  // 提供外部调用open&close，使用ref的方式调用
-  useImperativeHandle(ref, () => ({
-    open: () => setVisible(true),
-    close: () => setVisible(false)
-  }))
-
-  // @ts-ignore
-  return <RcTrigger
-    mask={mask}
-    action={action}
-    popupVisible={visible}
-    popupStyle={{ zIndex }}
-    popupClassName={`${preCls} ${extraClass}`}
-    popupPlacement={popupPlacement}
-    builtinPlacements={builtinPlacements}
-    destroyPopupOnHide={destroyPopupOnHide}
-    // popupAnimation={popupAnimation}
-    popupTransitionName={popupTransitionName}
-    onPopupVisibleChange={visible => {
-      setVisible(visible);
-      onPopupVisibleChange && onPopupVisibleChange(visible)
-    }}
-    popupAlign={popupAlign}
-    {...restProps}
-  />
-})

package/src/components/popup/placement.tsx

@@ -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'],
-  },
-};