@blueking/ai-ui-sdk 0.5.2-beta.5 → 0.6.0-beta.2

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

@@ -1,29 +1,21 @@
-"use strict";
-var _interopRequireDefault = require('../../../node_modules/@babel/runtime/helpers/interopRequireDefault.js');
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-exports.default = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require('../../../node_modules/@babel/runtime/helpers/toConsumableArray.js'));
-require('../../../node_modules/core-js/modules/es.array.map.js');
-require('../../../node_modules/core-js/modules/es.object.assign.js');
-require('../../../node_modules/core-js/modules/es.object.to-string.js');
-var _vue = require("vue");
-var _chooseFooter = _interopRequireDefault(require('./choose-footer.vue.js'));
-var _chooseResource = _interopRequireDefault(require('./choose-resource.vue.js'));
-var _chooseResult = _interopRequireDefault(require('./choose-result.vue.js'));
-var _chooseSpace = _interopRequireDefault(require('./choose-space.vue.js'));
-var _util = require('../../common/util.ts.js');
-var _hoisted_1 = {
+import { defineComponent as _defineComponent, resolveComponent as _resolveComponent2, createVNode as _createVNode2 } from 'vue';
+import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, openBlock as _openBlock, createBlock as _createBlock, createVNode as _createVNode, resolveComponent as _resolveComponent, withCtx as _withCtx } from "vue";
+const _hoisted_1 = {
     class: "resource-dialog-main g-flex-row"
 };
-var _hoisted_2 = {
+const _hoisted_2 = {
     class: "resource-dialog-choose"
 };
-var _hoisted_3 = {
+const _hoisted_3 = {
     class: "resource-dialog-title"
 };
-var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
+import { ref, watch } from 'vue';
+import ChooseFooter from './choose-footer.vue.js';
+import ChooseResource from './choose-resource.vue.js';
+import ChooseResult from './choose-result.vue.js';
+import ChooseSpace from './choose-space.vue.js';
+import { isEmpty } from '../../common/util.ts.js';
+export default /*@__PURE__*/ _defineComponent({
     props: {
         isShow: {
             type: Boolean
@@ -63,63 +55,47 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
         },
         showGenerateType: {
             type: Boolean
-        }
+        },
+        timezone: {}
     },
     emits: [
         "update:isShow",
         "confirm",
         "navigate"
     ],
-    setup: function setup(__props, _ref) {
-        var __emit = _ref.emit;
-        var props = __props;
-        var emits = __emit;
-        var choosenTools = (0, _vue.ref)([]);
-        var choosenMcps = (0, _vue.ref)([]);
-        var choosenKnowledges = (0, _vue.ref)([]);
-        var choosenKnowledgebases = (0, _vue.ref)([]);
-        var choosenAgents = (0, _vue.ref)([]);
-        var choosenSpace = (0, _vue.ref)();
-        var choosenRoles = (0, _vue.ref)([]);
-        var choosenPrompts = (0, _vue.ref)([]);
-        var choosenSkills = (0, _vue.ref)([]);
-        var module = (0, _vue.ref)(props.module);
-        var createdBy = (0, _vue.ref)(props.username);
-        var spaceName = (0, _vue.ref)('');
-        var RenderChooseResource = function RenderChooseResource() {
-            return (0, _vue.createVNode)(_chooseResource.default, {
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const choosenTools = ref([]);
+        const choosenMcps = ref([]);
+        const choosenKnowledges = ref([]);
+        const choosenKnowledgebases = ref([]);
+        const choosenAgents = ref([]);
+        const choosenSpace = ref();
+        const choosenRoles = ref([]);
+        const choosenPrompts = ref([]);
+        const choosenSkills = ref([]);
+        const module = ref(props.module);
+        const createdBy = ref(props.username);
+        const spaceName = ref('');
+        const RenderChooseResource = ()=>{
+            return _createVNode2(ChooseResource, {
                 "choosen-tools": choosenTools.value,
-                "onUpdate:choosen-tools": function onUpdateChoosenTools($event) {
-                    return choosenTools.value = $event;
-                },
+                "onUpdate:choosen-tools": ($event)=>choosenTools.value = $event,
                 "choosen-mcps": choosenMcps.value,
-                "onUpdate:choosen-mcps": function onUpdateChoosenMcps($event) {
-                    return choosenMcps.value = $event;
-                },
+                "onUpdate:choosen-mcps": ($event)=>choosenMcps.value = $event,
                 "choosen-knowledges": choosenKnowledges.value,
-                "onUpdate:choosen-knowledges": function onUpdateChoosenKnowledges($event) {
-                    return choosenKnowledges.value = $event;
-                },
+                "onUpdate:choosen-knowledges": ($event)=>choosenKnowledges.value = $event,
                 "choosen-knowledgebases": choosenKnowledgebases.value,
-                "onUpdate:choosen-knowledgebases": function onUpdateChoosenKnowledgebases($event) {
-                    return choosenKnowledgebases.value = $event;
-                },
+                "onUpdate:choosen-knowledgebases": ($event)=>choosenKnowledgebases.value = $event,
                 "choosen-agents": choosenAgents.value,
-                "onUpdate:choosen-agents": function onUpdateChoosenAgents($event) {
-                    return choosenAgents.value = $event;
-                },
+                "onUpdate:choosen-agents": ($event)=>choosenAgents.value = $event,
                 "choosen-roles": choosenRoles.value,
-                "onUpdate:choosen-roles": function onUpdateChoosenRoles($event) {
-                    return choosenRoles.value = $event;
-                },
+                "onUpdate:choosen-roles": ($event)=>choosenRoles.value = $event,
                 "choosen-prompts": choosenPrompts.value,
-                "onUpdate:choosen-prompts": function onUpdateChoosenPrompts($event) {
-                    return choosenPrompts.value = $event;
-                },
+                "onUpdate:choosen-prompts": ($event)=>choosenPrompts.value = $event,
                 "choosen-skills": choosenSkills.value,
-                "onUpdate:choosen-skills": function onUpdateChoosenSkills($event) {
-                    return choosenSkills.value = $event;
-                },
+                "onUpdate:choosen-skills": ($event)=>choosenSkills.value = $event,
                 "defaultModelId": props.defaultModelId,
                 "roleTypes": props.roleTypes,
                 "choosenSpace": choosenSpace.value,
@@ -138,24 +114,23 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                 "defaultIcon": props.defaultIcon,
                 "showSpace": props.showSpace,
                 "showGenerateType": props.showGenerateType,
+                "timezone": props.timezone,
                 "onNavigate": handleNavigate
             }, {
-                'pre-action': function preAction() {
-                    return (0, _vue.createVNode)((0, _vue.resolveComponent)("slot"), {
+                'pre-action': ()=>_createVNode2(_resolveComponent2("slot"), {
                         "name": "pre-action"
-                    }, null);
-                }
+                    }, null)
             });
         };
-        var handleConfirm = function handleConfirm() {
-            var skills = choosenSkills.value.map(function(item) {
+        const handleConfirm = ()=>{
+            const skills = choosenSkills.value.map((item)=>{
                 var _a, _b;
-                if (!(0, _util.isEmpty)(item.envs)) {
+                if (!isEmpty(item.envs)) {
                     return Object.assign({}, item);
                 }
                 return Object.assign(Object.assign({}, item), {
-                    envs: (_b = (_a = item.bkaiDependencies) === null || _a === void 0 ? void 0 : _a.envs) === null || _b === void 0 ? void 0 : _b.map(function(env) {
-                        if ((0, _util.isEmpty)(env.value) && !(0, _util.isEmpty)(env.default)) {
+                    envs: (_b = (_a = item.bkaiDependencies) === null || _a === void 0 ? void 0 : _a.envs) === null || _b === void 0 ? void 0 : _b.map((env)=>{
+                        if (isEmpty(env.value) && !isEmpty(env.default)) {
                             return Object.assign(Object.assign({}, env), {
                                 value: env.default
                             });
@@ -172,49 +147,62 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                 agents: choosenAgents.value,
                 roles: choosenRoles.value,
                 prompts: choosenPrompts.value,
-                skills: skills
+                skills
             });
         };
-        var handleClose = function handleClose() {
+        const handleClose = ()=>{
             emits('update:isShow', false);
         };
-        var handleInit = function handleInit() {
-            choosenTools.value = (0, _toConsumableArray2.default)(props.tools || []);
-            choosenMcps.value = (0, _toConsumableArray2.default)(props.mcps || []);
-            choosenKnowledges.value = (0, _toConsumableArray2.default)(props.knowledges || []);
-            choosenKnowledgebases.value = (0, _toConsumableArray2.default)(props.knowledgebases || []);
-            choosenAgents.value = (0, _toConsumableArray2.default)(props.agents || []);
-            choosenRoles.value = (0, _toConsumableArray2.default)(props.roles || []);
-            choosenPrompts.value = (0, _toConsumableArray2.default)(props.prompts || []);
-            choosenSkills.value = (0, _toConsumableArray2.default)(props.skills || []);
+        const handleInit = ()=>{
+            choosenTools.value = [
+                ...props.tools || []
+            ];
+            choosenMcps.value = [
+                ...props.mcps || []
+            ];
+            choosenKnowledges.value = [
+                ...props.knowledges || []
+            ];
+            choosenKnowledgebases.value = [
+                ...props.knowledgebases || []
+            ];
+            choosenAgents.value = [
+                ...props.agents || []
+            ];
+            choosenRoles.value = [
+                ...props.roles || []
+            ];
+            choosenPrompts.value = [
+                ...props.prompts || []
+            ];
+            choosenSkills.value = [
+                ...props.skills || []
+            ];
             module.value = props.module;
             createdBy.value = props.username;
         };
-        var handleNavigate = function handleNavigate(route) {
+        const handleNavigate = (route)=>{
             emits('navigate', route);
         };
-        (0, _vue.watch)(function() {
-            return props.isShow;
-        }, function() {
+        watch(()=>props.isShow, ()=>{
             if (props.isShow) {
                 handleInit();
             }
         });
-        return function(_ctx, _cache) {
-            var _component_bk_resize_layout = (0, _vue.resolveComponent)("bk-resize-layout");
-            var _component_bk_dialog = (0, _vue.resolveComponent)("bk-dialog");
-            return (0, _vue.openBlock)(), (0, _vue.createBlock)(_component_bk_dialog, {
+        return (_ctx, _cache)=>{
+            const _component_bk_resize_layout = _resolveComponent("bk-resize-layout");
+            const _component_bk_dialog = _resolveComponent("bk-dialog");
+            return _openBlock(), _createBlock(_component_bk_dialog, {
+                "close-icon": false,
+                "quick-close": false,
+                "is-show": __props.isShow,
                 class: "g-show-dialog resource-dialog",
                 width: "80%",
                 "dialog-type": "show",
-                "render-directive": "if",
-                "close-icon": false,
-                "quick-close": false,
-                "is-show": __props.isShow
+                "render-directive": "if"
             }, {
-                footer: (0, _vue.withCtx)(function() {
-                    return [
-                        (0, _vue.createVNode)(_chooseFooter.default, {
+                footer: _withCtx(()=>[
+                        _createVNode(ChooseFooter, {
                             "choosen-tools": choosenTools.value,
                             "choosen-mcps": choosenMcps.value,
                             "choosen-knowledges": choosenKnowledges.value,
@@ -246,72 +234,47 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                             "api-prefix",
                             "space-id"
                         ])
-                    ];
-                }),
-                default: (0, _vue.withCtx)(function() {
-                    return [
-                        (0, _vue.createElementVNode)("section", _hoisted_1, [
-                            (0, _vue.createElementVNode)("section", _hoisted_2, [
-                                (0, _vue.createElementVNode)("h5", _hoisted_3, (0, _vue.toDisplayString)(props.title), 1 /* TEXT */ ),
-                                !__props.showSpace ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(RenderChooseResource, {
+                    ]),
+                default: _withCtx(()=>[
+                        _createElementVNode("section", _hoisted_1, [
+                            _createElementVNode("section", _hoisted_2, [
+                                _createElementVNode("h5", _hoisted_3, _toDisplayString(props.title), 1 /* TEXT */ ),
+                                !__props.showSpace ? (_openBlock(), _createBlock(RenderChooseResource, {
                                     key: 0
-                                })) : ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_bk_resize_layout, {
+                                })) : (_openBlock(), _createBlock(_component_bk_resize_layout, {
                                     key: 1,
-                                    class: "resource-dialog-layout",
-                                    "initial-divide": "33%",
                                     max: 400,
                                     min: 300,
                                     collapsible: true,
                                     border: false,
+                                    class: "resource-dialog-layout",
+                                    "initial-divide": "33%",
                                     immediate: ""
                                 }, {
-                                    aside: (0, _vue.withCtx)(function() {
-                                        return [
-                                            (0, _vue.createVNode)(_chooseSpace.default, {
+                                    aside: _withCtx(()=>[
+                                            _createVNode(ChooseSpace, {
                                                 "choosen-space": choosenSpace.value,
-                                                "onUpdate:choosenSpace": _cache[0] || (_cache[0] = function($event) {
-                                                    return choosenSpace.value = $event;
-                                                }),
+                                                "onUpdate:choosenSpace": _cache[0] || (_cache[0] = ($event)=>choosenSpace.value = $event),
                                                 "choosen-tools": choosenTools.value,
-                                                "onUpdate:choosenTools": _cache[1] || (_cache[1] = function($event) {
-                                                    return choosenTools.value = $event;
-                                                }),
+                                                "onUpdate:choosenTools": _cache[1] || (_cache[1] = ($event)=>choosenTools.value = $event),
                                                 "choosen-mcps": choosenMcps.value,
-                                                "onUpdate:choosenMcps": _cache[2] || (_cache[2] = function($event) {
-                                                    return choosenMcps.value = $event;
-                                                }),
+                                                "onUpdate:choosenMcps": _cache[2] || (_cache[2] = ($event)=>choosenMcps.value = $event),
                                                 "choosen-knowledges": choosenKnowledges.value,
-                                                "onUpdate:choosenKnowledges": _cache[3] || (_cache[3] = function($event) {
-                                                    return choosenKnowledges.value = $event;
-                                                }),
+                                                "onUpdate:choosenKnowledges": _cache[3] || (_cache[3] = ($event)=>choosenKnowledges.value = $event),
                                                 "choosen-knowledgebases": choosenKnowledgebases.value,
-                                                "onUpdate:choosenKnowledgebases": _cache[4] || (_cache[4] = function($event) {
-                                                    return choosenKnowledgebases.value = $event;
-                                                }),
+                                                "onUpdate:choosenKnowledgebases": _cache[4] || (_cache[4] = ($event)=>choosenKnowledgebases.value = $event),
                                                 "choosen-agents": choosenAgents.value,
-                                                "onUpdate:choosenAgents": _cache[5] || (_cache[5] = function($event) {
-                                                    return choosenAgents.value = $event;
-                                                }),
+                                                "onUpdate:choosenAgents": _cache[5] || (_cache[5] = ($event)=>choosenAgents.value = $event),
                                                 "choosen-roles": choosenRoles.value,
-                                                "onUpdate:choosenRoles": _cache[6] || (_cache[6] = function($event) {
-                                                    return choosenRoles.value = $event;
-                                                }),
+                                                "onUpdate:choosenRoles": _cache[6] || (_cache[6] = ($event)=>choosenRoles.value = $event),
                                                 "choosen-prompts": choosenPrompts.value,
-                                                "onUpdate:choosenPrompts": _cache[7] || (_cache[7] = function($event) {
-                                                    return choosenPrompts.value = $event;
-                                                }),
+                                                "onUpdate:choosenPrompts": _cache[7] || (_cache[7] = ($event)=>choosenPrompts.value = $event),
                                                 "choosen-skills": choosenSkills.value,
-                                                "onUpdate:choosenSkills": _cache[8] || (_cache[8] = function($event) {
-                                                    return choosenSkills.value = $event;
-                                                }),
+                                                "onUpdate:choosenSkills": _cache[8] || (_cache[8] = ($event)=>choosenSkills.value = $event),
                                                 "space-name": spaceName.value,
-                                                "onUpdate:spaceName": _cache[9] || (_cache[9] = function($event) {
-                                                    return spaceName.value = $event;
-                                                }),
+                                                "onUpdate:spaceName": _cache[9] || (_cache[9] = ($event)=>spaceName.value = $event),
                                                 "created-by": createdBy.value,
-                                                "onUpdate:createdBy": _cache[10] || (_cache[10] = function($event) {
-                                                    return createdBy.value = $event;
-                                                }),
+                                                "onUpdate:createdBy": _cache[10] || (_cache[10] = ($event)=>createdBy.value = $event),
                                                 "agent-id": __props.agentId,
                                                 "agent-code": __props.agentCode,
                                                 "agent-type": __props.agentType,
@@ -343,49 +306,30 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                                                 "username",
                                                 "api-prefix"
                                             ])
-                                        ];
-                                    }),
-                                    main: (0, _vue.withCtx)(function() {
-                                        return [
-                                            (0, _vue.createVNode)(RenderChooseResource)
-                                        ];
-                                    }),
+                                        ]),
+                                    main: _withCtx(()=>[
+                                            _createVNode(RenderChooseResource)
+                                        ]),
                                     _: 1 /* STABLE */ 
                                 }))
                             ]),
-                            (0, _vue.createVNode)(_chooseResult.default, {
+                            _createVNode(ChooseResult, {
                                 "choosen-tools": choosenTools.value,
-                                "onUpdate:choosenTools": _cache[11] || (_cache[11] = function($event) {
-                                    return choosenTools.value = $event;
-                                }),
+                                "onUpdate:choosenTools": _cache[11] || (_cache[11] = ($event)=>choosenTools.value = $event),
                                 "choosen-mcps": choosenMcps.value,
-                                "onUpdate:choosenMcps": _cache[12] || (_cache[12] = function($event) {
-                                    return choosenMcps.value = $event;
-                                }),
+                                "onUpdate:choosenMcps": _cache[12] || (_cache[12] = ($event)=>choosenMcps.value = $event),
                                 "choosen-agents": choosenAgents.value,
-                                "onUpdate:choosenAgents": _cache[13] || (_cache[13] = function($event) {
-                                    return choosenAgents.value = $event;
-                                }),
+                                "onUpdate:choosenAgents": _cache[13] || (_cache[13] = ($event)=>choosenAgents.value = $event),
                                 "choosen-knowledges": choosenKnowledges.value,
-                                "onUpdate:choosenKnowledges": _cache[14] || (_cache[14] = function($event) {
-                                    return choosenKnowledges.value = $event;
-                                }),
+                                "onUpdate:choosenKnowledges": _cache[14] || (_cache[14] = ($event)=>choosenKnowledges.value = $event),
                                 "choosen-knowledgebases": choosenKnowledgebases.value,
-                                "onUpdate:choosenKnowledgebases": _cache[15] || (_cache[15] = function($event) {
-                                    return choosenKnowledgebases.value = $event;
-                                }),
+                                "onUpdate:choosenKnowledgebases": _cache[15] || (_cache[15] = ($event)=>choosenKnowledgebases.value = $event),
                                 "choosen-roles": choosenRoles.value,
-                                "onUpdate:choosenRoles": _cache[16] || (_cache[16] = function($event) {
-                                    return choosenRoles.value = $event;
-                                }),
+                                "onUpdate:choosenRoles": _cache[16] || (_cache[16] = ($event)=>choosenRoles.value = $event),
                                 "choosen-prompts": choosenPrompts.value,
-                                "onUpdate:choosenPrompts": _cache[17] || (_cache[17] = function($event) {
-                                    return choosenPrompts.value = $event;
-                                }),
+                                "onUpdate:choosenPrompts": _cache[17] || (_cache[17] = ($event)=>choosenPrompts.value = $event),
                                 "choosen-skills": choosenSkills.value,
-                                "onUpdate:choosenSkills": _cache[18] || (_cache[18] = function($event) {
-                                    return choosenSkills.value = $event;
-                                }),
+                                "onUpdate:choosenSkills": _cache[18] || (_cache[18] = ($event)=>choosenSkills.value = $event),
                                 module: module.value,
                                 "space-id": __props.spaceId,
                                 spaces: __props.spaces,
@@ -404,8 +348,7 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                                 "spaces"
                             ])
                         ])
-                    ];
-                }),
+                    ]),
                 _: 1 /* STABLE */ 
             }, 8 /* PROPS */ , [
                 "is-show"

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

@@ -1,24 +1,24 @@
 
-.resource-dialog[data-v-1b00fbzp] .bk-modal-wrapper {
+.resource-dialog[data-v-04ttigzu] .bk-modal-wrapper {
     max-width: 1600px;
 }
-.resource-dialog-main[data-v-1b00fbzp] {
+.resource-dialog-main[data-v-04ttigzu] {
   height: 60vh;
 }
-.resource-dialog-choose[data-v-1b00fbzp] {
+.resource-dialog-choose[data-v-04ttigzu] {
   width: 75%;
   height: 100%;
 }
-.resource-dialog-title[data-v-1b00fbzp] {
+.resource-dialog-title[data-v-04ttigzu] {
   font-size: 20px;
   line-height: 28px;
-  color: #313238;
+  color: var(--aidev-title-color);
   padding: 15px 24px 14px;
 }
-.resource-dialog-layout[data-v-1b00fbzp] {
+.resource-dialog-layout[data-v-04ttigzu] {
   height: calc(100% - 57px);
 }
-.resource-dialog-result[data-v-1b00fbzp] {
+.resource-dialog-result[data-v-04ttigzu] {
   width: 25%;
   height: 100%;
 }

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

@@ -37,6 +37,7 @@ interface IProps {
     defaultIcon?: string;
     showSpace?: boolean;
     showGenerateType?: boolean;
+    timezone?: string;
 }
 declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     navigate: (value: ISdkNavigateAction) => any;

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

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

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

@@ -6,7 +6,7 @@
   background-color: #fff;
   color: #333;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-  border-radius: 2px;
+  border-radius: var(--aidev-radius);
 }
 .tippy-box[data-theme~='light'] .tippy-arrow {
     color: #fff;
@@ -19,7 +19,7 @@
   color: #333;
   border: 1px solid #dcdee5;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-  border-radius: 2px;
+  border-radius: var(--aidev-radius);
 }
 .tippy-box[data-theme~='light-border'] .tippy-arrow {
     color: #fff;

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

@@ -49,11 +49,11 @@ declare const __VLS_base: import("vue").DefineComponent<IProps, {
     onShown?: (instance: Instance<Props>) => any;
 }>, {
     disabled: boolean;
-    placement: Placement;
     theme: "light" | "light-border" | "material" | "translucent";
+    delay: number | [number | null, number | null];
+    placement: Placement;
     arrow: boolean;
     animation: "fade" | "shift-away" | "shift-toward" | "scale" | "perspective";
-    delay: number | [number | null, number | null];
     maxWidth: number | string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -0,0 +1,87 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, renderSlot as _renderSlot, resolveComponent as _resolveComponent, withCtx as _withCtx, renderList as _renderList, createSlots as _createSlots, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+const _hoisted_1 = [
+    "innerHTML"
+];
+import { computed, ref, useSlots, watch } from 'vue';
+import { ILLUSTRATION_LOADERS } from './svgs/index.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        type: {
+            default: '404'
+        },
+        scene: {
+            default: 'page'
+        },
+        title: {
+            default: undefined
+        },
+        description: {
+            default: undefined
+        }
+    },
+    setup (__props) {
+        const props = __props;
+        const slots = useSlots();
+        const svg = ref('');
+        let loadToken = 0;
+        const idSuffix = `-${Math.random().toString(36).slice(2, 10)}`;
+        const forwardedSlotNames = computed(()=>Object.keys(slots).filter((name)=>name !== 'type'));
+        // 内联 SVG 的 id 是文档全局的，多实例共用同名渐变时，若首个实例处于 display:none 容器内，其余实例的渐变都会失效
+        const getScopedSvgIds = (content)=>content.replace(/\bid="([^"]+)"/g, `id="$1${idSuffix}"`).replace(/url\(#([^)]+)\)/g, `url(#$1${idSuffix})`);
+        watch(()=>props.type, (type)=>{
+            const key = type === 'search-empty' ? 'search' : type;
+            loadToken += 1;
+            const token = loadToken;
+            ILLUSTRATION_LOADERS[key]().then((content)=>{
+                if (token === loadToken) svg.value = getScopedSvgIds(content);
+            }).catch(()=>{
+                if (token === loadToken) svg.value = '';
+            });
+        }, {
+            immediate: true
+        });
+        return (_ctx, _cache)=>{
+            const _component_bk_exception = _resolveComponent("bk-exception");
+            return _openBlock(), _createBlock(_component_bk_exception, {
+                type: props.type,
+                scene: props.scene,
+                title: props.title,
+                description: props.description
+            }, _createSlots({
+                type: _withCtx(()=>[
+                        _createCommentVNode(" eslint-disable vue/no-v-html "),
+                        _createElementVNode("span", {
+                            class: _normalizeClass([
+                                'g-flex',
+                                'g-items-center',
+                                'g-justify-center',
+                                'g-w-full',
+                                'g-h-full',
+                                'g-overflow-hidden',
+                                props.scene === 'page' ? 'is-page' : 'is-part'
+                            ]),
+                            "aria-hidden": "true",
+                            innerHTML: svg.value
+                        }, null, 10 /* CLASS, PROPS */ , _hoisted_1),
+                        _createCommentVNode(" eslint-enable vue/no-v-html ")
+                    ]),
+                _: 2 /* DYNAMIC */ 
+            }, [
+                _renderList(forwardedSlotNames.value, (name)=>{
+                    return {
+                        name: name,
+                        fn: _withCtx((slotProps)=>[
+                                _renderSlot(_ctx.$slots, name, _normalizeProps(_guardReactiveProps(slotProps || {})), undefined, true)
+                            ])
+                    };
+                })
+            ]), 1032 /* PROPS, DYNAMIC_SLOTS */ , [
+                "type",
+                "scene",
+                "title",
+                "description"
+            ]);
+        };
+    }
+});

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

@@ -0,0 +1,32 @@
+
+[data-v-5dvrftt6] svg {
+  flex-shrink: 0;
+  max-width: none;
+  height: auto;
+}
+.is-part[data-v-5dvrftt6] svg {
+  width: 300%;
+}
+.is-page[data-v-5dvrftt6] svg {
+  width: 100%;
+}
+[data-v-5dvrftt6] .bk-exception-title {
+  margin-top: -10px;
+  margin-bottom: 20px;
+}
+[data-v-5dvrftt6] .bk-exception-description {
+  margin-bottom: 8px;
+  white-space: pre-wrap;
+}
+[data-v-5dvrftt6] .bk-exception-footer {
+  margin-top: 0;
+}
+[data-v-5dvrftt6] .bk-exception-footer:has(.bk-exception-description) {
+  text-align: left;
+}
+.bk-exception-part[data-v-5dvrftt6] .bk-exception-description {
+  margin-top: 0;
+}
+.bk-exception-page[data-v-5dvrftt6] .bk-exception-description {
+  margin-top: -36px;
+}