dtable-ui-component 7.0.0-xia.1 → 7.0.0-xia.2

package/lib/DateEditor/pc-editor.js

@@ -22,9 +22,7 @@ class PCDateEditor extends _react.default.Component {
     // event trigger sequence: onOpenChange --> onChange
     this.onChange = value => {
       if (!value) return;
-      let {
-        dateFormat
-      } = this.props;
+      let dateFormat = this.props.dateFormat;
       this.setState({
         value: value,
         open: true // if value changed, don't close datePicker
@@ -35,9 +33,7 @@ class PCDateEditor extends _react.default.Component {
       this.props.onCommit(this.getValue());
     };
     this.getValue = () => {
-      let {
-        dateFormat
-      } = this.props;
+      let dateFormat = this.props.dateFormat;
       let value = this.state.value ? this.state.value.format(dateFormat) : null;
       return value;
     };
@@ -49,9 +45,7 @@ class PCDateEditor extends _react.default.Component {
       return this.datePickerRef.querySelector('input:not([type=hidden])');
     };
     this.onOpenChange = open => {
-      const {
-        isInModal
-      } = this.props;
+      const isInModal = this.props.isInModal;
       if (open) {
         this.toggleCalendar(open);
       }
@@ -80,9 +74,7 @@ class PCDateEditor extends _react.default.Component {
       event.stopPropagation();
     };
     this.getCalendarContainer = () => {
-      const {
-        isInModal
-      } = this.props;
+      const isInModal = this.props.isInModal;
       return isInModal ? this.calendarContainerRef.current : document.body;
     };
     this.handleKeyDown = e => {
@@ -110,9 +102,7 @@ class PCDateEditor extends _react.default.Component {
       this.toggleCalendar(true);
     };
     this.onClickRightPanelTime = () => {
-      const {
-        isInModal
-      } = this.props;
+      const isInModal = this.props.isInModal;
       let onClickRightPanelTime = isInModal ? this.props.onClose : this.closeEditor;
       // we should change value and save it(async function), then close Editor.
       setTimeout(() => {
@@ -128,20 +118,17 @@ class PCDateEditor extends _react.default.Component {
       }
     };
     this.getDefaultTime = () => {
-      const {
-        value
-      } = this.props;
+      const value = this.props.value;
       if (value) return (0, _dayjs.default)(value).format('HH:mm');
       return '';
     };
     this.getCalender = () => {
-      let {
-        dateFormat,
-        showHourAndMinute,
-        lang,
-        className,
-        firstDayOfWeek
-      } = this.props;
+      let _this$props = this.props,
+        dateFormat = _this$props.dateFormat,
+        showHourAndMinute = _this$props.showHourAndMinute,
+        lang = _this$props.lang,
+        className = _this$props.className,
+        firstDayOfWeek = _this$props.firstDayOfWeek;
       let defaultValue = (0, _dayjs.default)().clone();
       const defaultTime = this.getDefaultTime();
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_seafileCalendar.default, {
@@ -160,10 +147,9 @@ class PCDateEditor extends _react.default.Component {
         firstDayOfWeek: firstDayOfWeek
       });
     };
-    const {
-      dateFormat: _dateFormat,
-      value: _value
-    } = this.props;
+    const _this$props2 = this.props,
+      _dateFormat = _this$props2.dateFormat,
+      _value = _this$props2.value;
     this.state = {
       value: _value ? (0, _dayjs.default)(_value) : null,
       open: false
@@ -173,11 +159,10 @@ class PCDateEditor extends _react.default.Component {
     this.showHourAndMinute = !!(_dateFormat.indexOf('HH:mm') > -1);
   }
   componentDidMount() {
-    const {
-      value,
-      lang,
-      isInModal
-    } = this.props;
+    const _this$props3 = this.props,
+      value = _this$props3.value,
+      lang = _this$props3.lang,
+      isInModal = _this$props3.isInModal;
     const iszhcn = lang === 'zh-cn';
     if (iszhcn) {
       now = now.locale('zh-cn');
@@ -214,14 +199,12 @@ class PCDateEditor extends _react.default.Component {
     }
   }
   render() {
-    let {
-      dateFormat,
-      isInModal
-    } = this.props;
-    let {
-      open,
-      value
-    } = this.state;
+    let _this$props4 = this.props,
+      dateFormat = _this$props4.dateFormat,
+      isInModal = _this$props4.isInModal;
+    let _this$state = this.state,
+      open = _this$state.open,
+      value = _this$state.value;
     const calendar = this.getCalender();
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "date-picker-container ".concat(isInModal ? 'modal-date-picker-container' : ''),
@@ -240,9 +223,7 @@ class PCDateEditor extends _react.default.Component {
         onChange: this.onChange,
         onOpenChange: this.onOpenChange,
         children: _ref => {
-          let {
-            value
-          } = _ref;
+          let value = _ref.value;
           value = value && value.format(dateFormat);
           return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
             className: "dtable-ui-date-editor-container",

package/lib/DateFormatter/index.js

@@ -12,11 +12,10 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class DateFormatter extends _react.default.Component {
   render() {
-    let {
-      value: date,
-      format,
-      containerClassName
-    } = this.props;
+    let _this$props = this.props,
+      date = _this$props.value,
+      format = _this$props.format,
+      containerClassName = _this$props.containerClassName;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container date-formatter', containerClassName);
     if (date !== '') {
       date = (0, _dtableUtils.getDateDisplayString)(date, format);

package/lib/DatePicker/index.js

@@ -46,22 +46,16 @@ class DatePicker extends React.Component {
   }
   render() {
     // tslint:disable-next-line:no-this-assignment
-    const {
-      props,
-      context
-    } = this;
-    const {
-      children,
-      value,
-      popupPrefixCls
-    } = props;
+    const props = this.props,
+      context = this.context;
+    const children = props.children,
+      value = props.value,
+      popupPrefixCls = props.popupPrefixCls;
     const locale = (0, _getLocale.getComponentLocale)(props, context, 'DatePicker', () => require('./locale/zh_CN'));
-    const {
-      okText,
-      dismissText,
-      extra,
-      DatePickerLocale
-    } = locale;
+    const okText = locale.okText,
+      dismissText = locale.dismissText,
+      extra = locale.extra,
+      DatePickerLocale = locale.DatePickerLocale;
     /**
      * 注意:
      * 受控 表示 通过设置 value 属性、组件的最终状态跟 value 设置值一致。

package/lib/DatePicker/utils.js

@@ -22,9 +22,7 @@ function formatFn(instance, value) {
     time: 'HH:mm',
     datetime: 'YYYY-MM-DD HH:mm'
   };
-  const {
-    format
-  } = instance.props;
+  const format = instance.props.format;
   const type = typeof format;
   if (type === 'string') {
     return formatIt(value, format);

package/lib/DeleteTip/index.js

@@ -21,12 +21,11 @@ class DeleteTip extends _react.default.Component {
     };
   }
   render() {
-    const {
-      toggle,
-      handleDelete,
-      position,
-      deleteTip
-    } = this.props;
+    const _this$props = this.props,
+      toggle = _this$props.toggle,
+      handleDelete = _this$props.handleDelete,
+      position = _this$props.position,
+      deleteTip = _this$props.deleteTip;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ModalPortal.default, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickOutside.default, {
         onClickOutside: this.handleOutsideClick,

package/lib/DepartmentMultipleSelectEditor/index.js

@@ -1,11 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _departments = require("../utils/departments");
 var _SelectedDepartments = _interopRequireDefault(require("../SelectedDepartments"));
@@ -13,18 +14,22 @@ var _lang = require("../lang");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 function DepartmentMultipleSelect(props) {
-  const {
-    value,
-    onCommit,
-    classNamePrefix,
-    isShowSelectedDepartments,
-    renderUserDepartmentOptions,
-    departments: initialDepartments,
-    isInModal,
-    position
-  } = props;
-  const [searchVal, setSearchVal] = (0, _react.useState)('');
-  const [departments, setDepartments] = (0, _react.useState)((0, _departments.getNormalizedDepartments)(initialDepartments));
+  const value = props.value,
+    onCommit = props.onCommit,
+    classNamePrefix = props.classNamePrefix,
+    isShowSelectedDepartments = props.isShowSelectedDepartments,
+    renderUserDepartmentOptions = props.renderUserDepartmentOptions,
+    initialDepartments = props.departments,
+    isInModal = props.isInModal,
+    position = props.position;
+  const _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    searchVal = _useState2[0],
+    setSearchVal = _useState2[1];
+  const _useState3 = (0, _react.useState)((0, _departments.getNormalizedDepartments)(initialDepartments)),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    departments = _useState4[0],
+    setDepartments = _useState4[1];
   const departmentContainerRef = (0, _react.useRef)(null);
   const validDepartmentsRef = (0, _react.useRef)([]);
   (0, _react.useEffect)(() => {
@@ -34,10 +39,9 @@ function DepartmentMultipleSelect(props) {
     // eslint-disable-next-line
   }, []);
   function resetContainerPosition() {
-    const {
-      top,
-      height
-    } = departmentContainerRef.current.getBoundingClientRect();
+    const _departmentContainerR = departmentContainerRef.current.getBoundingClientRect(),
+      top = _departmentContainerR.top,
+      height = _departmentContainerR.height;
     if (isInModal) {
       if (position.y + position.height + height > window.innerHeight) {
         departmentContainerRef.current.style.top = position.y - height + 'px';
@@ -93,12 +97,10 @@ function DepartmentMultipleSelect(props) {
     e.nativeEvent.stopImmediatePropagation();
   }
   function renderDepartment(department, subDepartments, level) {
-    const {
-      hasChild,
-      isExpanded,
-      name,
-      id
-    } = department;
+    const hasChild = department.hasChild,
+      isExpanded = department.isExpanded,
+      name = department.name,
+      id = department.id;
     const newLevel = level + 1;
     const inputChecked = value.includes(id);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {

package/lib/DepartmentSelectFilter/index.js

@@ -11,14 +11,12 @@ var _departmentSingleSelectFilter = _interopRequireDefault(require("../DTableFil
 var _departmentMultipleSelectFilter = _interopRequireDefault(require("../DTableFiltersPopover/widgets/department-select-filter/department-multiple-select-filter"));
 var _jsxRuntime = require("react/jsx-runtime");
 function DepartmentSelectFilter(props) {
-  const {
-    isMultiple,
-    value,
-    column,
-    userDepartmentIdsMap,
-    departments,
-    onCommit
-  } = props;
+  const isMultiple = props.isMultiple,
+    value = props.value,
+    column = props.column,
+    userDepartmentIdsMap = props.userDepartmentIdsMap,
+    departments = props.departments,
+    onCommit = props.onCommit;
   const filterProps = {
     column,
     value,

package/lib/DepartmentSingleSelectEditor/index.js

@@ -15,9 +15,7 @@ var _mbEditor = _interopRequireDefault(require("./mb-editor"));
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["isMobile"];
 const DepartmentSingleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-      isMobile
-    } = _ref,
+  let isMobile = _ref.isMobile,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     ref: ref

package/lib/DepartmentSingleSelectEditor/mb-editor/index.js

@@ -1,11 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _dtableUtils = require("dtable-utils");
 var _List = _interopRequireDefault(require("../../List"));
@@ -17,25 +18,37 @@ var _lang = require("../../lang");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const Item = _List.default.Item;
-const {
-  Header,
-  Body
-} = _MobileFullScreenPage.default;
+const Header = _MobileFullScreenPage.default.Header,
+  Body = _MobileFullScreenPage.default.Body;
 const MBDepartmentSingleSelectEditor = _ref => {
-  let {
-    value: oldValue,
-    column,
-    isSupportMultiple = false,
-    isFilterEditor = false,
-    userDepartmentIdsMap = {},
-    departments: initialDepartments = [],
-    onCommit,
-    onClose
-  } = _ref;
-  const [value, setValue] = (0, _react.useState)(oldValue ? oldValue : isSupportMultiple ? [] : '');
-  const [departments, setDepartments] = (0, _react.useState)([]);
-  const [parentId, setParentId] = (0, _react.useState)('');
-  const [topParentIds, setTopParentIds] = (0, _react.useState)([]);
+  let oldValue = _ref.value,
+    column = _ref.column,
+    _ref$isSupportMultipl = _ref.isSupportMultiple,
+    isSupportMultiple = _ref$isSupportMultipl === void 0 ? false : _ref$isSupportMultipl,
+    _ref$isFilterEditor = _ref.isFilterEditor,
+    isFilterEditor = _ref$isFilterEditor === void 0 ? false : _ref$isFilterEditor,
+    _ref$userDepartmentId = _ref.userDepartmentIdsMap,
+    userDepartmentIdsMap = _ref$userDepartmentId === void 0 ? {} : _ref$userDepartmentId,
+    _ref$departments = _ref.departments,
+    initialDepartments = _ref$departments === void 0 ? [] : _ref$departments,
+    onCommit = _ref.onCommit,
+    onClose = _ref.onClose;
+  const _useState = (0, _react.useState)(oldValue ? oldValue : isSupportMultiple ? [] : ''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  const _useState3 = (0, _react.useState)([]),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    departments = _useState4[0],
+    setDepartments = _useState4[1];
+  const _useState5 = (0, _react.useState)(''),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    parentId = _useState6[0],
+    setParentId = _useState6[1];
+  const _useState7 = (0, _react.useState)([]),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    topParentIds = _useState8[0],
+    setTopParentIds = _useState8[1];
   const initColumnData = (0, _react.useMemo)(() => {
     const data = column.data || {};
     const enableSelectRange = data.enable_select_range || false;
@@ -53,10 +66,8 @@ const MBDepartmentSingleSelectEditor = _ref => {
   }, [isFilterEditor, value, onCommit, onClose]);
   const onDepartmentClick = (0, _react.useCallback)((event, department) => {
     event.preventDefault();
-    const {
-      id,
-      hasChild
-    } = department;
+    const id = department.id,
+      hasChild = department.hasChild;
     if (event.target && event.target.className.indexOf('am-list-arrow') > -1) {
       if (!hasChild) return;
       setParentId(id);
@@ -100,9 +111,7 @@ const MBDepartmentSingleSelectEditor = _ref => {
       onClose && onClose();
       return;
     }
-    const {
-      enableSelectRange
-    } = initColumnData;
+    const enableSelectRange = initColumnData.enableSelectRange;
     if (topParentIds.includes(parentId) && enableSelectRange) {
       setParentId('');
       return;
@@ -119,9 +128,7 @@ const MBDepartmentSingleSelectEditor = _ref => {
     });
   }, [isFilterEditor, departments, parentId]);
   const renderDepartments = (0, _react.useCallback)(() => {
-    const {
-      enableSelectRange
-    } = initColumnData;
+    const enableSelectRange = initColumnData.enableSelectRange;
     let currentDepartments = [];
     if (enableSelectRange && !parentId && !isFilterEditor) {
       currentDepartments = departments.filter(department => topParentIds.includes(department.id));
@@ -141,10 +148,8 @@ const MBDepartmentSingleSelectEditor = _ref => {
       renderHeader: () => (0, _lang.getLocale)('Select_department'),
       children: [isFilterEditor && parentId === -1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
         children: _departments2.DEPARTMENT_SELECT_RANGE_OPTIONS.slice(0, 2).map((option, index) => {
-          const {
-            type,
-            name
-          } = option;
+          const type = option.type,
+            name = option.name;
           const isChecked = isSupportMultiple ? value.includes(type) : value === type;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(Item, {
             multipleLine: true,
@@ -161,11 +166,9 @@ const MBDepartmentSingleSelectEditor = _ref => {
           }, "department-range-item-".concat(index));
         })
       }), currentDepartments.map((department, index) => {
-        const {
-          hasChild,
-          name,
-          id
-        } = department;
+        const hasChild = department.hasChild,
+          name = department.name,
+          id = department.id;
         const isChecked = isSupportMultiple ? value.includes(id) : value === id;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(Item, {
           arrow: hasChild ? 'horizontal' : '',
@@ -185,16 +188,14 @@ const MBDepartmentSingleSelectEditor = _ref => {
     });
   }, [initColumnData, parentId, isFilterEditor, isSupportMultiple, departments, value, topParentIds, onParentDepartmentClick, onDepartmentClick]);
   (0, _react.useEffect)(() => {
-    const {
-      enableSelectRange,
-      selectedRange,
-      specificDepartments
-    } = initColumnData;
+    const enableSelectRange = initColumnData.enableSelectRange,
+      selectedRange = initColumnData.selectedRange,
+      specificDepartments = initColumnData.specificDepartments;
     if (enableSelectRange && !isFilterEditor) {
-      const {
-        current_user_department_ids = [],
-        current_user_department_and_sub_ids = []
-      } = userDepartmentIdsMap;
+      const _userDepartmentIdsMap = userDepartmentIdsMap.current_user_department_ids,
+        current_user_department_ids = _userDepartmentIdsMap === void 0 ? [] : _userDepartmentIdsMap,
+        _userDepartmentIdsMap2 = userDepartmentIdsMap.current_user_department_and_sub_ids,
+        current_user_department_and_sub_ids = _userDepartmentIdsMap2 === void 0 ? [] : _userDepartmentIdsMap2;
       let targetDepartments = [];
       let topParentIds = [];
       let canExpand = true;

package/lib/DepartmentSingleSelectEditor/pc-editor/department-single-select.js

@@ -21,9 +21,8 @@ class DepartmentSingleSelect extends _react.Component {
     _this = this;
     this.resetMenuStyle = () => {
       if (!this.departmentsRef) return;
-      const {
-        bottom
-      } = this.departmentsRef.getBoundingClientRect();
+      const _this$departmentsRef$ = this.departmentsRef.getBoundingClientRect(),
+        bottom = _this$departmentsRef$.bottom;
       if (bottom > window.innerHeight) {
         const currentTop = this.departmentsRef.style.top || 0;
         this.departmentsRef.style.top = parseInt(currentTop) - bottom + window.innerHeight + 'px';
@@ -38,14 +37,14 @@ class DepartmentSingleSelect extends _react.Component {
     };
     this.initRangeDepartments = function (userDepartmentIdsMap) {
       let departments = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-      const {
-        selectedRange,
-        specificDepartments
-      } = _this.getSelectedRange();
-      const {
-        current_user_department_ids = [],
-        current_user_department_and_sub_ids = []
-      } = userDepartmentIdsMap || {};
+      const _this$getSelectedRang = _this.getSelectedRange(),
+        selectedRange = _this$getSelectedRang.selectedRange,
+        specificDepartments = _this$getSelectedRang.specificDepartments;
+      const _ref = userDepartmentIdsMap || {},
+        _ref$current_user_dep = _ref.current_user_department_ids,
+        current_user_department_ids = _ref$current_user_dep === void 0 ? [] : _ref$current_user_dep,
+        _ref$current_user_dep2 = _ref.current_user_department_and_sub_ids,
+        current_user_department_and_sub_ids = _ref$current_user_dep2 === void 0 ? [] : _ref$current_user_dep2;
       let targetDepartments = [];
       let topParentIds = [];
       if (selectedRange === _dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT) {
@@ -66,9 +65,7 @@ class DepartmentSingleSelect extends _react.Component {
       });
     };
     this.getSelectedRange = () => {
-      const {
-        column
-      } = this.props;
+      const column = this.props.column;
       const data = column.data || {};
       const selectedRange = data.selected_range || '';
       const specificDepartments = data.specific_departments || [];
@@ -89,13 +86,9 @@ class DepartmentSingleSelect extends _react.Component {
     };
     this.onChangeSearch = event => {
       const newSearchValue = event.target.value;
-      const {
-        searchVal
-      } = this.state;
+      const searchVal = this.state.searchVal;
       if (searchVal === newSearchValue) return;
-      const {
-        departments
-      } = this.state;
+      const departments = this.state.departments;
       this.validDepartments = (0, _departments.searchDepartments)(departments, newSearchValue);
       this.setState({
         searchVal: newSearchValue
@@ -104,10 +97,9 @@ class DepartmentSingleSelect extends _react.Component {
     this.onSelectDepartment = (event, selectedValue) => {
       event.stopPropagation();
       event.nativeEvent.stopImmediatePropagation();
-      const {
-        onCommit,
-        value
-      } = this.props;
+      const _this$props = this.props,
+        onCommit = _this$props.onCommit,
+        value = _this$props.value;
       const newValue = selectedValue === value ? '' : selectedValue;
       onCommit(newValue);
     };
@@ -127,16 +119,12 @@ class DepartmentSingleSelect extends _react.Component {
       });
     };
     this.renderDepartment = (department, subDepartments, level, hasNextLevel) => {
-      const {
-        value
-      } = this.props;
+      const value = this.props.value;
       const newLevel = level + 1;
-      const {
-        hasChild,
-        isExpanded,
-        name,
-        id
-      } = department;
+      const hasChild = department.hasChild,
+        isExpanded = department.isExpanded,
+        name = department.name,
+        id = department.id;
       const isChecked = value === id;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -172,9 +160,7 @@ class DepartmentSingleSelect extends _react.Component {
       }, id);
     };
     this.renderAllDepartments = () => {
-      const {
-        departments
-      } = this.state;
+      const departments = this.state.departments;
       const topDepartment = departments.find(department => department.parent_id === -1);
       const subDepartments = departments.filter(department => department.parent_id !== -1);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
@@ -182,9 +168,7 @@ class DepartmentSingleSelect extends _react.Component {
       });
     };
     this.renderSpecificDepartments = () => {
-      const {
-        departments
-      } = this.state;
+      const departments = this.state.departments;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [this.validDepartments.length === 0 && this.renderEmptyTip(), this.validDepartments.length > 0 && this.validDepartments.map(department => {
           const value = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, department), {}, {
@@ -195,10 +179,9 @@ class DepartmentSingleSelect extends _react.Component {
       });
     };
     this.renderCurrentDepartmentsAndSub = () => {
-      const {
-        departments,
-        topParentIds
-      } = this.state;
+      const _this$state = this.state,
+        departments = _this$state.departments,
+        topParentIds = _this$state.topParentIds;
       const nextLevelDepartment = this.validDepartments.find(department => topParentIds.includes(department.parent_id));
       const hasNextLevel = !!nextLevelDepartment;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -216,16 +199,12 @@ class DepartmentSingleSelect extends _react.Component {
       });
     };
     this.renderMenuContent = () => {
-      const {
-        searchVal
-      } = this.state;
-      const {
-        enableSelectRange,
-        renderUserDepartmentOptions
-      } = this.props;
-      const {
-        selectedRange
-      } = this.getSelectedRange();
+      const searchVal = this.state.searchVal;
+      const _this$props2 = this.props,
+        enableSelectRange = _this$props2.enableSelectRange,
+        renderUserDepartmentOptions = _this$props2.renderUserDepartmentOptions;
+      const _this$getSelectedRang2 = this.getSelectedRange(),
+        selectedRange = _this$getSelectedRang2.selectedRange;
       let menuContent = this.renderAllDepartments();
       if (enableSelectRange && [_dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT, _dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.SPECIFIC_DEPARTMENTS].includes(selectedRange) || searchVal) {
         menuContent = this.renderSpecificDepartments();
@@ -251,11 +230,10 @@ class DepartmentSingleSelect extends _react.Component {
     setTimeout(() => {
       this.resetMenuStyle();
     }, 1);
-    const {
-      enableSelectRange,
-      userDepartmentIdsMap,
-      departments
-    } = this.props;
+    const _this$props3 = this.props,
+      enableSelectRange = _this$props3.enableSelectRange,
+      userDepartmentIdsMap = _this$props3.userDepartmentIdsMap,
+      departments = _this$props3.departments;
     if (enableSelectRange) {
       this.initRangeDepartments(userDepartmentIdsMap, departments);
     } else {