@moment-design/ai-to-text v0.0.5

AI 生成文案

使用组件

安装依赖

npm install @moment-design/ai-to-text --save

使用组件

<template>
  <m-button type="primary" @click="refAiToText.open()">AI生成文案</m-button>
  <!-- 数据 -->
  <div style="margin-top: 16px">
    已选数据:
    {{ data }}
  </div>
  <AiToText
    ref="refAiToText"
    :config="config"
    @handle:balance="handleBalance"
    @handle:use="handleUse"
  ></AiToText>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { Message } from '@moment-design/web-vue';
import AiToText from '@moment-design/ai-to-text';
import "@moment-design/ai-to-text/dist/css/index.css";

const refAiToText = ref();
const data = ref();
const config = {
  // 弹出框标题
  title: 'AI生成文案',
  // 创作金余额
  balance: '369',
  // 输入框最大字数
  maxLength: 1000,
  // 生成文案接口地址
  url: 'https://preapiconsole.71360.com/api/app/di-smart-ai-toolkit/common/chat',
  // 接口扩展自定义参数
  params: {},
};

// 点击创作金事件
const handleBalance = () => {
  Message.success('点击了创作金');
};

// 点击使用 AI 文案事件
const handleUse = (v: any) => {
  data.value = v;
};
</script>

API

Props

Events

Expose

slot