xt-element-ui 2.0.1 → 2.0.3

package/src/components/xt-step-price-item/index.vue

@@ -2,7 +2,7 @@
   <div class="xt-step-price-item">
     <div class="xt-step-price-item__range">
       <span class="xt-step-price-item__bracket">{{ finalLeftBracket }}</span>
-      <span v-if="itemsLength > 1" class="xt-step-price-item__name">第{{ index + 1 }}档</span>
+      <span v-if="itemsLength > 1" class="xt-step-price-item__name">第{{ index + 1 }}{{stepName}}</span>
       <span class="xt-step-price-item__bracket">{{ finalRightBracket }}</span>
       <xt-input
         v-model.number="minInput"
@@ -10,17 +10,18 @@
         size="small"
         placeholder="下限"
         class="xt-step-price-item__input"
-        @blur="onMinBlur"
+        @blur="(e) => { onMinBlur(); onBlur(e) }"
       />
       <span class="xt-step-price-item__comma">-</span>
       <xt-input
         v-if="!isLast"
         v-model.number="maxInput"
+        type="number"
         :disabled="disabled"
         size="small"
         placeholder="上限"
         class="xt-step-price-item__input"
-        @blur="onMaxBlur"
+        @blur="(e) => { onMaxBlur(); onBlur(e) }"
       />
       <span v-else class="xt-step-price-item__infinity">+∞</span>
     </div>
@@ -29,11 +30,12 @@
     <div class="xt-step-price-item__price">
       <xt-input
         v-model.number="priceInput"
+        type="number"
         :disabled="disabled"
         size="small"
         placeholder="价格"
         class="xt-step-price-item__input xt-step-price-item__input--price"
-        @blur="onPriceBlur"
+        @blur="(e) => { onPriceBlur(); onBlur(e) }"
       />
       <span class="xt-step-price-item__unit">{{ unit }}</span>
     </div>
@@ -58,6 +60,7 @@ export default {
       required: true,
       default: () => ({ min: 0, max: null, price: 0 })
     },
+    stepName: { type: String, default: '阶梯' },
     index: { type: Number, default: 0 },
     isFirst: { type: Boolean, default: false },
     isLast: { type: Boolean, default: false },
@@ -177,13 +180,23 @@ export default {
     },
 
     onPriceBlur() {
-      let v = this.safeNumber(this.priceInput, 0)
+      const rawVal = this.priceInput
+      if (rawVal === null || rawVal === undefined || rawVal === '' || isNaN(rawVal)) {
+        this.priceInput = ''
+        this.emitChange({ [this.keyPrice]: '' })
+        return
+      }
+      let v = this.safeNumber(rawVal, 0)
       if (v < 0) v = 0
       v = Number(v.toFixed(this.precision))
       this.priceInput = v
       this.emitChange({ [this.keyPrice]: v })
     },
 
+    onBlur(e) {
+      this.$emit('blur', e)
+    },
+
     onDelete() {
       this.$emit('delete', this.index)
     }

package/src/index.js

@@ -37,6 +37,7 @@ import XtDatePicker from './components/xt-date-picker'
 import XtChart from './components/xt-chart'  // XtChart 组件（基于 ECharts 封装）
 import XtIcon from './components/xt-icon'    // XtIcon 组件（支持 el-icon / svg / 自定义字体）
 import XtTable from './components/xt-table'  // XtTable 组件（基于 ElementUI Table 封装）
+import XtScrollArrow from './components/xt-scroll-arrow'
 
 
 const components = [
@@ -60,7 +61,8 @@ const components = [
   XtDatePicker,
   XtChart,
   XtIcon,
-  XtTable
+  XtTable,
+  XtScrollArrow
 ]
 
 const install = function (Vue, options = {}) {
@@ -129,7 +131,8 @@ export default {
   XtBadge,
   XtDatePicker,
   XtIcon,
-  XtTable
+  XtTable,
+  XtScrollArrow
 }
 
 // XtChart 组件按需导出（使用时需自行安装 echarts 依赖）