@matechat/core 1.0.0 → 1.1.0-alpha.1

package/PopperTrigger/index.js

@@ -0,0 +1,48 @@
+import { Comment as s, Text as a, Fragment as m, h as g, defineComponent as h, ref as v, withDirectives as C, cloneVNode as y } from "vue";
+import { isObject as x } from "@vue/shared";
+function p(e) {
+  return g("span", {}, e);
+}
+function c(e) {
+  for (const t of e) {
+    if (x(t)) {
+      if (t.type === s)
+        continue;
+      return t.type === "svg" || t.type === a ? p(t) : t.type === m ? c(t.children) : t;
+    }
+    return p(t);
+  }
+  return null;
+}
+const F = /* @__PURE__ */ h({
+  setup(e, t) {
+    const {
+      slots: r,
+      attrs: i,
+      expose: d
+    } = t, n = v();
+    return d({
+      triggerEl: n
+    }), () => {
+      var f;
+      const o = (f = r.default) == null ? void 0 : f.call(r, i);
+      if (!o)
+        return null;
+      const l = c(o);
+      return l ? C(y(l, i), [[{
+        mounted(u) {
+          n.value = u;
+        },
+        updated(u) {
+          n.value = u;
+        },
+        unmounted() {
+          n.value = null;
+        }
+      }]]) : null;
+    };
+  }
+});
+export {
+  F as PopperTrigger
+};

package/Prompt/index.css

@@ -0,0 +1 @@
+.mc-prompt-item[data-v-5f016595]{display:flex;gap:8px}.mc-prompt-item .mc-prompt-item-icon.no-description[data-v-5f016595]{display:flex;align-items:center}.mc-prompt-item .mc-prompt-item-content[data-v-5f016595]{display:flex;flex-direction:column;gap:4px}.mc-prompt-item .mc-prompt-item-content .mc-prompt-item-label[data-v-5f016595]{font-weight:700}.mc-prompt-item .mc-prompt-item-content .mc-prompt-item-description[data-v-5f016595]{color:var(--devui-aide-text, #71757f)}

package/Prompt/index.js

@@ -0,0 +1,110 @@
+import "./index.css";
+import { defineComponent as y, openBlock as r, createElementBlock as s, createElementVNode as P, normalizeClass as h, createBlock as g, unref as C, normalizeProps as b, mergeProps as I, createCommentVNode as c, toDisplayString as v, createVNode as u, withCtx as V } from "vue";
+import { ListDirection as B, ListVariant as L, McList as M } from "@matechat/core/List";
+import { Icon as N } from "vue-devui/icon";
+import "vue-devui/icon/style.css";
+const S = {
+  direction: {
+    type: String,
+    default: B.Vertical
+  },
+  list: {
+    type: Array,
+    default: () => []
+  },
+  variant: {
+    type: String,
+    default: L.Filled
+  }
+}, $ = {
+  prompt: {
+    type: Object
+  }
+}, z = { class: "mc-prompt-item" }, D = {
+  key: 0,
+  class: "mc-prompt-item-content"
+}, E = {
+  key: 0,
+  class: "mc-prompt-item-label"
+}, O = {
+  key: 1,
+  class: "mc-prompt-item-description"
+}, j = /* @__PURE__ */ y({
+  __name: "PromptItem",
+  props: $,
+  setup(o) {
+    return (t, p) => {
+      var e, i, m, n, a, l, d, _, f;
+      return r(), s("div", z, [
+        P(
+          "div",
+          {
+            class: h(["mc-prompt-item-icon", { "no-description": !((e = t.prompt) != null && e.desc) }])
+          },
+          [
+            (i = t.prompt) != null && i.iconConfig ? (r(), g(
+              C(N),
+              b(I({ key: 0 }, (m = t.prompt) == null ? void 0 : m.iconConfig)),
+              null,
+              16
+              /* FULL_PROPS */
+            )) : c("v-if", !0)
+          ],
+          2
+          /* CLASS */
+        ),
+        (n = t.prompt) != null && n.label || (a = t.prompt) != null && a.desc ? (r(), s("div", D, [
+          (l = t.prompt) != null && l.label ? (r(), s(
+            "div",
+            E,
+            v((d = t.prompt) == null ? void 0 : d.label),
+            1
+            /* TEXT */
+          )) : c("v-if", !0),
+          (_ = t.prompt) != null && _.desc ? (r(), s(
+            "div",
+            O,
+            v((f = t.prompt) == null ? void 0 : f.desc),
+            1
+            /* TEXT */
+          )) : c("v-if", !0)
+        ])) : c("v-if", !0)
+      ]);
+    };
+  }
+}), w = (o, t) => {
+  const p = o.__vccOpts || o;
+  for (const [e, i] of t)
+    p[e] = i;
+  return p;
+}, A = /* @__PURE__ */ w(j, [["__scopeId", "data-v-5f016595"]]), F = { class: "mc-prompt" }, k = /* @__PURE__ */ y({
+  __name: "Prompt",
+  props: S,
+  emits: ["itemClick"],
+  setup(o, { emit: t }) {
+    const p = t, e = o;
+    return (i, m) => (r(), s("div", F, [
+      u(C(M), {
+        data: e.list,
+        direction: e.direction,
+        variant: e.variant,
+        selectable: !1
+      }, {
+        item: V(({ item: n }) => [
+          u(A, {
+            prompt: n,
+            onClick: (a) => p("itemClick", n)
+          }, null, 8, ["prompt", "onClick"])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["data", "direction", "variant"])
+    ]));
+  }
+});
+k.install = (o) => {
+  o.component("McPrompt", k);
+};
+export {
+  k as McPrompt
+};

package/README.md

@@ -4,7 +4,7 @@
   </a>
 </p>
 <h1 align="center">MateChat</h1>
-<p align="center">前端智能化场景解决方案UI库，轻松构建你的AI应用。已服务于内部多个应用智能化改造，并助力InsCode AI IDE智能化助手搭建。</p>
+<p align="center">前端智能化场景解决方案UI库，轻松构建你的AI应用。已服务于华为内部多个应用智能化改造，并助力CodeArts、InsCode AI IDE等智能化助手搭建。</p>
 
 ![example](https://matechat.gitcode.com/example1.png)
 
@@ -34,20 +34,17 @@ $ npm i vue-devui @matechat/core @devui-design/icons
 
 ### 2. 引入
 
-在`main.ts`文件中引入`matechat`, `vue-devui` 以及 `图标库` 样式文件
+在`main.ts`文件中引入`matechat`, `图标库` 样式文件
 
 ```ts
 import { createApp } from 'vue';
 import App from './App.vue';
 
-// matechat基于vue-devui组件
-import DevUI from 'vue-devui';
 import MateChat from '@matechat/core';
 
-import 'vue-devui/style.css';
 import '@devui-design/icons/icomoon/devui-icon.css';
 
-createApp(App).use(DevUI).use(MateChat).mount('#app');
+createApp(App).use(MateChat).mount('#app');
 ```
 
 ### 3. 使用
@@ -56,7 +53,7 @@ createApp(App).use(DevUI).use(MateChat).mount('#app');
 
 ```html
 <template>
-  <McBubble :conent="'Hello, MateChat'" :avatarConfig="{ name: 'matechat' }"></McBubble>
+  <McBubble :content="'Hello, MateChat'" :avatarConfig="{ name: 'matechat' }"></McBubble>
 </template>
 ```
 
@@ -109,7 +106,7 @@ createApp(App).use(DevUI).use(MateChat).mount('#app');
         style="flex: 1"
         @itemClick="onSubmit($event.label)"
       ></McPrompt>
-      <d-button
+      <Button
         style="margin-left: auto"
         icon="add"
         shape="circle"
@@ -131,7 +128,7 @@ createApp(App).use(DevUI).use(MateChat).mount('#app');
               <span class="input-foot-maxlength">{{ inputValue.length }}/2000</span>
             </div>
             <div class="input-foot-right">
-              <d-button icon="op-clearup" shape="round" :disabled="!inputValue" @click="inputValue = ''">清空输入</d-button>
+              <Button icon="op-clearup" shape="round" :disabled="!inputValue" @click="inputValue = ''">清空输入</Button>
             </div>
           </div>
         </template>
@@ -142,6 +139,8 @@ createApp(App).use(DevUI).use(MateChat).mount('#app');
 
 <script setup lang="ts">
 import { ref } from 'vue';
+import { Button } from 'vue-devui/button';
+import 'vue-devui/button/style.css';
 
 const description = [
   'MateChat 可以辅助研发人员编码、查询知识和相关作业信息、编写文档等。',
@@ -228,11 +227,13 @@ const onSubmit = (evt) => {
 <style>
 .container {
   width: 1000px;
-  margin: 0 auto;
-  height: 100vh;
+  margin: 20px auto;
+  height: calc(100vh - 40px);
   padding: 20px;
   gap: 8px;
   background: #fff;
+  border: 1px solid #ddd;
+  border-radius: 16px;
 }
 
 .content-container {
@@ -422,6 +423,8 @@ MateChat 在不断的演进中，你可在这里了解我们的计划：[MateCha
 
 ## 谁在使用
 
+[CodeArts盘古助手](https://www.huaweicloud.com/product/codeartside/snap.html)
+
 [InsCode AI IDE](https://inscode.csdn.net/)
 
 ## License

package/index.d.ts

@@ -2,6 +2,5 @@ import type { App } from 'vue';
   declare function install(app: App): void
   declare const _default: {
       install: typeof install;
-      version: string;
   };
   export default _default;