@bit-sun/business-component 2.1.24 → 2.2.0-alpha.1

package/src/components/Business/JsonQueryTable/configTree/parser/index.js

@@ -1,124 +1,124 @@
-// @ts-nocheck
-import { parse } from '@babel/parser';
-import { visit } from 'ast-types';
-
-function getConfigNode(data) {
-  let configNode;
-
-  visit(parse(data), {
-    visitIdentifier: path => {
-      if (configNode) {
-        return false;
-      }
-      const name = path.getValueProperty('name');
-      if (name === 'config') {
-        const node = path.parentPath.getValueProperty('init');
-        if (node) {
-          configNode = node;
-        }
-      }
-      return false;
-    },
-  });
-
-  return configNode;
-}
-
-export { getConfigNode };
-
-function locToPositon(data) {
-  const { start, end } = data;
-  const { line: startLine, column: startCol } = start;
-  const { line: endLine, column: endCol } = end;
-  const position = [startLine, startCol + 1, endLine, endCol + 1];
-  return position;
-}
-
-export default function createTreeData(data) {
-  if (!data) return;
-
-  const { loc, properties = [] } = data;
-  const astTree = properties.map(node => {
-    if (!node) return;
-    const { key, value, loc, type } = node;
-    // 直接使用value类型 字符串 数值 布尔值
-    const valueType = [
-      'StringLiteral',
-      'NumericLiteral',
-      'BooleanLiteral',
-      'ConditionalExpression',
-      'MemberExpression',
-    ];
-    const objectType = ['ObjectExpression'];
-    const arrayType = ['ArrayExpression'];
-    const funcType = ['ArrowFunctionExpression', 'FunctionExpression'];
-    const paramsType = ['Identifier', 'ThisExpression'];
-
-    const position = locToPositon(loc);
-
-    const name = key?.name || key?.value;
-
-    // 方法的快捷表示法
-    if (type === 'ObjectMethod') {
-      return {
-        name,
-        value: null,
-        loc: position,
-      };
-    }
-
-    if (valueType.includes(value.type)) {
-      return {
-        name,
-        value: value.value,
-        loc: position,
-      };
-    }
-
-    if (objectType.includes(value.type)) {
-      return {
-        name,
-        value: null,
-        loc: position,
-        children: createTreeData(value),
-        type: 'object',
-      };
-    }
-
-    if (arrayType.includes(value.type)) {
-      return {
-        name,
-        value: null,
-        loc: position,
-        children: value.elements.map((v, idx) => {
-          return {
-            name: idx,
-            value: null,
-            type: 'object',
-            loc: locToPositon(v.loc),
-            children: createTreeData(v),
-          };
-        }),
-        type: 'array',
-      };
-    }
-
-    if (funcType.includes(value.type)) {
-      return {
-        name,
-        value: null,
-        loc: position,
-      };
-    }
-
-    if (paramsType.includes(value.type)) {
-      return {
-        name,
-        value: null,
-        loc: position,
-      };
-    }
-  });
-
-  return astTree;
-}
+// @ts-nocheck
+import { parse } from '@babel/parser';
+import { visit } from 'ast-types';
+
+function getConfigNode(data) {
+  let configNode;
+
+  visit(parse(data), {
+    visitIdentifier: path => {
+      if (configNode) {
+        return false;
+      }
+      const name = path.getValueProperty('name');
+      if (name === 'config') {
+        const node = path.parentPath.getValueProperty('init');
+        if (node) {
+          configNode = node;
+        }
+      }
+      return false;
+    },
+  });
+
+  return configNode;
+}
+
+export { getConfigNode };
+
+function locToPositon(data) {
+  const { start, end } = data;
+  const { line: startLine, column: startCol } = start;
+  const { line: endLine, column: endCol } = end;
+  const position = [startLine, startCol + 1, endLine, endCol + 1];
+  return position;
+}
+
+export default function createTreeData(data) {
+  if (!data) return;
+
+  const { loc, properties = [] } = data;
+  const astTree = properties.map(node => {
+    if (!node) return;
+    const { key, value, loc, type } = node;
+    // 直接使用value类型 字符串 数值 布尔值
+    const valueType = [
+      'StringLiteral',
+      'NumericLiteral',
+      'BooleanLiteral',
+      'ConditionalExpression',
+      'MemberExpression',
+    ];
+    const objectType = ['ObjectExpression'];
+    const arrayType = ['ArrayExpression'];
+    const funcType = ['ArrowFunctionExpression', 'FunctionExpression'];
+    const paramsType = ['Identifier', 'ThisExpression'];
+
+    const position = locToPositon(loc);
+
+    const name = key?.name || key?.value;
+
+    // 方法的快捷表示法
+    if (type === 'ObjectMethod') {
+      return {
+        name,
+        value: null,
+        loc: position,
+      };
+    }
+
+    if (valueType.includes(value.type)) {
+      return {
+        name,
+        value: value.value,
+        loc: position,
+      };
+    }
+
+    if (objectType.includes(value.type)) {
+      return {
+        name,
+        value: null,
+        loc: position,
+        children: createTreeData(value),
+        type: 'object',
+      };
+    }
+
+    if (arrayType.includes(value.type)) {
+      return {
+        name,
+        value: null,
+        loc: position,
+        children: value.elements.map((v, idx) => {
+          return {
+            name: idx,
+            value: null,
+            type: 'object',
+            loc: locToPositon(v.loc),
+            children: createTreeData(v),
+          };
+        }),
+        type: 'array',
+      };
+    }
+
+    if (funcType.includes(value.type)) {
+      return {
+        name,
+        value: null,
+        loc: position,
+      };
+    }
+
+    if (paramsType.includes(value.type)) {
+      return {
+        name,
+        value: null,
+        loc: position,
+      };
+    }
+  });
+
+  return astTree;
+}

package/src/components/Business/JsonQueryTable/configTree/render/iconRender.js

@@ -1,29 +1,29 @@
-import React from 'react';
-import CompactArrayView from '../component/compactArrayView';
-import CompactObjectView from '../component/compactObjectView';
-
-function iconRender(data) {
-  const { name, type, children, toggled } = data;
-  if (toggled) {
-    return name;
-  }
-  if (type === 'array') {
-    return (
-      <div>
-        <span>{name}</span>
-        <CompactArrayView array={children} />
-      </div>
-    );
-  }
-  if (type === 'object') {
-    return (
-      <div>
-        <span>{name}</span>
-        <CompactObjectView object={children} />
-      </div>
-    );
-  }
-  return name;
-}
-
-export default iconRender;
+import React from 'react';
+import CompactArrayView from '../component/compactArrayView';
+import CompactObjectView from '../component/compactObjectView';
+
+function iconRender(data) {
+  const { name, type, children, toggled } = data;
+  if (toggled) {
+    return name;
+  }
+  if (type === 'array') {
+    return (
+      <div>
+        <span>{name}</span>
+        <CompactArrayView array={children} />
+      </div>
+    );
+  }
+  if (type === 'object') {
+    return (
+      <div>
+        <span>{name}</span>
+        <CompactObjectView object={children} />
+      </div>
+    );
+  }
+  return name;
+}
+
+export default iconRender;

package/src/components/Business/JsonQueryTable/configTree/render/nameRender.js

@@ -1,22 +1,22 @@
-import React from 'react';
-
-export default data => {
-  const { type, name } = data;
-
-  const pluginTypes = ['render', 'action', 'type', 'container', 'validator'];
-  if (pluginTypes.includes(name)) {
-    return <div className="codicon codicon-symbol-method"></div>;
-  }
-
-  if (name === 'fields' || name === 'columns') {
-    return (
-      <div className="codicon codicon-color-gold-6 codicon-symbol-array"> </div>
-    );
-  }
-
-  if (typeof name === 'number' && type === 'object') {
-    return <div className="codicon codicon-symbol-variable"></div>;
-  }
-
-  return <div className="codicon codicon-symbol-property"> </div>;
-};
+import React from 'react';
+
+export default data => {
+  const { type, name } = data;
+
+  const pluginTypes = ['render', 'action', 'type', 'container', 'validator'];
+  if (pluginTypes.includes(name)) {
+    return <div className="codicon codicon-symbol-method"></div>;
+  }
+
+  if (name === 'fields' || name === 'columns') {
+    return (
+      <div className="codicon codicon-color-gold-6 codicon-symbol-array"> </div>
+    );
+  }
+
+  if (typeof name === 'number' && type === 'object') {
+    return <div className="codicon codicon-symbol-variable"></div>;
+  }
+
+  return <div className="codicon codicon-symbol-property"> </div>;
+};

package/src/components/Business/JsonQueryTable/configTree/treeNode.js

@@ -1,116 +1,116 @@
-import React, { useEffect, useState } from 'react';
-import isArray from 'lodash/isArray';
-import cx from 'classnames';
-
-function TreeNode(props) {
-  const {
-    data,
-    nameRender,
-    iconRender,
-    level,
-    contextMenuRender,
-    activeLine,
-  } = props;
-  const [nodeData, setNodeData] = useState(data);
-  const isDirectory = !!nodeData.children;
-
-  const handleClick = () => {
-    const { onToggle, onSelect } = props;
-    const newNodeData = { ...nodeData };
-    // newNodeData.active = true;
-    if (newNodeData.children) {
-      newNodeData.toggled = !nodeData.toggled;
-    }
-    setNodeData(newNodeData);
-    if (onSelect) {
-      onSelect(newNodeData, !!nodeData.children);
-    }
-  };
-
-  useEffect(() => {
-    setNodeData(data);
-  }, [activeLine]);
-
-  const renderChildren = level => {
-    const {
-      onToggle,
-      onSelect,
-      nameRender,
-      iconRender,
-      contextMenuRender,
-    } = props;
-
-    if (nodeData.loading) {
-      return <span>loading...</span>;
-    }
-
-    let children = nodeData.children;
-    if (!isArray(children)) {
-      children = children ? [children] : [];
-    }
-
-    return (
-      <div>
-        {children.map((child, index) => (
-          <TreeNode
-            onToggle={onToggle}
-            onSelect={onSelect}
-            key={child.name || index}
-            data={child}
-            nameRender={nameRender}
-            iconRender={iconRender}
-            contextMenuRender={contextMenuRender}
-            level={level}
-            activeLine={activeLine}
-          />
-        ))}
-      </div>
-    );
-  };
-
-  let blockNode = (
-    <div
-      className={cx(
-        'si-tree-node-block',
-        nodeData.active && 'si-tree-node-block-actived',
-      )}
-      onClick={handleClick}
-    >
-      <div
-        style={{
-          paddingLeft: `${isDirectory ? level : level + 1}em`,
-          display: 'flex',
-        }}
-      ></div>
-      {isDirectory ? (
-        <div
-          className={cx(
-            'si-tree-node-switcher codicon',
-            nodeData.toggled ? 'codicon-chevron-down' : 'codicon-chevron-right',
-          )}
-        />
-      ) : (
-        <div style={{ paddingLeft: 4 }} />
-      )}
-      {iconRender ? (
-        <div className="si-tree-node-icon">{iconRender(nodeData)}</div>
-      ) : null}
-      <div className="si-tree-node-name">
-        {nameRender ? nameRender(nodeData) : nodeData.name}
-      </div>
-    </div>
-  );
-
-  if (contextMenuRender) {
-    blockNode = contextMenuRender(nodeData, blockNode);
-  }
-
-  return (
-    <div className="si-tree-node">
-      {blockNode}
-      {nodeData.toggled ? renderChildren(level + 1) : null}
-    </div>
-  );
-}
-
-export default TreeNode;
+import React, { useEffect, useState } from 'react';
+import isArray from 'lodash/isArray';
+import cx from 'classnames';
+
+function TreeNode(props) {
+  const {
+    data,
+    nameRender,
+    iconRender,
+    level,
+    contextMenuRender,
+    activeLine,
+  } = props;
+  const [nodeData, setNodeData] = useState(data);
+  const isDirectory = !!nodeData.children;
+
+  const handleClick = () => {
+    const { onToggle, onSelect } = props;
+    const newNodeData = { ...nodeData };
+    // newNodeData.active = true;
+    if (newNodeData.children) {
+      newNodeData.toggled = !nodeData.toggled;
+    }
+    setNodeData(newNodeData);
+    if (onSelect) {
+      onSelect(newNodeData, !!nodeData.children);
+    }
+  };
+
+  useEffect(() => {
+    setNodeData(data);
+  }, [activeLine]);
+
+  const renderChildren = level => {
+    const {
+      onToggle,
+      onSelect,
+      nameRender,
+      iconRender,
+      contextMenuRender,
+    } = props;
+
+    if (nodeData.loading) {
+      return <span>loading...</span>;
+    }
+
+    let children = nodeData.children;
+    if (!isArray(children)) {
+      children = children ? [children] : [];
+    }
+
+    return (
+      <div>
+        {children.map((child, index) => (
+          <TreeNode
+            onToggle={onToggle}
+            onSelect={onSelect}
+            key={child.name || index}
+            data={child}
+            nameRender={nameRender}
+            iconRender={iconRender}
+            contextMenuRender={contextMenuRender}
+            level={level}
+            activeLine={activeLine}
+          />
+        ))}
+      </div>
+    );
+  };
+
+  let blockNode = (
+    <div
+      className={cx(
+        'si-tree-node-block',
+        nodeData.active && 'si-tree-node-block-actived',
+      )}
+      onClick={handleClick}
+    >
+      <div
+        style={{
+          paddingLeft: `${isDirectory ? level : level + 1}em`,
+          display: 'flex',
+        }}
+      ></div>
+      {isDirectory ? (
+        <div
+          className={cx(
+            'si-tree-node-switcher codicon',
+            nodeData.toggled ? 'codicon-chevron-down' : 'codicon-chevron-right',
+          )}
+        />
+      ) : (
+        <div style={{ paddingLeft: 4 }} />
+      )}
+      {iconRender ? (
+        <div className="si-tree-node-icon">{iconRender(nodeData)}</div>
+      ) : null}
+      <div className="si-tree-node-name">
+        {nameRender ? nameRender(nodeData) : nodeData.name}
+      </div>
+    </div>
+  );
+
+  if (contextMenuRender) {
+    blockNode = contextMenuRender(nodeData, blockNode);
+  }
+
+  return (
+    <div className="si-tree-node">
+      {blockNode}
+      {nodeData.toggled ? renderChildren(level + 1) : null}
+    </div>
+  );
+}
+
+export default TreeNode;

package/src/components/Business/JsonQueryTable/drawer/index.tsx

@@ -1,12 +1,12 @@
-import React from 'react';
-import { Drawer } from 'antd';
-
-export default (props:any) => {
-  const { children, ...restProps } = props;
-
-  return (
-    <Drawer mask closable={false} forceRender {...restProps}>
-      {children}
-    </Drawer>
-  );
-};
+import React from 'react';
+import { Drawer } from 'antd';
+
+export default (props:any) => {
+  const { children, ...restProps } = props;
+
+  return (
+    <Drawer mask closable={false} forceRender {...restProps}>
+      {children}
+    </Drawer>
+  );
+};