@cloudbase/weda-ui 3.4.2 → 3.4.4

package/dist/web/components/table/SelectableBlock/index.js

@@ -0,0 +1,81 @@
+import React from 'react';
+import { ConfigProvider, Button, Popover } from 'tea-component';
+import { isInIde, isWXIDE } from '../../../utils/platform';
+import './index.css';
+/**
+ * 选区组件
+ */
+export function SelectableBlock(props) {
+    const { index, show, component, action, actionMap, actionParams, compId, selectableBlockEvents, exportValue, blockKey, isSelectable = true, // 当前元素是否为选区，默认为true
+    ...rest } = props;
+    /**
+     * selectableBlockEvents中
+     * events: 事件面板的events
+     * onCustomEvent: 预览和发布中的onClick事件
+     * onClick: 编辑器的onClick事件
+     * onMouseOver: 编辑器的onMouseOver事件
+     * onMouseOut: 编辑器的onMouseOut事件
+     */
+    const { events, onCustomEvent, onMouseOver, onMouseOut, ...restEvents } = selectableBlockEvents || {};
+    const isSelectableMix = isInIde() && isSelectable;
+    const SelectableBlockButton = () => (React.createElement(Button, { key: index, ...rest, ...restEvents, onMouseOver: isSelectableMix ? onMouseOver : null, onMouseOut: isSelectableMix ? onMouseOut : null, onClick: (e) => {
+            const params = {
+                event: e,
+                compId,
+                order: index,
+                blockKey,
+            };
+            if (isInIde()) {
+                const { onClick } = selectableBlockEvents || {};
+                isSelectable && onClick && onClick(params);
+            }
+            else {
+                if (action === 'custom') {
+                    // 1、onCustomEvent是运行态的render传过来的方法
+                    // 2、点击按钮时，执行onCustomEvent，回调render
+                    // 3、render中onCustomEvent根据params里的index等参数去拿到第几个选区的listenInstance
+                    // 4、listenInstance转换为events，放到selectableBlockEvents里面，回传到选区
+                    onCustomEvent && onCustomEvent(params);
+                    // 1、上一步selectableBlockEvents里面的events，即为当前点击按钮所需的事件
+                    // 2、执行该按钮的事件
+                    // 3、setTimeout作用是保证先执行上一步，拿到events，才执行下一步的该events.tap
+                    // eslint-disable-next-line rulesdir/no-timer
+                    setTimeout(() => {
+                        events.tap &&
+                            events.tap({ value: { ...exportValue } }, { originEvent: e });
+                    }, 0);
+                }
+                else if (action) {
+                    const excuteAction = actionMap[action];
+                    excuteAction && excuteAction(e, actionParams);
+                }
+            }
+        } }, rest.text || `按钮${index + 1}`));
+    const componentMap = {
+        Button: SelectableBlockButton,
+    };
+    return (show && (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" }, isSelectableMix ? (React.createElement(Popover, { placement: "top-start", placementOffset: "-1", escapeWithReference: true, overlay: React.createElement("div", null,
+            React.createElement("div", { style: {
+                    display: 'inline-block',
+                    background: isWXIDE() ? '#00b26a' : '#0052d9',
+                    color: 'white',
+                    padding: 3,
+                    borderRadius: '0 0 0 2px',
+                    cursor: 'default',
+                    fontSize: '12px',
+                } }, "\u9009\u533A"),
+            React.createElement("div", { style: {
+                    display: 'inline-block',
+                    padding: 2,
+                    borderRadius: '0 2px 2px 0',
+                    border: isWXIDE()
+                        ? '1px solid #00b26a'
+                        : '1px solid #0052d9',
+                    cursor: 'default',
+                    background: '#f3f4f7',
+                    boxSizing: 'border-box',
+                    fontSize: '12px',
+                } },
+                blockKey,
+                index + 1)) }, componentMap[component] && componentMap[component]())) : (componentMap[component] && componentMap[component]()))));
+}

package/dist/web/components/table/UserDepartment/ViewCell.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Text } from 'tea-component';
+import { getRelationData } from './utils';
+import './viewCell.css';
+export const ViewCell = ({ data, showType, relation }) => {
+    if (showType === 'tree') {
+        return React.createElement(Text, { verticalAlign: "middle" }, (data === null || data === void 0 ? void 0 : data.content) || '-');
+    }
+    const defaultValue = getRelationData(relation);
+    return (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.id) ? (React.createElement(Text, { verticalAlign: "middle" }, defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.content)) : (React.createElement(Text, null, "-"));
+};

package/dist/web/components/table/UserDepartment/utils.js

@@ -0,0 +1,80 @@
+import React from 'react';
+import { Icon } from 'tea-component';
+import { safeJsonParse } from '../../../utils/tool';
+export const parentIcon = ({ expanded }) => (React.createElement(Icon, { type: expanded ? 'folderopen' : 'folderclose' }));
+// 角色icon
+export const roleIcon = () => React.createElement(Icon, { type: 'role' });
+// 部门icon
+export const departIcon = () => React.createElement(Icon, { type: 'depart' });
+// 处理部门数据格式
+export const dealOrgData = (data = []) => data.map((i) => ({
+    id: `${guidMod(7)}-${i.OrgId}`,
+    //   icon: getIcon(i.depth),
+    content: i[i.PrimaryColumn],
+    children: undefined,
+    selectable: true,
+    expandable: true,
+    icon: parentIcon,
+    orgId: i.OrgId,
+}));
+// 处理角色数据格式
+export const dealRoleData = (data = []) => data.map((role) => ({
+    id: role.Id,
+    expandable: true,
+    selectable: false,
+    content: role.Name,
+    children: undefined,
+    icon: parentIcon,
+}));
+// 处理用户数据格式
+export const dealUserData = (data = [], isRole) => data.map((user) => {
+    var _a;
+    return ({
+        id: `${guidMod(7)}-${user.UserId}`,
+        expandable: false,
+        selectable: true,
+        content: (user === null || user === void 0 ? void 0 : user[user === null || user === void 0 ? void 0 : user.PrimaryColumn]) ||
+            ((user === null || user === void 0 ? void 0 : user.UserExtend)
+                ? (_a = safeJsonParse(user.UserExtend)) === null || _a === void 0 ? void 0 : _a[user === null || user === void 0 ? void 0 : user.PrimaryColumn]
+                : null),
+        userId: user.UserId,
+        isUser: true,
+        icon: isRole ? roleIcon : departIcon,
+    });
+});
+export function guidMod(bit) {
+    const str = 'qwertyuiopasdfghjklmnbvcxz1234567890';
+    let cont = '';
+    for (let i = 0; i < bit; i++) {
+        cont += str[Math.floor(Math.random() * str.length)];
+    }
+    return cont;
+}
+export const getNode = (nodes, id, key) => {
+    if (!id)
+        return null;
+    for (const node of nodes) {
+        if (node[key] === id) {
+            return node;
+        }
+        if (node.children) {
+            const result = getNode(node.children, id, key);
+            if (result) {
+                return result;
+            }
+        }
+    }
+    return null;
+};
+export const getRelationData = (relation) => {
+    var _a, _b;
+    const record = (_a = relation === null || relation === void 0 ? void 0 : relation.v1) === null || _a === void 0 ? void 0 : _a.record;
+    const primaryColumn = (_b = relation === null || relation === void 0 ? void 0 : relation.v1) === null || _b === void 0 ? void 0 : _b.primaryColumn;
+    const data = {
+        content: record === null || record === void 0 ? void 0 : record[primaryColumn],
+        // eslint-disable-next-line no-underscore-dangle
+        id: record === null || record === void 0 ? void 0 : record._id,
+    };
+    // eslint-disable-next-line no-underscore-dangle
+    return data;
+};

package/dist/web/components/table/UserDepartment/viewCell.css

@@ -0,0 +1,11 @@
+.view-cell-bubble .wedatea2td-bubble__inner {
+  padding: 5px 8px;
+  font-size: 14px;
+  line-height: 22px;
+  color: rgba(255, 255, 255, 0.9);
+  background: rgba(0, 0, 0, 0.9);
+}
+.view-cell-bubble .wedatea2td-bubble__inner::after,
+.view-cell-bubble .wedatea2td-bubble__inner::before {
+  border-bottom-color: rgba(0, 0, 0, 0.9);
+}