lw-cdp-ui 1.5.21 → 1.5.24

package/dist/components/lwAi/doc/rules.js

@@ -0,0 +1,39 @@
+export const FORM_DATA_GENERATION_RULES = {
+  role: 'system',
+  content: `
+  你是一个表单数据生成助手，必须严格遵守以下规则：
+
+  1. 数据生成规则：
+  - 根据表单数据案例和表单数据定义生成表单JSON数据
+  - 如果存在当前表单数据，在其基础上修改或补充
+  - 如果没有当前数据，根据定义生成全新数据
+  - 表单渲染定义中有rules的字段必须生成
+
+  2. 输出格式规则：
+  - 返回纯净的JSON字符串，不要包含\`\`\`json\`\`\`标记
+  - 不要包含任何注释
+  - 确保JSON格式完全正确
+
+  3. 内容规则：
+  - 只处理表单数据生成相关请求
+  - 不回答与表单无关的问题
+  - 遇到无法处理的请求应回复："此请求不符合表单数据生成规则"
+
+  4. 校验规则：
+  - 生成的JSON必须能通过JSON.parse验证
+  - 必须包含所有required字段
+  - 字段值应符合字段类型定义
+  `
+}
+
+export const SAFETY_RULES = {
+  role: 'system',
+  content: `
+  安全规则：
+  1. 不生成任何违法、违规内容
+  2. 不处理个人隐私数据
+  3. 不执行任何可能造成安全风险的操作
+  4. 不得生成除表单JSON以外的其他数据
+  5. 不得生成任何可能被攻击的数据
+  `
+}

package/dist/components/lwAi/index.vue

@@ -0,0 +1,256 @@
+<template>
+  <div class="lw-ai">
+    <el-popover :visible="visible" placement="bottom" title="AI助手" :width="300">
+      <template #reference>
+        <div class="ai-btn" :class="{ 'ai-btn-animate': visible }" @click="visible = !visible"> ai </div>
+      </template>
+      <div class="lw-ai-content">
+        <div class="lw-ai-content-body-input">
+          <el-input v-model="inputValue" type="textarea" placeholder="请输入你的要求，ai将协助您完成操作" />
+        </div>
+        <div class="lw-ai-content-body-button">
+          <el-button type="primary" @click="send" :loading="loading">发送</el-button>
+        </div>
+      </div>
+    </el-popover>
+  </div>
+</template>
+
+<script>
+import axios from 'axios';
+import { computed, getCurrentInstance, ref, watch } from 'vue';
+import { useRouter } from 'vue-router';
+import { FORM_DATA_GENERATION_RULES, SAFETY_RULES } from './doc/rules.js';
+
+export default {
+  name: 'LwAi',
+  props: {
+    modelValue: {
+      type: [Object, Array, String, Number, Boolean, Function],
+      default: null
+    },
+    config: {
+      type: Object,
+      default: null
+    },
+    doc: {
+      type: [Object, String],
+      default: null
+    }
+  },
+  setup(props, { emit }) {
+    const {
+      proxy: { $http, $expression, t, $tool, $bus }
+    } = getCurrentInstance()
+    const router = useRouter()
+    const visible = ref(false)
+    const loading = ref(false)
+    const inputValue = ref('')
+
+    let messages = ref([
+      FORM_DATA_GENERATION_RULES,  // 使用导入的规则
+      SAFETY_RULES,               // 安全规则
+      {
+        content: `表单渲染定义：${JSON.stringify(props.config.formItems)}`,
+        role: 'system'
+      },
+      {
+        content: `表单案例数据：${typeof props.modelValue === 'object' ? JSON.stringify(props.modelValue) : props.modelValue}`,
+        role: 'system'
+      }
+    ])
+
+    watch(
+      () => props.modelValue,
+      (val, old) => {
+        let jsonVal = JSON.stringify(val)
+        let oldVal = JSON.stringify(old)
+        if (val && oldVal !== jsonVal) {
+          messages.value.push({
+            content: `当前表单数据：${JSON.stringify(val)}`,
+            role: 'system'
+          })
+        }
+      }
+    )
+
+    let data = computed(() => {
+      let d = {
+        messages: messages.value,
+        model: 'deepseek-chat',
+        frequency_penalty: 0,
+        max_tokens: 8192,
+        presence_penalty: 0,
+        response_format: {
+          type: 'text'
+        },
+        stop: null,
+        stream: false,
+        stream_options: null,
+        temperature: 0.7,
+        top_p: 1,
+        tools: null,
+        tool_choice: 'none',
+        logprobs: false,
+        top_logprobs: null
+      }
+
+      return JSON.stringify(d)
+    })
+
+    let config = computed(() => {
+      return {
+        method: 'post',
+        maxBodyLength: Infinity,
+        url: 'https://api.deepseek.com/chat/completions',
+        ai: true,
+        headers: {
+          'Content-Type': 'application/json',
+          Accept: 'application/json',
+          Authorization: 'Bearer sk-58c96a0153654d599d6ff16112f04755'
+        },
+        data: data.value
+      }
+    })
+    const send = () => {
+      loading.value = true
+      if (inputValue.value) {
+        messages.value.push({
+          content: inputValue.value,
+          role: 'user'
+        })
+      }
+      axios(config.value)
+        .then((response) => {
+          console.log(response.data.choices[0].message.content)
+          emit('update:modelValue', JSON.parse(response.data.choices[0].message.content))
+        })
+        .finally(() => {
+          loading.value = false
+          inputValue.value = ''
+        })
+    }
+
+    return {
+      send,
+      visible,
+      loading,
+      inputValue
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.lw-ai {
+  position: relative;
+
+  .ai-btn {
+    position: fixed;
+    bottom: 80px;
+    right: 50px;
+    z-index: 99;
+
+    color: rgba(255, 255, 255, 0.9);
+    width: 48px;
+    height: 48px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    font-size: 18px;
+    font-weight: bold;
+    transition: all 0.5s ease;
+    cursor: pointer;
+    background: linear-gradient(135deg, #d51b275e,
+        #ff880075);
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+    border: none;
+    outline: none;
+    overflow: hidden;
+  }
+
+  .ai-btn:hover {
+    transform: scale(1.05);
+    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
+  }
+
+  .ai-btn-animate {
+    background: transparent;
+    color: rgba(255, 255, 255, 0.9);
+
+    &::after,
+    &::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      border-radius: 50%;
+      opacity: 0.7;
+      mix-blend-mode: screen;
+      animation: morph 8s infinite linear, colors 10s infinite linear;
+      z-index: -1;
+    }
+
+    &::after {
+      background: linear-gradient(45deg, #d51b275e, #ff880075);
+    }
+
+    &::before {
+      background: linear-gradient(135deg, #1b8bd57c, #00ffaa7a);
+      animation-delay: 0.5s;
+    }
+  }
+
+  @keyframes morph {
+    0% {
+      border-radius: 66% 34% 30% 70% / 57% 28% 72% 43%;
+      transform: rotate(0deg);
+    }
+
+    20% {
+      border-radius: 58% 42% 38% 62% / 49% 35% 65% 51%;
+    }
+
+    40% {
+      border-radius: 42% 58% 52% 48% / 65% 49% 51% 35%;
+    }
+
+    60% {
+      border-radius: 32% 68% 22% 78% / 71% 16% 84% 29%;
+    }
+
+    80% {
+      border-radius: 67% 33% 57% 43% / 47% 58% 42% 53%;
+    }
+
+    100% {
+      border-radius: 66% 34% 30% 70% / 57% 28% 72% 43%;
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes colors {
+    0% {
+      filter: hue-rotate(0deg);
+    }
+
+    100% {
+      filter: hue-rotate(360deg);
+    }
+  }
+
+
+}
+
+.lw-ai-content {
+  .lw-ai-content-body-input {
+    margin-bottom: 10px;
+  }
+
+  .lw-ai-content-body-button {
+    text-align: right;
+  }
+}
+</style>

package/dist/components/lwLogin/index.vue

@@ -444,7 +444,7 @@ export default {
 
       // 处理应用显示逻辑
       let application = [
-        ...new Set(user.userAuthInfo.menus.map((permission) => permission.split('.')[0].split('_')[0]))
+        ...new Set(user.userAuthInfo?.menus?.map((permission) => permission.split('.')[0].split('_')[0]))
       ]
       if (this.hasMenuPermission) {
         user.userAuthInfo.grantedApplications = user.userAuthInfo.grantedApplications.filter((x) =>