vue2-client 1.9.78 → 1.9.79

package/src/base-client/components/common/XButtons/XButtons.vue

@@ -1,71 +1,71 @@
-<template>
-  <div class="x-buttons">
-    <a-button-group v-if="loading">
-      <a-button
-        v-for="(button) in renderConfig"
-        :key="button.key"
-        :ref="'buttonGroup-' + button.key"
-        :type="button.type || 'default'"
-        :disabled="button.disabled"
-        :icon="button.icon"
-        :loading="button.loading"
-        @click="handleButtonClick(button)"
-      >
-        {{ button.label }}
-      </a-button>
-    </a-button-group>
-    <a-spin :spinning="!loading" />
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'XButtons',
-  components: {},
-  props: {},
-  data () {
-    return {
-      // 组件加载状态
-      loading: false,
-      // 配置内容
-      renderConfig: undefined
-    }
-  },
-  methods: {
-    /**
-     * 初始化按钮组参数
-     */
-    init (params) {
-      const {
-        // 配置内容
-        value
-      } = params
-      this.renderConfig = value
-      this.loading = true
-    },
-    handleButtonClick (item) {
-      item.loading = true
-      const callback = () => {
-        item.loading = false
-      }
-      if (item.clickEventName && this.$listeners[item.clickEventName]) {
-        // 交由父级处理
-        this.$emit(item.clickEventName, item, callback)
-      } else {
-        this.defaultAction(item.clickEventName, item, callback)
-      }
-    },
-    defaultAction (clickEventName, item, callback) {
-      setTimeout(() => {
-        this.$message.warn(`已触发按钮 [${item.key}]，注册事件名 [${clickEventName}]，未实现事件函数`)
-        callback()
-      }, 200)
-    }
-  }
-}
-</script>
-<style scoped>
-.ant-btn-group {
-  flex-wrap: wrap;
-}
-</style>
+<template>
+  <div class="x-buttons">
+    <a-button-group v-if="loading">
+      <a-button
+        v-for="(button) in renderConfig"
+        :key="button.key"
+        :ref="'buttonGroup-' + button.key"
+        :type="button.type || 'default'"
+        :disabled="button.disabled"
+        :icon="button.icon"
+        :loading="button.loading"
+        @click="handleButtonClick(button)"
+      >
+        {{ button.label }}
+      </a-button>
+    </a-button-group>
+    <a-spin :spinning="!loading" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'XButtons',
+  components: {},
+  props: {},
+  data () {
+    return {
+      // 组件加载状态
+      loading: false,
+      // 配置内容
+      renderConfig: undefined
+    }
+  },
+  methods: {
+    /**
+     * 初始化按钮组参数
+     */
+    init (params) {
+      const {
+        // 配置内容
+        value
+      } = params
+      this.renderConfig = value
+      this.loading = true
+    },
+    handleButtonClick (item) {
+      item.loading = true
+      const callback = () => {
+        item.loading = false
+      }
+      if (item.clickEventName && this.$listeners[item.clickEventName]) {
+        // 交由父级处理
+        this.$emit(item.clickEventName, item, callback)
+      } else {
+        this.defaultAction(item.clickEventName, item, callback)
+      }
+    },
+    defaultAction (clickEventName, item, callback) {
+      setTimeout(() => {
+        this.$message.warn(`已触发按钮 [${item.key}]，注册事件名 [${clickEventName}]，未实现事件函数`)
+        callback()
+      }, 200)
+    }
+  }
+}
+</script>
+<style scoped>
+.ant-btn-group {
+  flex-wrap: wrap;
+}
+</style>

package/src/base-client/components/common/XButtons/index.js

@@ -1,3 +1,3 @@
-import XButtons from './XButtons.vue'
-
-export default XButtons
+import XButtons from './XButtons.vue'
+
+export default XButtons

package/src/base-client/components/common/XButtons/index.md

@@ -1,61 +1,61 @@
-# XButtons
-
-通用按钮组控件
-
-
-## 何时使用
-
-当需要一个通用按钮组时
-
-
-引用方式：
-
-```javascript
-import XButtons from '@vue2-client/base-client/components/XButtons/XButtons'
-
-export default {
-    components: {
-      XButtons
-    }
-}
-```
-
-
-
-## 代码演示
-
-```html
-<template>
-  <div>
-    <x-buttons ref="xButtons"></x-buttons>
-  </div>
-</template>
-
-<script>
-  import XButtons from './XButtons.vue'
-  import { getConfigByName } from '@vue2-client/services/api/common'
-
-  export default {
-    name: 'XButtonDemo',
-    components: {
-      XButtons
-    },
-    data () {
-      return {}
-    },
-    mounted () {
-      getConfigByName('testButtonGroup', 'af-his', res => {
-        this.$refs.xButtons.init({
-          renderConfig: res
-        })
-      }, true)
-    },
-    methods: {},
-  }
-</script>
-```
-
-## API
-
-| 参数        | 说明                       | 类型      | 默认值  |
-|-----------|--------------------------|---------|------|
+# XButtons
+
+通用按钮组控件
+
+
+## 何时使用
+
+当需要一个通用按钮组时
+
+
+引用方式：
+
+```javascript
+import XButtons from '@vue2-client/base-client/components/XButtons/XButtons'
+
+export default {
+    components: {
+      XButtons
+    }
+}
+```
+
+
+
+## 代码演示
+
+```html
+<template>
+  <div>
+    <x-buttons ref="xButtons"></x-buttons>
+  </div>
+</template>
+
+<script>
+  import XButtons from './XButtons.vue'
+  import { getConfigByName } from '@vue2-client/services/api/common'
+
+  export default {
+    name: 'XButtonDemo',
+    components: {
+      XButtons
+    },
+    data () {
+      return {}
+    },
+    mounted () {
+      getConfigByName('testButtonGroup', 'af-his', res => {
+        this.$refs.xButtons.init({
+          renderConfig: res
+        })
+      }, true)
+    },
+    methods: {},
+  }
+</script>
+```
+
+## API
+
+| 参数        | 说明                       | 类型      | 默认值  |
+|-----------|--------------------------|---------|------|

package/src/base-client/components/common/XCard/XCard.vue

@@ -1,64 +1,64 @@
-<template>
-  <div>
-    <a-card :body-style="{ margin: 0, padding: 0 }" :bordered="false">
-      <a-skeleton v-show="loadState === 'loading'" active style="padding: 16px"/>
-      <a-empty v-show="loadState === 'empty'">
-        <a-button type="dashed" @click="retry">
-          重新加载
-        </a-button>
-      </a-empty>
-      <a-card
-        v-show="loadState === 'error'"
-        :body-style="{ margin: '0 auto' }"
-        :bordered="false"
-        :hoverable="true"
-        class="retryCard"
-        @click="retry" >
-        <a-icon :style="{ fontSize: '28px' }" type="global"/>
-        <p class="noSelect" style="margin-top: 20px">网络好像开小差了，点击重新加载...</p>
-      </a-card>
-      <div v-show="loadState === 'success'">
-        <slot></slot>
-      </div>
-    </a-card>
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: 'XCard',
-  props: {
-    loadState: {
-      type: String,
-      default: 'success'
-    },
-    retry: {
-      type: Function,
-      default: () => {
-        console.error('未实现重新加载')
-      }
-    }
-  },
-  data () {
-    return {
-
-    }
-  }
-}
-</script>
-
-<style scoped>
-.retryCard {
-  text-align: center;
-}
-.noSelect {
-  -webkit-touch-callout: none; /* iOS Safari */
-  -webkit-user-select: none; /* Chrome/Safari/Opera */
-  -khtml-user-select: none; /* Konqueror */
-  -moz-user-select: none; /* Firefox */
-  -ms-user-select: none; /* Internet Explorer/Edge */
-  user-select: none; /* Non-prefixed version, currently
-  not supported by any browser */
-}
-</style>
+<template>
+  <div>
+    <a-card :body-style="{ margin: 0, padding: 0 }" :bordered="false">
+      <a-skeleton v-show="loadState === 'loading'" active style="padding: 16px"/>
+      <a-empty v-show="loadState === 'empty'">
+        <a-button type="dashed" @click="retry">
+          重新加载
+        </a-button>
+      </a-empty>
+      <a-card
+        v-show="loadState === 'error'"
+        :body-style="{ margin: '0 auto' }"
+        :bordered="false"
+        :hoverable="true"
+        class="retryCard"
+        @click="retry" >
+        <a-icon :style="{ fontSize: '28px' }" type="global"/>
+        <p class="noSelect" style="margin-top: 20px">网络好像开小差了，点击重新加载...</p>
+      </a-card>
+      <div v-show="loadState === 'success'">
+        <slot></slot>
+      </div>
+    </a-card>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'XCard',
+  props: {
+    loadState: {
+      type: String,
+      default: 'success'
+    },
+    retry: {
+      type: Function,
+      default: () => {
+        console.error('未实现重新加载')
+      }
+    }
+  },
+  data () {
+    return {
+
+    }
+  }
+}
+</script>
+
+<style scoped>
+.retryCard {
+  text-align: center;
+}
+.noSelect {
+  -webkit-touch-callout: none; /* iOS Safari */
+  -webkit-user-select: none; /* Chrome/Safari/Opera */
+  -khtml-user-select: none; /* Konqueror */
+  -moz-user-select: none; /* Firefox */
+  -ms-user-select: none; /* Internet Explorer/Edge */
+  user-select: none; /* Non-prefixed version, currently
+  not supported by any browser */
+}
+</style>

package/src/base-client/components/common/XConversation/XConversation.vue

@@ -1,140 +1,140 @@
-<template>
-  <div>
-    <div class="chat-container" v-if="loading">
-      <!-- 对话展示区域 -->
-      <div class="chat-content">
-        <div
-          v-for="(message, index) in messages"
-          :key="index"
-          :class="['chat-message', message.type]"
-        >
-          <span class="chat-avatar">{{ message.type === 'user' ? '👤' : '🤖' }}</span>
-          <div class="chat-text">{{ message.text }}</div>
-        </div>
-      </div>
-
-      <!-- 输入框和发送按钮 -->
-      <div class="chat-input">
-        <a-input
-          v-model="inputMessage"
-          placeholder="Type your message..."
-          @pressEnter="sendMessage"
-        />
-        <a-button type="primary" @click="sendMessage">Send</a-button>
-      </div>
-    </div>
-    <a-spin :spinning="!loading" />
-  </div>
-</template>
-
-<script>
-import { runLogic } from '@vue2-client/services/api/common'
-export default {
-  data () {
-    return {
-      serviceName: undefined,
-      // 组件加载状态
-      loading: false,
-      // 配置内容
-      renderConfig: undefined,
-      inputMessage: '', // 用户输入的内容
-      additionalInfo: {},
-      messages: [ // 消息列表
-        { type: 'bot', text: 'Hello! How can I assist you today?' },
-      ],
-    }
-  },
-  methods: {
-    setAddtionalInfo (params) {
-        this.additionalInfo = params
-    },
-    init (params) {
-      const {
-        serviceName,
-        // 配置内容
-        value
-      } = params
-      this.renderConfig = value
-      this.loading = true
-      this.serviceName = serviceName
-    },
-    async sendMessage () {
-      if (!this.inputMessage.trim()) return
-
-      // 添加用户消息
-      this.messages.push({ type: 'user', text: this.inputMessage })
-
-      // 清空输入框
-      const userMessage = this.inputMessage
-      this.inputMessage = ''
-
-      // 模拟机器人的回复
-      const response = await runLogic(this.renderConfig.logicName, {
-            question: userMessage,
-            additionalInfo: this.additionalInfo
-        }, this.serviceName)
-       this.messages.push({ type: 'bot', text: response })
-    },
-  },
-}
-</script>
-
-<style scoped>
-.chat-container {
-  display: flex;
-  flex-direction: column;
-  height: 500px;
-  border: 1px solid #d9d9d9;
-  border-radius: 4px;
-  overflow: hidden;
-}
-
-.chat-content {
-  flex: 1;
-  padding: 16px;
-  overflow-y: auto;
-  background: #f5f5f5;
-}
-
-.chat-message {
-  display: flex;
-  align-items: flex-start;
-  margin-bottom: 10px;
-}
-
-.chat-message.user {
-  justify-content: flex-end;
-}
-
-.chat-message.bot {
-  justify-content: flex-start;
-}
-
-.chat-avatar {
-  margin: 0 8px;
-}
-
-.chat-text {
-  max-width: 70%;
-  padding: 8px 12px;
-  border-radius: 4px;
-  background-color: #fff;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-}
-
-.chat-message.user .chat-text {
-  background-color: #e6f7ff;
-}
-
-.chat-input {
-  display: flex;
-  padding: 8px;
-  background: #fff;
-  border-top: 1px solid #d9d9d9;
-}
-
-.chat-input a-input {
-  flex: 1;
-  margin-right: 8px;
-}
-</style>
+<template>
+  <div>
+    <div class="chat-container" v-if="loading">
+      <!-- 对话展示区域 -->
+      <div class="chat-content">
+        <div
+          v-for="(message, index) in messages"
+          :key="index"
+          :class="['chat-message', message.type]"
+        >
+          <span class="chat-avatar">{{ message.type === 'user' ? '👤' : '🤖' }}</span>
+          <div class="chat-text">{{ message.text }}</div>
+        </div>
+      </div>
+
+      <!-- 输入框和发送按钮 -->
+      <div class="chat-input">
+        <a-input
+          v-model="inputMessage"
+          placeholder="Type your message..."
+          @pressEnter="sendMessage"
+        />
+        <a-button type="primary" @click="sendMessage">Send</a-button>
+      </div>
+    </div>
+    <a-spin :spinning="!loading" />
+  </div>
+</template>
+
+<script>
+import { runLogic } from '@vue2-client/services/api/common'
+export default {
+  data () {
+    return {
+      serviceName: undefined,
+      // 组件加载状态
+      loading: false,
+      // 配置内容
+      renderConfig: undefined,
+      inputMessage: '', // 用户输入的内容
+      additionalInfo: {},
+      messages: [ // 消息列表
+        { type: 'bot', text: '你好! 今天有什么能帮到您的?' },
+      ],
+    }
+  },
+  methods: {
+    setAddtionalInfo (params) {
+        this.additionalInfo = params
+    },
+    init (params) {
+      const {
+        serviceName,
+        // 配置内容
+        value
+      } = params
+      this.renderConfig = value
+      this.loading = true
+      this.serviceName = serviceName
+    },
+    async sendMessage () {
+      if (!this.inputMessage.trim()) return
+
+      // 添加用户消息
+      this.messages.push({ type: 'user', text: this.inputMessage })
+
+      // 清空输入框
+      const userMessage = this.inputMessage
+      this.inputMessage = ''
+
+      // 模拟机器人的回复
+      const response = await runLogic(this.renderConfig.logicName, {
+            question: userMessage,
+            additionalInfo: this.additionalInfo
+        }, this.serviceName)
+       this.messages.push({ type: 'bot', text: response.value })
+    },
+  },
+}
+</script>
+
+<style scoped>
+.chat-container {
+  display: flex;
+  flex-direction: column;
+  height: 500px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.chat-content {
+  flex: 1;
+  padding: 16px;
+  overflow-y: auto;
+  background: #f5f5f5;
+}
+
+.chat-message {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 10px;
+}
+
+.chat-message.user {
+  justify-content: flex-end;
+}
+
+.chat-message.bot {
+  justify-content: flex-start;
+}
+
+.chat-avatar {
+  margin: 0 8px;
+}
+
+.chat-text {
+  max-width: 70%;
+  padding: 8px 12px;
+  border-radius: 4px;
+  background-color: #fff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.chat-message.user .chat-text {
+  background-color: #e6f7ff;
+}
+
+.chat-input {
+  display: flex;
+  padding: 8px;
+  background: #fff;
+  border-top: 1px solid #d9d9d9;
+}
+
+.chat-input a-input {
+  flex: 1;
+  margin-right: 8px;
+}
+</style>