@blueking/ai-blueking 0.0.2 → 0.0.4

package/README.md

@@ -21,6 +21,8 @@ npm i @blueking/ai-blueking
       :position-limit="positionLimit"
       :prompts="prompts"
       :size-limit="sizeLimit"
+      :start-position="startPosition"
+      :start-size="startSize"
       @choose-prompt="handleChoosePrompt"
       @clear="handleClear"
       @close="handleClose"
@@ -94,8 +96,18 @@ npm i @blueking/ai-blueking
   };
   // 组件最小尺寸
   const sizeLimit = {
-    height: 500,
-    width: 294,
+    height: 320,
+    width: 400,
+  };
+  // 初始位置
+  const startPosition = {
+    right: 0,
+    left: window.innerWidth - sizeLimit.width,
+  };
+  // 初始大小
+  const startSize = {
+    height: 560,
+    width: 400,
   };
 
   const handleClear = () => {
@@ -135,6 +147,8 @@ npm i @blueking/bkui-library
       :position-limit="positionLimit"
       :prompts="prompts"
       :size-limit="sizeLimit"
+      :start-position="startPosition"
+      :start-size="startSize"
       @choose-prompt="handleChoosePrompt"
       @clear="handleClear"
       @close="handleClose"
@@ -203,8 +217,16 @@ npm i @blueking/bkui-library
           right: 0,
         },
         sizeLimit: {
-          height: 500,
-          width: 294,
+          height: 320,
+          width: 400,
+        },
+        startPosition: {
+          right: 0,
+          left: window.innerWidth - 400,
+        },
+        startSize: {
+          height: 560,
+          width: 400,
         },
       };
     },

package/dist/ai-blueking.vue.d.ts

@@ -1,4 +1,4 @@
-import type { IMessage, IPrompt, IPositionLimit, ISizeLimit, IStartPosition } from './types';
+import type { IMessage, IPrompt, IPositionLimit, ISize, IStartPosition } from './types';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     messages: IMessage[];
     prompts?: IPrompt[] | undefined;
@@ -6,8 +6,9 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     headBackground?: string | undefined;
     background?: string | undefined;
     positionLimit?: IPositionLimit | undefined;
-    sizeLimit?: ISizeLimit | undefined;
+    sizeLimit?: ISize | undefined;
     startPosition?: IStartPosition | undefined;
+    startSize?: ISize | undefined;
     userPhoto?: string | undefined;
     logo?: string | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -22,8 +23,9 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     headBackground?: string | undefined;
     background?: string | undefined;
     positionLimit?: IPositionLimit | undefined;
-    sizeLimit?: ISizeLimit | undefined;
+    sizeLimit?: ISize | undefined;
     startPosition?: IStartPosition | undefined;
+    startSize?: ISize | undefined;
     userPhoto?: string | undefined;
     logo?: string | undefined;
 }>>> & {

package/dist/components/render-modal.vue.d.ts

@@ -1,10 +1,11 @@
-import type { IPositionLimit, ISizeLimit, IStartPosition } from '../types';
+import type { IPositionLimit, ISize, IStartPosition } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     headBackground: string;
     positionLimit?: IPositionLimit | undefined;
-    sizeLimit?: ISizeLimit | undefined;
+    sizeLimit?: ISize | undefined;
     logo?: string | undefined;
     startPosition?: IStartPosition | undefined;
+    startSize?: ISize | undefined;
 }>, {
     headBackground: string;
     positionLimit: () => {
@@ -17,6 +18,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         height: number;
         width: number;
     };
+    startSize: () => {
+        height: number;
+        width: number;
+    };
     logo: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
@@ -24,9 +29,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     headBackground: string;
     positionLimit?: IPositionLimit | undefined;
-    sizeLimit?: ISizeLimit | undefined;
+    sizeLimit?: ISize | undefined;
     logo?: string | undefined;
     startPosition?: IStartPosition | undefined;
+    startSize?: ISize | undefined;
 }>, {
     headBackground: string;
     positionLimit: () => {
@@ -39,6 +45,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         height: number;
         width: number;
     };
+    startSize: () => {
+        height: number;
+        width: number;
+    };
     logo: string;
 }>>> & {
     onClear?: (() => any) | undefined;
@@ -46,8 +56,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     headBackground: string;
     positionLimit: IPositionLimit;
-    sizeLimit: ISizeLimit;
+    sizeLimit: ISize;
     logo: string;
+    startSize: ISize;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/types/index.d.ts

@@ -13,7 +13,7 @@ export interface IPositionLimit {
     left: number;
     right: number;
 }
-export interface ISizeLimit {
+export interface ISize {
     height: number;
     width: number;
 }

package/dist/vue2/index.es.min.js

@@ -16610,7 +16610,7 @@ const ice = /* @__PURE__ */ Lo(oce), sce = "data:image/png;base64,iVBORw0KGgoAAA
   for (const [r, o] of e)
     n[r] = o;
   return n;
-}, Lce = /* @__PURE__ */ wc(wce, [["__scopeId", "data-v-accee441"]]), Tce = (t) => (Vp("data-v-fa72e9f6"), t = t(), $p(), t), xce = { class: "ai-messages" }, kce = { class: "ai-operation" }, Nce = /* @__PURE__ */ Tce(() => /* @__PURE__ */ Ne(
+}, Lce = /* @__PURE__ */ wc(wce, [["__scopeId", "data-v-f2501723"]]), Tce = (t) => (Vp("data-v-fa72e9f6"), t = t(), $p(), t), xce = { class: "ai-messages" }, kce = { class: "ai-operation" }, Nce = /* @__PURE__ */ Tce(() => /* @__PURE__ */ Ne(
   "i",
   { class: "ai-blueking-icon ai-blueking-fasong" },
   null,
@@ -16711,11 +16711,15 @@ const ice = /* @__PURE__ */ Lo(oce), sce = "data:image/png;base64,iVBORw0KGgoAAA
       right: 0
     }) },
     sizeLimit: { default: () => ({
-      height: 500,
-      width: 294
+      height: 320,
+      width: 400
     }) },
     logo: { default: "ai-blueking-icon ai-blueking-ai" },
-    startPosition: {}
+    startPosition: {},
+    startSize: { default: () => ({
+      height: 560,
+      width: 400
+    }) }
   },
   emits: ["clear", "close"],
   setup(t, { emit: e }) {
@@ -16731,10 +16735,10 @@ const ice = /* @__PURE__ */ Lo(oce), sce = "data:image/png;base64,iVBORw0KGgoAAA
       var F, E, S, D;
       const _ = (J, ee) => J === void 0 ? ee : J;
       return {
-        top: _((F = n.startPosition) == null ? void 0 : F.top, i.height - n.sizeLimit.height - 100),
+        top: _((F = n.startPosition) == null ? void 0 : F.top, i.height - n.startSize.height),
         bottom: _((E = n.startPosition) == null ? void 0 : E.bottom, 0),
         left: _((S = n.startPosition) == null ? void 0 : S.left, 0),
-        right: _((D = n.startPosition) == null ? void 0 : D.right, i.width - n.sizeLimit.width - 270)
+        right: _((D = n.startPosition) == null ? void 0 : D.right, i.width - n.startSize.width)
       };
     }, c = $n(a()), l = fi(() => c.value.top <= n.positionLimit.top && c.value.bottom <= n.positionLimit.bottom), u = (_) => {
       s.isMove = !0, s.type = "move", s.clientX = _.clientX, s.clientY = _.clientY;
@@ -16977,7 +16981,7 @@ const ice = /* @__PURE__ */ Lo(oce), sce = "data:image/png;base64,iVBORw0KGgoAAA
       /* STYLE */
     ));
   }
-}), Ece = /* @__PURE__ */ wc(Dce, [["__scopeId", "data-v-59951cc0"]]), Pce = /* @__PURE__ */ Mo({
+}), Ece = /* @__PURE__ */ wc(Dce, [["__scopeId", "data-v-dfc0dcb4"]]), Pce = /* @__PURE__ */ Mo({
   __name: "ai-blueking",
   props: {
     messages: {},
@@ -16988,6 +16992,7 @@ const ice = /* @__PURE__ */ Lo(oce), sce = "data:image/png;base64,iVBORw0KGgoAAA
     positionLimit: {},
     sizeLimit: {},
     startPosition: {},
+    startSize: {},
     userPhoto: {},
     logo: {}
   },
@@ -17008,6 +17013,7 @@ const ice = /* @__PURE__ */ Lo(oce), sce = "data:image/png;base64,iVBORw0KGgoAAA
       "position-limit": a.positionLimit,
       "size-limit": a.sizeLimit,
       "start-position": a.startPosition,
+      "start-size": a.startSize,
       onClear: r,
       onClose: o
     }, {
@@ -17024,7 +17030,7 @@ const ice = /* @__PURE__ */ Lo(oce), sce = "data:image/png;base64,iVBORw0KGgoAAA
       ]),
       _: 1
       /* STABLE */
-    }, 8, ["head-background", "logo", "position-limit", "size-limit", "start-position"]));
+    }, 8, ["head-background", "logo", "position-limit", "size-limit", "start-position", "start-size"]));
   }
 });
 (function() {
@@ -17065,11 +17071,15 @@ const _ce = {
           },
           ...this.$attrs
         };
-        return (this.headBackground || t.headBackground) && (r.headBackground = this.headBackground || t.headBackground), (this.background || t.background) && (r.background = this.background || t.background), (this.positionLimit || t.positionLimit) && (r.positionLimit = this.positionLimit || t.positionLimit), (this.sizeLimit || t.sizeLimit) && (r.sizeLimit = this.sizeLimit || t.sizeLimit), (this.userPhoto || t.userPhoto) && (r.userPhoto = this.userPhoto || t.userPhoto), (this.logo || t.logo) && (r.logo = this.logo || t.logo), tg(Pce, r);
+        return (this.headBackground || t.headBackground) && (r.headBackground = this.headBackground || t.headBackground), (this.background || t.background) && (r.background = this.background || t.background), (this.positionLimit || t.positionLimit) && (r.positionLimit = this.positionLimit || t.positionLimit), (this.sizeLimit || t.sizeLimit) && (r.sizeLimit = this.sizeLimit || t.sizeLimit), (this.userPhoto || t.userPhoto) && (r.userPhoto = this.userPhoto || t.userPhoto), (this.logo || t.logo) && (r.logo = this.logo || t.logo), (this.startPosition || t.startPosition) && (r.startPosition = this.startPosition || t.startPosition), (this.startSize || t.startSize) && (r.startSize = this.startSize || t.startSize), tg(Pce, r);
       }
-    }), this.unWatchStack = Object.keys(this.$props).map((r) => this.$watch(r, (o) => {
-      n[r] = o, n.$forceUpdate();
-    }));
+    }), this.unWatchStack = Object.keys(this.$props).map((r) => this.$watch(
+      r,
+      (o) => {
+        n[r] = o, n.$forceUpdate();
+      },
+      { deep: !0 }
+    ));
   },
   data() {
     return {
@@ -17115,15 +17125,21 @@ const _ce = {
     },
     sizeLimit: {
       default: () => ({
-        height: 500,
-        width: 294
+        height: 320,
+        width: 400
       }),
       type: Object
     },
     startPosition: {
       default: () => ({
-        height: 500,
-        width: 294
+        left: 0
+      }),
+      type: Object
+    },
+    startSize: {
+      default: () => ({
+        height: 560,
+        width: 400
       }),
       type: Object
     },