@cloudbase/weda-ui 3.4.3 → 3.4.4

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)));
+            }))))));
+}

package/dist/docs/common/format.js

@@ -19,61 +19,86 @@ const platTranslate = (platforms = []) => {
     return platRemark;
 };
 export const objFormat = (args, type, origin) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    var _a, _b, _c, _d, _e, _f;
     //判断属性title值是否为拓展写法
     const uuidReg = /(?<=text)\('(.*)(?=',)/;
     let transformData = [];
+    if (!type) {
+        return [];
+    }
     for (const i in args) {
-        if (type && type == 'event') {
+        const item = args[i];
+        if (type === 'event') {
+            const platforms = platTranslate(args[i]['x-platforms']).length > 0
+                ? platTranslate(args[i]['x-platforms']).join(',')
+                : '兼容三端';
             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端'
-                            : '兼容三端'
-                    : '兼容三端',
+                name: origin == 'lowCode' ? item === null || item === void 0 ? void 0 : item.name : item === null || item === void 0 ? void 0 : item.title,
+                title: origin == 'lowCode' ? item === null || item === void 0 ? void 0 : item.eventName : item === null || item === void 0 ? void 0 : item.name,
+                description: (item === null || item === void 0 ? void 0 : item.remarks) || (item === null || item === void 0 ? void 0 : item.description) || '-',
+                detail: item.detail,
+                platforms: platforms,
             });
         }
-        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') {
+        else if (type === 'attribute' && item.type != 'slot') {
+            const XPlatform = args[i]['x-platforms'];
+            if ((XPlatform && !XPlatform[0].length) ||
+                (item === null || item === void 0 ? void 0 : item.display) == false ||
+                (item === null || item === void 0 ? void 0 : item.isReactNode) == true ||
+                item['x-component'] == 'sub-category-title' ||
+                item['x-component'] == 'Divider') {
                 continue;
             }
-            const titleName = 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;
+            const titleName = ((_a = item.title) === null || _a === void 0 ? void 0 : _a.indexOf('{{')) != -1
+                ? (_b = item === null || item === void 0 ? void 0 : item.title) === null || _b === void 0 ? void 0 : _b.match(uuidReg)[1]
+                : item === null || item === void 0 ? void 0 : item.title;
             transformData.push({
                 code: i,
                 title: titleName +
-                    (platTranslate(args[i]['x-platforms']).length > 0
-                        ? '(' + platTranslate(args[i]['x-platforms']).join(',') + ')'
+                    (platTranslate(item['x-platforms']).length > 0
+                        ? '(' + platTranslate(item['x-platforms']).join(',') + ')'
                         : ''),
-                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']
-                    : '基础属性',
+                description: (item === null || item === void 0 ? void 0 : item.remarks) || (item === null || item === void 0 ? void 0 : item.description) || '-',
+                type: (item === null || item === void 0 ? void 0 : item.type) || '-',
+                enum: (item === null || item === void 0 ? void 0 : item.enum) || [],
+                default: JSON.stringify(item === null || item === void 0 ? void 0 : item.default) || '-',
+                'x-index': item['x-index'] ? item['x-index'] : 999999,
+                'x-category': item['x-category'] ? item['x-category'] : '基础属性',
             });
         }
-        else if (type && type == 'slot' && args[i].type == 'slot') {
+        else if (type === 'slot' && item.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) || '-',
+                title: item === null || item === void 0 ? void 0 : item.title,
+                description: (item === null || item === void 0 ? void 0 : item.description) || '-',
+            });
+        }
+        else if (type && type == 'methods') {
+            const platforms = platTranslate(args[i]['x-platforms']).length > 0
+                ? platTranslate(args[i]['x-platforms']).join(',')
+                : '兼容三端';
+            transformData.push({
+                label: (_c = args[i]) === null || _c === void 0 ? void 0 : _c.label,
+                name: (_d = args[i]) === null || _d === void 0 ? void 0 : _d.name,
+                description: ((_e = args[i]) === null || _e === void 0 ? void 0 : _e.remarks) || ((_f = args[i]) === null || _f === void 0 ? void 0 : _f.description) || '-',
+                platforms,
             });
         }
+        switch (type) {
+            case 'properties': {
+                transformData.push({ ...item, name: i });
+                break;
+            }
+            case 'classes': {
+                transformData.push(item);
+                break;
+            }
+        }
+    }
+    if (['attribute', 'properties'].includes(type)) {
+        transformData = transformData.sort(sortBy('x-index'));
     }
-    if (type && type == 'attribute')
-        transformData.sort(sortBy('x-index'));
-    if (type && type == 'attribute') {
+    if (type === 'attribute') {
         transformData = groupByType(transformData, 'x-category');
     }
     return transformData;

package/dist/docs/common/helper.js

@@ -0,0 +1 @@
+export const STORY_HOST = 'https://test-2go8gwfqe3bdb5e1-1259727701.tcloudbaseapp.com/';