@seafile/sdoc-editor 0.3.25 → 0.3.26-1

package/dist/basic-sdk/extension/plugins/chart/constants/index.js

@@ -0,0 +1,109 @@
+export const internalFilePath = '/_Internal/seatable-integration.json';
+export const DEFAULT_LABEL_FONT_SIZE = 12;
+export const DEFAULT_NUMBER_FORMAT_OBJECT = {
+  format: 'number'
+};
+export const STATISTICS_COUNT_TYPE = {
+  COUNT: 'count',
+  ADVANCED: 'advanced',
+  DISTRICT: 'district',
+  CITY: 'city',
+  PROVINCE: 'province',
+  MAX: 'Max',
+  MEAN: 'Mean',
+  MIN: 'Min',
+  SUM: 'Sum',
+  DAY: 'day',
+  WEEK: 'week',
+  MONTH: 'month',
+  QUARTER: 'quarter',
+  YEAR: 'year',
+  ROW_COUNT: 'Row_count'
+};
+export const STAT_TYPE = {
+  MAP: 'map',
+  MAP_BUBBLE: 'map_bubble',
+  HEAT_MAP: 'heat_map',
+  WORLD_MAP: 'world_map',
+  WORLD_MAP_BUBBLE: 'world_map_bubble',
+  MIRROR: 'mirror',
+  BAR: 'chart_bar',
+  BAR_GROUP: 'chart_bar_group',
+  BAR_STACK: 'chart_bar_stack',
+  LINE: 'chart_line',
+  GROUP_LINE: 'chart_group_line',
+  PIE: 'chart_pie',
+  RING: 'chart_ring',
+  SCATTER: 'scatter_chart',
+  BASIC_NUMBER_CARD: 'basic_number_card',
+  HORIZONTAL_BAR: 'horizontal_bar',
+  HORIZONTAL_GROUP_BAR: 'horizontal_group_bar',
+  STACKED_HORIZONTAL_BAR: 'stacked_horizontal_bar',
+  COMBINATION_CHART: 'combination_chart',
+  TREND_CHART: 'trend_chart',
+  AREA_CHART: 'area_chart',
+  AREA_GROUP_CHART: 'area_group_chart',
+  COMPARE_BAR: 'compare_bar',
+  COMPLETENESS_CHART: 'completeness_chart',
+  DASHBOARD: 'dashboard',
+  GROUP_COMPLETENESS_CHART: 'group_completeness_chart',
+  TREEMAP: 'treemap',
+  PIVOT_TABLE: 'pivot_table'
+};
+export const DATA_SORT_TYPE = {
+  NOT_SORTED: 'not_sorted',
+  ASCENDING: 'ascending',
+  DESCENDING: 'descending'
+};
+export const DATA_SORT_TYPES = [DATA_SORT_TYPE.NOT_SORTED, DATA_SORT_TYPE.ASCENDING, DATA_SORT_TYPE.DESCENDING];
+export const DATA_SORT_TYPE_LABEL = {
+  [DATA_SORT_TYPE.NOT_SORTED]: 'Not_sorted',
+  [DATA_SORT_TYPE.ASCENDING]: 'Ascending',
+  [DATA_SORT_TYPE.DESCENDING]: 'Descending'
+};
+export const STATISTIC_TYPE_SHOW = {
+  [STAT_TYPE.BAR]: 'Basic_histogram',
+  [STAT_TYPE.BAR_GROUP]: 'Grouped_histogram',
+  [STAT_TYPE.BAR_STACK]: 'Stacked_histogram',
+  [STAT_TYPE.COMPARE_BAR]: 'Time_comparison_histogram',
+  [STAT_TYPE.HORIZONTAL_BAR]: 'Basic_bar_chart',
+  [STAT_TYPE.HORIZONTAL_GROUP_BAR]: 'Grouped_bar_chart',
+  [STAT_TYPE.STACKED_HORIZONTAL_BAR]: 'Stacked_bar_chart',
+  [STAT_TYPE.COMPLETENESS]: 'COMPLETENESS',
+  [STAT_TYPE.COMPLETENESS_GROUP]: 'Grouped_COMPLETENESS',
+  [STAT_TYPE.LINE]: 'Basic_line_chart',
+  [STAT_TYPE.LINE_GROUP]: 'Grouped_line_chart',
+  [STAT_TYPE.AREA]: 'Area',
+  [STAT_TYPE.PIE]: 'Basic_pie_chart',
+  [STAT_TYPE.RING]: 'Ring_chart',
+  [STAT_TYPE.SCATTER]: 'Scatter_chart',
+  [STAT_TYPE.COMBINATION]: 'Combination',
+  [STAT_TYPE.MAP]: '中国地图',
+  [STAT_TYPE.MAP_BUBBLE]: '中国地图(气泡图)',
+  [STAT_TYPE.WORLD_MAP]: 'World_map',
+  [STAT_TYPE.WORLD_MAP_BUBBLE]: 'World_map_bubble',
+  [STAT_TYPE.HEAT_MAP]: 'Heat_map',
+  [STAT_TYPE.MIRROR]: 'Mirror_chart',
+  [STAT_TYPE.BASIC_NUMBER_CARD]: 'Basic_number_card',
+  [STAT_TYPE.TREND]: 'Trend',
+  [STAT_TYPE.DASHBOARD]: 'Gauge',
+  [STAT_TYPE.TABLE]: 'Pivot_table'
+};
+export const STATISTICS_COUNT_SHOW = {
+  Max: 'Max',
+  Mean: 'Mean',
+  Min: 'Min',
+  Sum: 'Sum',
+  Distinct_values: 'Number_of_distinct_values',
+  Row_count: 'Row_count',
+  advanced: 'Summarize_a_field',
+  city: 'By_city',
+  district: 'By_district_county',
+  province: 'By_province',
+  count: 'Count',
+  day: 'By_day',
+  week: 'By_week',
+  month: 'By_month',
+  quarter: 'By_quarter',
+  year: 'By_year'
+};

package/dist/basic-sdk/extension/plugins/chart/constants/special-column-types.js

@@ -0,0 +1,7 @@
+import { CELL_TYPE } from 'dtable-sdk';
+export const DATE_COLUMN_TYPES = [CELL_TYPE.DATE, CELL_TYPE.MTIME, CELL_TYPE.CTIME];
+export const COLLABORATOR_COLUMN_TYPES = [CELL_TYPE.COLLABORATOR, CELL_TYPE.CREATOR, CELL_TYPE.LAST_MODIFIER];
+export const GEOLOCATION_COLUMN_OPTIONS = [CELL_TYPE.GEOLOCATION];
+export const FORMULA_COLUMN_TYPES = [CELL_TYPE.FORMULA, CELL_TYPE.LINK_FORMULA];
+export const MULTIPLE_CELL_VALUE_COLUMN_TYPES = [CELL_TYPE.MULTIPLE_SELECT, CELL_TYPE.COLLABORATOR, CELL_TYPE.LINK];
+export const NAME_FIELD_COLUMN_TYPES = [CELL_TYPE.TEXT, CELL_TYPE.COLLABORATOR, CELL_TYPE.SINGLE_SELECT];

package/dist/basic-sdk/extension/plugins/chart/constants/summary-constants.js

@@ -0,0 +1,18 @@
+export const GROUP_TYPES = {
+  COUNT: 'count',
+  SINGLE_NUMERIC_COLUMN: 'single_numeric_column',
+  MULTIPLE_NUMERIC_COLUMN: 'multiple_numeric_column'
+};
+export const SUMMARY_TYPE = {
+  COUNT: 'count',
+  ADVANCED: 'advanced'
+};
+export const SUMMARY_METHOD = ['Sum', 'Max', 'Min', 'Mean', 'Distinct_values'];
+export const DATE_COLUMN_SUMMARY_METHOD = ['Max', 'Min'];
+export const SUMMARY_METHOD_MAP = {
+  Sum: 'Sum',
+  Max: 'Max',
+  Min: 'Min',
+  Mean: 'Mean',
+  Distinct_values: 'Distinct_values'
+};

package/dist/basic-sdk/extension/plugins/chart/helpers.js

@@ -0,0 +1,82 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { Editor, Range, Transforms } from '@seafile/slate';
+import context from '../../../../context';
+import { HistogramBar } from './model';
+import { generateEmptyElement, getNodeType, isTextNode, getParentNode } from '../../core';
+import { CODE_BLOCK, TABLE, CHART } from '../../constants';
+import { STAT_TYPE } from './constants';
+import { internalFilePath } from './constants';
+export const isInsertChartMenuDisabled = (editor, readonly) => {
+  if (readonly) return true;
+  const {
+    selection
+  } = editor;
+  if (selection === null) return true;
+  if (!Range.isCollapsed(selection)) return true;
+  const [match] = Editor.nodes(editor, {
+    match: n => {
+      let type = getNodeType(n);
+      if (!type && isTextNode(n) && n.id) {
+        const parentNode = getParentNode(editor.children, n.id);
+        type = getNodeType(parentNode);
+      }
+      if (type === CODE_BLOCK) return true;
+      if (type === TABLE) return true;
+      if (type.startsWith('header')) return true;
+      if (Editor.isVoid(editor, n)) return true;
+      return false;
+    },
+    universal: true
+  });
+  if (match) return true;
+  return false;
+};
+export const generateChartNode = () => {
+  const element = generateEmptyElement(CHART);
+  const model = new HistogramBar({});
+  return _objectSpread(_objectSpread({}, element), {}, {
+    statItem: _objectSpread(_objectSpread({}, model), {}, {
+      _id: element.id,
+      type: STAT_TYPE.BAR
+    })
+  });
+};
+export const insertChart = editor => {
+  const chartNode = generateChartNode();
+  const path = Editor.path(editor, editor.selection);
+  Transforms.insertNodes(editor, chartNode, {
+    at: [path[0]]
+  });
+};
+export const isInViewPort = element => {
+  const viewHeight = window.innerHeight || document.documentElement.clientHeight;
+  const {
+    top
+  } = element.getBoundingClientRect();
+  return top >= 0 && top <= viewHeight;
+};
+export const getChartMetaData = async (statItem, dtableBases) => {
+  const {
+    base_id,
+    table_name
+  } = statItem;
+  const integrationConfig = dtableBases === null || dtableBases === void 0 ? void 0 : dtableBases.find(item => item.base_api_token === base_id);
+  if (integrationConfig) {
+    const dtableServer = await context.getDtableServer(integrationConfig);
+    const res = await context.getDtableMetaData(dtableServer, table_name);
+    if (res === null || res === void 0 ? void 0 : res.data) {
+      return res.data;
+    }
+  }
+};
+export const getDtableBases = async editor => {
+  const fileLinkRes = await context.getFileDownloadLink(internalFilePath);
+  console.log(11, fileLinkRes);
+  if (fileLinkRes === null || fileLinkRes === void 0 ? void 0 : fileLinkRes.data) {
+    const fileContentRes = await context.getFileContentByLink(fileLinkRes.data);
+    if (fileContentRes === null || fileContentRes === void 0 ? void 0 : fileContentRes.data) {
+      editor.dtableBases = fileContentRes.data;
+      editor.onChange();
+    }
+  }
+};

package/dist/basic-sdk/extension/plugins/chart/hover-menu/index.css

@@ -0,0 +1,55 @@
+.sdoc-chart-hover-menu-container {
+  position: absolute;
+  height: 42px;
+  z-index: 101;
+  width: auto;
+}
+  
+.sdoc-chart-hover-menu-container .hover-menu-container {
+  height: 36px;
+  padding: 7px 8px;
+  background-color: #fff;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  border-radius: 3px;
+  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
+  border: 1px solid #e8e8e8;
+}
+
+.sdoc-chart-hover-menu-container .hover-menu-container > span:not(:last-of-type) {
+  padding: 0 6px;
+  border-right: 1px solid #e5e5e5;
+}
+
+.sdoc-chart-hover-menu-container .hover-menu-container .op-item {
+  position: relative;
+  font-size: 12px;
+  color: #212529;
+  padding: 0 5px;
+  border-radius: 2px;
+  min-width: 24px;
+  height: 24px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.sdoc-chart-hover-menu-container .hover-menu-container .op-item:hover {
+  color: #212529;
+  text-decoration: none;
+  background: #f1f1f1;
+}
+
+.sdoc-chart-hover-menu-container .op-group-item:last-child .op-item {
+  margin-left: 8px;
+}
+
+.sdoc-chart-hover-menu-container .hover-menu-container .active {
+  background: #f1f1f1;
+}
+
+.sdoc-chart-hover-menu-container .hover-menu-container .icon-font {
+  font-size: 12px;
+  color: #999999;
+}

package/dist/basic-sdk/extension/plugins/chart/hover-menu/index.js

@@ -0,0 +1,55 @@
+import React, { useEffect, useState } from 'react';
+import { withTranslation } from 'react-i18next';
+import classnames from 'classnames';
+import { ElementPopover } from '../../../commons';
+import Tooltip from '../../../../../components/tooltip';
+import './index.css';
+const ChartHoverMenu = _ref => {
+  let {
+    editor,
+    menuPosition,
+    element,
+    onEditChart,
+    onHideChartHoverMenu,
+    t
+  } = _ref;
+  const [isShowTooltip, setIsShowTooltip] = useState(false);
+  useEffect(() => {
+    setIsShowTooltip(true);
+  }, []);
+  return /*#__PURE__*/React.createElement(ElementPopover, null, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-chart-hover-menu-container",
+    style: menuPosition
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "hover-menu-container"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "op-group-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    id: "sdoc_chart_edit",
+    role: "button",
+    className: "op-item",
+    onClick: onEditChart
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-rename icon-font"
+  }), isShowTooltip && /*#__PURE__*/React.createElement(Tooltip, {
+    target: "sdoc_chart_edit",
+    placement: "top",
+    fade: true
+  }, t('Edit_chart')))), /*#__PURE__*/React.createElement("span", {
+    className: "op-group-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    id: "sdoc_chart_full_screen_mode",
+    role: "button",
+    className: "op-item",
+    onClick: e => {
+      console.log(33);
+    }
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-fullscreen icon-font"
+  }), isShowTooltip && /*#__PURE__*/React.createElement(Tooltip, {
+    target: "sdoc_chart_full_screen_mode",
+    placement: "top",
+    fade: true
+  }, t('Full_screen_mode')))))));
+};
+export default withTranslation('sdoc-editor')(ChartHoverMenu);

package/dist/basic-sdk/extension/plugins/chart/index.js

@@ -0,0 +1,12 @@
+import { CHART } from '../../constants';
+import ChartMenu from './menu';
+import withChart from './plugin';
+import renderChart from './render-elem';
+const ChartPlugin = {
+  type: CHART,
+  nodeType: 'element',
+  editorMenus: [ChartMenu],
+  editorPlugin: withChart,
+  renderElements: [renderChart]
+};
+export default ChartPlugin;

package/dist/basic-sdk/extension/plugins/chart/menu/index.js

@@ -0,0 +1,23 @@
+import React, { useCallback } from 'react';
+import { isInsertChartMenuDisabled, insertChart } from '../helpers';
+import { MENUS_CONFIG_MAP, CHART } from '../../../constants';
+import DropdownMenuItem from '../../../commons/dropdown-menu-item';
+const ChartMenu = _ref => {
+  let {
+    editor,
+    readonly,
+    toggle
+  } = _ref;
+  const disabled = isInsertChartMenuDisabled(editor, readonly);
+  const menuConfig = MENUS_CONFIG_MAP[CHART];
+  const onInsertChart = useCallback(() => {
+    insertChart(editor);
+    toggle && toggle();
+  }, [editor, toggle]);
+  return /*#__PURE__*/React.createElement(DropdownMenuItem, {
+    disabled: disabled,
+    menuConfig: menuConfig,
+    onClick: onInsertChart
+  });
+};
+export default ChartMenu;

package/dist/basic-sdk/extension/plugins/chart/model.js

@@ -0,0 +1,33 @@
+export default class CommonModel {
+  constructor(object) {
+    this.base_id = object.base_id;
+    this._id = object._id;
+    this.name = object.name;
+    this.type = object.type;
+    this.table_name = object.table_name;
+    this.table_id = object.table_id;
+    this.view_id = object.view_id;
+    this.bg_image = object.bg_image;
+    this.background_transparency = object.background_transparency;
+    this.background_color = object.background_color;
+    this.display_border = object.display_border;
+  }
+}
+export class HistogramBar extends CommonModel {
+  constructor(object) {
+    super(object);
+    this.x_axis_column_key = object.x_axis_column_key;
+    this.x_axis_date_granularity = object.x_axis_date_granularity;
+    this.x_axis_geolocation_granularity = object.x_axis_geolocation_granularity;
+    this.x_axis_include_empty = object.x_axis_include_empty;
+    this.show_x_axis_label = object.show_x_axis_label;
+    this.x_axis_label_position = object.x_axis_label_position;
+    this.y_axis_column_key = object.y_axis_column_key;
+    this.y_axis_summary_method = object.y_axis_summary_method;
+    this.y_axis_summary_type = object.y_axis_summary_type;
+    this.show_y_axis_label = object.show_y_axis_label;
+    this.y_axis_label_position = object.y_axis_label_position;
+    this.y_axis_label_color = object.y_axis_label_color;
+    this.y_axis_label_color_rules = object.y_axis_label_color_rules;
+  }
+}

package/dist/basic-sdk/extension/plugins/chart/plugin.js

@@ -0,0 +1,20 @@
+import { CHART } from '../../constants';
+const withChart = editor => {
+  const {
+    isVoid
+  } = editor;
+  const newEditor = editor;
+
+  // Rewrite isVoid
+  newEditor.isVoid = elem => {
+    const {
+      type
+    } = elem;
+    if (type === CHART) {
+      return true;
+    }
+    return isVoid(elem);
+  };
+  return newEditor;
+};
+export default withChart;

package/dist/basic-sdk/extension/plugins/chart/render-elem.css

@@ -0,0 +1,26 @@
+.sdoc-chart-container {
+  width: 100%;
+  height: 300px;
+  padding: 8px;
+  cursor: pointer;
+}
+
+.sdoc-chart-container .sdoc-chart-view {
+  position: relative;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  width: 100%;
+  height: 100%;
+  padding: 10px;
+}
+
+.sdoc-chart-container .active {
+  box-shadow: 0 0 0 2px #007bff;
+}
+
+.sdoc-chart-container .sdoc-chart-view .sdoc-chart-tip {
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  position: absolute;
+}