upd: event name modify

src/packages/address/demo.vue

@@ -14,7 +14,7 @@
       :city="city"
       :country="country"
       :town="town"
-      @on-change="cal => onChange(cal, 'normal')"
+      @change="cal => onChange(cal, 'normal')"
       @close="close1"
       customAddressTitle="请选择所在地区"
     ></nut-address>
@@ -31,7 +31,7 @@
       v-model:show="exist"
       type="exist"
       :existAddress="existAddress"
-      @on-change="cal => onChange(cal, 'exist')"
+      @change="cal => onChange(cal, 'exist')"
       @close="close2"
       :isShowCustomAddress="false"
       @selected="selected"
@@ -50,7 +50,7 @@
       v-model:show="customImg"
       type="exist"
       :existAddress="existAddress"
-      @on-change="cal => onChange(cal, 'customImg')"
+      @change="cal => onChange(cal, 'customImg')"
       @close="close3"
       :isShowCustomAddress="false"
       @selected="selected"
@@ -76,7 +76,7 @@
       :country="country"
       :town="town"
       :backBtnIcon="backBtnIcon"
-      @on-change="cal => onChange(cal, 'other')"
+      @change="cal => onChange(cal, 'other')"
       @close="close4"
       @selected="selected"
       customAndExistTitle="选择其他地址"

src/packages/address/doc.md

@@ -29,7 +29,7 @@ app.use(Popup);
     :city="city"
     :country="country"
     :town="town"
-    @on-change="onChange"
+    @change="onChange"
     @close="close"
     customAddressTitle="请选择所在地区"
 ></nut-address>

src/packages/address/index.vue

@@ -189,7 +189,7 @@ export default create({
   },
   emits: [
     'update:show',
-    'on-change',
+    'change',
     'selected',
     'close',
     'close-mask',
@@ -290,7 +290,7 @@ export default create({
         // 切换下一个
         calBack.next = tabName.value[tabIndex.value];
         calBack.value = item;
-        emit('on-change', calBack);
+        emit('change', calBack);
       } else {
         handClose();
       }

src/packages/menu/demo.vue

@@ -54,16 +54,14 @@
     </nut-menu>
 
     <h2>点击事件</h2>
-    <p class="tips"
-      >标题点击事件`menu-click`，菜单列表选择点击事件`on-change`</p
-    >
+    <p class="tips">标题点击事件`menu-click`，菜单列表选择点击事件`change`</p>
     <nut-menu>
       <nut-menu-item
         :menu-list="menuList"
         title="选择菜单列表项"
         multi-style="2"
         @menu-click="alertText($event, 'title')"
-        @on-change="getChecked"
+        @change="getChecked"
       ></nut-menu-item>
       <nut-menu-item
         :menu-list="menuList2"

src/packages/menu/doc.md

@@ -82,7 +82,7 @@ app.use(Menu);
 
 ### 点击事件
 
-`Menu` 的 `@menu-click` 事件返回点击的菜单标题，`@on-change`事件返回菜单列表选中的数据。
+`Menu` 的 `@menu-click` 事件返回点击的菜单标题，`@change`事件返回菜单列表选中的数据。
 
 ```html
 <nut-menu>
@@ -91,7 +91,7 @@ app.use(Menu);
         title="选择菜单列表项"
         multi-style="2"
         @menu-click="alertText($event, 'title')"
-        @on-change="getChecked"
+        @change="getChecked"
     ></nut-menu-item>
     <nut-menu-item
         :menu-list="menuList2"
@@ -153,4 +153,4 @@ const alertText = (info, type) => {
 | 事件名 | 说明           | 回调参数     |
 |--------|----------------|--------------|
 | menu-click  | 点击菜单标题触发，返回菜单标题名称 | event: Event |
-| on-change  | 点击菜单列表选项触发，返回选中菜单项数据、名称 | event: Event |
+| change  | 点击菜单列表选项触发，返回选中菜单项数据、名称 | event: Event |

src/packages/menuitem/index.vue

@@ -77,7 +77,7 @@ export default create({
       default: ''
     }
   },
-  emits: ['on-change', 'menu-click'],
+  emits: ['change', 'menu-click'],
   setup(props, { emit }) {
     const menuTitle = ref(props.title);
     const menu = inject('menuRelation');
@@ -129,7 +129,7 @@ export default create({
         state.showMask = false;
         parent.handleMaskShow(false);
       }
-      emit('on-change', item, menuTitle.value);
+      emit('change', item, menuTitle.value);
     };
     onMounted(() => {
       document.addEventListener(

src/packages/shortpassword/demo.vue

@@ -6,10 +6,10 @@
       :no-button="state.noButton"
       :length="state.length"
       :error-msg="state.errorMsg"
-      @on-change="methods.onChange"
-      @on-complete="methods.onComplete"
-      @on-ok="methods.onOk"
-      @on-tips="methods.onTips"
+      @change="methods.onChange"
+      @complete="methods.onComplete"
+      @ok="methods.onOk"
+      @tips="methods.onTips"
     >
     </nut-shortpassword>
     <nut-cell title="基础用法" is-link @click="state.visible = true"></nut-cell>

src/packages/shortpassword/doc.md

@@ -25,10 +25,10 @@ app.use(ShortPassword);
   :no-button="state.noButton"
   :length="state.length"
   :error-msg="state.errorMsg"
-  @on-change="methods.onChange"
-  @on-complete="methods.onComplete"
-  @on-ok="methods.onOk"
-  @on-tips="methods.onTips">
+  @change="methods.onChange"
+  @complete="methods.onComplete"
+  @ok="methods.onOk"
+  @tips="methods.onTips">
 </nut-shortpassword>
 ```
 
@@ -113,5 +113,5 @@ setup() {
 | 事件名称 | 说明 | 回调参数
 |----- | ----- | ----- 
 | change | 输入密码时触发事件 | --
-| on-ok | 点击确实时触发事件 | value
+| ok | 点击确实时触发事件 | value
 | complete | 输入完成的回调 | value

src/packages/shortpassword/index.vue

@@ -81,14 +81,7 @@ export default create({
       default: 6
     }
   },
-  emits: [
-    'update:value',
-    'update:visible',
-    'on-complete',
-    'on-change',
-    'on-ok',
-    'on-tips'
-  ],
+  emits: ['update:value', 'update:visible', 'complete', 'change', 'ok', 'tips'],
   setup(props, { emit }) {
     const realInput = ref(props.value);
     const realpwd = ref();
@@ -96,7 +89,7 @@ export default create({
 
     // 方法
     function sureClick() {
-      emit('on-ok', realInput.value);
+      emit('ok', realInput.value);
     }
     function focus() {
       realpwd.value.focus();
@@ -109,9 +102,9 @@ export default create({
         realInput.value = val;
       }
       if (realInput.value.length === comLen.value) {
-        emit('on-complete', val);
+        emit('complete', val);
       }
-      emit('on-change', val);
+      emit('change', val);
       emit('update:value', val);
     }
     function close() {
@@ -121,7 +114,7 @@ export default create({
       return Math.min(Math.max(4, val), 6);
     }
     function onTips() {
-      emit('on-tips');
+      emit('tips');
     }
     return {
       comLen,

src/packages/uploader/demo.vue

@@ -3,11 +3,7 @@
     <h2>基础用法</h2>
     <nut-uploader :url="uploadUrl"></nut-uploader>
     <h2>上传状态</h2>
-    <nut-uploader
-      :url="uploadUrl"
-      multiple
-      @on-delete="onDelete"
-    ></nut-uploader>
+    <nut-uploader :url="uploadUrl" multiple @delete="onDelete"></nut-uploader>
     <h2>限制上传数量5个</h2>
     <nut-uploader :url="uploadUrl" multiple max-count="5"></nut-uploader>
     <h2>限制上传大小（每个文件最大不超过 50kb）</h2>
@@ -45,7 +41,7 @@ export default createDemo({
       console.log('oversize 触发 文件大小不能超过 50kb', files);
     };
     const onDelete = (file: FileItem, fileList: FileItem[]) => {
-      console.log('on-delete 事件触发', file, fileList);
+      console.log('delete 事件触发', file, fileList);
     };
     return {
       onOversize,

src/packages/uploader/doc.md

@@ -105,7 +105,7 @@ setup() {
 | disabled          | 是否禁用文件上传                                                                                                                                                                       | Boolean                           | fasle       |
 | before-upload     | 上传前的函数需要返回一个对象                                                                                                                                                           | Function                          | input files |
 | before-delete     | 除文件时的回调，返回值为 false 时不移除。支持返回一个 Promise 对象，Promise 对象 resolve(false) 或 reject 时不移除                                                                     | Function(file): boolean 丨Promise | -           |
-| on-change         | 上传文件改变时的状态，详见                                                                                                                                                             | Function(fileList) 丨 Promise     | -           |
+| change         | 上传文件改变时的状态，详见                                                                                                                                                             | Function(fileList) 丨 Promise     | -           |
 | custom-request    | 通过覆盖默认的上传行为，可以自定义自己的上传实现                                                                                                                                       | Function                          | -           |
 
 ### Event

src/packages/uploader/index.vue

@@ -91,8 +91,8 @@ export default create({
     'oversize',
     'success',
     'failure',
-    'on-change',
-    'on-delete'
+    'change',
+    'delete'
   ],
   setup(props, { emit }) {
     const fileList = reactive(props.fileList) as Array<FileItem>;
@@ -201,7 +201,7 @@ export default create({
     const onDelete = (file: FileItem, index: number) => {
       if (props.beforeDelete(file, fileList)) {
         fileList.splice(index, 1);
-        emit('on-delete', {
+        emit('delete', {
           file,
           fileList
         });
@@ -229,7 +229,7 @@ export default create({
         clearInput($el);
       }
 
-      emit('on-change', {
+      emit('change', {
         fileList,
         event
       });