vue2-client 1.15.87 → 1.15.88

package/src/base-client/components/common/XRate/demo.vue

@@ -1,102 +1,102 @@
-<template>
-  <div class="demo-container">
-    <h2>XRate 评分组件示例</h2>
-
-    <div class="demo-section">
-      <h3>基础用法</h3>
-      <x-rate v-model="basicRate" />
-      <div>当前值: {{ basicRate }}</div>
-      <a-button @click="resetBasicRate">重置</a-button>
-    </div>
-
-    <div class="demo-section">
-      <h3>允许半星</h3>
-      <x-rate v-model="halfRate" :allow-half="true" />
-      <div>当前值: {{ halfRate }}</div>
-    </div>
-
-    <div class="demo-section">
-      <h3>自定义最大分值</h3>
-      <x-rate v-model="customRate" :max-count="10" />
-      <div>当前值: {{ customRate }}</div>
-    </div>
-
-    <div class="demo-section">
-      <h3>查询模式</h3>
-      <x-rate v-model="queryRate" mode="查询" />
-      <div>当前值: {{ queryRate }}</div>
-    </div>
-
-    <div class="demo-section">
-      <h3>查询模式（多选）</h3>
-      <x-rate v-model="queryMultiRate" mode="查询" query-type="IN" />
-      <div>当前值: {{ queryMultiRate }}</div>
-    </div>
-
-    <div class="demo-section">
-      <h3>禁用状态</h3>
-      <x-rate v-model="disabledRate" :disabled="true" />
-      <div>当前值: {{ disabledRate }}</div>
-    </div>
-
-    <div class="demo-section">
-      <h3>空值处理</h3>
-      <x-rate v-model="emptyRate" />
-      <div>当前值: {{ emptyRate }}</div>
-      <a-button @click="clearRate">清除</a-button>
-    </div>
-  </div>
-</template>
-
-<script>
-import XRate from './index.vue'
-
-export default {
-  name: 'XRateDemo',
-  components: {
-    XRate
-  },
-  data () {
-    return {
-      basicRate: 3,
-      halfRate: 3.5,
-      customRate: 7,
-      queryRate: 4,
-      queryMultiRate: [3, 4],
-      disabledRate: 2,
-      emptyRate: undefined
-    }
-  },
-  methods: {
-    resetBasicRate () {
-      this.basicRate = 3
-    },
-    clearRate () {
-      this.emptyRate = undefined
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.demo-container {
-  padding: 20px;
-
-  .demo-section {
-    margin-bottom: 30px;
-    padding: 20px;
-    border: 1px solid #eee;
-    border-radius: 4px;
-
-    h3 {
-      margin-top: 0;
-      margin-bottom: 16px;
-      color: #333;
-    }
-
-    .ant-btn {
-      margin-top: 8px;
-    }
-  }
-}
-</style>
+<template>
+  <div class="demo-container">
+    <h2>XRate 评分组件示例</h2>
+
+    <div class="demo-section">
+      <h3>基础用法</h3>
+      <x-rate v-model="basicRate" />
+      <div>当前值: {{ basicRate }}</div>
+      <a-button @click="resetBasicRate">重置</a-button>
+    </div>
+
+    <div class="demo-section">
+      <h3>允许半星</h3>
+      <x-rate v-model="halfRate" :allow-half="true" />
+      <div>当前值: {{ halfRate }}</div>
+    </div>
+
+    <div class="demo-section">
+      <h3>自定义最大分值</h3>
+      <x-rate v-model="customRate" :max-count="10" />
+      <div>当前值: {{ customRate }}</div>
+    </div>
+
+    <div class="demo-section">
+      <h3>查询模式</h3>
+      <x-rate v-model="queryRate" mode="查询" />
+      <div>当前值: {{ queryRate }}</div>
+    </div>
+
+    <div class="demo-section">
+      <h3>查询模式（多选）</h3>
+      <x-rate v-model="queryMultiRate" mode="查询" query-type="IN" />
+      <div>当前值: {{ queryMultiRate }}</div>
+    </div>
+
+    <div class="demo-section">
+      <h3>禁用状态</h3>
+      <x-rate v-model="disabledRate" :disabled="true" />
+      <div>当前值: {{ disabledRate }}</div>
+    </div>
+
+    <div class="demo-section">
+      <h3>空值处理</h3>
+      <x-rate v-model="emptyRate" />
+      <div>当前值: {{ emptyRate }}</div>
+      <a-button @click="clearRate">清除</a-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import XRate from './index.vue'
+
+export default {
+  name: 'XRateDemo',
+  components: {
+    XRate
+  },
+  data () {
+    return {
+      basicRate: 3,
+      halfRate: 3.5,
+      customRate: 7,
+      queryRate: 4,
+      queryMultiRate: [3, 4],
+      disabledRate: 2,
+      emptyRate: undefined
+    }
+  },
+  methods: {
+    resetBasicRate () {
+      this.basicRate = 3
+    },
+    clearRate () {
+      this.emptyRate = undefined
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.demo-container {
+  padding: 20px;
+
+  .demo-section {
+    margin-bottom: 30px;
+    padding: 20px;
+    border: 1px solid #eee;
+    border-radius: 4px;
+
+    h3 {
+      margin-top: 0;
+      margin-bottom: 16px;
+      color: #333;
+    }
+
+    .ant-btn {
+      margin-top: 8px;
+    }
+  }
+}
+</style>

package/src/base-client/components/common/XRate/index.vue

@@ -1,149 +1,149 @@
-<template>
-  <div class="x-rate">
-    <template v-if="mode === '查询'">
-      <a-select
-        style="width:100%"
-        :value="value"
-        :disabled="disabled"
-        :filter-option="filterOption"
-        :getPopupContainer="getPopupContainer"
-        :placeholder="placeholder"
-        :mode="queryType === 'IN' ? 'multiple' : undefined"
-        show-search
-        allowClear
-        @change="handleSelectChange"
-      >
-        <a-select-option v-if="!queryType || queryType !== 'IN'" key="999999" value="">全部</a-select-option>
-        <a-select-option
-          v-for="val in getRateOptions"
-          :key="val"
-          :value="val"
-        >
-          <a-rate
-            :value="transformValueToStars(val)"
-            :count="5"
-            :allowHalf="allowHalf"
-            disabled
-          >
-            <a-icon slot="character" :type="icon" theme="filled"/>
-          </a-rate>
-        </a-select-option>
-      </a-select>
-    </template>
-    <a-rate
-      v-else
-      :value="transformValueToStars(value)"
-      :count="5"
-      :disabled="disabled"
-      :allowHalf="allowHalf"
-      @change="handleRateChange"
-    >
-      <a-icon slot="character" :type="icon" theme="filled"/>
-    </a-rate>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'XRate',
-  model: {
-    prop: 'value',
-    event: 'input'
-  },
-  props: {
-    value: {
-      type: [Number, String],
-      default: undefined
-    },
-    mode: {
-      type: String,
-      default: '新增/修改'
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    placeholder: {
-      type: String,
-      default: '请选择'
-    },
-    queryType: {
-      type: String,
-      default: ''
-    },
-    maxCount: {
-      type: Number,
-      default: 5
-    },
-    allowHalf: {
-      type: Boolean,
-      default: false
-    },
-    icon: {
-      type: String,
-      default: 'star'
-    }
-  },
-  computed: {
-    getRateOptions () {
-      const options = []
-      const step = this.allowHalf ? this.maxCount / 10 : this.maxCount / 5
-
-      for (let i = (this.allowHalf ? step : step); i <= this.maxCount; i += step) {
-        options.push(i)
-      }
-      return options
-    }
-  },
-  methods: {
-    // 将实际分值转换为星星显示值（1-5星）
-    transformValueToStars (value) {
-      if (!value && value !== 0) return 0
-      return (value / this.maxCount) * 5
-    },
-    // 处理评分变化
-    handleRateChange (value) {
-      // 将星星数（1-5）转换为实际分值
-      const actualValue = (value / 5) * this.maxCount
-
-      // 如果支持半星，保留一位小数；否则取整
-      const result = this.allowHalf
-        ? Math.round(actualValue * 10) / 10
-        : Math.round(actualValue)
-
-      this.$emit('input', result)
-      this.$emit('change', result)
-    },
-    // 处理下拉选择变化
-    handleSelectChange (value) {
-      this.$emit('input', value)
-      this.$emit('change', value)
-    },
-    filterOption (input, option) {
-      const child = option.componentOptions.children[0]
-      if (child.text) {
-        return child.text.toLowerCase().indexOf(input.toLowerCase()) >= 0
-      } else if (child.elm.innerText) {
-        return child.elm.innerText.toLowerCase().indexOf(input.toLowerCase()) >= 0
-      } else {
-        return child.child.value.toLowerCase().indexOf(input.toLowerCase()) >= 0
-      }
-    },
-    getPopupContainer (triggerNode) {
-      return document.body
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.x-rate::v-deep {
-  width: 100%;
-  display: inline-block;
-  .ant-select-selection {
-    height: 32px;
-    max-height: 32px;
-    overflow-y: scroll;
-  }
-}
-</style>
+<template>
+  <div class="x-rate">
+    <template v-if="mode === '查询'">
+      <a-select
+        style="width:100%"
+        :value="value"
+        :disabled="disabled"
+        :filter-option="filterOption"
+        :getPopupContainer="getPopupContainer"
+        :placeholder="placeholder"
+        :mode="queryType === 'IN' ? 'multiple' : undefined"
+        show-search
+        allowClear
+        @change="handleSelectChange"
+      >
+        <a-select-option v-if="!queryType || queryType !== 'IN'" key="999999" value="">全部</a-select-option>
+        <a-select-option
+          v-for="val in getRateOptions"
+          :key="val"
+          :value="val"
+        >
+          <a-rate
+            :value="transformValueToStars(val)"
+            :count="5"
+            :allowHalf="allowHalf"
+            disabled
+          >
+            <a-icon slot="character" :type="icon" theme="filled"/>
+          </a-rate>
+        </a-select-option>
+      </a-select>
+    </template>
+    <a-rate
+      v-else
+      :value="transformValueToStars(value)"
+      :count="5"
+      :disabled="disabled"
+      :allowHalf="allowHalf"
+      @change="handleRateChange"
+    >
+      <a-icon slot="character" :type="icon" theme="filled"/>
+    </a-rate>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'XRate',
+  model: {
+    prop: 'value',
+    event: 'input'
+  },
+  props: {
+    value: {
+      type: [Number, String],
+      default: undefined
+    },
+    mode: {
+      type: String,
+      default: '新增/修改'
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: String,
+      default: '请选择'
+    },
+    queryType: {
+      type: String,
+      default: ''
+    },
+    maxCount: {
+      type: Number,
+      default: 5
+    },
+    allowHalf: {
+      type: Boolean,
+      default: false
+    },
+    icon: {
+      type: String,
+      default: 'star'
+    }
+  },
+  computed: {
+    getRateOptions () {
+      const options = []
+      const step = this.allowHalf ? this.maxCount / 10 : this.maxCount / 5
+
+      for (let i = (this.allowHalf ? step : step); i <= this.maxCount; i += step) {
+        options.push(i)
+      }
+      return options
+    }
+  },
+  methods: {
+    // 将实际分值转换为星星显示值（1-5星）
+    transformValueToStars (value) {
+      if (!value && value !== 0) return 0
+      return (value / this.maxCount) * 5
+    },
+    // 处理评分变化
+    handleRateChange (value) {
+      // 将星星数（1-5）转换为实际分值
+      const actualValue = (value / 5) * this.maxCount
+
+      // 如果支持半星，保留一位小数；否则取整
+      const result = this.allowHalf
+        ? Math.round(actualValue * 10) / 10
+        : Math.round(actualValue)
+
+      this.$emit('input', result)
+      this.$emit('change', result)
+    },
+    // 处理下拉选择变化
+    handleSelectChange (value) {
+      this.$emit('input', value)
+      this.$emit('change', value)
+    },
+    filterOption (input, option) {
+      const child = option.componentOptions.children[0]
+      if (child.text) {
+        return child.text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      } else if (child.elm.innerText) {
+        return child.elm.innerText.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      } else {
+        return child.child.value.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      }
+    },
+    getPopupContainer (triggerNode) {
+      return document.body
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.x-rate::v-deep {
+  width: 100%;
+  display: inline-block;
+  .ant-select-selection {
+    height: 32px;
+    max-height: 32px;
+    overflow-y: scroll;
+  }
+}
+</style>