@titaui/pc 1.9.48 → 1.9.49

package/src/components/publish-dynamic-modal/requist-api.ts

@@ -1,28 +1,30 @@
-import qs from 'qs';
-import { rget, rpost } from "../../utils/request"
+import qs from "qs";
+import { rget, rpost } from "../../utils/request";
 
-export const addShare = (data) => {
-  return rpost('v2')(`user/feed/AddShare`,
-    {
-      ...data,
-      ObjType: 0,
-      ObjId: 0,
-      IsSendSMS: false
-    }, {
-    'headers': { 'Content-Type': 'application/x-www-form-urlencoded' },
-    'transformRequest': qs.stringify,
-  })
-}
+export const addShare = (data) => rpost("v2")(
+  "user/feed/AddShare",
+  {
+    ...data,
+    ObjType: 0,
+    ObjId: 0,
+    IsSendSMS: false,
+  },
+  {
+    headers: { "Content-Type": "application/x-www-form-urlencoded" },
+    transformRequest: qs.stringify,
+  },
+);
 
-export const addNotice = (data) => {
-  return rpost('v2')(`user/feed/addNotice`,
-    {
-      ...data,
-      ObjType: 0,
-      ObjId: 0,
-      IsSendSMS: false
-    }, {
-    'headers': { 'Content-Type': 'application/x-www-form-urlencoded' },
-    'transformRequest': qs.stringify,
-  })
-}
+export const addNotice = (data) => rpost("v2")(
+  "user/feed/addNotice",
+  {
+    ...data,
+    ObjType: 0,
+    ObjId: 0,
+    IsSendSMS: false,
+  },
+  {
+    headers: { "Content-Type": "application/x-www-form-urlencoded" },
+    transformRequest: qs.stringify,
+  },
+);

package/src/components/radio/index.tsx

@@ -1,6 +1,7 @@
-import Radio from './radio';
-import RadioGroup from './radioGroup';
+import Radio from "./radio";
+import RadioGroup from "./radioGroup";
+
 export { Radio, RadioGroup };
-  
+
 Radio.Group = RadioGroup;
-export default Radio;
+export default Radio;

package/src/components/radio/radio.tsx

@@ -1,5 +1,5 @@
 import React, { FC, useState, useEffect } from "react";
-import _RadioGroup from './radioGroup';
+import _RadioGroup from "./radioGroup";
 import "./index.scss";
 
 interface IRadioProps {
@@ -10,13 +10,13 @@ interface IRadioProps {
   className?:any;
 }
 
-const getChecked = (propsChecked) => {
-  return Boolean(propsChecked); // 根据传递的props，输出true/false
-}
+const getChecked = (propsChecked) => Boolean(propsChecked); // 根据传递的props，输出true/false
 
 const Radio: FC<IRadioProps> = (props) => {
-  const { children, checked, name, value, onChange ,className=''} = props;
-  const [isChecked, setIsChecked] = useState(getChecked(checked))
+  const {
+    children, checked, name, value, onChange, className = "",
+  } = props;
+  const [isChecked, setIsChecked] = useState(getChecked(checked));
 
   const handleValueChange = (e: any) => {
     const checkedValue = e.target.checked; // 定义被点击项的checked为true
@@ -25,19 +25,20 @@ const Radio: FC<IRadioProps> = (props) => {
         onChange(value); // 向外暴露一个onChange事件并携带value值
       }
     }
-    setIsChecked(checkedValue)
+    setIsChecked(checkedValue);
   };
 
   useEffect(() => {
     const propsChecked = getChecked(checked);
     if (checked !== propsChecked) {
       // 维持每次点击时只选中一个
-      setIsChecked(propsChecked)
+      setIsChecked(propsChecked);
     }
-  }, [checked])
+  }, [checked]);
 
   return (
-    <label className={`titaui-radio-wrapper ${className}`}
+    <label
+      className={`titaui-radio-wrapper ${className}`}
       onMouseUp={() => {
         onChange && onChange(value);
       }}
@@ -51,14 +52,14 @@ const Radio: FC<IRadioProps> = (props) => {
           checked={isChecked}
           onChange={handleValueChange}
         />
-        <span className="titaui-radio-inner"></span>
+        <span className="titaui-radio-inner" />
       </span>
       <span className="titaui-radio__label">
         {children}
       </span>
     </label>
   );
-}
+};
 
 export default Radio;
-export const RadioGroup = _RadioGroup;
+export const RadioGroup = _RadioGroup;

package/src/components/radio/radioGroup.tsx

@@ -1,5 +1,5 @@
-import React, { FC } from 'react';
-import './index.scss';
+import React, { FC } from "react";
+import "./index.scss";
 
 interface RadioGroupProps {
   className?: string;
@@ -11,20 +11,20 @@ interface RadioGroupProps {
 }
 
 const RadioGroup: FC<RadioGroupProps> = (props) => {
-
-  const { children, className, name, labelText, style } = props;
+  const {
+    children, className, name, labelText, style,
+  } = props;
 
   return (
-    <div className={`titaui-radio-group-wrapper ${className || ''}`} style={{ ...style }}>
+    <div className={`titaui-radio-group-wrapper ${className || ""}`} style={{ ...style }}>
       {
-        !!labelText && <span className='titaui-radio-group__label-text'>{labelText}</span>
+        !!labelText && <span className="titaui-radio-group__label-text">{labelText}</span>
       }
-      {React.Children.map(children, (child: any, index) => {
+      {React.Children.map(children, (child: any, index) =>
         // props 被覆盖了
-        return React.cloneElement(child, { name });
-      })}
+        React.cloneElement(child, { name }))}
     </div>
   );
-}
+};
 
-export default RadioGroup;
+export default RadioGroup;

package/src/components/range-picker-pop/index.js

@@ -4,18 +4,18 @@
  * @Last Modified by: lianghaosen
  * @Last Modified time: 2021-12-29 15:02:17
  */
-import React, { Component } from 'react';
-import { findDOMNode } from 'react-dom';
-import moment from 'moment';
+import React, { Component } from "react";
+import { findDOMNode } from "react-dom";
+import moment from "moment";
 
-import DateRangePicker from '../date-range-picker';
-import Popup from '../popup';
-import './index.scss';
+import DateRangePicker from "../date-range-picker";
+import Popup from "../popup";
+import "./index.scss";
 
 const trigger = {
-  'onClick': 'click',
-  'onMouseDown': 'mousedonwn',
-  'onMouseUp': 'mouseup'
+  onClick: "click",
+  onMouseDown: "mousedonwn",
+  onMouseUp: "mouseup",
 };
 
 export default class RangePickerPop extends Component {
@@ -24,7 +24,7 @@ export default class RangePickerPop extends Component {
     if (p.defaultRange) {
       this.state = {
         startDate: p.defaultRange.startDate != null ? moment(p.defaultRange.startDate) : null,
-        endDate: p.defaultRange.endDate != null ? moment(p.defaultRange.endDate) : null
+        endDate: p.defaultRange.endDate != null ? moment(p.defaultRange.endDate) : null,
       };
     } else {
       this.state = {
@@ -35,29 +35,29 @@ export default class RangePickerPop extends Component {
   }
 
   static defaultProps = {
-    'format': 'YYYY-MM-DD',
-    'triggerMethod': 'onClick',
-    'extraBtnText': '左侧按钮',
-    'triggerStop': false,
-    'cover': false,
-    'requireRangeCorrect': true // 是否校验选择的范围
+    format: "YYYY-MM-DD",
+    triggerMethod: "onClick",
+    extraBtnText: "左侧按钮",
+    triggerStop: false,
+    cover: false,
+    requireRangeCorrect: true, // 是否校验选择的范围
   };
 
   componentWillReceiveProps(nextProps) {
     if (nextProps.defaultRange) {
       this.setState({
-        'startDate': nextProps.defaultRange.startDate != null ? moment(nextProps.defaultRange.startDate) : null,
-        'endDate': nextProps.defaultRange.endDate != null ? moment(nextProps.defaultRange.endDate) : null
-      })
+        startDate: nextProps.defaultRange.startDate != null ? moment(nextProps.defaultRange.startDate) : null,
+        endDate: nextProps.defaultRange.endDate != null ? moment(nextProps.defaultRange.endDate) : null,
+      });
     }
   }
 
-  handleSelect = range => {
+  handleSelect = (range) => {
     this.setState(range);
     this.props.onSelect && this.props.onSelect();
   };
 
-  getDate = format => {
+  getDate = (format) => {
     const { startDate, endDate } = this.state;
     if (format) {
       return {
@@ -71,18 +71,18 @@ export default class RangePickerPop extends Component {
     };
   };
 
-  handleClick = e => {
+  handleClick = (e) => {
     if (this.props.triggerStop) e.stopPropagation();
     if (this.props.controlled) {
       this.setState({
         startDate: moment(this.props.defaultRange?.startDate),
         endDate: moment(this.props.defaultRange?.endDate),
-      })
+      });
     }
     // this.refs.pop.open();
   };
 
-  setRange = range => {
+  setRange = (range) => {
     this.setState({
       startDate: range ? moment(range.startDate) : moment(),
       endDate: range ? moment(range.endDate) : moment(),
@@ -92,12 +92,12 @@ export default class RangePickerPop extends Component {
   handleConfirm = () => {
     const { onConfirm } = this.props;
     let isValid = true;
-    isValid = onConfirm &&
-      onConfirm({
-        startDate: this.state.startDate ? this.state.startDate.format(this.props.format) : '',
-        endDate: this.state.endDate ? this.state.endDate.format(this.props.format) : '',
+    isValid = onConfirm
+      && onConfirm({
+        startDate: this.state.startDate ? this.state.startDate.format(this.props.format) : "",
+        endDate: this.state.endDate ? this.state.endDate.format(this.props.format) : "",
       });
-    if (isValid === false) return
+    if (isValid === false) return;
     this.refs.pop.close();
   };
 
@@ -115,16 +115,16 @@ export default class RangePickerPop extends Component {
     }
   };
 
-  /**手动显示 */
+  /** 手动显示 */
   show = (el) => {
-    //@ts-ignore
+    // @ts-ignore
     this.refs.pop.open();
     document.addEventListener(trigger[this.props.triggerMethod], this.hide);
   };
 
   hide = (e) => {
     if (e && e.srcElement) {
-      const pageContainer = document.getElementById('bs_layout_container');
+      const pageContainer = document.getElementById("bs_layout_container");
       if (pageContainer && !pageContainer.contains(e.srcElement)) return;
       const container = findDOMNode(this.container);
       if (container && container.contains(e.srcElement)) return;
@@ -134,51 +134,55 @@ export default class RangePickerPop extends Component {
   };
 
   render() {
-    const { triggerMethod, extraBtnText, onExtraBtnClick, container, style, requireRangeCorrect, popupPlacement = 'bottom' } = this.props;
-    let obj = { [triggerMethod]: this.handleClick };
-    let sure = { [triggerMethod]: this.handleConfirm };
-    let cancle = { [triggerMethod]: this.handleCancel };
-    let extra = { [triggerMethod]: this.handleExtraClick };
-
-    const popup = <div
-      className='tita-ranger-pop-inner'
-      onMouseDown={e => {
-        this.props.stopPropagation && this.props.stopPropagation(e);
-      }}
-      ref={r => this.container = r}
-    >
-      <div>
-        <DateRangePicker
-          defaultRange={[this.state.startDate, this.state.endDate]}
-          onSelect={this.handleSelect}
-          triggerMethod={triggerMethod}
-          container={container}
-          requireRangeCorrect={requireRangeCorrect}
-        />
-      </div>
-      <div className='tita-range-pop-action'>
-        {onExtraBtnClick && (
-          <a className='range-primry-btn' {...extra} style={{ float: 'left', marginLeft: '10px' }}>
+    const {
+      triggerMethod, extraBtnText, onExtraBtnClick, container, style, requireRangeCorrect, popupPlacement = "bottom",
+    } = this.props;
+    const obj = { [triggerMethod]: this.handleClick };
+    const sure = { [triggerMethod]: this.handleConfirm };
+    const cancle = { [triggerMethod]: this.handleCancel };
+    const extra = { [triggerMethod]: this.handleExtraClick };
+
+    const popup = (
+      <div
+        className="tita-ranger-pop-inner"
+        onMouseDown={(e) => {
+          this.props.stopPropagation && this.props.stopPropagation(e);
+        }}
+        ref={(r) => this.container = r}
+      >
+        <div>
+          <DateRangePicker
+            defaultRange={[this.state.startDate, this.state.endDate]}
+            onSelect={this.handleSelect}
+            triggerMethod={triggerMethod}
+            container={container}
+            requireRangeCorrect={requireRangeCorrect}
+          />
+        </div>
+        <div className="tita-range-pop-action">
+          {onExtraBtnClick && (
+          <a className="range-primry-btn" {...extra} style={{ float: "left", marginLeft: "10px" }}>
             {extraBtnText}
           </a>
-        )}
-        <a className='range-default-btn' {...cancle} style={{ marginRight: '10px' }}>{getLocale('Mod_Cancel')}</a>
-        <a className='range-primry-btn' {...sure}>{getLocale('OKR_MyO_Butt_Determine')}</a>
+          )}
+          <a className="range-default-btn" {...cancle} style={{ marginRight: "10px" }}>{getLocale("Mod_Cancel")}</a>
+          <a className="range-primry-btn" {...sure}>{getLocale("OKR_MyO_Butt_Determine")}</a>
+        </div>
       </div>
-    </div>;
+    );
 
     return (
       <div
-        style={style || { display: 'inline-block' }}
+        style={style || { display: "inline-block" }}
         className={this.props.className}
-        onMouseDown={e => this.props.stopPropagation && this.props.stopPropagation(e)}
+        onMouseDown={(e) => this.props.stopPropagation && this.props.stopPropagation(e)}
       >
         <Popup
-          ref='pop'
+          ref="pop"
           popup={popup}
           popupPlacement={popupPlacement}
         >
-          <div ref='trigger' {...obj}>
+          <div ref="trigger" {...obj}>
             {this.props.children}
           </div>
         </Popup>

package/src/components/range-selector-pop/RangeList.tsx

@@ -1,23 +1,22 @@
-import React, { PureComponent } from 'react';
-import { getLocale } from '../../utils/getLocale'
-import './index.scss'
+import React, { PureComponent } from "react";
+import { getLocale } from "../../utils/getLocale";
+import "./index.scss";
 
 interface Props {
   onSubmit: (visibility: string) => void // 私密性(1:所有人可见，2:仅部门可见，3:仅相关成员可见)
 }
 
 export default class RangeList extends PureComponent<Props> {
-
   render() {
-    const {onSubmit} = this.props
+    const { onSubmit } = this.props;
     return (
       <div className="rangeSelect__container">
         <ul className="rangeSelect__content">
-          <li className="rangeSelect__item" key="1" onClick={() => onSubmit('public')}>{getLocale('OKR_MyO_Pubiic')}</li>
-          <li className="rangeSelect__item" key="2" onClick={() => onSubmit('department')}>{getLocale('OKR_MyO_E_Departmentvisible')}</li>
-          <li className="rangeSelect__item" key="3" onClick={() => onSubmit('private')}>{getLocale('OKR_MyO_Private')}</li>
+          <li className="rangeSelect__item" key="1" onClick={() => onSubmit("public")}>{getLocale("OKR_MyO_Pubiic")}</li>
+          <li className="rangeSelect__item" key="2" onClick={() => onSubmit("department")}>{getLocale("OKR_MyO_E_Departmentvisible")}</li>
+          <li className="rangeSelect__item" key="3" onClick={() => onSubmit("private")}>{getLocale("OKR_MyO_Private")}</li>
         </ul>
       </div>
-    )
+    );
   }
 }

package/src/components/range-selector-pop/RangeSelectorPop.tsx

@@ -1,6 +1,6 @@
-import React, { PureComponent } from 'react'
-import Pop from '../../components-v1/pop'
-import RangeList from './RangeList'
+import React, { PureComponent } from "react";
+import Pop from "../../components-v1/pop";
+import RangeList from "./RangeList";
 
 interface Props {
   className?:string
@@ -11,27 +11,29 @@ interface Props {
 }
 
 export default class RangeSelectorPop extends PureComponent<Props> {
-
   handleShowPop = () => {
-    const { isDisabled } = this.props
-    if (isDisabled) return 
-    //@ts-ignore
-    this.refs.pop.show(this.refs.trigger)
-  }
+    const { isDisabled } = this.props;
+    if (isDisabled) return;
+    // @ts-ignore
+    this.refs.pop.show(this.refs.trigger);
+  };
+
   handleHide = () => {
-    //@ts-ignore
-    this.refs.pop.hide()
-  }
+    // @ts-ignore
+    this.refs.pop.hide();
+  };
 
   render() {
-    const {children,className,container,align, onSubmit} = this.props;
+    const {
+      children, className, container, align, onSubmit,
+    } = this.props;
     return (
       <div className={className}>
-        <div ref='trigger' onClick={this.handleShowPop}>{children}</div>
-        <Pop ref='pop' align={align} container={container} className='tita-common-pop-no-shadow'>
-          <RangeList onSubmit={(visibility) => {onSubmit(visibility);this.handleHide()}}/>
+        <div ref="trigger" onClick={this.handleShowPop}>{children}</div>
+        <Pop ref="pop" align={align} container={container} className="tita-common-pop-no-shadow">
+          <RangeList onSubmit={(visibility) => { onSubmit(visibility); this.handleHide(); }} />
         </Pop>
       </div>
-    )
+    );
   }
-}
+}

package/src/components/scrollbar/index.tsx

@@ -1,25 +1,27 @@
-import React from 'react';
-import classNames from 'classnames';
-import SimpleBar from './simplebar-react';
-import './index.scss';
+import React from "react";
+import classNames from "classnames";
+import SimpleBar from "./simplebar-react";
+import "./index.scss";
 
-const preCls = 'titaui-scrollbar';
+const preCls = "titaui-scrollbar";
 
 interface Props {
   children: any;
   style?: any;
 }
 
-export default (props: Props) => {
-  const { children, style,...restProps } = props;
+export default function (props: Props) {
+  const { children, style, ...restProps } = props;
 
   // @ts-ignore
-  return <SimpleBar
-    className={classNames(preCls)}
-    timeout={800}
-    style={style}
-    {...restProps}
-  >
-    {children}
-  </SimpleBar>
-}
+  return (
+    <SimpleBar
+      className={classNames(preCls)}
+      timeout={800}
+      style={style}
+      {...restProps}
+    >
+      {children}
+    </SimpleBar>
+  );
+}

package/src/components/scrollbar/simplebar/helpers.js

@@ -1,5 +1,5 @@
 // Helper function to retrieve options from element attributes
-export const getOptions = function(obj) {
+export const getOptions = function (obj) {
   const options = Array.prototype.reduce.call(
     obj,
     (acc, attribute) => {
@@ -7,10 +7,10 @@ export const getOptions = function(obj) {
       if (option) {
         const key = option[1].replace(/\W+(.)/g, (x, chr) => chr.toUpperCase());
         switch (attribute.value) {
-          case 'true':
+          case "true":
             acc[key] = true;
             break;
-          case 'false':
+          case "false":
             acc[key] = false;
             break;
           case undefined:
@@ -22,16 +22,16 @@ export const getOptions = function(obj) {
       }
       return acc;
     },
-    {}
+    {},
   );
   return options;
 };
 
 export function getElementWindow(element) {
   if (
-    !element ||
-    !element.ownerDocument ||
-    !element.ownerDocument.defaultView
+    !element
+    || !element.ownerDocument
+    || !element.ownerDocument.defaultView
   ) {
     return window;
   }