@blueking/ai-ui-sdk 0.1.18-beta.1 → 0.1.18-beta.3

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

@@ -0,0 +1,260 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, resolveDirective as _resolveDirective, createElementVNode as _createElementVNode, withDirectives as _withDirectives, withModifiers as _withModifiers, toDisplayString as _toDisplayString, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, resolveComponent as _resolveComponent, withCtx as _withCtx, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
+const _hoisted_1 = {
+    class: "g-text-16 g-mb-16"
+};
+const _hoisted_2 = [
+    "onClick"
+];
+const _hoisted_3 = {
+    class: "g-flex-row g-justify-end g-mt-16"
+};
+import { ref } from 'vue';
+import RenderAutoHeightTextarea from '../render-auto-height-textarea/index.vue.js';
+import { useSessionHttp } from '../../hooks/use-session-http.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        apiPrefix: {},
+        sessionCode: {},
+        sessionContentIds: {},
+        spaceId: {},
+        rate: {},
+        comment: {},
+        labels: {}
+    },
+    emits: [
+        'update-session-content-list'
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emit = __emit;
+        const { getSessionFeedbackLabels, postSessionFeedback } = useSessionHttp({
+            apiPrefix: props.apiPrefix,
+            headers: {
+                'x-space-id': props.spaceId
+            }
+        });
+        const isShow = ref(false);
+        const loading = ref(false);
+        const feedbackOptions = ref([]);
+        const formData = ref({
+            sessionCode: props.sessionCode,
+            sessionContentIds: props.sessionContentIds,
+            rate: props.rate,
+            comment: props.comment,
+            labels: props.labels || []
+        });
+        const handleClick = (number)=>{
+            const currentRate = formData.value.rate;
+            formData.value.rate = currentRate === number ? undefined : number;
+            isShow.value = formData.value.rate !== undefined;
+            if (props.rate === formData.value.rate) {
+                formData.value.comment = props.comment;
+                formData.value.labels = props.labels || [];
+            } else {
+                formData.value.comment = '';
+                formData.value.labels = [];
+            }
+            handleGetSessionFeedbackLables();
+        };
+        const getTooltipContent = (number)=>{
+            const tooltipMap = {
+                5: {
+                    5: '取消满意',
+                    1: '满意',
+                    undefined: '满意'
+                },
+                1: {
+                    5: '不满意',
+                    1: '取消不满意',
+                    undefined: '不满意'
+                }
+            };
+            const rate = formData.value.rate;
+            return tooltipMap[number][rate] || '不满意';
+        };
+        const toggleOption = (option)=>{
+            const selected = formData.value.labels || [];
+            formData.value.labels = selected.includes(option) ? selected.filter((i)=>i !== option) : [
+                ...selected,
+                option
+            ];
+        };
+        const handleGetSessionFeedbackLables = ()=>{
+            loading.value = true;
+            getSessionFeedbackLabels(formData.value.rate).then((result)=>{
+                feedbackOptions.value = result;
+            }).finally(()=>{
+                loading.value = false;
+            });
+        };
+        const handleSubmit = ()=>{
+            postSessionFeedback(formData.value).then(()=>{
+                emit('update-session-content-list');
+                handleClose();
+            });
+        };
+        const handleClose = ()=>{
+            isShow.value = false;
+            formData.value.rate = undefined;
+        };
+        return (_ctx, _cache)=>{
+            const _component_bk_form_item = _resolveComponent("bk-form-item");
+            const _component_bk_loading = _resolveComponent("bk-loading");
+            const _component_bk_form = _resolveComponent("bk-form");
+            const _component_bk_button = _resolveComponent("bk-button");
+            const _component_bk_popover = _resolveComponent("bk-popover");
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
+            return _openBlock(), _createBlock(_component_bk_popover, {
+                theme: "light",
+                placement: "bottom",
+                width: "450",
+                trigger: "manual",
+                arrow: false,
+                "is-show": isShow.value
+            }, {
+                content: _withCtx(()=>[
+                        _createVNode(_component_bk_form, {
+                            "form-type": "vertical",
+                            ref: "formRef",
+                            class: "g-small-form g-short-form",
+                            model: formData.value
+                        }, {
+                            default: _withCtx(()=>[
+                                    _createVNode(_component_bk_loading, {
+                                        loading: loading.value
+                                    }, {
+                                        default: _withCtx(()=>[
+                                                formData.value.rate !== 0 ? (_openBlock(), _createBlock(_component_bk_form_item, {
+                                                    key: 0
+                                                }, {
+                                                    default: _withCtx(()=>[
+                                                            _createElementVNode("h5", _hoisted_1, _toDisplayString(formData.value.rate === 5 ? '什么原因让你满意？' : '什么原因让你不满意？'), 1 /* TEXT */ ),
+                                                            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(feedbackOptions.value, (option, index)=>{
+                                                                return _openBlock(), _createElementBlock("span", {
+                                                                    class: _normalizeClass({
+                                                                        'option-items g-text-12 g-mr-4 g-mb-4 g-cursor-pointer g-float-left': true,
+                                                                        'option-items-selected g-text-blue': formData.value.labels.includes(option)
+                                                                    }),
+                                                                    key: index,
+                                                                    onClick: _withModifiers(($event)=>toggleOption(option), [
+                                                                        "stop"
+                                                                    ])
+                                                                }, _toDisplayString(option), 11 /* TEXT, CLASS, PROPS */ , _hoisted_2);
+                                                            }), 128 /* KEYED_FRAGMENT */ ))
+                                                        ]),
+                                                    _: 1 /* STABLE */ 
+                                                })) : _createCommentVNode("v-if", true),
+                                                _createVNode(_component_bk_form_item, null, {
+                                                    default: _withCtx(()=>[
+                                                            _cache[3] || (_cache[3] = _createElementVNode("h5", {
+                                                                class: "g-text-12 g-mb-4"
+                                                            }, " 其他原因 ", -1 /* CACHED */ )),
+                                                            _createVNode(RenderAutoHeightTextarea, {
+                                                                placeholder: "说出你的想法",
+                                                                height: 74,
+                                                                width: 368,
+                                                                "model-value": formData.value.comment,
+                                                                "onUpdate:modelValue": _cache[2] || (_cache[2] = (value)=>formData.value.comment = value)
+                                                            }, null, 8 /* PROPS */ , [
+                                                                "model-value"
+                                                            ])
+                                                        ]),
+                                                    _: 1 /* STABLE */ 
+                                                })
+                                            ]),
+                                        _: 1 /* STABLE */ 
+                                    }, 8 /* PROPS */ , [
+                                        "loading"
+                                    ])
+                                ]),
+                            _: 1 /* STABLE */ 
+                        }, 8 /* PROPS */ , [
+                            "model"
+                        ]),
+                        _createElementVNode("section", _hoisted_3, [
+                            _createVNode(_component_bk_button, {
+                                class: "g-width-88",
+                                theme: "primary",
+                                disabled: !formData.value.comment && !(formData.value.labels && formData.value.labels.length > 0),
+                                onClick: _withModifiers(handleSubmit, [
+                                    "stop"
+                                ])
+                            }, {
+                                default: _withCtx(()=>[
+                                        ..._cache[4] || (_cache[4] = [
+                                            _createTextVNode(" 提交 ", -1 /* CACHED */ )
+                                        ])
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            }, 8 /* PROPS */ , [
+                                "disabled"
+                            ]),
+                            _createVNode(_component_bk_button, {
+                                class: "g-width-88 g-ml-8",
+                                onClick: _withModifiers(handleClose, [
+                                    "stop"
+                                ])
+                            }, {
+                                default: _withCtx(()=>[
+                                        ..._cache[5] || (_cache[5] = [
+                                            _createTextVNode(" 取消 ", -1 /* CACHED */ )
+                                        ])
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            })
+                        ])
+                    ]),
+                default: _withCtx(()=>[
+                        _createElementVNode("span", {
+                            onClick: _cache[0] || (_cache[0] = _withModifiers(($event)=>handleClick(5), [
+                                "stop"
+                            ]))
+                        }, [
+                            _renderSlot(_ctx.$slots, "like", {}, ()=>[
+                                    _withDirectives(_createElementVNode("i", {
+                                        class: _normalizeClass([
+                                            'bkaidev-icon g-hover-text-blue g-cursor-pointer',
+                                            formData.value.rate === 5 ? 'g-text-blue bkaidev-like' : 'g-text-gray bkaidev-unlike'
+                                        ])
+                                    }, null, 2 /* CLASS */ ), [
+                                        [
+                                            _directive_bk_tooltips,
+                                            {
+                                                content: getTooltipContent(5),
+                                                placement: 'top'
+                                            }
+                                        ]
+                                    ])
+                                ], true)
+                        ]),
+                        _createElementVNode("span", {
+                            onClick: _cache[1] || (_cache[1] = _withModifiers(($event)=>handleClick(1), [
+                                "stop"
+                            ]))
+                        }, [
+                            _renderSlot(_ctx.$slots, "dislike", {}, ()=>[
+                                    _withDirectives(_createElementVNode("i", {
+                                        class: _normalizeClass([
+                                            'bkaidev-icon dislike-icon g-inline-block g-cursor-pointer g-hover-text-red',
+                                            formData.value.rate === 1 ? 'g-text-red bkaidev-like' : 'g-text-gray bkaidev-unlike'
+                                        ])
+                                    }, null, 2 /* CLASS */ ), [
+                                        [
+                                            _directive_bk_tooltips,
+                                            {
+                                                content: getTooltipContent(1),
+                                                placement: 'top'
+                                            }
+                                        ]
+                                    ])
+                                ], true)
+                        ])
+                    ]),
+                _: 3 /* FORWARDED */ 
+            }, 8 /* PROPS */ , [
+                "is-show"
+            ]);
+        };
+    }
+});

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

@@ -0,0 +1,19 @@
+
+.dislike-icon[data-v-m9edkakx] {
+    transform: rotateX(180deg);
+}
+.option-items[data-v-m9edkakx] {
+    padding: 1px 8px;
+    background-color: #F0F1F5;
+    border-radius: 2px;
+}
+.option-items[data-v-m9edkakx]:hover {
+      background-color: #E1ECFF;
+      color: #3A84FF;
+}
+.option-items-selected[data-v-m9edkakx]{
+    background-color: #E1ECFF;
+}
+[data-v-m9edkakx] .bk-form-item {
+    margin-bottom: 17px;
+}

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

@@ -0,0 +1,27 @@
+interface IProps {
+    apiPrefix: string;
+    sessionCode: string;
+    sessionContentIds: number[];
+    spaceId: string;
+    rate?: number;
+    comment?: string;
+    labels?: string[];
+}
+declare var __VLS_6: {}, __VLS_8: {};
+type __VLS_Slots = {} & {
+    like?: (props: typeof __VLS_6) => any;
+} & {
+    dislike?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update-session-content-list": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    "onUpdate-session-content-list"?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

package/dist/components/render-markdown/mark-down.postcss.css

@@ -8,12 +8,6 @@
     list-style: inherit !important;
   }
 
-  .v-note-wrapper.markdown-body pre {
-    color: #abb2bf !important;
-    background: #1a1a1a !important;
-    font-size: 14px !important;
-  }
-
 .v-note-show::-webkit-scrollbar {
     width: 8px;
     height: 8px;

package/dist/components/render-router-tab/index.vue.css

@@ -1,12 +1,12 @@
 
-.router-tab[data-v-xie1pgzy] {
+.router-tab[data-v-rig6kqvh] {
   margin-top: 2px;
   height: 42px;
   background: #FFFFFF;
   box-shadow: 0 2px 4px 0 #1919290d;
   padding: 0 45px;
 }
-.router-tab a[data-v-xie1pgzy] {
+.router-tab a[data-v-rig6kqvh] {
     padding: 0 8px;
     margin-right: 24px;
     font-size: 14px;
@@ -15,7 +15,7 @@
     color: #4D4F56;
     box-sizing: border-box;
 }
-.router-tab a.router-link-exact-active[data-v-xie1pgzy] {
+.router-tab a.router-link-exact-active[data-v-rig6kqvh] {
       color: #3A84FF;
       border-bottom: 2px solid #3A84FF;
 }

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-xie1pgzy";
+script.__scopeId = "data-v-rig6kqvh";
 script.__file = "./src/components/render-router-tab/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components.d.ts

@@ -8,6 +8,7 @@ import RenderDatasetDetail from './components/render-dataset-detail/index.vue';
 import RenderDatasetDetailOriginData from './components/render-dataset-detail-origin-data/index.vue';
 import RenderDatasetList from './components/render-dataset-list/index.vue';
 import RenderHeader from './components/render-header/index.vue';
+import RenderLike from './components/render-like/index.vue';
 import RenderMarkdown from './components/render-markdown/mark-down';
 import RenderSearchSelect from './components/render-search-select/index.vue';
-export { renderAuthDialog, RenderAutoRefresh, RenderDataset, RenderDatasetDetail, RenderDatasetList, RenderHeader, RenderAutoHeightTextarea, RenderDatasetDetailOriginData, RenderCheckbox, RenderChooseTag, RenderMarkdown, RenderSearchSelect, };
+export { renderAuthDialog, RenderAutoRefresh, RenderDataset, RenderDatasetDetail, RenderDatasetList, RenderHeader, RenderAutoHeightTextarea, RenderDatasetDetailOriginData, RenderCheckbox, RenderChooseTag, RenderMarkdown, RenderSearchSelect, RenderLike, };

package/dist/components.ts.js

@@ -9,6 +9,7 @@ import RenderDatasetDetail from './components/render-dataset-detail/index.vue.js
 import RenderDatasetDetailOriginData from './components/render-dataset-detail-origin-data/index.vue.js';
 import RenderDatasetList from './components/render-dataset-list/index.vue.js';
 import RenderHeader from './components/render-header/index.vue.js';
+import RenderLike from './components/render-like/index.vue.js';
 import RenderMarkdown from './components/render-markdown/mark-down.ts.js';
 import RenderSearchSelect from './components/render-search-select/index.vue.js';
-export { renderAuthDialog, RenderAutoRefresh, RenderDataset, RenderDatasetDetail, RenderDatasetList, RenderHeader, RenderAutoHeightTextarea, RenderDatasetDetailOriginData, RenderCheckbox, RenderChooseTag, RenderMarkdown, RenderSearchSelect };
+export { renderAuthDialog, RenderAutoRefresh, RenderDataset, RenderDatasetDetail, RenderDatasetList, RenderHeader, RenderAutoHeightTextarea, RenderDatasetDetailOriginData, RenderCheckbox, RenderChooseTag, RenderMarkdown, RenderSearchSelect, RenderLike };