@cloudbase/weda-ui 3.4.3 → 3.4.5

package/dist/configs/components/wd-text.js

@@ -0,0 +1,142 @@
+import { defineConfig, Type, Tuple } from '../type-utils';
+import { WD_TEXT_LEVEL, WD_TEXT_MAX_LINES } from '../../enum';
+// 属性类型定义
+const data = Type.Object({
+    text: Type.String({
+        title: '文本内容',
+        'x-component': 'textarea',
+        default: '文本内容',
+        'x-category': '基础属性',
+        'x-index': 10,
+        description: '设置文本的内容',
+    }),
+    level: Type.Optional(Type.StringEnum({
+        title: '文本格式',
+        type: 'string',
+        default: 'body-default',
+        enum: Tuple(WD_TEXT_LEVEL),
+        description: '设置文本格式，支持正文(小,中,大)和标题(H1-H6)',
+        'x-category': '基础属性',
+        'x-index': 20,
+    })),
+    overflow: Type.Optional(Type.Boolean({
+        title: '溢出省略',
+        type: 'boolean',
+        default: false,
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: 'maxLines',
+                condition: '{{$self.value === true}}',
+            },
+        ],
+        'x-category': '高级属性',
+        description: '文本长度超过最大行数用省略展示,开启后,会添加display:-webkit-box !import 样式,可能会导致文本布局失效',
+        'x-index': 30,
+    })),
+    maxLines: Type.Optional(Type.StringEnum({
+        title: '最大行数',
+        type: 'string',
+        description: '若文本长度超过最大行数，超出内容以省略号代替；因小程序侧限制，应用发布为小程序时，开启文本可选中会导致最大行数的配置不生效',
+        'x-helper-text': '若文本长度超过最大行数，超出内容以省略号代替；因小程序侧限制，应用发布为小程序时，开启文本可选中会导致最大行数的配置不生效',
+        default: '1',
+        enum: Tuple(WD_TEXT_MAX_LINES),
+        'x-index': 40,
+        'x-category': '高级属性',
+    })),
+    tips: Type.Optional(Type.Boolean({
+        title: '展示文本气泡',
+        type: 'boolean',
+        description: '开启后鼠标悬停在文本组件上会展示文本气泡,仅PC端有效',
+        default: true,
+        'x-category': '高级属性',
+        'x-index': 50,
+    })),
+    space: Type.Optional(Type.Boolean({
+        title: '连续空格',
+        type: 'boolean',
+        default: false,
+        'x-category': '高级属性',
+        description: '是否显示连续空格,开启后文本组件将支持识别多个空格字符，关闭后文本组件仅支持识别单个空格字符(多空格字符会自动转换成单个空格字符)',
+        'x-index': 60,
+    })),
+    userSelect: Type.Optional(Type.Boolean({
+        title: '是否可选中',
+        type: 'boolean',
+        default: true,
+        'x-index': 70,
+        'x-category': '高级属性',
+        description: '是否可选中文本,关闭后文本将不支持进行选中，无法进行复制等常见文本操作',
+    })),
+});
+// 组件对外暴露的只读属性
+// 未来可通过 widget API 开放，应用可以获取到组件的实例属性
+// 组件对外先规范定义，暂时不对外开放
+const properties = Type.Pick(data, [
+    'text',
+    'level',
+    'overflow',
+    'maxLines',
+    'space',
+    'userSelect',
+    'tips',
+]);
+// export default
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    // 属性定义
+    data,
+    // 只读属性定义
+    properties,
+    // 样式API
+    classes: [
+        {
+            name: '根元素',
+            selector: '.wd-typography',
+            description: '文本组件根元素',
+        },
+        {
+            name: 'PC 端文本根元素',
+            selector: '.wd-pc-typography',
+            description: '可以为 PC 端的文本编写样式',
+        },
+        {
+            name: 'H5 端文本根元素',
+            selector: '.wd-h5-typography',
+            description: '可以为 H5 端的文本编写样式',
+        },
+        {
+            name: '小程序端文本根元素',
+            selector: '.wd-mp-typography',
+            description: '可以为小程序端的文本编写样式',
+        },
+    ],
+    // 组件方法
+    methods: [],
+    // 组件对外暴露事件
+    events: [
+        {
+            name: 'tap',
+            title: '点击',
+        },
+    ],
+    // 组件元信息
+    meta: {
+        name: 'WdText',
+        title: '文本',
+        description: '用于展示页面中的文本/标题内容。',
+        icon: '../../icons/Text.svg',
+        category: '展示',
+        categoryOrder: 1,
+        componentOrder: 1,
+        visible: ['APP'],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdText',
+        // 快捷编辑时展示在编辑区的属性
+        shortcut: {
+            props: ['text', 'level'],
+        },
+    },
+});
+export default config;

package/dist/configs/components/wxOpenApi/phone.js

@@ -110,8 +110,8 @@ const config = defineConfig({
                 rule: 'checkBusiness',
                 options: {
                     allowFailure: true,
-                    title: '当前应用使用了「获取用户手机号」组件，该组件仅支持企业主体小程序使用，再选择符合条件的小程序后再进行发布',
-                    description: '组件功能依赖企业主体小程序',
+                    title: '当前应用使用了「获取用户手机号」组件，该组件在小程序端仅支持企业主体小程序使用，请确保当前应用绑定的小程序为企业主体',
+                    description: '',
                     type: 'mp',
                     version: '',
                     platform: ['MP'],

package/dist/configs/components/wxOpenApi/phoneCode.js

@@ -105,8 +105,8 @@ export default defineConfig({
                 rule: 'checkBusiness',
                 options: {
                     allowFailure: true,
-                    title: '当前应用使用了「获取用户手机号授权令牌」组件，该组件仅支持企业主体小程序使用，再选择符合条件的小程序后再进行发布',
-                    description: '组件功能依赖企业主体小程序',
+                    title: '当前应用开启了「登录功能」，该功能在小程序端仅支持企业主体小程序使用，请确保当前应用绑定的小程序为企业主体',
+                    description: '',
                     type: 'mp',
                     version: '',
                     platform: ['MP'],

package/dist/configs/index.js

@@ -34,12 +34,14 @@ import WedaVideo from './components/wedaVideo.json';
 import showToast from './actions/showToast.json';
 import showModal from './actions/showModal.json';
 import showMessage from './actions/showMessage.json';
-import ListView from './components/listView.json';
+// import ListView from './components/listView.json';
+import ListView from './components/listView';
 import NavigationBar from './components/navigationBar.json';
 import Line from './components/chart/line';
 import Bar from './components/chart/bar.json';
 import Pie from './components/chart/pie.json';
-import DataView from './components/dataView.json';
+// import DataView from './components/dataView.json';
+import DataView from './components/dataView';
 import StatisticsCard from './components/chart/statisticsCard.json';
 import GraphicCard from './components/graphicCard.json';
 import Phone from './components/wxOpenApi/phone';
@@ -50,7 +52,6 @@ import Lottery from './components/lottery.json';
 import UserTreeSelect from './components/form/userTreeSelect.json';
 import DepartTreeSelect from './components/form/departTreeSelect.json';
 import FormDetail from './components/formdetail.json';
-import WdBubble from './components/wd-bubble.json';
 import PageLayout from './components/pagelayout.json';
 import ModelTable from './components/table.json';
 import ModelFlow from './components/flow/flow.json';
@@ -59,6 +60,20 @@ import ModelFlowChart from './components/flow/flowchart.json';
 import ModelFlowControl from './components/flow/flowcontrol.json';
 import ModelFlowLayout from './components/flow/flowlayout.json';
 import ModelFlowProcess from './components/flow/flowprocess.json';
+// 新版规范化组件
+import WdBubble from './components/wd-bubble';
+import WdButton from './components/wd-button';
+import WdDivider from './components/wd-divider';
+import WdLink from './components/wd-link';
+import WdIcon from './components/wd-icon';
+import WdText from './components/wd-text';
+import WdImage from './components/wd-image';
+import WdTable from './components/wd-table';
+import Grid from './components/grid/grid';
+import Row from './components/grid/row';
+import Col from './components/grid/col';
+import Repeater from './components/repeater';
+import RepeaterItem from './components/repeater-item.json';
 export const components = {
     FormDetail,
     Button,
@@ -110,6 +125,7 @@ export const components = {
     Lottery,
     UserTreeSelect,
     DepartTreeSelect,
+    // 模型组件
     PageLayout,
     ModelTable,
     ModelFlow,
@@ -118,7 +134,22 @@ export const components = {
     ModelFlowControl,
     ModelFlowLayout,
     ModelFlowProcess,
+    // 新版组件
+    WdButton,
+    WdDivider,
+    WdLink,
+    WdIcon,
+    WdText,
     WdBubble,
+    WdImage,
+    WdTable,
+    // grid
+    Grid,
+    Row,
+    Col,
+    // Repeater
+    Repeater,
+    RepeaterItem,
 };
 export const actions = {
     showToast,

package/dist/configs/type-utils/index.js

@@ -25,7 +25,7 @@ const dataSourceFormat = [
     'father-son',
 ];
 const jsonBasicType = [
-    'stirng',
+    'string',
     'number',
     'array',
     'object',
@@ -81,6 +81,9 @@ class TypeBuilder extends TypeboxTypeBuilder {
     FormatTypeUnion(options) {
         return Type.Union(dataSourceFormat.map((t) => Type.Literal(t)), options);
     }
+    BreakPoint(options) {
+        return Type.String(options);
+    }
 }
 export const Type = new TypeBuilder();
 export const Tuple = (xs) => xs;

package/dist/docs/common/componentList.js

@@ -0,0 +1,144 @@
+import React from 'react';
+import { components } from '../../configs/index';
+import './tableView.css';
+const groupBy = (arr, prop) => arr.reduce((acc, val) => {
+    (acc[val[prop]] = acc[val[prop]] || []).push(val);
+    return acc;
+}, {});
+const list = [];
+const lowCodeComps = [
+    'Button',
+    'Card',
+    'Classification',
+    'Col',
+    'Divider',
+    'Footer',
+    'Form',
+    'FormCheckbox',
+    'FormDate',
+    'FormDepartTreeSelect',
+    'FormEmail',
+    'FormImageUploader',
+    'FormInput',
+    'FormItem',
+    'FormLocation',
+    'FormMutiRegion',
+    'FormPhone',
+    'FormRadio',
+    'FormRegion',
+    'FormRichText',
+    'FormSelect',
+    'FormSwitch',
+    'FormTextarea',
+    'FormTime',
+    'FormUploadFile',
+    'FormUrl',
+    'FormUserTreeSelect',
+    'GridLayout',
+    'Header',
+    'Icon',
+    'Item',
+    'ItemList',
+    'Layout',
+    'Level',
+    'List',
+    'Media',
+    'Modal',
+    'NavBar',
+    'RegionPicker',
+    'Row',
+    'SlotMachine',
+    'StatusTip',
+    'TabBar',
+    'TabBarItem',
+    'Textarea',
+    'Timeline',
+    'Title',
+    'WechatPay',
+].map((item) => {
+    return require('/docs/lowcode/components/wedaUI/lowcode-comps/weda_standard/comps/' +
+        item +
+        '.comp.json');
+});
+// 源码组件
+Object.entries(components).forEach(([key, item]) => {
+    if (!('visible' in item.meta) || item.meta.visible.length > 0) {
+        list.push({
+            category: item.meta.category,
+            name: key,
+            isStandardized: key.indexOf('Wd') === 0 || key === 'Grid',
+            categoryOrder: item.meta.categoryOrder,
+            componentOrder: item.meta.componentOrder,
+            meta: {
+                name: key,
+                ...item.meta,
+                ...item.configMeta,
+            },
+        });
+    }
+});
+// 低码组件
+lowCodeComps.forEach((item) => {
+    if (!item.configMeta.visible || item.configMeta.visible.length > 0) {
+        list.push({
+            category: item.meta.category,
+            name: item.meta.name,
+            isStandardized: item.meta.name.indexOf('Wd') === 0,
+            categoryOrder: item.meta.categoryOrder,
+            componentOrder: item.meta.componentOrder,
+            meta: {
+                ...item.meta,
+                ...item.configMeta,
+                description: item.meta.desc,
+            },
+        });
+    }
+});
+const groupByCategoryList = Object.entries(groupBy(list, 'category'))
+    .sort((a, b) => {
+    return a[1][0].categoryOrder - b[1][0].categoryOrder;
+})
+    .map(([category, lists]) => {
+    return [
+        category,
+        lists.sort((a, b) => {
+            return a.componentOrder - b.componentOrder;
+        }),
+    ];
+});
+export default function ComponentList() {
+    return (React.createElement(React.Fragment, null, groupByCategoryList.map((item) => {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("h2", { key: item[0] }, item[0]),
+            React.createElement("div", { className: "tea-table__header" },
+                React.createElement("table", { className: "tea-table__box" },
+                    React.createElement("colgroup", null,
+                        React.createElement("col", { style: { width: '30%' } }),
+                        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" }, "\u7EC4\u4EF6\u540D\u79F0"))),
+                            React.createElement("th", { className: "" },
+                                React.createElement("div", null,
+                                    React.createElement("span", { className: "tea-text-overflow" }, "\u7EC4\u4EF6\u6807\u8BC6"))),
+                            React.createElement("th", { className: "" },
+                                React.createElement("div", null,
+                                    React.createElement("span", { className: "tea-text-overflow" }, "\u7EC4\u4EF6\u8BF4\u660E"))))))),
+            React.createElement("table", { className: "tea-table__box" },
+                React.createElement("colgroup", null,
+                    React.createElement("col", { style: { width: '30%' } }),
+                    React.createElement("col", { style: { width: '18%' } }),
+                    React.createElement("col", { style: { width: 'auto' } })),
+                React.createElement("tbody", null, item[1].map((i) => {
+                    return (React.createElement("tr", { key: i.name },
+                        React.createElement("td", null,
+                            React.createElement("a", { href: i.meta.docsUrl }, i.meta.title),
+                            i.isStandardized && (React.createElement("span", { className: "wd-design-lable" }))),
+                        React.createElement("td", null, i.name),
+                        React.createElement("td", null, i.meta.description)));
+                })))));
+    })));
+}

package/dist/docs/common/components/classes-view.js

@@ -0,0 +1,34 @@
+import React from 'react';
+export default function ClassesView({ rows }) {
+    return ((rows === null || rows === void 0 ? void 0 : rows.length) > 0 && (React.createElement(React.Fragment, null,
+        React.createElement("p", null, "\u901A\u8FC7\u6837\u5F0F API\uFF0C\u53EF\u4EE5\u8986\u76D6\u7EC4\u4EF6\u4E2D\u5185\u90E8\u5143\u7D20\u7684\u6837\u5F0F\u6765\u5B9E\u73B0\u81EA\u5B9A\u4E49"),
+        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: '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: "\u540D\u79F0" }, "\u540D\u79F0"))),
+                        React.createElement("th", { className: "" },
+                            React.createElement("div", null,
+                                React.createElement("span", { className: "tea-text-overflow", title: "\u9009\u62E9\u5668" }, "\u7C7B\u540D"))),
+                        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: '18%' } }),
+                React.createElement("col", { style: { width: 'auto' } })),
+            React.createElement("tbody", null, rows.map((row, index) => (React.createElement("tr", { key: index },
+                React.createElement("td", null, row.name),
+                React.createElement("td", null,
+                    React.createElement("code", null, row.selector)),
+                React.createElement("td", null, row.description)))))),
+        React.createElement("p", null,
+            React.createElement("a", { href: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/weda-design/StyleAPI" }, "\u4E86\u89E3\u6837\u5F0F API")))));
+}

package/dist/docs/common/components/event-view.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import JsonSchemaView from './json-schema-view';
+export default function EventView({ rows }) {
+    return ((rows === null || rows === void 0 ? void 0 : rows.length) > 0 && (React.createElement(React.Fragment, null,
+        React.createElement("p", null, "\u7EC4\u4EF6\u66B4\u9732\u7684\u4E8B\u4EF6\uFF0C\u53EF\u4EE5\u76D1\u542C\u7EC4\u4EF6\u7684\u4E8B\u4EF6\u6765\u89E6\u53D1\u4E00\u4E9B\u5916\u90E8\u7684\u52A8\u4F5C"),
+        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: '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", { title: "\u4E8B\u4EF6\u51FA\u53C2" }, "\u4E8B\u4EF6\u51FA\u53C2 event.detail"))),
+                        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: '16%' } }),
+                React.createElement("col", { style: { width: 'auto' } })),
+            React.createElement("tbody", null, rows.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,
+                    React.createElement(JsonSchemaView, { schema: row.detail })),
+                React.createElement("td", null, row.platforms),
+                React.createElement("td", null, row.description)))))))));
+}

package/dist/docs/common/components/json-schema-view.js

@@ -0,0 +1,18 @@
+import React from 'react';
+export default function JsonSchemaView({ schema, }) {
+    if (!schema)
+        return null;
+    let properties;
+    if (!schema.type) {
+        properties = schema;
+    }
+    if (properties) {
+        return (React.createElement("ul", null, Object.entries(properties).map(([name, config]) => {
+            return (React.createElement("li", { key: name },
+                React.createElement("b", null, name),
+                ":",
+                React.createElement("code", null, config.type),
+                config.description));
+        })));
+    }
+}

package/dist/docs/common/components/methods-view.js

@@ -0,0 +1,32 @@
+import React from 'react';
+export default function MethodsView({ rows }) {
+    return ((rows === null || rows === void 0 ? void 0 : rows.length) > 0 && (React.createElement(React.Fragment, null,
+        React.createElement("p", null, "\u901A\u8FC7\u65B9\u6CD5 API\uFF0C\u53EF\u4EE5\u901A\u8FC7\u7A0B\u5E8F\u89E6\u53D1\u7EC4\u4EF6\u5185\u90E8\u7684\u65B9\u6CD5\uFF0C\u6BD4\u5982\u63D0\u4EA4\u8868\u5355\uFF0C\u663E\u793A\u5F39\u7A97\u7B49"),
+        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: '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: "\u65B9\u6CD5\u540D" }, "\u65B9\u6CD5\u540D"))),
+                        React.createElement("th", { className: "" },
+                            React.createElement("div", null,
+                                React.createElement("span", { className: "tea-text-overflow", title: "\u65B9\u6CD5\u6807\u8BC6" }, "\u65B9\u6CD5\u6807\u8BC6"))),
+                        React.createElement("th", { className: "" },
+                            React.createElement("div", null,
+                                React.createElement("span", { className: "tea-text-overflow", title: "\u65B9\u6CD5\u8BF4\u660E" }, "\u65B9\u6CD5\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: 'auto' } })),
+            React.createElement("tbody", null, rows.map((row, index) => (React.createElement("tr", { key: index },
+                React.createElement("td", null, row.label),
+                React.createElement("td", null,
+                    React.createElement("code", null, row.name)),
+                React.createElement("td", null, row.description)))))))));
+}

package/dist/docs/common/components/properties-view.js

@@ -0,0 +1,45 @@
+import React from 'react';
+export default function PropertiesView({ rows }) {
+    return ((rows === null || rows === void 0 ? void 0 : rows.length) > 0 && (React.createElement(React.Fragment, null,
+        React.createElement("p", null, "\u901A\u8FC7\u5C5E\u6027 API\uFF0C\u53EF\u4EE5\u83B7\u53D6\u7EC4\u4EF6\u5185\u90E8\u7684\u72B6\u6001\u548C\u5C5E\u6027\u503C"),
+        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: '18%' } }),
+                    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: "\u53EA\u8BFB\u5C5E\u6027\u540D" }, "\u53EA\u8BFB\u5C5E\u6027\u540D"))),
+                        React.createElement("th", { className: "" },
+                            React.createElement("div", null,
+                                React.createElement("span", { className: "tea-text-overflow", title: "\u53EA\u8BFB\u5C5E\u6027\u540D" }, "\u5C5E\u6027\u6807\u8BC6"))),
+                        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: "\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: '18%' } }),
+                React.createElement("col", { style: { width: '25%' } }),
+                React.createElement("col", { style: { width: 'auto' } })),
+            React.createElement("tbody", null, rows.map((row, index) => {
+                var _a;
+                return (React.createElement("tr", { key: index },
+                    React.createElement("td", null,
+                        React.createElement("b", null, row.title)),
+                    React.createElement("td", null,
+                        React.createElement("code", null, row.name)),
+                    React.createElement("td", null,
+                        React.createElement("code", null, ((_a = row.enum) === null || _a === void 0 ? void 0 : _a.length)
+                            ? [...row.enum.map((item) => JSON.stringify(item))].join('|')
+                            : row.type)),
+                    React.createElement("td", null, row.description)));
+            }))))));
+}