@cloudbase/weda-ui 3.4.8 → 3.4.9-alpha.1024

package/dist/docs/common/tableView.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { components } from '../../configs/index';
 import { objFormat } from './format';
 import PropertiesView from './components/properties-view';
@@ -14,7 +14,7 @@ function getCompsMeta(key, type, origin) {
         let metaLowcode;
         switch (origin) {
             case 'lowCode':
-                metaLowcode = require('/docs/lowcode/components/wedaUI/lowcode-comps/weda_standard/comps/' +
+                metaLowcode = require('../../../lowcode-comps/weda_standard/comps/' +
                     key +
                     '.comp.json');
                 if (type == 'event') {
@@ -68,100 +68,24 @@ export default function TableLayoutView({ componentKey, type, origin }) {
     }
     switch (type) {
         case 'properties':
-            return React.createElement(PropertiesView, { rows: tableView });
+            return _jsx(PropertiesView, { rows: tableView });
         case 'classes':
-            return React.createElement(ClassesView, { rows: tableView });
+            return _jsx(ClassesView, { rows: tableView });
         case 'methods':
-            return React.createElement(MethodsView, { rows: tableView });
+            return _jsx(MethodsView, { rows: tableView });
         case 'event':
-            return React.createElement(EventView, { rows: tableView });
+            return _jsx(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: '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"))),
-                            React.createElement("th", { className: "" },
-                                React.createElement("div", null,
-                                    React.createElement("span", { className: "tea-text-overflow", title: "\u5C5E\u6027\u5206\u7EC4" }, "\u5C5E\u6027\u5206\u7EC4"))),
-                            React.createElement("th", { className: "" },
-                                React.createElement("div", null,
-                                    React.createElement("span", { className: "tea-text-overflow", title: "\u9ED8\u8BA4\u503C" }, "\u9ED8\u8BA4\u503C"))),
-                            React.createElement("th", { className: "" },
-                                React.createElement("div", null,
-                                    React.createElement("span", { className: "tea-text-overflow", title: "\u8BF4\u660E" }, "\u8BF4\u660E"))))))),
-            React.createElement("table", { className: "tea-table__box" },
-                React.createElement("colgroup", null,
-                    React.createElement("col", { style: { width: '18%' } }),
-                    React.createElement("col", { style: { width: '10%' } }),
-                    React.createElement("col", { style: { width: '15%' } }),
-                    React.createElement("col", { style: { width: '15%' } }),
-                    React.createElement("col", { style: { width: '18%' } }),
-                    React.createElement("col", { style: { width: 'auto' } })),
-                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,
-                        React.createElement("col", { style: { width: '18%' } }),
-                        React.createElement("col", { style: { width: 'auto' } })),
-                    React.createElement("thead", null,
-                        React.createElement("tr", null,
-                            React.createElement("th", { className: "" },
-                                React.createElement("div", null,
-                                    React.createElement("span", { className: "tea-text-overflow", title: "\u5C5E\u6027\u540D" }, "\u540D\u79F0"))),
-                            React.createElement("th", { className: "" },
-                                React.createElement("div", null,
-                                    React.createElement("span", { className: "tea-text-overflow", title: "\u7C7B\u578B" }, "\u8BF4\u660E"))))))),
-            React.createElement("table", { className: "tea-table__box" },
-                React.createElement("colgroup", null,
-                    React.createElement("col", { style: { width: '18%' } }),
-                    React.createElement("col", { style: { width: 'auto' } })),
-                React.createElement("tbody", null, tableView.map((row, index) => (React.createElement("tr", { key: index },
-                    React.createElement("td", null, row.code),
-                    React.createElement("td", null, row.description)))))))),
-        type == 'description' && tableView.length > 0 && (React.createElement(React.Fragment, 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" }, "#")),
-            React.createElement("p", null, ((_a = tableView[0]) === null || _a === void 0 ? void 0 : _a.description)
-                ? (_b = tableView[0]) === null || _b === void 0 ? void 0 : _b.description
-                : (_c = tableView[0]) === null || _c === void 0 ? void 0 : _c.desc))),
-        tableView.length == 0 && React.createElement("p", null, "\u65E0")));
+    return (_jsxs(_Fragment, { children: [type == 'attribute' && tableView.length > 0 && (_jsxs(_Fragment, { children: [_jsx("p", { children: "\u7EC4\u4EF6\u63A5\u6536\u7684\u5916\u90E8\u4F20\u5165\u7684\u5C5E\u6027" }), _jsx("div", { className: "tea-table__header", children: _jsxs("table", { className: "tea-table__box", children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: '18%' } }), _jsx("col", { style: { width: '10%' } }), _jsx("col", { style: { width: '15%' } }), _jsx("col", { style: { width: '15%' } }), _jsx("col", { style: { width: '18%' } }), _jsx("col", { style: { width: 'auto' } })] }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "", children: _jsx("div", { children: _jsx("span", { className: "tea-text-overflow", title: "\u5C5E\u6027\u540D", children: "\u5C5E\u6027\u540D" }) }) }), _jsx("th", { className: "", children: _jsx("div", { children: _jsx("span", { className: "tea-text-overflow", title: "\u5C5E\u6027\u6807\u8BC6", children: "\u5C5E\u6027\u6807\u8BC6" }) }) }), _jsx("th", { className: "", children: _jsx("div", { children: _jsx("span", { className: "tea-text-overflow", title: "\u7C7B\u578B", children: "\u7C7B\u578B" }) }) }), _jsx("th", { className: "", children: _jsx("div", { children: _jsx("span", { className: "tea-text-overflow", title: "\u5C5E\u6027\u5206\u7EC4", children: "\u5C5E\u6027\u5206\u7EC4" }) }) }), _jsx("th", { className: "", children: _jsx("div", { children: _jsx("span", { className: "tea-text-overflow", title: "\u9ED8\u8BA4\u503C", children: "\u9ED8\u8BA4\u503C" }) }) }), _jsx("th", { className: "", children: _jsx("div", { children: _jsx("span", { className: "tea-text-overflow", title: "\u8BF4\u660E", children: "\u8BF4\u660E" }) }) })] }) })] }) }), _jsxs("table", { className: "tea-table__box", children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: '18%' } }), _jsx("col", { style: { width: '10%' } }), _jsx("col", { style: { width: '15%' } }), _jsx("col", { style: { width: '15%' } }), _jsx("col", { style: { width: '18%' } }), _jsx("col", { style: { width: 'auto' } })] }), _jsx("tbody", { children: tableView.map((row, index) => {
+                                    var _a;
+                                    return (_jsxs("tr", { children: [_jsx("td", { children: _jsx("b", { children: row.title }) }), _jsx("td", { children: _jsx("code", { children: row.code }) }), _jsx("td", { children: _jsx("code", { children: ((_a = row.enum) === null || _a === void 0 ? void 0 : _a.length)
+                                                        ? [
+                                                            ...row.enum
+                                                                .map((item) => typeof item === 'string' ? item : item.value)
+                                                                .map((item) => JSON.stringify(item)),
+                                                        ].join('|')
+                                                        : row.type }) }), _jsx("td", { children: row['x-category'] }), _jsx("td", { children: row.default }), _jsx("td", { children: row.description })] }, index));
+                                }) })] })] })), type == 'slot' && tableView.length > 0 && (_jsxs(_Fragment, { children: [_jsx("p", { children: "\u7EC4\u4EF6\u5185\u90E8\u5F00\u653E\u7684\u63D2\u69FD\uFF0C\u53EF\u4EE5\u653E\u5165\u5176\u4ED6\u7EC4\u4EF6" }), _jsx("div", { className: "tea-table__header", children: _jsxs("table", { className: "tea-table__box", children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: '18%' } }), _jsx("col", { style: { width: 'auto' } })] }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "", children: _jsx("div", { children: _jsx("span", { className: "tea-text-overflow", title: "\u5C5E\u6027\u540D", children: "\u540D\u79F0" }) }) }), _jsx("th", { className: "", children: _jsx("div", { children: _jsx("span", { className: "tea-text-overflow", title: "\u7C7B\u578B", children: "\u8BF4\u660E" }) }) })] }) })] }) }), _jsxs("table", { className: "tea-table__box", children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: '18%' } }), _jsx("col", { style: { width: 'auto' } })] }), _jsx("tbody", { children: tableView.map((row, index) => (_jsxs("tr", { children: [_jsx("td", { children: row.code }), _jsx("td", { children: row.description })] }, index))) })] })] })), type == 'description' && tableView.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("h2", { className: "sbdocs-h2", children: [_jsx("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", _jsx("a", { className: "hash-link", href: "#\u9002\u7528\u573A\u666F", title: "\u6807\u9898\u7684\u76F4\u63A5\u94FE\u63A5", children: "#" })] }), _jsx("p", { children: ((_a = tableView[0]) === null || _a === void 0 ? void 0 : _a.description)
+                            ? (_b = tableView[0]) === null || _b === void 0 ? void 0 : _b.description
+                            : (_c = tableView[0]) === null || _c === void 0 ? void 0 : _c.desc })] })), tableView.length == 0 && _jsx("p", { children: "\u65E0" })] }));
 }

package/dist/enum/index.js

@@ -519,3 +519,56 @@ export const WD_LINK_ICON_POSITION = [
         value: 'after',
     },
 ];
+// 明细组件样式
+export const WD_FORM_DETAIL_VIEW_TYPE = [
+    {
+        label: '表格样式',
+        value: 'table',
+    },
+    {
+        label: '平铺样式',
+        value: 'list',
+    },
+];
+// 表格默认pagesize
+export const WD_TABLE_PAGE_SIZE = [
+    {
+        label: '10',
+        value: '10',
+    },
+    {
+        label: '20',
+        value: '20',
+    },
+    {
+        label: '30',
+        value: '30',
+    },
+    {
+        label: '50',
+        value: '50',
+    },
+    {
+        label: '100',
+        value: '100',
+    },
+    {
+        label: '200',
+        value: '200',
+    },
+];
+// 表格选择列
+export const WD_TABLE_SELECT_COLUMN = [
+    {
+        label: '单选样式',
+        value: 'radio',
+    },
+    {
+        label: '多选样式',
+        value: 'select',
+    },
+    {
+        label: '关闭',
+        value: 'disable',
+    },
+];

package/dist/setupTests.js

@@ -1,5 +1,6 @@
 import 'regenerator-runtime';
 import '@testing-library/jest-dom';
+import React from 'react';
 Object.defineProperty(window, 'matchMedia', {
     writable: true,
     value: jest.fn().mockImplementation((query) => ({
@@ -17,3 +18,6 @@ Object.defineProperty(window, 'ResizeObserver', {
     writable: true,
     value: require('resize-observer-polyfill'),
 });
+Object.defineProperty(window, 'WedaAppContext', {
+    value: React.createContext({ ready: true }),
+});