dtable-ui-component 6.0.29-beta11 → 6.0.29-beta13

package/lib/DateEditor/mb-editor/index.css

@@ -1,39 +0,0 @@
-@import url('./custom-rc-calendar.css');
-
-.dtable-ui-mobile-date-editor .dtable-ui-mobile-date-editor-input {
-  display: flex;
-  border-bottom: 1px solid #e9e9e9;
-}
-
-.dtable-ui-mobile-date-editor .dtable-ui-mobile-date-editor-input .date-input {
-  flex: 1;
-  background-color: #fff;
-}
-
-.dtable-ui-mobile-date-editor .dtable-ui-mobile-date-editor-input .date-input .date-input-day {
-  background-color: #f5f5f5;
-  border: 1px solid #e9e9e9;
-  margin: 10px;
-  padding: 3px 5px;
-  border-radius: 3px;
-}
-
-.dtable-ui-mobile-date-editor .dtable-ui.dtable-ui-mobile-date-editor-picker {
-  display: block;
-  position: relative;
-  margin-top: 20px;
-  line-height: 1.5;
-  box-sizing: border-box;
-}
-
-.dtable-ui-mobile-date-editor .dtable-ui-mobile-date-editor-clear {
-  padding: 10px 0;
-  border-bottom: 1px solid #e9e9e9;
-  text-align: center;
-  color: #d27053;
-  background-color: #fff;
-}
-
-.dtable-ui .am-picker-popup-header .am-picker-popup-item {
-  color: #E5A252;
-}

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

@@ -1,215 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _datePicker = _interopRequireDefault(require("antd-mobile/lib/date-picker"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _dayjs = _interopRequireDefault(require("dayjs"));
-require("dayjs/locale/zh-cn");
-require("dayjs/locale/en-gb");
-var _seafileCalendar = _interopRequireDefault(require("@seafile/seafile-calendar"));
-var _Picker = _interopRequireDefault(require("@seafile/seafile-calendar/lib/Picker"));
-var _lang = require("../../lang");
-var _editorUtils = require("../../utils/editor-utils");
-var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
-require("@seafile/seafile-calendar/assets/index.css");
-require("./index.css");
-let now = (0, _dayjs.default)();
-const {
-  Header,
-  Body
-} = _MobileFullScreenPage.default;
-class MBDateEditor extends _react.default.PureComponent {
-  constructor(props) {
-    super(props);
-    this.handleDateChange = date => {
-      if (this.showTime) {
-        const HM = (0, _dayjs.default)(this.state.time).format('HH:mm');
-        // In iOS, the time standard is ISO-8601, new Date("YYYY-MM-DD") will be wrong, new Date("YYYY/MM/DD") will be OK.
-        const newTime = (0, _dayjs.default)(date).format('YYYY/MM/DD') + ' ' + HM;
-        this.setState({
-          time: new Date(newTime)
-        });
-      } else {
-        this.setState({
-          time: date
-        });
-      }
-    };
-    this.handleTimeChange = time => {
-      // In iOS, the time standard is ISO-8601, new Date("YYYY-MM-DD") will be wrong, new Date("YYYY/MM/DD") will be OK.
-      const YMD = (0, _dayjs.default)(this.state.time).format('YYYY/MM/DD');
-      const newTime = YMD + ' ' + (0, _dayjs.default)(time).format('HH:mm');
-      this.setState({
-        time: new Date(newTime)
-      });
-    };
-    this.onSave = () => {
-      const value = (0, _dayjs.default)(this.state.time).format(this.format);
-      this.props.onCommit(value);
-      this.props.onClose();
-    };
-    this.deleteDate = () => {
-      this.props.onCommit(null);
-      this.props.onClose();
-    };
-    this.getCalendarContainer = () => {
-      return this.calendarContainerRef.current;
-    };
-    this.onChange = value => {
-      if (!value) return;
-      const newTime = (0, _dayjs.default)(value.format(this.format));
-      this.setState({
-        time: newTime
-      });
-    };
-    this.renderCalender = () => {
-      const {
-        lang,
-        className,
-        firstDayOfWeek
-      } = this.props;
-      const {
-        time
-      } = this.state;
-      const calendar = /*#__PURE__*/_react.default.createElement(_seafileCalendar.default, {
-        className: (0, _classnames.default)('dtable-rc-calendar', className),
-        locale: (0, _editorUtils.initDateEditorLanguage)(lang),
-        dateInputPlaceholder: (0, _lang.getLocale)('Please_input'),
-        format: this.format,
-        defaultValue: this.defaultCalendarValue,
-        showDateInput: false,
-        focusablePanel: false,
-        showToday: false,
-        showTime: false,
-        style: {
-          width: '100%',
-          fontSize: '14px'
-        },
-        firstDayOfWeek: firstDayOfWeek
-      });
-      return /*#__PURE__*/_react.default.createElement(_Picker.default, {
-        calendar: calendar,
-        value: time,
-        onChange: this.onChange,
-        getCalendarContainer: this.getCalendarContainer,
-        open: true,
-        style: {
-          width: '100%'
-        }
-      }, _ref => {
-        let {
-          time
-        } = _ref;
-        return /*#__PURE__*/_react.default.createElement("div", {
-          tabIndex: "0",
-          onFocus: this.onReadOnlyFocus
-        }, /*#__PURE__*/_react.default.createElement("input", {
-          placeholder: (0, _lang.getLocale)('please_select'),
-          readOnly: true,
-          tabIndex: "-1",
-          className: "ant-calendar-picker-input ant-input form-control",
-          value: time ? (0, _dayjs.default)(time).format(this.getFormat()) : ''
-        }), /*#__PURE__*/_react.default.createElement("div", {
-          ref: this.calendarContainerRef,
-          style: {
-            height: '22rem'
-          }
-        }));
-      });
-    };
-    const {
-      dateFormat,
-      showHourAndMinute
-    } = props;
-    this.state = {
-      time: null
-    };
-    this.calendarContainerRef = /*#__PURE__*/_react.default.createRef();
-    this.leftFormat = dateFormat ? dateFormat.indexOf(' ') === -1 ? dateFormat : dateFormat.slice(0, dateFormat.indexOf(' ')) : 'YYYY-MM-DD';
-    this.rightFormat = 'HH:mm';
-    this.showTime = showHourAndMinute;
-    this.format = showHourAndMinute ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD';
-  }
-  componentDidMount() {
-    let {
-      value,
-      lang
-    } = this.props;
-    const iszhcn = lang === 'zh-cn';
-    if (iszhcn) {
-      now = now.locale('zh-cn');
-    } else {
-      now = now.locale('en-gb');
-    }
-    if (!value) {
-      value = new Date(Date.now());
-    }
-    this.defaultCalendarValue = now.clone();
-    this.setState({
-      time: iszhcn ? (0, _dayjs.default)(value).locale('zh-cn') : (0, _dayjs.default)(value).locale('en-gb')
-    });
-  }
-  render() {
-    const {
-      lang,
-      column
-    } = this.props;
-    const {
-      time
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
-      className: "dtable-ui-mobile-date-editor",
-      onClose: this.props.onClose
-    }, /*#__PURE__*/_react.default.createElement(Header, {
-      onLeftClick: this.props.onClose,
-      onRightClick: this.onSave
-    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _lang.getLocale)('Cancel')), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, column.name), /*#__PURE__*/_react.default.createElement("span", {
-      style: {
-        color: '#f09f3f'
-      }
-    }, (0, _lang.getLocale)('Done'))), /*#__PURE__*/_react.default.createElement(Body, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mobile-date-editor-input"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-input",
-      style: this.showTime ? {
-        width: '50%'
-      } : {
-        width: '100%'
-      }
-    }, /*#__PURE__*/_react.default.createElement(_datePicker.default, {
-      mode: "date",
-      minDate: _editorUtils.minDate,
-      maxDate: _editorUtils.maxDate,
-      locale: (0, _editorUtils.initDateEditorLanguage)(lang),
-      value: null,
-      onChange: this.handleDateChange
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-input-day"
-    }, (0, _dayjs.default)(time).format(this.leftFormat)))), this.showTime && /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-input",
-      style: {
-        width: '50%'
-      }
-    }, /*#__PURE__*/_react.default.createElement(_datePicker.default, {
-      mode: "time",
-      locale: (0, _editorUtils.initDateEditorLanguage)(lang),
-      value: null,
-      onChange: this.handleTimeChange
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-input-day"
-    }, (0, _dayjs.default)(time).format(this.rightFormat))))), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui dtable-ui-mobile-date-editor-picker"
-    }, this.renderCalender()), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mobile-date-editor-clear"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      onClick: this.deleteDate,
-      className: "clear-date"
-    }, (0, _lang.getLocale)('Clear')))));
-  }
-}
-var _default = exports.default = MBDateEditor;

package/lib/DepartmentSingleSelectEditor/index.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactResponsive = _interopRequireDefault(require("react-responsive"));
-var _pcEditor = _interopRequireDefault(require("./pc-editor"));
-var _mbEditor = _interopRequireDefault(require("./mb-editor"));
-const DepartmentSingleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    isMobile,
-    ...props
-  } = _ref;
-  if (isMobile === false) return /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    ref: ref
-  }));
-  if (isMobile === true) return /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
-    ref: ref
-  }));
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: '(min-width: 768px)'
-  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: '(max-width: 768px)'
-  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))));
-});
-var _default = exports.default = DepartmentSingleSelectEditor;

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

@@ -1,4 +0,0 @@
-.dtable-ui-mobile-department-editor .dtable-ui-mobile-department-editor-department-item .dtable-radio {
-  margin-top: 2px;
-  margin-bottom: 0;
-}

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

@@ -1,227 +0,0 @@
-"use strict";
-
-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 _list = _interopRequireDefault(require("antd-mobile/lib/list"));
-var _react = _interopRequireWildcard(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _DTableRadio = _interopRequireDefault(require("../../DTableRadio"));
-var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
-var _departments = require("../../utils/departments");
-var _departments2 = require("../../constants/departments");
-var _lang = require("../../lang");
-require("./index.css");
-const Item = _list.default.Item;
-const {
-  Header,
-  Body
-} = _MobileFullScreenPage.default;
-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)([]);
-  const initColumnData = (0, _react.useMemo)(() => {
-    const data = column.data || {};
-    const enableSelectRange = data.enable_select_range || false;
-    const selectedRange = data.selected_range || '';
-    const specificDepartments = data.specific_departments || [];
-    return {
-      enableSelectRange,
-      selectedRange,
-      specificDepartments
-    };
-  }, [column]);
-  const onSave = (0, _react.useCallback)(() => {
-    !isFilterEditor && onCommit && onCommit(value);
-    onClose && onClose();
-  }, [isFilterEditor, value, onCommit, onClose]);
-  const onDepartmentClick = (0, _react.useCallback)((event, department) => {
-    event.preventDefault();
-    const {
-      id,
-      hasChild
-    } = department;
-    if (event.target && event.target.className.indexOf('am-list-arrow') > -1) {
-      if (!hasChild) return;
-      setParentId(id);
-      return;
-    }
-    let newValue;
-    if (isSupportMultiple) {
-      newValue = value.slice(0);
-      const index = newValue.indexOf(id);
-      index === -1 ? newValue.push(id) : newValue.splice(index);
-    } else {
-      newValue = id === value ? '' : id;
-    }
-    if (isFilterEditor) {
-      onCommit && onCommit({
-        id
-      });
-    }
-    setValue(newValue);
-  }, [isSupportMultiple, isFilterEditor, value, onCommit]);
-  const onParentDepartmentClick = (0, _react.useCallback)((event, type) => {
-    event.preventDefault();
-    let newValue;
-    if (isSupportMultiple) {
-      newValue = value.slice(0);
-      const index = newValue.indexOf(type);
-      index === -1 ? newValue.push(type) : newValue.splice(index);
-    } else {
-      newValue = type === value ? '' : type;
-    }
-    if (isFilterEditor) {
-      onCommit && onCommit({
-        id: type
-      });
-    }
-    setValue(newValue);
-  }, [value, isFilterEditor, isSupportMultiple, onCommit]);
-  const onLeftClick = (0, _react.useCallback)(() => {
-    const parentDepartment = departments.find(item => item.id === parentId);
-    if (!parentDepartment) {
-      onClose && onClose();
-      return;
-    }
-    const {
-      enableSelectRange
-    } = initColumnData;
-    if (topParentIds.includes(parentId) && enableSelectRange) {
-      setParentId('');
-      return;
-    }
-    const upperLevelDepartmentParentId = parentDepartment.parent_id;
-    setParentId(upperLevelDepartmentParentId);
-  }, [initColumnData, departments, parentId, topParentIds, onClose]);
-  const renderLeftContent = (0, _react.useCallback)(() => {
-    const parentDepartment = departments.find(item => item.id === parentId);
-    if (!parentDepartment && !isFilterEditor) return (0, _lang.getLocale)('Cancel');
-    return /*#__PURE__*/_react.default.createElement("i", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-return"
-    });
-  }, [isFilterEditor, departments, parentId]);
-  const renderDepartments = (0, _react.useCallback)(() => {
-    const {
-      enableSelectRange
-    } = initColumnData;
-    let currentDepartments = [];
-    if (enableSelectRange && !parentId && !isFilterEditor) {
-      currentDepartments = departments.filter(department => topParentIds.includes(department.id));
-    } else {
-      currentDepartments = departments.filter(department => department.parent_id === parentId);
-    }
-    if (currentDepartments.length === 0) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "d-flex justify-content-center seatable-tip-default h-100 w-100 align-items-center"
-      }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('No_departments_available')));
-    }
-    return /*#__PURE__*/_react.default.createElement(_list.default, {
-      className: "my-list dtable-ui-mobile-department-editor-departments",
-      renderHeader: () => (0, _lang.getLocale)('Select_department')
-    }, isFilterEditor && parentId === -1 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _departments2.DEPARTMENT_SELECT_RANGE_OPTIONS.slice(0, 2).map((option, index) => {
-      const {
-        type,
-        name
-      } = option;
-      const isChecked = isSupportMultiple ? value.includes(type) : value === type;
-      return /*#__PURE__*/_react.default.createElement(Item, {
-        key: "department-range-item-".concat(index),
-        multipleLine: true,
-        onClick: event => onParentDepartmentClick(event, type),
-        className: "dtable-ui-mobile-department-editor-department-item"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "d-flex"
-      }, /*#__PURE__*/_react.default.createElement(_DTableRadio.default, {
-        isChecked: isChecked,
-        onCheckedChange: event => onParentDepartmentClick(event, type),
-        label: (0, _lang.getLocale)(name)
-      })));
-    })), currentDepartments.map((department, index) => {
-      const {
-        hasChild,
-        name,
-        id
-      } = department;
-      const isChecked = isSupportMultiple ? value.includes(id) : value === id;
-      return /*#__PURE__*/_react.default.createElement(Item, {
-        arrow: hasChild ? 'horizontal' : '',
-        key: "department-item-".concat(index),
-        multipleLine: true,
-        onClick: event => onDepartmentClick(event, department),
-        className: "dtable-ui-mobile-department-editor-department-item"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "d-flex"
-      }, /*#__PURE__*/_react.default.createElement(_DTableRadio.default, {
-        isChecked: isChecked,
-        onCheckedChange: event => onParentDepartmentClick(event, department),
-        label: name
-      })));
-    }));
-  }, [initColumnData, parentId, isFilterEditor, isSupportMultiple, departments, value, topParentIds, onParentDepartmentClick, onDepartmentClick]);
-  (0, _react.useEffect)(() => {
-    const {
-      enableSelectRange,
-      selectedRange,
-      specificDepartments
-    } = initColumnData;
-    if (enableSelectRange && !isFilterEditor) {
-      const {
-        current_user_department_ids = [],
-        current_user_department_and_sub_ids = []
-      } = userDepartmentIdsMap;
-      let targetDepartments = [];
-      let topParentIds = [];
-      let canExpand = true;
-      if (selectedRange === _dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT) {
-        canExpand = false;
-        topParentIds = current_user_department_ids;
-        targetDepartments = initialDepartments.filter(department => current_user_department_ids.includes(department.id));
-      } else if (selectedRange === _dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT_AND_SUB) {
-        const currentUserDepartments = initialDepartments.filter(department => current_user_department_ids.includes(department.id));
-        topParentIds = currentUserDepartments.filter(department => !current_user_department_ids.includes(department.parent_id)).map(department => department.id);
-        targetDepartments = initialDepartments.filter(department => current_user_department_and_sub_ids.includes(department.id));
-      } else {
-        canExpand = false;
-        topParentIds = specificDepartments;
-        targetDepartments = initialDepartments.filter(department => specificDepartments.includes(department.id));
-      }
-      const departments = (0, _departments.getNormalizedDepartments)(targetDepartments, canExpand);
-      setDepartments(departments);
-      setTopParentIds(topParentIds);
-      return;
-    }
-    const departments = (0, _departments.getNormalizedDepartments)(initialDepartments);
-    setDepartments(departments);
-    setParentId(-1);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
-    className: "dtable-ui-mobile-department-editor",
-    onClose: onClose
-  }, /*#__PURE__*/_react.default.createElement(Header, {
-    onLeftClick: onLeftClick,
-    onRightClick: onSave
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderLeftContent()), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, column.name), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isFilterEditor ? null : /*#__PURE__*/_react.default.createElement("span", {
-    style: {
-      color: '#f09f3f'
-    }
-  }, (0, _lang.getLocale)('Submit')))), /*#__PURE__*/_react.default.createElement(Body, null, renderDepartments()));
-};
-var _default = exports.default = MBDepartmentSingleSelectEditor;

package/lib/DigitalSignEditor/mb-editor/index.css

@@ -1,35 +0,0 @@
-.dtable-ui-mobile-digital-sign-editor .dtable-ui-mobile-full-screen-page-body {
-  position: relative;
-  flex: 1;
-}
-
-.dtable-ui-mobile-digital-sign-editor .dtable-ui-digital-sign-panel {
-  margin-top: 20px;
-}
-
-.dtable-ui-mobile-digital-sign-editor .dtable-ui-digital-sign-editor-operations {
-  z-index: 3;
-  top: 10px;
-  right: 16px;
-}
-
-.dtable-ui-mobile-digital-sign-editor .dtable-ui-digital-sign-editor-operations .btn-clear-dtable-ui-digital-sign {
-  color: rgb(240, 159, 63);
-  background-color: unset;
-}
-
-.dtable-ui-mobile-digital-sign-editor .dtable-ui-digital-sign-panel-mask {
-  top: 0;
-  left: 0;
-  z-index: 4;
-  height: 100%;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: rgba(0, 0, 0, .4);
-}
-
-.dtable-ui-mobile-digital-sign-editor .dtable-ui-digital-sign-panel-mask .dtable-ui-digital-sign-panel-mask-container {
-  color: #fff;
-}