@titaui/pc 1.9.19 → 1.9.20

package/lib/utils/auth.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,7 +9,7 @@ exports.hasSuperior = exports.OAuth = exports.KRAuth = exports.EAuth = exports.D
 
 var _bsGlobal = require("./bs-global");
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
@@ -27,7 +27,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
 var BaseAuth = /*#__PURE__*/function () {
   function BaseAuth() {

package/lib/utils/local-storage.js

@@ -11,7 +11,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
 var localStorage = /*#__PURE__*/function () {
   function localStorage() {

package/lib/utils/open-data.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -15,9 +15,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 

package/lib/utils/request-v1.js

@@ -10,9 +10,9 @@ exports.taker = taker;
 
 var _bsGlobal = require("./bs-global");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 

package/lib/utils/roundWeight.js

@@ -8,9 +8,9 @@ exports.AccMul = AccMul;
 exports.ReCalibratePrecision = ReCalibratePrecision;
 exports.RoundWeight = RoundWeight;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.9.19",
+  "version": "1.9.20",
   "nameCN": "",
   "description": "",
   "main": "src/index.js",

package/src/components/change-okr-modal/Item.tsx

@@ -130,7 +130,9 @@ export default class Item extends PureComponent<Props, State> {
             <Radio onClick={(e: any) => this.onSelect(e, data)} active={active && data.workId == active.workId} />
             <Tag color={colorMap[data.cycleType] || colorMap[4]}>{this.getCycleText()}</Tag>
             <WorkNameWrapper isShowKr={isShowKr}>
-              <Tooltip.Text isPercent overlayText={this.htmlToText(this.okrData.workName)}  text={<OkrName isKr={false} isShowKr={isShowKr} dangerouslySetInnerHTML={{ __html: this.okrData.workName }}></OkrName>} />
+              <Tooltip.Text isPercent overlayText={this.htmlToText(this.okrData.workName)}>
+                <OkrName isKr={false} isShowKr={isShowKr} dangerouslySetInnerHTML={{ __html: this.okrData.workName }}></OkrName>
+              </Tooltip.Text>
             </WorkNameWrapper>
             {this.isObjectiveRelevanceKr && isShowKr && data.Krs.length > 0 && <span className={`${this.state.isExpand ? "tu-icon-arrow-up" : 'tu-icon-arrow-down'}`}></span>}
           </ItemTop>
@@ -161,14 +163,18 @@ export default class Item extends PureComponent<Props, State> {
                     <ItemTop key={item.mileStoneId}>
                       <Radio onClick={(e: any) => this.onSelect(e, data.Krs[index])} active={active && item.mileStoneId == (active.workId || active.mileStoneId)} />
                       <WorkNameWrapper isShowKr={isShowKr}>
-                        <Tooltip.Text isPercent overlayText={this.htmlToText(item.mileStoneName)} text={<OkrName isKr={true} isShowKr={isShowKr} dangerouslySetInnerHTML={{ __html: `KR${index + 1}：${item.mileStoneName}` }}></OkrName>} />
+                        <Tooltip.Text isPercent overlayText={this.htmlToText(item.mileStoneName)}>
+                          <OkrName isKr={true} isShowKr={isShowKr} dangerouslySetInnerHTML={{ __html: `KR${index + 1}：${item.mileStoneName}` }}></OkrName>
+                        </Tooltip.Text>
                       </WorkNameWrapper>
                     </ItemTop>
                   ) : active && item.mileStoneId == (active.workId || active.mileStoneId) ? (
                     <ItemTop key={item.mileStoneId}>
                       <Radio onClick={(e: any) => this.onSelect(e, data.Krs[index])} active={active && item.mileStoneId == (active.workId || active.mileStoneId)} />
                       <WorkNameWrapper isShowKr={isShowKr}>
-                        <Tooltip.Text isPercent overlayText={this.htmlToText(item.mileStoneName)}  text={<OkrName isKr={true} isShowKr={isShowKr} dangerouslySetInnerHTML={{ __html: `KR${index + 1}：${item.mileStoneName}` }}></OkrName>} />
+                        <Tooltip.Text isPercent overlayText={this.htmlToText(item.mileStoneName)}>
+                          <OkrName isKr={true} isShowKr={isShowKr} dangerouslySetInnerHTML={{ __html: `KR${index + 1}：${item.mileStoneName}` }}></OkrName>
+                        </Tooltip.Text>
                       </WorkNameWrapper>
                     </ItemTop>
                   ) : ''

package/src/components/form/form-fields/input/index.tsx

@@ -21,7 +21,7 @@ interface Props {
   name: string;
   getContainer?: Function;
   disabled?: boolean;
-  layout?: 'clomn'|'row';
+  layout?: 'column'|'row';
   className?:string;
 }
 interface Error {

package/src/components/form/form-fields/textarea/index.tsx

@@ -19,8 +19,9 @@ interface Props {
   require?: boolean;
   name: string;
   getContainer?: Function;
-  resizeType: 'none' | 'vertical';//不能修改宽度
+  resizeType?: 'none' | 'vertical';//不能修改宽度
   areaHeight: number;
+  layout?:'column'|'row'
 }
 
 interface Error {

package/src/components/okr-detail/components/header/index.js

@@ -7,7 +7,7 @@ import OAvatar from "./o-avatar";
 import OType from "../okr-type";
 import OCycle from "./o-cycle";
 import EditNameCmp from "./edit-name";
-import Score from "../score";
+import Score from "./o-score";
 import Progress from "../../../progress";
 import { OkrRiskMapping } from "../../../progress/utils";
 
@@ -115,6 +115,7 @@ const Header = (props) => {
       </span>
     );
   };
+
   return (
     <div className={precls} draggable={false}>
       <div className={`${precls}__avatar`}>
@@ -148,7 +149,7 @@ const Header = (props) => {
               <OCycle editable={editable} okrId={okrInfo.workId} />
             </span>
             <span className={`${precls}__action-item`}>
-              {showOkrEvalute && <Score score={okrInfo.evaluateValue} />}
+              {showOkrEvalute && <Score editable={editable} okrId={okrInfo.workId} score={okrInfo.evaluateValue} />}
             </span>
           </span>
           <OProgressUpdate okrInfo={okrInfo} renderContent={renderContent} />

package/src/components/okr-detail/components/header/index.scss

@@ -163,3 +163,8 @@ $lignt-color: #2879ff;
     width: auto!important;
   }
 }
+.okr-detail-o-score{
+  &__form{
+    padding: 10px 32px 8px;
+  }
+}

package/src/components/okr-detail/components/header/o-score.tsx

@@ -0,0 +1,115 @@
+import React, { Fragment, useState, useRef, useContext } from "react";
+import { CommonContext } from "../../context";
+import { getLocale } from "../../../../utils/getLocale";
+import Score from "../score";
+import Toast from "../../../toast";
+import Dialog from "../../../dialog";
+import Form from "../../../form";
+import { updateOScore } from "../../request-apis";
+import "./index.scss";
+
+const FormFields = Form.Fields;
+const preCls = "okr-detail-o-score";
+
+interface IOScoreProps {
+  score: number;
+  okrId: string | number;
+  editable: any;
+}
+interface FormFields {
+  score: string | number;
+  describe: string;
+}
+const OScore = (props: IOScoreProps) => {
+  const { score, okrId, editable, ...restProps } = props;
+  const [visible, setVisible] = useState(false);
+  const { refreshAll } = useContext(CommonContext);
+  const [formFiedlsValue, setFormFiedlsValue] = useState<FormFields>({
+    score: score,
+    describe: "",
+  });
+  const formContainerRef = useRef<any>();
+  const formRef = useRef<any>();
+  const changeOScore = () => {
+    setVisible(true);
+  };
+
+  const handleCancel = () => {
+    setVisible(false);
+  };
+
+  const handleOk = () => {
+    updateOScore(formFiedlsValue.score, okrId)
+      .then((res) => {
+        if (!!res.Code) {
+          Toast.Success(`${getLocale("OKR_MyO_Ew_Success")}`);
+          handleCancel();
+          refreshAll();
+        } else {
+          Toast.Error(res.Message || `${getLocale("OKR_MyO_Ew_Fail")}`);
+        }
+      })
+      .catch((err) => {
+        console.log(err);
+        Toast.Error(`${getLocale("OKR_MyO_Ew_Fail")}`);
+      });
+  };
+
+  const onFieldsChangeHandler = (fields) => {
+    const newFields = { ...fields };
+    setFormFiedlsValue(newFields);
+  };
+
+  return (
+    <Fragment>
+      <Score
+        editable={editable}
+        score={score}
+        onClick={changeOScore}
+        {...restProps}
+      />
+      <Dialog
+        title={`O ${getLocale("Per_Ass_New_Appr_detail_Scor")}`}
+        visible={visible}
+        animation="slide-fade"
+        maskAnimation="fade"
+        destroyOnClose={true}
+        width={538}
+        onClose={handleCancel}
+        onOk={handleOk}
+        onCancel={handleCancel}
+        noHeadLine
+        noFooterLine
+      >
+        <div ref={formContainerRef} className={`${preCls}__form`}>
+          <Form
+            ref={formRef}
+            getFormContainer={() => formContainerRef.current}
+            onFieldsChange={onFieldsChangeHandler}
+          >
+            <FormFields.Input
+              name="score"
+              label={`${getLocale("Per_Ass_New_Appr_detail_Scor")}`}
+              className={`${preCls}__form-item`}
+              placeholder={`${getLocale("OKR_MyO_Ew_PleaEnterRat")}`}
+              value={formFiedlsValue.score}
+              require={true}
+              layout="row"
+              verifies={[
+                {
+                  tip: `${getLocale("OKR_MyO_Ew_RatEmpty")}`,
+                  test: /^[\s\S]+$/,
+                },
+                {
+                  tip: `${getLocale("OKR_MyO_KRP_Please0and1")}`,
+                  test: /^(1|0(\.\d{1,2})?)$/,
+                },
+              ]}
+            />
+          </Form>
+        </div>
+      </Dialog>
+    </Fragment>
+  );
+};
+export default OScore;

package/src/components/okr-detail/request-apis.ts

@@ -414,3 +414,10 @@ export const updateChildOkrWeight = (data: { OkrId: number, Weight: number }[])
     "transformRequest": qs.stringify,
   })
 }
+
+export const updateOScore = (score,workId) => {
+  return rpost('v2')('work/score', {
+    manualScore: score,
+    workId:workId
+  })
+}

package/src/components/tooltip/tooltip-text/index.tsx

@@ -11,18 +11,18 @@ interface ITooltipTextProps {
   minusWidth?: number;
   overlayClassName?: string;
   mouseEnterDelay?: number;
-  
 }
 
 const TooltipText: FC<ITooltipTextProps> = ({
   text,
-  overlayText="",
+  overlayText = "",
   maxWidth = 0,
   exClass,
   isPercent = false,
   minusWidth = 0,
   overlayClassName = "",
   mouseEnterDelay = 0,
+  children,
 }) => {
   const [hasTooltip, setHasTooltip] = useState(false);
   const domRef = useRef<any>();
@@ -59,7 +59,7 @@ const TooltipText: FC<ITooltipTextProps> = ({
       {hasTooltip && (
         <Tooltip
           overlayClassName={overlayClassName}
-          overlay={!!overlayText?overlayText:text}
+          overlay={overlayText ? overlayText : text}
           placement="top"
           mouseEnterDelay={mouseEnterDelay}
         >
@@ -69,18 +69,20 @@ const TooltipText: FC<ITooltipTextProps> = ({
               maxWidth: isPercent ? `calc(100% - ${minusWidth}px)` : maxWidth,
             }}
           >
-            {text}
+            {children ? children : text}
           </span>
         </Tooltip>
       )}
       {!hasTooltip && (
-        <span className={`tooltip-text-wrapper ${exClass}`}>{text}</span>
+        <span className={`tooltip-text-wrapper ${exClass}`}>
+          {children ? children : text}
+        </span>
       )}
       <span
         className={`tooltip-text-wrapper tooltip-text-wrapper--hidden ${exClass}`}
         ref={domRef}
       >
-        {text}
+        {children ? children : text}
       </span>
       {isPercent && (
         <span

package/src/components/user-selector/export-modules/duties-selector/index.tsx

@@ -1,15 +1,17 @@
-import React, { useState, forwardRef, useImperativeHandle } from 'react';
-import classNames from 'classnames';
+import React, { useState, forwardRef, useImperativeHandle, useEffect } from 'react';
 import ChooseTree from '../../select-tree/choose-tree';
 import Popup from '../../../popup';
 import { TreeNodeContext } from '../../context';
 import { CommonContext } from '../../context';
-import { getDuties } from '../../request-apis';
+import Loading from '../../loading';
+import { SinglePersonalLayout } from '../../layout';
+import SelectorInput from '../../../selector-input';
+import { getDuties,searchDuties } from '../../request-apis';
 
 import '../../index.scss';
 import './index.scss';
 
-const preCls = 'perspm-duties-selector';
+// const preCls = 'perspm-duties-selector';
 
 interface Props {
   onSelect?: Function;
@@ -37,6 +39,39 @@ export default forwardRef((props: Props, ref) => {
   } = props;
 
   const [visible, setVisible] = useState(false);
+  const [searchKey, setSearchKey] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [dutiesData,setDutiesData] = useState([])
+
+    // 获取数据的API
+  const searchTreeData = () => {
+
+    return searchDuties({
+      searchKey,
+    }).then(res => {
+      if(!!res.Code){
+        let data = res.Data.map(it => {
+          return {
+            'key': `${it.code}`,
+            'id': `${it.id}`,
+            'pid': `-1`,
+            'nodeType': 'duties',
+            'isLeaf': true,
+            'data': { ...it }
+          };
+        })
+        setDutiesData(data)
+      }
+    }).catch(err=>{
+      console.log(err)
+    });
+  }
+
+  useEffect(() => {
+    if (!searchKey) return;
+    setLoading(true);
+    searchTreeData().then(() => setLoading(false));
+  }, [searchKey]);
 
   const onGetTreeData = () => {
     return getDuties().then(duties => {
@@ -63,20 +98,45 @@ export default forwardRef((props: Props, ref) => {
     setVisible(false);
   }
 
-  const popup = <div className={classNames(preCls)}>
-    <div className={classNames(`${preCls}__inner`)}>
-      <TreeNodeContext.Provider value={{}}>
-        <ChooseTree
-          onSelect={onSelectHandler}
-          asyncData={true}
-          multiple={false}
-          getTreeData={onGetTreeData}
-          itemHeight={itemHeight}
-          height={height}
-          virtual={true}
-        />
-      </TreeNodeContext.Provider>
-    </div>
+  const onSearchChangeHandler = val => {
+    setSearchKey(val);
+  };
+
+
+  const popup = <div>
+      <SinglePersonalLayout>
+        <SelectorInput onChange={onSearchChangeHandler} />
+        {!!searchKey ? (
+          loading ? (
+            <Loading />
+          ) : (
+          <div>
+            <TreeNodeContext.Provider value={{}}>
+            <ChooseTree
+              multiple={false}
+              treeData={dutiesData}
+              asyncData={false}
+              onSelect={onSelectHandler}
+              virtual={true}
+              height={height-44}
+            />
+          </TreeNodeContext.Provider>
+          </div>
+          )
+        ) : (
+          <TreeNodeContext.Provider value={{}}>
+            <ChooseTree
+              onSelect={onSelectHandler}
+              asyncData={true}
+              multiple={false}
+              getTreeData={onGetTreeData}
+              itemHeight={itemHeight}
+              height={height-44}
+              virtual={true}
+            />
+          </TreeNodeContext.Provider>
+        )}
+      </SinglePersonalLayout>
   </div>;
 
   return <CommonContext.Provider value={{}}>

package/src/components/user-selector/request-apis.js

@@ -124,4 +124,11 @@ export const getDuties = () => {
     .then(res => {
       return res.data;
     })
+}
+
+export const searchDuties = ({searchKey}) => {
+  return axios.get(`${requestDomain()}/api/v1/${tenantId}/${userId}/position/search?status=1&pageNum=1&pageSize=100&filter=${searchKey}`)
+    .then(res => {
+      return res.data;
+    })
 }

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