@blueking/ai-ui-sdk 0.1.19-beta.13 → 0.1.19-beta.15

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

@@ -0,0 +1,311 @@
+import { defineComponent as _defineComponent, createVNode as _createVNode2, resolveComponent as _resolveComponent2, createTextVNode as _createTextVNode2 } from 'vue';
+import { createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, createElementVNode as _createElementVNode, renderSlot as _renderSlot, mergeProps as _mergeProps, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle } from "vue";
+const _hoisted_1 = {
+    class: "t-table-row-height"
+};
+import { ref, watch } from 'vue';
+import RenderSearchEmpty from '../render-search-empty/index.vue.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        columns: {},
+        isLoading: {
+            type: Boolean
+        },
+        tableData: {},
+        pagination: {},
+        layout: {
+            default: (props)=>props.pagination ? [
+                    'total',
+                    'limit',
+                    'list'
+                ] : []
+        },
+        containerHeight: {},
+        search: {},
+        rowClassName: {},
+        rowKey: {}
+    },
+    emits: [
+        "sort-change",
+        "page-change",
+        "page-size-change",
+        "row-mouseleave",
+        "select-change",
+        "row-click",
+        "row-mouseenter",
+        "update:search"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const rowHeight = ref('g-height-32');
+        const columnControllerVisible = ref(false);
+        const getDefaultColumns = ()=>{
+            // 只要有一项配置了 defaultShow 则需要列配置按钮
+            const isSetting = props.columns.some((column)=>column.defaultShow);
+            if (isSetting) {
+                return props.columns.filter((column)=>column.defaultShow).map((item)=>item.colKey);
+            }
+            return props.columns.map((column)=>column.colKey);
+        };
+        const displayColumns = ref(getDefaultColumns());
+        const getRowClassName = ({ row, rowIndex })=>{
+            if (!row || rowIndex === undefined) {
+                return;
+            }
+            const heightClass = rowHeight.value;
+            const customRowClass = typeof props.rowClassName === 'function' ? props.rowClassName(row, rowIndex) : props.rowClassName;
+            const classList = [];
+            if (typeof customRowClass === 'string') {
+                classList.push(...customRowClass.split(/\s+/).filter(Boolean));
+            } else if (Array.isArray(customRowClass)) {
+                classList.push(...customRowClass.filter((c)=>typeof c === 'string' && c));
+            } else if (customRowClass && typeof customRowClass === 'object') {
+                classList.push(...Object.keys(customRowClass).filter((key)=>customRowClass[key]));
+            }
+            return [
+                ...new Set([
+                    ...classList,
+                    heightClass
+                ])
+            ].join(' ');
+        };
+        const getSettingColumns = ()=>{
+            if (getDefaultColumns().length === props.columns.length) {
+                return props.columns;
+            }
+            const columns = [
+                ...props.columns
+            ];
+            const lastColKey = displayColumns.value[displayColumns.value.length - 1];
+            const lastIndex = columns.findIndex((col)=>col.colKey === lastColKey);
+            if (lastIndex === -1) return columns;
+            const lastColumn = columns[lastIndex];
+            const newColumn = Object.assign(Object.assign({
+                minWidth: '120'
+            }, lastColumn), {
+                title: (...args)=>{
+                    let originalContent;
+                    if (typeof lastColumn.title === 'function') {
+                        originalContent = lastColumn.title(...args);
+                    } else {
+                        originalContent = lastColumn.title || '--';
+                    }
+                    return _createVNode2("div", {
+                        "class": "g-flex-row g-gap-x-4"
+                    }, [
+                        _createVNode2("span", null, [
+                            originalContent
+                        ]),
+                        _createVNode2(_resolveComponent2("bk-button"), {
+                            "text": true,
+                            "onClick": ()=>showSetting()
+                        }, {
+                            default: ()=>[
+                                    _createVNode2("i", {
+                                        "class": 'bkaidev-icon bkaidev-shezhi g-text-14 g-text-light-gray g-hover-text-blue'
+                                    }, null)
+                                ]
+                        })
+                    ]);
+                }
+            });
+            columns[lastIndex] = newColumn;
+            return columns;
+        };
+        const handleColumnChange = (columns)=>{
+            const colKeyColumns = props.columns.filter((column)=>column.colKey);
+            if (!columns.length) {
+                return displayColumns.value = colKeyColumns.map((column)=>column.colKey);
+            }
+            // 根据 columns 重新定义 展示列顺序
+            displayColumns.value = colKeyColumns.filter((column)=>columns.includes(column.colKey)).map((item)=>item.colKey);
+        };
+        const showSetting = ()=>{
+            columnControllerVisible.value = true;
+        };
+        const getColumnControllerConfig = ()=>({
+                // 隐藏组件内部的 列配置按钮
+                hideTriggerButton: true,
+                // 允许哪些列参与显示-隐藏控制
+                fields: props.columns.map((item)=>item.colKey),
+                // 透传弹框组件全部属性
+                dialogProps: {
+                    preventScrollThrough: true,
+                    dialogClassName: 't-table-dialog',
+                    showOverlay: false,
+                    header: ()=>_createVNode2("span", {
+                            "class": "t-table-dialog-header"
+                        }, [
+                            _createTextVNode2("\u8868\u683C\u8BBE\u7F6E")
+                        ])
+                }
+            });
+        const handleSelectChange = (keys, { selectedRowData })=>{
+            emits('select-change', keys, selectedRowData);
+        };
+        const handlePageChange = (page)=>{
+            emits('page-change', page);
+        };
+        const handlePageSizeChange = (pageSize)=>{
+            emits('page-size-change', pageSize);
+        };
+        const handleSortChange = (config, { col })=>{
+            emits('sort-change', config, {
+                col
+            });
+        };
+        const handleRowClick = ({ row })=>{
+            emits('row-click', row);
+        };
+        const handleRowMouseenter = ({ row })=>{
+            emits('row-mouseenter', row);
+        };
+        const handleRowMouseleave = ()=>{
+            emits('row-mouseleave');
+        };
+        const handleUpdateSearch = (search)=>{
+            emits('update:search', search);
+        };
+        watch(()=>props.columns.map((col)=>col.colKey), (newColKeys, oldColKeys)=>{
+            if (newColKeys.some((colKey, index)=>colKey !== oldColKeys[index])) {
+                displayColumns.value = getDefaultColumns();
+            }
+        });
+        return (_ctx, _cache)=>{
+            const _component_bk_radio_button = _resolveComponent("bk-radio-button");
+            const _component_bk_radio_group = _resolveComponent("bk-radio-group");
+            const _component_t_enhanced_table = _resolveComponent("t-enhanced-table");
+            const _component_bk_pagination = _resolveComponent("bk-pagination");
+            const _component_bk_loading = _resolveComponent("bk-loading");
+            return _openBlock(), _createBlock(_component_bk_loading, {
+                loading: _ctx.isLoading,
+                "z-index": 31,
+                style: _normalizeStyle({
+                    height: _ctx.containerHeight
+                })
+            }, {
+                default: _withCtx(()=>[
+                        _createVNode(_component_t_enhanced_table, _mergeProps(_ctx.$attrs, {
+                            "column-controller-visible": columnControllerVisible.value,
+                            "onUpdate:columnControllerVisible": _cache[1] || (_cache[1] = ($event)=>columnControllerVisible.value = $event),
+                            "cell-empty-content": "--",
+                            "row-key": _ctx.rowKey,
+                            "header-affixed-top": true,
+                            stripe: true,
+                            "display-columns": displayColumns.value,
+                            "column-controller": getColumnControllerConfig(),
+                            class: `g-t-table t-t-table g-light-head-table ${_ctx.$attrs.class}`,
+                            data: _ctx.tableData,
+                            columns: getSettingColumns(),
+                            "row-class-name": getRowClassName,
+                            "expand-icon": false,
+                            onSortChange: handleSortChange,
+                            onDisplayColumnsChange: handleColumnChange,
+                            onSelectChange: handleSelectChange,
+                            onRowClick: handleRowClick,
+                            onRowMouseenter: handleRowMouseenter,
+                            onRowMouseleave: handleRowMouseleave
+                        }), {
+                            columnControllerBottomContent: _withCtx(()=>[
+                                    _createElementVNode("section", _hoisted_1, [
+                                        _cache[5] || (_cache[5] = _createTextVNode(" 表格行高： ")),
+                                        _createVNode(_component_bk_radio_group, {
+                                            modelValue: rowHeight.value,
+                                            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>rowHeight.value = $event)
+                                        }, {
+                                            default: _withCtx(()=>[
+                                                    _createVNode(_component_bk_radio_button, {
+                                                        label: "g-height-42"
+                                                    }, {
+                                                        default: _withCtx(()=>_cache[2] || (_cache[2] = [
+                                                                _createTextVNode(" 小 ")
+                                                            ])),
+                                                        _: 1 /* STABLE */ ,
+                                                        __: [
+                                                            2
+                                                        ]
+                                                    }),
+                                                    _createVNode(_component_bk_radio_button, {
+                                                        label: "g-height-60"
+                                                    }, {
+                                                        default: _withCtx(()=>_cache[3] || (_cache[3] = [
+                                                                _createTextVNode(" 中 ")
+                                                            ])),
+                                                        _: 1 /* STABLE */ ,
+                                                        __: [
+                                                            3
+                                                        ]
+                                                    }),
+                                                    _createVNode(_component_bk_radio_button, {
+                                                        label: "g-height-78"
+                                                    }, {
+                                                        default: _withCtx(()=>_cache[4] || (_cache[4] = [
+                                                                _createTextVNode(" 大 ")
+                                                            ])),
+                                                        _: 1 /* STABLE */ ,
+                                                        __: [
+                                                            4
+                                                        ]
+                                                    })
+                                                ]),
+                                            _: 1 /* STABLE */ 
+                                        }, 8 /* PROPS */ , [
+                                            "modelValue"
+                                        ])
+                                    ])
+                                ]),
+                            empty: _withCtx(()=>[
+                                    _createVNode(RenderSearchEmpty, {
+                                        scene: "part",
+                                        search: _ctx.search,
+                                        "onUpdate:search": handleUpdateSearch
+                                    }, null, 8 /* PROPS */ , [
+                                        "search"
+                                    ])
+                                ]),
+                            expandedRow: _withCtx(({ row })=>[
+                                    _renderSlot(_ctx.$slots, "expandedRow", {
+                                        row: row
+                                    }, undefined, true)
+                                ]),
+                            sortIcon: _withCtx(()=>_cache[6] || (_cache[6] = [
+                                    _createElementVNode("i", {
+                                        class: "bkaidev-icon bkaidev-angle-up-fill-3 g-text-light-gray"
+                                    }, null, -1 /* HOISTED */ )
+                                ])),
+                            _: 3 /* FORWARDED */ 
+                        }, 16 /* FULL_PROPS */ , [
+                            "column-controller-visible",
+                            "row-key",
+                            "display-columns",
+                            "column-controller",
+                            "class",
+                            "data",
+                            "columns"
+                        ]),
+                        _ctx.pagination ? (_openBlock(), _createBlock(_component_bk_pagination, {
+                            key: 0,
+                            size: "small",
+                            class: "t-t-pagination g-p-16",
+                            "model-value": _ctx.pagination.current,
+                            count: _ctx.pagination.count,
+                            limit: _ctx.pagination.limit,
+                            layout: _ctx.layout,
+                            onChange: handlePageChange,
+                            onLimitChange: handlePageSizeChange
+                        }, null, 8 /* PROPS */ , [
+                            "model-value",
+                            "count",
+                            "limit",
+                            "layout"
+                        ])) : _createCommentVNode("v-if", true)
+                    ]),
+                _: 3 /* FORWARDED */ 
+            }, 8 /* PROPS */ , [
+                "loading",
+                "style"
+            ]);
+        };
+    }
+});

package/dist/components/render-t-table/index.vue.css

@@ -0,0 +1,160 @@
+
+.t-t-pagination[data-v-fyj82wsl] {
+  position: sticky;
+  bottom: 0;
+}
+.t-t-pagination[data-v-fyj82wsl] .bk-pagination-list.is-last {
+    margin-left: auto;
+}
+.t-t-table[data-v-fyj82wsl] {
+  display: inline;
+  height: calc(100% - 64px);
+}
+.t-t-table[data-v-fyj82wsl] .t-table__affixed-header-elm-wrap{
+    width: 100% !important;
+    top: -2px;
+}
+.t-t-table[data-v-fyj82wsl] .t-table__affixed-header-elm-wrap>div {
+      width: 100% !important;
+      top: -2px;
+      scrollbar-width: none;
+}
+.t-t-table[data-v-fyj82wsl] .t-table--layout-fixed{
+    width: 100% !important;
+}
+.t-t-table[data-v-fyj82wsl] .bk-exception-description{
+    margin-bottom: 0;
+}
+.t-t-table[data-v-fyj82wsl] .t-table--layout-fixed .t-table__header{
+    position: sticky;
+    top: -4px;
+}
+.t-t-table[data-v-fyj82wsl] .t-table__content{
+    z-index: 2;
+    max-height: 100%;
+    overflow: auto;
+}
+.t-t-table[data-v-fyj82wsl] .t-table__content::-webkit-scrollbar {
+      width: 6px;
+      height: 6px;
+}
+.t-t-table[data-v-fyj82wsl] .t-table__content::-webkit-scrollbar-thumb {
+      width: 6px;
+      height: 6px;
+      border-radius: 3px;
+      background-color: #dcdee5;
+}
+.t-t-table[data-v-fyj82wsl] .t-table__content::-webkit-scrollbar-thumb:hover {
+        background-color: #979ba5;
+}
+.t-t-table[data-v-fyj82wsl] .t-table__ellipsis.t-text-ellipsis:has(.checkbox){
+    line-height: 100%;
+}
+.t-t-table[data-v-fyj82wsl] .t-table__cell--sort-trigger.t-table__double-icons{
+    gap: 5px;
+}
+.t-t-table[data-v-fyj82wsl] .t-table__sort-icon--active>i{
+    color: #3a84ff !important;
+}
+.t-t-table[data-v-fyj82wsl] .t-table__cell--fixed-left:has(.checkbox){
+    line-height: 100%;
+}
+
+
+.t-table-dialog {
+  padding: 0px;
+  border-radius: 0px;
+  box-shadow: 0 0 6px #dcdee5;
+  color: #26323d;
+}
+.t-table-dialog .t-table-dialog-header {
+    margin: 24px;
+    font-weight: 400;
+    display: inline-block;
+    height: 26px;
+    font-size: 20px;
+    line-height: 26px;
+    color: #313238;
+}
+.t-table-dialog .t-dialog__close {
+    width: 30px;
+    height: 30px;
+    position: absolute;
+    top: 2px;
+    right: 9px;
+}
+.t-table-dialog .t-checkbox__label {
+    display: flex;
+    align-items: center;
+    color: #63656e;
+}
+.t-table-dialog .t-table__column-controller-block {
+    justify-content: end;
+    display: flex;
+    border: none;
+    padding: 0;
+}
+.t-table-dialog .t-table__column-controller-desc {
+    font-size: 14px;
+    line-height: 22px;
+    color: #313238;
+    text-align: left;
+    position: absolute;
+    top: 74px;
+    left: 24px;
+    font-weight: 400;
+}
+.t-table-dialog .t-table__column-controller-body {
+    padding: 0 24px;
+}
+.t-table-dialog .t-table-row-height {
+    display: flex;
+    height: 76px;
+    font-size: 14px;
+    border-top: solid 1px #f0f1f5;
+    align-items: center;
+    color: #26323d;
+}
+.t-table-dialog .t-table-row-height .bk-radio-button {
+      width: 68px;
+      height: 26px;
+}
+.t-table-dialog .t-table-row-height .bk-radio-button .bk-radio-button-label {
+        line-height: 26px;
+        height: 100%;
+}
+.t-table-dialog .t-dialog__footer {
+    display: flex;
+    height: 50px;
+    padding: 0 24px;
+    background: #fafbfd;
+    border: 1px solid #dcdee5;
+    border-radius: 0 0 2px 2px;
+    justify-content: flex-end;
+    align-items: center;
+}
+.t-table-dialog .t-dialog__footer .t-button--theme-primary {
+      background-color: #3a84ff;
+      border: none;
+}
+.t-table-dialog .t-dialog__footer .t-button--theme-default {
+      background-color: #fff;
+      color: #63656e;
+      border: 1px solid #c4c6cc;
+}
+.t-table-dialog .t-dialog__body {
+    padding: 0;
+}
+.t-table-dialog .t-table__column-controller-item {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+.t-table-dialog .t-checkbox.t-is-checked .t-checkbox__input {
+      background: #3a84ff;
+      border: 1px solid hsl(223, 7%, 62%);
+}
+.t-table-dialog .t-checkbox.t-is-indeterminate .t-checkbox__input {
+      background: #3a84ff;
+      border: 1px solid #979ba5;
+}

package/dist/components/render-t-table/index.vue.d.ts

@@ -0,0 +1,57 @@
+import type { IPagination, ITTableCol } from '@/types/common';
+declare const __VLS_export: <T, S>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<{
+        columns: Array<ITTableCol<T>>;
+        isLoading?: boolean;
+        tableData: T[];
+        pagination?: IPagination;
+        layout?: string[];
+        containerHeight?: string;
+        search?: S;
+        rowClassName?: string | string[] | Record<string, boolean> | ((row: T, index: number) => string | number | string[] | Record<string, boolean>);
+        rowKey: string;
+    } & {
+        "onUpdate:search"?: (search: S) => any;
+        "onRow-mouseleave"?: () => any;
+        "onSort-change"?: (config: {
+            descending: boolean;
+        }, val: {
+            col: {
+                sortKey: string;
+            };
+        }) => any;
+        "onSelect-change"?: (keys: string | number[], selectedRowData: T[]) => any;
+        "onPage-change"?: (val: number) => any;
+        "onPage-size-change"?: (val: number) => any;
+        "onRow-click"?: (row: T) => any;
+        "onRow-mouseenter"?: (row: T) => any;
+    }> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        expandedRow?: (props: {
+            row: T;
+        }) => any;
+    };
+    emit: {
+        (event: "sort-change", config: {
+            descending: boolean;
+        }, val: {
+            col: {
+                sortKey: string;
+            };
+        }): void;
+        (event: "page-change" | "page-size-change", val: number): void;
+        (event: "row-mouseleave"): void;
+        (event: "select-change", keys: string | number[], selectedRowData: T[]): void;
+        (event: "row-click" | "row-mouseenter", row: T): void;
+        (event: "update:search", search: S): void;
+    };
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -0,0 +1,5 @@
+import script from './index.script.vue.js';
+script.__scopeId = "data-v-fyj82wsl";
+script.__file = "./src/components/render-t-table/index.vue";
+import './index.vue.css';
+export default script;

package/dist/components/render-tag-tree/index.script.vue.js.js

@@ -67,7 +67,7 @@ export default /*@__PURE__*/ _defineComponent({
             loadingTagsTree.value = true;
             getTagTree(props.module, props.subModule, props.tagName, props.groupType).then((data)=>{
                 allDataMap.value.count = data.all;
-                tags.value = [
+                tags.value = data.all <= 0 ? data.tree : [
                     allDataMap.value,
                     ...data.tree
                 ];
@@ -102,6 +102,7 @@ export default /*@__PURE__*/ _defineComponent({
                 _withDirectives((_openBlock(), _createBlock(RenderTree, {
                     "opened-ids": openedIds.value,
                     "onUpdate:openedIds": _cache[0] || (_cache[0] = ($event)=>openedIds.value = $event),
+                    search: props.tagName,
                     "api-prefix": props.apiPrefix,
                     "space-id": props.spaceId,
                     "selected-id": props.tagId,
@@ -109,7 +110,8 @@ export default /*@__PURE__*/ _defineComponent({
                     "is-node-has-children": isNodeHasChildren,
                     class: "tag-tree",
                     "key-name": "tagId",
-                    onSelect: _cache[1] || (_cache[1] = (data)=>handleUpdateTagId(data.tagId))
+                    onSelect: _cache[1] || (_cache[1] = (data)=>handleUpdateTagId(data.tagId)),
+                    "onUpdate:search": handleUpdateTagName
                 }, {
                     default: _withCtx((data)=>[
                             data.tagId === undefined ? (_openBlock(), _createElementBlock("i", _hoisted_2)) : _createCommentVNode("v-if", true),
@@ -125,6 +127,7 @@ export default /*@__PURE__*/ _defineComponent({
                     _: 1 /* STABLE */ 
                 }, 8 /* PROPS */ , [
                     "opened-ids",
+                    "search",
                     "api-prefix",
                     "space-id",
                     "selected-id",

package/dist/components/render-tag-tree/index.vue.css

@@ -1,27 +1,27 @@
 
-.tag-tree[data-v-udyvuyvf] {
+.tag-tree[data-v-a26j7dbe] {
   font-size: 12px;
   height: auto;
 }
-.tag-tree .manage-tree-item[data-v-udyvuyvf] {
+.tag-tree .manage-tree-item[data-v-a26j7dbe] {
     height: 32px;
     flex: 1;
 }
-.tag-tree .quick-icon[data-v-udyvuyvf] {
+.tag-tree .quick-icon[data-v-a26j7dbe] {
     margin-left: -24px;
     padding-left: 8px;
 }
-.tag-tree[data-v-udyvuyvf] .tree-item:has(.quick-icon.ai-ui-sdk-wubiaoqian) {
+.tag-tree[data-v-a26j7dbe] .tree-item:has(.quick-icon.ai-ui-sdk-wubiaoqian) {
       border-bottom: 1px solid #F0F1F5;
 }
-.tag-tree[data-v-udyvuyvf] .tree-item.active .quick-icon {
+.tag-tree[data-v-a26j7dbe] .tree-item.active .quick-icon {
         color: #3A84FF;
 }
-.tag-tree[data-v-udyvuyvf] .tree-item.active .tag-number {
+.tag-tree[data-v-a26j7dbe] .tree-item.active .tag-number {
         background: #A3C5FD;
         color: #fff;
 }
-.tag-number[data-v-udyvuyvf] {
+.tag-number[data-v-a26j7dbe] {
   line-height: 16px;
   padding: 0 4px;
   background-color: #F0F1F5;

package/dist/components/render-tag-tree/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-udyvuyvf";
+script.__scopeId = "data-v-a26j7dbe";
 script.__file = "./src/components/render-tag-tree/index.vue";
 import './index.vue.css';
 export default script;