@blueking/ai-ui-sdk 0.5.2-beta.5 → 0.6.0-beta.1

package/dist/components/render-t-table/index.script.vue.js

@@ -1,453 +0,0 @@
-"use strict";
-var _interopRequireDefault = require('../../../node_modules/@babel/runtime/helpers/interopRequireDefault.js');
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-exports.default = void 0;
-var _vue = require("vue");
-var _typeof2 = _interopRequireDefault(require('../../../node_modules/@babel/runtime/helpers/typeof.js'));
-var _toConsumableArray2 = _interopRequireDefault(require('../../../node_modules/@babel/runtime/helpers/toConsumableArray.js'));
-require('../../../node_modules/core-js/modules/es.symbol.js');
-require('../../../node_modules/core-js/modules/es.array.concat.js');
-require('../../../node_modules/core-js/modules/es.array.filter.js');
-require('../../../node_modules/core-js/modules/es.array.find.js');
-require('../../../node_modules/core-js/modules/es.array.find-index.js');
-require('../../../node_modules/core-js/modules/es.array.includes.js');
-require('../../../node_modules/core-js/modules/es.array.iterator.js');
-require('../../../node_modules/core-js/modules/es.array.join.js');
-require('../../../node_modules/core-js/modules/es.array.map.js');
-require('../../../node_modules/core-js/modules/es.object.assign.js');
-require('../../../node_modules/core-js/modules/es.object.keys.js');
-require('../../../node_modules/core-js/modules/es.object.to-string.js');
-require('../../../node_modules/core-js/modules/es.regexp.exec.js');
-require('../../../node_modules/core-js/modules/es.set.js');
-require('../../../node_modules/core-js/modules/es.string.includes.js');
-require('../../../node_modules/core-js/modules/es.string.iterator.js');
-require('../../../node_modules/core-js/modules/es.string.search.js');
-require('../../../node_modules/core-js/modules/es.string.split.js');
-require('../../../node_modules/core-js/modules/web.dom-collections.for-each.js');
-require('../../../node_modules/core-js/modules/web.dom-collections.iterator.js');
-var _icon = require("bkui-vue/lib/icon");
-var _index = _interopRequireDefault(require('../render-search-empty/index.vue.js'));
-var _util = require('../../util.ts.js');
-var __rest = (void 0) && (void 0).__rest || function(s, e) {
-    var t = {};
-    for(var p in s)if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function") for(var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++){
-        if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-    }
-    return t;
-};
-var _hoisted_1 = {
-    class: "t-table-row-height"
-};
-var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)(Object.assign({
-    inheritAttrs: false
-}, {
-    props: {
-        columns: {},
-        isLoading: {
-            type: Boolean
-        },
-        tableData: {},
-        pagination: {},
-        layout: {
-            default: function _default(props) {
-                return props.pagination ? [
-                    'total',
-                    'limit',
-                    'list'
-                ] : [];
-            }
-        },
-        containerHeight: {},
-        search: {},
-        rowClassName: {},
-        rowKey: {},
-        height: {},
-        paginationBorder: {
-            type: Boolean
-        }
-    },
-    emits: [
-        "sort-change",
-        "page-change",
-        "page-size-change",
-        "row-mouseleave",
-        "select-change",
-        "row-click",
-        "row-mouseenter",
-        "update:search"
-    ],
-    setup: function setup(__props, _ref) {
-        var __emit = _ref.emit;
-        var props = __props;
-        var emits = __emit;
-        var attrs = (0, _vue.useAttrs)();
-        var rowHeight = (0, _vue.ref)('g-h-42');
-        var columnControllerVisible = (0, _vue.ref)(false);
-        var getTableAttrs = function getTableAttrs() {
-            var _a = attrs, _class = _a.class, rest = __rest(_a, [
-                "class"
-            ]);
-            return rest;
-        };
-        var getMaxHeight = function getMaxHeight() {
-            return props.pagination ? 'calc(100% - 48px)' : '100%';
-        };
-        var getDefaultColumns = function getDefaultColumns() {
-            // 只要有一项配置了 defaultShow 则需要列配置按钮
-            var isSetting = props.columns.some(function(column) {
-                return column.defaultShow;
-            });
-            if (isSetting) {
-                return props.columns.filter(function(column) {
-                    return column.defaultShow;
-                }).map(function(item) {
-                    return item.colKey;
-                });
-            }
-            return props.columns.map(function(column) {
-                return column.colKey;
-            });
-        };
-        var displayColumns = (0, _vue.ref)(getDefaultColumns());
-        var getRowClassName = function getRowClassName(_ref2) {
-            var row = _ref2.row, rowIndex = _ref2.rowIndex;
-            if (!row || rowIndex === undefined) {
-                return;
-            }
-            var customRowClass = typeof props.rowClassName === 'function' ? props.rowClassName(row, rowIndex) : props.rowClassName;
-            var classList = [];
-            if (typeof customRowClass === 'string') {
-                classList.push.apply(classList, (0, _toConsumableArray2.default)(customRowClass.split(/\s+/).filter(Boolean)));
-            } else if (Array.isArray(customRowClass)) {
-                classList.push.apply(classList, (0, _toConsumableArray2.default)(customRowClass.filter(function(c) {
-                    return typeof c === 'string' && c;
-                })));
-            } else if (customRowClass && (0, _typeof2.default)(customRowClass) === 'object') {
-                classList.push.apply(classList, (0, _toConsumableArray2.default)(Object.keys(customRowClass).filter(function(key) {
-                    return customRowClass[key];
-                })));
-            }
-            var heightClass = classList.findLast(function(item) {
-                return item.includes('g-h-');
-            });
-            if (heightClass && !rowHeight.value) {
-                rowHeight.value = heightClass;
-            }
-            var classNames = classList.filter(function(item) {
-                return !item.includes('g-h-');
-            });
-            return (0, _toConsumableArray2.default)(new Set([].concat((0, _toConsumableArray2.default)(classNames), [
-                rowHeight.value
-            ]))).join(' ');
-        };
-        var getSettingColumns = function getSettingColumns() {
-            var columns = (0, _toConsumableArray2.default)(props.columns).map(function(column) {
-                if ((0, _util.isObject)(column.filter)) {
-                    return Object.assign(Object.assign({}, column), {
-                        filter: Object.assign(Object.assign({}, column.filter), {
-                            popupProps: Object.assign(Object.assign({}, column.filter.popupProps), {
-                                overlayInnerClassName: 'g-t-table-filter'
-                            })
-                        })
-                    });
-                }
-                return column;
-            });
-            if ((0, _util.isEmpty)(columns.find(function(column) {
-                return column.defaultShow;
-            }))) {
-                return columns;
-            }
-            var lastColKey = displayColumns.value[displayColumns.value.length - 1];
-            var lastIndex = columns.findIndex(function(col) {
-                return col.colKey === lastColKey;
-            });
-            if (lastIndex === -1) return columns;
-            var lastColumn = columns[lastIndex];
-            var newColumn = Object.assign(Object.assign({
-                minWidth: '120'
-            }, lastColumn), {
-                title: function title() {
-                    var originalContent;
-                    if (typeof lastColumn.title === 'function') {
-                        originalContent = lastColumn.title.apply(lastColumn, arguments);
-                    } else {
-                        originalContent = lastColumn.title || '--';
-                    }
-                    return (0, _vue.createVNode)(_vue.Fragment, null, [
-                        (0, _vue.createVNode)("span", null, [
-                            originalContent
-                        ]),
-                        (0, _vue.createVNode)("i", {
-                            "class": 'ai-ui-sdk-icon ai-ui-sdk-setting-2 g-text-14 g-text-light-gray hover:!g-text-blue g-ml-4 !g-cursor-pointer',
-                            "onClick": function onClick() {
-                                return showSetting();
-                            }
-                        }, null)
-                    ]);
-                }
-            });
-            columns[lastIndex] = newColumn;
-            return columns;
-        };
-        var handleColumnChange = function handleColumnChange(columns) {
-            var colKeyColumns = props.columns.filter(function(column) {
-                return column.colKey;
-            });
-            if (!columns.length) {
-                return displayColumns.value = colKeyColumns.map(function(column) {
-                    return column.colKey;
-                });
-            }
-            // 根据 columns 重新定义 展示列顺序
-            displayColumns.value = colKeyColumns.filter(function(column) {
-                return columns.includes(column.colKey);
-            }).map(function(item) {
-                return item.colKey;
-            });
-        };
-        var showSetting = function showSetting() {
-            columnControllerVisible.value = true;
-        };
-        var getColumnControllerConfig = function getColumnControllerConfig() {
-            return {
-                // 隐藏组件内部的 列配置按钮
-                hideTriggerButton: true,
-                // 允许哪些列参与显示-隐藏控制
-                fields: props.columns.map(function(item) {
-                    return item.colKey;
-                }),
-                // 透传弹框组件全部属性
-                dialogProps: {
-                    preventScrollThrough: true,
-                    dialogClassName: 't-table-dialog',
-                    showOverlay: true,
-                    header: function header() {
-                        return (0, _vue.createVNode)("span", {
-                            "class": "t-table-dialog-header"
-                        }, [
-                            (0, _vue.createTextVNode)("\u8868\u683C\u8BBE\u7F6E")
-                        ]);
-                    }
-                }
-            };
-        };
-        var handleSelectChange = function handleSelectChange(keys, _ref3) {
-            var selectedRowData = _ref3.selectedRowData;
-            emits('select-change', keys, selectedRowData);
-        };
-        var handlePageChange = function handlePageChange(page) {
-            emits('page-change', page);
-        };
-        var handlePageSizeChange = function handlePageSizeChange(pageSize) {
-            emits('page-size-change', pageSize);
-        };
-        var handleSortChange = function handleSortChange(config, _ref4) {
-            var col = _ref4.col;
-            emits('sort-change', config, {
-                col: col
-            });
-        };
-        var handleRowClick = function handleRowClick(_ref5) {
-            var row = _ref5.row;
-            emits('row-click', row);
-        };
-        var handleRowMouseenter = function handleRowMouseenter(_ref6) {
-            var row = _ref6.row;
-            emits('row-mouseenter', row);
-        };
-        var handleRowMouseleave = function handleRowMouseleave() {
-            emits('row-mouseleave');
-        };
-        var handleUpdateSearch = function handleUpdateSearch(search) {
-            emits('update:search', search);
-        };
-        var handleFilterChange = function handleFilterChange(filters) {
-            var searchVal = Object.assign(Object.assign({}, props.search), filters);
-            Object.keys(searchVal).forEach(function(item) {
-                var key = item;
-                if ((0, _util.isEmpty)(searchVal[key])) {
-                    delete searchVal[key];
-                }
-            });
-            emits('update:search', searchVal);
-        };
-        (0, _vue.watch)(function() {
-            return props.columns.map(function(col) {
-                return col.colKey;
-            });
-        }, function(newColKeys, oldColKeys) {
-            if (newColKeys.some(function(colKey, index) {
-                return colKey !== oldColKeys[index];
-            })) {
-                displayColumns.value = getDefaultColumns();
-            }
-        });
-        return function(_ctx, _cache) {
-            var _component_bk_radio_button = (0, _vue.resolveComponent)("bk-radio-button");
-            var _component_bk_radio_group = (0, _vue.resolveComponent)("bk-radio-group");
-            var _component_bk_loading = (0, _vue.resolveComponent)("bk-loading");
-            var _component_t_enhanced_table = (0, _vue.resolveComponent)("t-enhanced-table");
-            var _component_bk_pagination = (0, _vue.resolveComponent)("bk-pagination");
-            return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("section", {
-                class: (0, _vue.normalizeClass)(_ctx.$attrs.class),
-                style: (0, _vue.normalizeStyle)({
-                    height: __props.height
-                })
-            }, [
-                (0, _vue.createVNode)(_component_t_enhanced_table, (0, _vue.mergeProps)(getTableAttrs(), {
-                    "column-controller-visible": columnControllerVisible.value,
-                    "onUpdate:columnControllerVisible": _cache[1] || (_cache[1] = function($event) {
-                        return columnControllerVisible.value = $event;
-                    }),
-                    "filter-value": {},
-                    "max-height": getMaxHeight(),
-                    loading: __props.isLoading,
-                    "row-key": __props.rowKey,
-                    "display-columns": displayColumns.value,
-                    data: __props.tableData,
-                    "column-controller": getColumnControllerConfig(),
-                    columns: getSettingColumns(),
-                    "row-class-name": getRowClassName,
-                    "expand-icon": false,
-                    resizable: true,
-                    class: "t-t-table",
-                    "cell-empty-content": "--",
-                    onSortChange: handleSortChange,
-                    onFilterChange: handleFilterChange,
-                    onDisplayColumnsChange: handleColumnChange,
-                    onSelectChange: handleSelectChange,
-                    onRowClick: handleRowClick,
-                    onRowMouseenter: handleRowMouseenter,
-                    onRowMouseleave: handleRowMouseleave
-                }), {
-                    columnControllerBottomContent: (0, _vue.withCtx)(function() {
-                        return [
-                            (0, _vue.createElementVNode)("section", _hoisted_1, [
-                                _cache[5] || (_cache[5] = (0, _vue.createTextVNode)(" 表格行高： ", -1 /* CACHED */ )),
-                                (0, _vue.createVNode)(_component_bk_radio_group, {
-                                    modelValue: rowHeight.value,
-                                    "onUpdate:modelValue": _cache[0] || (_cache[0] = function($event) {
-                                        return rowHeight.value = $event;
-                                    })
-                                }, {
-                                    default: (0, _vue.withCtx)(function() {
-                                        return [
-                                            (0, _vue.createVNode)(_component_bk_radio_button, {
-                                                label: "g-h-42"
-                                            }, {
-                                                default: (0, _vue.withCtx)(function() {
-                                                    return (0, _toConsumableArray2.default)(_cache[2] || (_cache[2] = [
-                                                        (0, _vue.createTextVNode)(" 小 ", -1 /* CACHED */ )
-                                                    ]));
-                                                }),
-                                                _: 1 /* STABLE */ 
-                                            }),
-                                            (0, _vue.createVNode)(_component_bk_radio_button, {
-                                                label: "g-h-60"
-                                            }, {
-                                                default: (0, _vue.withCtx)(function() {
-                                                    return (0, _toConsumableArray2.default)(_cache[3] || (_cache[3] = [
-                                                        (0, _vue.createTextVNode)(" 中 ", -1 /* CACHED */ )
-                                                    ]));
-                                                }),
-                                                _: 1 /* STABLE */ 
-                                            }),
-                                            (0, _vue.createVNode)(_component_bk_radio_button, {
-                                                label: "g-h-78"
-                                            }, {
-                                                default: (0, _vue.withCtx)(function() {
-                                                    return (0, _toConsumableArray2.default)(_cache[4] || (_cache[4] = [
-                                                        (0, _vue.createTextVNode)(" 大 ", -1 /* CACHED */ )
-                                                    ]));
-                                                }),
-                                                _: 1 /* STABLE */ 
-                                            })
-                                        ];
-                                    }),
-                                    _: 1 /* STABLE */ 
-                                }, 8 /* PROPS */ , [
-                                    "modelValue"
-                                ])
-                            ])
-                        ];
-                    }),
-                    empty: (0, _vue.withCtx)(function() {
-                        return [
-                            (0, _vue.createVNode)(_index.default, {
-                                search: __props.search,
-                                scene: "part",
-                                "onUpdate:search": handleUpdateSearch
-                            }, null, 8 /* PROPS */ , [
-                                "search"
-                            ])
-                        ];
-                    }),
-                    expandedRow: (0, _vue.withCtx)(function(_ref7) {
-                        var row = _ref7.row;
-                        return [
-                            (0, _vue.renderSlot)(_ctx.$slots, "expandedRow", {
-                                row: row
-                            }, undefined, true)
-                        ];
-                    }),
-                    sortIcon: (0, _vue.withCtx)(function() {
-                        return (0, _toConsumableArray2.default)(_cache[6] || (_cache[6] = [
-                            (0, _vue.createElementVNode)("i", {
-                                class: "ai-ui-sdk-icon ai-ui-sdk-angle-up-fill-3 g-text-light-gray"
-                            }, null, -1 /* CACHED */ )
-                        ]));
-                    }),
-                    loading: (0, _vue.withCtx)(function() {
-                        return [
-                            (0, _vue.createVNode)(_component_bk_loading, {
-                                loading: true
-                            })
-                        ];
-                    }),
-                    filterIcon: (0, _vue.withCtx)(function() {
-                        return [
-                            (0, _vue.createVNode)((0, _vue.unref)(_icon.Funnel), {
-                                class: "g-text-light-gray g-text-14"
-                            })
-                        ];
-                    }),
-                    _: 3 /* FORWARDED */ 
-                }, 16 /* FULL_PROPS */ , [
-                    "column-controller-visible",
-                    "max-height",
-                    "loading",
-                    "row-key",
-                    "display-columns",
-                    "data",
-                    "column-controller",
-                    "columns"
-                ]),
-                __props.pagination ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_bk_pagination, {
-                    key: 0,
-                    class: (0, _vue.normalizeClass)({
-                        't-t-pagination': true,
-                        'pagination-loading': __props.isLoading,
-                        'pagination-border': __props.paginationBorder
-                    }),
-                    "model-value": __props.pagination.current,
-                    count: __props.pagination.count,
-                    limit: __props.pagination.limit,
-                    layout: __props.layout,
-                    size: "small",
-                    onChange: handlePageChange,
-                    onLimitChange: handlePageSizeChange
-                }, null, 8 /* PROPS */ , [
-                    "class",
-                    "model-value",
-                    "count",
-                    "limit",
-                    "layout"
-                ])) : (0, _vue.createCommentVNode)("v-if", true)
-            ], 6 /* CLASS, STYLE */ );
-        };
-    }
-}));