@seafile/sdoc-editor 2.0.18-alph-0.0.3 → 2.0.18-alph-0.0.5

package/dist/basic-sdk/extension/plugins/seatable-row/dialog/add-seatable-row-dialog/helpers.js

@@ -1,10 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getRowName = void 0;
+exports.getRowRecord = exports.getRowName = exports.getFormattedCell = exports.getAllCollaborators = exports.UNSHOW_COLUMN_TYPE = void 0;
+exports.getSelectColumnOptions = getSelectColumnOptions;
+exports.isFunction = void 0;
+var _dayjs = _interopRequireDefault(require("dayjs"));
 var _dtableUtils = require("dtable-utils");
+var _SimpleCellFormatter = _interopRequireDefault(require("./formatters/SimpleCellFormatter"));
+var _SingleSelectOption = _interopRequireDefault(require("./formatters/SingleSelectOption"));
+var _RateFormatter = _interopRequireDefault(require("./formatters/RateFormatter"));
 const getRowName = (columns, row, formula_rows) => {
   if (!row) return '';
   const displayColumn = columns.find(column => column.key === '0000');
@@ -20,10 +27,22 @@ const getRowName = (columns, row, formula_rows) => {
   } else {
     const view = window.app.getSelectedView();
     formulaRows = view.formula_rows || {};
+    // formulaRows = { VMjdqn_yQAWIdPFwvp_72g: { I3hm: null } };
   }
   const tables = window.app.state.value.tables;
+  // const tables = null;
   const departments = window.app.state;
+  // const departments = null;
   const collaborators = window.app.state.collaboratorsWithAppUsers;
+  // const collaborators = [{
+  //   avatar_url: 'http://127.0.0.1:80/media/avatars/default.png',
+  //   contact_email: '',
+  //   email: 'cf496c43676c427e8bf1acb8736b2491@auth.local',
+  //   id: '',
+  //   name: 'admin',
+  //   name_pinyin: 'admin',
+  // }];
+  // console.log(1, formulaRows, data, tables, collaborators, departments);
   return (0, _dtableUtils.getCellValueDisplayString)(row, type, key, {
     formulaRows,
     data,
@@ -32,4 +51,399 @@ const getRowName = (columns, row, formula_rows) => {
     departments
   });
 };
-exports.getRowName = getRowName;
+exports.getRowName = getRowName;
+const getFormattedCell = function (column, row) {
+  let {
+    formulaRow = {},
+    searchValue = null,
+    tableId = null
+  } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  let columnWidth = arguments.length > 3 ? arguments[3] : undefined;
+  let isShowColumnName = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  let {
+    key,
+    type
+  } = column;
+  let {
+    _id: rowId
+  } = row;
+  let value = row[key];
+  let displayValue;
+  let isNonEmptyArray = Array.isArray(value) && value.length > 0;
+  switch (type) {
+    case _dtableUtils.CellType.TEXT:
+      {
+        if (value && typeof value === 'string') {
+          if (searchValue) {
+            // displayValue = _renderSearch(value, searchValue);
+          } else {
+            displayValue = /*#__PURE__*/React.createElement("span", {
+              className: "cell-value-ellipsis text-truncate",
+              title: value
+            }, value);
+          }
+        }
+        break;
+      }
+    case _dtableUtils.CellType.DATE:
+      {
+        if (value && typeof value === 'string') {
+          const format = column.data && column.data.format ? column.data.format : 'YYYY-MM-DD';
+          const formatValue = (0, _dtableUtils.getDateDisplayString)(value, format);
+          // displayValue = searchValue ? _renderSearch(formatValue, searchValue) : formatValue;
+          displayValue = formatValue;
+        }
+        break;
+      }
+    case _dtableUtils.CellType.CTIME:
+    case _dtableUtils.CellType.MTIME:
+      {
+        if (value && typeof value === 'string') {
+          if (searchValue) {
+            // displayValue = (
+            //   <Highlighter highlight={searchValue}>
+            //     {dayjs(value).format('YYYY-MM-DD HH:mm:ss')}
+            //   </Highlighter>
+            // );
+          } else {
+            displayValue = (0, _dayjs.default)(value).format('YYYY-MM-DD HH:mm:ss');
+          }
+        }
+        break;
+      }
+    case _dtableUtils.CellType.NUMBER:
+      {
+        if ((0, _dtableUtils.isNumber)(value)) {
+          const {
+            data = {}
+          } = column;
+          const formatedValue = (0, _dtableUtils.getNumberDisplayString)(value, data);
+          if (searchValue) {
+            // displayValue = _renderSearch(formatedValue, searchValue);
+          } else {
+            displayValue = /*#__PURE__*/React.createElement("div", {
+              className: "number-formatter"
+            }, formatedValue);
+          }
+        }
+        break;
+      }
+    case _dtableUtils.CellType.LINK:
+      {
+        displayValue = null;
+        const {
+          data
+        } = column;
+        // if (!LinksUtils.isValidLink(data)) break;
+
+        // is default view: row data can get from formula row
+        // is archive view: row data can get form rowdata
+        // value = isArchiveViewRowData(row, column) ? value : formulaRow[key];
+        value = formulaRow[key];
+        if (!value || !Array.isArray(value) || value.length === 0) break;
+        const {
+          collaborators,
+          departments
+        } = window.app.state;
+        const {
+          display_column_key,
+          array_type,
+          array_data
+        } = data;
+        // linked table's linked column
+        const linkedColumn = {
+          key: display_column_key,
+          type: array_type,
+          data: array_data
+        };
+        displayValue = /*#__PURE__*/React.createElement("div", {
+          className: "links-formatter"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "formatter-show"
+        }, value.map(item => {
+          const {
+            row_id: rowId,
+            display_value: cellValue
+          } = item;
+          const linkedRow = {
+            _id: rowId,
+            [display_column_key]: cellValue
+          };
+          const formulaRows = {
+            [rowId]: linkedRow
+          };
+          const displayResult = (0, _dtableUtils.getCellValueStringResult)(linkedRow, linkedColumn, {
+            formulaRows,
+            collaborators,
+            departments
+          });
+          return /*#__PURE__*/React.createElement("div", {
+            key: `${rowId}_${display_column_key}`,
+            className: "link"
+          }, /*#__PURE__*/React.createElement("span", {
+            className: "link-name"
+          }, displayResult));
+        })));
+        break;
+      }
+    case _dtableUtils.CellType.COLLABORATOR:
+      {
+        if (value && isNonEmptyArray) {
+          const allCollaborators = getAllCollaborators();
+          let validValue = value.filter(item => {
+            return allCollaborators.find(collaborator => collaborator.email === item);
+          });
+          displayValue = validValue.length > 0 ? createColumnFormatter(type, {
+            value: validValue
+          }) : '';
+        }
+        break;
+      }
+    case _dtableUtils.CellType.SINGLE_SELECT:
+      {
+        if (value && typeof value === 'string') {
+          displayValue = /*#__PURE__*/React.createElement(_SingleSelectOption.default, {
+            column: column,
+            value: value
+          });
+        }
+        break;
+      }
+    case _dtableUtils.CellType.MULTIPLE_SELECT:
+      {
+        if (value && isNonEmptyArray) {
+          displayValue = /*#__PURE__*/React.createElement("span", {
+            className: "multiple-select-formatter"
+          }, value.map((item, index) => {
+            return /*#__PURE__*/React.createElement(_SingleSelectOption.default, {
+              column: column,
+              value: item,
+              key: `row-operation-multiple-select-${index}`
+            });
+          }));
+        }
+        break;
+      }
+    case _dtableUtils.CellType.FILE:
+      {
+        if (value) {
+          displayValue = /*#__PURE__*/React.createElement("span", {
+            className: "row-cell-value-empty"
+          });
+        }
+        break;
+      }
+    case _dtableUtils.CellType.IMAGE:
+      {
+        if (value) {
+          displayValue = /*#__PURE__*/React.createElement("span", {
+            className: "row-cell-value-empty"
+          });
+        }
+        break;
+      }
+    case _dtableUtils.CellType.DIGITAL_SIGN:
+      {
+        if (value) {
+          displayValue = /*#__PURE__*/React.createElement("span", {
+            className: "row-cell-value-empty"
+          });
+        }
+        break;
+      }
+    case _dtableUtils.CellType.DEPARTMENT_SINGLE_SELECT:
+      {
+        if (value) {
+          displayValue = createColumnFormatter(type, {
+            value
+          });
+        }
+        break;
+      }
+    case _dtableUtils.CellType.CHECKBOX:
+      {
+        if (value) {
+          displayValue = /*#__PURE__*/React.createElement("span", {
+            className: "row-cell-value-empty"
+          });
+        }
+        break;
+      }
+    case _dtableUtils.CellType.GEOLOCATION:
+      {
+        if (value && typeof value === 'object') {
+          displayValue = /*#__PURE__*/React.createElement("div", {
+            className: "geolocation-formatter"
+          }, createColumnFormatter(type, {
+            value,
+            column,
+            row,
+            isCellSelected: false
+          }));
+        }
+        break;
+      }
+    case _dtableUtils.CellType.CREATOR:
+    case _dtableUtils.CellType.LAST_MODIFIER:
+      {
+        if (value) {
+          displayValue = createColumnFormatter(type, {
+            value
+          });
+        }
+        break;
+      }
+    case _dtableUtils.CellType.LONG_TEXT:
+      {
+        if (value) {
+          displayValue = createColumnFormatter(type, {
+            value,
+            column
+          });
+        }
+        break;
+      }
+    case _dtableUtils.CellType.FORMULA:
+    case _dtableUtils.CellType.LINK_FORMULA:
+      {
+        if (!formulaRow) {
+          break;
+        }
+        if (value) {
+          displayValue = createColumnFormatter(type, {
+            value
+          });
+        }
+        break;
+      }
+    // email, url, audo_number are same
+    case _dtableUtils.CellType.EMAIL:
+    case _dtableUtils.CellType.URL:
+    case _dtableUtils.CellType.AUTO_NUMBER:
+      {
+        if (value) {
+          displayValue = createColumnFormatter(type, {
+            value
+          });
+        }
+        break;
+      }
+    case _dtableUtils.CellType.DURATION:
+      {
+        if (value) {
+          displayValue = createColumnFormatter(type, {
+            value,
+            column
+          });
+        }
+        break;
+      }
+    case _dtableUtils.CellType.RATE:
+      {
+        if (value) {
+          displayValue = /*#__PURE__*/React.createElement(_RateFormatter.default, {
+            value: value,
+            column: column,
+            editable: false
+          });
+        }
+        break;
+      }
+    case _dtableUtils.CellType.BUTTON:
+      {
+        if (value) {
+          displayValue = /*#__PURE__*/React.createElement("span", {
+            className: "row-cell-value-empty"
+          });
+        }
+        break;
+      }
+    default:
+      {
+        break;
+      }
+  }
+  return _getCellRecord(displayValue, rowId, column, columnWidth, isShowColumnName);
+};
+exports.getFormattedCell = getFormattedCell;
+const getAllCollaborators = () => {
+  const {
+    collaboratorsCache,
+    state
+  } = window.app;
+  return [...state.collaboratorsWithAppUsers, ...Object.values(collaboratorsCache)];
+};
+exports.getAllCollaborators = getAllCollaborators;
+const createColumnFormatter = (columnType, formatterProps) => {
+  // const Formatter = cellFormatterFactory.createFormatter(columnType);
+  // if (React.isValidElement(Formatter)) {
+  //   return React.cloneElement(Formatter, { ...formatterProps });
+  // } else if (isFunction(Formatter)) {
+  //   return <Formatter {...formatterProps} />;
+  // }
+  return /*#__PURE__*/React.createElement(_SimpleCellFormatter.default, formatterProps);
+};
+const _getCellRecord = function (displayValue, rowId, column, columnWidth) {
+  let isShowColumnName = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  let {
+    key,
+    name
+  } = column;
+  if (!isShowColumnName) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "row-cell-value text-truncate",
+      key: rowId + '_' + key,
+      style: {
+        width: columnWidth
+      }
+    }, displayValue ? displayValue : /*#__PURE__*/React.createElement("span", {
+      className: "row-cell-value-empty"
+    }));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: `row-cell-value text-truncate ${isShowColumnName && 'show-name'}`,
+    key: rowId + '_' + key,
+    style: {
+      width: columnWidth
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "column-name text-truncate"
+  }, name), /*#__PURE__*/React.createElement("div", {
+    className: "row-cell-value-content",
+    style: {
+      width: columnWidth
+    }
+  }, displayValue ? displayValue : /*#__PURE__*/React.createElement("span", {
+    className: "row-cell-value-empty"
+  })));
+};
+const UNSHOW_COLUMN_TYPE = exports.UNSHOW_COLUMN_TYPE = [_dtableUtils.CellType.LINK, _dtableUtils.CellType.LONG_TEXT, _dtableUtils.CellType.FORMULA, _dtableUtils.CellType.LINK_FORMULA];
+const getRowRecord = function (currentTableId, row, columns, unShowColumnKeyList) {
+  let matchedResult = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
+  if (!Array.isArray(unShowColumnKeyList)) {
+    unShowColumnKeyList = [];
+  }
+  return columns.filter(column => {
+    if (unShowColumnKeyList.includes(column.key)) return false;
+    if (UNSHOW_COLUMN_TYPE.includes(column.type)) return false;
+    return true;
+  }).map(column => {
+    const searchValue = matchedResult && matchedResult[column.key];
+    return getFormattedCell(column, row, {
+      tableId: currentTableId,
+      searchValue
+    }, column.width);
+  });
+};
+exports.getRowRecord = getRowRecord;
+const isFunction = functionToCheck => {
+  const getType = {};
+  return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
+};
+exports.isFunction = isFunction;
+function getSelectColumnOptions(column) {
+  if (!column || !column.data || !Array.isArray(column.data.options)) {
+    return [];
+  }
+  return column.data.options;
+}