@cloudbase/weda-ui 3.4.2 → 3.4.4

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" }, "#")),

package/dist/enum/index.js

@@ -0,0 +1,521 @@
+// 文本格式
+export const WD_TEXT_LEVEL = [
+    {
+        label: '正文(默认)',
+        value: 'body-default',
+    },
+    {
+        label: '正文(小)',
+        value: 'body-sm',
+    },
+    {
+        label: '正文(中)',
+        value: 'body-md',
+    },
+    {
+        label: '正文(大)',
+        value: 'body-lg',
+    },
+    {
+        label: '标题 H1',
+        value: 'title-1',
+    },
+    {
+        label: '标题 H2',
+        value: 'title-2',
+    },
+    {
+        label: '标题 H3',
+        value: 'title-3',
+    },
+    {
+        label: '标题 H4',
+        value: 'title-4',
+    },
+    {
+        label: '标题 H5',
+        value: 'title-5',
+    },
+    {
+        label: '标题 H6',
+        value: 'title-6',
+    },
+];
+// 文本最大行数
+export const WD_TEXT_MAX_LINES = [
+    {
+        label: '1',
+        value: '1',
+    },
+    {
+        label: '2',
+        value: '2',
+    },
+    {
+        label: '3',
+        value: '3',
+    },
+    {
+        label: '4',
+        value: '4',
+    },
+    {
+        label: '5',
+        value: '5',
+    },
+    {
+        label: '6',
+        value: '6',
+    },
+    {
+        label: '7',
+        value: '7',
+    },
+    {
+        label: '8',
+        value: '8',
+    },
+    {
+        label: '9',
+        value: '9',
+    },
+    {
+        label: '10',
+        value: '10',
+    },
+];
+// 图标列表
+export const WD_ICON_ENUM = [
+    'td:add-circle',
+    'td:add-rectangle',
+    'td:add',
+    'td:app',
+    'td:arrow-down-rectangle',
+    'td:arrow-down',
+    'td:arrow-left',
+    'td:arrow-right',
+    'td:arrow-up',
+    'td:attach',
+    'td:backtop-rectangle',
+    'td:backtop',
+    'td:backward',
+    'td:barcode',
+    'td:books',
+    'td:browse-off',
+    'td:browse',
+    'td:bulletpoint',
+    'td:calendar',
+    'td:call',
+    'td:caret-down-small',
+    'td:caret-down',
+    'td:caret-left-small',
+    'td:caret-left',
+    'td:caret-right-small',
+    'td:caret-right',
+    'td:caret-up-small',
+    'td:caret-up',
+    'td:cart',
+    'td:chart-bar',
+    'td:chart-bubble',
+    'td:chart-pie',
+    'td:chart',
+    'td:chat',
+    'td:check-circle-filled',
+    'td:check-circle',
+    'td:check-rectangle-filled',
+    'td:check-rectangle',
+    'td:check',
+    'td:chevron-down-circle',
+    'td:chevron-down-rectangle',
+    'td:chevron-down',
+    'td:chevron-left-circle',
+    'td:chevron-left-double',
+    'td:chevron-left-rectangle',
+    'td:chevron-left',
+    'td:chevron-right-circle',
+    'td:chevron-right-double',
+    'td:chevron-right-rectangle',
+    'td:chevron-right',
+    'td:chevron-up-circle',
+    'td:chevron-up-rectangle',
+    'td:chevron-up',
+    'td:circle',
+    'td:clear',
+    'td:close-circle-filled',
+    'td:close-circle',
+    'td:close-rectangle',
+    'td:close',
+    'td:cloud-download',
+    'td:cloud-upload',
+    'td:cloud',
+    'td:code',
+    'td:control-platform',
+    'td:creditcard',
+    'td:dashboard',
+    'td:delete',
+    'td:desktop',
+    'td:discount-filled',
+    'td:discount',
+    'td:download',
+    'td:edit-1',
+    'td:edit',
+    'td:ellipsis',
+    'td:enter',
+    'td:error-circle-filled',
+    'td:error-circle',
+    'td:error',
+    'td:file-add',
+    'td:file-copy',
+    'td:file-excel',
+    'td:file-image',
+    'td:file-paste',
+    'td:file-pdf',
+    'td:file-powerpoint',
+    'td:file-unknown',
+    'td:file-word',
+    'td:file',
+    'td:filter-clear',
+    'td:filter',
+    'td:flag',
+    'td:folder-add',
+    'td:folder-open',
+    'td:folder',
+    'td:fork',
+    'td:format-horizontal-align-bottom',
+    'td:format-horizontal-align-center',
+    'td:format-horizontal-align-top',
+    'td:format-vertical-align-center',
+    'td:format-vertical-align-left',
+    'td:format-vertical-align-right',
+    'td:forward',
+    'td:fullscreen-exit',
+    'td:fullscreen',
+    'td:gender-female',
+    'td:gender-male',
+    'td:gift',
+    'td:heart-filled',
+    'td:heart',
+    'td:help-circle-filled',
+    'td:help-circle',
+    'td:help',
+    'td:history',
+    'td:home',
+    'td:hourglass',
+    // 'td:image-error',
+    'td:image',
+    'td:info-circle-filled',
+    'td:info-circle',
+    'td:internet',
+    'td:jump',
+    'td:laptop',
+    'td:layers',
+    'td:link-unlink',
+    'td:link',
+    // 'td:loading',
+    'td:location',
+    'td:lock-off',
+    'td:lock-on',
+    'td:login',
+    'td:logo-android',
+    'td:logo-apple-filled',
+    'td:logo-apple',
+    'td:logo-chrome-filled',
+    'td:logo-chrome',
+    'td:logo-codepen',
+    'td:logo-github-filled',
+    'td:logo-github',
+    'td:logo-ie-filled',
+    'td:logo-ie',
+    // 'td:logo-qq',
+    // 'td:logo-wechat',
+    // 'td:logo-wecom',
+    'td:logo-windows-filled',
+    'td:logo-windows',
+    'td:logout',
+    'td:mail',
+    'td:menu-fold',
+    'td:menu-unfold',
+    'td:minus-circle-filled',
+    'td:minus-circle',
+    'td:minus-rectangle',
+    // 'td:mirror',
+    'td:mobile-vibrate',
+    'td:mobile',
+    'td:money-circle',
+    'td:more',
+    'td:move',
+    'td:next',
+    'td:notification-filled',
+    'td:notification',
+    'td:order-adjustment-column',
+    'td:order-ascending',
+    'td:order-descending',
+    'td:page-first',
+    'td:page-last',
+    'td:pause-circle-filled',
+    'td:photo',
+    'td:play-circle-filled',
+    'td:play-circle-stroke',
+    'td:play-circle',
+    'td:play',
+    'td:poweroff',
+    'td:precise-monitor',
+    'td:previous',
+    'td:print',
+    'td:qrcode',
+    'td:queue',
+    'td:rectangle',
+    'td:refresh',
+    'td:remove',
+    'td:rollback',
+    'td:root-list',
+    'td:round',
+    'td:save',
+    'td:scan',
+    'td:search',
+    'td:secured',
+    'td:server',
+    'td:service',
+    'td:setting',
+    'td:share',
+    'td:shop',
+    'td:slash',
+    'td:sound',
+    'td:star-filled',
+    'td:star',
+    'td:stop-circle-1',
+    'td:stop-circle-filled',
+    'td:stop-circle',
+    'td:stop',
+    'td:swap-left',
+    'td:swap-right',
+    'td:swap',
+    'td:thumb-down',
+    'td:thumb-up',
+    'td:time-filled',
+    'td:time',
+    'td:tips',
+    'td:tools',
+    'td:unfold-less',
+    'td:unfold-more',
+    'td:upload',
+    'td:usb',
+    'td:user-add',
+    'td:user-avatar',
+    'td:user-circle',
+    'td:user-clear',
+    'td:user-talk',
+    'td:user',
+    'td:usergroup-add',
+    'td:usergroup-clear',
+    'td:usergroup',
+    'td:video',
+    'td:view-column',
+    'td:view-list',
+    'td:view-module',
+    'td:wallet',
+    'td:wifi',
+    'td:zoom-in',
+    'td:zoom-out',
+    'nointernet',
+    'success',
+    'warning',
+    'pending',
+    'refresh',
+    'folder',
+    'arrowup',
+    'arrowdown',
+    'arrowleft',
+    'arrowright',
+    'chevronup',
+    'chevrondown',
+    'chevronleft',
+    'chevronright',
+    'delete',
+    'edit',
+    'search',
+    'check',
+    'close',
+    'add',
+    'download',
+    'success-fill',
+    'close-fill',
+    'info-fill',
+    'pending-fill',
+    'warning-fill',
+    'more',
+    'star',
+    'star-fill',
+    'location',
+    'question',
+];
+// 图标类型
+export const WD_ICON_TYPE = [
+    {
+        label: '预置图标',
+        value: 'inner',
+    },
+    {
+        label: '自定义图标',
+        value: 'custom',
+    },
+];
+// 图标尺寸
+export const WD_ICON_SIZE = [
+    {
+        label: '超小',
+        value: 'xs',
+    },
+    {
+        label: '小',
+        value: 'sm',
+    },
+    {
+        label: '中',
+        value: 'md',
+    },
+    {
+        label: '大',
+        value: 'lg',
+    },
+    {
+        label: '超大',
+        value: 'xl',
+    },
+];
+// 按钮颜色
+export const WD_BUTTON_THEME = [
+    {
+        label: '主要',
+        value: 'primary',
+    },
+    // default -> secondary
+    {
+        label: '次要',
+        value: 'secondary',
+    },
+    // 警告
+    // warn->warning
+    {
+        label: '警告',
+        value: 'warning',
+    },
+    // 规范化新增
+    {
+        label: '错误',
+        value: 'error',
+    },
+];
+// 按钮类型
+export const WD_BUTTON_VARIANT = [
+    {
+        label: '填充',
+        value: 'base',
+    },
+    {
+        label: '描边',
+        value: 'outline',
+    },
+    {
+        label: '文字',
+        value: 'text',
+    },
+    {
+        label: '链接',
+        value: 'link',
+    },
+];
+// 按钮尺寸
+export const WD_BUTTON_SIZE = [
+    {
+        label: '小',
+        value: 'sm',
+    },
+    {
+        label: '中',
+        value: 'md',
+    },
+    {
+        label: '大',
+        value: 'lg',
+    },
+];
+// 按钮内置图标展示
+export const WD_BUTTON_ICON_TYPE = [
+    {
+        label: '无图标',
+        value: 'none',
+    },
+    {
+        label: '文字加图标',
+        value: 'text-with-icon',
+    },
+    {
+        label: '纯图标',
+        value: 'icon-only',
+    },
+];
+// 分割线风格
+export const WD_DIVIDER_TYPE = [
+    {
+        label: '实线',
+        value: 'solid',
+    },
+    // default -> secondary
+    {
+        label: '虚线',
+        value: 'dashed',
+    },
+];
+// 按钮图标位置
+export const WD_BUTTON_ICON_POSITION = [
+    {
+        label: '前置',
+        value: 'before',
+    },
+    {
+        label: '后置',
+        value: 'after',
+    },
+];
+// 按钮类型
+export const WD_BUTTON_TYPE = [
+    {
+        label: '按钮',
+        value: 'button',
+    },
+    {
+        label: '提交',
+        value: 'submit',
+    },
+    {
+        label: '重置',
+        value: 'reset',
+    },
+];
+// 链接内置图标展示
+export const WD_LINK_ICON_TYPE = [
+    {
+        label: '无图标',
+        value: 'none',
+    },
+    {
+        label: '文字加图标',
+        value: 'text-with-icon',
+    },
+    {
+        label: '纯图标',
+        value: 'icon-only',
+    },
+];
+// 链接图标位置
+export const WD_LINK_ICON_POSITION = [
+    {
+        label: '前置',
+        value: 'before',
+    },
+    {
+        label: '后置',
+        value: 'after',
+    },
+];