jjb-lc-designable/formily-antd/shared.js

基于alibaba-designable源码二次封装的表单设计器。

import { TreeNode } from 'jjb-lc-designable/core';
export const matchComponent = (node, name, context) => {
  if (name === '*') return true;
  const componentName = node?.props?.['x-component'];
  if (typeof name === 'function') return name(componentName || '', node, context);
  if (Array.isArray(name)) return name.includes(componentName);
  return componentName === name;
};
export const matchChildComponent = (node, name, context) => {
  if (name === '*') return true;
  const componentName = node?.props?.['x-component'];
  if (!componentName) return false;
  if (typeof name === 'function') return name(componentName || '', node, context);
  if (Array.isArray(name)) return name.includes(componentName);
  return componentName.indexOf(`${name}.`) > -1;
};
export const includesComponent = (node, names, target) => {
  return names.some(name => matchComponent(node, name, target));
};
export const queryNodesByComponentPath = (node, path) => {
  if (path?.length === 0) return [];
  if (path?.length === 1) {
    if (matchComponent(node, path[0])) {
      return [node];
    }
  }
  return matchComponent(node, path[0]) ? node.children.reduce((buf, child) => {
    return buf.concat(queryNodesByComponentPath(child, path.slice(1)));
  }, []) : [];
};
export const findNodeByComponentPath = (node, path) => {
  if (path?.length === 0) return;
  if (path?.length === 1) {
    if (matchComponent(node, path[0])) {
      return node;
    }
  }
  if (matchComponent(node, path[0])) {
    for (let i = 0; i < node.children.length; i++) {
      const next = findNodeByComponentPath(node.children[i], path.slice(1));
      if (next) {
        return next;
      }
    }
  }
};
export const hasNodeByComponentPath = (node, path) => !!findNodeByComponentPath(node, path);
export const matchArrayItemsNode = node => {
  return node?.parent?.props?.type === 'array' && node?.parent?.children?.[0] === node;
};
export const createNodeId = (designer, id) => {
  return {
    [designer.props.nodeIdAttrName]: id
  };
};
export const createEnsureTypeItemsNode = type => node => {
  const objectNode = node.children.find(child => child.props['type'] === type);
  if (objectNode) {
    return objectNode;
  } else {
    const newObjectNode = new TreeNode({
      componentName: 'Field',
      props: {
        type
      }
    });
    node.prepend(newObjectNode);
    return newObjectNode;
  }
};