@blueking/ai-ui-sdk 0.1.2-beta.10 → 0.1.2-beta.11

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

@@ -1,7 +1,9 @@
 import { defineComponent as _defineComponent } from 'vue';
 import { createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, createVNode as _createVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-import { ref } from 'vue';
+import { ref, toRef } from 'vue';
 import RenderForm from './form/index.vue.js';
+import { ResourcePermissionAction } from '../../../../enums.ts.js';
+import { usePermission } from '../../../../hooks/use-permission.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         datasetData: {},
@@ -9,14 +11,37 @@ export default /*@__PURE__*/ _defineComponent({
             type: Boolean
         },
         apiPrefix: {},
-        spaceId: {}
+        spaceId: {},
+        manageDataset: {
+            type: Boolean
+        },
+        isInternal: {
+            type: Boolean
+        }
     },
     emits: [
         "success-plus"
     ],
     setup (__props, { emit: __emit }) {
+        const props = __props;
         const emits = __emit;
+        const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleMouseClick } = usePermission(props.apiPrefix, toRef(props, 'spaceId'), '#4d4f56');
         const isShow = ref(false);
+        const handlePermissionMouseEnter = ()=>{
+            handleMouseEnter(props.manageDataset);
+        };
+        const handlePermissionMouseMove = (event)=>{
+            handleMouseMove(event, props.manageDataset);
+        };
+        const handlePermissionMouseLeave = ()=>{
+            handleMouseLeave();
+        };
+        const handlePermissionMouseClick = (callback)=>{
+            var _props_datasetData;
+            handleMouseClick(callback, props.manageDataset, [
+                ResourcePermissionAction.ManageDataset
+            ], (_props_datasetData = props.datasetData) === null || _props_datasetData === void 0 ? void 0 : _props_datasetData.datasetId);
+        };
         const handleShowForm = ()=>{
             isShow.value = true;
         };
@@ -27,23 +52,32 @@ export default /*@__PURE__*/ _defineComponent({
             const _component_bk_button = _resolveComponent("bk-button");
             return _openBlock(), _createElementBlock(_Fragment, null, [
                 _createVNode(_component_bk_button, _mergeProps(_ctx.$attrs, {
+                    class: {
+                        'g-disabled': !_ctx.manageDataset
+                    },
                     theme: "primary",
-                    onClick: handleShowForm
+                    onMouseenter: handlePermissionMouseEnter,
+                    onMousemove: handlePermissionMouseMove,
+                    onMouseleave: handlePermissionMouseLeave,
+                    onClick: _cache[0] || (_cache[0] = ($event)=>handlePermissionMouseClick(handleShowForm))
                 }), {
-                    default: _withCtx(()=>_cache[1] || (_cache[1] = [
+                    default: _withCtx(()=>_cache[2] || (_cache[2] = [
                             _createTextVNode(" 添加数据 ")
                         ])),
                     _: 1 /* STABLE */ ,
                     __: [
-                        1
+                        2
                     ]
-                }, 16 /* FULL_PROPS */ ),
+                }, 16 /* FULL_PROPS */ , [
+                    "class"
+                ]),
                 _createVNode(RenderForm, {
                     "is-show": isShow.value,
-                    "onUpdate:isShow": _cache[0] || (_cache[0] = ($event)=>isShow.value = $event),
+                    "onUpdate:isShow": _cache[1] || (_cache[1] = ($event)=>isShow.value = $event),
                     "dataset-data": _ctx.datasetData,
                     "api-prefix": _ctx.apiPrefix,
                     "space-id": _ctx.spaceId,
+                    "is-internal": _ctx.isInternal,
                     "disabled-choose-dataset": _ctx.disabledChooseDataset,
                     onSuccessConfirm: handleSuccessPlus
                 }, null, 8 /* PROPS */ , [
@@ -51,6 +85,7 @@ export default /*@__PURE__*/ _defineComponent({
                     "dataset-data",
                     "api-prefix",
                     "space-id",
+                    "is-internal",
                     "disabled-choose-dataset"
                 ])
             ], 64 /* STABLE_FRAGMENT */ );

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

@@ -4,6 +4,8 @@ interface IProps {
     disabledChooseDataset?: boolean;
     apiPrefix: string;
     spaceId?: string;
+    manageDataset: boolean;
+    isInternal?: boolean;
 }
 declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "success-plus": () => any;

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

@@ -1,10 +1,10 @@
 
-.bkaidev-markdown[data-v-qvtfc8ig] {
+.bkaidev-markdown[data-v-3zx0704a] {
   color: #3a84ff;
 }
-.bkaidev-wangye[data-v-qvtfc8ig] {
+.bkaidev-wangye[data-v-3zx0704a] {
   color: #14A568;
 }
-.bkaidev-wenben[data-v-qvtfc8ig] {
+.bkaidev-wenben[data-v-3zx0704a] {
   color: #979ba5;
 }

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

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-qvtfc8ig";
+script.__scopeId = "data-v-3zx0704a";
 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

@@ -11,10 +11,14 @@ import { 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: {},
-        spaceId: {}
+        spaceId: {},
+        isInternal: {
+            type: Boolean
+        }
     },
     setup (__props) {
         const props = __props;
@@ -25,20 +29,30 @@ export default /*@__PURE__*/ _defineComponent({
                 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;
             });

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

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

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

@@ -1,6 +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-6oehxwas";
+script.__scopeId = "data-v-9xdo7qbt";
 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,61 +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, toRef } 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: {},
-        spaceId: {}
+        datasetName: {}
     },
     setup (__props) {
-        const props = __props;
-        const { getDataset } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
         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,7 +1,5 @@
 interface IProps {
-    apiPrefix: string;
-    datasetId: number;
-    spaceId?: string;
+    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,29 +1,68 @@
 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 { onBeforeMount, ref, toRef } from 'vue';
 import RenderHeader from './components/header.vue.js';
 import RenderTab from './components/tab.vue.js';
+import { useDatasetHttp } from '../../hooks/use-dataset-http.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         apiPrefix: {},
         datasetId: {},
-        spaceId: {}
+        spaceId: {},
+        isInternal: {
+            type: Boolean
+        }
     },
     setup (__props) {
+        const props = __props;
+        const loading = ref(false);
+        const dataset = ref();
+        const { getDataset } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const handleInit = ()=>{
+            loading.value = true;
+            getDataset(props.datasetId).then((data)=>{
+                dataset.value = data;
+            }).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,
-                    "space-id": _ctx.spaceId
-                }, null, 8 /* PROPS */ , [
-                    "api-prefix",
-                    "dataset-id",
-                    "space-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(()=>[
+                        !loading.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

@@ -2,6 +2,7 @@ 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,13 +1,19 @@
 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, 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: {},
-        spaceId: {}
+        spaceId: {},
+        datasetId: {},
+        manageDataset: {
+            type: Boolean
+        }
     },
     emits: [
         "update:selectedDatasetDatas",
@@ -17,7 +23,17 @@ export default /*@__PURE__*/ _defineComponent({
         const props = __props;
         const emits = __emit;
         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 handlePermissionMouseClick = ()=>{
+            handleMouseClick(handleShowDelete, props.manageDataset, [
+                ResourcePermissionAction.ManageDataset
+            ], props.datasetId);
+        };
+        const handleShowDelete = ()=>{
+            deleteRef.value.popoverRef.show();
+        };
         const handleShowMore = ()=>{
             showMore.value = true;
         };
@@ -52,21 +68,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': !_ctx.manageDataset
+                                            }),
+                                            onMouseenter: _cache[0] || (_cache[0] = ($event)=>_unref(handleMouseEnter)(_ctx.manageDataset)),
+                                            onMousemove: _cache[1] || (_cache[1] = (event)=>_unref(handleMouseMove)(event, _ctx.manageDataset)),
+                                            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,
@@ -80,14 +104,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

@@ -3,6 +3,8 @@ interface IProps {
     selectedDatasetDatas: IDatasetData[];
     apiPrefix: string;
     spaceId?: string;
+    datasetId: number;
+    manageDataset: boolean;
 }
 declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:selectedDatasetDatas": (selectedDatasetDatas: IDatasetData[]) => any;