@blueking/ai-ui-sdk 0.1.10-beta.1 → 0.1.10-beta.10

package/dist/common/util.d.ts

@@ -68,6 +68,13 @@ export declare function durationFormatter(val: number): string;
  */
 export declare function handleDownLoad(source: string, filename?: string): void;
 export declare const handleCopy: (text: string) => void;
+/**
+ * 时间格式化
+ * @param val 待格式化时间
+ * @param format 格式
+ * @returns 格式化后的时间
+ */
+export declare function timeFormatter(val: string, format?: string): string;
 /**
  * 处理提示词模板,替换模板中的变量
  * @param prompt 提示词模板

package/dist/common/util.ts.js

@@ -1,4 +1,5 @@
 import { Message } from 'bkui-vue';
+import dayjs from 'dayjs';
 /**
  * 选择要上传的文件
  * @param accept 可接受的类型
@@ -205,6 +206,14 @@ export const handleCopy = (text)=>{
     });
     document.body.removeChild(textarea);
 };
+/**
+ * 时间格式化
+ * @param val 待格式化时间
+ * @param format 格式
+ * @returns 格式化后的时间
+ */ export function timeFormatter(val, format = 'YYYY-MM-DD HH:mm:ss') {
+    return val ? dayjs(val).format(format) : '--';
+}
 /**
  * 处理提示词模板,替换模板中的变量
  * @param prompt 提示词模板

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

@@ -1,12 +1,12 @@
 
-.aside-home[data-v-49yhqw7x] {
+.aside-home[data-v-s905nqdv] {
   width: 300px;
   height: 100%;
   background: #FFFFFF;
   padding: 16px;
   border-right: 1px solid #eaebf0;
 }
-[data-v-49yhqw7x] .aside-item {
+[data-v-s905nqdv] .aside-item {
   width: 268px;
   line-height: 36px;
   border-radius: 2px;
@@ -16,30 +16,30 @@
   justify-content: space-between;
   color: #979BA5;
 }
-[data-v-49yhqw7x] .aside-item.is-tab {
+[data-v-s905nqdv] .aside-item.is-tab {
     background: #F5F7FA;
     cursor: pointer;
     color: #4D4F56;
 }
-[data-v-49yhqw7x] .aside-item.is-tab:hover {
+[data-v-s905nqdv] .aside-item.is-tab:hover {
       background: #F0F5FF;
 }
-[data-v-49yhqw7x] .aside-item.active {
+[data-v-s905nqdv] .aside-item.active {
     background: #F0F5FF;
     color: #3A84FF;
     font-weight: 700;
 }
-[data-v-49yhqw7x] .aside-item.active .tab-num {
+[data-v-s905nqdv] .aside-item.active .tab-num {
       background: #3A84FF;
       color: #fff;
 }
-[data-v-49yhqw7x] .aside-item.active .active-text {
+[data-v-s905nqdv] .aside-item.active .active-text {
       color: #3A84FF;
 }
-[data-v-49yhqw7x] .aside-item .tab-name {
+[data-v-s905nqdv] .aside-item .tab-name {
     flex: 1;
 }
-[data-v-49yhqw7x] .aside-item .tab-num {
+[data-v-s905nqdv] .aside-item .tab-num {
     background: #EAEBF0;
     border-radius: 2px;
     margin-left: 5px;

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

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

package/dist/components/render-auto-height-textarea/index.vue.css

@@ -1,40 +1,40 @@
 
-.send-container[data-v-096oq65c] {
+.send-container[data-v-w7f4yky1] {
   position: relative;
 }
-.send-container[data-v-096oq65c]:has(textarea:focus) {
+.send-container[data-v-w7f4yky1]:has(textarea:focus) {
     z-index: 2;
 }
-.send-container:hover .send-clear[data-v-096oq65c] {
+.send-container:hover .send-clear[data-v-w7f4yky1] {
       display: inline-flex !important;
 }
-.send-input[data-v-096oq65c] {
+.send-input[data-v-w7f4yky1] {
   width: 100%;
   flex-direction: row;
   height: var(--origin-height);
 }
-.send-input[data-v-096oq65c]:has(textarea:focus) {
+.send-input[data-v-w7f4yky1]:has(textarea:focus) {
     height: var(--text-height);
 }
-.send-input[data-v-096oq65c] textarea {
+.send-input[data-v-w7f4yky1] textarea {
     font-size: 12px;
     line-height: 16px;
     padding: 7px;
     resize: none !important;
 }
-.send-input[data-v-096oq65c] textarea::-webkit-scrollbar {
+.send-input[data-v-w7f4yky1] textarea::-webkit-scrollbar {
       width: 4px;
       height: 4px;
 }
-.send-input[data-v-096oq65c] textarea::-webkit-scrollbar-thumb {
+.send-input[data-v-w7f4yky1] textarea::-webkit-scrollbar-thumb {
       height: 5px;
       border-radius: 3px;
       background-color: #dcdee5;
 }
-.send-input[data-v-096oq65c] textarea::placeholder {
+.send-input[data-v-w7f4yky1] textarea::placeholder {
       line-height: 16px;
 }
-.send-clear[data-v-096oq65c] {
+.send-clear[data-v-w7f4yky1] {
   display: none !important;
   position: absolute;
   right: 10px;
@@ -43,6 +43,6 @@
   font-size: 14px;
   cursor: pointer;
 }
-.send-clear[data-v-096oq65c]:hover {
+.send-clear[data-v-w7f4yky1]:hover {
     color: #313238;
 }

package/dist/components/render-auto-height-textarea/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-096oq65c";
+script.__scopeId = "data-v-w7f4yky1";
 script.__file = "./src/components/render-auto-height-textarea/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-auto-refresh/index.script.vue.js.js

@@ -0,0 +1,125 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode } from "vue";
+const _hoisted_1 = [
+    "onClick"
+];
+import { ref, watch } from 'vue';
+export default /*@__PURE__*/ _defineComponent({
+    emits: [
+        "update"
+    ],
+    setup (__props, { emit: __emit }) {
+        const emits = __emit;
+        const autoRefreshTimes = [
+            {
+                id: -1,
+                name: 'off'
+            },
+            {
+                id: 60 * 1000,
+                name: '1m'
+            },
+            {
+                id: 5 * 60 * 1000,
+                name: '5m'
+            },
+            {
+                id: 15 * 60 * 1000,
+                name: '15m'
+            },
+            {
+                id: 30 * 60 * 1000,
+                name: '30m'
+            },
+            {
+                id: 60 * 60 * 1000,
+                name: '1h'
+            },
+            {
+                id: 2 * 60 * 60 * 1000,
+                name: '2h'
+            },
+            {
+                id: 24 * 60 * 60 * 1000,
+                name: '1d'
+            }
+        ];
+        const popoverRef = ref();
+        const autoRefreshTime = ref(-1);
+        const handleChangeAutoRefreshTime = (id)=>{
+            autoRefreshTime.value = id;
+            handleHideAutoRefresh();
+        };
+        const handleHideAutoRefresh = ()=>{
+            var _popoverRef_value;
+            (_popoverRef_value = popoverRef.value) === null || _popoverRef_value === void 0 ? void 0 : _popoverRef_value.hide();
+        };
+        const handleShowAutoRefresh = ()=>{
+            var _popoverRef_value;
+            (_popoverRef_value = popoverRef.value) === null || _popoverRef_value === void 0 ? void 0 : _popoverRef_value.show();
+        };
+        const handleUpdate = ()=>{
+            emits('update');
+        };
+        const handleLoopUpdate = ()=>{
+            if (autoRefreshTime.value > -1) {
+                setTimeout(()=>{
+                    handleUpdate();
+                    handleLoopUpdate();
+                }, autoRefreshTime.value);
+            }
+        };
+        watch(()=>autoRefreshTime.value, handleLoopUpdate);
+        return (_ctx, _cache)=>{
+            const _component_bk_popover = _resolveComponent("bk-popover");
+            return _openBlock(), _createElementBlock(_Fragment, null, [
+                _createVNode(_component_bk_popover, {
+                    theme: "light",
+                    placement: "bottom",
+                    "ext-cls": "empty-padding",
+                    ref_key: "popoverRef",
+                    ref: popoverRef,
+                    arrow: false
+                }, {
+                    content: _withCtx(()=>[
+                            _createElementVNode("ul", {
+                                class: "textarea-list g-scrollbar",
+                                onMouseleave: handleHideAutoRefresh
+                            }, [
+                                (_openBlock(), _createElementBlock(_Fragment, null, _renderList(autoRefreshTimes, (item)=>{
+                                    return _createElementVNode("li", {
+                                        key: item.id,
+                                        class: "textarea-item",
+                                        onClick: ($event)=>handleChangeAutoRefreshTime(item.id)
+                                    }, _toDisplayString(item.name), 9 /* TEXT, PROPS */ , _hoisted_1);
+                                }), 64 /* STABLE_FRAGMENT */ ))
+                            ], 32 /* NEED_HYDRATION */ )
+                        ]),
+                    default: _withCtx(()=>{
+                        var _autoRefreshTimes_find;
+                        return [
+                            _createElementVNode("span", {
+                                class: "auto-refresh g-mr-10",
+                                onMouseenter: handleShowAutoRefresh
+                            }, [
+                                _cache[0] || (_cache[0] = _createElementVNode("i", {
+                                    class: "ai-ui-sdk-icon ai-ui-sdk-auto-refresh-line g-mr-4 g-text-16"
+                                }, null, -1 /* HOISTED */ )),
+                                _createTextVNode(" " + _toDisplayString((_autoRefreshTimes_find = autoRefreshTimes.find((item)=>item.id === autoRefreshTime.value)) === null || _autoRefreshTimes_find === void 0 ? void 0 : _autoRefreshTimes_find.name), 1 /* TEXT */ )
+                            ], 32 /* NEED_HYDRATION */ )
+                        ];
+                    }),
+                    _: 1 /* STABLE */ 
+                }, 512 /* NEED_PATCH */ ),
+                _createElementVNode("span", {
+                    class: "refresh g-mr-10",
+                    onClick: handleUpdate
+                }, _cache[1] || (_cache[1] = [
+                    _createElementVNode("i", {
+                        class: "ai-ui-sdk-icon ai-ui-sdk-refresh g-text-16"
+                    }, null, -1 /* HOISTED */ )
+                ]))
+            ], 64 /* STABLE_FRAGMENT */ );
+        };
+    }
+});

package/dist/components/render-auto-refresh/index.vue.css

@@ -0,0 +1,45 @@
+
+.auto-refresh[data-v-x4kuu75t] {
+  position: relative;
+  cursor: pointer;
+  line-height: 26px;
+  padding: 0 4px;
+}
+.auto-refresh[data-v-x4kuu75t]:after {
+    content: '';
+    position: absolute;
+    top: 5px;
+    right: -5px;
+    width: 1px;
+    height: 16px;
+    background-color: #dcdee5;
+    z-index: 1;
+}
+.auto-refresh[data-v-x4kuu75t]:hover {
+    color: #3A84FF;
+    background-color: #E1ECFF;
+}
+.refresh[data-v-x4kuu75t] {
+  cursor: pointer;
+  line-height: 26px;
+  padding: 0 4px;
+}
+.refresh[data-v-x4kuu75t]:hover {
+    color: #3A84FF;
+    background-color: #E1ECFF;
+}
+.textarea-list[data-v-x4kuu75t] {
+  padding: 4px 0;
+  line-height: 32px;
+  max-height: 300px;
+  position: relative;
+  z-index: 2;
+}
+.textarea-list .textarea-item[data-v-x4kuu75t] {
+    padding: 0 12px;
+    cursor: pointer;
+}
+.textarea-list .textarea-item[data-v-x4kuu75t]:hover {
+      background: #E1ECFF;
+      color: #3A84FF;
+}

package/dist/components/render-auto-refresh/index.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    update: () => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onUpdate?: () => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/render-auto-refresh/index.vue.js

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

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

@@ -0,0 +1,37 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        checked: {
+            type: Boolean
+        },
+        indeterminate: {
+            type: Boolean
+        },
+        disabled: {
+            type: Boolean
+        }
+    },
+    emits: [
+        "change"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const handleClick = ()=>{
+            if (props.disabled) return;
+            emits('change', !props.checked && !props.indeterminate);
+        };
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createElementBlock("span", {
+                class: _normalizeClass({
+                    'checkbox': true,
+                    'checked': _ctx.checked,
+                    'indeterminate': _ctx.indeterminate,
+                    'disabled': _ctx.disabled
+                }),
+                onClick: handleClick
+            }, null, 2 /* CLASS */ );
+        };
+    }
+});

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

@@ -0,0 +1,59 @@
+
+.checkbox[data-v-az36cwy4] {
+  position: relative;
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  border: 1px solid #979ba5;
+  border-radius: 2px;
+  cursor: pointer;
+}
+.checkbox.disabled[data-v-az36cwy4] {
+    cursor: not-allowed;
+    background: #fafbfd;
+    border-color: #dcdee5;
+}
+.checkbox.disabled.checked[data-v-az36cwy4] {
+      background-color: #a3c5fd;
+      border-color: #a3c5fd;
+}
+.checkbox.disabled.indeterminate[data-v-az36cwy4] {
+      background-color: #fafbfd;
+      border-color: #dcdee5;
+}
+.checkbox.disabled.indeterminate[data-v-az36cwy4]:after {
+        background: #dcdee5;
+}
+.checkbox.checked[data-v-az36cwy4] {
+    background-color: #3a84ff;
+    border: 1px solid #3a84ff;
+}
+.checkbox.checked[data-v-az36cwy4]:after {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 4px;
+      height: 8px;
+      border: 2px solid #fff;
+      border-top: 0;
+      border-left: 0;
+      content: "";
+      transform: translate(-50%, -60%) rotate(45deg);
+      transform-origin: center;
+}
+.checkbox.indeterminate[data-v-az36cwy4] {
+    background-color: #3a84ff;
+    border: 1px solid #3a84ff;
+}
+.checkbox.indeterminate[data-v-az36cwy4]:after {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 8px;
+      height: 2px;
+      background: #fff;
+      border: none;
+      border-radius: 2px;
+      content: "";
+      transform: translate(-50%, -50%);
+}

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

@@ -0,0 +1,11 @@
+interface IProps {
+    checked: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+}
+declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (checked: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onChange?: (checked: boolean) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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