@openli1115/lowcode-edit-pro-table 1.0.23

package/lowcode/utils/component-wrapper.ts

@@ -0,0 +1,36 @@
+const React = window.React;
+const { createElement } = React;
+
+export const ValueWrapper = (NextFormComponent: React.ElementType, displayName: string) => {
+  const WrappedComponent = (props: any) => {
+    const { __designMode, value, defaultValue, ...otherProps } = props;
+    const finalValue = __designMode === 'design' ? defaultValue : value;
+    if (typeof finalValue !== 'undefined') {
+      otherProps.value = finalValue;
+    }
+    return createElement(NextFormComponent, { ...otherProps });
+  };
+  WrappedComponent.displayName = displayName;
+  return WrappedComponent;
+};
+
+export const DynamicPropWrapper = (
+  prop: string,
+  NextFormComponent: React.ElementType,
+  displayName: string,
+) => {
+  const WrappedComponent = (props: any) => {
+    const dynamicProp = prop;
+    const defaultDynamicProp = `default${prop.slice(0, 1).toUpperCase()}${prop.slice(1)}`;
+    const { __designMode, ...otherProps } = props;
+    const dynamicPropValueValue = props[dynamicProp];
+    const defaultDynamicPropValue = props[defaultDynamicProp];
+    const finalValue = __designMode === 'design' ? defaultDynamicPropValue : dynamicPropValueValue;
+    if (typeof finalValue !== 'undefined') {
+      otherProps[dynamicProp] = finalValue;
+    }
+    return createElement(NextFormComponent, { ...otherProps });
+  };
+  WrappedComponent.displayName = displayName;
+  return WrappedComponent;
+};

package/lowcode/utils/index.ts

@@ -0,0 +1,81 @@
+export const hideProp = () => false;
+
+export function isJSExpression(data: any) {
+  return data && data.type === 'JSExpression';
+}
+
+export const deepEqual = function (x, y) {
+  if (x === y) {
+    return true;
+  } else if (typeof x === 'object' && x != null && typeof y === 'object' && y !== null) {
+    if (Object.keys(x).length !== Object.keys(y).length) return false;
+
+    for (const prop in x) {
+      if (y.hasOwnProperty(prop)) {
+        if (!deepEqual(x[prop], y[prop])) return false;
+      } else return false;
+    }
+
+    return true;
+  } else return false;
+};
+
+export const showWithLabelAlign = (target) => {
+  const parentLabelAlign = target && target.parent.node.parent.getPropValue('labelAlign');
+  const labelAlign = parentLabelAlign || (target && target.parent.getPropValue('labelAlign'));
+  if (labelAlign === 'top') {
+    const enableLabelTip = target.parent.getPropValue('labelTip.enable');
+    if (enableLabelTip) {
+      return target.name.startsWith('labelTip');
+    }
+    return target.name === 'labelTip.enable';
+  }
+  if (labelAlign === 'inset') {
+    return target.name.startsWith('wrapper');
+  }
+  if (labelAlign === 'left') {
+    return !target.name.startsWith('labelTip');
+  }
+  return true;
+};
+
+export const showWithLabelAlignShortcut = (target) => {
+  const { labelAlign: parentLabelAlign } = target && target.parent.node.propsData;
+  const labelAlign = parentLabelAlign || (target && target.parent.getPropValue('labelAlign'));
+  if (labelAlign === 'top') {
+    const enableLabelTip = target.parent.getPropValue('labelTip.enable');
+    if (enableLabelTip) {
+      return target.name.startsWith('labelTip');
+    }
+    return target.name === 'labelTip.enable';
+  }
+  if (labelAlign === 'inset') {
+    return target.name.startsWith('wrapper');
+  }
+  if (labelAlign === 'left') {
+    return !target.name.startsWith('labelTip');
+  }
+  return true;
+};
+
+export const showWithFormItemType = (target, type) => {
+  const formItemType = target && target.getProps().getPropValue('type');
+  return formItemType === type;
+};
+
+export const propsFormWrapper = (props, formItemType) => {
+  return props.map((item) => {
+    item.condition = (target) => {
+      return showWithFormItemType(target, formItemType);
+    };
+    item.name = `componentPorps.${item.name}`;
+    return item;
+  });
+};
+
+export const getParentValue = (target) => {
+  return target.getProps().node.parent.getPropValue(target.name);
+};
+
+export const uuid = () => Math.random().toString(36).substring(2);
+export const mockId = () => `id-${uuid()}`;

package/lowcode/utils/parse-data.ts

@@ -0,0 +1,113 @@
+export const STATE_MARK: any = {
+  '-': 'disabled',
+  // tslint:disable-next-line:object-literal-sort-keys
+  '*': 'active',
+  '~': 'hover',
+  '': 'normal',
+};
+
+export enum NodeType {
+  divider = 'divider',
+  node = 'node',
+  comment = 'comment',
+}
+
+export enum ContentType {
+  text = 'text',
+  icon = 'icon',
+}
+
+export interface IContent {
+  type: ContentType;
+  value: string;
+}
+
+export interface INode {
+  type: NodeType;
+  state: string;
+  value: string | IContent[];
+  children: INode[];
+}
+
+export interface IParseOption {
+  parseContent: boolean;
+}
+
+const getChildren = (template: string = ''): IContent[] => {
+  if (!template) {
+    return [];
+  }
+
+  return template
+    .replace(/(\[.*?\])/g, '\n$1\n')
+    .split('\n')
+    .filter((v) => !!v)
+    .map((d) => {
+      switch (true) {
+        case /^\[(.*)\]$/.test(d):
+          return {
+            type: 'icon',
+            value: RegExp.$1,
+          } as IContent;
+        default:
+          return {
+            type: 'text',
+            value: d,
+          } as IContent;
+      }
+    });
+};
+
+export const parseData = (
+  text: string,
+  options: IParseOption = { parseContent: false },
+): INode[] => {
+  if (!text) {
+    return [];
+  }
+  const root: INode = {
+    type: NodeType.node,
+    state: 'normal',
+    value: '',
+    children: [],
+  };
+  const stack: INode[] = [root];
+
+  text
+    .split('\n')
+    .filter((line) => line.trim())
+    .forEach((line) => {
+      const re: any = /^(\t*)([#\-~*]?)(.*)$/.exec(line);
+      const indent = (re[1] || '').length;
+      const prefix = re[2] || '';
+      const item: INode = {
+        type: NodeType.node,
+        state: 'normal',
+        value: re[3] || '',
+        children: [],
+      };
+
+      if (prefix === '-' && /^-{2,}$/.test(item.value as string)) {
+        item.type = NodeType.divider;
+      } else if (prefix === '#') {
+        item.type = NodeType.comment;
+      } else {
+        item.state = STATE_MARK[prefix];
+      }
+
+      if (item.type === 'node' && options.parseContent) {
+        item.value = getChildren(item.value as string);
+      }
+
+      while (indent <= stack.length - 2) {
+        stack.pop();
+      }
+
+      stack[stack.length - 1].children.push(item);
+      stack.push(item);
+    });
+
+  return root.children;
+};
+
+export default parseData;