@vunk/plus 1.12.1 → 1.13.0

package/components/thinking/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("@element-plus/icons-vue"),b=require("@vunk/plus/components/scrollbar"),c=require("element-plus"),y={modelValue:{type:Boolean,default:!0},content:{type:String,default:""},status:{type:String,default:"start"},disabled:{type:Boolean,default:!1},autoCollapse:{type:Boolean,default:!1},duration:{type:String,default:"0.2s"},buttonWidth:{type:String,default:"160px"},maxWidth:{type:String,default:"100%"},backgroundColor:{type:String,default:"#fcfcfc"},color:{type:String,default:"var(--el-color-info)"},title:{type:String,default:"分析用户需求"},skipText:{type:String,default:"跳过思考"},showSkip:{type:Boolean,default:!1},radius:{type:String,default:"22px"},borderColor:{type:String,default:"#e4e7ed"},maxHeight:{type:String,default:""}},S={change:null,"update:modelValue":null,skip:null},V={class:"vk-thinking__header"},C=["disabled"],x={class:"vk-thinking__title"},w={class:"vk-thinking__body"},T={class:"vk-thinking__content"},a=e.defineComponent({name:"VkThinking",inheritAttrs:!1,__name:"index",props:y,emits:S,setup(l,{emit:k}){const t=l,o=k,h=e.useSlots(),n=e.ref(t.modelValue);e.watch(()=>t.modelValue,i=>{n.value=i}),e.watch(()=>t.status,i=>{i==="end"&&t.autoCollapse&&(n.value=!1,o("update:modelValue",!1))});const s=e.computed(()=>t.status==="error"?"思考过程中出现错误":t.content),r=e.computed(()=>!!h.default||!!s.value),p=e.computed(()=>t.showSkip&&!t.disabled&&t.status==="thinking"),g=e.computed(()=>t.status==="error"?"分析出现问题":t.status==="cancel"?"已跳过思考":t.title),f=e.computed(()=>({"--vk-thinking-animation-duration":t.duration,"--vk-thinking-button-width":t.buttonWidth,"--vk-thinking-max-width":t.maxWidth,"--vk-thinking-background-color":t.backgroundColor,"--vk-thinking-color":t.color,"--vk-thinking-radius":t.radius,"--vk-thinking-border-color":t.borderColor,"--vk-thinking-body-max-height":t.maxHeight||"none","--vk-thinking-font-size-base":"16px","--vk-thinking-font-size-title":"1.125em","--vk-thinking-font-size-skip":"1em","--vk-thinking-font-size-content":"0.9em","--vk-thinking-font-size-caret":"0.8125em"})),u=e.ref();e.watch(()=>[t.content,n.value,t.status],()=>{t.status==="thinking"&&n.value&&e.nextTick(()=>{u.value?.scrollToBottom({behavior:"auto"})})},{flush:"post"});function d(){o("change",{value:n.value,status:t.status}),o("update:modelValue",n.value)}function v(){t.disabled||!r.value||(n.value=!n.value,d())}function m(){t.disabled||(n.value=!1,d(),o("skip",{value:!1,status:t.status}))}return(i,E)=>(e.openBlock(),e.createElementBlock("div",{class:"vk-thinking",style:e.normalizeStyle(f.value)},[e.createElementVNode("section",{class:e.normalizeClass(["vk-thinking__card",[`is-${i.status}`,{"is-disabled":i.disabled,"is-expanded":n.value&&r.value}]])},[e.createElementVNode("header",V,[e.createElementVNode("button",{class:"vk-thinking__toggle",type:"button",disabled:i.disabled,onClick:v},[e.createElementVNode("span",x,e.toDisplayString(g.value)+"：",1),e.createVNode(e.unref(c.ElIcon),{class:e.normalizeClass(["vk-thinking__caret",{"is-expanded":n.value}])},{default:e.withCtx(()=>[e.createVNode(e.unref(_.ArrowRightBold))]),_:1},8,["class"])],8,C),p.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:"vk-thinking__skip",type:"button",onClick:e.withModifiers(m,["stop"])},e.toDisplayString(i.skipText),1)):e.createCommentVNode("",!0)]),e.createVNode(e.unref(c.ElCollapseTransition),null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",w,[e.createVNode(e.unref(b.VkScrollbar),{ref_key:"scrollbarRef",ref:u,class:"vk-thinking__scrollbar","max-height":i.maxHeight},{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default",{content:s.value,status:i.status},()=>[e.createElementVNode("div",T,e.toDisplayString(s.value),1)])]),_:3},8,["max-height"])],512),[[e.vShow,n.value&&r.value]])]),_:3})],2)],4))}}),B=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));a.install=l=>{l.component(a.name||"VkThinking",a)};exports.VkThinking=a;exports.__VkThinking=B;exports.default=a;

package/components/thinking/index.mjs

@@ -1,16 +1,14 @@
-import { defineComponent, useSlots, ref, watch, computed, nextTick, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, toDisplayString, createVNode, withCtx, withModifiers, createCommentVNode, withDirectives, renderSlot, vShow } from 'vue';
-import { c as arrow_right_bold_default } from '../index2.mjs';
-import { VkScrollbar } from '@vunk/plus/components/scrollbar';
-import { ElCollapseTransition, ElIcon } from 'element-plus';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-
-const props = {
+import { defineComponent as B, useSlots as z, ref as v, watch as c, computed as a, nextTick as E, createElementBlock as m, openBlock as _, normalizeStyle as W, createElementVNode as i, normalizeClass as b, createVNode as l, createCommentVNode as A, toDisplayString as k, unref as s, withCtx as h, withModifiers as H, withDirectives as N, renderSlot as R, vShow as j } from "vue";
+import { ArrowRightBold as D } from "@element-plus/icons-vue";
+import { VkScrollbar as M } from "@vunk/plus/components/scrollbar";
+import { ElIcon as O, ElCollapseTransition as $ } from "element-plus";
+const I = {
   /**
    * @description 展开/收起状态（v-model）
    */
   modelValue: {
     type: Boolean,
-    default: true
+    default: !0
   },
   /**
    * @description 思考内容文本
@@ -31,14 +29,14 @@ const props = {
    */
   disabled: {
     type: Boolean,
-    default: false
+    default: !1
   },
   /**
    * @description status=end 时是否自动收起
    */
   autoCollapse: {
     type: Boolean,
-    default: false
+    default: !1
   },
   /**
    * @description 动画过渡时长
@@ -80,21 +78,21 @@ const props = {
    */
   title: {
     type: String,
-    default: "\u5206\u6790\u7528\u6237\u9700\u6C42"
+    default: "分析用户需求"
   },
   /**
    * @description 跳过按钮文案
    */
   skipText: {
     type: String,
-    default: "\u8DF3\u8FC7\u601D\u8003"
+    default: "跳过思考"
   },
   /**
    * @description 是否显示跳过按钮
    */
   showSkip: {
     type: Boolean,
-    default: false
+    default: !1
   },
   /**
    * @description 卡片圆角
@@ -117,241 +115,143 @@ const props = {
     type: String,
     default: ""
   }
-};
-const emits = {
-  "change": null,
+}, P = {
+  change: null,
   "update:modelValue": null,
-  "skip": null
-};
-
-var _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "VkThinking",
-    inheritAttrs: false
-  },
+  skip: null
+}, q = { class: "vk-thinking__header" }, F = ["disabled"], G = { class: "vk-thinking__title" }, J = { class: "vk-thinking__body" }, K = { class: "vk-thinking__content" }, p = /* @__PURE__ */ B({
+  name: "VkThinking",
+  inheritAttrs: !1,
   __name: "index",
-  props: props,
-  emits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    __expose();
-    const props = __props;
-    const emit = __emit;
-    const slots = useSlots();
-    const isExpanded = ref(props.modelValue);
-    watch(
-      () => props.modelValue,
-      (newVal) => {
-        isExpanded.value = newVal;
+  props: I,
+  emits: P,
+  setup(r, { emit: y }) {
+    const t = r, o = y, S = z(), e = v(t.modelValue);
+    c(
+      () => t.modelValue,
+      (n) => {
+        e.value = n;
       }
-    );
-    watch(
-      () => props.status,
-      (newVal) => {
-        if (newVal === "end" && props.autoCollapse) {
-          isExpanded.value = false;
-          emit("update:modelValue", false);
-        }
+    ), c(
+      () => t.status,
+      (n) => {
+        n === "end" && t.autoCollapse && (e.value = !1, o("update:modelValue", !1));
       }
     );
-    const displayedContent = computed(() => {
-      return props.status === "error" ? "\u601D\u8003\u8FC7\u7A0B\u4E2D\u51FA\u73B0\u9519\u8BEF" : props.content;
-    });
-    const hasContent = computed(() => {
-      return Boolean(slots.default) || Boolean(displayedContent.value);
-    });
-    const showSkipAction = computed(() => {
-      return props.showSkip && !props.disabled && props.status === "thinking";
-    });
-    const titleText = computed(() => {
-      if (props.status === "error")
-        return "\u5206\u6790\u51FA\u73B0\u95EE\u9898";
-      if (props.status === "cancel")
-        return "\u5DF2\u8DF3\u8FC7\u601D\u8003";
-      return props.title;
-    });
-    const cssVars = computed(() => ({
-      "--vk-thinking-animation-duration": props.duration,
-      "--vk-thinking-button-width": props.buttonWidth,
-      "--vk-thinking-max-width": props.maxWidth,
-      "--vk-thinking-background-color": props.backgroundColor,
-      "--vk-thinking-color": props.color,
-      "--vk-thinking-radius": props.radius,
-      "--vk-thinking-border-color": props.borderColor,
-      "--vk-thinking-body-max-height": props.maxHeight || "none",
+    const u = a(() => t.status === "error" ? "思考过程中出现错误" : t.content), d = a(() => !!S.default || !!u.value), x = a(() => t.showSkip && !t.disabled && t.status === "thinking"), C = a(() => t.status === "error" ? "分析出现问题" : t.status === "cancel" ? "已跳过思考" : t.title), V = a(() => ({
+      "--vk-thinking-animation-duration": t.duration,
+      "--vk-thinking-button-width": t.buttonWidth,
+      "--vk-thinking-max-width": t.maxWidth,
+      "--vk-thinking-background-color": t.backgroundColor,
+      "--vk-thinking-color": t.color,
+      "--vk-thinking-radius": t.radius,
+      "--vk-thinking-border-color": t.borderColor,
+      "--vk-thinking-body-max-height": t.maxHeight || "none",
       "--vk-thinking-font-size-base": "16px",
       "--vk-thinking-font-size-title": "1.125em",
       "--vk-thinking-font-size-skip": "1em",
       "--vk-thinking-font-size-content": "0.9em",
       "--vk-thinking-font-size-caret": "0.8125em"
-    }));
-    const scrollbarRef = ref();
-    watch(
-      () => [props.content, isExpanded.value, props.status],
+    })), f = v();
+    c(
+      () => [t.content, e.value, t.status],
       () => {
-        if (props.status === "thinking" && isExpanded.value) {
-          nextTick(() => {
-            scrollbarRef.value?.scrollToBottom({
-              behavior: "auto"
-            });
+        t.status === "thinking" && e.value && E(() => {
+          f.value?.scrollToBottom({
+            behavior: "auto"
           });
-        }
+        });
       },
       { flush: "post" }
     );
-    function emitChange() {
-      emit("change", {
-        value: isExpanded.value,
-        status: props.status
-      });
-      emit("update:modelValue", isExpanded.value);
+    function g() {
+      o("change", {
+        value: e.value,
+        status: t.status
+      }), o("update:modelValue", e.value);
     }
-    function toggleExpand() {
-      if (props.disabled || !hasContent.value)
-        return;
-      isExpanded.value = !isExpanded.value;
-      emitChange();
+    function T() {
+      t.disabled || !d.value || (e.value = !e.value, g());
     }
-    function skipThinking() {
-      if (props.disabled)
-        return;
-      isExpanded.value = false;
-      emitChange();
-      emit("skip", {
-        value: false,
-        status: props.status
-      });
+    function w() {
+      t.disabled || (e.value = !1, g(), o("skip", {
+        value: !1,
+        status: t.status
+      }));
     }
-    const __returned__ = { props, emit, slots, isExpanded, displayedContent, hasContent, showSkipAction, titleText, cssVars, scrollbarRef, emitChange, toggleExpand, skipThinking, get ArrowRightBold() {
-      return arrow_right_bold_default;
-    }, get VkScrollbar() {
-      return VkScrollbar;
-    }, get ElCollapseTransition() {
-      return ElCollapseTransition;
-    }, get ElIcon() {
-      return ElIcon;
-    } };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-const _hoisted_1 = { class: "vk-thinking__header" };
-const _hoisted_2 = ["disabled"];
-const _hoisted_3 = { class: "vk-thinking__title" };
-const _hoisted_4 = { class: "vk-thinking__body" };
-const _hoisted_5 = { class: "vk-thinking__content" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock(
-    "div",
-    {
+    return (n, L) => (_(), m("div", {
       class: "vk-thinking",
-      style: normalizeStyle($setup.cssVars)
-    },
-    [
-      createElementVNode(
-        "section",
-        {
-          class: normalizeClass(["vk-thinking__card", [
-            `is-${_ctx.status}`,
-            {
-              "is-disabled": _ctx.disabled,
-              "is-expanded": $setup.isExpanded && $setup.hasContent
-            }
-          ]])
-        },
-        [
-          createElementVNode("header", _hoisted_1, [
-            createElementVNode("button", {
-              class: "vk-thinking__toggle",
-              type: "button",
-              disabled: _ctx.disabled,
-              onClick: $setup.toggleExpand
-            }, [
-              createElementVNode(
-                "span",
-                _hoisted_3,
-                toDisplayString($setup.titleText) + "\uFF1A",
-                1
-                /* TEXT */
-              ),
-              createVNode($setup["ElIcon"], {
-                class: normalizeClass(["vk-thinking__caret", { "is-expanded": $setup.isExpanded }])
+      style: W(V.value)
+    }, [
+      i("section", {
+        class: b(["vk-thinking__card", [
+          `is-${n.status}`,
+          {
+            "is-disabled": n.disabled,
+            "is-expanded": e.value && d.value
+          }
+        ]])
+      }, [
+        i("header", q, [
+          i("button", {
+            class: "vk-thinking__toggle",
+            type: "button",
+            disabled: n.disabled,
+            onClick: T
+          }, [
+            i("span", G, k(C.value) + "：", 1),
+            l(s(O), {
+              class: b(["vk-thinking__caret", { "is-expanded": e.value }])
+            }, {
+              default: h(() => [
+                l(s(D))
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ], 8, F),
+          x.value ? (_(), m("button", {
+            key: 0,
+            class: "vk-thinking__skip",
+            type: "button",
+            onClick: H(w, ["stop"])
+          }, k(n.skipText), 1)) : A("", !0)
+        ]),
+        l(s($), null, {
+          default: h(() => [
+            N(i("div", J, [
+              l(s(M), {
+                ref_key: "scrollbarRef",
+                ref: f,
+                class: "vk-thinking__scrollbar",
+                "max-height": n.maxHeight
               }, {
-                default: withCtx(() => [
-                  createVNode($setup["ArrowRightBold"])
+                default: h(() => [
+                  R(n.$slots, "default", {
+                    content: u.value,
+                    status: n.status
+                  }, () => [
+                    i("div", K, k(u.value), 1)
+                  ])
                 ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["class"])
-            ], 8, _hoisted_2),
-            $setup.showSkipAction ? (openBlock(), createElementBlock(
-              "button",
-              {
-                key: 0,
-                class: "vk-thinking__skip",
-                type: "button",
-                onClick: withModifiers($setup.skipThinking, ["stop"])
-              },
-              toDisplayString(_ctx.skipText),
-              1
-              /* TEXT */
-            )) : createCommentVNode("v-if", true)
+                _: 3
+              }, 8, ["max-height"])
+            ], 512), [
+              [j, e.value && d.value]
+            ])
           ]),
-          createVNode($setup["ElCollapseTransition"], null, {
-            default: withCtx(() => [
-              withDirectives(createElementVNode(
-                "div",
-                _hoisted_4,
-                [
-                  createVNode($setup["VkScrollbar"], {
-                    ref: "scrollbarRef",
-                    class: "vk-thinking__scrollbar",
-                    "max-height": _ctx.maxHeight
-                  }, {
-                    default: withCtx(() => [
-                      renderSlot(_ctx.$slots, "default", {
-                        content: $setup.displayedContent,
-                        status: _ctx.status
-                      }, () => [
-                        createElementVNode(
-                          "div",
-                          _hoisted_5,
-                          toDisplayString($setup.displayedContent),
-                          1
-                          /* TEXT */
-                        )
-                      ])
-                    ]),
-                    _: 3
-                    /* FORWARDED */
-                  }, 8, ["max-height"])
-                ],
-                512
-                /* NEED_PATCH */
-              ), [
-                [vShow, $setup.isExpanded && $setup.hasContent]
-              ])
-            ]),
-            _: 3
-            /* FORWARDED */
-          })
-        ],
-        2
-        /* CLASS */
-      )
-    ],
-    4
-    /* STYLE */
-  );
-}
-var VkThinking = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/thinking/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+          _: 3
+        })
+      ], 2)
+    ], 4));
+  }
+}), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkThinking.install = (app) => {
-  app.component(VkThinking.name || "VkThinking", VkThinking);
+}, Symbol.toStringTag, { value: "Module" }));
+p.install = (r) => {
+  r.component(p.name || "VkThinking", p);
+};
+export {
+  p as VkThinking,
+  Z as __VkThinking,
+  p as default
 };
-
-export { VkThinking, types as __VkThinking, VkThinking as default };