@titaui/pc 1.7.45 → 1.7.49

package/src/components/drawer-manager/utils/dom.ts

@@ -1,18 +0,0 @@
-export function hasAncestorElement(node,className){
-  if(!node) return false
-  if(is(node,className)) return true;
-  return hasAncestorElement(node.parentNode,className);
-}
-
-export function is(node,className){
-  if(!className || !node) return false;
-  const classNameMap = {};
-  className.split(',').forEach(clss => classNameMap[clss] = true);
-  if(!node.className || typeof node.className != 'string') return false;
-  for(let clss of node.className.split(/\s+/)){
-    if(classNameMap[clss]){
-      return true
-    }
-  }
-  return false
-}

package/src/components/drawer-manager/utils/index.ts

@@ -1,7 +0,0 @@
-export function sleep(time){
-  return new Promise<void>(resolve => {
-    setTimeout(() => {
-      resolve()
-    }, time);
-  })
-}

package/src/components/drawer-manager/utils/useForceUpdate.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-
-export default function useForceUpdate() {
-  const [, forceUpdate] = React.useReducer(x => x + 1, 0);
-  return forceUpdate;
-}

package/src/components/drop-selector/icon-item.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import './index.scss';
-
-const preCls = 'titaui-drop-selector'
-
-export default props => {
-  const {
-    name,
-    icon,
-    children,
-    onClick, 
-    exIconClass
-  } = props;
-
-  const onClickHandler = () => {
-    onClick && onClick(name)
-  }
-
-  return <div
-    key={name}
-    className={classNames(`${preCls}__icon-item`, {
-      [`${preCls}__icon-item--noicon`]: !icon
-    })}
-    onClick={onClickHandler}
-  >
-    {icon && <span className={classNames(icon, `${preCls}__icon-item-icon`, exIconClass)} />}
-    <span className={classNames(`${preCls}__icon-item-text`)}>
-      {children}
-    </span>
-  </div>
-}

package/src/components/drop-selector/index.js

@@ -1,122 +0,0 @@
-import React, { useState, useEffect, useRef } from 'react';
-import Popup from '../popup';
-import classNames from 'classnames';
-import Checkbox from '../checkbox';
-import Radio from '../radio';
-
-import './index.scss';
-
-import _IconItem from './icon-item';
-
-const preCls = 'titaui-drop-selector'
-
-export const IconItem = _IconItem;
-
-export const Item = props => {
-  const {
-    name,
-    multi,
-    children,
-    onClick,
-    className,
-    ...restProps
-  } = props;
-
-  const [checked, setChecked] = useState(props.checked);
-  useEffect(() => {
-    setChecked(props.checked);
-  }, [props.checked])
-
-  const onClickHandler = () => {
-    if (multi) setChecked(!checked);
-    onClick && onClick(name, !checked)
-  }
-
-  return <div
-    key={name}
-    className={classNames(`${preCls}__operation-item`,className)}
-    onClick={onClickHandler}
-    {...restProps}
-  >
-    {multi && <Checkbox checked={checked} />}
-    <span className={classNames(`${preCls}__operation-item-text`)}>
-      {children}
-    </span>
-  </div>
-}
-
-export const DropSelectorLayer = props => {
-  const {
-    className = '',
-    multi = false,
-    onItemClick,
-    checked = [],
-    trigger,
-    children,
-    limitHeight = false,
-    footerBtn=null //多选想要个按钮
-  } = props;
-
-  const onMenuClickHandler = (name, checked) => {
-    onItemClick && onItemClick(name, checked);
-  }
-
-  return <div
-    className={classNames(`${preCls}__operation`, {
-      [`${preCls}--multi`]: multi,
-      [`${preCls}__operation--limit-height`]: limitHeight,
-    },`${className}`)}
-    onClick={e => e.stopPropagation()}
-  >
-    {React.Children.map(children, child => {
-      return React.cloneElement(child, {
-        'checked': checked.indexOf(child.props.name) != -1,
-        'onClick': onMenuClickHandler,
-        'multi': multi,
-        ...child.props
-      })
-    })}
-    {footerBtn}
-  </div>
-}    
-const DropSelector = props => {
-  const {
-    trigger,     // 自定义Icon组件
-    triggerIcon, // 标准Icon类型
-    destroyPopupOnHide = true,
-    popupPlacement = 'bottom',
-    hideOnChange = true,
-    onChange,
-    canEdit = true,
-    ...restProps
-  } = props;
-
-  const [visible, setVisible] = useState(false);
-
-  useEffect(() => {
-    setVisible(props.visible);
-  }, [props.visible]);
-
-  const onMenuClickHandler = (name, checked) => {
-    onChange && onChange(name, checked);
-    if (hideOnChange) {
-      setVisible(false);
-    }
-  }
-
-  return <Popup
-    popupVisible={canEdit && visible}
-    popupPlacement={popupPlacement}
-    onPopupVisibleChange={visible => setVisible(visible)}
-    destroyPopupOnHide={destroyPopupOnHide}
-    popup={
-      <DropSelectorLayer {...restProps} onItemClick={onMenuClickHandler} />
-    }>
-      {trigger}
-    </Popup>
-}
-
-DropSelector.IconItem = IconItem
-DropSelector.Item = Item
-
-export default DropSelector

package/src/components/drop-selector/index.scss

@@ -1,94 +0,0 @@
-@mixin drop-item-text {
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 22px;
-  user-select: none;
-}
-
-@mixin drop-item {
-  position: relative;
-  height: 32px;
-  padding: 0 24px;
-  line-height: 32px;
-  text-align: center;
-  cursor: pointer;
-  box-sizing: border-box;
-  text-align: left;
-  user-select: none;
-}
-
-.titaui-drop-selector {
-  &__radio{
-    margin-right: 0px;
-    .titaui-radio-inner{
-      color: #2879FF;
-      &::after{
-        color: #2879FF;
-      }
-    }
-  }
-  &__icon-item {
-    @include drop-item;
-    &:hover {
-      color: #2879ff;
-      background: #f7f8fa;
-    }
-
-    &-icon {
-      margin-right: 10px;
-      font-size: 16px;
-      vertical-align: text-bottom;
-
-      &--noicon {
-        margin-right: 0;
-      }
-    }
-    &-text {
-      @include drop-item-text;
-    }
-  }
-
-  &--multi {
-    .titaui-drop-selector__operation-item-text {
-      margin-left: 24px;
-    }
-    .ode-search-form__field-order-item {
-      width: calc(100% - 24px);
-    }
-  }
-
-  &__operation {
-    display: inline-block;
-    padding: 16px 0;
-    box-sizing: border-box;
-    background: #ffffff;
-    box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
-    border: 1px solid #f0f2f5;
-    position: relative;
-    border-radius: 12px;
-
-    &-item {
-      @include drop-item;
-      vertical-align: text-top;
-      width: 100%;
-
-      .titaui-checkbox {
-        position: absolute;
-        top: 8px;
-      }
-
-      &:hover {
-        color: #2879ff;
-        background: #f7f8fa;
-      }
-
-      &-text {
-        @include drop-item-text;
-      }
-    }
-  }
-  &__operation--limit-height {
-    max-height: 192px;
-    overflow-y: auto;
-  }
-}

package/src/components/dynamic/advertise/components/next-btn/index.scss

@@ -1,25 +0,0 @@
-.titaui-dynamic-advertise-next-btn {
-  width: 24px;
-  height: 24px;
-  background: rgba(0, 0, 0, 0.4);
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  z-index: 1;
-  right: 16px;
-  opacity: 1;
-  transition: all 0.3s linear;
-  &__icon {
-    font-size: 16px;
-    transform: rotate(180deg);
-    color: #ffffff;
-  }
-  &--hidden {
-    opacity: 0;
-  }
-}

package/src/components/dynamic/advertise/components/next-btn/index.tsx

@@ -1,23 +0,0 @@
-import React, { FC } from "react";
-import classNames from "classnames";
-import "./index.scss";
-
-const prefix = "titaui-dynamic-advertise-next-btn";
-
-const NextBtn: FC<{ onClick?: any; isShow: boolean }> = ({
-  onClick,
-  isShow,
-}) => {
-  return (
-    <div
-      className={classNames(prefix, {
-        [`${prefix}--hidden`]: !isShow,
-      })}
-      onClick={onClick}
-    >
-      <i className={classNames("tu-icon-left", `${prefix}__icon`)} />
-    </div>
-  );
-};
-
-export default NextBtn;

package/src/components/dynamic/advertise/components/pre-btn/index.scss

@@ -1,24 +0,0 @@
-.titaui-dynamic-advertise-pre-btn {
-  width: 24px;
-  height: 24px;
-  background: rgba(0, 0, 0, 0.4);
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  position: absolute;
-  top: 50%;
-  left: 16px;
-  transform: translateY(-50%);
-  z-index: 1;
-  opacity: 1;
-  transition: all 0.3s linear;
-  &__icon {
-    font-size: 16px;
-    color: #ffffff;
-  }
-  &--hidden {
-    opacity: 0;
-  }
-}

package/src/components/dynamic/advertise/components/pre-btn/index.tsx

@@ -1,23 +0,0 @@
-import React, { FC } from "react";
-import classNames from "classnames";
-import "./index.scss";
-
-const prefix = "titaui-dynamic-advertise-pre-btn";
-
-const PreBtn: FC<{ onClick?: any; isShow: boolean }> = ({
-  onClick,
-  isShow,
-}) => {
-  return (
-    <div
-      className={classNames(prefix, {
-        [`${prefix}--hidden`]: !isShow,
-      })}
-      onClick={onClick}
-    >
-      <i className={classNames("tu-icon-left", `${prefix}__icon`)} />
-    </div>
-  );
-};
-
-export default PreBtn;

package/src/components/dynamic/advertise/index.scss

@@ -1,18 +0,0 @@
-.tutaui-dynamic-advertise {
-  width: 278px;
-  border-radius: 12px;
-  position: relative;
-  &--not-empty {
-    box-shadow: 0px 2px 12px 0px rgba(127, 145, 180, 0.2);
-    margin-top: 10px;
-    height: 136px;
-  }
-  *:focus {
-    outline: none !important;
-  }
-  &__img {
-    border-radius: 12px;
-    width: 278px;
-    height: 136px;
-  }
-}

package/src/components/dynamic/advertise/index.tsx

@@ -1,90 +0,0 @@
-import React, { FC, useEffect, useState } from "react";
-import Slider from "react-slick";
-import { getAdvertise } from "../request-api";
-import Toast from "../../toast";
-import { formatResp } from "./util";
-import NextBtn from "./components/next-btn";
-import PreBtn from "./components/pre-btn";
-
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
-
-import "./index.scss";
-import { IAdvertiseType } from "./interface";
-import classNames from "classnames";
-
-const prefix = "tutaui-dynamic-advertise";
-
-const settings = {
-  dots: false,
-  infinite: true,
-  speed: 1000,
-  slidesToShow: 1,
-  slidesToScroll: 1,
-  // arrows: false,
-  autoplay: true,
-};
-
-const DynamicAdvertise: FC = () => {
-  const [sliderData, setSliderData] = useState<IAdvertiseType[]>([]);
-  const [isMouseEnter, setIsMouseEnter] = useState(false);
-
-  const handleImgClick = (link) => {
-    window.open(link, "_blank");
-  };
-
-  const handleMouseEnter = () => {
-    setIsMouseEnter(true);
-  };
-
-  const handleMouseLeave = () => {
-    setIsMouseEnter(false);
-  };
-
-  useEffect(() => {
-    getAdvertise().then((resp) => {
-      if (resp.Code === 1 && resp.Data.length > 0) {
-        setSliderData(formatResp(resp.Data));
-      }
-      if (resp.Code !== 1) {
-        Toast.Error(resp.Message, { canClose: false });
-      }
-    });
-  }, []);
-
-  return (
-    <div
-      className={classNames(prefix, {
-        [`${prefix}--not-empty`]: sliderData.length > 0,
-      })}
-      onMouseEnter={handleMouseEnter}
-      onMouseLeave={handleMouseLeave}
-    >
-      {sliderData.length > 0 && (
-        <Slider
-          {...settings}
-          nextArrow={<NextBtn isShow={isMouseEnter} />}
-          prevArrow={<PreBtn isShow={isMouseEnter} />}
-        >
-          {sliderData.map((item) => {
-            return (
-              <div
-                onClick={() => {
-                  handleImgClick(item.link);
-                }}
-              >
-                <img
-                  className={`${prefix}__img`}
-                  src={item.img}
-                  alt={item.name}
-                />
-              </div>
-            );
-          })}
-        </Slider>
-      )}
-    </div>
-  );
-};
-
-export default DynamicAdvertise;

package/src/components/dynamic/advertise/interface.ts

@@ -1,10 +0,0 @@
-export interface IAdvertiseType {
-  name: string;
-  showType: number;
-  locationType: number;
-  contentType: number;
-  content: string;
-  terminalType: number;
-  img: string;
-  link: string;
-}

package/src/components/dynamic/advertise/util.ts

@@ -1,13 +0,0 @@
-export const formatResp = (data) => {
-  if (!data || data.length === 0) {
-    return [];
-  }
-  return data.map((item) => {
-    const content = JSON.parse(item.content);
-    return {
-      ...item,
-      img: content.picUrl,
-      link: content.link,
-    };
-  });
-};

package/src/components/dynamic/components/dangerous-html/index.tsx

@@ -1,10 +0,0 @@
-import React, { FC } from 'react';
-
-const DangerousHtml: FC<{htmlText: string}> = ({htmlText}) => {
-  return (
-    <span dangerouslySetInnerHTML={{__html: htmlText}}>
-    </span>
-  )
-}
-
-export default DangerousHtml;

package/src/components/dynamic/components/dynamic-search-input/index.scss

@@ -1,69 +0,0 @@
-.titaui-dynamic-search-input {
-  display: flex;
-  align-items: center;
-  width: 240px;
-  height: 32px;
-  background: #ffffff;
-  border-radius: 16px;
-  border: 1px solid #e9ecf0;
-  padding: 5px 12px 5px 14px;
-  box-sizing: border-box;
-  &__popup {
-    width: 68px;
-    height: 96px;
-    background: #ffffff;
-    box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
-    border: 1px solid #f0f2f5;
-    padding: 16px 0px 16px 0px;
-    box-sizing: border-box;
-    border-radius: 6px;
-    user-select: none;
-    &-item {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 32px;
-      font-size: 14px;
-      color: #3f4755;
-      line-height: 22px;
-      cursor: pointer;
-      &--active {
-        color: #2879ff;
-      }
-      &:hover {
-        color: #2879ff;
-        background: rgb(247, 248, 250);
-      }
-    }
-  }
-  &__icon {
-    margin: 0 8px;
-  }
-  &__select-type {
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-  }
-  &__input {
-    border: none;
-    outline: none;
-    width: 130px;
-    margin-right: 4px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    line-height: 22px;
-    &::placeholder {
-      font-size: 14px;
-      color: #bfc7d5;
-      line-height: 22px;
-    }
-  }
-  &__input-clear {
-    color: #bfc7d5;
-    font-size: 14px;
-    &:hover {
-      cursor: pointer;
-      color: #f05e5e;
-    }
-  }
-}