@blueking/ai-ui-sdk 0.5.0-beta.2 → 0.5.0-beta.3

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

@@ -0,0 +1,127 @@
+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",
+                                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 /* CACHED */ )),
+                                _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",
+                    onClick: handleUpdate
+                }, [
+                    ..._cache[1] || (_cache[1] = [
+                        _createElementVNode("i", {
+                            class: "ai-ui-sdk-icon ai-ui-sdk-refresh g-text-16"
+                        }, null, -1 /* CACHED */ )
+                    ])
+                ])
+            ], 64 /* STABLE_FRAGMENT */ );
+        };
+    }
+});

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

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

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-w5i9a5q2";
+script.__file = "./src/components/render-auto-refresh/index.vue";
+import './index.vue.css';
+export default script;