amis 1.8.0-beta.13 → 1.8.0-beta.15

package/src/renderers/Table/index.tsx

@@ -59,6 +59,9 @@ import ColumnToggler from './ColumnToggler';
 import {BadgeSchema} from '../../components/Badge';
 import offset from '../../utils/offset';
 import {getStyleNumber} from '../../utils/dom';
+import {DateSchema} from '../Date';
+import moment from 'moment';
+import {exportExcel} from './exportExcel';
 
 /**
  * 表格列，不指定类型时默认为文本类型。
@@ -367,25 +370,13 @@ export interface TableProps extends RendererProps {
   itemBadge?: BadgeSchema;
 }
 
-type ExportExcelToolbar = SchemaNode & {
+export type ExportExcelToolbar = SchemaNode & {
   api?: SchemaApi;
   columns?: string[];
   exportColumns?: any[];
   filename?: string;
 };
 
-/**
- * 将 url 转成绝对地址
- */
-const getAbsoluteUrl = (function () {
-  let link: HTMLAnchorElement;
-  return function (url: string) {
-    if (!link) link = document.createElement('a');
-    link.href = url;
-    return link.href;
-  };
-})();
-
 export default class Table extends React.Component<TableProps, object> {
   static propsList: Array<string> = [
     'header',
@@ -2281,245 +2272,7 @@ export default class Table extends React.Component<TableProps, object> {
       {
         onAction: () => {
           import('exceljs').then(async (ExcelJS: any) => {
-            let rows = [];
-            let tmpStore;
-            let filename = 'data';
-            // 支持配置 api 远程获取
-            if (typeof toolbar === 'object' && toolbar.api) {
-              const res = await env.fetcher(toolbar.api, data);
-              if (!res.data) {
-                env.notify('warning', __('placeholder.noData'));
-                return;
-              }
-              if (Array.isArray(res.data)) {
-                rows = res.data;
-              } else {
-                rows = res.data.rows || res.data.items;
-              }
-              // 因为很多方法是 store 里的，所以需要构建 store 来处理
-              tmpStore = TableStore.create(getSnapshot(store));
-              tmpStore.initRows(rows);
-              rows = tmpStore.rows;
-            } else {
-              rows = store.rows;
-            }
-
-            if (typeof toolbar === 'object' && toolbar.filename) {
-              filename = filter(toolbar.filename, data, '| raw');
-            }
-
-            if (rows.length === 0) {
-              env.notify('warning', __('placeholder.noData'));
-              return;
-            }
-
-            const workbook = new ExcelJS.Workbook();
-            const worksheet = workbook.addWorksheet('sheet', {
-              properties: {defaultColWidth: 15}
-            });
-            worksheet.views = [{state: 'frozen', xSplit: 0, ySplit: 1}];
-
-            let exportColumnNames = toolbar.columns;
-
-            if (isPureVariable(exportColumnNames)) {
-              exportColumnNames = resolveVariableAndFilter(
-                exportColumnNames,
-                data,
-                '| raw'
-              );
-            }
-
-            // 自定义导出列配置
-            if (toolbar.exportColumns && Array.isArray(toolbar.exportColumns)) {
-              columns = toolbar.exportColumns;
-            }
-
-            const filteredColumns = exportColumnNames
-              ? columns.filter(column => {
-                  const filterColumnsNames = exportColumnNames!;
-                  if (
-                    column.name &&
-                    filterColumnsNames.indexOf(column.name) !== -1
-                  ) {
-                    return true;
-                  }
-                  return false;
-                })
-              : columns;
-
-            const firstRowLabels = filteredColumns.map(column => {
-              return column.label;
-            });
-            const firstRow = worksheet.getRow(1);
-            firstRow.values = firstRowLabels;
-            worksheet.autoFilter = {
-              from: {
-                row: 1,
-                column: 1
-              },
-              to: {
-                row: 1,
-                column: firstRowLabels.length
-              }
-            };
-            // 用于 mapping source 的情况
-            const remoteMappingCache: any = {};
-            // 数据从第二行开始
-            let rowIndex = 1;
-            for (const row of rows) {
-              rowIndex += 1;
-              const sheetRow = worksheet.getRow(rowIndex);
-              let columIndex = 0;
-              for (const column of filteredColumns) {
-                columIndex += 1;
-                const name = column.name!;
-                const value = getVariable(row.data, name);
-                if (
-                  typeof value === 'undefined' &&
-                  !(column as TplSchema).tpl
-                ) {
-                  continue;
-                }
-                // 处理合并单元格
-                if (name in row.rowSpans) {
-                  if (row.rowSpans[name] === 0) {
-                    continue;
-                  } else {
-                    // start row, start column, end row, end column
-                    worksheet.mergeCells(
-                      rowIndex,
-                      columIndex,
-                      rowIndex + row.rowSpans[name] - 1,
-                      columIndex
-                    );
-                  }
-                }
-
-                const type = (column as BaseSchema).type || 'plain';
-                if (type === 'image' && value) {
-                  try {
-                    const imageData = await toDataURL(value);
-                    const imageDimensions = await getImageDimensions(imageData);
-                    let imageWidth = imageDimensions.width;
-                    let imageHeight = imageDimensions.height;
-                    // 限制一下图片高宽
-                    const imageMaxSize = 100;
-                    if (imageWidth > imageHeight) {
-                      if (imageWidth > imageMaxSize) {
-                        imageHeight = (imageMaxSize * imageHeight) / imageWidth;
-                        imageWidth = imageMaxSize;
-                      }
-                    } else {
-                      if (imageHeight > imageMaxSize) {
-                        imageWidth = (imageMaxSize * imageWidth) / imageHeight;
-                        imageHeight = imageMaxSize;
-                      }
-                    }
-                    const imageMatch = imageData.match(/data:image\/(.*);/);
-                    let imageExt = 'png';
-                    if (imageMatch) {
-                      imageExt = imageMatch[1];
-                    }
-                    // 目前 excel 只支持这些格式，所以其它格式直接输出 url
-                    if (
-                      imageExt != 'png' &&
-                      imageExt != 'jpeg' &&
-                      imageExt != 'gif'
-                    ) {
-                      sheetRow.getCell(columIndex).value = value;
-                      continue;
-                    }
-                    const imageId = workbook.addImage({
-                      base64: imageData,
-                      extension: imageExt
-                    });
-                    const linkURL = getAbsoluteUrl(value);
-                    worksheet.addImage(imageId, {
-                      // 这里坐标位置是从 0 开始的，所以要减一
-                      tl: {col: columIndex - 1, row: rowIndex - 1},
-                      ext: {
-                        width: imageWidth,
-                        height: imageHeight
-                      },
-                      hyperlinks: {
-                        tooltip: linkURL
-                      }
-                    });
-                  } catch (e) {
-                    console.warn(e.stack);
-                  }
-                } else if (type == 'link') {
-                  const linkURL = getAbsoluteUrl(value);
-                  sheetRow.getCell(columIndex).value = {
-                    text: value,
-                    hyperlink: linkURL
-                  };
-                } else if (type === 'mapping') {
-                  // 拷贝自 Mapping.tsx
-                  let map = (column as MappingSchema).map;
-                  const source = (column as MappingSchema).source;
-                  if (source) {
-                    let sourceValue = source;
-                    if (isPureVariable(source)) {
-                      sourceValue = resolveVariableAndFilter(
-                        source as string,
-                        data,
-                        '| raw'
-                      );
-                    }
-
-                    const mapKey = JSON.stringify(source);
-                    if (mapKey in remoteMappingCache) {
-                      map = remoteMappingCache[mapKey];
-                    } else {
-                      const res = await env.fetcher(sourceValue, data);
-                      if (res.data) {
-                        remoteMappingCache[mapKey] = res.data;
-                        map = res.data;
-                      }
-                    }
-                  }
-
-                  if (
-                    typeof value !== 'undefined' &&
-                    map &&
-                    (map[value] ?? map['*'])
-                  ) {
-                    const viewValue =
-                      map[value] ??
-                      (value === true && map['1']
-                        ? map['1']
-                        : value === false && map['0']
-                        ? map['0']
-                        : map['*']); // 兼容平台旧用法：即 value 为 true 时映射 1 ，为 false 时映射 0
-                    sheetRow.getCell(columIndex).value =
-                      removeHTMLTag(viewValue);
-                  } else {
-                    sheetRow.getCell(columIndex).value = removeHTMLTag(value);
-                  }
-                } else {
-                  if ((column as TplSchema).tpl) {
-                    sheetRow.getCell(columIndex).value = removeHTMLTag(
-                      filter(
-                        (column as TplSchema).tpl,
-                        createObject(data, row.data)
-                      )
-                    );
-                  } else {
-                    sheetRow.getCell(columIndex).value = value;
-                  }
-                }
-              }
-            }
-
-            const buffer = await workbook.xlsx.writeBuffer();
-
-            if (buffer) {
-              var blob = new Blob([buffer], {
-                type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
-              });
-              saveAs(blob, filename + '.xlsx');
-            }
+            exportExcel(ExcelJS, this.props, toolbar);
           });
         }
       }

package/src/utils/api.ts

@@ -12,10 +12,12 @@ import {
   cloneObject,
   createObject,
   qsparse,
-  uuid
+  uuid,
+  JSONTraverse
 } from './helper';
 import isPlainObject from 'lodash/isPlainObject';
 import {debug} from './debug';
+import {evaluate, parse} from 'amis-formula';
 
 const rSchema = /(?:^|raw\:)(get|post|put|delete|patch|options|head|jsonp):/i;
 
@@ -94,24 +96,48 @@ export function buildApi(
   }
 
   const raw = (api.url = api.url || '');
-  const idx = api.url.indexOf('?');
+  const ast: any = parse(api.url);
+  const url = ast.body
+    .map((item: any, index: number) => {
+      return item.type === 'raw' ? item.value : `__expression__${index}__`;
+    })
+    .join('');
+
+  const idx = url.indexOf('?');
+  let replaceExpression = (fragment: string) => {
+    return fragment.replace(
+      /__expression__(\d+)__/g,
+      (_: any, index: string) => {
+        return evaluate(ast.body[index], data, {
+          defaultFilter: 'url_encode'
+        });
+      }
+    );
+  };
 
   if (~idx) {
-    const hashIdx = api.url.indexOf('#');
+    const hashIdx = url.indexOf('#');
     const params = qsparse(
-      api.url.substring(
-        idx + 1,
-        ~hashIdx && hashIdx > idx ? hashIdx : undefined
-      )
+      url.substring(idx + 1, ~hashIdx && hashIdx > idx ? hashIdx : undefined)
     );
+
+    // 将里面的表达式运算完
+    JSONTraverse(params, (value: any, key: string | number, host: any) => {
+      if (typeof value === 'string' && /^__expression__(\d+)__$/.test(value)) {
+        host[key] = evaluate(ast.body[RegExp.$1].body, data);
+      }
+    });
+
     api.url =
-      tokenize(api.url.substring(0, idx + 1), data, '| url_encode') +
+      replaceExpression(url.substring(0, idx + 1)) +
       qsstringify(
         (api.query = dataMapping(params, data, undefined, api.convertKeyToPath))
       ) +
-      (~hashIdx && hashIdx > idx ? api.url.substring(hashIdx) : '');
+      (~hashIdx && hashIdx > idx
+        ? replaceExpression(url.substring(hashIdx))
+        : '');
   } else {
-    api.url = tokenize(api.url, data, '| url_encode');
+    api.url = replaceExpression(url);
   }
 
   if (ignoreData) {