@blueking/ai-ui-sdk 0.1.2-beta.2 → 0.1.2-beta.20

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

@@ -29,13 +29,17 @@ function _async_to_generator(fn) {
 }
 import { defineComponent as _defineComponent } from 'vue';
 import { openBlock as _openBlock, createBlock as _createBlock } from "vue";
-import { ref } from 'vue';
+import { ref, toRef } from 'vue';
 import RenderSearchSelect from '../../../render-search-select/index.vue.js';
 import { useDatasetHttp } from '../../../../hooks/use-dataset-http.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         modelValue: {},
-        apiPrefix: {}
+        apiPrefix: {},
+        spaceId: {},
+        isInternal: {
+            type: Boolean
+        }
     },
     emits: [
         "update:modelValue"
@@ -43,20 +47,27 @@ export default /*@__PURE__*/ _defineComponent({
     setup (__props, { emit: __emit }) {
         const props = __props;
         const emits = __emit;
-        const { getSchemaList, getComponentList } = useDatasetHttp(props.apiPrefix);
+        const { getSchemaList, getComponentList } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
         const data = ref([
             {
                 id: 'datasetName',
-                name: '数据集名称'
+                name: '名称'
+            },
+            {
+                id: 'datasetCode',
+                name: '英文名称'
             },
             {
                 id: 'type',
-                name: '数据集类型',
+                name: '类型',
                 multiple: true,
                 async: true,
                 children: []
             },
-            {
+            props.isInternal ? {
+                id: 'tagName',
+                name: '标签'
+            } : {
                 id: 'componentIds',
                 name: '组件',
                 multiple: true,
@@ -66,6 +77,10 @@ export default /*@__PURE__*/ _defineComponent({
             {
                 id: 'createdBy',
                 name: '创建人'
+            },
+            {
+                id: 'description',
+                name: '描述'
             }
         ]);
         const handleUpdate = (modelValue)=>{

package/dist/components/render-dataset/components/search-dataset/index.vue.d.ts

@@ -2,6 +2,8 @@ import type { IDatasetListParam } from '@/types/dataset';
 interface IProps {
     modelValue: IDatasetListParam;
     apiPrefix: string;
+    spaceId?: string;
+    isInternal?: boolean;
 }
 declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (modelValue: IDatasetListParam) => any;

package/dist/components/render-dataset/components/source-type-icon/index.script.vue.js.js

@@ -12,10 +12,10 @@ export default /*@__PURE__*/ _defineComponent({
             let icon = '';
             switch(props.sourceType){
                 case DatasetDataSourceType.UploadFile:
-                    icon = 'ai-ui-sdk-icon ai-ui-sdk-wenben';
+                    icon = 'ai-ui-sdk-icon ai-ui-sdk-wenben g-text-14 g-mr-2 g-text-gray';
                     break;
                 case DatasetDataSourceType.ManualImport:
-                    icon = 'ai-ui-sdk-icon ai-ui-sdk-markdown';
+                    icon = 'ai-ui-sdk-icon ai-ui-sdk-markdown g-text-14 g-mr-2 g-text-gray';
                     break;
             }
             return icon;

package/dist/components/render-dataset/components/source-type-icon/index.vue.js

@@ -1,5 +1,3 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-emnxh8q4";
 script.__file = "./src/components/render-dataset/components/source-type-icon/index.vue";
-import './index.vue.css';
 export default script;

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

@@ -6,38 +6,54 @@ const _hoisted_1 = {
 const _hoisted_2 = {
     class: "dataset-main"
 };
-import { onBeforeMount, ref } from 'vue';
-import { useRouter } from 'vue-router';
+import { ref, toRef, watch } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
 import RenderAside from '../render-aside/index.vue.js';
 import RenderExpandCollapse from '../render-expand-collapse/index.vue.js';
 import { useDatasetHttp } from '../../hooks/use-dataset-http.ts.js';
+import { EnumCharacter } from '../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
-        apiPrefix: {}
+        apiPrefix: {},
+        spaceId: {},
+        isInternal: {
+            type: Boolean
+        }
     },
     setup (__props) {
         const props = __props;
+        const route = useRoute();
         const router = useRouter();
-        const { getDatasetMineInfo } = useDatasetHttp(props.apiPrefix);
+        const { getDatasetMineInfo } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
         const tabs = ref([
             {
                 name: '数据集',
                 children: [
                     {
-                        id: 'all',
+                        id: EnumCharacter.All,
                         name: '全部数据集',
                         number: 0
-                    }
+                    },
+                    ...props.isInternal ? [
+                        {
+                            id: EnumCharacter.User,
+                            name: '我的数据集',
+                            number: 0
+                        }
+                    ] : []
                 ]
             }
         ]);
-        const tabId = ref('all');
+        const tabId = ref(EnumCharacter.All);
         const isOpen = ref(true);
         const loading = ref(false);
         const handleGetDatasetMineInfo = ()=>{
             loading.value = true;
             getDatasetMineInfo().then((data)=>{
                 tabs.value[0].children[0].number = data.all;
+                if (props.isInternal) {
+                    tabs.value[0].children[1].number = data.user;
+                }
             }).finally(()=>{
                 loading.value = false;
             });
@@ -54,7 +70,17 @@ export default /*@__PURE__*/ _defineComponent({
             handleGetDatasetMineInfo();
             handleGoToDatasetData(data);
         };
-        onBeforeMount(handleGetDatasetMineInfo);
+        watch(()=>props.spaceId, handleGetDatasetMineInfo, {
+            immediate: true
+        });
+        const handleTabChange = ()=>{
+            if (route.name !== 'dataset-list') {
+                router.push({
+                    name: 'dataset-list'
+                });
+            }
+        };
+        watch(()=>tabId.value, handleTabChange);
         return (_ctx, _cache)=>{
             const _component_router_view = _resolveComponent("router-view");
             const _directive_bkloading = _resolveDirective("bkloading");

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

@@ -1,5 +1,5 @@
 
-.dataset-main[data-v-fa1bf9rc] {
+.dataset-main[data-v-h3d7tfd4] {
     flex: 1;
     width: calc(100vw - 300px);
     height: 100%;

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

@@ -1,5 +1,7 @@
 interface IProps {
     apiPrefix: string;
+    spaceId?: string;
+    isInternal?: boolean;
 }
 declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

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

package/dist/components/render-dataset-detail/components/header.script.vue.js.js

@@ -1,60 +1,35 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
 const _hoisted_1 = {
+    class: "g-flex-row g-height-full g-ml-24"
+};
+const _hoisted_2 = {
     class: "g-text-16 g-text-black"
 };
-import { onBeforeMount, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import RenderHeader from '../../render-header/index.vue.js';
-import { useDatasetHttp } from '../../../hooks/use-dataset-http.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
-        apiPrefix: {},
-        datasetId: {}
+        datasetName: {}
     },
     setup (__props) {
-        const props = __props;
-        const { getDataset } = useDatasetHttp(props.apiPrefix);
         const router = useRouter();
-        const loading = ref(false);
-        const dataset = ref();
         const handleGoToList = ()=>{
             router.push({
                 name: 'dataset-list'
             });
         };
-        const handleInit = ()=>{
-            loading.value = true;
-            getDataset(props.datasetId).then((data)=>{
-                dataset.value = data;
-            }).finally(()=>{
-                loading.value = false;
-            });
-        };
-        onBeforeMount(handleInit);
         return (_ctx, _cache)=>{
-            const _component_bk_loading = _resolveComponent("bk-loading");
             return _openBlock(), _createBlock(RenderHeader, {
                 "show-search": false
             }, {
                 title: _withCtx(()=>[
-                        _createVNode(_component_bk_loading, {
-                            class: "g-flex-row g-height-full g-ml-24",
-                            loading: loading.value
-                        }, {
-                            default: _withCtx(()=>{
-                                var _dataset_value;
-                                return [
-                                    _createElementVNode("i", {
-                                        class: "ai-ui-sdk-icon ai-ui-sdk-arrow-left g-text-20 g-text-blue g-cursor-pointer g-mr-8",
-                                        onClick: handleGoToList
-                                    }),
-                                    _createElementVNode("span", _hoisted_1, _toDisplayString((_dataset_value = dataset.value) === null || _dataset_value === void 0 ? void 0 : _dataset_value.datasetName), 1 /* TEXT */ )
-                                ];
+                        _createElementVNode("section", _hoisted_1, [
+                            _createElementVNode("i", {
+                                class: "ai-ui-sdk-icon ai-ui-sdk-arrow-left g-text-20 g-text-blue g-cursor-pointer g-mr-8",
+                                onClick: handleGoToList
                             }),
-                            _: 1 /* STABLE */ 
-                        }, 8 /* PROPS */ , [
-                            "loading"
+                            _createElementVNode("span", _hoisted_2, _toDisplayString(_ctx.datasetName), 1 /* TEXT */ )
                         ])
                     ]),
                 _: 1 /* STABLE */ 

package/dist/components/render-dataset-detail/components/header.vue.d.ts

@@ -1,6 +1,5 @@
 interface IProps {
-    apiPrefix: string;
-    datasetId: number;
+    datasetName: string;
 }
 declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/render-dataset-detail/index.script.vue.js.js

@@ -1,26 +1,99 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { createVNode as _createVNode, resolveComponent as _resolveComponent, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { createVNode as _createVNode, resolveDynamicComponent as _resolveDynamicComponent, openBlock as _openBlock, createBlock as _createBlock, resolveComponent as _resolveComponent, withCtx as _withCtx, Fragment as _Fragment, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";
+import { Message } from 'bkui-vue';
+import { onBeforeMount, ref, toRef } from 'vue';
+import { useRouter } from 'vue-router';
 import RenderHeader from './components/header.vue.js';
 import RenderTab from './components/tab.vue.js';
+import { useDatasetHttp } from '../../hooks/use-dataset-http.ts.js';
+import { HttpErrorCode } from '../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         apiPrefix: {},
-        datasetId: {}
+        datasetId: {},
+        spaceId: {},
+        isInternal: {
+            type: Boolean
+        }
     },
     setup (__props) {
+        const props = __props;
+        const router = useRouter();
+        const loading = ref(false);
+        const dataset = ref();
+        const { getDataset } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const handleGoToNotFound = ()=>{
+            router.push({
+                name: 'dataset-detail-not-found'
+            });
+        };
+        const handleNoPermission = (data)=>{
+            const cancelCallback = ()=>{
+                router.push({
+                    name: 'dataset-list'
+                });
+            };
+            import('../render-auth/auth-dialog-fn.ts.js').then(({ renderAuthDialog })=>{
+                renderAuthDialog(data, cancelCallback);
+            });
+        };
+        const handleInit = ()=>{
+            loading.value = true;
+            getDataset(props.datasetId).then((data)=>{
+                dataset.value = data;
+            }).catch((error)=>{
+                if (error.code === HttpErrorCode.NotFound) {
+                    handleGoToNotFound();
+                } else if (error.code === HttpErrorCode.IamNoPermission) {
+                    handleNoPermission(error.response);
+                } else {
+                    Message({
+                        theme: 'error',
+                        message: error.message,
+                        width: 'auto'
+                    });
+                }
+            }).finally(()=>{
+                loading.value = false;
+            });
+        };
+        onBeforeMount(handleInit);
         return (_ctx, _cache)=>{
             const _component_router_view = _resolveComponent("router-view");
-            return _openBlock(), _createElementBlock(_Fragment, null, [
-                _createVNode(RenderHeader, {
-                    "api-prefix": _ctx.apiPrefix,
-                    "dataset-id": _ctx.datasetId
-                }, null, 8 /* PROPS */ , [
-                    "api-prefix",
-                    "dataset-id"
-                ]),
-                _createVNode(RenderTab),
-                _createVNode(_component_router_view)
-            ], 64 /* STABLE_FRAGMENT */ );
+            const _component_bk_loading = _resolveComponent("bk-loading");
+            return _openBlock(), _createBlock(_component_bk_loading, {
+                class: "g-height-full",
+                loading: loading.value
+            }, {
+                default: _withCtx(()=>[
+                        dataset.value ? (_openBlock(), _createElementBlock(_Fragment, {
+                            key: 0
+                        }, [
+                            _createVNode(RenderHeader, {
+                                "dataset-name": dataset.value.datasetName
+                            }, null, 8 /* PROPS */ , [
+                                "dataset-name"
+                            ]),
+                            _createVNode(RenderTab),
+                            _createVNode(_component_router_view, null, {
+                                default: _withCtx(({ Component })=>{
+                                    var _dataset_value_permission;
+                                    return [
+                                        (_openBlock(), _createBlock(_resolveDynamicComponent(Component), {
+                                            "manage-dataset": ((_dataset_value_permission = dataset.value.permission) === null || _dataset_value_permission === void 0 ? void 0 : _dataset_value_permission.manageDataset) || !_ctx.isInternal
+                                        }, null, 8 /* PROPS */ , [
+                                            "manage-dataset"
+                                        ]))
+                                    ];
+                                }),
+                                _: 1 /* STABLE */ 
+                            })
+                        ], 64 /* STABLE_FRAGMENT */ )) : _createCommentVNode("v-if", true)
+                    ]),
+                _: 1 /* STABLE */ 
+            }, 8 /* PROPS */ , [
+                "loading"
+            ]);
         };
     }
 });

package/dist/components/render-dataset-detail/index.vue.d.ts

@@ -1,6 +1,8 @@
 interface IProps {
     apiPrefix: string;
     datasetId: number;
+    spaceId?: string;
+    isInternal?: boolean;
 }
 declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/render-dataset-detail-origin-data/components/batch-operation/index.script.vue.js.js

@@ -1,12 +1,22 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { unref as _unref, createVNode as _createVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives, createBlock as _createBlock } from "vue";
+import { unref as _unref, createVNode as _createVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives, createBlock as _createBlock } from "vue";
 import { AngleDown } from 'bkui-vue/lib/icon';
-import { ref } from 'vue';
+import { ref, toRef } from 'vue';
 import { useDatasetHttp } from '../../../../hooks/use-dataset-http.ts.js';
+import { usePermission } from '../../../../hooks/use-permission.ts.js';
+import { ResourcePermissionAction } from '../../../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         selectedDatasetDatas: {},
-        apiPrefix: {}
+        apiPrefix: {},
+        spaceId: {},
+        datasetId: {},
+        manageDataset: {
+            type: Boolean
+        },
+        isInternal: {
+            type: Boolean
+        }
     },
     emits: [
         "update:selectedDatasetDatas",
@@ -15,8 +25,22 @@ export default /*@__PURE__*/ _defineComponent({
     setup (__props, { emit: __emit }) {
         const props = __props;
         const emits = __emit;
-        const { batchDeleteDatasetData } = useDatasetHttp(props.apiPrefix);
+        const { batchDeleteDatasetData } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleMouseClick } = usePermission(props.apiPrefix, toRef(props, 'spaceId'), '#4d4f56');
         const showMore = ref(false);
+        const deleteRef = ref();
+        const handleCalcHasManagePermission = ()=>{
+            return !props.isInternal || props.manageDataset;
+        };
+        const handlePermissionMouseClick = ()=>{
+            handleMouseClick(handleShowDelete, handleCalcHasManagePermission(), [
+                ResourcePermissionAction.ManageDataset,
+                ResourcePermissionAction.ViewDataset
+            ], props.datasetId);
+        };
+        const handleShowDelete = ()=>{
+            deleteRef.value.popoverRef.show();
+        };
         const handleShowMore = ()=>{
             showMore.value = true;
         };
@@ -24,7 +48,7 @@ export default /*@__PURE__*/ _defineComponent({
             showMore.value = false;
         };
         const handleDeleteDatasetDatas = ()=>{
-            batchDeleteDatasetData(props.selectedDatasetDatas.map((item)=>item.id)).then(()=>{
+            batchDeleteDatasetData(props.selectedDatasetDatas.map((item)=>item.id), props.datasetId).then(()=>{
                 emits('update:selectedDatasetDatas', []);
                 emits('success-delete');
             });
@@ -51,21 +75,29 @@ export default /*@__PURE__*/ _defineComponent({
                             })
                         }, [
                             _createVNode(_component_bk_pop_confirm, {
-                                trigger: "click",
+                                trigger: "manual",
                                 title: "确认删除？",
                                 content: "删除操作无法撤回，请谨慎操作！",
-                                "ext-cls": "g-confirm-delete",
                                 placement: "right",
+                                "ext-cls": "g-confirm-delete",
+                                ref_key: "deleteRef",
+                                ref: deleteRef,
                                 onConfirm: handleDeleteDatasetDatas
                             }, {
-                                default: _withCtx(()=>_cache[1] || (_cache[1] = [
-                                        _createElementVNode("li", null, " 删除数据 ", -1 /* HOISTED */ )
-                                    ])),
-                                _: 1 /* STABLE */ ,
-                                __: [
-                                    1
-                                ]
-                            })
+                                default: _withCtx(()=>[
+                                        _createElementVNode("li", {
+                                            class: _normalizeClass({
+                                                'g-disabled': !handleCalcHasManagePermission()
+                                            }),
+                                            onMouseenter: _cache[0] || (_cache[0] = ($event)=>_unref(handleMouseEnter)(handleCalcHasManagePermission())),
+                                            onMousemove: _cache[1] || (_cache[1] = (event)=>_unref(handleMouseMove)(event, handleCalcHasManagePermission())),
+                                            onMouseleave: _cache[2] || (_cache[2] = //@ts-ignore
+                                            (...args)=>_unref(handleMouseLeave) && _unref(handleMouseLeave)(...args)),
+                                            onClick: handlePermissionMouseClick
+                                        }, " 删除 ", 34 /* CLASS, NEED_HYDRATION */ )
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            }, 512 /* NEED_PATCH */ )
                         ], 2 /* CLASS */ )), [
                             [
                                 _directive_clickoutside,
@@ -79,14 +111,14 @@ export default /*@__PURE__*/ _defineComponent({
                             onClick: handleShowMore
                         }, {
                             default: _withCtx(()=>[
-                                    _cache[0] || (_cache[0] = _createTextVNode(" 批量操作 ")),
+                                    _cache[3] || (_cache[3] = _createTextVNode(" 批量操作 ")),
                                     _createVNode(_unref(AngleDown), {
                                         class: "g-text-22"
                                     })
                                 ]),
                             _: 1 /* STABLE */ ,
                             __: [
-                                0
+                                3
                             ]
                         }, 8 /* PROPS */ , [
                             "disabled"

package/dist/components/render-dataset-detail-origin-data/components/batch-operation/index.vue.d.ts

@@ -2,6 +2,10 @@ import type { IDatasetData } from '@/types/dataset';
 interface IProps {
     selectedDatasetDatas: IDatasetData[];
     apiPrefix: string;
+    spaceId?: string;
+    datasetId: number;
+    manageDataset?: boolean;
+    isInternal?: boolean;
 }
 declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:selectedDatasetDatas": (selectedDatasetDatas: IDatasetData[]) => any;