@cicctencent/low-code-simulate-base 0.0.0-stage → 1.1.10

package/src/index.ts

@@ -0,0 +1,61 @@
+import BaseProjectDomain from './domain/BaseProjectDomain';
+import PreviewDomain from './domain/PreviewDomain';
+import ProjectDomain from './domain/ProjectDomain';
+import ComponentManager from './domain/ComponentManager';
+import onH5PageValidate from './plugin/onH5PageValidate';
+import onPlaceholder from './plugin/onPlaceholder';
+import subscribeInsertUploadList from './plugin/subscribeInsertUploadList';
+import subscribeTransformComponentMeta from './plugin/subscribeTransformComponentMeta';
+import subscribeValidateField from './plugin/subscribeValidateField';
+import subscribeValidateUpload from './plugin/subscribeValidateUpload';
+import subscribeSetTitle from './plugin/subscribeSetTitle';
+export * from './domain/PreviewDomain';
+export * from './domain/ProjectDomain';
+import DataHistoryDomain from './domain/DataHistoryDomain';
+export { ProjectDomainState } from './domain/BaseProjectDomain'
+import VcComponent from './VCComponent';
+export * from './utils/base64';
+export * from './utils/index';
+export * from './utils/transform';
+export * from './utils/validate';
+export {
+  VcComponent,
+  PreviewDomain,
+  BaseProjectDomain,
+  ProjectDomain,
+  ComponentManager,
+  onH5PageValidate,
+  onPlaceholder,
+  subscribeInsertUploadList,
+  subscribeTransformComponentMeta,
+  subscribeValidateField,
+  subscribeValidateUpload,
+  subscribeSetTitle,
+  DataHistoryDomain
+};
+export {
+  initAllEventsFormSchema,
+  initEventsFormSchema,
+  generateEventProperties,
+  initMiddlewareFormSchema,
+} from './event/generateEventSchema';
+export {
+  generateEventHandlers,
+  executeMiddleware,
+} from './event/generateEventHandler';
+export * from './event/register';
+
+export * from './utils/buildInVariable'
+declare global {
+  interface Window {
+    JT_VERSION: Record<string, string>;
+  }
+}
+export * from './utils/dom';
+
+window.JT_VERSION = Object.assign(
+  {
+      '__rollup__name__@__rollup__version__': '__rollup__date__',
+  },
+  window.JT_VERSION
+);

package/src/plugin/onH5PageValidate.ts

@@ -0,0 +1,179 @@
+import type {
+  ComponentItem,
+  CheckRequestItem,
+  CheckResponseItem,
+} from '@cicctencent/low-code-core';
+import { getComponentKeyValue, groupBy } from '../utils';
+import BaseProjectDomain from '../domain/BaseProjectDomain';
+import PreviewDomain from '../domain/PreviewDomain';
+import { formilyValidate } from '../utils/validate';
+import { transform } from '../utils/transform';
+import { cloneDeep, set, toPlainObject, log, get } from '@cicctencent/ark-util';
+const logTag = '[low-code-creator onH5PageValidate]';
+const logInfo = log(logTag);
+import { validate } from '@cicctencent/low-code-validate';
+
+export function findComponentById(components, componentId) {
+  for (const component of components) {
+    if (component.componentId === componentId) {
+      return component;
+    }
+    if (component.children) {
+      const res = findComponentById(component.children, componentId);
+      if (res) {
+        return res;
+      }
+    }
+  }
+  return null;
+}
+
+/**
+ * @public
+ * @param previewDomain  - previewDomain
+ */
+export default function (previewDomain: PreviewDomain) {
+  const project = previewDomain.state.project as BaseProjectDomain;
+  /**
+   *  转换校验的Extend配置
+   */
+  function transformValidateExtendConfig(config, cId) {
+    const result = {};
+    // 获取组件信息
+    let componentInfo = findComponentById(project.components, cId);
+    Object.keys(config || {}).forEach(it => {
+      if ('x-data' in config[it] && 'extend' in config[it]['x-data']) {
+        // 有可能组件在children中
+        const extraData = {};
+        // x-data.extend
+        if (componentInfo) {
+          const extend: Record<string, string> =
+            config[it]['x-data']['extend'] || {};
+          Object.keys(extend).forEach(ek => {
+            extraData[ek] = getComponentKeyValue(
+              extend[ek].replace('$', ''),
+              componentInfo
+            );
+          });
+        }
+        result[it] = { ...config[it], extraData };
+      } else {
+        // 不需要特殊处理
+        result[it] = config[it];
+      }
+    });
+    return result;
+  }
+  previewDomain.on(
+    'validatePage',
+    (fillData?: CheckResponseItem[]): CheckRequestItem[] => {
+
+      logInfo('validatePage', 'project', previewDomain.projectData);
+      // 点击发布报错对话框确认按钮回填数据 并再次校验
+      if (fillData) {
+        logInfo(
+          'validatePage',
+          'fillData',
+          fillData,
+          previewDomain.projectData
+        );
+        //填充数据
+        try {
+          const newProject = cloneDeep(previewDomain.projectData);
+          fillData.forEach(item => {
+            set(newProject, item.path, item.value);
+          });
+          project.state.project = newProject;
+          logInfo('validatePage', 'newProject', newProject);
+          // 更新模拟器，编辑器
+          previewDomain.emit('updateProject', project);
+          previewDomain.publish.update(true);
+        } catch (error) {
+          console.error(error);
+        }
+      }
+      const errItems: Array<CheckRequestItem> = [];
+      // const prependPath = 'pages[0].components[0].list[0].formData';
+      // 处理components 没有schema的情况
+      const components = project.componentsWithConfig;
+
+      const validateData = components.reduce((acc, cur) => {
+        return cur?.children?.length
+          ? acc.concat(
+              // @ts-ignore
+              cur.formData,
+              (cur.children as ComponentItem[]).map(c => c.formData)
+            )
+          : // @ts-ignore
+            acc.concat(cur.formData);
+      }, []);
+      logInfo('validatePage', 'validateData', validateData);
+
+      try {
+        for (let i = 0; i < components.length; i++) {
+          components[i].config = transform(
+            components[i].config,
+            project.getFlagWordMap(i)
+          );
+          const result = validate(components[i], validateData);
+          console.log('组件校验结果:', result);
+          if (Array.isArray(result) && result.length) {
+            // 根据title进行分组
+            const groups = groupBy(result, 'title');
+            Object.keys(groups).forEach(key => {
+              errItems.push({
+                title: key,
+                type: 0,
+                list: groups[key].map(m => {
+                  const componentPath = m.path?.includes('children')
+                    ? `pages[0].components[0].list[${i}].${m.path}`.replace(
+                        /\.formData[\s\S]*$/,
+                        ''
+                      )
+                    : `pages[0].components[0].list[${i}]`;
+                  const component = get(project.state.project, componentPath);
+                  return {
+                    schema: transformValidateExtendConfig(
+                      m.schema,
+                      component?.componentId
+                    ),
+                    path: m.path?.includes('children')
+                      ? `pages[0].components[0].list[${i}].${m.path}`
+                      : `pages[0].components[0].list[${i}].formData.${m.path}`,
+                  };
+                }),
+              });
+            });
+          }
+          // 处理容器内的组件
+        }
+        logInfo('validatePage', 'compoennt validate', errItems);
+        // 页面校验
+        const pageValidateResult = formilyValidate(
+          {
+            config: project.state.pageConfig as any,
+            formData: project.pageMeta,
+          },
+          []
+        );
+        if (Array.isArray(pageValidateResult) && pageValidateResult.length) {
+          logInfo('validatePage', 'page validate', pageValidateResult);
+          errItems.push({
+            title: '页面基础信息',
+            type: 1,
+            list: pageValidateResult.map(m => {
+              return {
+                ...m,
+                path: `pages[0].pageMeta.${m.path}`,
+              };
+            }),
+          });
+        }
+        logInfo('validatePage', 'errItems', errItems);
+      } catch (error) {
+        console.error(error);
+      }
+      return toPlainObject(errItems);
+    }
+  );
+}

package/src/plugin/onPlaceholder.ts

@@ -0,0 +1,71 @@
+import type { ComponentItem } from '@cicctencent/low-code-core';
+import PreviewDomain from '../domain/PreviewDomain';
+import { get, toPlainObject, getLog } from '@cicctencent/ark-util';
+import { getSchemaObjectAttribute } from '../utils';
+import { transformComponentMeta } from './subscribeTransformComponentMeta';
+import BaseProjectDomain from '../domain/BaseProjectDomain';
+const logTag = '[low-code-creator onPlaceholder]';
+const logger = getLog(logTag);
+
+/**
+ * @public
+ * @param previewDomain  - previewDomain
+ */
+export default function (previewDomain: PreviewDomain) {
+  const project = previewDomain.state.project as BaseProjectDomain;
+  previewDomain.on('clickPlaceholder', (id: number) => {
+    try {
+      const componentPath = project.generateComponentPath(id);
+      const { componentListPath } = project.getIndexByKey(componentPath);
+      const components = get(project.pages, componentListPath);
+      const componentData = components.find(c => c.componentId == id);
+      const component: ComponentItem = {
+        ...project.cManager.get(componentData.name),
+        ...componentData,
+      };
+
+      let data = {};
+      let field = null;
+      // 是否处理点击
+      if (component?.placeholderConfig?.click) {
+        // 存在path配置
+        if (component.placeholderConfig?.path) {
+          // 获取属性名
+          const matchResult =
+            component.placeholderConfig.path.match(/\.(\w+)$/);
+          if (!matchResult || !component?.config) {
+            return;
+          }
+          // 通过属性名获取相应的配置
+          const config = getSchemaObjectAttribute(
+            component?.config,
+            matchResult[1]
+          );
+          // 存在path的情况
+          // 获取到配置信息
+          if (config) {
+            field = config;
+            let placeholderData = {
+              exportUrl: config?.['x-component-props']?.exportUrl,
+              data: Object.assign(
+                {},
+                config?.['x-component-props']?.data || {},
+                get(component.formData || {}, component.placeholderConfig.path)
+              ),
+            };
+            data = transformComponentMeta.bind(previewDomain)({
+              data: { config, data: placeholderData },
+            });
+          }
+        }
+        // 发送消息给管理端
+        previewDomain.commit('message', {
+          type: component.placeholderConfig?.action,
+          data: { id, data, name: component.name, component, field },
+        });
+      }
+    } catch (error) {
+      logger.error('clickPlaceholder error:', error);
+    }
+  });
+}

package/src/plugin/subscribeInsertUploadList.ts

@@ -0,0 +1,51 @@
+import BaseProjectDomain from '../domain/BaseProjectDomain';
+import PreviewDomain from '../domain/PreviewDomain';
+import { cloneDeep, get } from '@cicctencent/ark-util';
+
+/**
+ * @public
+ * @param previewDomain  - previewDomain
+ */
+export default function (previewDomain: PreviewDomain) {
+  const project = previewDomain.state.project as BaseProjectDomain;
+  /**
+   *  插入上传列表
+   */
+  previewDomain.state.communicator.subscribe(
+    'insertUploadList',
+    function ({ data: { key, list, name } }) {
+      let start = -1;
+      const url = list[0];
+      const currentComponentPath = project.generateComponentPath(
+        project.currentComponent?.componentId
+      );
+      const { componentListPath } = project.getIndexByKey(currentComponentPath);
+      const components = get(project.pages, componentListPath);
+      components.forEach((c, i) => {
+        if (c.componentId === project.currentComponent?.componentId) {
+          c.formData.props.imgUrl = url;
+          start = i;
+        }
+      });
+      // 通过配置文件判断是否存在图片组件
+      let imageComponent = project.cManager.get(name);
+      if (imageComponent && list.length > 1 && start > -1) {
+        list.slice(1).forEach((url, idx) =>
+          project.componentListSplice(
+            start + idx + 1,
+            0,
+            {
+              ...cloneDeep(imageComponent),
+              formData: {
+                props: { imgUrl: url },
+              },
+            },
+            componentListPath
+          )
+        );
+      }
+      previewDomain.emit('updateProject', project);
+      previewDomain.publish.update();
+    }
+  );
+}

package/src/plugin/subscribeSetTitle.ts

@@ -0,0 +1,18 @@
+import { toPlainObject } from '@cicctencent/ark-util';
+import BaseProjectDomain from '../domain/BaseProjectDomain';
+import PreviewDomain from '../domain/PreviewDomain';
+
+/**
+ * @public
+ * @param previewDomain  - previewDomain
+ */
+export default function (previewDomain: PreviewDomain) {
+  const project = previewDomain.state.project as BaseProjectDomain;
+  /* 设置title */
+  previewDomain.state.communicator.subscribe('setTitle', ({ data: value }) => {
+    project.state.project = Object.assign(project.state.project, value);
+    previewDomain.publish.update();
+    previewDomain.emit('updateProject', project);
+    return toPlainObject(project.config);
+  });
+}

package/src/plugin/subscribeTransformComponentMeta.ts

@@ -0,0 +1,38 @@
+import { getComponentKeyValue } from '../utils';
+import PreviewDomain from '../domain/PreviewDomain';
+import { cloneDeep } from '@cicctencent/ark-util';
+/**
+ * 转化云组件额外参数
+ * @param - data
+ * @returns
+ */
+
+export function transformComponentMeta({ data }): Record<string, any> {
+  const { data: res, config } = data;
+  const transformResult: Record<string, any> = cloneDeep(res);
+  if (config && 'x-data' in config && 'extend' in config['x-data']) {
+    transformResult['_extend'] = {};
+    const extend: Record<string, string> = config['x-data'].extend;
+    Object.keys(extend).forEach(key => {
+      if (extend[key].indexOf('$') > -1) {
+        transformResult['_extend'][key] = cloneDeep(
+          getComponentKeyValue(
+            extend[key].replace('$', ''),
+            this.state?.project?.currentComponent
+          )
+        );
+      }
+    });
+  }
+  return transformResult;
+}
+/**
+ * @public
+ * @param previewDomain  - previewDomain
+ */
+export default function (previewDomain: PreviewDomain) {
+  previewDomain.state.communicator.subscribe(
+    'transformComponentMeta',
+    transformComponentMeta.bind(previewDomain)
+  );
+}

package/src/plugin/subscribeValidateField.ts

@@ -0,0 +1,65 @@
+import BaseProjectDomain from '../domain/BaseProjectDomain';
+import PreviewDomain from '../domain/PreviewDomain';
+
+function chinaTransformUnicode(value: string) {
+  if (value) {
+    return escape(value)
+      .replace(/%u\w{4}/g, function ($0) {
+        return $0[3] + $0[5];
+      })
+      .toLowerCase();
+  }
+  return '';
+}
+/**
+ * @public
+ * @param previewDomain  - previewDomain
+ */
+export default function (previewDomain: PreviewDomain | BaseProjectDomain) {
+  const project = previewDomain.state.project as BaseProjectDomain;
+  function validateBuryReportName(value) {
+    if (!/^[A-Za-z0-9_-]+$/g.test(chinaTransformUnicode(value))) {
+      return '您输入的埋点名称存在非法字符，请重新输入「埋点名称应为：大/小写字母、数字、中文、横杠、下划线或其组合」';
+    }
+    // 判断是否存在重复埋点
+    const componentList =
+      project.state.project?.pages?.[0]?.components?.[0]?.list || [];
+    const errText = componentList.reduce((err, component) => {
+      const jsonStr = JSON.stringify(component || {});
+      const regex = /"buryReportName":"([^"]+)"/g;
+      const result: any[] = [];
+      let match;
+      while ((match = regex.exec(jsonStr)) !== null) {
+        result.push(match[1]);
+      }
+      if (result.includes(value)) {
+        return err + `  ${component.title}  id: ${component.componentId} `;
+      }
+      return err + '';
+    }, '');
+    if (errText) {
+      return `您输入的埋点名称和「${errText}」的埋点名称重复，请重新输入`;
+    }
+    return '';
+  }
+  // @ts-ignore
+  previewDomain.state.communicator.subscribe(
+    'validateField',
+    function ({ data }) {
+      // 校验类型
+      const validateType = data?.type;
+      // 检验值
+      const validateValue = data?.value;
+
+      if (!validateValue || !validateType) {
+        return '';
+      }
+
+      if (validateType === 'buryReportName') {
+        return validateBuryReportName(validateValue);
+      }
+
+      return '';
+    }
+  );
+}

package/src/plugin/subscribeValidateUpload.ts

@@ -0,0 +1,116 @@
+import { getFileSizeStr } from '../utils';
+import BaseProjectDomain from '../domain/BaseProjectDomain';
+import PreviewDomain from '../domain/PreviewDomain';
+import { tipIcon } from '../utils/base64';
+import { toPlainObject } from '@cicctencent/ark-util';
+import { getSchemaObjectAttribute, getImageType } from '../utils';
+import type { ConfirmMessageBoxData } from '@cicctencent/low-code-core';
+/**
+ * @public
+ * @param previewDomain  - previewDomain
+ */
+export default function (previewDomain: PreviewDomain) {
+  const project = previewDomain.state.project as BaseProjectDomain;
+  /**
+   *  上传校验 校验点击模拟器占位图上传图片的大小和二倍图以及表单上传图片的大小
+   * @param - fileList 当前upload组件上传的文件列表 目前所有情况只包含一个文件
+   */
+  previewDomain.state.communicator.subscribe(
+    'validateUpload',
+    function ({ data }) {
+      // todo 图片组件
+      const { fileList, config } = data;
+
+      let validateConfig =
+        config ??
+        getSchemaObjectAttribute(
+          project.cManager.get(project.currentComponent.name)?.config as Record<
+            string,
+            any
+          >,
+          'imgUrl'
+        );
+      if (validateConfig && Array.isArray(fileList)) {
+        const { upload } = validateConfig['x-validator'] ?? { upload: {} };
+        const doubleImage = upload?.expectWidth ? true : false;
+        fileList.forEach(file => {
+          //匹配链接中的文件后缀，其中\.表示匹配.字符，[^.]+表示匹配除.以外的任意字符，$表示匹配字符串结尾。[1]表示返回匹配到的第一个子串，即文件后缀名。
+          const fileSuffix = getImageType(file.url);
+          // 需要校验的文件后缀列表
+          const expectSuffix: string[] = upload?.expectSuffix || [
+            'png',
+            'jpg',
+            'jpeg',
+          ];
+          if (expectSuffix.includes(fileSuffix as string)) {
+            // 校验图片大小
+            if (file?.size > upload?.expectSize) {
+              file.err = {
+                text: `图片大于${getFileSizeStr(
+                  upload.expectSize
+                )}，请与设计师沟通调整图片后重新上传。`,
+              };
+              //schema上传,则要提示图片过大
+              const messageBoxData: ConfirmMessageBoxData = {
+                schema: {
+                  type: 'object',
+                  properties: {
+                    _: {
+                      'x-component': 'Text',
+                      'x-component-props': {
+                        text: `<span>图片大于${getFileSizeStr(
+                          upload.expectSize
+                        )}，请与设计师沟通调整图片后重新上传。</span>`,
+                      },
+                    },
+                  },
+                },
+                type: 'warning',
+                title: '提示',
+                confirmButton: {
+                  text: '确认',
+                  key: undefined,
+                },
+                cancelButton: {
+                  text: '',
+                  key: undefined,
+                },
+              };
+              project.publishEditor(
+                'action',
+                toPlainObject({
+                  key: 'confirm',
+                  value: messageBoxData,
+                })
+              );
+            }
+            // 校验图片2倍图
+            if (doubleImage && upload?.expectWidth) {
+              if (file.width < upload?.expectWidth) {
+                file.err = {
+                  text: upload?.doubleImageTip || '清晰度过低，请使用2倍图上传',
+                  icon: tipIcon,
+                  guide: upload.guide,
+                };
+                project.publishEditor(
+                  'action',
+                  toPlainObject({
+                    key: 'doubleImage',
+                    value: {
+                      text:
+                        upload?.doubleImageTip ||
+                        '图片清晰度过低,请使用上传2倍图',
+                      icon: tipIcon,
+                      guide: upload?.guide,
+                    },
+                  })
+                );
+              }
+            }
+          }
+        });
+      }
+      return toPlainObject(fileList);
+    }
+  );
+}

package/src/utils/base64.ts

@@ -0,0 +1,17 @@
+
+/**
+ * @public
+ */
+export const placeholderIcon = `data:image/webp;base64,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`;
+/**
+ * @public
+ *  提示图标 
+ */
+export const tipIcon =
+  "data:image/webp;base64,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";
+
+/** 
+ * @public 
+ * 非图片图标 
+ * */
+export const notImageIcon = `data:image/webp;base64,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`;