@blueking/ai-ui-sdk 0.5.1-beta.4 → 0.5.1-beta.5

package/dist/components/render-reference/index.script.vue.js

@@ -31,12 +31,12 @@ const _hoisted_1 = {
     class: "g-flex-row"
 };
 const _hoisted_2 = {
-    class: "g-text-14 g-text-gray"
+    class: "g-text-14 g-text-[var(--aidev-assist-color)]"
 };
 const _hoisted_3 = {
     class: "reference-table"
 };
-import { ref, toRef, watch } from 'vue';
+import { computed, ref, toRef, watch } from 'vue';
 import RenderTTable from '../render-t-table/index.vue.js';
 import { useAgentHttp } from '../../hooks/use-agent-http.ts.js';
 import { useCollectionHttp } from '../../hooks/use-collection-http.ts.js';
@@ -188,7 +188,7 @@ export default /*@__PURE__*/ _defineComponent({
                 name: 'CR'
             }
         ];
-        const getColumns = ()=>tableDataMap.value[radioGroupValue.value].columns.map((column, index)=>({
+        const columns = computed(()=>tableDataMap.value[radioGroupValue.value].columns.map((column, index)=>({
                     title: column.title,
                     colKey: column.colKey,
                     className: '!g-h-32',
@@ -221,7 +221,7 @@ export default /*@__PURE__*/ _defineComponent({
                             row[column.colKey]
                         ]);
                     }
-                }));
+                })));
         // 获取本类型的数据长度
         const getTableLength = (id)=>{
             return tableDataMap.value[id].data.length;
@@ -374,7 +374,7 @@ export default /*@__PURE__*/ _defineComponent({
                             ])) : _createCommentVNode("v-if", true),
                             _createVNode(RenderTTable, {
                                 "row-key": (_b = (_a = tableDataMap.value[radioGroupValue.value].columns) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.colKey,
-                                columns: getColumns(),
+                                columns: columns.value,
                                 loading: loading.value,
                                 data: tableDataMap.value[radioGroupValue.value].data
                             }, null, 8 /* PROPS */ , [

package/dist/components/render-reference/index.vue.css

@@ -1,8 +1,8 @@
 
-.reference-table[data-v-5y8kgoim]{
+.reference-table[data-v-fp08n0fu]{
   padding: 18px 24px;
 }
-.bk-radio-button[data-v-5y8kgoim]{
+.bk-radio-button[data-v-fp08n0fu]{
   flex: 1;
   text-align: center;
 }

package/dist/components/render-reference/index.vue.js

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

package/dist/components/render-relate-agent/index.script.vue.js

@@ -26,7 +26,7 @@ var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, gener
     });
 };
 import { defineComponent as _defineComponent, createVNode as _createVNode2 } from 'vue';
-import { renderSlot as _renderSlot, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, resolveDirective as _resolveDirective, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, withDirectives as _withDirectives, createElementVNode as _createElementVNode, createVNode as _createVNode, unref as _unref } from "vue";
+import { renderSlot as _renderSlot, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, resolveDirective as _resolveDirective, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, withDirectives as _withDirectives, createElementVNode as _createElementVNode, createVNode as _createVNode, unref as _unref, normalizeClass as _normalizeClass } from "vue";
 const _hoisted_1 = {
     class: "g-flex-row g-justify-end g-mt-16"
 };
@@ -463,7 +463,7 @@ export default /*@__PURE__*/ _defineComponent({
             }, {
                 content: _withCtx(()=>[
                         _cache[5] || (_cache[5] = _createElementVNode("span", {
-                            class: "g-text-16 g-text-black g-leading-24"
+                            class: "g-text-16 g-text-[var(--aidev-title-color)] g-leading-24"
                         }, " 关联至智能体 ", -1 /* CACHED */ )),
                         _createVNode(_component_bk_form, {
                             model: formData.value,
@@ -567,8 +567,10 @@ export default /*@__PURE__*/ _defineComponent({
                             }, {
                                 default: _withCtx(()=>[
                                         _createVNode(_component_bk_button, {
+                                            class: _normalizeClass({
+                                                'g-main-button': true
+                                            }),
                                             loading: isLoadingConfirm.value,
-                                            theme: "primary",
                                             onClick: handleConfirm
                                         }, {
                                             default: _withCtx(()=>[

package/dist/components/render-resource-info/index.script.vue.js

@@ -4,7 +4,7 @@ const _hoisted_1 = {
     key: 0,
     class: /*@__PURE__*/ _normalizeClass([
         'ai-ui-sdk-icon ai-ui-sdk-info-line',
-        'g-text-gray !g-cursor-pointer hover:g-text-normal',
+        'g-text-[var(--aidev-assist-color)] !g-cursor-pointer hover:g-text-[var(--aidev-main-color)]',
         'g-text-14'
     ])
 };

package/dist/components/render-resource-version/index.vue.css

@@ -1,11 +1,11 @@
 
-.resource-version[data-v-6h1dws1g] {
-  border-radius: 2px;
+.resource-version[data-v-yame4bgc] {
+  border-radius: var(--aidev-radius);
   text-align: left;
-  color: #4D4F56;
+  color: var(--aidev-main-color);
   background-color: #F0F1F5;
   white-space: nowrap;
 }
-.resource-version .bkaidev-rizhifenxi[data-v-6h1dws1g] {
+.resource-version .bkaidev-rizhifenxi[data-v-yame4bgc] {
     color: #3A84FF;
 }

package/dist/components/render-resource-version/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-6h1dws1g";
+script.__scopeId = "data-v-yame4bgc";
 script.__file = "./src/components/render-resource-version/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-router-tab/index.vue.css

@@ -1,21 +1,21 @@
 
-.router-tab[data-v-mkwchbk1] {
+.router-tab[data-v-8s638kw6] {
   margin-top: 2px;
   height: 42px;
   background: #FFFFFF;
   box-shadow: 0 2px 4px 0 #1919290d;
   padding: 0 24px;
 }
-.router-tab a[data-v-mkwchbk1] {
+.router-tab a[data-v-8s638kw6] {
     padding: 0 8px;
     margin-right: 24px;
     font-size: 14px;
     line-height: 42px;
     height: 42px;
-    color: #4D4F56;
+    color: var(--aidev-main-color);
     box-sizing: border-box;
 }
-.router-tab a.router-link-exact-active[data-v-mkwchbk1] {
-      color: #3A84FF;
-      border-bottom: 2px solid #3A84FF;
+.router-tab a.router-link-exact-active[data-v-8s638kw6] {
+      color: var(--aidev-clickable-color);
+      border-bottom: 2px solid var(--aidev-clickable-color);
 }

package/dist/components/render-router-tab/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-mkwchbk1";
+script.__scopeId = "data-v-8s638kw6";
 script.__file = "./src/components/render-router-tab/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-search-empty/index.script.vue.js.js

@@ -5,7 +5,10 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = {
     key: 0,
-    class: "!g-text-12 g-text-gray g-flex-row g-justify-center g-flex-wrap g-items-center g-ml-8 g-mr-8"
+    class: /*@__PURE__*/ _normalizeClass([
+        '!g-text-12 g-text-[var(--aidev-assist-color)] g-flex-row g-justify-center',
+        'g-flex-wrap g-items-center g-ml-8 g-mr-8'
+    ])
 };
 import { isEmpty } from '../../common/util.ts.js';
 export default /*@__PURE__*/ _defineComponent({
@@ -51,7 +54,11 @@ export default /*@__PURE__*/ _defineComponent({
                 !_unref(isEmpty)(props.search) ? (_openBlock(), _createElementBlock("div", _hoisted_2, [
                     _cache[0] || (_cache[0] = _createTextVNode(" 可以尝试调整筛选条件或 ", -1 /* CACHED */ )),
                     _createElementVNode("button", {
-                        class: "g-text-blue !g-cursor-pointer g-ml-4",
+                        class: _normalizeClass([
+                            'g-text-[var(--aidev-clickable-color)]',
+                            'hover:g-text-[var(--aidev-clickable-hover-color)]',
+                            '!g-cursor-pointer g-ml-4'
+                        ]),
                         onClick: handleClearSearch
                     }, " 清空筛选条件 ")
                 ])) : _createCommentVNode("v-if", true)

package/dist/components/render-select-plus-extension/index.vue.css

@@ -1,5 +1,5 @@
 
-.select-plus-extension[data-v-zwiuuzqq] {
+.select-plus-extension[data-v-y440zq4r] {
   cursor: pointer;
   width: 100%;
   display: flex;
@@ -8,10 +8,10 @@
   font-size: 12px;
   line-height: 20px;
 }
-.select-plus-extension .ai-ui-sdk-icon[data-v-zwiuuzqq]  {
+.select-plus-extension .ai-ui-sdk-icon[data-v-y440zq4r]  {
     font-size: 14px;
     margin-right: 6px;
 }
-.select-plus-extension[data-v-zwiuuzqq]:hover {
-    color: #3A84FF;
+.select-plus-extension[data-v-y440zq4r]:hover {
+    color: var(--aidev-clickable-color);
 }

package/dist/components/render-select-plus-extension/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-zwiuuzqq";
+script.__scopeId = "data-v-y440zq4r";
 script.__file = "./src/components/render-select-plus-extension/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-skill/actions/index.script.vue.js.js

@@ -2,7 +2,7 @@ import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, normalizeClass as _normalizeClass, resolveDirective as _resolveDirective, withCtx as _withCtx, withDirectives as _withDirectives, createVNode as _createVNode, Fragment as _Fragment } from "vue";
 const _hoisted_1 = {
     key: 0,
-    class: "g-mr-4 g-w-16 g-h-16 g-min-w-16 g-fill-3a84ff g-rotate-infinite"
+    class: "g-mr-4 g-w-16 g-h-16 g-min-w-16 g-fill-[var(--aidev-clickable-color)] g-rotate-infinite"
 };
 const _hoisted_2 = {
     key: 1,
@@ -261,7 +261,7 @@ export default /*@__PURE__*/ _defineComponent({
                                     text: props.isTextButton,
                                     class: _normalizeClass([
                                         '!g-p-5',
-                                        props.isTextButton ? 'hover:!g-bg-[#dcdee5] hover:!g-rounded-4' : ''
+                                        props.isTextButton ? 'hover:!g-bg-[#dcdee5] hover:!g-rounded-[var(--aidev-radius)]' : ''
                                     ]),
                                     size: "small",
                                     onClick: _cache[1] || (_cache[1] = _withModifiers(()=>{}, [

package/dist/components/render-skill/icons/index.script.vue.js.js

@@ -2,7 +2,7 @@ import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode } from "vue";
 const _hoisted_1 = {
     key: 0,
-    class: "g-flex-row g-mr-16 !g-text-12 g-text-gray"
+    class: "g-flex-row g-mr-16 !g-text-12 g-text-[var(--aidev-assist-color)]"
 };
 import { ResourceCardType } from '../../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({

package/dist/components/render-skill/install/index.script.vue.js.js

@@ -85,7 +85,7 @@ const _hoisted_1 = {
     class: "g-flex-row"
 };
 const _hoisted_2 = {
-    class: "g-text-14 g-text-gray"
+    class: "g-text-14 g-text-[var(--aidev-assist-color)]"
 };
 import { Message } from 'bkui-vue';
 import { onBeforeUnmount, ref, toRef, useTemplateRef, watch } from 'vue';

package/dist/components/render-skill/install/openclaw-windows-instances.script.vue.js.js

@@ -12,11 +12,11 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = {
     "data-ellipsis-tooltip": "",
-    class: "!g-text-12 g-text-gray g-leading-22 g-mb-4 g-truncate"
+    class: "!g-text-12 g-text-[var(--aidev-assist-color)] g-leading-22 g-mb-4 g-truncate"
 };
 const _hoisted_5 = {
     "data-ellipsis-tooltip": "",
-    class: "!g-text-12 g-text-gray g-leading-22 g-truncate"
+    class: "!g-text-12 g-text-[var(--aidev-assist-color)] g-leading-22 g-truncate"
 };
 import { onBeforeMount, ref, toRef } from 'vue';
 import { isEmpty } from '../../../common/util.ts.js';
@@ -92,14 +92,14 @@ export default /*@__PURE__*/ _defineComponent({
                 default: _withCtx(()=>[
                         (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(openclawWindowsInstances.value, (instance, index)=>{
                             return _openBlock(), _createElementBlock("section", {
-                                key: instance.hostName,
                                 class: _normalizeClass([
-                                    'g-flex-row g-rounded-2',
+                                    'g-flex-row g-rounded-[var(--aidev-radius)]',
                                     'g-pt-12 g-pb-12 !g-pr-16 g-pl-12',
-                                    '!g-bg-dark-gray hover:!g-bg-light-blue',
+                                    '!g-bg-[var(--aidev-inner-background)] hover:!g-bg-[var(--aidev-item-hover-background)]',
                                     index > 0 ? 'g-mt-10' : '',
                                     isLoadingInstanceStatus.value ? 'g-disabled' : 'g-cursor-pointer'
                                 ]),
+                                key: instance.hostName,
                                 onClick: ($event)=>handleSelectOpenclawWindowsInstance(instance)
                             }, [
                                 _createElementVNode("section", _hoisted_2, [

package/dist/components/render-skill/search/index.script.vue.js.js

@@ -51,7 +51,7 @@ export default /*@__PURE__*/ _defineComponent({
         };
         return (_ctx, _cache)=>{
             return _openBlock(), _createBlock(RenderSearchSelect, {
-                class: "!g-bg-white",
+                class: "!g-bg-[var(--aidev-main-background)]",
                 placeholder: "搜索中英文名称、描述、更新人",
                 "model-value": props.search,
                 data: searchOptions.value,

package/dist/components/render-skill/variable-form/index.script.vue.js

@@ -1,13 +1,13 @@
 import { defineComponent as _defineComponent } from 'vue';
 import { createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, unref as _unref, createVNode as _createVNode, withCtx as _withCtx } from "vue";
 const _hoisted_1 = {
-    class: "g-bg-fafbfd !g-pl-16 g-h-42"
+    class: "g-bg-[var(--aidev-background)] !g-pl-16 g-h-42"
 };
 const _hoisted_2 = {
     class: "g-h-42"
 };
 const _hoisted_3 = {
-    class: "g-bg-fafbfd !g-pl-16 g-h-42"
+    class: "g-bg-[var(--aidev-background)] !g-pl-16 g-h-42"
 };
 import { ref } from 'vue';
 import { Ediatable, InputColumn } from '@blueking/ediatable';
@@ -72,7 +72,7 @@ export default /*@__PURE__*/ _defineComponent({
         return (_ctx, _cache)=>{
             return _openBlock(), _createElementBlock(_Fragment, null, [
                 _cache[0] || (_cache[0] = _createElementVNode("h3", {
-                    class: "g-text-12 g-leading-20 g-text-black g-my-12 g-mx-16"
+                    class: "g-text-12 g-leading-20 g-text-[var(--aidev-title-color)] g-my-12 g-mx-16"
                 }, " 以下环境变量将在 skill 沙箱启动时自动注入 ", -1 /* CACHED */ )),
                 _createVNode(_unref(Ediatable), {
                     "thead-list": theadList,

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

@@ -55,7 +55,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { defineComponent as _defineComponent } from 'vue';
 import { createVNode as _createVNode, renderSlot as _renderSlot, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
 import RenderSearchEmpty from '../render-search-empty/index.vue.js';
 import { OrderMethod, TTableColumnType } from '../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
@@ -145,7 +145,8 @@ export default /*@__PURE__*/ _defineComponent({
         defaultActiveRowKeys: {},
         activeRowType: {},
         allowResizeColumnWidth: {
-            type: Boolean
+            type: Boolean,
+            default: true
         },
         attach: {},
         bordered: {
@@ -264,6 +265,51 @@ export default /*@__PURE__*/ _defineComponent({
         const props = __props;
         const emits = __emit;
         const columnControllerVisible = ref(false);
+        // 传给组件稳定引用
+        const computedColumns = computed(()=>{
+            var _props_columns;
+            return ((_props_columns = props.columns) !== null && _props_columns !== void 0 ? _props_columns : []).map((item)=>{
+                const { sortKey, defaultHide, isOperate } = item, rest = _object_without_properties(item, [
+                    "sortKey",
+                    "defaultHide",
+                    "isOperate"
+                ]);
+                return rest;
+            });
+        });
+        const computedColumnController = computed(()=>{
+            const isNotOperate = (item)=>!item.isOperate;
+            const isNotCheck = (item)=>![
+                    TTableColumnType.Single,
+                    TTableColumnType.Multiple
+                ].includes(item.type);
+            var _props_columns;
+            const fields = ((_props_columns = props.columns) !== null && _props_columns !== void 0 ? _props_columns : []).filter((item)=>isNotOperate(item) && isNotCheck(item)).map((item)=>item.colKey);
+            return {
+                hideTriggerButton: true,
+                fields,
+                dialogProps: {
+                    preventScrollThrough: true,
+                    dialogClassName: 't-table-dialog',
+                    showOverlay: true,
+                    header: '表格设置'
+                }
+            };
+        });
+        const computedDefaultDisplayColumns = computed(()=>{
+            var _props_columns;
+            return ((_props_columns = props.columns) !== null && _props_columns !== void 0 ? _props_columns : []).filter((item)=>!item.defaultHide).map((item)=>item.colKey);
+        });
+        const computedSort = computed(()=>{
+            if (!props.orderBy || !props.orderMethod) {
+                return [];
+            }
+            var _getColKeyBySortKey;
+            return {
+                sortBy: (_getColKeyBySortKey = getColKeyBySortKey(props.orderBy)) !== null && _getColKeyBySortKey !== void 0 ? _getColKeyBySortKey : props.orderBy,
+                descending: props.orderMethod === OrderMethod.Desc
+            };
+        });
         const getAttrs = ()=>{
             // 去掉一些自己控制的属性
             const { search, pagination, orderBy, orderMethod, columns, selectedDatas, displayColumns, columnControllerVisible } = props, rest = _object_without_properties(props, [
@@ -278,16 +324,6 @@ export default /*@__PURE__*/ _defineComponent({
             ]);
             return rest;
         };
-        const getColumns = ()=>{
-            return props.columns.map((item)=>{
-                const { sortKey, defaultHide, isOperate } = item, rest = _object_without_properties(item, [
-                    "sortKey",
-                    "defaultHide",
-                    "isOperate"
-                ]);
-                return rest;
-            });
-        };
         const getSortKeyByColKey = (colKey)=>{
             var _props_columns;
             const col = (_props_columns = props.columns) === null || _props_columns === void 0 ? void 0 : _props_columns.find((item)=>item.colKey === colKey);
@@ -298,16 +334,6 @@ export default /*@__PURE__*/ _defineComponent({
             const col = (_props_columns = props.columns) === null || _props_columns === void 0 ? void 0 : _props_columns.find((item)=>item.sortKey === sortKey);
             return col === null || col === void 0 ? void 0 : col.colKey;
         };
-        const getSort = ()=>{
-            if (!props.orderBy || !props.orderMethod) {
-                return [];
-            }
-            var _getColKeyBySortKey;
-            return {
-                sortBy: (_getColKeyBySortKey = getColKeyBySortKey(props.orderBy)) !== null && _getColKeyBySortKey !== void 0 ? _getColKeyBySortKey : props.orderBy,
-                descending: props.orderMethod === OrderMethod.Desc
-            };
-        };
         const getPagination = ()=>{
             if (!props.pagination) {
                 return undefined;
@@ -323,29 +349,6 @@ export default /*@__PURE__*/ _defineComponent({
                 }
             };
         };
-        const getColumnController = ()=>{
-            const getColumnControllerFields = ()=>{
-                const isNotOperate = (item)=>!item.isOperate;
-                const isNotCheck = (item)=>![
-                        TTableColumnType.Single,
-                        TTableColumnType.Multiple
-                    ].includes(item.type);
-                return props.columns.filter((item)=>isNotOperate(item) && isNotCheck(item)).map((item)=>item.colKey);
-            };
-            return {
-                hideTriggerButton: true,
-                fields: getColumnControllerFields(),
-                dialogProps: {
-                    preventScrollThrough: true,
-                    dialogClassName: 't-table-dialog',
-                    showOverlay: true,
-                    header: '表格设置'
-                }
-            };
-        };
-        const getDefaultDisplayColumns = ()=>{
-            return props.columns.filter((item)=>!item.defaultHide).map((item)=>item.colKey);
-        };
         const getSelectedRowKeys = ()=>{
             var _props_selectedDatas;
             return (_props_selectedDatas = props.selectedDatas) === null || _props_selectedDatas === void 0 ? void 0 : _props_selectedDatas.map((item)=>item[props.rowKey]);
@@ -379,12 +382,12 @@ export default /*@__PURE__*/ _defineComponent({
                 "column-controller-visible": columnControllerVisible.value,
                 "onUpdate:columnControllerVisible": _cache[1] || (_cache[1] = ($event)=>columnControllerVisible.value = $event)
             }, getAttrs(), {
-                columns: getColumns(),
                 pagination: getPagination(),
-                sort: getSort(),
                 "selected-row-keys": getSelectedRowKeys(),
-                "column-controller": getColumnController(),
-                "default-display-columns": getDefaultDisplayColumns(),
+                sort: computedSort.value,
+                columns: computedColumns.value,
+                "column-controller": computedColumnController.value,
+                "default-display-columns": computedDefaultDisplayColumns.value,
                 onSortChange: handleSortChange,
                 onFilterChange: handleFilterChange,
                 onSelectChange: handleSelectChange,
@@ -407,7 +410,7 @@ export default /*@__PURE__*/ _defineComponent({
                 sortIcon: _withCtx(()=>[
                         ..._cache[2] || (_cache[2] = [
                             _createElementVNode("i", {
-                                class: "ai-ui-sdk-icon ai-ui-sdk-angle-up-fill-3 g-text-light-gray"
+                                class: "ai-ui-sdk-icon ai-ui-sdk-angle-up-fill-3 g-text-[var(--aidev-disabled-color)]"
                             }, null, -1 /* CACHED */ )
                         ])
                     ]),
@@ -425,10 +428,10 @@ export default /*@__PURE__*/ _defineComponent({
                 _: 3 /* FORWARDED */ 
             }, 16 /* FULL_PROPS */ , [
                 "column-controller-visible",
-                "columns",
                 "pagination",
-                "sort",
                 "selected-row-keys",
+                "sort",
+                "columns",
                 "column-controller",
                 "default-display-columns"
             ]);