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

package/dist/components/render-dataset-list/components/table.script.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as _defineComponent, resolveComponent as _resolveComponent, createVNode as _createVNode2, Fragment as _Fragment2, createTextVNode as _createTextVNode } from 'vue';
 import { unref as _unref, createVNode as _createVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-import { onBeforeMount, ref, toRef, watch } from 'vue';
+import { computed, onBeforeMount, ref, toRef, watch } from 'vue';
 import OperationRecord from '../../render-dataset/components/operation-record/index.vue.js';
 import RenderPlusDataset from '../../render-dataset/components/plus-dataset/index.vue.js';
 import RenderPlusDatasetData from '../../render-dataset/components/plus-dataset-data/index.vue.js';
@@ -9,7 +9,7 @@ import RenderTTable from '../../render-t-table/index.vue.js';
 import { useDatasetHttp } from '../../../hooks/use-dataset-http.ts.js';
 import { usePermission } from '../../../hooks/use-permission.ts.js';
 import { useTTable } from '../../../hooks/use-t-table.ts.js';
-import { ResourcePermissionAction, SdkNavigateActionType } from '../../../types/enum.ts.js';
+import { ResourcePermissionAction, SdkNavigateActionType, TTableColumnFixed } from '../../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         apiPrefix: {},
@@ -36,17 +36,16 @@ export default /*@__PURE__*/ _defineComponent({
         const emits = __emit;
         const { getDatasetList, deleteDataset } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
         const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleMouseClick } = usePermission(props.apiPrefix, toRef(props, 'spaceId'), '#4d4f56');
-        const { isLoading, triggerApi, pagination, tableData, initHook, resetPagination, handleSortChange, handlePageChange, handlePageSizeChange } = useTTable();
+        const { isLoading, triggerApi, pagination, tableData, orderBy, orderMethod, initHook, handleResetPagination, handleSortChange, handlePageChange } = useTTable();
         const isShowEditDataset = ref(false);
         const isShowOperationRecord = ref(false);
         const tempDataset = ref();
         const deleteRef = ref({});
         const popoverRef = ref({});
-        const getColumns = ()=>[
+        const columns = computed(()=>[
                 {
                     colKey: 'datasetName',
-                    defaultShow: true,
-                    fixed: 'left',
+                    fixed: TTableColumnFixed.Left,
                     ellipsis: true,
                     title: '名称',
                     cell: (h, { row })=>_createVNode2(_resolveComponent("bk-button"), {
@@ -67,14 +66,12 @@ export default /*@__PURE__*/ _defineComponent({
                 },
                 {
                     colKey: 'datasetCode',
-                    defaultShow: true,
                     ellipsis: true,
                     title: '英文名'
                 },
                 {
                     colKey: 'datasetItemCount',
                     ellipsis: true,
-                    defaultShow: true,
                     title: '数据量',
                     sorter: true,
                     sortKey: 'dataset_item_count'
@@ -83,6 +80,7 @@ export default /*@__PURE__*/ _defineComponent({
                     {
                         colKey: 'datasetItemUnreviewedCount',
                         title: '待审核数据量',
+                        defaultHide: true,
                         ellipsis: true,
                         sorter: true,
                         sortKey: 'dataset_item_unreviewed_count'
@@ -90,14 +88,14 @@ export default /*@__PURE__*/ _defineComponent({
                 ] : [],
                 {
                     colKey: 'typeName',
-                    defaultShow: props.isInternal,
+                    defaultHide: !props.isInternal,
                     ellipsis: true,
                     title: '类型'
                 },
                 ...!props.isInternal ? [
                     {
                         colKey: 'companyName',
-                        defaultShow: !props.isInternal,
+                        defaultHide: props.isInternal,
                         ellipsis: true,
                         title: '来源公司'
                     }
@@ -107,7 +105,7 @@ export default /*@__PURE__*/ _defineComponent({
                         colKey: 'componentNames',
                         title: '所属组件',
                         ellipsis: true,
-                        defaultShow: !props.isInternal,
+                        defaultHide: props.isInternal,
                         cell: (h, { row })=>{
                             var _a;
                             return ((_a = row.componentNames) === null || _a === void 0 ? void 0 : _a.join(' / ')) || '';
@@ -118,6 +116,7 @@ export default /*@__PURE__*/ _defineComponent({
                     {
                         colKey: 'tagNames',
                         title: '标签',
+                        defaultHide: true,
                         ellipsis: true,
                         cell: (h, { row })=>{
                             var _a, _b;
@@ -128,12 +127,12 @@ export default /*@__PURE__*/ _defineComponent({
                 {
                     colKey: 'description',
                     title: '描述',
-                    ellipsis: true,
-                    defaultShow: true
+                    ellipsis: true
                 },
                 {
                     colKey: 'createdBy',
                     title: '创建人',
+                    defaultHide: true,
                     ellipsis: true,
                     cell: (h, { row })=>_createVNode2(_resolveComponent("bk-user-display-name"), {
                             "user-id": row.createdBy
@@ -142,7 +141,6 @@ export default /*@__PURE__*/ _defineComponent({
                 {
                     colKey: 'createdAt',
                     title: '创建时间',
-                    defaultShow: true,
                     ellipsis: true,
                     minWidth: 200,
                     sorter: true,
@@ -151,8 +149,8 @@ export default /*@__PURE__*/ _defineComponent({
                 {
                     colKey: 'operations',
                     title: '操作',
-                    fixed: 'right',
-                    defaultShow: true,
+                    isOperate: true,
+                    fixed: TTableColumnFixed.Right,
                     ellipsis: true,
                     width: 200,
                     cell: (h, { row })=>_createVNode2(_Fragment2, null, [
@@ -257,13 +255,13 @@ export default /*@__PURE__*/ _defineComponent({
                                             'ai-ui-sdk-icon ai-ui-sdk-gengduo-2',
                                             'g-text-16 g-p-2 g-ml-12 !g-cursor-pointer',
                                             'hover:!g-bg-[#dcdee5] hover:g-rounded-full',
-                                            isDatasetManagePermission(row) ? 'g-text-blue' : ''
+                                            isDatasetManagePermission(row) ? 'g-text-[var(--aidev-clickable-color)]' : ''
                                         ]
                                     }, null)
                             })
                         ])
                 }
-            ];
+            ]);
         const handleUpdateSearch = (search)=>{
             emits('update:search', search);
         };
@@ -328,7 +326,7 @@ export default /*@__PURE__*/ _defineComponent({
             });
         };
         onBeforeMount(()=>{
-            initHook(handleGetDatasetList, true);
+            initHook(handleGetDatasetList, true, getDatasetList.abort);
             triggerApi();
         });
         watch([
@@ -338,8 +336,7 @@ export default /*@__PURE__*/ _defineComponent({
             ()=>props.tagName,
             ()=>props.groupType
         ], ()=>{
-            resetPagination();
-            triggerApi();
+            handleResetPagination();
         }, {
             deep: true
         });
@@ -350,26 +347,27 @@ export default /*@__PURE__*/ _defineComponent({
             var _a;
             return _openBlock(), _createElementBlock(_Fragment, null, [
                 _createVNode(RenderTTable, {
-                    "row-key": "datasetName",
-                    class: "g-white-footer-table g-gray-header-table",
-                    height: "calc(100% - 48px)",
                     pagination: _unref(pagination),
-                    columns: getColumns(),
-                    "is-loading": _unref(isLoading),
-                    "table-data": _unref(tableData),
+                    columns: columns.value,
+                    loading: _unref(isLoading),
+                    data: _unref(tableData),
                     search: __props.search,
+                    "order-by": _unref(orderBy),
+                    "order-method": _unref(orderMethod),
+                    "row-key": "datasetName",
+                    class: "g-h-[calc(100%_-_48px)]",
                     onPageChange: _unref(handlePageChange),
-                    onPageSizeChange: _unref(handlePageSizeChange),
                     onSortChange: _unref(handleSortChange),
                     "onUpdate:search": handleUpdateSearch
                 }, null, 8 /* PROPS */ , [
                     "pagination",
                     "columns",
-                    "is-loading",
-                    "table-data",
+                    "loading",
+                    "data",
                     "search",
+                    "order-by",
+                    "order-method",
                     "onPageChange",
-                    "onPageSizeChange",
                     "onSortChange"
                 ]),
                 _createVNode(RenderPlusDataset, {

package/dist/components/render-dataset-list/index.vue.css

@@ -1,8 +1,8 @@
 
-.dataset-main[data-v-t5vxdhg5] {
+.dataset-main[data-v-ofdhvlux] {
   height: calc(100% - 90px);
   margin-top: 2px;
 }
-[data-v-t5vxdhg5] .dataset-main>.bk-resize-layout-main {
+[data-v-ofdhvlux] .dataset-main>.bk-resize-layout-main {
     width: 0;
 }

package/dist/components/render-dataset-list/index.vue.js

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

package/dist/components/render-dialog/choose-footer.script.vue.js.js

@@ -80,17 +80,21 @@ function _object_spread_props(target, source) {
     return target;
 }
 import { defineComponent as _defineComponent } from 'vue';
-import { createElementVNode as _createElementVNode, unref as _unref, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode } from "vue";
+import { createElementVNode as _createElementVNode, unref as _unref, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode } from "vue";
 const _hoisted_1 = {
     class: "g-flex-row !g-justify-between"
 };
 const _hoisted_2 = {
     key: 0,
-    class: "g-inline-flex-row g-text-blue !g-text-12 g-leading-20 !g-cursor-pointer"
+    class: /*@__PURE__*/ _normalizeClass([
+        'g-inline-flex-row !g-text-12 g-leading-20 !g-cursor-pointer',
+        'g-text-[var(--aidev-clickable-color)]',
+        'hover:g-text-[var(--aidev-clickable-hover-color)]'
+    ])
 };
 const _hoisted_3 = {
     key: 1,
-    class: "g-text-gray !g-text-12"
+    class: "g-text-[var(--aidev-assist-color)] !g-text-12"
 };
 import { ref, toRef } from 'vue';
 import { MODULE_NAME } from '../../common/constants.ts.js';
@@ -252,22 +256,26 @@ export default /*@__PURE__*/ _defineComponent({
                 ])) : (_openBlock(), _createElementBlock("span", _hoisted_3, " 提示：这里提供其它空间可申请的资源，申请审批通过后，本空间可使用 ")),
                 _createElementVNode("section", null, [
                     _createVNode(_component_bk_pop_confirm, {
-                        trigger: "manual",
-                        placement: "top",
-                        width: "280",
-                        title: "确认提交申请？",
                         "is-show": isShowPopover.value,
                         content: `当前已选资源中，有${noPermissionResource.value.length}个暂无使用权限且未经申请，提交后，将自动创建申请单`,
                         "confirm-config": {
                             loading: isConfirmLoading.value
                         },
+                        trigger: "manual",
+                        placement: "top",
+                        width: "280",
+                        title: "确认提交申请？",
                         onConfirm: handleApplyPermissionAndConfirm,
                         onCancel: handleHidePopover
                     }, {
                         default: _withCtx(()=>[
                                 _createVNode(_component_bk_button, {
-                                    theme: "primary",
-                                    class: "g-mr-8",
+                                    class: _normalizeClass([
+                                        {
+                                            'g-main-button': true
+                                        },
+                                        "g-mr-8"
+                                    ]),
                                     loading: isConfirmLoading.value,
                                     onClick: handleConfirm
                                 }, {

package/dist/components/render-dialog/choose-resource.vue.css

@@ -1,10 +1,10 @@
 
-.choose-resource[data-v-fqotvwmb] {
+.choose-resource[data-v-l4mbg2rf] {
   padding: 0 16px;
 }
-.choose-resource .resource-cards[data-v-fqotvwmb] {
+.choose-resource .resource-cards[data-v-l4mbg2rf] {
     max-height: calc(100% - 44px);
 }
-.no-space-height[data-v-fqotvwmb] {
+.no-space-height[data-v-l4mbg2rf] {
   height: calc(100% - 57px);
 }

package/dist/components/render-dialog/choose-resource.vue.js

@@ -1,5 +1,5 @@
 import script from './choose-resource.script.vue.js';
-script.__scopeId = "data-v-fqotvwmb";
+script.__scopeId = "data-v-l4mbg2rf";
 script.__file = "./src/components/render-dialog/choose-resource.vue";
 import './choose-resource.vue.css';
 export default script;

package/dist/components/render-dialog/choose-result.script.vue.js

@@ -32,10 +32,10 @@ const _hoisted_10 = {
     class: "g-font-bold"
 };
 const _hoisted_11 = {
-    class: "g-text-gray"
+    class: "g-text-[var(--aidev-assist-color)]"
 };
 const _hoisted_12 = {
-    class: "g-text-light-gray g-ml-24 g-max-truncate result-space-name"
+    class: "g-text-[var(--aidev-disabled-color)] g-ml-24 g-max-truncate result-space-name"
 };
 import { Close } from 'bkui-vue/lib/icon';
 import { computed } from 'vue';
@@ -274,12 +274,12 @@ export default /*@__PURE__*/ _defineComponent({
                         _createElementVNode("ul", null, [
                             (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(group.children, (item)=>{
                                 return _openBlock(), _createElementBlock("li", {
-                                    key: `${group.label}-${item.id}-${item.mcpType}`,
                                     class: _normalizeClass({
                                         'result-item !g-cursor-pointer': true,
                                         'g-deleted-resource': getIsDeleted(item.status),
                                         'g-no-permission-resource': getIsNoPermission(item.status)
-                                    })
+                                    }),
+                                    key: `${group.label}-${item.id}-${item.mcpType}`
                                 }, [
                                     _createElementVNode("span", _hoisted_5, [
                                         _createVNode(RenderIcon, {
@@ -311,9 +311,9 @@ export default /*@__PURE__*/ _defineComponent({
                                                 _: 2 /* DYNAMIC */ 
                                             }, 1024 /* DYNAMIC_SLOTS */ ),
                                             _createVNode(RenderPermissionTag, {
-                                                class: "g-ml-4",
                                                 status: item.status,
-                                                approvers: item.approvers
+                                                approvers: item.approvers,
+                                                class: "g-ml-4"
                                             }, null, 8 /* PROPS */ , [
                                                 "status",
                                                 "approvers"
@@ -354,8 +354,8 @@ export default /*@__PURE__*/ _defineComponent({
                 }), 128 /* KEYED_FRAGMENT */ )),
                 calcChoosenGroups.value.length <= 0 ? (_openBlock(), _createBlock(RenderSearchEmpty, {
                     key: 0,
-                    scene: "part",
-                    description: `暂未选择${_unref(MODULE_NAME)[props.module]}`
+                    description: `暂未选择${_unref(MODULE_NAME)[props.module]}`,
+                    scene: "part"
                 }, null, 8 /* PROPS */ , [
                     "description"
                 ])) : _createCommentVNode("v-if", true)

package/dist/components/render-dialog/choose-result.vue.css

@@ -1,59 +1,59 @@
 
-.choose-result[data-v-haprz0ha] {
+.choose-result[data-v-ol75u0o7] {
   height: 100%;
   background: #F5F7FA;
   padding: 16px 24px;
   font-size: 12px;
 }
-.result-title[data-v-haprz0ha] {
+.result-title[data-v-ol75u0o7] {
   line-height: 28px;
   font-size: 20px;
-  color: #313238;
+  color: var(--aidev-title-color);
 }
-.result-main[data-v-haprz0ha] {
+.result-main[data-v-ol75u0o7] {
   margin-top: 12px;
 }
-.result-main .result-head[data-v-haprz0ha] {
+.result-main .result-head[data-v-ol75u0o7] {
     justify-content: space-between;
     line-height: 32px;
 }
-.result-main .result-head .title-num[data-v-haprz0ha] {
-      color: #3A84FF;
+.result-main .result-head .title-num[data-v-ol75u0o7] {
+      color: var(--aidev-clickable-color);
       font-weight: 700;
 }
-.result-main .result-head .head-clear[data-v-haprz0ha] {
+.result-main .result-head .head-clear[data-v-ol75u0o7] {
       cursor: pointer;
-      color: #3A84FF;
+      color: var(--aidev-clickable-color);
 }
-.result-item[data-v-haprz0ha] {
+.result-item[data-v-ol75u0o7] {
   line-height: 32px;
   background: #FFFFFF;
-  border-radius: 2px;
+  border-radius: var(--aidev-radius);
   border: 0 !important;
   margin-top: 4px;
   padding: 0 8px;
 }
-.result-item:hover .item-close[data-v-haprz0ha] {
+.result-item:hover .item-close[data-v-ol75u0o7] {
       display: block !important;
 }
-.result-item[data-v-haprz0ha]:hover {
+.result-item[data-v-ol75u0o7]:hover {
     box-shadow: 0 2px 6px 0 #1919291a;
 }
-.result-item .result-space-name[data-v-haprz0ha] {
+.result-item .result-space-name[data-v-ol75u0o7] {
     max-width: 40%;
 }
-.result-item .item-close[data-v-haprz0ha] {
+.result-item .item-close[data-v-ol75u0o7] {
     cursor: pointer;
     font-size: 16px;
-    color: #C4C6CC;
+    color: var(--aidev-disabled-color);
     display: none !important;
 }
-.result-item .item-close[data-v-haprz0ha]:hover {
-      color: #979BA5;
+.result-item .item-close[data-v-ol75u0o7]:hover {
+      color: var(--aidev-assist-color);
 }
-.hover-shadow-strong[data-v-haprz0ha]:hover {
+.hover-shadow-strong[data-v-ol75u0o7]:hover {
   transition: box-shadow 0.2s;
 }
-.popover-main[data-v-haprz0ha] {
+.popover-main[data-v-ol75u0o7] {
   padding: 8px 8px 10px;
 }

package/dist/components/render-dialog/choose-result.vue.js

@@ -1,5 +1,5 @@
 import script from './choose-result.script.vue.js';
-script.__scopeId = "data-v-haprz0ha";
+script.__scopeId = "data-v-ol75u0o7";
 script.__file = "./src/components/render-dialog/choose-result.vue";
 import './choose-result.vue.css';
 export default script;

package/dist/components/render-dialog/choose-space.script.vue.js.js

@@ -98,7 +98,7 @@ const _hoisted_5 = [
     "data-ellipsis-tooltip"
 ];
 const _hoisted_6 = {
-    class: "space-tool-number g-leading-16 g-text-gray"
+    class: "space-tool-number g-leading-16 g-text-[var(--aidev-assist-color)]"
 };
 import { ref, toRef, watch } from 'vue';
 import { MAX_PAGE_SIZE } from '../../common/constants.ts.js';
@@ -457,7 +457,7 @@ export default /*@__PURE__*/ _defineComponent({
                                         ]
                                     ]) : _createCommentVNode("v-if", true),
                                     _cache[3] || (_cache[3] = _createElementVNode("i", {
-                                        class: "ai-ui-sdk-icon ai-ui-sdk-benkongjiangongkai !g-text-18 g-text-light-gray"
+                                        class: "ai-ui-sdk-icon ai-ui-sdk-benkongjiangongkai !g-text-18 g-text-[var(--aidev-disabled-color)]"
                                     }, null, -1 /* CACHED */ )),
                                     _createElementVNode("span", {
                                         "data-ellipsis-tooltip": space.spaceName,

package/dist/components/render-dialog/choose-space.vue.css

@@ -1,36 +1,36 @@
 
-.choose-space[data-v-ayqmhesy] {
+.choose-space[data-v-ykg6rh8k] {
   padding: 0 18px 0 24px;
   height: 100%;
   font-size: 12px;
 }
-.space-list[data-v-ayqmhesy] {
+.space-list[data-v-ykg6rh8k] {
   margin-top: 12px;
   height: calc(100% - 88px);
 }
-.space-list .space-item[data-v-ayqmhesy] {
+.space-list .space-item[data-v-ykg6rh8k] {
     line-height: 32px;
     padding-left: 8px;
 }
-.space-list .space-item[data-v-ayqmhesy]:hover {
+.space-list .space-item[data-v-ykg6rh8k]:hover {
       background: #f5f7fa;
 }
-.space-list .space-item.space-item-active[data-v-ayqmhesy] {
-      background: #F0F5FF;
-      color: #3A84FF;
+.space-list .space-item.space-item-active[data-v-ykg6rh8k] {
+      background: var(--aidev-item-hover-background);
+      color: var(--aidev-clickable-color);
 }
-.space-list .space-item.space-item-active .space-tool-number[data-v-ayqmhesy] {
+.space-list .space-item.space-item-active .space-tool-number[data-v-ykg6rh8k] {
         background: #A3C5FD;
         color: #FFFFFF;
 }
-.space-list .space-item.space-item-active .bkaidev-guanlikongjian-3[data-v-ayqmhesy] {
-        color: #3A84FF;
+.space-list .space-item.space-item-active .bkaidev-guanlikongjian-3[data-v-ykg6rh8k] {
+        color: var(--aidev-clickable-color);
 }
-.space-list .space-item.space-item-active .ai-ui-sdk-icon[data-v-ayqmhesy] {
-        color: #3A84FF;
+.space-list .space-item.space-item-active .ai-ui-sdk-icon[data-v-ykg6rh8k] {
+        color: var(--aidev-clickable-color);
 }
-.space-list .space-tool-number[data-v-ayqmhesy] {
+.space-list .space-tool-number[data-v-ykg6rh8k] {
     padding: 0 6px;
-    border-radius: 2px;
+    border-radius: var(--aidev-radius);
     background: #F0F1F5;
 }

package/dist/components/render-dialog/choose-space.vue.js

@@ -1,5 +1,5 @@
 import script from './choose-space.script.vue.js.js';
-script.__scopeId = "data-v-ayqmhesy";
+script.__scopeId = "data-v-ykg6rh8k";
 script.__file = "./src/components/render-dialog/choose-space.vue";
 import './choose-space.vue.css';
 export default script;

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

@@ -1,24 +1,24 @@
 
-.resource-dialog[data-v-26yi1v9t] .bk-modal-wrapper {
+.resource-dialog[data-v-2eoswyyd] .bk-modal-wrapper {
     max-width: 1600px;
 }
-.resource-dialog-main[data-v-26yi1v9t] {
+.resource-dialog-main[data-v-2eoswyyd] {
   height: 60vh;
 }
-.resource-dialog-choose[data-v-26yi1v9t] {
+.resource-dialog-choose[data-v-2eoswyyd] {
   width: 75%;
   height: 100%;
 }
-.resource-dialog-title[data-v-26yi1v9t] {
+.resource-dialog-title[data-v-2eoswyyd] {
   font-size: 20px;
   line-height: 28px;
-  color: #313238;
+  color: var(--aidev-title-color);
   padding: 15px 24px 14px;
 }
-.resource-dialog-layout[data-v-26yi1v9t] {
+.resource-dialog-layout[data-v-2eoswyyd] {
   height: calc(100% - 57px);
 }
-.resource-dialog-result[data-v-26yi1v9t] {
+.resource-dialog-result[data-v-2eoswyyd] {
   width: 25%;
   height: 100%;
 }

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

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js';
-script.__scopeId = "data-v-26yi1v9t";
+script.__scopeId = "data-v-2eoswyyd";
 script.__file = "./src/components/render-dialog/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -6,7 +6,7 @@
   background-color: #fff;
   color: #333;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-  border-radius: 2px;
+  border-radius: var(--aidev-radius);
 }
 .tippy-box[data-theme~='light'] .tippy-arrow {
     color: #fff;
@@ -19,7 +19,7 @@
   color: #333;
   border: 1px solid #dcdee5;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-  border-radius: 2px;
+  border-radius: var(--aidev-radius);
 }
 .tippy-box[data-theme~='light-border'] .tippy-arrow {
     color: #fff;

package/dist/components/render-dropdown/index.vue.d.ts

@@ -49,11 +49,11 @@ declare const __VLS_base: import("vue").DefineComponent<IProps, {
     onShown?: (instance: Instance<Props>) => any;
 }>, {
     disabled: boolean;
+    delay: number | [number | null, number | null];
     placement: Placement;
     theme: "light" | "light-border" | "material" | "translucent";
     arrow: boolean;
     animation: "fade" | "shift-away" | "shift-toward" | "scale" | "perspective";
-    delay: number | [number | null, number | null];
     maxWidth: number | string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;