@blueking/ai-ui-sdk 0.1.0-beta.3 → 0.1.0-beta.5

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

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

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

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-fowxn3fb";
+script.__scopeId = "data-v-wudk2h4t";
 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,31 +1,60 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { createElementVNode as _createElementVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } 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";
+const _hoisted_1 = {
+    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: {}
+    },
     setup (__props) {
+        const props = __props;
+        const { getDataset } = useDatasetHttp(props.apiPrefix);
         const router = useRouter();
-        const go2List = ()=>{
+        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(()=>[
-                        _createElementVNode("div", {
-                            class: "g-flex-row g-height-full g-ml-24"
-                        }, [
-                            _createElementVNode("i", {
-                                class: "bkaidev-icon bkaidev-arrow-left g-text-20 g-text-blue g-cursor-pointer g-mr-8",
-                                onClick: go2List
+                        _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 */ )
+                                ];
                             }),
-                            _cache[0] || (_cache[0] = _createElementVNode("span", {
-                                class: "g-text-16 g-text-black"
-                            }, "数据集名称1", -1 /* HOISTED */ )),
-                            _cache[1] || (_cache[1] = _createElementVNode("span", null, "（共 41,000 行）", -1 /* HOISTED */ ))
+                            _: 1 /* STABLE */ 
+                        }, 8 /* PROPS */ , [
+                            "loading"
                         ])
                     ]),
                 _: 1 /* STABLE */ 

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

@@ -1,2 +1,6 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+interface IProps {
+    apiPrefix: string;
+    datasetId: number;
+}
+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

@@ -3,11 +3,21 @@ import { createVNode as _createVNode, resolveComponent as _resolveComponent, Fra
 import RenderHeader from './components/header.vue.js';
 import RenderTab from './components/tab.vue.js';
 export default /*@__PURE__*/ _defineComponent({
+    props: {
+        apiPrefix: {},
+        datasetId: {}
+    },
     setup (__props) {
         return (_ctx, _cache)=>{
             const _component_router_view = _resolveComponent("router-view");
             return _openBlock(), _createElementBlock(_Fragment, null, [
-                _createVNode(RenderHeader),
+                _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 */ );

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

@@ -1,2 +1,6 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+interface IProps {
+    apiPrefix: string;
+    datasetId: number;
+}
+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,22 +1,79 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { unref as _unref, createVNode as _createVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { unref as _unref, createVNode as _createVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+const _hoisted_1 = {
+    class: "g-more-menu"
+};
 import { AngleDown } from 'bkui-vue/lib/icon';
+import { useDatasetHttp } from '../../../../hooks/use-dataset-http.ts.js';
 export default /*@__PURE__*/ _defineComponent({
-    setup (__props) {
+    props: {
+        selectedDatasetDatas: {},
+        apiPrefix: {}
+    },
+    emits: [
+        "update:selectedDatasetDatas",
+        "success-delete"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { batchDeleteDatasetData } = useDatasetHttp(props.apiPrefix);
+        const handleDeleteDatasetDatas = ()=>{
+            batchDeleteDatasetData(props.selectedDatasetDatas.map((item)=>item.id)).then(()=>{
+                emits('update:selectedDatasetDatas', []);
+                emits('success-delete');
+            });
+        };
         return (_ctx, _cache)=>{
             const _component_bk_button = _resolveComponent("bk-button");
-            return _openBlock(), _createBlock(_component_bk_button, null, {
+            const _component_bk_pop_confirm = _resolveComponent("bk-pop-confirm");
+            const _component_bk_popover = _resolveComponent("bk-popover");
+            return _openBlock(), _createBlock(_component_bk_popover, {
+                placement: "bottom-start",
+                theme: "light",
+                "render-type": "show",
+                "ext-cls": "empty-padding",
+                ref: "popoverRef"
+            }, {
+                content: _withCtx(()=>[
+                        _createElementVNode("ul", _hoisted_1, [
+                            _createVNode(_component_bk_pop_confirm, {
+                                trigger: "click",
+                                title: "确认删除？",
+                                content: "删除操作无法撤回，请谨慎操作！",
+                                "ext-cls": "g-confirm-delete",
+                                onConfirm: handleDeleteDatasetDatas
+                            }, {
+                                default: _withCtx(()=>_cache[1] || (_cache[1] = [
+                                        _createElementVNode("li", null, " 删除数据 ", -1 /* HOISTED */ )
+                                    ])),
+                                _: 1 /* STABLE */ ,
+                                __: [
+                                    1
+                                ]
+                            })
+                        ])
+                    ]),
                 default: _withCtx(()=>[
-                        _cache[0] || (_cache[0] = _createTextVNode(" 批量操作 ")),
-                        _createVNode(_unref(AngleDown), {
-                            class: "f22"
-                        })
+                        _createVNode(_component_bk_button, {
+                            disabled: _ctx.selectedDatasetDatas.length <= 0
+                        }, {
+                            default: _withCtx(()=>[
+                                    _cache[0] || (_cache[0] = _createTextVNode(" 批量操作 ")),
+                                    _createVNode(_unref(AngleDown), {
+                                        class: "g-text-22"
+                                    })
+                                ]),
+                            _: 1 /* STABLE */ ,
+                            __: [
+                                0
+                            ]
+                        }, 8 /* PROPS */ , [
+                            "disabled"
+                        ])
                     ]),
-                _: 1 /* STABLE */ ,
-                __: [
-                    0
-                ]
-            });
+                _: 1 /* STABLE */ 
+            }, 512 /* NEED_PATCH */ );
         };
     }
 });

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

@@ -1,2 +1,13 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import type { IDatasetData } from '@/types/dataset';
+interface IProps {
+    selectedDatasetDatas: IDatasetData[];
+    apiPrefix: string;
+}
+declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:selectedDatasetDatas": (selectedDatasetDatas: IDatasetData[]) => any;
+    "success-delete": () => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    "onUpdate:selectedDatasetDatas"?: (selectedDatasetDatas: IDatasetData[]) => any;
+    "onSuccess-delete"?: () => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;