@blueking/ai-ui-sdk 0.2.2-beta.1 → 0.3.0-beta.1

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

@@ -1,37 +1,13 @@
-"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.array.concat.js');
-require('../../node_modules/core-js/modules/es.array.filter.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 _hoisted_1 = {
+import { defineComponent as _defineComponent, Fragment as _Fragment, createVNode as _createVNode2, createTextVNode as _createTextVNode2 } from 'vue';
+import { createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, createElementVNode as _createElementVNode, renderSlot as _renderSlot, unref as _unref, mergeProps as _mergeProps, normalizeClass as _normalizeClass, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
     class: "t-table-row-height"
 };
-var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
+import { Funnel } from 'bkui-vue/lib/icon';
+import { ref, watch } from 'vue';
+import RenderSearchEmpty from '../render-search-empty/index.vue.js';
+import { isEmpty, isObject } from '../../util.ts.js';
+export default /*@__PURE__*/ _defineComponent({
     props: {
         columns: {},
         isLoading: {
@@ -40,13 +16,11 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
         tableData: {},
         pagination: {},
         layout: {
-            default: function _default(props) {
-                return props.pagination ? [
+            default: (props)=>props.pagination ? [
                     'total',
                     'limit',
                     'list'
-                ] : [];
-            }
+                ] : []
         },
         containerHeight: {},
         search: {},
@@ -67,66 +41,53 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
         "row-mouseenter",
         "update:search"
     ],
-    setup: function setup(__props, _ref) {
-        var __emit = _ref.emit;
-        var props = __props;
-        var emits = __emit;
-        var rowHeight = (0, _vue.ref)();
-        var columnControllerVisible = (0, _vue.ref)(false);
-        var getMaxHeight = function getMaxHeight() {
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const rowHeight = ref();
+        const columnControllerVisible = ref(false);
+        const getMaxHeight = ()=>{
             return props.pagination ? 'calc(100% - 48px)' : '100%';
         };
-        var getDefaultColumns = function getDefaultColumns() {
+        const getDefaultColumns = ()=>{
             // 只要有一项配置了 defaultShow 则需要列配置按钮
-            var isSetting = props.columns.some(function(column) {
-                return column.defaultShow;
-            });
+            const isSetting = props.columns.some((column)=>column.defaultShow);
             if (isSetting) {
-                return props.columns.filter(function(column) {
-                    return column.defaultShow;
-                }).map(function(item) {
-                    return item.colKey;
-                });
+                return props.columns.filter((column)=>column.defaultShow).map((item)=>item.colKey);
             }
-            return props.columns.map(function(column) {
-                return column.colKey;
-            });
+            return props.columns.map((column)=>column.colKey);
         };
-        var displayColumns = (0, _vue.ref)(getDefaultColumns());
-        var getRowClassName = function getRowClassName(_ref2) {
-            var row = _ref2.row, rowIndex = _ref2.rowIndex;
+        const displayColumns = ref(getDefaultColumns());
+        const getRowClassName = ({ row, rowIndex })=>{
             if (!row || rowIndex === undefined) {
                 return;
             }
-            var customRowClass = typeof props.rowClassName === 'function' ? props.rowClassName(row, rowIndex) : props.rowClassName;
-            var classList = [];
+            const customRowClass = typeof props.rowClassName === 'function' ? props.rowClassName(row, rowIndex) : props.rowClassName;
+            const classList = [];
             if (typeof customRowClass === 'string') {
-                classList.push.apply(classList, (0, _toConsumableArray2.default)(customRowClass.split(/\s+/).filter(Boolean)));
+                classList.push(...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];
-                })));
+                classList.push(...customRowClass.filter((c)=>typeof c === 'string' && c));
+            } else if (customRowClass && typeof customRowClass === 'object') {
+                classList.push(...Object.keys(customRowClass).filter((key)=>customRowClass[key]));
             }
-            var heightClass = classList.findLast(function(item) {
-                return item.includes('g-height');
-            });
+            const heightClass = classList.findLast((item)=>item.includes('g-height'));
             if (heightClass && !rowHeight.value) {
                 rowHeight.value = heightClass;
             }
-            var classNames = classList.filter(function(item) {
-                return !item.includes('g-height');
-            });
-            return (0, _toConsumableArray2.default)(new Set([].concat((0, _toConsumableArray2.default)(classNames), [
-                rowHeight.value
-            ]))).join(' ');
+            const classNames = classList.filter((item)=>!item.includes('g-height'));
+            return [
+                ...new Set([
+                    ...classNames,
+                    rowHeight.value
+                ])
+            ].join(' ');
         };
-        var getSettingColumns = function getSettingColumns() {
-            var columns = (0, _toConsumableArray2.default)(props.columns).map(function(column) {
-                if ((0, _util.isObject)(column.filter)) {
+        const getSettingColumns = ()=>{
+            const columns = [
+                ...props.columns
+            ].map((column)=>{
+                if (isObject(column.filter)) {
                     return Object.assign(Object.assign({}, column), {
                         filter: Object.assign(Object.assign({}, column.filter), {
                             popupProps: Object.assign(Object.assign({}, column.filter.popupProps), {
@@ -140,31 +101,27 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
             if (getDefaultColumns().length === props.columns.length) {
                 return columns;
             }
-            var lastColKey = displayColumns.value[displayColumns.value.length - 1];
-            var lastIndex = columns.findIndex(function(col) {
-                return col.colKey === lastColKey;
-            });
+            const lastColKey = displayColumns.value[displayColumns.value.length - 1];
+            const lastIndex = columns.findIndex((col)=>col.colKey === lastColKey);
             if (lastIndex === -1) return columns;
-            var lastColumn = columns[lastIndex];
-            var newColumn = Object.assign(Object.assign({
+            const lastColumn = columns[lastIndex];
+            const newColumn = Object.assign(Object.assign({
                 minWidth: '120'
             }, lastColumn), {
-                title: function title() {
-                    var originalContent;
+                title: (...args)=>{
+                    let originalContent;
                     if (typeof lastColumn.title === 'function') {
-                        originalContent = lastColumn.title.apply(lastColumn, arguments);
+                        originalContent = lastColumn.title(...args);
                     } else {
                         originalContent = lastColumn.title || '--';
                     }
-                    return (0, _vue.createVNode)(_vue.Fragment, null, [
-                        (0, _vue.createVNode)("span", null, [
+                    return _createVNode2(_Fragment, null, [
+                        _createVNode2("span", null, [
                             originalContent
                         ]),
-                        (0, _vue.createVNode)("i", {
+                        _createVNode2("i", {
                             "class": 'bkaidev-icon bkaidev-shezhi g-text-14 g-text-light-gray g-hover-text-blue g-ml-4 g-cursor-pointer',
-                            "onClick": function onClick() {
-                                return showSetting();
-                            }
+                            "onClick": ()=>showSetting()
                         }, null)
                     ]);
                 }
@@ -172,116 +129,90 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
             columns[lastIndex] = newColumn;
             return columns;
         };
-        var handleColumnChange = function handleColumnChange(columns) {
-            var colKeyColumns = props.columns.filter(function(column) {
-                return column.colKey;
-            });
+        const handleColumnChange = (columns)=>{
+            const colKeyColumns = props.columns.filter((column)=>column.colKey);
             if (!columns.length) {
-                return displayColumns.value = colKeyColumns.map(function(column) {
-                    return column.colKey;
-                });
+                return displayColumns.value = colKeyColumns.map((column)=>column.colKey);
             }
             // 根据 columns 重新定义 展示列顺序
-            displayColumns.value = colKeyColumns.filter(function(column) {
-                return columns.includes(column.colKey);
-            }).map(function(item) {
-                return item.colKey;
-            });
+            displayColumns.value = colKeyColumns.filter((column)=>columns.includes(column.colKey)).map((item)=>item.colKey);
         };
-        var showSetting = function showSetting() {
+        const showSetting = ()=>{
             columnControllerVisible.value = true;
         };
-        var getColumnControllerConfig = function getColumnControllerConfig() {
-            return {
+        const getColumnControllerConfig = ()=>({
                 // 隐藏组件内部的 列配置按钮
                 hideTriggerButton: true,
                 // 允许哪些列参与显示-隐藏控制
-                fields: props.columns.map(function(item) {
-                    return item.colKey;
-                }),
+                fields: props.columns.map((item)=>item.colKey),
                 // 透传弹框组件全部属性
                 dialogProps: {
                     preventScrollThrough: true,
                     dialogClassName: 't-table-dialog',
                     showOverlay: true,
-                    header: function header() {
-                        return (0, _vue.createVNode)("span", {
+                    header: ()=>_createVNode2("span", {
                             "class": "t-table-dialog-header"
                         }, [
-                            (0, _vue.createTextVNode)("\u8868\u683C\u8BBE\u7F6E")
-                        ]);
-                    }
+                            _createTextVNode2("\u8868\u683C\u8BBE\u7F6E")
+                        ])
                 }
-            };
-        };
-        var handleSelectChange = function handleSelectChange(keys, _ref3) {
-            var selectedRowData = _ref3.selectedRowData;
+            });
+        const handleSelectChange = (keys, { selectedRowData })=>{
             emits('select-change', keys, selectedRowData);
         };
-        var handlePageChange = function handlePageChange(page) {
+        const handlePageChange = (page)=>{
             emits('page-change', page);
         };
-        var handlePageSizeChange = function handlePageSizeChange(pageSize) {
+        const handlePageSizeChange = (pageSize)=>{
             emits('page-size-change', pageSize);
         };
-        var handleSortChange = function handleSortChange(config, _ref4) {
-            var col = _ref4.col;
+        const handleSortChange = (config, { col })=>{
             emits('sort-change', config, {
-                col: col
+                col
             });
         };
-        var handleRowClick = function handleRowClick(_ref5) {
-            var row = _ref5.row;
+        const handleRowClick = ({ row })=>{
             emits('row-click', row);
         };
-        var handleRowMouseenter = function handleRowMouseenter(_ref6) {
-            var row = _ref6.row;
+        const handleRowMouseenter = ({ row })=>{
             emits('row-mouseenter', row);
         };
-        var handleRowMouseleave = function handleRowMouseleave() {
+        const handleRowMouseleave = ()=>{
             emits('row-mouseleave');
         };
-        var handleUpdateSearch = function handleUpdateSearch(search) {
+        const 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])) {
+        const handleFilterChange = (filters)=>{
+            const searchVal = Object.assign(Object.assign({}, props.search), filters);
+            Object.keys(searchVal).forEach((item)=>{
+                const key = item;
+                if (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];
-            })) {
+        watch(()=>props.columns.map((col)=>col.colKey), (newColKeys, oldColKeys)=>{
+            if (newColKeys.some((colKey, index)=>colKey !== oldColKeys[index])) {
                 displayColumns.value = getDefaultColumns();
             }
         });
-        return function(_ctx, _cache) {
+        return (_ctx, _cache)=>{
             var _a;
-            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", {
-                style: (0, _vue.normalizeStyle)({
+            const _component_bk_radio_button = _resolveComponent("bk-radio-button");
+            const _component_bk_radio_group = _resolveComponent("bk-radio-group");
+            const _component_bk_loading = _resolveComponent("bk-loading");
+            const _component_t_enhanced_table = _resolveComponent("t-enhanced-table");
+            const _component_bk_pagination = _resolveComponent("bk-pagination");
+            return _openBlock(), _createElementBlock("section", {
+                style: _normalizeStyle({
                     height: __props.height
                 })
             }, [
-                (0, _vue.createVNode)(_component_t_enhanced_table, (0, _vue.mergeProps)(_ctx.$attrs, {
+                _createVNode(_component_t_enhanced_table, _mergeProps(_ctx.$attrs, {
                     "column-controller-visible": columnControllerVisible.value,
-                    "onUpdate:columnControllerVisible": _cache[1] || (_cache[1] = function($event) {
-                        return columnControllerVisible.value = $event;
-                    }),
+                    "onUpdate:columnControllerVisible": _cache[1] || (_cache[1] = ($event)=>columnControllerVisible.value = $event),
                     "cell-empty-content": "--",
                     "filter-value": {},
                     "max-height": getMaxHeight(),
@@ -289,7 +220,7 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                     "row-key": __props.rowKey,
                     "header-affixed-top": !!((_a = __props.tableData) === null || _a === void 0 ? void 0 : _a.length),
                     "display-columns": displayColumns.value,
-                    class: "t-t-table ".concat(_ctx.$attrs.class),
+                    class: `t-t-table ${_ctx.$attrs.class}`,
                     data: __props.tableData,
                     "column-controller": getColumnControllerConfig(),
                     columns: getSettingColumns(),
@@ -303,97 +234,82 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                     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, {
+                    columnControllerBottomContent: _withCtx(()=>[
+                            _createElementVNode("section", _hoisted_1, [
+                                _cache[5] || (_cache[5] = _createTextVNode(" 表格行高： ", -1 /* CACHED */ )),
+                                _createVNode(_component_bk_radio_group, {
                                     modelValue: rowHeight.value,
-                                    "onUpdate:modelValue": _cache[0] || (_cache[0] = function($event) {
-                                        return rowHeight.value = $event;
-                                    })
+                                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>rowHeight.value = $event)
                                 }, {
-                                    default: (0, _vue.withCtx)(function() {
-                                        return [
-                                            (0, _vue.createVNode)(_component_bk_radio_button, {
+                                    default: _withCtx(()=>[
+                                            _createVNode(_component_bk_radio_button, {
                                                 label: "g-height-42"
                                             }, {
-                                                default: (0, _vue.withCtx)(function() {
-                                                    return (0, _toConsumableArray2.default)(_cache[2] || (_cache[2] = [
-                                                        (0, _vue.createTextVNode)(" 小 ", -1 /* CACHED */ )
-                                                    ]));
-                                                }),
+                                                default: _withCtx(()=>[
+                                                        ..._cache[2] || (_cache[2] = [
+                                                            _createTextVNode(" 小 ", -1 /* CACHED */ )
+                                                        ])
+                                                    ]),
                                                 _: 1 /* STABLE */ 
                                             }),
-                                            (0, _vue.createVNode)(_component_bk_radio_button, {
+                                            _createVNode(_component_bk_radio_button, {
                                                 label: "g-height-60"
                                             }, {
-                                                default: (0, _vue.withCtx)(function() {
-                                                    return (0, _toConsumableArray2.default)(_cache[3] || (_cache[3] = [
-                                                        (0, _vue.createTextVNode)(" 中 ", -1 /* CACHED */ )
-                                                    ]));
-                                                }),
+                                                default: _withCtx(()=>[
+                                                        ..._cache[3] || (_cache[3] = [
+                                                            _createTextVNode(" 中 ", -1 /* CACHED */ )
+                                                        ])
+                                                    ]),
                                                 _: 1 /* STABLE */ 
                                             }),
-                                            (0, _vue.createVNode)(_component_bk_radio_button, {
+                                            _createVNode(_component_bk_radio_button, {
                                                 label: "g-height-78"
                                             }, {
-                                                default: (0, _vue.withCtx)(function() {
-                                                    return (0, _toConsumableArray2.default)(_cache[4] || (_cache[4] = [
-                                                        (0, _vue.createTextVNode)(" 大 ", -1 /* CACHED */ )
-                                                    ]));
-                                                }),
+                                                default: _withCtx(()=>[
+                                                        ..._cache[4] || (_cache[4] = [
+                                                            _createTextVNode(" 大 ", -1 /* CACHED */ )
+                                                        ])
+                                                    ]),
                                                 _: 1 /* STABLE */ 
                                             })
-                                        ];
-                                    }),
+                                        ]),
                                     _: 1 /* STABLE */ 
                                 }, 8 /* PROPS */ , [
                                     "modelValue"
                                 ])
                             ])
-                        ];
-                    }),
-                    empty: (0, _vue.withCtx)(function() {
-                        return [
-                            (0, _vue.createVNode)(_index.default, {
+                        ]),
+                    empty: _withCtx(()=>[
+                            _createVNode(RenderSearchEmpty, {
                                 scene: "part",
                                 search: __props.search,
                                 "onUpdate:search": handleUpdateSearch
                             }, null, 8 /* PROPS */ , [
                                 "search"
                             ])
-                        ];
-                    }),
-                    expandedRow: (0, _vue.withCtx)(function(_ref7) {
-                        var row = _ref7.row;
-                        return [
-                            (0, _vue.renderSlot)(_ctx.$slots, "expandedRow", {
+                        ]),
+                    expandedRow: _withCtx(({ row })=>[
+                            _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: "bkaidev-icon bkaidev-angle-up-fill-3 g-text-light-gray"
-                            }, null, -1 /* CACHED */ )
-                        ]));
-                    }),
-                    loading: (0, _vue.withCtx)(function() {
-                        return [
-                            (0, _vue.createVNode)(_component_bk_loading, {
+                        ]),
+                    sortIcon: _withCtx(()=>[
+                            ..._cache[6] || (_cache[6] = [
+                                _createElementVNode("i", {
+                                    class: "bkaidev-icon bkaidev-angle-up-fill-3 g-text-light-gray"
+                                }, null, -1 /* CACHED */ )
+                            ])
+                        ]),
+                    loading: _withCtx(()=>[
+                            _createVNode(_component_bk_loading, {
                                 loading: true
                             })
-                        ];
-                    }),
-                    filterIcon: (0, _vue.withCtx)(function() {
-                        return [
-                            (0, _vue.createVNode)((0, _vue.unref)(_icon.Funnel), {
+                        ]),
+                    filterIcon: _withCtx(()=>[
+                            _createVNode(_unref(Funnel), {
                                 class: "g-text-light-gray g-text-14"
                             })
-                        ];
-                    }),
+                        ]),
                     _: 3 /* FORWARDED */ 
                 }, 16 /* FULL_PROPS */ , [
                     "column-controller-visible",
@@ -407,10 +323,10 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                     "column-controller",
                     "columns"
                 ]),
-                __props.pagination ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_bk_pagination, {
+                __props.pagination ? (_openBlock(), _createBlock(_component_bk_pagination, {
                     key: 0,
                     size: "small",
-                    class: (0, _vue.normalizeClass)({
+                    class: _normalizeClass({
                         't-t-pagination': true,
                         'pagination-loading': __props.isLoading,
                         'pagination-border': __props.paginationBorder
@@ -427,7 +343,7 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                     "count",
                     "limit",
                     "layout"
-                ])) : (0, _vue.createCommentVNode)("v-if", true)
+                ])) : _createCommentVNode("v-if", true)
             ], 4 /* STYLE */ );
         };
     }