refactor(invoice): move to script setup (jd-opensource#2981)

packages/nutui-taro-demo/src/business/pages/invoice/basic.vue

@@ -3,6 +3,7 @@
 </template>
 <script setup lang="ts">
 import { ref, reactive } from 'vue';
+import type { InvoiceDataItem } from '@nutui/nutui-taro';
 const asyncValidator = (val: string) => {
   return new Promise((resolve) => {
     setTimeout(() => {
@@ -11,7 +12,7 @@ const asyncValidator = (val: string) => {
   });
 };
 
-const data = ref([
+const data = ref<InvoiceDataItem[]>([
   {
     type: 'radio',
     label: '发票类型',

src/config.json

@@ -897,6 +897,7 @@
           "cType": "特色组件",
           "cName": "发票",
           "desc": "发票",
+          "setup": true,
           "author": "ailululu"
         },
         {

src/packages/__VUE/invoice/demo/basic.vue

@@ -3,6 +3,7 @@
 </template>
 <script setup lang="ts">
 import { ref, reactive } from 'vue';
+import type { InvoiceDataItem } from '../types';
 const asyncValidator = (val: string) => {
   return new Promise((resolve) => {
     setTimeout(() => {
@@ -11,7 +12,7 @@ const asyncValidator = (val: string) => {
   });
 };
 
-const data = ref([
+const data = ref<InvoiceDataItem[]>([
   {
     type: 'radio',
     label: '发票类型',

src/packages/__VUE/invoice/doc.en-US.md

@@ -46,8 +46,19 @@ The optional attributes are as follows:
 
 | Event | Description | Arguments |
 | --- | --- | --- |
-| submit`v4.1.5` | Method of submitting form for verification | Promise |
-| on-submit | Method of submitting form for verification | Promise |
+| submit | Method of submitting form for verification | Promise |
+
+### Types version
+
+The component exports the following type definitions:
+
+```js
+import type {
+  InvoiceDataItem,
+  InvoiceProps,
+  InvoiceInstance
+} from '@nutui/nutui';
+```
 
 ## Theming
 

src/packages/__VUE/invoice/doc.md

@@ -46,8 +46,19 @@ app.use(Invoice);
 
 | 事件名 | 说明 | 参数 | 返回值 |
 | --- | --- | --- | --- |
-| submit`v4.1.5` | 提交表单的方法 | - | Promise |
-| on-submit | 提交表单的方法 | - | Promise |
+| submit | 提交表单的方法 | - | Promise |
+
+### 类型定义 version
+
+组件导出以下类型定义：
+
+```js
+import type {
+  InvoiceDataItem,
+  InvoiceProps,
+  InvoiceInstance
+} from '@nutui/nutui';
+```
 
 ## 主题定制
 

src/packages/__VUE/invoice/doc.taro.md

@@ -46,8 +46,19 @@ app.use(Invoice);
 
 | 事件名 | 说明 | 参数 | 返回值 |
 | --- | --- | --- | --- |
-| submit`v4.1.5` | 提交表单的方法 | - | Promise |
-| on-submit | 提交表单的方法 | - | Promise |
+| submit | 提交表单的方法 | - | Promise |
+
+### 类型定义 version
+
+组件导出以下类型定义：
+
+```js
+import type {
+  InvoiceDataItem,
+  InvoiceProps,
+  InvoiceInstance
+} from '@nutui/nutui-taro';
+```
 
 ## 主题定制
 

src/packages/__VUE/invoice/index.taro.ts

@@ -0,0 +1,13 @@
+import Invoice from './invoice.taro.vue';
+import type { ComponentPublicInstance } from 'vue';
+import { withInstall } from '@/packages/utils';
+
+withInstall(Invoice);
+
+export type { InvoiceProps } from './invoice.taro.vue';
+
+export type { InvoiceDataItem } from './types';
+
+export type InvoiceInstance = ComponentPublicInstance & InstanceType<typeof Invoice>;
+
+export { Invoice, Invoice as default };

src/packages/__VUE/invoice/index.ts

@@ -0,0 +1,13 @@
+import Invoice from './invoice.vue';
+import type { ComponentPublicInstance } from 'vue';
+import { withInstall } from '@/packages/utils';
+
+withInstall(Invoice);
+
+export type { InvoiceProps } from './invoice.vue';
+
+export type { InvoiceDataItem } from './types';
+
+export type InvoiceInstance = ComponentPublicInstance & InstanceType<typeof Invoice>;
+
+export { Invoice, Invoice as default };