@cloudbase/weda-ui 2.0.27 → 3.1.1

package/{src → dist}/configs/index.js

@@ -31,16 +31,13 @@ import Tabs from './components/tabs.json';
 import Calendar from './components/calendar.json';
 import NavLayout from './components/navLayout.json';
 import WedaVideo from './components/wedaVideo.json';
-
 import showToast from './actions/showToast.json';
 import showModal from './actions/showModal.json';
-
 import ListView from './components/listView.json';
 import NavigationBar from './components/navigationBar.json';
 import Line from './components/chart/line.json';
 import Bar from './components/chart/bar.json';
 import Pie from './components/chart/pie.json';
-
 import DataView from './components/dataView.json';
 import StatisticsCard from './components/chart/statisticsCard.json';
 import GraphicCard from './components/graphicCard.json';
@@ -48,64 +45,61 @@ import Phone from './components/wxOpenApi/phone.json';
 import PhoneCode from './components/wxOpenApi/phoneCode.json';
 import Share from './components/wxOpenApi/share.json';
 import UserInfo from './components/wxOpenApi/userInfo.json';
-
 import Lottery from './components/lottery.json';
 export const components = {
-  Button,
-  Text,
-  Container,
-  Image,
-  // Picker,
-  // DatePicker,
-  // TimePicker,
-  Input,
-  Radio,
-  Checkbox,
-  Switch,
-  Form,
-  Textarea,
-  Location,
-  WedaVideo,
-  // Cells,
-  Select,
-  Auth,
-  Slot,
-  Uploader,
-  UploaderFile,
-  ScrollView,
-  Swiper,
-  Carousel,
-  // Label,
-  Tips,
-  Modal,
-  RichText,
-  RichTextView,
-  Link,
-  Drawer,
-  Tabs,
-  Calendar,
-  ListView,
-  DataView,
-  NavLayout,
-  NavigationBar,
-  Line,
-  Bar,
-  Pie,
-  StatisticsCard,
-  GraphicCard,
-  Phone,
-  PhoneCode,
-  Share,
-  UserInfo,
-  Lottery,
+    Button,
+    Text,
+    Container,
+    Image,
+    // Picker,
+    // DatePicker,
+    // TimePicker,
+    Input,
+    Radio,
+    Checkbox,
+    Switch,
+    Form,
+    Textarea,
+    Location,
+    WedaVideo,
+    // Cells,
+    Select,
+    Auth,
+    Slot,
+    Uploader,
+    UploaderFile,
+    ScrollView,
+    Swiper,
+    Carousel,
+    // Label,
+    Tips,
+    Modal,
+    RichText,
+    RichTextView,
+    Link,
+    Drawer,
+    Tabs,
+    Calendar,
+    ListView,
+    DataView,
+    NavLayout,
+    NavigationBar,
+    Line,
+    Bar,
+    Pie,
+    StatisticsCard,
+    GraphicCard,
+    Phone,
+    PhoneCode,
+    Share,
+    UserInfo,
+    Lottery,
 };
-
 export const actions = {
-  showToast,
-  showModal,
+    showToast,
+    showModal,
 };
-
 export default {
-  components,
-  actions,
+    components,
+    actions,
 };

package/dist/docs/common/format.d.ts

@@ -0,0 +1,13 @@
+export interface ICompsConfig {
+    type: string;
+    name: string;
+    title: string;
+    description: string;
+    'x-platforms': string[];
+    default: string;
+    platforms: string;
+    'x-index': number;
+}
+export declare type TCompsConfig = ICompsConfig;
+export declare const sortBy: (props: any) => (a: any, b: any) => number;
+export declare const objFormat: (args: any, type: any, origin: any) => any;

package/dist/docs/common/format.js

@@ -0,0 +1,103 @@
+export const sortBy = (props) => {
+    return function (a, b) {
+        return a[props] - b[props];
+    };
+};
+export const objFormat = (args, type, origin) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    //判断属性title值是否为拓展写法
+    const uuidReg = /(?<=text)\('(.*)(?=',)/;
+    let transformData = [];
+    for (const i in args) {
+        if (type && type == 'event') {
+            transformData.push({
+                name: origin == 'lowCode' ? (_a = args[i]) === null || _a === void 0 ? void 0 : _a.name : (_b = args[i]) === null || _b === void 0 ? void 0 : _b.title,
+                title: origin == 'lowCode' ? (_c = args[i]) === null || _c === void 0 ? void 0 : _c.eventName : (_d = args[i]) === null || _d === void 0 ? void 0 : _d.name,
+                description: ((_e = args[i]) === null || _e === void 0 ? void 0 : _e.remarks) || '-',
+                platforms: args[i]['x-platforms']
+                    ? args[i]['x-platforms'].indexOf('MP') > -1
+                        ? '小程序端'
+                        : args[i]['x-platforms'].indexOf('WEB') > -1
+                            ? 'web端'
+                            : '兼容三端'
+                    : '兼容三端',
+            });
+        }
+        else if (type && type == 'attribute' && args[i].type != 'slot') {
+            if (((_f = args[i]) === null || _f === void 0 ? void 0 : _f.display) == false ||
+                ((_g = args[i]) === null || _g === void 0 ? void 0 : _g.isReactNode) == true ||
+                args[i]['x-component'] == 'sub-category-title' ||
+                args[i]['x-component'] == 'Divider') {
+                continue;
+            }
+            transformData.push({
+                code: i,
+                title: args[i].title.indexOf('{{') != -1
+                    ? (_h = args[i]) === null || _h === void 0 ? void 0 : _h.title.match(uuidReg)[1]
+                    : (_j = args[i]) === null || _j === void 0 ? void 0 : _j.title,
+                description: ((_k = args[i]) === null || _k === void 0 ? void 0 : _k.remarks) || '-',
+                type: ((_l = args[i]) === null || _l === void 0 ? void 0 : _l.type) || '-',
+                default: JSON.stringify((_m = args[i]) === null || _m === void 0 ? void 0 : _m.default) || '-',
+                'x-index': args[i]['x-index'] ? args[i]['x-index'] : 999999,
+                'x-category': args[i]['x-category']
+                    ? args[i]['x-category']
+                    : '基础属性',
+            });
+        }
+        else if (type && type == 'slot' && args[i].type == 'slot') {
+            transformData.push({
+                code: i,
+                title: (_o = args[i]) === null || _o === void 0 ? void 0 : _o.title,
+                description: ((_p = args[i]) === null || _p === void 0 ? void 0 : _p.description) || '-',
+            });
+        }
+    }
+    if (type && type == 'attribute')
+        transformData.sort(sortBy('x-index'));
+    if (type && type == 'attribute') {
+        transformData = groupByType(transformData, 'x-category');
+    }
+    return transformData;
+};
+function groupByType(arr, param) {
+    var _a, _b, _c;
+    const map = {};
+    const dest = [];
+    let structureMap = [];
+    let storgeType = [];
+    for (let i = 0; i < arr.length; i++) {
+        const ai = arr[i];
+        if (ai[param] && !map[ai[param]]) {
+            dest.push({
+                name: ai[param],
+                data: [ai],
+            });
+            map[ai[param]] = ai;
+        }
+        else if (!ai[param]) {
+            dest.push({
+                name: '基础属性',
+                data: [ai],
+            });
+            map[ai[param]] = ai;
+        }
+        else {
+            for (let j = 0; j < dest.length; j++) {
+                const dj = dest[j];
+                if (dj.name == ai[param]) {
+                    dj.data.push(ai);
+                    break;
+                }
+            }
+        }
+    }
+    for (let k = 0; k < dest.length; k++) {
+        if (k == 0 && ((_a = dest[k]) === null || _a === void 0 ? void 0 : _a.name) != '基础属性') {
+            storgeType = storgeType.concat((_b = dest[k]) === null || _b === void 0 ? void 0 : _b.data);
+            continue;
+        }
+        structureMap = structureMap.concat((_c = dest[k]) === null || _c === void 0 ? void 0 : _c.data);
+    }
+    storgeType.length != 0 ? structureMap.push(...storgeType) : null;
+    return structureMap;
+}

package/dist/docs/common/tableView.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import './tableView.css';
+export interface ComponentDocument {
+    exampleMap?: {
+        [key: string]: {
+            component: React.ComponentType;
+            code: string;
+        };
+    };
+    codeMap?: {
+        [key: string]: {
+            code: string;
+        };
+    };
+    data?: {
+        [key: string]: {
+            code: string;
+        };
+    };
+}
+export interface TableLayoutViewProps {
+    componentKey?: string;
+    document: ComponentDocument;
+    variables?: object;
+}
+export default function TableLayoutView({ componentKey, type, origin }: {
+    componentKey: any;
+    type: any;
+    origin: any;
+}): JSX.Element;

package/dist/docs/common/tableView.js

@@ -0,0 +1,159 @@
+import React from 'react';
+import { components } from '../../configs/index';
+import { objFormat } from './format';
+import './tableView.css';
+function createFragment(nodes) {
+    return React.createElement(React.Fragment, {}, ...nodes);
+}
+function getCompsMeta(key, type, origin) {
+    let compsMeta;
+    try {
+        let metaLowcode;
+        switch (origin) {
+            case 'lowCode':
+                metaLowcode = require('/docs/lowcode/components/wedaUI/lowcode-comps/weda_standard/comps/' +
+                    key +
+                    '.comp.json');
+                if (type && type == 'event') {
+                    compsMeta = metaLowcode['emitEvents'];
+                }
+                else if (type && (type == 'attribute' || type == 'slot')) {
+                    compsMeta = metaLowcode['dataForm'];
+                }
+                else if (type && type == 'description') {
+                    compsMeta = metaLowcode['meta'];
+                }
+                return compsMeta;
+            case 'sourceCode':
+                if (type && type == 'event') {
+                    compsMeta = components[key]['events'] || {};
+                }
+                else if (type && (type == 'attribute' || type == 'slot')) {
+                    compsMeta = components[key]['data']['properties'] || {};
+                }
+                else if (type && type == 'description') {
+                    compsMeta = components[key]['meta'] || {};
+                }
+                return compsMeta;
+        }
+    }
+    catch (e) {
+        return null;
+    }
+}
+export default function TableLayoutView({ componentKey, type, origin }) {
+    var _a, _b, _c;
+    const compsMeta = getCompsMeta(componentKey, type, origin);
+    let tableView = [];
+    if (compsMeta && type != 'description') {
+        tableView = objFormat(compsMeta, type, origin);
+    }
+    else {
+        tableView.push(compsMeta);
+    }
+    return (React.createElement(React.Fragment, null,
+        type == 'attribute' && tableView.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "tea-table__header" },
+                React.createElement("table", { className: "tea-table__box" },
+                    React.createElement("colgroup", null,
+                        React.createElement("col", { style: { width: '18%' } }),
+                        React.createElement("col", { style: { width: '10%' } }),
+                        React.createElement("col", { style: { width: '15%' } }),
+                        React.createElement("col", { style: { width: '25%' } }),
+                        React.createElement("col", { style: { width: 'auto' } })),
+                    React.createElement("thead", null,
+                        React.createElement("tr", null,
+                            React.createElement("th", { className: "" },
+                                React.createElement("div", null,
+                                    React.createElement("span", { className: "tea-text-overflow", title: "\u5C5E\u6027\u540D" }, "\u5C5E\u6027\u540D"))),
+                            React.createElement("th", { className: "" },
+                                React.createElement("div", null,
+                                    React.createElement("span", { className: "tea-text-overflow", title: "\u7C7B\u578B" }, "\u7C7B\u578B"))),
+                            React.createElement("th", { className: "" },
+                                React.createElement("div", null,
+                                    React.createElement("span", { className: "tea-text-overflow", title: "\u5C5E\u6027\u5206\u7EC4" }, "\u5C5E\u6027\u5206\u7EC4"))),
+                            React.createElement("th", { className: "" },
+                                React.createElement("div", null,
+                                    React.createElement("span", { className: "tea-text-overflow", title: "\u9ED8\u8BA4\u503C" }, "\u9ED8\u8BA4\u503C"))),
+                            React.createElement("th", { className: "" },
+                                React.createElement("div", null,
+                                    React.createElement("span", { className: "tea-text-overflow", title: "\u8BF4\u660E" }, "\u8BF4\u660E"))))))),
+            React.createElement("table", { className: "tea-table__box" },
+                React.createElement("colgroup", null,
+                    React.createElement("col", { style: { width: '18%' } }),
+                    React.createElement("col", { style: { width: '10%' } }),
+                    React.createElement("col", { style: { width: '15%' } }),
+                    React.createElement("col", { style: { width: '25%' } }),
+                    React.createElement("col", { style: { width: 'auto' } })),
+                React.createElement("tbody", null, tableView.map((row, index) => (React.createElement("tr", { key: index },
+                    React.createElement("td", null, row.title),
+                    React.createElement("td", null,
+                        React.createElement("code", null, row.type)),
+                    React.createElement("td", null, row['x-category']),
+                    React.createElement("td", null, row.default),
+                    React.createElement("td", null, row.description)))))))),
+        type == 'slot' && tableView.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "tea-table__header" },
+                React.createElement("table", { className: "tea-table__box" },
+                    React.createElement("colgroup", null,
+                        React.createElement("col", { style: { width: '18%' } }),
+                        React.createElement("col", { style: { width: 'auto' } })),
+                    React.createElement("thead", null,
+                        React.createElement("tr", null,
+                            React.createElement("th", { className: "" },
+                                React.createElement("div", null,
+                                    React.createElement("span", { className: "tea-text-overflow", title: "\u5C5E\u6027\u540D" }, "\u540D\u79F0"))),
+                            React.createElement("th", { className: "" },
+                                React.createElement("div", null,
+                                    React.createElement("span", { className: "tea-text-overflow", title: "\u7C7B\u578B" }, "\u8BF4\u660E"))))))),
+            React.createElement("table", { className: "tea-table__box" },
+                React.createElement("colgroup", null,
+                    React.createElement("col", { style: { width: '18%' } }),
+                    React.createElement("col", { style: { width: 'auto' } })),
+                React.createElement("tbody", null, tableView.map((row, index) => (React.createElement("tr", { key: index },
+                    React.createElement("td", null, row.code),
+                    React.createElement("td", null, row.description)))))))),
+        type == 'event' && tableView.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "tea-table__header" },
+                React.createElement("table", { className: "tea-table__box" },
+                    React.createElement("colgroup", null,
+                        React.createElement("col", { style: { width: '18%' } }),
+                        React.createElement("col", { style: { width: '25%' } }),
+                        React.createElement("col", { style: { width: '16%' } }),
+                        React.createElement("col", { style: { width: 'auto' } })),
+                    React.createElement("thead", null,
+                        React.createElement("tr", null,
+                            React.createElement("th", { className: "" },
+                                React.createElement("div", null,
+                                    React.createElement("span", { className: "tea-text-overflow", title: "\u4E8B\u4EF6\u540D" }, "\u4E8B\u4EF6\u540D"))),
+                            React.createElement("th", { className: "" },
+                                React.createElement("div", null,
+                                    React.createElement("span", { className: "tea-text-overflow", title: "\u4E8B\u4EF6code" }, "\u4E8B\u4EF6code"))),
+                            React.createElement("th", { className: "" },
+                                React.createElement("div", null,
+                                    React.createElement("span", { className: "tea-text-overflow", title: "\u9002\u7528\u60C5\u51B5" }, "\u9002\u7528\u60C5\u51B5"))),
+                            React.createElement("th", { className: "" },
+                                React.createElement("div", null,
+                                    React.createElement("span", { className: "tea-text-overflow", title: "\u8BF4\u660E" }, "\u8BF4\u660E"))))))),
+            React.createElement("table", { className: "tea-table__box" },
+                React.createElement("colgroup", null,
+                    React.createElement("col", { style: { width: '18%' } }),
+                    React.createElement("col", { style: { width: '25%' } }),
+                    React.createElement("col", { style: { width: '16%' } }),
+                    React.createElement("col", { style: { width: 'auto' } })),
+                React.createElement("tbody", null, tableView.map((row, index) => (React.createElement("tr", { key: index },
+                    React.createElement("td", null, row.name),
+                    React.createElement("td", null,
+                        React.createElement("code", null, row.title)),
+                    React.createElement("td", null, row.platforms),
+                    React.createElement("td", null, row.description)))))))),
+        type == 'description' && tableView.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("h2", null,
+                React.createElement("a", { "aria-hidden": "true", className: "anchor enhancedAnchor_node_modules-@docusaurus-theme-classic-lib-next-theme-Heading-styles-module", id: "\u9002\u7528\u573A\u666F" }),
+                "\u9002\u7528\u573A\u666F",
+                React.createElement("a", { className: "hash-link", href: "#\u9002\u7528\u573A\u666F", title: "\u6807\u9898\u7684\u76F4\u63A5\u94FE\u63A5" }, "#")),
+            React.createElement("p", null, ((_a = tableView[0]) === null || _a === void 0 ? void 0 : _a.description)
+                ? (_b = tableView[0]) === null || _b === void 0 ? void 0 : _b.description
+                : (_c = tableView[0]) === null || _c === void 0 ? void 0 : _c.desc))),
+        tableView.length == 0 && React.createElement("p", null, "\u65E0")));
+}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./web/index";
+export { default } from "./web/index";

package/{src → dist}/index.js

@@ -1,4 +1,3 @@
 /* eslint-disable import/export */
-
 export * from './web/index';
 export { default as default } from './web/index';

package/dist/setupTests.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/setupTests.js

@@ -0,0 +1,14 @@
+require('regenerator-runtime');
+Object.defineProperty(window, 'matchMedia', {
+    writable: true,
+    value: jest.fn().mockImplementation((query) => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: jest.fn(),
+        removeListener: jest.fn(),
+        addEventListener: jest.fn(),
+        removeEventListener: jest.fn(),
+        dispatchEvent: jest.fn(),
+    })),
+});

package/dist/web/actions/index.d.ts

@@ -0,0 +1,2 @@
+export { default as showToast } from "./showToast";
+export { default as showModal } from "./showModal";

package/dist/web/actions/showModal/index.d.ts

@@ -0,0 +1,3 @@
+export default function showModal({ data }: {
+    data: any;
+}): Promise<unknown>;

package/dist/web/actions/showModal/index.js

@@ -0,0 +1,66 @@
+import * as ReactDOM from 'react-dom';
+import * as React from 'react';
+import { forwardRef, useState, useEffect, useImperativeHandle } from 'react';
+import { Modal, Button, Text, ConfigProvider } from 'tea-component';
+import { noop } from '../../utils/constant';
+const ModalShow = forwardRef(function ModalShow(props, ref) {
+    const [visible, setVisible] = useState(false);
+    // 渲染之后，马上显示
+    useEffect(() => {
+        setVisible(true);
+    }, []);
+    // 实例 ref 到外部
+    useImperativeHandle(ref, () => ({ setVisible }));
+    return React.createElement(Modal, { ...props, visible: visible });
+});
+function show(options) {
+    const el = document.createElement('div');
+    const instanceRef = React.createRef();
+    ReactDOM.render(React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+        React.createElement(ModalShow, { ...options, ref: instanceRef, onExited: () => ReactDOM.unmountComponentAtNode(el) })), el);
+    return {
+        destroy: () => {
+            if (instanceRef.current) {
+                instanceRef.current.setVisible(false);
+            }
+        },
+    };
+}
+export default async function showModal({ data }) {
+    const { title, content, showCancel, cancelText = '取消', cancelColor, confirmText = '确定', confirmColor, success = noop, fail = noop, complete = noop, } = data;
+    return new Promise((resolve) => {
+        const base = { cancel: false, confirm: false, content: null };
+        const modal = show({
+            caption: title,
+            children: (React.createElement(React.Fragment, null,
+                React.createElement(Modal.Body, null, content),
+                React.createElement(Modal.Footer, null,
+                    React.createElement(Button
+                    // type="primary"
+                    , { 
+                        // type="primary"
+                        onClick: () => {
+                            resolve({ ...base, confirm: true });
+                            modal.destroy();
+                        } },
+                        React.createElement(Text, { style: { color: confirmColor } }, confirmText)),
+                    showCancel && (React.createElement(Button, { onClick: () => {
+                            resolve({ ...base, cancel: true });
+                            modal.destroy();
+                        } },
+                        React.createElement(Text, { style: { color: cancelColor } }, cancelText)))))),
+            onClose: () => {
+                resolve({ ...base, cancel: true });
+                modal.destroy();
+            },
+        });
+    }).then((res) => {
+        success && success(res);
+        return res;
+    }, (e) => {
+        // console.log(e);
+        fail && fail();
+        complete && complete();
+        throw e;
+    });
+}

package/dist/web/actions/showToast/index.d.ts

@@ -0,0 +1 @@
+export default function showToast(): void;

package/dist/web/actions/showToast/index.js

@@ -0,0 +1,3 @@
+export default function showToast( /* { data, event } */) {
+    // console.log({ data, event });
+}

package/dist/web/components/auth/index.d.ts

@@ -0,0 +1,10 @@
+declare function Auth({ className }: {
+    className: any;
+}): JSX.Element;
+declare namespace Auth {
+    namespace propTypes {
+        const className: PropTypes.Requireable<string>;
+    }
+}
+export default Auth;
+import * as PropTypes from "prop-types";

package/dist/web/components/auth/index.js

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import * as PropTypes from 'prop-types';
+import classNames from '../../utils/classnames';
+import { getCloudInstance } from '../../utils/tcb';
+import { CloudbaseAuthenticator, onAuthUIStateChange, AUTHSTATE, LOGINTYPE, CloudbaseSignOut, } from '@cloudbase/ui-react';
+export default function Auth({ className }) {
+    const cls = classNames({
+        [className]: className,
+    });
+    const [authState, setAuthState] = React.useState(AUTHSTATE.SIGNIN);
+    const [user, setUser] = React.useState({});
+    const [tcb, setTcb] = React.useState(undefined);
+    React.useEffect(() => {
+        async function createTcb() {
+            // 创建Tcb实例
+            const app = await getCloudInstance();
+            setTcb(app);
+            // console.log('<<<<<weda', app);
+            onAuthUIStateChange(app, (nextAuthState, authData) => {
+                // console.log('call');
+                // console.log('<<<<<nextAuthState', nextAuthState);
+                // console.log('<<<<<authData', authData);
+                setAuthState(nextAuthState);
+                setUser(authData);
+            });
+        }
+        createTcb();
+    }, []);
+    // console.log('<<<<<<<wedaaaa', tcb);
+    return tcb ? (authState === AUTHSTATE.SIGNEDIN && user ? (React.createElement("div", { className: cls },
+        React.createElement("header", { className: "tcb-header" },
+            React.createElement(CloudbaseSignOut, { app: tcb })))) : (React.createElement("div", { className: cls },
+        React.createElement(CloudbaseAuthenticator, { userLoginType: LOGINTYPE.PHONE, isUsePassword: false, app: tcb })))) : null;
+}
+Auth.propTypes = {
+    className: PropTypes.string,
+};

package/{src → dist}/web/components/button/index.css

@@ -20,8 +20,8 @@
 .weda-button.weda-button-large {
   font-size: large;
   display: block;
-  padding-left: 14px;
-  padding-right: 14px;
+  padding-left: 1rem;
+  padding-right: 1rem;
   text-align: center;
   width: 100%;
 }

package/dist/web/components/button/index.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+import './index.css';
+declare const Button: ({ text, size, type, contentSlot, formType, loading, disabled, events, className, style, id, }: PropsType) => JSX.Element;
+export interface PropsType extends CommonPropsType {
+    /**
+     * 内容
+     */
+    text?: string;
+    /**
+     * 样式类型
+     */
+    type?: 'primary' | 'warn' | 'wechat' | 'default';
+    /**
+     * 大小
+     */
+    size?: 'default' | 'mini' | 'large';
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 加载中
+     */
+    loading?: boolean;
+    /**
+     * 用于 form 类型
+     */
+    formType?: 'button' | 'submit' | 'reset';
+    contentSlot?: string;
+}
+export default Button;