Browse Source

chore: inputnumber 使用名称变更

eiinu 3 years ago
parent
commit
67bedaec80

+ 1 - 1
src/packages/__VUE/configprovider/demo.vue

@@ -27,7 +27,7 @@
           <nut-rate v-model="formData2.rate" />
         </nut-form-item>
         <nut-form-item :label="translate('inputnumber')">
-          <nut-inputnumber v-model="formData2.number" />
+          <nut-input-number v-model="formData2.number" />
         </nut-form-item>
         <nut-form-item :label="translate('range')">
           <nut-range hidden-tag v-model="formData2.range"></nut-range>

+ 1 - 1
src/packages/__VUE/ecard/index.taro.vue

@@ -24,7 +24,7 @@
       </view>
       <view class="nut-ecard__list__step">
         <view>{{ suffix }}{{ money }}</view>
-        <nut-inputnumber v-model="stepValue" :min="cardBuyMin" :max="cardBuyMax" @change="changeStep" />
+        <nut-input-number v-model="stepValue" :min="cardBuyMin" :max="cardBuyMax" @change="changeStep" />
       </view>
     </view>
   </view>

+ 1 - 1
src/packages/__VUE/ecard/index.vue

@@ -25,7 +25,7 @@
       </view>
       <view class="nut-ecard__list__step">
         <view>{{ suffix }}{{ money }}</view>
-        <nut-inputnumber v-model="stepValue" :min="cardBuyMin" :max="cardBuyMax" @change="changeStep" />
+        <nut-input-number v-model="stepValue" :min="cardBuyMin" :max="cardBuyMax" @change="changeStep" />
       </view>
     </view>
   </view>

+ 1 - 1
src/packages/__VUE/form/__test__/index.spec.ts

@@ -274,7 +274,7 @@ describe('Form', () => {
         <nut-rate v-model="formData2.rate" />
       </nut-form-item>
       <nut-form-item label="步进器">
-        <nut-inputnumber v-model="formData2.number" />
+        <nut-input-number v-model="formData2.number" />
       </nut-form-item>
       <nut-form-item label="滑块">
         <nut-range hidden-tag v-model="formData2.range"></nut-range>

+ 1 - 1
src/packages/__VUE/form/demo.vue

@@ -141,7 +141,7 @@
         <nut-rate v-model="formData2.rate" />
       </nut-form-item>
       <nut-form-item :label="translate('inputnumber')">
-        <nut-inputnumber v-model="formData2.number" />
+        <nut-input-number v-model="formData2.number" />
       </nut-form-item>
       <nut-form-item :label="translate('range')">
         <nut-range hidden-tag v-model="formData2.range"></nut-range>

+ 1 - 1
src/packages/__VUE/form/doc.en-US.md

@@ -249,7 +249,7 @@ setup(){
         <nut-rate v-model="formData2.rate" />
     </nut-form-item>
     <nut-form-item label="Inputnumber">
-        <nut-inputnumber v-model="formData2.number" />
+        <nut-input-number v-model="formData2.number" />
     </nut-form-item>
     <nut-form-item label="Range">
         <nut-range hidden-tag v-model="formData2.range"></nut-range>

+ 1 - 1
src/packages/__VUE/form/doc.md

@@ -249,7 +249,7 @@ setup(){
         <nut-rate v-model="formData2.rate" />
     </nut-form-item>
     <nut-form-item label="步进器">
-        <nut-inputnumber v-model="formData2.number" />
+        <nut-input-number v-model="formData2.number" />
     </nut-form-item>
     <nut-form-item label="滑块">
         <nut-range hidden-tag v-model="formData2.range"></nut-range>

+ 10 - 10
src/packages/__VUE/inputnumber/demo.vue

@@ -2,39 +2,39 @@
   <div class="demo">
     <h2>{{ translate('basic') }}</h2>
     <nut-cell>
-      <nut-inputnumber v-model="state.val1" />
+      <nut-input-number v-model="state.val1" />
     </nut-cell>
     <h2>{{ translate('step') }}</h2>
     <nut-cell>
-      <nut-inputnumber v-model="state.val2" step="5" />
+      <nut-input-number v-model="state.val2" step="5" />
     </nut-cell>
     <h2>{{ translate('limit') }}</h2>
     <nut-cell>
-      <nut-inputnumber v-model="state.val3" @overlimit="overlimit" min="10" max="20" />
+      <nut-input-number v-model="state.val3" @overlimit="overlimit" min="10" max="20" />
     </nut-cell>
     <h2>{{ translate('disable') }}</h2>
     <nut-cell>
-      <nut-inputnumber v-model="state.val4" disabled />
+      <nut-input-number v-model="state.val4" disabled />
     </nut-cell>
     <h2>{{ translate('readonly') }}</h2>
     <nut-cell>
-      <nut-inputnumber v-model="state.val5" readonly />
+      <nut-input-number v-model="state.val5" readonly />
     </nut-cell>
     <h2>{{ translate('decimal') }}</h2>
     <nut-cell>
-      <nut-inputnumber v-model="state.val6" step="0.1" decimal-places="1" readonly />
+      <nut-input-number v-model="state.val6" step="0.1" decimal-places="1" readonly />
     </nut-cell>
     <h2>{{ translate('async') }}</h2>
     <nut-cell>
-      <nut-inputnumber :model-value="state.val8" @change="onChange" />
+      <nut-input-number :model-value="state.val8" @change="onChange" />
     </nut-cell>
     <h2>{{ translate('size') }}</h2>
     <nut-cell>
-      <nut-inputnumber v-model="state.val7" button-size="30" input-width="50" />
+      <nut-input-number v-model="state.val7" button-size="30" input-width="50" />
     </nut-cell>
     <h2>{{ translate('icon') }}</h2>
     <nut-cell>
-      <nut-inputnumber icon-left="left" icon-right="right" v-model="state.val9" />
+      <nut-input-number icon-left="left" icon-right="right" v-model="state.val9" />
     </nut-cell>
   </div>
 </template>
@@ -42,7 +42,7 @@
 <script lang="ts">
 import { reactive, getCurrentInstance } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-const { createDemo, translate } = createComponent('inputnumber');
+const { createDemo, translate } = createComponent('input-number');
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 const initTranslate = () =>
   useTranslate({

+ 9 - 9
src/packages/__VUE/inputnumber/doc.en-US.md

@@ -28,7 +28,7 @@ Initialize a default value
 
 ``` html
 <template>
-  <nut-inputnumber v-model="value" />
+  <nut-input-number v-model="value" />
 </template>
 <script lang="ts">
   import { ref } from 'vue';
@@ -52,7 +52,7 @@ Set step `step` 5
 
 ```html
 <template>
-  <nut-inputnumber v-model="value" step="5" />
+  <nut-input-number v-model="value" step="5" />
 </template>
 <script lang="ts">
   import { ref } from 'vue';
@@ -76,7 +76,7 @@ Set step `step` 5
 
 ```html
 <template>
-  <nut-inputnumber v-model="value" min="10" max="20" />
+  <nut-input-number v-model="value" min="10" max="20" />
 </template>
 <script lang="ts">
   import { ref } from 'vue';
@@ -100,7 +100,7 @@ Set step `step` 5
 
 ```html
 <template>
-  <nut-inputnumber v-model="value" disabled />
+  <nut-input-number v-model="value" disabled />
 </template>
 <script lang="ts">
   import { ref } from 'vue';
@@ -124,7 +124,7 @@ Set step `step` 5
 
 ```html
 <template>
-  <nut-inputnumber v-model="value" readonly />
+  <nut-input-number v-model="value" readonly />
 </template>
 <script lang="ts">
   import { ref } from 'vue';
@@ -148,7 +148,7 @@ Set step size `step` 0.1 `decimal places` keep 1 decimal place
 
 ```html
 <template>
-  <nut-inputnumber v-model="value" step="0.1" decimal-places="1" />
+  <nut-input-number v-model="value" step="0.1" decimal-places="1" />
 </template>
 <script lang="ts">
   import { ref } from 'vue';
@@ -171,7 +171,7 @@ Asynchronous modification through `change` event and `model-value`
 
 ```html
 <template>
-  <nut-inputnumber :model-value="value" @change="onChange" />
+  <nut-input-number :model-value="value" @change="onChange" />
 </template>
 <script lang="ts">
   import { reactive, getCurrentInstance, toRefs } from 'vue';
@@ -202,7 +202,7 @@ Asynchronous modification through `change` event and `model-value`
 
 ```html
 <template>
-  <nut-inputnumber v-model="value"  button-size="30" input-width="50" />
+  <nut-input-number v-model="value"  button-size="30" input-width="50" />
 </template>
 <script lang="ts">
   import { ref } from 'vue';
@@ -223,7 +223,7 @@ Asynchronous modification through `change` event and `model-value`
 
 ```html
 <template>
-  <nut-inputnumber icon-left="left" icon-right="right" v-model="value" />
+  <nut-input-number icon-left="left" icon-right="right" v-model="value" />
 </template>
 <script lang="ts">
   import { ref } from 'vue';

+ 9 - 9
src/packages/__VUE/inputnumber/doc.md

@@ -28,7 +28,7 @@ app.use(Icon);
 
 ``` html
 <template>
-  <nut-inputnumber v-model="value" />
+  <nut-input-number v-model="value" />
 </template>
 <script lang="ts">
   import { ref } from 'vue';
@@ -52,7 +52,7 @@ app.use(Icon);
 
 ```html
 <template>
-  <nut-inputnumber v-model="value" step="5" />
+  <nut-input-number v-model="value" step="5" />
 </template>
 <script lang="ts">
   import { ref } from 'vue';
@@ -76,7 +76,7 @@ app.use(Icon);
 
 ```html
 <template>
-  <nut-inputnumber v-model="value" min="10" max="20" />
+  <nut-input-number v-model="value" min="10" max="20" />
 </template>
 <script lang="ts">
   import { ref } from 'vue';
@@ -100,7 +100,7 @@ app.use(Icon);
 
 ```html
 <template>
-  <nut-inputnumber v-model="value" disabled />
+  <nut-input-number v-model="value" disabled />
 </template>
 <script lang="ts">
   import { ref } from 'vue';
@@ -124,7 +124,7 @@ app.use(Icon);
 
 ```html
 <template>
-  <nut-inputnumber v-model="value" readonly />
+  <nut-input-number v-model="value" readonly />
 </template>
 <script lang="ts">
   import { ref } from 'vue';
@@ -148,7 +148,7 @@ app.use(Icon);
 
 ```html
 <template>
-  <nut-inputnumber v-model="value" step="0.1" decimal-places="1" />
+  <nut-input-number v-model="value" step="0.1" decimal-places="1" />
 </template>
 <script lang="ts">
   import { ref } from 'vue';
@@ -171,7 +171,7 @@ app.use(Icon);
 
 ```html
 <template>
-  <nut-inputnumber :model-value="value" @change="onChange" />
+  <nut-input-number :model-value="value" @change="onChange" />
 </template>
 <script lang="ts">
   import { reactive, getCurrentInstance, toRefs } from 'vue';
@@ -202,7 +202,7 @@ app.use(Icon);
 
 ```html
 <template>
-  <nut-inputnumber v-model="value"  button-size="30" input-width="50" />
+  <nut-input-number v-model="value"  button-size="30" input-width="50" />
 </template>
 <script lang="ts">
   import { ref } from 'vue';
@@ -223,7 +223,7 @@ app.use(Icon);
 
 ```html
 <template>
-  <nut-inputnumber icon-left="left" icon-right="right" v-model="value" />
+  <nut-input-number icon-left="left" icon-right="right" v-model="value" />
 </template>
 <script lang="ts">
   import { ref } from 'vue';

+ 2 - 2
src/packages/__VUE/inputnumber/index.taro.vue

@@ -41,7 +41,7 @@
 import { computed } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import { pxCheck } from '@/packages/utils/pxCheck';
-const { componentName, create } = createComponent('inputnumber');
+const { componentName, create } = createComponent('input-number');
 export default create({
   props: {
     modelValue: {
@@ -92,7 +92,7 @@ export default create({
   emits: ['update:modelValue', 'change', 'blur', 'focus', 'reduce', 'add', 'overlimit'],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName;
+      const prefixCls = 'nut-inputnumber';
       return {
         [prefixCls]: true,
         [`${prefixCls}--disabled`]: props.disabled

+ 2 - 2
src/packages/__VUE/inputnumber/index.vue

@@ -36,7 +36,7 @@
 import { computed } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import { pxCheck } from '@/packages/utils/pxCheck';
-const { componentName, create } = createComponent('inputnumber');
+const { componentName, create } = createComponent('input-number');
 export default create({
   props: {
     modelValue: {
@@ -88,7 +88,7 @@ export default create({
 
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName;
+      const prefixCls = 'nut-inputnumber';
       return {
         [prefixCls]: true,
         [`${prefixCls}--disabled`]: props.disabled

+ 1 - 1
src/packages/__VUE/sku/components/SkuStepper.vue

@@ -3,7 +3,7 @@
     <view class="nut-sku-stepper-title">{{ stepperTitle }}</view>
     <view class="nut-sku-stepper-limit" v-html="getExtraText()"></view>
     <view class="nut-sku-stepper-count">
-      <nut-inputnumber
+      <nut-input-number
         v-model="goodsCount"
         :min="stepperMin"
         :max="stepperMax"

+ 1 - 1
src/packages/__VUE/swipe/demo.vue

@@ -48,7 +48,7 @@
       </template>
       <nut-cell :title="translate('desc')">
         <template v-slot:link>
-          <nut-inputnumber v-model="number" />
+          <nut-input-number v-model="number" />
         </template>
       </nut-cell>
       <template #right>

+ 1 - 1
src/packages/__VUE/swipe/doc.en-US.md

@@ -129,7 +129,7 @@ Need to introduce the `inputnumber` component separately
     </template>
     <nut-cell title="product description">
     <template v-slot:link>
-        <nut-inputnumber v-model="number" />
+        <nut-input-number v-model="number" />
     </template>
     </nut-cell>
     <template #right>

+ 1 - 1
src/packages/__VUE/swipe/doc.md

@@ -130,7 +130,7 @@ export default {
     </template>
     <nut-cell title="商品描述">
     <template v-slot:link>
-        <nut-inputnumber v-model="number" />
+        <nut-input-number v-model="number" />
     </template>
     </nut-cell>
     <template #right>

+ 1 - 1
src/sites/mobile-taro/vue/src/basic/pages/configprovider/index.vue

@@ -27,7 +27,7 @@
           <nut-rate v-model="formData2.rate" />
         </nut-form-item>
         <nut-form-item label="步进器">
-          <nut-inputnumber v-model="formData2.number" />
+          <nut-input-number v-model="formData2.number" />
         </nut-form-item>
         <nut-form-item label="滑块">
           <nut-range hidden-tag v-model="formData2.range"></nut-range>

+ 1 - 1
src/sites/mobile-taro/vue/src/dentry/pages/form/index.vue

@@ -125,7 +125,7 @@
         <nut-rate v-model="formData2.rate" />
       </nut-form-item>
       <nut-form-item label="步进器">
-        <nut-inputnumber v-model="formData2.number" />
+        <nut-input-number v-model="formData2.number" />
       </nut-form-item>
       <nut-form-item label="滑块">
         <nut-range hidden-tag v-model="formData2.range"></nut-range>

+ 8 - 18
src/sites/mobile-taro/vue/src/dentry/pages/inputnumber/index.vue

@@ -2,45 +2,35 @@
   <div class="demo">
     <h2>基本用法</h2>
     <nut-cell>
-      <nut-inputnumber v-model="state.val1" />
+      <nut-input-number v-model="state.val1" />
     </nut-cell>
     <h2>步长设置</h2>
     <nut-cell>
-      <nut-inputnumber v-model="state.val2" step="5" />
+      <nut-input-number v-model="state.val2" step="5" />
     </nut-cell>
     <h2>限制输入范围</h2>
     <nut-cell>
-      <nut-inputnumber
-        v-model="state.val3"
-        @overlimit="overlimit"
-        min="10"
-        max="20"
-      />
+      <nut-input-number v-model="state.val3" @overlimit="overlimit" min="10" max="20" />
     </nut-cell>
     <h2>禁用操作</h2>
     <nut-cell>
-      <nut-inputnumber v-model="state.val4" disabled />
+      <nut-input-number v-model="state.val4" disabled />
     </nut-cell>
     <h2>只读禁用输入框</h2>
     <nut-cell>
-      <nut-inputnumber v-model="state.val5" readonly />
+      <nut-input-number v-model="state.val5" readonly />
     </nut-cell>
     <h2>支持小数</h2>
     <nut-cell>
-      <nut-inputnumber
-        v-model="state.val6"
-        step="0.1"
-        decimal-places="1"
-        readonly
-      />
+      <nut-input-number v-model="state.val6" step="0.1" decimal-places="1" readonly />
     </nut-cell>
     <h2>支持异步修改</h2>
     <nut-cell>
-      <nut-inputnumber :model-value="state.val8" @change="onChange" />
+      <nut-input-number :model-value="state.val8" @change="onChange" />
     </nut-cell>
     <h2>自定义按钮大小</h2>
     <nut-cell>
-      <nut-inputnumber v-model="state.val7" button-size="30" input-width="50" />
+      <nut-input-number v-model="state.val7" button-size="30" input-width="50" />
     </nut-cell>
   </div>
 </template>

+ 11 - 34
src/sites/mobile-taro/vue/src/feedback/pages/swipe/index.vue

@@ -4,74 +4,51 @@
     <nut-swipe>
       <nut-cell round-radius="0" desc="左滑删除" />
       <template #right>
-        <nut-button shape="square" style="height: 100%" type="danger"
-          >删除</nut-button
-        >
+        <nut-button shape="square" style="height: 100%" type="danger">删除</nut-button>
       </template>
     </nut-swipe>
     <h2>禁止滑动</h2>
     <nut-swipe disabled>
       <nut-cell round-radius="0" desc="禁止滑动" />
       <template #right>
-        <nut-button shape="square" style="height: 100%" type="danger"
-          >删除</nut-button
-        >
+        <nut-button shape="square" style="height: 100%" type="danger">删除</nut-button>
       </template>
     </nut-swipe>
     <h2>左右滑动</h2>
     <nut-swipe>
       <template #left>
-        <nut-button shape="square" style="height: 100%" type="success"
-          >选择</nut-button
-        >
+        <nut-button shape="square" style="height: 100%" type="success">选择</nut-button>
       </template>
       <nut-cell round-radius="0" desc="左滑右滑都可以哦" />
       <template #right>
-        <nut-button shape="square" style="height: 100%" type="danger"
-          >删除</nut-button
-        >
-        <nut-button shape="square" style="height: 100%" type="info"
-          >收藏</nut-button
-        >
+        <nut-button shape="square" style="height: 100%" type="danger">删除</nut-button>
+        <nut-button shape="square" style="height: 100%" type="info">收藏</nut-button>
       </template>
     </nut-swipe>
     <h2>异步控制</h2>
     <nut-swipe ref="refSwipe" @open="open" @close="close">
       <nut-cell title="异步打开关闭">
         <template v-slot:link>
-          <nut-switch
-            v-model="checked"
-            @change="changSwitch"
-            active-text="开"
-            inactive-text="关"
-          />
+          <nut-switch v-model="checked" @change="changSwitch" active-text="开" inactive-text="关" />
         </template>
       </nut-cell>
       <template #right>
-        <nut-button shape="square" style="height: 100%" type="danger"
-          >删除</nut-button
-        >
+        <nut-button shape="square" style="height: 100%" type="danger">删除</nut-button>
       </template>
     </nut-swipe>
     <h2>自定义</h2>
     <nut-swipe>
       <template #left>
-        <nut-button shape="square" style="height: 100%" type="success"
-          >选择</nut-button
-        >
+        <nut-button shape="square" style="height: 100%" type="success">选择</nut-button>
       </template>
       <nut-cell title="商品描述">
         <template v-slot:link>
-          <nut-inputnumber v-model="number" />
+          <nut-input-number v-model="number" />
         </template>
       </nut-cell>
       <template #right>
-        <nut-button shape="square" style="height: 100%" type="danger"
-          >删除</nut-button
-        >
-        <nut-button shape="square" style="height: 100%" type="info"
-          >收藏</nut-button
-        >
+        <nut-button shape="square" style="height: 100%" type="danger">删除</nut-button>
+        <nut-button shape="square" style="height: 100%" type="info">收藏</nut-button>
       </template>
     </nut-swipe>
   </div>