amis 1.9.0-beta.12 → 1.9.0-beta.15

package/lib/renderers/Table-v2/HeadCellSearchDropdown.js

@@ -0,0 +1,158 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeadCellSearchDropDown = void 0;
+var tslib_1 = require("tslib");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var react_dom_1 = require("react-dom");
+var icons_1 = require("../../components/icons");
+var helper_1 = require("../../utils/helper");
+var HeadCellDropDown_1 = (0, tslib_1.__importDefault)(require("../../components/table/HeadCellDropDown"));
+var HeadCellSearchDropDown = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(HeadCellSearchDropDown, _super);
+    function HeadCellSearchDropDown(props) {
+        var _this = _super.call(this, props) || this;
+        _this.formItems = [];
+        _this.handleSubmit = _this.handleSubmit.bind(_this);
+        _this.handleAction = _this.handleAction.bind(_this);
+        return _this;
+    }
+    HeadCellSearchDropDown.prototype.buildSchema = function () {
+        var _a;
+        var _b = this.props, searchable = _b.searchable, sortable = _b.sortable, name = _b.name, label = _b.label, __ = _b.translate;
+        var schema;
+        if (searchable === true) {
+            schema = {
+                title: '',
+                controls: [
+                    {
+                        type: 'text',
+                        name: name,
+                        placeholder: label,
+                        clearable: true
+                    }
+                ]
+            };
+        }
+        else if (searchable) {
+            if (searchable.controls || searchable.tabs || searchable.fieldSet) {
+                schema = (0, tslib_1.__assign)((0, tslib_1.__assign)({ title: '' }, searchable), { controls: Array.isArray(searchable.controls)
+                        ? searchable.controls.concat()
+                        : undefined });
+            }
+            else {
+                schema = {
+                    title: '',
+                    className: searchable.formClassName,
+                    controls: [
+                        (0, tslib_1.__assign)({ type: searchable.type || 'text', name: searchable.name || name, placeholder: label }, searchable)
+                    ]
+                };
+            }
+        }
+        if (schema && schema.controls && sortable) {
+            schema.controls.unshift({
+                type: 'hidden',
+                name: 'orderBy',
+                value: name
+            }, {
+                type: 'button-group',
+                name: 'order',
+                label: __('sort'),
+                options: [
+                    {
+                        label: __('asc'),
+                        value: 'asc'
+                    },
+                    {
+                        label: __('desc'),
+                        value: 'desc'
+                    }
+                ]
+            });
+        }
+        if (schema) {
+            var formItems_1 = [];
+            (_a = schema.controls) === null || _a === void 0 ? void 0 : _a.forEach(function (item) {
+                return item.name &&
+                    item.name !== 'orderBy' &&
+                    item.name !== 'order' &&
+                    formItems_1.push(item.name);
+            });
+            this.formItems = formItems_1;
+            schema = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, schema), { type: 'form', wrapperComponent: 'div', actions: [
+                    {
+                        type: 'button',
+                        label: __('reset'),
+                        actionType: 'clear-and-submit'
+                    },
+                    {
+                        type: 'button',
+                        label: __('cancel'),
+                        actionType: 'cancel'
+                    },
+                    {
+                        label: __('search'),
+                        type: 'submit',
+                        primary: true
+                    }
+                ] });
+        }
+        return schema || 'error';
+    };
+    HeadCellSearchDropDown.prototype.handleAction = function (e, action, ctx, confirm) {
+        var onAction = this.props.onAction;
+        if (action.actionType === 'cancel' || action.actionType === 'close') {
+            confirm();
+            return;
+        }
+        if (action.actionType === 'reset') {
+            confirm();
+            this.handleReset();
+            return;
+        }
+        onAction && onAction(e, action, ctx);
+    };
+    HeadCellSearchDropDown.prototype.handleReset = function () {
+        var _a = this.props, onFilter = _a.onFilter, data = _a.data, name = _a.name, store = _a.store;
+        var values = (0, tslib_1.__assign)({}, data);
+        this.formItems.forEach(function (key) { return (0, helper_1.setVariable)(values, key, undefined); });
+        if (values.orderBy === name) {
+            values.orderBy = '';
+            values.order = 'asc';
+        }
+        store.updateQuery(values);
+        onFilter && onFilter(values);
+    };
+    HeadCellSearchDropDown.prototype.handleSubmit = function (values, confirm) {
+        var _a = this.props, onFilter = _a.onFilter, name = _a.name, store = _a.store;
+        if (values.order) {
+            values = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, values), { orderBy: name });
+        }
+        store.updateQuery(values);
+        onFilter && onFilter(values);
+        confirm();
+    };
+    HeadCellSearchDropDown.prototype.isActive = function () {
+        var _a = this.props, data = _a.data, name = _a.name, orderBy = _a.orderBy;
+        return (orderBy && orderBy === name) || this.formItems.some(function (key) { return data === null || data === void 0 ? void 0 : data[key]; });
+    };
+    HeadCellSearchDropDown.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, render = _a.render, name = _a.name, data = _a.data, searchable = _a.searchable, store = _a.store, orderBy = _a.orderBy, popOverContainer = _a.popOverContainer, ns = _a.classPrefix, cx = _a.classnames;
+        var formSchema = this.buildSchema();
+        var isActive = this.isActive();
+        return (react_1.default.createElement(HeadCellDropDown_1.default, { className: "".concat(ns, "TableCell-searchBtn"), layerClassName: cx("".concat(ns, "TableCell-searchPopOver"), searchable.className), active: isActive, filterIcon: react_1.default.createElement(icons_1.Icon, { icon: "search", className: "icon" }), popOverContainer: popOverContainer ? popOverContainer : function () { return (0, react_dom_1.findDOMNode)(_this); }, filterDropdown: function (_a) {
+                var setSelectedKeys = _a.setSelectedKeys, selectedKeys = _a.selectedKeys, confirm = _a.confirm, clearFilters = _a.clearFilters;
+                return render('quick-search-form', formSchema, {
+                    data: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, data), { orderBy: orderBy, order: orderBy && orderBy === name ? store.order : '' }),
+                    onSubmit: function (values) { return _this.handleSubmit(values, confirm); },
+                    onAction: function (e, action, ctx) {
+                        _this.handleAction(e, action, ctx, confirm);
+                    }
+                });
+            } }));
+    };
+    return HeadCellSearchDropDown;
+}(react_1.default.Component));
+exports.HeadCellSearchDropDown = HeadCellSearchDropDown;
+//# sourceMappingURL=./renderers/Table-v2/HeadCellSearchDropdown.js.map

package/lib/renderers/Table-v2/HeadCellSearchDropdown.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "HeadCellSearchDropdown.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/renderers/Table-v2/HeadCellSearchDropdown.tsx"
+    ],
+    "names": [],
+    "mappings": "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",
+    "sourcesContent": [
+        "import React from 'react';\nimport {findDOMNode} from 'react-dom';\n\nimport {RendererProps} from '../../factory';\nimport {Action} from '../../types';\nimport {Icon} from '../../components/icons';\nimport {setVariable} from '../../utils/helper';\nimport {ITableStore} from '../../store/table-v2';\nimport HeadCellDropDown from '../../components/table/HeadCellDropDown';\n\nexport interface QuickSearchConfig {\n  type?: string;\n  controls?: any;\n  tabs?: any;\n  fieldSet?: any;\n  [propName: string]: any;\n}\n\nexport interface HeadCellSearchProps extends RendererProps {\n  name: string;\n  searchable: boolean | QuickSearchConfig;\n  classPrefix: string;\n  onFilter?: (values: object) => void;\n  onAction?: Function;\n  store: ITableStore;\n}\n\nexport class HeadCellSearchDropDown extends React.Component<\n  HeadCellSearchProps,\n  any\n> {\n\n  formItems: Array<string> = [];\n  constructor(props: HeadCellSearchProps) {\n    super(props);\n\n    this.handleSubmit = this.handleSubmit.bind(this);\n    this.handleAction = this.handleAction.bind(this);\n  }\n\n  buildSchema() {\n    const {searchable, sortable, name, label, translate: __} = this.props;\n\n    let schema: any;\n\n    if (searchable === true) {\n      schema = {\n        title: '',\n        controls: [\n          {\n            type: 'text',\n            name,\n            placeholder: label,\n            clearable: true\n          }\n        ]\n      };\n    } else if (searchable) {\n      if (searchable.controls || searchable.tabs || searchable.fieldSet) {\n        schema = {\n          title: '',\n          ...searchable,\n          controls: Array.isArray(searchable.controls)\n            ? searchable.controls.concat()\n            : undefined\n        };\n      } else {\n        schema = {\n          title: '',\n          className: searchable.formClassName,\n          controls: [\n            {\n              type: searchable.type || 'text',\n              name: searchable.name || name,\n              placeholder: label,\n              ...searchable\n            }\n          ]\n        };\n      }\n    }\n\n    if (schema && schema.controls && sortable) {\n      schema.controls.unshift(\n        {\n          type: 'hidden',\n          name: 'orderBy',\n          value: name\n        },\n        {\n          type: 'button-group',\n          name: 'order',\n          label: __('sort'),\n          options: [\n            {\n              label: __('asc'),\n              value: 'asc'\n            },\n            {\n              label: __('desc'),\n              value: 'desc'\n            }\n          ]\n        }\n      );\n    }\n\n    if (schema) {\n      const formItems: Array<string> = [];\n      schema.controls?.forEach(\n        (item: any) =>\n          item.name &&\n          item.name !== 'orderBy' &&\n          item.name !== 'order' &&\n          formItems.push(item.name)\n      );\n      this.formItems = formItems;\n      schema = {\n        ...schema,\n        type: 'form',\n        wrapperComponent: 'div',\n        actions: [\n          {\n            type: 'button',\n            label: __('reset'),\n            actionType: 'clear-and-submit'\n          },\n\n          {\n            type: 'button',\n            label: __('cancel'),\n            actionType: 'cancel'\n          },\n\n          {\n            label: __('search'),\n            type: 'submit',\n            primary: true\n          }\n        ]\n      };\n    }\n\n    return schema || 'error';\n  }\n\n  handleAction(e: any, action: Action, ctx: object, confirm: Function) {\n    const {onAction} = this.props;\n\n    if (action.actionType === 'cancel' || action.actionType === 'close') {\n      confirm();\n      return;\n    }\n\n    if (action.actionType === 'reset') {\n      confirm();\n      this.handleReset();\n      return;\n    }\n\n    onAction && onAction(e, action, ctx);\n  }\n\n  handleReset() {\n    const {onFilter, data, name, store} = this.props;\n    const values = {...data};\n    this.formItems.forEach(key => setVariable(values, key, undefined));\n\n    if (values.orderBy === name) {\n      values.orderBy = '';\n      values.order = 'asc';\n    }\n\n    store.updateQuery(values);\n\n    onFilter && onFilter(values);\n  }\n\n  handleSubmit(values: any, confirm: Function) {\n    const {onFilter, name, store} = this.props;\n\n    if (values.order) {\n      values = {\n        ...values,\n        orderBy: name\n      };\n    }\n\n    store.updateQuery(values);\n\n    onFilter && onFilter(values);\n\n    confirm();\n  }\n\n  isActive() {\n    const {data, name, orderBy} = this.props;\n\n    return (orderBy && orderBy === name) || this.formItems.some(key => data?.[key]);\n  }\n\n  render() {\n    const {\n      render,\n      name,\n      data,\n      searchable,\n      store,\n      orderBy,\n      popOverContainer,\n      classPrefix: ns,\n      classnames: cx\n    } = this.props;\n\n    const formSchema = this.buildSchema();\n    const isActive = this.isActive();\n\n    return (\n      <HeadCellDropDown\n        className={`${ns}TableCell-searchBtn`}\n        layerClassName={cx(\n          `${ns}TableCell-searchPopOver`,\n          (searchable as any).className\n        )}\n        active={isActive}\n        filterIcon={<Icon icon=\"search\" className=\"icon\" />}\n        popOverContainer={popOverContainer ? popOverContainer : () => findDOMNode(this)}\n        filterDropdown={({setSelectedKeys, selectedKeys, confirm, clearFilters}) => {\n          return render('quick-search-form', formSchema, {\n            data: {\n              ...data,\n              orderBy,\n              order: orderBy && orderBy === name ? (store as ITableStore).order : ''\n            },\n            onSubmit: (values: object) => this.handleSubmit(values, confirm),\n            onAction: (e: any, action: Action, ctx: object) => {\n              this.handleAction(e, action, ctx, confirm);\n            }\n          }) as JSX.Element;\n        }}>\n      </HeadCellDropDown>\n    );\n  }\n}\n"
+    ]
+}

package/lib/renderers/Table-v2/TableCell.d.ts

@@ -0,0 +1,6 @@
+import { TableCell } from '../Table';
+export declare class CellFieldRenderer extends TableCell {
+    static defaultProps: {
+        wrapperComponent: string;
+    };
+}

package/lib/renderers/Table-v2/TableCell.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CellFieldRenderer = void 0;
+var tslib_1 = require("tslib");
+var factory_1 = require("../../factory");
+var Table_1 = require("../Table");
+var QuickEdit_1 = (0, tslib_1.__importDefault)(require("../QuickEdit"));
+var Copyable_1 = (0, tslib_1.__importDefault)(require("../Copyable"));
+var PopOver_1 = (0, tslib_1.__importDefault)(require("../PopOver"));
+var CellFieldRenderer = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(CellFieldRenderer, _super);
+    function CellFieldRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    CellFieldRenderer.defaultProps = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, Table_1.TableCell.defaultProps), { wrapperComponent: 'div' });
+    CellFieldRenderer = (0, tslib_1.__decorate)([
+        (0, factory_1.Renderer)({
+            type: 'cell-field',
+            name: 'cell-field'
+        }),
+        (0, PopOver_1.default)(),
+        (0, Copyable_1.default)(),
+        (0, QuickEdit_1.default)()
+    ], CellFieldRenderer);
+    return CellFieldRenderer;
+}(Table_1.TableCell));
+exports.CellFieldRenderer = CellFieldRenderer;
+//# sourceMappingURL=./renderers/Table-v2/TableCell.js.map

package/lib/renderers/Table-v2/TableCell.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "TableCell.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/renderers/Table-v2/TableCell.tsx"
+    ],
+    "names": [],
+    "mappings": ";;;;AAAA,yCAAuC;AACvC,kCAAmC;AACnC,wEAAqC;AACrC,sEAAmC;AACnC,oEAAqC;AASrC;IAAuC,kDAAS;IAAhD;;IAKA,CAAC;IAJQ,8BAAY,mDACd,iBAAS,CAAC,YAAY,KACzB,gBAAgB,EAAE,KAAK,IACvB;IAJS,iBAAiB;QAP7B,IAAA,kBAAQ,EAAC;YACR,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE,YAAY;SACnB,CAAC;QACD,IAAA,iBAAW,GAAE;QACb,IAAA,kBAAQ,GAAE;QACV,IAAA,mBAAS,GAAE;OACC,iBAAiB,CAK7B;IAAD,wBAAC;CAAA,AALD,CAAuC,iBAAS,GAK/C;AALY,8CAAiB",
+    "sourcesContent": [
+        "import {Renderer} from '../../factory';\nimport {TableCell} from '../Table';\nimport QuickEdit from '../QuickEdit';\nimport Copyable from '../Copyable';\nimport PopOverable from '../PopOver';\n\n@Renderer({\n  type: 'cell-field',\n  name: 'cell-field'\n})\n@PopOverable()\n@Copyable()\n@QuickEdit()\nexport class CellFieldRenderer extends TableCell {\n  static defaultProps = {\n    ...TableCell.defaultProps,\n    wrapperComponent: 'div'\n  };\n}\n"
+    ]
+}

package/lib/renderers/Table-v2/index.d.ts

@@ -0,0 +1,256 @@
+import React from 'react';
+import { RendererProps } from '../../factory';
+import { Action } from '../../types';
+import { BaseSchema, SchemaObject, SchemaTokenizeableString } from '../../Schema';
+import { BadgeSchema } from '../../components/Badge';
+import { ITableStore, IColumn, IRow } from '../../store/table-v2';
+import './TableCell';
+/**
+ * Table 表格v2渲染器。
+ * 文档：https://baidu.gitee.io/amis/docs/components/table-v2
+ */
+export interface CellSpan {
+    colIndex: number;
+    rowIndex: number;
+    colSpan?: number;
+    rowSpan?: number;
+}
+export interface RenderProps {
+    colSpan?: number;
+    rowSpan?: number;
+}
+export interface ColumnSchema {
+    /**
+     * 指定列唯一标识
+     */
+    key: string;
+    /**
+     * 指定列标题
+     */
+    title: string | SchemaObject;
+    /**
+     * 指定列内容渲染器
+     */
+    type?: string;
+    /**
+     * 指定行合并表达式
+     */
+    rowSpanExpr?: string;
+    /**
+     * 指定列合并表达式
+     */
+    colSpanExpr?: string;
+    /**
+     * 表头分组
+     */
+    children?: Array<ColumnSchema>;
+    /**
+     * 可复制
+     */
+    copyable?: boolean;
+    /**
+     * 列表头提示
+     */
+    remark?: string;
+    /**
+     * 快速搜索
+     */
+    searchable?: boolean | SchemaObject;
+    /**
+     * 快速排序
+     */
+    sorter?: boolean;
+    /**
+     * 内容居左、居中、居右
+     */
+    align?: string;
+    /**
+     * 是否固定在左侧/右侧
+     */
+    fixed?: boolean | string;
+    /**
+     * 当前列是否展示
+     */
+    toggled?: boolean;
+}
+export interface RowSelectionOptionsSchema {
+    /**
+     * 选择类型 选择全部
+     */
+    key: string;
+    /**
+     * 选项显示文本
+     */
+    text: string;
+}
+export interface RowSelectionSchema {
+    /**
+     * 选择类型 单选/多选
+     */
+    type: string;
+    /**
+     * 对应数据源的key值
+     */
+    keyField?: string;
+    /**
+     * 行是否禁用表达式
+     */
+    disableOn?: string;
+    /**
+     * 自定义选择菜单
+     */
+    selections?: Array<RowSelectionOptionsSchema>;
+    /**
+     * 已选择的key值
+     */
+    selectedRowKeys?: Array<string | number>;
+    /**
+     * 已选择的key值表达式
+     */
+    selectedRowKeysExpr: string;
+    /**
+     * 已选择的key值表达式
+     */
+    columnWidth?: number;
+    /**
+     * 是否点击行触发选中或取消选中
+     */
+    rowClick?: boolean;
+}
+export interface ExpandableSchema {
+    /**
+     * 对应数据源的key值
+     */
+    keyField: string;
+    /**
+     * 行是否可展开表达式
+     */
+    expandableOn: string;
+    /**
+     * 展开行自定义样式表达式
+     */
+    expandedRowClassNameExpr: string;
+    /**
+     * 已展开的key值
+     */
+    expandedRowKeys: Array<string | number>;
+    /**
+     * 已展开的key值表达式
+     */
+    expandedRowKeysExpr: string;
+}
+export interface TableSchemaV2 extends BaseSchema {
+    /**
+     * 指定为表格类型
+     */
+    type: 'table-v2';
+    /**
+     * 表格标题
+     */
+    title?: string | SchemaObject | Array<SchemaObject>;
+    /**
+     * 表格数据源
+     */
+    source: SchemaTokenizeableString;
+    /**
+     * 表格可自定义列
+     */
+    columnsTogglable: boolean;
+    /**
+     * 表格可自定义列的一些配置
+     */
+    columnsToggler: any;
+    /**
+     * 表格列配置
+     */
+    columns: Array<ColumnSchema>;
+    /**
+     * 表格可选择配置
+     */
+    rowSelection?: RowSelectionSchema;
+    /**
+     * 表格行可展开配置
+     */
+    expandable?: ExpandableSchema;
+    /**
+     * 表格行可展开内容配置
+     */
+    expandableBody?: Array<SchemaObject>;
+    /**
+     * 粘性头部
+     */
+    sticky?: boolean;
+    /**
+     * 加载中
+     */
+    loading?: boolean | string | SchemaObject;
+    /**
+     * 行角标
+     */
+    itemBadge?: BadgeSchema;
+    /**
+     * 指定挂载dom
+     */
+    popOverContainer?: any;
+    /**
+     * 嵌套展开记录的唯一标识
+     */
+    keyField?: string;
+    /**
+     * 数据源嵌套自定义字段名
+     */
+    childrenColumnName?: string;
+    /**
+     * 自定义行样式
+     */
+    rowClassNameExpr?: string;
+    /**
+     * 是否固定内容行高度
+     */
+    lineHeight?: string;
+    /**
+     * 是否展示边框
+     */
+    bordered?: boolean;
+    /**
+     * 是否展示表头
+     */
+    showHeader?: boolean;
+    /**
+     * 自定义表格样式
+     */
+    className?: string;
+    /**
+     * 指定表尾
+     */
+    footer?: string | SchemaObject | Array<SchemaObject>;
+}
+export interface TableV2Props extends RendererProps {
+    title?: string;
+    source?: string;
+    store: ITableStore;
+    togglable: boolean;
+}
+export declare class TableRenderer extends React.Component<TableV2Props, object> {
+    renderedToolbars: Array<string>;
+    control: any;
+    constructor(props: TableV2Props);
+    controlRef(control: any): void;
+    syncSelected(): void;
+    static syncRows(store: ITableStore, props: TableV2Props, prevProps?: TableV2Props): boolean;
+    componentDidUpdate(prevProps: TableV2Props): void;
+    getPopOverContainer(): Element | Text | null;
+    renderCellSchema(schema: any, props: any): any;
+    renderSchema(key: string, schema: any, props?: any): any;
+    buildColumns(columns: Array<any>): any[];
+    buildSummary(key: string, summary: Array<any>): any[] | null;
+    reloadTarget(target: string, data: any): void;
+    handleSave(rows: Array<object> | object, diff: Array<object> | object, indexes: Array<string>, unModifiedItems?: Array<any>, rowsOrigin?: Array<object> | object, resetOnFailed?: boolean): void;
+    handleQuickChange(item: IRow, values: object, saveImmediately?: boolean | any, savePristine?: boolean, resetOnFailed?: boolean): void;
+    handleColumnToggle(columns: Array<IColumn>): void;
+    renderColumnsToggler(config?: any): JSX.Element | null;
+    handleAction(e: React.UIEvent<any>, action: Action, ctx: object): void;
+    renderActions(region: string): JSX.Element | null;
+    renderTable(): JSX.Element;
+    render(): JSX.Element;
+}