@cloudbase/weda-ui 3.4.1 → 3.4.3

package/dist/web/components/table/ImportFileModal/validate.js

@@ -0,0 +1,127 @@
+import moment from 'moment';
+/**
+ * 校验规则
+ */
+const pattern = {
+    email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
+    url: new RegExp('^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$', 'i'),
+    phone: /^1[3456789]\d{9}$/,
+    date: /((^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(10|12|0?[13578])([-\/\._])(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(11|0?[469])([-\/\._])(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(0?2)([-\/\._])(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)([-\/\._])(0?2)([-\/\._])(29)$)|(^([3579][26]00)([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][0][48])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][0][48])([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][2468][048])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][2468][048])([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][13579][26])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][13579][26])([-\/\._])(0?2)([-\/\._])(29)$))/,
+    datetime: /^(\d{4})\/|-(0\d{1}|1[0-2])|\d{1}\/(0\d{1}|[12]\d{1}|3[01])\s+(([0-1]?[0-9])|([2][0-3])):([0-5]?[0-9])(:([0-5]?[0-9]))?$/,
+    time: /^(([0-1]?[0-9])|([2][0-3])):([0-5]?[0-9])(:([0-5]?[0-9]))?$/,
+    number: /^-?\d*\.?\d+$/,
+    xFile: /(cloud+):\/\/([^# ]*)/,
+    xImage: /(cloud+):\/\/([^# ]*)/,
+    // 布尔类型填是或否
+    boolean: /^[是|否]$/,
+};
+/**
+ * 校验方法
+ */
+const validType = {
+    // required 校验方法
+    required(value) {
+        // 如果是数组，则判断数组长度
+        if (Array.isArray(value)) {
+            return value.length > 0;
+        }
+        if (value && typeof value === 'object') {
+            return Object.keys(value).length > 0;
+        }
+        return !!(value || value === 0);
+    },
+    // 手机号码检测
+    phone(value) {
+        return pattern.phone.test(String(value).trim());
+    },
+    // 邮箱检测
+    email(value) {
+        return typeof value === 'string' && pattern.email.test(value.trim());
+    },
+    // URL检测
+    url(value) {
+        return typeof value === 'string' && pattern.url.test(value.trim());
+    },
+    // 日期检测
+    date(value) {
+        return typeof value === 'string' && pattern.date.test(value.trim());
+    },
+    // 日期时间检测
+    datetime(value) {
+        return typeof value === 'string' && pattern.datetime.test(value.trim());
+    },
+    //  时间检测
+    time(value) {
+        return typeof value === 'string' && pattern.time.test(value.trim());
+    },
+    // 数字类型检测
+    number(value) {
+        return typeof value === 'string' && pattern.number.test(value.trim());
+    },
+    // 图片类型检测 （仅支持clould:链接）
+    xImage(value) {
+        return typeof value === 'string' && pattern.xImage.test(value.trim());
+    },
+    // 文件类型检测 （仅支持clould:链接）
+    xFile(value) {
+        return typeof value === 'string' && pattern.xFile.test(value.trim());
+    },
+};
+/**
+ * 1.根据字段格式生成校验规则的标识字段（validateType）
+ * 2.过滤出成功映射的字段
+ */
+export const fieldsValidateTypeGenetate = (fileJsonMap) => {
+    var _a;
+    const reg = /-(\w)/g;
+    return (_a = fileJsonMap === null || fileJsonMap === void 0 ? void 0 : fileJsonMap.map((i) => {
+        var _a;
+        const item = { ...i };
+        item.validateType = (_a = i === null || i === void 0 ? void 0 : i.format) === null || _a === void 0 ? void 0 : _a.replace(reg, ($, $1) => $1.toUpperCase());
+        if (i.type === 'boolean') {
+            item.validateType = 'boolean';
+        }
+        if (i.type === 'number') {
+            item.validateType = 'number';
+        }
+        if (i.type === 'number' &&
+            ['time', 'date', 'datetime'].includes(i.format)) {
+            item.validateType = i.format;
+        }
+        return item;
+    })) === null || _a === void 0 ? void 0 : _a.filter((i) => i.fileTitle);
+};
+/**
+ * 触发校验
+ */
+export const validateHandle = (value, feild) => {
+    const { validateType, ...rest } = feild;
+    if (rest['x-required'] && !validType.required(value)) {
+        return { status: false, message: '要求必填不可为空' };
+    }
+    if (value && validateType) {
+        const typeFunc = validType[validateType];
+        if (typeFunc && !typeFunc(value)) {
+            return { status: false, message: `不符合「${feild.title}」校验规则` };
+        }
+    }
+    return { status: true, message: '' };
+};
+/**
+ * 校验前，对时间格式进行转换
+ */
+export const formatTableDate = (value, feild) => {
+    const { validateType } = feild;
+    // excle导入日期格式，读取为时间格式的时候，自动转换为时间格式文本
+    if (['date', 'datetime', 'time'].includes(validateType) &&
+        value instanceof Date) {
+        const formatType = {
+            time: 'HH:mm:ss',
+            date: 'YYYY-MM-DD',
+            datetime: 'YYYY-MM-DD HH:mm:ss',
+        };
+        return moment(value).format(formatType[validateType]);
+    }
+    // 读取成文本的时候直接输出字符串
+    return String(value);
+};

package/dist/web/components/table/QuoteModal.js

@@ -0,0 +1,16 @@
+import React, { Fragment, useState } from 'react';
+import { Button, Modal } from 'tea-component';
+/**
+ * 引用类型显示弹窗
+ * @description 使用组件方式编写，避免数据流中断
+ */
+export const QuoteModal = ({ children, ...restProps }) => {
+    const [visible, setVisible] = useState(false);
+    const onHandleModalVisible = () => {
+        setVisible(!visible);
+    };
+    return (React.createElement(Fragment, null,
+        React.createElement(Button, { onClick: onHandleModalVisible, type: "link" }, "\u8BE6\u60C5"),
+        React.createElement(Modal, { ...restProps, visible: visible, onClose: onHandleModalVisible },
+            React.createElement(Modal.Body, null, children))));
+};

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

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZVJvb3QiOiIifQ== */

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,14 @@
+.view-cell-bubble .wedatea2td-bubble__inner {
+  padding: 0.35714rem 0.57143rem;
+  font-size: 1rem;
+  line-height: 1.57143rem;
+  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);
+}
+
+/*# sourceURL=webpack://./src/web/components/table/UserDepartment/viewCell.css */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy90YWJsZS9Vc2VyRGVwYXJ0bWVudC92aWV3Q2VsbC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSw4QkFBOEI7RUFDOUIsZUFBZTtFQUNmLHVCQUF1QjtFQUN2QiwrQkFBK0I7RUFDL0IsOEJBQThCO0FBQ2hDO0FBQ0E7O0VBRUUsdUNBQXVDO0FBQ3pDIiwic291cmNlc0NvbnRlbnQiOlsiLnZpZXctY2VsbC1idWJibGUgLndlZGF0ZWEydGQtYnViYmxlX19pbm5lciB7XG4gIHBhZGRpbmc6IDAuMzU3MTRyZW0gMC41NzE0M3JlbTtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBsaW5lLWhlaWdodDogMS41NzE0M3JlbTtcbiAgY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC45KTtcbiAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjkpO1xufVxuLnZpZXctY2VsbC1idWJibGUgLndlZGF0ZWEydGQtYnViYmxlX19pbm5lcjo6YWZ0ZXIsXG4udmlldy1jZWxsLWJ1YmJsZSAud2VkYXRlYTJ0ZC1idWJibGVfX2lubmVyOjpiZWZvcmUge1xuICBib3JkZXItYm90dG9tLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuOSk7XG59XG4iXSwic291cmNlUm9vdCI6IiJ9 */