@cloudbase/weda-ui 3.4.3 → 3.4.5

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/';

package/dist/docs/common/tableView.js

@@ -1,9 +1,15 @@
 import React from 'react';
 import { components } from '../../configs/index';
 import { objFormat } from './format';
+import PropertiesView from './components/properties-view';
+import ClassesView from './components/classes-view';
+import MethodsView from './components/methods-view';
+import EventView from './components/event-view';
 import './tableView.css';
 function getCompsMeta(key, type, origin) {
     let compsMeta;
+    if (!type)
+        return;
     try {
         let metaLowcode;
         switch (origin) {
@@ -11,26 +17,35 @@ function getCompsMeta(key, type, origin) {
                 metaLowcode = require('/docs/lowcode/components/wedaUI/lowcode-comps/weda_standard/comps/' +
                     key +
                     '.comp.json');
-                if (type && type == 'event') {
+                if (type == 'event') {
                     compsMeta = metaLowcode['emitEvents'];
                 }
-                else if (type && (type == 'attribute' || type == 'slot')) {
+                else if (type == 'attribute' || type == 'slot') {
                     compsMeta = metaLowcode['dataForm'];
                 }
-                else if (type && type == 'description') {
+                else if (type == 'description') {
                     compsMeta = metaLowcode['meta'];
                 }
                 return compsMeta;
             case 'sourceCode':
-                if (type && type == 'event') {
+                if (type == 'event') {
                     compsMeta = components[key]['events'] || {};
                 }
-                else if (type && (type == 'attribute' || type == 'slot')) {
+                else if (type == 'attribute' || type == 'slot') {
                     compsMeta = components[key]['data']['properties'] || {};
                 }
-                else if (type && type == 'description') {
+                else if (type == 'description') {
                     compsMeta = components[key]['meta'] || {};
                 }
+                else if (type == 'classes') {
+                    compsMeta = components[key]['classes'] || {};
+                }
+                else if (type == 'methods') {
+                    compsMeta = components[key]['methods'] || {};
+                }
+                else if (type == 'properties') {
+                    compsMeta = components[key]['properties']['properties'] || {};
+                }
                 return compsMeta;
         }
     }
@@ -48,21 +63,39 @@ export default function TableLayoutView({ componentKey, type, origin }) {
     else {
         tableView.push(compsMeta);
     }
+    if (!tableView.length) {
+        return '无';
+    }
+    switch (type) {
+        case 'properties':
+            return React.createElement(PropertiesView, { rows: tableView });
+        case 'classes':
+            return React.createElement(ClassesView, { rows: tableView });
+        case 'methods':
+            return React.createElement(MethodsView, { rows: tableView });
+        case 'event':
+            return React.createElement(EventView, { rows: tableView });
+    }
     return (React.createElement(React.Fragment, null,
         type == 'attribute' && tableView.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("p", null, "\u7EC4\u4EF6\u63A5\u6536\u7684\u5916\u90E8\u4F20\u5165\u7684\u5C5E\u6027"),
             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: '15%' } }),
+                        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" }, "\u5C5E\u6027\u540D"))),
+                            React.createElement("th", { className: "" },
+                                React.createElement("div", null,
+                                    React.createElement("span", { className: "tea-text-overflow", title: "\u5C5E\u6027\u6807\u8BC6" }, "\u5C5E\u6027\u6807\u8BC6"))),
                             React.createElement("th", { className: "" },
                                 React.createElement("div", null,
                                     React.createElement("span", { className: "tea-text-overflow", title: "\u7C7B\u578B" }, "\u7C7B\u578B"))),
@@ -80,16 +113,28 @@ export default function TableLayoutView({ componentKey, type, origin }) {
                     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: '15%' } }),
+                    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.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)))))))),
+                React.createElement("tbody", null, tableView.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.code)),
+                        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['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("p", null, "\u7EC4\u4EF6\u5185\u90E8\u5F00\u653E\u7684\u63D2\u69FD\uFF0C\u53EF\u4EE5\u653E\u5165\u5176\u4ED6\u7EC4\u4EF6"),
             React.createElement("div", { className: "tea-table__header" },
                 React.createElement("table", { className: "tea-table__box" },
                     React.createElement("colgroup", null,
@@ -110,42 +155,8 @@ export default function TableLayoutView({ componentKey, type, origin }) {
                 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("h2", { className: "sbdocs-h2" },
                 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" }, "#")),