bri-components 1.5.21 → 1.6.0

package/src/utils/table.js

@@ -1,175 +0,0 @@
-/* -------------------- 表格 -------------- */
-// 生成表格表头的渲染函数
-const getHeadRender = function (h, column, {
-    showRequired = false,
-    showDescription = false,
-    headHeightAuto = false
-}) {
-    return h("div", {
-        style: {
-            display: "inline-block",
-            maxWidth: `calc(100% - ${column.sortBy || column.sortBy === "" || !!column.filter ? 4 : 0}px)`,
-            paddingLeft: "8px",
-            paddingRight: `${8 + (column._description ? 18 : 0)}px`,
-            verticalAlign: "middle",
-            position: "relative",
-            marginRight: `${column.sortBy || column.sortBy === "" || !!column.filter ? 4 : 0}px`
-        }
-    }, [
-        showRequired && column._required && h("i", {
-            style: {
-                position: "absolute",
-                top: "0px",
-                left: "-2px",
-                color: "#ed4014"
-            }
-        }, "*"),
-
-        h("span", {
-            style: {
-                display: "inline-block",
-                maxWidth: "100%",
-                verticalAlign: "middle",
-                whiteSpace: "pre-line"
-            },
-            directives: [
-                headHeightAuto
-                    ? {}
-                    : { name: "ellipsis" }
-            ]
-        }, column.title || column._name),
-
-        showDescription && column._description && h("Tooltip", {
-            style: {
-                position: "absolute",
-                bottom: "1px",
-                right: "8px",
-                cursor: "pointer"
-            },
-            props: {
-                content: column._description,
-                transfer: true,
-                maxWidth: 240
-            },
-            scopedSlots: {
-                default: props => h("i", {
-                    class: "ivu-icon bico-font bico-explain"
-                })
-            }
-        })
-    ]);
-};
-
-// 转化表单字段属性 to 表格参数, 是否需要过滤tag
-const transformToColumns = function (formList, {
-    showHeadFilter = false,
-    showRequired = false,
-    showDescription = false,
-    headHeightAuto = false
-} = {}, allFormList = []) {
-    return formList
-        .map(col => {
-            const typeData = this.$modFieldMap[col._type] || {};
-            const typeWidth = typeData.width + (col._type === "number" && col._unit ? col._unit.length * 16 : 0);
-
-            return {
-                title: col._name,
-                field: col._key,
-                key: col._key,
-                align: col._align || typeData.align,
-                fixed: col._fixed,
-                width: col._width || typeWidth,
-                sortBy: showHeadFilter
-                    ? col._sortBy || typeData.sortBy
-                    : undefined,
-                filter: showHeadFilter
-                    ? ["select", "checkbox"].includes(col._type) && col._hideHeadFilter !== true
-                        ? {
-                            isMultiple: true,
-                            maxHeight: 250,
-                            filterList: (
-                                col._selectFilterVals && col._selectFilterVals.length
-                                    ? col._data.filter(item =>
-                                        col._reverseFilter
-                                            ? !col._selectFilterVals.includes(item._key)
-                                            : col._selectFilterVals.includes(item._key)
-                                    )
-                                    : col._data
-                            ).map(item => ({
-                                ...item,
-                                value: item._key,
-                                label: item.name,
-                                selected: false
-                            })),
-                            filterConfirm: (filterList) => {
-                                let conditionItem = {
-                                    logic: "field",
-                                    fieldKey: col._key,
-                                    fieldType: col._type,
-                                    fieldValue: filterList.filter(dataItem => dataItem.selected).map(dataItem => dataItem._key),
-                                    fieldOperator: "eq"
-                                };
-                                this.filterConfirm && this.filterConfirm(conditionItem);
-                            },
-                            filterReset: () => {
-                                let conditionItem = {
-                                    logic: "field",
-                                    fieldKey: col._key,
-                                    fieldType: col._type,
-                                    fieldValue: [],
-                                    fieldOperator: "eq"
-                                };
-                                this.filterReset && this.filterReset(conditionItem);
-                            }
-                        }
-                        : undefined
-                    : undefined,
-                renderHeaderCell: ({ column }, h) => {
-                    return getHeadRender(h, column, {
-                        showRequired,
-                        showDescription,
-                        headHeightAuto
-                    });
-                },
-                renderBodyCell: col._type
-                    ? col._type === "operation"
-                        ? ({ row, rowIndex, column }, h) => {
-                            return h("dsh-buttons", {
-                                class: "bri-table-td-operation",
-                                props: {
-                                    list: col._getBtnList ? col._getBtnList.call(this, row) : this.$getOperationList(col._list),
-                                    itemClass: "bri-table-td-operation-btn"
-                                },
-                                on: {
-                                    click: (operationItem) => {
-                                        this.$dispatchEvent(operationItem, { row, rowIndex, column });
-                                    }
-                                }
-                            });
-                        }
-                        : ({ row, rowIndex, column }, h) => {
-                            return h("dsh-list-unit", {
-                                props: {
-                                    canEdit: false,
-                                    rowIndex: rowIndex,
-                                    formData: row,
-                                    formItem: col,
-                                    allFormList: allFormList.length ? allFormList : formList
-                                }
-                            });
-                        }
-                    : undefined,
-
-                ...col
-            };
-    });
-};
-
-export default {
-    getHeadRender,
-    transformToColumns
-};
-export {
-    getHeadRender,
-    transformToColumns
-};