amis-core 3.2.0 → 3.3.0

package/esm/store/table.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.2.0
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -31,6 +31,7 @@ var Column = types
     type: types.optional(types.string, 'plain'),
     name: types.maybe(types.string),
     value: types.frozen(),
+    id: '',
     groupName: '',
     toggled: false,
     toggable: true,
@@ -44,6 +45,8 @@ var Column = types
     fixed: '',
     index: 0,
     rawIndex: 0,
+    width: 0,
+    minWidth: 0,
     breakpoint: types.optional(types.frozen(), undefined),
     pristine: types.optional(types.frozen(), undefined),
     remark: types.optional(types.frozen(), undefined),
@@ -66,6 +69,12 @@ var Column = types
         self.enableSearch = value;
         var table = getParent(self, 2);
         table.persistSaveToggledColumns();
+    },
+    setWidth: function (value, minWidth) {
+        self.width = value;
+        if (typeof minWidth === 'number') {
+            self.minWidth = minWidth;
+        }
     }
 }); });
 var Row = types
@@ -258,6 +267,7 @@ var TableStore = iRendererStore
     formsRef: types.optional(types.array(types.frozen()), []),
     maxKeepItemSelectionLength: Infinity,
     keepItemSelectionOnPageChange: false,
+    useFixedLayout: false,
     // 导出 Excel 按钮的 loading 状态
     exportExcelLoading: false,
     searchFormExpanded: false // 用来控制搜索框是否展开了，那个自动根据 searchable 生成的表单 autoGenerateFilter
@@ -315,23 +325,6 @@ var TableStore = iRendererStore
                     isBreakpoint(item.breakpoint);
         });
     }
-    function getLeftFixedColumns() {
-        if (self.dragging) {
-            return [];
-        }
-        var columns = getFilteredColumns().filter(function (item) { return item.fixed === 'left'; });
-        // 有才带过去，没有就不带了
-        if (columns.length) {
-            columns = getFilteredColumns().filter(function (item) { return item.fixed === 'left' || /^__/.test(item.type); });
-        }
-        return columns;
-    }
-    function getRightFixedColumns() {
-        if (self.dragging) {
-            return [];
-        }
-        return getFilteredColumns().filter(function (item) { return item.fixed === 'right'; });
-    }
     function isSelected(row) {
         return !!~self.selectedRows.indexOf(row);
     }
@@ -443,7 +436,11 @@ var TableStore = iRendererStore
                 (item.has.length === 1 && item.label === item.has[0].label)
                 ? 2
                 : 1;
-            return __assign(__assign({}, item), { rowSpan: rowSpan, label: rowSpan === 2 ? item.label || item.has[0].label : item.label });
+            return __assign(__assign({}, item), { rowSpan: rowSpan, label: rowSpan === 2 ? item.label || item.has[0].label : item.label, fixed: item.has.every(function (column) { return column.fixed; })
+                    ? item.has[0].fixed
+                    : undefined, get width() {
+                    return item.has.reduce(function (a, b) { return a + b.width; }, 0);
+                } });
         });
     }
     function getFirstToggledColumnIndex() {
@@ -476,12 +473,6 @@ var TableStore = iRendererStore
         get footableColumns() {
             return getFootableColumns();
         },
-        get leftFixedColumns() {
-            return getLeftFixedColumns();
-        },
-        get rightFixedColumns() {
-            return getRightFixedColumns();
-        },
         get toggableColumns() {
             return getToggableColumns();
         },
@@ -566,6 +557,55 @@ var TableStore = iRendererStore
                 }
             });
             return list;
+        },
+        get columnWidthReady() {
+            return getFilteredColumns().every(function (column) { return column.width; });
+        },
+        getStickyStyles: function (column, columns) {
+            var stickyClassName = '';
+            var style = {};
+            var autoFixLeftColumns = ['__checkme', '__dragme', '__expandme'];
+            if (column.fixed === 'left' ||
+                autoFixLeftColumns.includes(column.type)) {
+                stickyClassName = 'is-sticky is-sticky-left';
+                var index = columns.indexOf(column) - 1;
+                if (columns
+                    .slice(index + 2)
+                    .every(function (col) {
+                    return !((col && col.fixed === 'left') ||
+                        autoFixLeftColumns.includes(col.type));
+                })) {
+                    stickyClassName += ' is-sticky-last-left';
+                }
+                var left = 0;
+                while (index >= 0) {
+                    var col = columns[index];
+                    if ((col && col.fixed === 'left') ||
+                        autoFixLeftColumns.includes(col.type)) {
+                        left += col.width;
+                    }
+                    index--;
+                }
+                style.left = left;
+            }
+            else if (column.fixed === 'right') {
+                stickyClassName = 'is-sticky is-sticky-right';
+                var right = 0;
+                var index = columns.indexOf(column) + 1;
+                if (columns.slice(0, index - 1).every(function (col) { return col.fixed !== 'right'; })) {
+                    stickyClassName += ' is-sticky-first-right';
+                }
+                var len = columns.length;
+                while (index < len) {
+                    var col = columns[index];
+                    if (col && col.fixed === 'right') {
+                        right += col.width;
+                    }
+                    index++;
+                }
+                style.right = right;
+            }
+            return [style, stickyClassName];
         }
     };
 })
@@ -606,12 +646,6 @@ var TableStore = iRendererStore
             var columns = config.columns
                 .filter(function (column) { return column; })
                 .concat();
-            if (!columns.length) {
-                columns.push({
-                    type: 'text',
-                    label: '空'
-                });
-            }
             // 更新列顺序，afterCreate生命周期中更新columns不会触发组件的render
             var key = getPersistDataKey(columns);
             var data = localStorage.getItem(key);
@@ -628,28 +662,10 @@ var TableStore = iRendererStore
                     });
                 }
             }
-            columns.unshift({
-                type: '__expandme',
-                toggable: false,
-                className: 'Table-expandCell'
-            });
-            columns.unshift({
-                type: '__checkme',
-                fixed: 'left',
-                toggable: false,
-                className: 'Table-checkCell'
-            });
-            columns.unshift({
-                type: '__dragme',
-                toggable: false,
-                className: 'Table-dragCell'
-            });
-            columns = columns.map(function (item, index) { return (__assign(__assign({}, item), { index: index, rawIndex: index - PARTITION_INDEX, type: item.type || 'plain', pristine: item, toggled: item.toggled !== false, breakpoint: item.breakpoint, isPrimary: index === PARTITION_INDEX, className: item.className || '', 
-                /** 提前映射变量，方便后续view中使用 */
-                label: isPureVariable(item.label)
-                    ? resolveVariableAndFilter(item.label, self.data)
-                    : item.label })); });
-            self.columns.replace(columns);
+            updateColumns(columns);
+        }
+        if (config.tableLayout === 'fixed') {
+            self.useFixedLayout = true;
         }
     }
     function updateColumns(columns) {
@@ -677,15 +693,18 @@ var TableStore = iRendererStore
                 toggable: false,
                 className: 'Table-dragCell'
             });
-            columns = columns.map(function (item, index) { return (__assign(__assign({}, item), { index: index, rawIndex: index - PARTITION_INDEX, type: item.type || 'plain', pristine: item.pristine || item, toggled: item.toggled !== false, breakpoint: item.breakpoint, isPrimary: index === PARTITION_INDEX, 
+            columns = columns.map(function (item, index) { return (__assign(__assign({}, item), { id: guid(), index: index, width: 0, minWidth: 0, rawIndex: index - PARTITION_INDEX, type: item.type || 'plain', pristine: item.pristine || item, toggled: item.toggled !== false, breakpoint: item.breakpoint, isPrimary: index === PARTITION_INDEX, 
                 /** 提前映射变量，方便后续view中使用 */
                 label: isPureVariable(item.label)
                     ? resolveVariableAndFilter(item.label, self.data)
                     : item.label })); });
             self.columns.replace(columns);
-            persistSaveToggledColumns();
+            self.useFixedLayout = self.columns.some(function (column) { return column.pristine.width; });
         }
     }
+    function invalidTableColumnWidth() {
+        self.columns.forEach(function (column) { return column.setWidth(0); });
+    }
     function combineCell(arr, keys) {
         if (!keys.length || !arr.length) {
             return arr;
@@ -828,6 +847,7 @@ var TableStore = iRendererStore
             self.expandedRows.replace(getExpandAllRows(self.rows));
         }
         self.dragging = false;
+        invalidTableColumnWidth(); // 更新内容需要重新计算表格布局
     }
     // 获取所有层级的子节点id
     function getExpandAllRows(arr) {
@@ -1132,6 +1152,7 @@ var TableStore = iRendererStore
     return {
         update: update,
         updateColumns: updateColumns,
+        invalidTableColumnWidth: invalidTableColumnWidth,
         initRows: initRows,
         updateSelected: updateSelected,
         toggleAll: toggleAll,
@@ -1154,6 +1175,9 @@ var TableStore = iRendererStore
         persistSaveToggledColumns: persistSaveToggledColumns,
         setSearchFormExpanded: setSearchFormExpanded,
         toggleSearchFormExpanded: toggleSearchFormExpanded,
+        setUseFixedLayout: function (value) {
+            self.useFixedLayout = !!value;
+        },
         // events
         afterCreate: function () {
             setTimeout(function () {

package/esm/store/table2.d.ts

@@ -1,5 +1,6 @@
 import { Instance, SnapshotIn, IAnyModelType } from 'mobx-state-tree';
 import { Api, fetchOptions } from '../types';
+import { IFormStore } from './form';
 export declare const Column: import("mobx-state-tree").IModelType<{
     title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
     name: import("mobx-state-tree").IType<string | undefined, string, string>;
@@ -140,6 +141,7 @@ export declare const TableStore2: import("mobx-state-tree").IModelType<{
     pageSize: import("mobx-state-tree").IType<number | undefined, number, number>;
     dragging: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     rowSelectionKeyField: import("mobx-state-tree").IType<string | undefined, string, string>;
+    formsRef: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<any, any, any>>, [undefined]>;
 }, {
     readonly parentStore: any;
     readonly __: any;
@@ -458,6 +460,52 @@ export declare const TableStore2: import("mobx-state-tree").IModelType<{
         reset(): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>))[];
     readonly keyField: string;
+    readonly modified: number;
+    readonly modifiedRows: ({
+        storeType: string;
+        id: string;
+        parentId: string;
+        name: string;
+        pristine: any;
+        data: any;
+        index: number;
+        newIndex: number;
+        depth: number;
+        children: import("mobx-state-tree").IMSTArray<IAnyModelType> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<IAnyModelType>, [undefined]>>;
+        path: string;
+    } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+        readonly checked: boolean;
+        readonly modified: boolean;
+        readonly moved: boolean;
+        readonly locals: any;
+        getDataWithModifiedChilden(): any;
+    } & {
+        replaceWith(data: any): void;
+        change(values: object, savePristine?: boolean): void;
+        reset(): void;
+    } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+        storeType: import("mobx-state-tree").IType<string | undefined, string, string>;
+        id: import("mobx-state-tree").ISimpleType<string>;
+        parentId: import("mobx-state-tree").IType<string | undefined, string, string>;
+        name: import("mobx-state-tree").ISimpleType<string>;
+        pristine: import("mobx-state-tree").IType<any, any, any>;
+        data: import("mobx-state-tree").IType<any, any, any>;
+        index: import("mobx-state-tree").ISimpleType<number>;
+        newIndex: import("mobx-state-tree").ISimpleType<number>;
+        depth: import("mobx-state-tree").ISimpleType<number>;
+        children: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<IAnyModelType>, [undefined]>;
+        path: import("mobx-state-tree").IType<string | undefined, string, string>;
+    }, {
+        readonly checked: boolean;
+        readonly modified: boolean;
+        readonly moved: boolean;
+        readonly locals: any;
+        getDataWithModifiedChilden(): any;
+    } & {
+        replaceWith(data: any): void;
+        change(values: object, savePristine?: boolean): void;
+        reset(): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
 } & {
     update: (config: Partial<STableStore2>) => void;
     persistSaveToggledColumns: () => void;
@@ -472,6 +520,7 @@ export declare const TableStore2: import("mobx-state-tree").IModelType<{
     toggleAllColumns: () => void;
     afterCreate(): void;
     saveRemote: (api: Api, data?: object, options?: fetchOptions) => Promise<any>;
+    addForm: (form: IFormStore, rowIndex: number) => void;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export type ITableStore2 = Instance<typeof TableStore2>;
 export type STableStore2 = SnapshotIn<typeof TableStore2>;

package/esm/store/table2.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.2.0
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -7,7 +7,7 @@ import { __extends, __assign, __generator } from 'tslib';
 import { types, getParent, flow, isAlive, getEnv } from 'mobx-state-tree';
 import find from 'lodash/find';
 import isEqual from 'lodash/isEqual';
-import { immutableExtends, findTree, isEmpty, isVisible, flattenTree, isObjectShallowModified, qsstringify, eachTree, guid, hasVisibleExpression } from '../utils/helper.js';
+import { immutableExtends, findTree, isEmpty, isVisible, flattenTree, difference, isObjectShallowModified, qsstringify, eachTree, guid, hasVisibleExpression } from '../utils/helper.js';
 import { normalizeApiResponseData } from '../utils/api.js';
 import { ServiceStore } from './service.js';
 import { createObject, extendObject, isObject } from '../utils/object.js';
@@ -149,7 +149,8 @@ var TableStore2 = ServiceStore.named('TableStore2')
     pageNo: 1,
     pageSize: 10,
     dragging: false,
-    rowSelectionKeyField: 'id'
+    rowSelectionKeyField: 'id',
+    formsRef: types.optional(types.array(types.frozen()), [])
 })
     .views(function (self) {
     function getToggable() {
@@ -210,6 +211,25 @@ var TableStore2 = ServiceStore.named('TableStore2')
     function getMoved() {
         return getMovedRows().length;
     }
+    function getModifiedRows(rows, modifiedRows) {
+        if (rows === void 0) { rows = []; }
+        if (modifiedRows === void 0) { modifiedRows = []; }
+        rows = rows && rows.length ? rows : self.rows;
+        rows.forEach(function (item) {
+            if (item.children && item.children.length) {
+                getModifiedRows(item.children, modifiedRows);
+            }
+            var diff = difference(item.data, item.pristine);
+            var hasDifference = Object.keys(diff).length;
+            if (hasDifference) {
+                modifiedRows.push(item);
+            }
+        });
+        return modifiedRows;
+    }
+    function getModified() {
+        return getModifiedRows().length;
+    }
     return {
         get toggable() {
             return getToggable();
@@ -259,6 +279,12 @@ var TableStore2 = ServiceStore.named('TableStore2')
         },
         get keyField() {
             return self.rowSelectionKeyField;
+        },
+        get modified() {
+            return getModified();
+        },
+        get modifiedRows() {
+            return getModifiedRows();
         }
     };
 })
@@ -527,6 +553,12 @@ var TableStore2 = ServiceStore.named('TableStore2')
         self.rows.replace(rows);
         self.dragging = false;
     }
+    function addForm(form, rowIndex) {
+        self.formsRef.push({
+            id: form.id,
+            rowIndex: rowIndex
+        });
+    }
     return {
         update: update,
         persistSaveToggledColumns: persistSaveToggledColumns,
@@ -557,7 +589,8 @@ var TableStore2 = ServiceStore.named('TableStore2')
                 }
             }, 200);
         },
-        saveRemote: saveRemote
+        saveRemote: saveRemote,
+        addForm: addForm
     };
 });
 

package/esm/theme.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.2.0
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/esm/types.d.ts

@@ -183,8 +183,9 @@ export interface ApiObject extends BaseApiObject {
     operationName?: string;
     body?: PlainObject;
     query?: PlainObject;
-    adaptor?: (payload: object, response: fetcherResult, api: ApiObject) => any;
-    requestAdaptor?: (api: ApiObject) => ApiObject;
+    mockResponse?: PlainObject;
+    adaptor?: (payload: object, response: fetcherResult, api: ApiObject, context: any) => any;
+    requestAdaptor?: (api: ApiObject, context: any) => ApiObject | Promise<ApiObject>;
     /** 是否过滤为空字符串的 query 参数 */
     filterEmptyQuery?: boolean;
 }
@@ -211,7 +212,7 @@ export interface fetchOptions {
     errorMessage?: string;
     autoAppend?: boolean;
     beforeSend?: (data: any) => any;
-    onSuccess?: (json: Payload) => any;
+    onSuccess?: (json: Payload, data: any) => any;
     onFailed?: (json: Payload) => any;
     silent?: boolean;
     [propName: string]: any;
@@ -497,6 +498,19 @@ export interface BaseSchemaWithoutType {
     style?: {
         [propName: string]: any;
     };
+    /**
+     * 编辑器配置，运行时可以忽略
+     */
+    editorSetting?: {
+        /**
+         * 组件名称，通常是业务名称方便定位
+         */
+        displayName?: string;
+        /**
+         * 编辑器假数据，方便展示
+         */
+        mock?: any;
+    };
 }
 export type OperatorType = 'equal' | 'not_equal' | 'is_empty' | 'is_not_empty' | 'like' | 'not_like' | 'starts_with' | 'ends_with' | 'less' | 'less_or_equal' | 'greater' | 'greater_or_equal' | 'between' | 'not_between' | 'select_equals' | 'select_not_equals' | 'select_any_in' | 'select_not_any_in' | {
     label: string;

package/esm/utils/Animation.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.2.0
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/esm/utils/ColorScale.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.2.0
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/esm/utils/DataSchema.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.2.0
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/esm/utils/DataScope.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.2.0
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/esm/utils/RootClose.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.2.0
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/esm/utils/SimpleMap.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.2.0
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/esm/utils/api.d.ts

@@ -14,7 +14,7 @@ export declare function str2function(contents: string, ...args: Array<string>):
 export declare function str2AsyncFunction(contents: string, ...args: Array<string>): Function | null;
 export declare function responseAdaptor(ret: fetcherResult, api: ApiObject): Payload;
 export declare function wrapFetcher(fn: (config: fetcherConfig) => Promise<fetcherResult>, tracker?: (eventTrack: EventTrack, data: any) => void): any;
-export declare function wrapAdaptor(promise: Promise<fetcherResult>, api: ApiObject): Promise<Payload>;
+export declare function wrapAdaptor(promise: Promise<fetcherResult>, api: ApiObject, context: any): Promise<Payload>;
 /**
  * 请求远程 js 文件然后 new Function 执行，用于 schemaApi 支持 JavaScript
  * @param api
@@ -24,7 +24,7 @@ export declare function jsFetcher(fetcher: (config: fetcherConfig) => Promise<fe
 export declare function jsonpFetcher(api: ApiObject): Promise<fetcherResult>;
 export declare function isApiOutdatedWithData(prevApi: Api | undefined, nextApi: Api | undefined, prevData: any, nextData: any): nextApi is Api;
 export declare function isApiOutdated(prevApi: Api | undefined, nextApi: Api | undefined, prevData: any, nextData: any): nextApi is Api;
-export declare function isValidApi(api: string): boolean | "";
+export declare function isValidApi(api: string): boolean;
 export declare function isEffectiveApi(api?: Api, data?: any, initFetch?: boolean, initFetchOn?: string): api is Api;
 export declare function isSameApi(apiA: ApiObject | ApiCacheConfig, apiB: ApiObject | ApiCacheConfig): boolean;
 export declare function getApiCache(api: ApiObject): ApiCacheConfig | undefined;