@blueking/ai-ui-sdk 0.1.2-beta.9 → 0.1.2

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

@@ -5,6 +5,7 @@ interface IProps {
     datasetData?: Partial<IDatasetDataForm>;
     disabledChooseDataset?: boolean;
     spaceId?: string;
+    isInternal?: boolean;
 }
 declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "success-confirm": () => any;

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

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

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

@@ -1,5 +1,5 @@
 import { defineComponent as _defineComponent, createVNode as _createVNode2 } from 'vue';
-import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives, createVNode as _createVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
+import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives, createVNode as _createVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
 const _hoisted_1 = {
     class: "g-flex-row g-justify-between"
 };
@@ -128,7 +128,7 @@ export default /*@__PURE__*/ _defineComponent({
                                             key: key,
                                             label: key,
                                             property: `data.${key}`,
-                                            class: "full-screen-wrap g-no-validate-form-item",
+                                            class: "full-screen-wrap g-no-validate-form-item bk-form--vertical",
                                             required: ""
                                         }, {
                                             label: _withCtx(()=>[
@@ -139,7 +139,9 @@ export default /*@__PURE__*/ _defineComponent({
                                                                 _createElementVNode("i", {
                                                                     class: "ai-ui-sdk-icon ai-ui-sdk-info-line g-text-14 g-mr-2"
                                                                 }, null, -1 /* HOISTED */ ),
-                                                                _createTextVNode(" 示例 ")
+                                                                _createElementVNode("span", {
+                                                                    class: "g-text-12"
+                                                                }, "示例", -1 /* HOISTED */ )
                                                             ]))), [
                                                                 [
                                                                     _directive_bk_tooltips,
@@ -157,7 +159,9 @@ export default /*@__PURE__*/ _defineComponent({
                                                                 _createElementVNode("i", {
                                                                     class: "ai-ui-sdk-icon ai-ui-sdk-full-screen click-full-screen g-text-14 g-ml-24 g-mr-2"
                                                                 }),
-                                                                _createTextVNode(" 全屏 ")
+                                                                _createElementVNode("span", {
+                                                                    class: "g-text-12 click-full-screen"
+                                                                }, "全屏")
                                                             ], -1 /* HOISTED */ )),
                                                             _cache[2] || (_cache[2] = _createElementVNode("span", {
                                                                 class: "click-un-full-screen g-cursor-pointer g-flex-row"
@@ -165,7 +169,9 @@ export default /*@__PURE__*/ _defineComponent({
                                                                 _createElementVNode("i", {
                                                                     class: "ai-ui-sdk-icon ai-ui-sdk-un-full-screen click-un-full-screen g-text-14 g-ml-24 g-mr-2"
                                                                 }),
-                                                                _createTextVNode(" 取消全屏 ")
+                                                                _createElementVNode("span", {
+                                                                    class: "g-text-12 click-un-full-screen"
+                                                                }, "取消全屏")
                                                             ], -1 /* HOISTED */ ))
                                                         ])
                                                     ])

package/dist/components/render-dataset/components/plus-dataset-data/form/manual.vue.css

@@ -1,6 +1,6 @@
 
 .full-screen-wrap.full-screen.bk-form-item {
-  padding: 0 20px;
+  padding: 10px 20px;
   background: #fff;
 }
 .full-screen-wrap.full-screen.bk-form-item .bk-form-label {

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,41 @@ 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 handleCalcHasManagePermission = ()=>{
+            return !props.isInternal || props.manageDataset;
+        };
+        const handlePermissionMouseEnter = ()=>{
+            handleMouseEnter(handleCalcHasManagePermission());
+        };
+        const handlePermissionMouseMove = (event)=>{
+            handleMouseMove(event, handleCalcHasManagePermission());
+        };
+        const handlePermissionMouseLeave = ()=>{
+            handleMouseLeave();
+        };
+        const handlePermissionMouseClick = (callback)=>{
+            var _props_datasetData;
+            handleMouseClick(callback, handleCalcHasManagePermission(), [
+                ResourcePermissionAction.ManageDataset,
+                ResourcePermissionAction.ViewDataset
+            ], (_props_datasetData = props.datasetData) === null || _props_datasetData === void 0 ? void 0 : _props_datasetData.datasetId);
+        };
         const handleShowForm = ()=>{
             isShow.value = true;
         };
@@ -27,23 +56,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': !handleCalcHasManagePermission()
+                    },
                     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 +89,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/search-dataset/index.script.vue.js.js

@@ -65,14 +65,14 @@ export default /*@__PURE__*/ _defineComponent({
                 children: []
             },
             props.isInternal ? {
+                id: 'tagName',
+                name: '标签'
+            } : {
                 id: 'componentIds',
                 name: '组件',
                 multiple: true,
                 async: true,
                 children: []
-            } : {
-                id: 'tagName',
-                name: '标签'
             },
             {
                 id: 'createdBy',

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-a2dg706z";
 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

@@ -7,17 +7,22 @@ const _hoisted_2 = {
     class: "dataset-main"
 };
 import { ref, toRef, watch } from 'vue';
-import { useRouter } from 'vue-router';
+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: {},
-        spaceId: {}
+        spaceId: {},
+        isInternal: {
+            type: Boolean
+        }
     },
     setup (__props) {
         const props = __props;
+        const route = useRoute();
         const router = useRouter();
         const { getDatasetMineInfo } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
         const tabs = ref([
@@ -25,20 +30,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;
             });
@@ -58,6 +73,14 @@ export default /*@__PURE__*/ _defineComponent({
         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-pt0onvlj] {
+.dataset-main[data-v-6o9yf1z6] {
     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-pt0onvlj";
+script.__scopeId = "data-v-6o9yf1z6";
 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,111 @@
 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: {},
-        spaceId: {}
+        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 handleForbidden = (message)=>{
+            Message({
+                theme: 'error',
+                message,
+                width: 'auto'
+            });
+            router.push({
+                name: 'dataset-list'
+            });
+        };
+        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 if (error.code === HttpErrorCode.Forbidden) {
+                    handleForbidden(error.message);
+                } 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,
-                    "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(()=>[
+                        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

@@ -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;