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

package/dist/components/render-markdown/view.ts.js

@@ -26,10 +26,35 @@ function _object_spread(target) {
     }
     return target;
 }
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 import { defineComponent, h, onMounted, onUnmounted, ref, watch } from 'vue';
 import Viewer from '@toast-ui/editor/dist/toastui-editor-viewer';
 import { commonConfig } from './common.ts.js';
 import { escapeHtml } from './filter-css.ts.js';
+import { createImageCustomRenderer, REQUEST_IMAGE_ATTR } from './image.ts.js';
 import '@toast-ui/editor/dist/toastui-editor-viewer.css';
 import './view.postcss.css';
 export default defineComponent({
@@ -44,28 +69,70 @@ export default defineComponent({
         padding: {
             type: String,
             default: '12px 16px'
+        },
+        requestOptions: {
+            type: [
+                Object,
+                Function
+            ]
         }
     },
     setup (props) {
         const viewerRef = ref();
+        const imageObjectUrls = new Map();
         let viewer;
+        const getRequestHeaders = ()=>{
+            const { requestOptions } = props;
+            const { headers } = (typeof requestOptions === 'function' ? requestOptions() : requestOptions) || {};
+            return typeof headers === 'function' ? headers() : headers;
+        };
+        const requestImage = (url)=>{
+            if (!imageObjectUrls.has(url)) {
+                imageObjectUrls.set(url, fetch(url, {
+                    credentials: 'include',
+                    headers: getRequestHeaders()
+                }).then((response)=>{
+                    if (!response.ok) throw new Error(response.statusText);
+                    return response.blob();
+                }).then((blob)=>URL.createObjectURL(blob)));
+            }
+            return imageObjectUrls.get(url);
+        };
+        const handleRequestImages = ()=>{
+            if (!props.requestOptions) return;
+            viewerRef.value.querySelectorAll(`img[${REQUEST_IMAGE_ATTR}]`).forEach((img)=>{
+                const url = img.getAttribute(REQUEST_IMAGE_ATTR);
+                img.removeAttribute(REQUEST_IMAGE_ATTR);
+                if (!url) return;
+                requestImage(url).then((objectUrl)=>img.setAttribute('src', objectUrl)).catch(()=>imageObjectUrls.delete(url));
+            });
+        };
+        const handleRevokeImages = ()=>{
+            imageObjectUrls.forEach((objectUrl)=>objectUrl.then(URL.revokeObjectURL, ()=>{}));
+            imageObjectUrls.clear();
+        };
         const handleInit = ()=>{
-            viewer = new Viewer(_object_spread({
+            viewer = new Viewer(_object_spread_props(_object_spread({
                 el: viewerRef.value,
                 initialValue: props.value,
                 customHTMLSanitizer: escapeHtml
-            }, commonConfig));
+            }, commonConfig), {
+                customHTMLRenderer: _object_spread({}, commonConfig.customHTMLRenderer, createImageCustomRenderer(()=>!!props.requestOptions))
+            }));
             viewer.eventEmitter.listen('updatePreview', (editResult)=>{
                 editResult.forEach((item)=>viewer.preview.replaceRangeNodes(item));
             });
+            handleRequestImages();
         };
         const handleDestroy = ()=>{
             viewer.destroy();
             viewer = null;
+            handleRevokeImages();
         };
         watch(()=>props.value, (value)=>{
             if (!viewer) return;
             viewer.setMarkdown(value || '');
+            handleRequestImages();
         });
         onMounted(handleInit);
         onUnmounted(handleDestroy);

package/dist/components/render-prompt/content/index.vue.css

@@ -1,5 +1,5 @@
 
-.resource-card-description[data-v-zp0v5lv6] {
+.resource-card-description[data-v-ck43t63v] {
   color: var(--aidev-main-color);
   height: 120px;
   white-space: pre-wrap;

package/dist/components/render-prompt/content/index.vue.js

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

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

@@ -40,6 +40,7 @@ const _hoisted_4 = {
     class: "reference-table"
 };
 import { computed, ref, toRef, watch } from 'vue';
+import { timeFormatter } from '../../common/util.ts.js';
 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';
@@ -64,7 +65,8 @@ export default /*@__PURE__*/ _defineComponent({
         module: {},
         spaceId: {},
         spaceName: {},
-        apiPrefix: {}
+        apiPrefix: {},
+        timezone: {}
     },
     emits: [
         "update:isShow",
@@ -221,6 +223,11 @@ export default /*@__PURE__*/ _defineComponent({
                                 "user-id": row[column.colKey]
                             }, null);
                         }
+                        if (column.colKey === 'updatedAt') {
+                            return _createVNode2("span", null, [
+                                timeFormatter(row[column.colKey], props.timezone)
+                            ]);
+                        }
                         return _createVNode2("span", null, [
                             row[column.colKey]
                         ]);

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

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

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

@@ -8,6 +8,7 @@ interface IProps {
     spaceId?: string;
     spaceName?: string;
     apiPrefix: string;
+    timezone?: string;
 }
 declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     navigate: (value: ISdkNavigateAction) => any;

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

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

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

@@ -23,7 +23,8 @@ export default /*@__PURE__*/ _defineComponent({
         appliedBy: {},
         appliedAt: {},
         spaces: {},
-        version: {}
+        version: {},
+        timezone: {}
     },
     setup (__props) {
         const props = __props;
@@ -53,7 +54,7 @@ export default /*@__PURE__*/ _defineComponent({
                     ]),
                     _createVNode("h5", null, [
                         t('更新时间：{updatedAt}', {
-                            updatedAt: timeFormatter(props.updatedAt)
+                            updatedAt: timeFormatter(props.updatedAt, props.timezone)
                         })
                     ])
                 ]) : null,
@@ -74,7 +75,7 @@ export default /*@__PURE__*/ _defineComponent({
                     ]),
                     _createVNode("h5", null, [
                         t('申请时间：{appliedAt}', {
-                            appliedAt: timeFormatter(props.appliedAt)
+                            appliedAt: timeFormatter(props.appliedAt, props.timezone)
                         })
                     ])
                 ]) : null,

package/dist/components/render-resource-info/index.vue.d.ts

@@ -11,6 +11,7 @@ interface IProps {
     appliedAt?: string;
     spaces?: ISpace[];
     version?: string;
+    timezone?: string;
 }
 declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -1,11 +1,11 @@
 
-.resource-version[data-v-8xcbnni7] {
+.resource-version[data-v-9cvv1ete] {
   border-radius: var(--aidev-radius-s);
   text-align: left;
   color: var(--aidev-tag-color);
   background-color: var(--aidev-tag-background);
   white-space: nowrap;
 }
-.resource-version .bkaidev-rizhifenxi[data-v-8xcbnni7] {
+.resource-version .bkaidev-rizhifenxi[data-v-9cvv1ete] {
     color: var(--aidev-clickable-color);
 }

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-8xcbnni7";
+script.__scopeId = "data-v-9cvv1ete";
 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,12 +1,12 @@
 
-.router-tab[data-v-7361wdd6] {
+.router-tab[data-v-zdzec08m] {
   margin-top: 2px;
   height: 42px;
   background: #FFFFFF;
   box-shadow: 0 2px 4px 0 #1919290d;
   padding: 0 24px;
 }
-.router-tab a[data-v-7361wdd6] {
+.router-tab a[data-v-zdzec08m] {
     padding: 0 8px;
     margin-right: 24px;
     font-size: 14px;
@@ -15,7 +15,7 @@
     color: var(--aidev-main-color);
     box-sizing: border-box;
 }
-.router-tab a.router-link-exact-active[data-v-7361wdd6] {
+.router-tab a.router-link-exact-active[data-v-zdzec08m] {
       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-7361wdd6";
+script.__scopeId = "data-v-zdzec08m";
 script.__file = "./src/components/render-router-tab/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,5 +1,5 @@
 
-.select-plus-extension[data-v-zb32ij1z] {
+.select-plus-extension[data-v-9thyazk8] {
   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-zb32ij1z]  {
+.select-plus-extension .ai-ui-sdk-icon[data-v-9thyazk8]  {
     font-size: 14px;
     margin-right: 6px;
 }
-.select-plus-extension[data-v-zb32ij1z]:hover {
+.select-plus-extension[data-v-9thyazk8]: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-zb32ij1z";
+script.__scopeId = "data-v-9thyazk8";
 script.__file = "./src/components/render-select-plus-extension/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -26,6 +26,30 @@ function _object_spread(target) {
     }
     return target;
 }
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function _object_without_properties(source, excluded) {
     if (source == null) return {};
     var target = _object_without_properties_loose(source, excluded);
@@ -341,16 +365,22 @@ export default /*@__PURE__*/ _defineComponent({
             if (!props.pagination) {
                 return undefined;
             }
-            return {
-                current: props.pagination.current,
-                pageSize: props.pagination.limit,
-                total: props.pagination.count,
+            const _props_pagination = props.pagination, { current, limit, count } = _props_pagination, config = _object_without_properties(_props_pagination, [
+                "current",
+                "limit",
+                "count"
+            ]);
+            return _object_spread_props(_object_spread({
                 selectProps: {
                     popupProps: {
                         overlayClassName: 't-table-pagination-select-popup'
                     }
                 }
-            };
+            }, config), {
+                current,
+                pageSize: limit,
+                total: count
+            });
         };
         const getSelectedRowKeys = ()=>{
             var _props_selectedDatas;
@@ -391,6 +421,9 @@ export default /*@__PURE__*/ _defineComponent({
                 columns: computedColumns.value,
                 "column-controller": computedColumnController.value,
                 "default-display-columns": computedDefaultDisplayColumns.value,
+                class: {
+                    'is-paginated': !!props.pagination
+                },
                 onSortChange: handleSortChange,
                 onFilterChange: handleFilterChange,
                 onSelectChange: handleSelectChange,
@@ -436,7 +469,8 @@ export default /*@__PURE__*/ _defineComponent({
                 "sort",
                 "columns",
                 "column-controller",
-                "default-display-columns"
+                "default-display-columns",
+                "class"
             ]);
         };
     }

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

@@ -1,5 +1,5 @@
 
-.t-table[data-v-rgqxhkic] {
+.t-table[data-v-7lof8kmu] {
   --td-font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC',
     'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
   --td-component-border: var(--aidev-line-medium-color);
@@ -9,22 +9,31 @@
   font-family: var(--td-font-family);
   font-size: 12px;
 }
-[data-v-rgqxhkic] .t-loading__gradient {
+[data-v-7lof8kmu] .t-loading__gradient {
   display: none;
 }
-[data-v-rgqxhkic] .t-loading__text {
+[data-v-7lof8kmu] .t-loading__text {
   margin-left: 0;
 }
-[data-v-rgqxhkic] .t-table__content {
+[data-v-7lof8kmu] .t-table__content {
   flex: 1 1 auto;
   min-height: 0;
   overflow: auto;
 }
-[data-v-rgqxhkic] .t-loading--full {
-  top: 0;
-  height: calc(100% - 60px);
+[data-v-7lof8kmu] .t-table__content > table {
+  border-collapse: separate;
+}
+.t-table[data-v-7lof8kmu] {
+  --loading-bottom: 0px;
+}
+.t-table.is-paginated[data-v-7lof8kmu] {
+  --loading-bottom: 60px;
+}
+[data-v-7lof8kmu] .t-loading--full {
+  top: 42px;
+  height: calc(100% - 42px - var(--loading-bottom));
 }
-[data-v-rgqxhkic] .t-table__top-content {
+[data-v-7lof8kmu] .t-table__top-content {
   position: absolute;
   top: 0;
   right: 0;
@@ -39,8 +48,9 @@
   padding: 0;
   background: var(--aidev-list-item-hover-background);
   border-left: 1px solid var(--aidev-line-medium-color);
+  border-bottom: 1px solid var(--aidev-line-medium-color);
 }
-.t-table-setting-trigger[data-v-rgqxhkic] {
+.t-table-setting-trigger[data-v-7lof8kmu] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -48,13 +58,13 @@
   color: var(--aidev-disabled-color);
   cursor: pointer;
 }
-.t-table-setting-trigger[data-v-rgqxhkic]:hover {
+.t-table-setting-trigger[data-v-7lof8kmu]:hover {
   color: var(--aidev-clickable-color);
 }
-[data-v-rgqxhkic] .t-table__header th:last-child {
+[data-v-7lof8kmu] .t-table__header th:last-child {
   padding-right: 42px !important;
 }
-[data-v-rgqxhkic] .t-table__header th {
+[data-v-7lof8kmu] .t-table__header th {
   height: 42px;
   padding-top: 0;
   padding-bottom: 0;
@@ -64,25 +74,25 @@
   font-family: inherit;
   font-size: 12px;
 }
-[data-v-rgqxhkic] .t-table__th-cell-inner {
+[data-v-7lof8kmu] .t-table__th-cell-inner {
   color: var(--aidev-title-color);
 }
-[data-v-rgqxhkic] .t-table__cell--sort-trigger.t-table__double-icons {
+[data-v-7lof8kmu] .t-table__cell--sort-trigger.t-table__double-icons {
   gap: 2px;
 }
-[data-v-rgqxhkic] .t-table__sort-icon--active > i {
+[data-v-7lof8kmu] .t-table__sort-icon--active > i {
   color: var(--aidev-clickable-color) !important;
 }
-[data-v-rgqxhkic] .t-table__header th:hover {
+[data-v-7lof8kmu] .t-table__header th:hover {
   background-color: var(--aidev-inner-background) !important;
 }
-.t-table--column-resizable[data-v-rgqxhkic]:not(.t-table--bordered) thead.t-table__header:hover th {
+.t-table--column-resizable[data-v-7lof8kmu]:not(.t-table--bordered) thead.t-table__header th {
     border-top-color: var(--aidev-list-item-hover-background) !important;
 }
-.t-table--column-resizable[data-v-rgqxhkic]:not(.t-table--bordered) thead.t-table__header:hover th:not(:last-child) {
+.t-table--column-resizable[data-v-7lof8kmu]:not(.t-table--bordered) thead.t-table__header th:not(:last-child) {
     border-right-color: var(--aidev-list-item-hover-background) !important;
 }
-[data-v-rgqxhkic] .t-table__body td {
+[data-v-7lof8kmu] .t-table__body td {
   height: 42px;
   padding-top: 0;
   padding-bottom: 0;
@@ -90,16 +100,16 @@
   font-family: inherit;
   font-size: 12px;
 }
-[data-v-rgqxhkic] .t-table__body tr:not(.t-table__empty-row):hover,[data-v-rgqxhkic] .t-table__body tr.t-table__row--hover {
+[data-v-7lof8kmu] .t-table__body tr:not(.t-table__empty-row):hover,[data-v-7lof8kmu] .t-table__body tr.t-table__row--hover {
   background-color: var(--aidev-list-item-hover-background);
 }
-[data-v-rgqxhkic] .t-table__body tr:not(.t-table__empty-row):not(.t-table__row--active):hover > td,[data-v-rgqxhkic] .t-table__body tr.t-table__row--hover:not(.t-table__row--active) > td {
+[data-v-7lof8kmu] .t-table__body tr:not(.t-table__empty-row):not(.t-table__row--active):hover > td,[data-v-7lof8kmu] .t-table__body tr.t-table__row--hover:not(.t-table__row--active) > td {
   background-color: var(--aidev-list-item-hover-background);
 }
-[data-v-rgqxhkic] .t-table__body tr.t-table__empty-row,[data-v-rgqxhkic] .t-table__body tr.t-table__empty-row:hover,[data-v-rgqxhkic] .t-table__body tr.t-table__empty-row:hover > td {
+[data-v-7lof8kmu] .t-table__body tr.t-table__empty-row,[data-v-7lof8kmu] .t-table__body tr.t-table__empty-row:hover,[data-v-7lof8kmu] .t-table__body tr.t-table__empty-row:hover > td {
   background-color: transparent !important;
 }
-[data-v-rgqxhkic] .t-table__pagination {
+[data-v-7lof8kmu] .t-table__pagination {
   box-sizing: border-box;
   display: flex;
   flex-shrink: 0;
@@ -110,25 +120,25 @@
   font-family: inherit;
   font-size: 12px;
 }
-[data-v-rgqxhkic] .t-pagination {
+[data-v-7lof8kmu] .t-pagination {
   font-family: inherit;
   font-size: 12px;
 }
-[data-v-rgqxhkic] .t-pagination__total,[data-v-rgqxhkic] .t-pagination__select,[data-v-rgqxhkic] .t-pagination__number,[data-v-rgqxhkic] .t-pagination__jump {
+[data-v-7lof8kmu] .t-pagination__total,[data-v-7lof8kmu] .t-pagination__select,[data-v-7lof8kmu] .t-pagination__number,[data-v-7lof8kmu] .t-pagination__jump {
   font-family: inherit;
   font-size: 12px;
 }
-[data-v-rgqxhkic] .t-pagination__select,[data-v-rgqxhkic] .t-pagination__select .t-input,[data-v-rgqxhkic] .t-pagination__select .t-input__inner,[data-v-rgqxhkic] .t-pagination__select .t-select-input,[data-v-rgqxhkic] .t-pagination__select .t-select__single {
+[data-v-7lof8kmu] .t-pagination__select,[data-v-7lof8kmu] .t-pagination__select .t-input,[data-v-7lof8kmu] .t-pagination__select .t-input__inner,[data-v-7lof8kmu] .t-pagination__select .t-select-input,[data-v-7lof8kmu] .t-pagination__select .t-select__single {
   font-size: 12px;
   color: var(--aidev-main-color);
 }
-[data-v-rgqxhkic] .t-pagination__select .t-input--focused {
+[data-v-7lof8kmu] .t-pagination__select .t-input--focused {
   border-color: var(--aidev-clickable-color) !important;
 }
-[data-v-rgqxhkic] .t-table--loading .t-table__content {
-  min-height: 42px !important;
+.t-table--loading[data-v-7lof8kmu] .t-table__content {
+  min-height: 126px !important;
 }
-[data-v-rgqxhkic] .t-pagination__number.t-is-current,[data-v-rgqxhkic] .t-pagination__number.t-is-current:hover,[data-v-rgqxhkic] .t-pagination__number.t-is-current:active,[data-v-rgqxhkic] .t-pagination__number:active {
+[data-v-7lof8kmu] .t-pagination__number.t-is-current,[data-v-7lof8kmu] .t-pagination__number.t-is-current:hover,[data-v-7lof8kmu] .t-pagination__number.t-is-current:active,[data-v-7lof8kmu] .t-pagination__number:active {
   background-color: #e1ecff;
   border-color: #e1ecff;
   color: var(--aidev-clickable-color);

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

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

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

@@ -1,28 +1,28 @@
 
-.tag-tree[data-v-hswipz9g] {
+.tag-tree[data-v-zsnr8j2l] {
   font-size: 12px;
   height: auto;
   max-height: calc(100% - 44px);
 }
-.tag-tree .manage-tree-item[data-v-hswipz9g] {
+.tag-tree .manage-tree-item[data-v-zsnr8j2l] {
     height: 32px;
     flex: 1;
 }
-.tag-tree .quick-icon[data-v-hswipz9g] {
+.tag-tree .quick-icon[data-v-zsnr8j2l] {
     margin-left: -24px;
     padding-left: 8px;
 }
-.tag-tree[data-v-hswipz9g] .tree-item:has(.bottom-line) {
+.tag-tree[data-v-zsnr8j2l] .tree-item:has(.bottom-line) {
       border-bottom: 1px solid var(--aidev-line-strong-color);
 }
-.tag-tree[data-v-hswipz9g] .tree-item.active .quick-icon {
+.tag-tree[data-v-zsnr8j2l] .tree-item.active .quick-icon {
         color: var(--aidev-clickable-color);
 }
-.tag-tree[data-v-hswipz9g] .tree-item.active .tag-number {
+.tag-tree[data-v-zsnr8j2l] .tree-item.active .tag-number {
         background: var(--aidev-list-item-active-count-background);
         color: #fff;
 }
-.tag-number[data-v-hswipz9g] {
+.tag-number[data-v-zsnr8j2l] {
   line-height: 16px;
   padding: 0 4px;
   background-color: var(--aidev-tag-background);

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-hswipz9g";
+script.__scopeId = "data-v-zsnr8j2l";
 script.__file = "./src/components/render-tag-tree/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,24 +1,24 @@
 
-.tag-container[data-v-u9evilzb] {
+.tag-container[data-v-ygnwsjvy] {
   visibility: hidden;
   white-space: nowrap;
   column-gap: 4px;
   width: calc(100% - 20px);
 }
-.tag-home[data-v-u9evilzb] {
+.tag-home[data-v-ygnwsjvy] {
   vertical-align: sub;
   flex-shrink: 0;
 }
-[is-show="true"][data-v-u9evilzb] {
+[is-show="true"][data-v-ygnwsjvy] {
   visibility: visible;
 }
-[is-show="false"][data-v-u9evilzb] {
+[is-show="false"][data-v-ygnwsjvy] {
   display: none !important;
 }
-.popover-main[data-v-u9evilzb] {
+.popover-main[data-v-ygnwsjvy] {
   padding: 8px 8px 10px;
 }
-.tag-list[data-v-u9evilzb] {
+.tag-list[data-v-ygnwsjvy] {
   border-radius: var(--aidev-radius-s);
   background: var(--aidev-tag-background);
 }

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

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

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

@@ -132,7 +132,7 @@ export default /*@__PURE__*/ _defineComponent({
                         active: props.selectedId === data[props.keyName]
                     },
                     "style": {
-                        paddingLeft: `${level * 10 + 4}px`
+                        paddingLeft: `${level * 16 + 4}px`
                     },
                     "onMouseenter": ()=>handleMouseEnter(props.isNodeHasPermission(data)),
                     "onMousemove": (event)=>handleMouseMove(event, props.isNodeHasPermission(data)),