vue2-client 1.15.84 → 1.15.86

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

@@ -1,128 +1,128 @@
-<template>
-  <div class="x-input-wrapper">
-    <div class="input-container">
-      <span v-if="config?.label" class="input-label">{{ config.label }}</span>
-      <div class="input-wrapper">
-        <a-input
-          v-model="innerValue"
-          v-bind="$attrs"
-          :placeholder="config?.placeholder"
-          :size="config?.size"
-          :maxLength="config?.maxLength"
-          :disabled="config?.disabled"
-          :allowClear="config?.allowClear"
-          @change="handleInput"
-          @pressEnter="handleSearch"
-        >
-          <template v-if="config?.prefix" #prefix>
-            <a-icon :type="config.prefix" @click="handleSearch" class="clickable-icon" />
-          </template>
-          <template v-if="config?.suffix" #suffix>
-            <a-icon :type="config.suffix" @click="handleSearch" class="clickable-icon" />
-          </template>
-        </a-input>
-      </div>
-      <span v-if="config?.tail" class="input-tail">{{ config.tail }}</span>
-    </div>
-  </div>
-</template>
-
-<script>
-import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
-
-export default {
-  name: 'XInput',
-  inheritAttrs: false,
-  props: {
-    value: {
-      type: [String, Number],
-      default: ''
-    },
-    queryParamsName: {
-      type: String,
-      default: ''
-    }
-  },
-  data () {
-    return {
-      innerValue: this.value || '',
-      config: null
-    }
-  },
-  created () {
-    this.getData(this.queryParamsName)
-  },
-  emits: ['search'],
-  methods: {
-    runLogic,
-    async getData (data) {
-      getConfigByName(data, 'af-his', res => {
-        this.config = res
-        if (res.defaultValue !== undefined) {
-          this.innerValue = res.defaultValue
-        }
-      })
-    },
-    handleInput (e) {
-      const value = e.target.value
-      this.innerValue = value
-      this.$emit('search', value)
-    },
-    handleSearch () {
-      // 统一的搜索事件：将当前输入值发送给父组件
-      this.$emit('search', this.innerValue)
-    }
-  },
-  watch: {
-    value: {
-      handler (newValue) {
-        this.innerValue = newValue
-      },
-      immediate: true
-    },
-    queryParamsName: {
-      handler (newValue) {
-        this.getData(newValue)
-      },
-      deep: true
-    }
-  }
-}
-</script>
-
-<style scoped>
-.x-input-wrapper {
-  position: relative;
-  display: inline-block;
-  width: 100%;
-}
-
-.input-container {
-  display: flex;
-  align-items: center;
-}
-
-.input-label {
-  white-space: nowrap;
-  color: rgba(0, 0, 0, 0.85);
-  padding-right: 8px; /* 标签右侧固定间距 */
-}
-
-.input-label {
-  white-space: nowrap;
-  color: rgba(0, 0, 0, 0.85);
-  padding-left: 4px; /* 标签左侧固定间距 */
-}
-
-.input-wrapper {
-  flex: 1; /* 输入框占据剩余空间 */
-}
-
-:deep(.clickable-icon) {
-  cursor: pointer;
-}
-
-:deep(.clickable-icon:hover) {
-  color: #1890ff;
-}
-</style>
+<template>
+  <div class="x-input-wrapper">
+    <div class="input-container">
+      <span v-if="config?.label" class="input-label">{{ config.label }}</span>
+      <div class="input-wrapper">
+        <a-input
+          v-model="innerValue"
+          v-bind="$attrs"
+          :placeholder="config?.placeholder"
+          :size="config?.size"
+          :maxLength="config?.maxLength"
+          :disabled="config?.disabled"
+          :allowClear="config?.allowClear"
+          @change="handleInput"
+          @pressEnter="handleSearch"
+        >
+          <template v-if="config?.prefix" #prefix>
+            <a-icon :type="config.prefix" @click="handleSearch" class="clickable-icon" />
+          </template>
+          <template v-if="config?.suffix" #suffix>
+            <a-icon :type="config.suffix" @click="handleSearch" class="clickable-icon" />
+          </template>
+        </a-input>
+      </div>
+      <span v-if="config?.tail" class="input-tail">{{ config.tail }}</span>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
+
+export default {
+  name: 'XInput',
+  inheritAttrs: false,
+  props: {
+    value: {
+      type: [String, Number],
+      default: ''
+    },
+    queryParamsName: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      innerValue: this.value || '',
+      config: null
+    }
+  },
+  created () {
+    this.getData(this.queryParamsName)
+  },
+  emits: ['search'],
+  methods: {
+    runLogic,
+    async getData (data) {
+      getConfigByName(data, 'af-his', res => {
+        this.config = res
+        if (res.defaultValue !== undefined) {
+          this.innerValue = res.defaultValue
+        }
+      })
+    },
+    handleInput (e) {
+      const value = e.target.value
+      this.innerValue = value
+      this.$emit('search', value)
+    },
+    handleSearch () {
+      // 统一的搜索事件：将当前输入值发送给父组件
+      this.$emit('search', this.innerValue)
+    }
+  },
+  watch: {
+    value: {
+      handler (newValue) {
+        this.innerValue = newValue
+      },
+      immediate: true
+    },
+    queryParamsName: {
+      handler (newValue) {
+        this.getData(newValue)
+      },
+      deep: true
+    }
+  }
+}
+</script>
+
+<style scoped>
+.x-input-wrapper {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+}
+
+.input-container {
+  display: flex;
+  align-items: center;
+}
+
+.input-label {
+  white-space: nowrap;
+  color: rgba(0, 0, 0, 0.85);
+  padding-right: 8px; /* 标签右侧固定间距 */
+}
+
+.input-label {
+  white-space: nowrap;
+  color: rgba(0, 0, 0, 0.85);
+  padding-left: 4px; /* 标签左侧固定间距 */
+}
+
+.input-wrapper {
+  flex: 1; /* 输入框占据剩余空间 */
+}
+
+:deep(.clickable-icon) {
+  cursor: pointer;
+}
+
+:deep(.clickable-icon:hover) {
+  color: #1890ff;
+}
+</style>

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

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

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

@@ -1,97 +1,97 @@
-# XInput 组件
-
-XInput 是一个封装了 Ant Design Vue 的输入框组件，提供搜索功能和自定义配置。
-
-## 功能特点
-
-- 支持从配置中获取参数
-- 支持前缀和后缀图标
-- 集成搜索功能
-- 支持双向绑定
-
-## 配置选项
-
-组件通过 `queryParamsName` 属性获取配置，配置内容如下：
-
-| 参数           | 说明     | 类型            | 默认值 |
-|--------------|--------|---------------| --- |
-| size         | 输入框大小  | string        | 'default' |
-| prefix       | 前缀图标类型 | string        | '' |
-| defaultValue | 默认值    | string/number | '' |
-| disabled     | 是否禁用   | boolean       | false |
-| placeholder  | 占位文本   | string        | '' |
-| allowClear   | 是否允许清除 | boolean       | true |
-| suffix       | 后缀图标类型 | string        | 'search' |
-| maxLength    | 最大输入长度 | number        | 50 |
- | label        | 输入框前文字 | String        | '' |
- | tail         | 输入框后文字 | String        | '' |
-
-## 事件
-
-| 事件名称 | 说明 | 回调参数 |
-| --- | --- | --- |
-| search | 搜索事件，在输入值变化、按下回车键或点击图标时触发 | function(value) |
-
-## 使用示例
-
-### 基础用法
-
-```vue
-<template>
-  <x-input
-    v-model="searchValue"
-    @search="handleSearch"
-  />
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      searchValue: ''
-    }
-  },
-  methods: {
-    handleSearch(value) {
-      console.log('搜索值:', value)
-      // 执行搜索逻辑
-    }
-  }
-}
-</script>
-```
-
-### 自定义配置
-
-在后端配置中定义如下配置：
-
-```json
-{
-  "size": "default",
-  "prefix": "",
-  "defaultValue": "",
-  "disabled": false,
-  "placeholder": "请输入关键词",
-  "allowClear": true,
-  "suffix": "search",
-  "maxLength": 50
-}
-```
-
-然后在组件中使用：
-
-```vue
-<template>
-  <x-input
-    v-model="searchValue"
-    query-params-name="customInputConfig"
-    @search="handleSearch"
-  />
-</template>
-```
-
-## 注意事项
-
-1. 组件会在每次输入值变化时触发 `search` 事件
-2. 点击前缀/后缀图标或按下回车键也会触发 `search` 事件
-3. 组件通过 `v-model` 支持双向绑定
+# XInput 组件
+
+XInput 是一个封装了 Ant Design Vue 的输入框组件，提供搜索功能和自定义配置。
+
+## 功能特点
+
+- 支持从配置中获取参数
+- 支持前缀和后缀图标
+- 集成搜索功能
+- 支持双向绑定
+
+## 配置选项
+
+组件通过 `queryParamsName` 属性获取配置，配置内容如下：
+
+| 参数           | 说明     | 类型            | 默认值 |
+|--------------|--------|---------------| --- |
+| size         | 输入框大小  | string        | 'default' |
+| prefix       | 前缀图标类型 | string        | '' |
+| defaultValue | 默认值    | string/number | '' |
+| disabled     | 是否禁用   | boolean       | false |
+| placeholder  | 占位文本   | string        | '' |
+| allowClear   | 是否允许清除 | boolean       | true |
+| suffix       | 后缀图标类型 | string        | 'search' |
+| maxLength    | 最大输入长度 | number        | 50 |
+ | label        | 输入框前文字 | String        | '' |
+ | tail         | 输入框后文字 | String        | '' |
+
+## 事件
+
+| 事件名称 | 说明 | 回调参数 |
+| --- | --- | --- |
+| search | 搜索事件，在输入值变化、按下回车键或点击图标时触发 | function(value) |
+
+## 使用示例
+
+### 基础用法
+
+```vue
+<template>
+  <x-input
+    v-model="searchValue"
+    @search="handleSearch"
+  />
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      searchValue: ''
+    }
+  },
+  methods: {
+    handleSearch(value) {
+      console.log('搜索值:', value)
+      // 执行搜索逻辑
+    }
+  }
+}
+</script>
+```
+
+### 自定义配置
+
+在后端配置中定义如下配置：
+
+```json
+{
+  "size": "default",
+  "prefix": "",
+  "defaultValue": "",
+  "disabled": false,
+  "placeholder": "请输入关键词",
+  "allowClear": true,
+  "suffix": "search",
+  "maxLength": 50
+}
+```
+
+然后在组件中使用：
+
+```vue
+<template>
+  <x-input
+    v-model="searchValue"
+    query-params-name="customInputConfig"
+    @search="handleSearch"
+  />
+</template>
+```
+
+## 注意事项
+
+1. 组件会在每次输入值变化时触发 `search` 事件
+2. 点击前缀/后缀图标或按下回车键也会触发 `search` 事件
+3. 组件通过 `v-model` 支持双向绑定