@bit-sun/business-component 2.4.23 → 2.4.24

package/src/components/Business/JsonQueryTable/configTree/index.less

@@ -1,44 +1,44 @@
-// hover background
-@hover-background: #1990ffab;
-
-.si-tree {
-  font-size: 14px;
-
-  &-node {
-    &-block {
-      display: flex;
-      align-items: center;
-      padding: 2px 4px;
-      cursor: pointer;
-      user-select: none;
-      &:hover {
-        background-color: @hover-background;
-        color: #fff;
-      }
-
-      &-actived {
-        background-color: @hover-background;
-        color: #fff;
-      }
-    }
-
-    &-switcher {
-      margin-right: 2px;
-    }
-
-    &-icon {
-      margin-right: 4px;
-      display: flex;
-    }
-
-    &-name {
-    }
-  }
-}
-
-.tree-compact {
-  margin-left: 4px;
-  font-size: 13px;
-  font-style: italic;
-  color: #49aa19;
-}
+// hover background
+@hover-background: #1990ffab;
+
+.si-tree {
+  font-size: 14px;
+
+  &-node {
+    &-block {
+      display: flex;
+      align-items: center;
+      padding: 2px 4px;
+      cursor: pointer;
+      user-select: none;
+      &:hover {
+        background-color: @hover-background;
+        color: #fff;
+      }
+
+      &-actived {
+        background-color: @hover-background;
+        color: #fff;
+      }
+    }
+
+    &-switcher {
+      margin-right: 2px;
+    }
+
+    &-icon {
+      margin-right: 4px;
+      display: flex;
+    }
+
+    &-name {
+    }
+  }
+}
+
+.tree-compact {
+  margin-left: 4px;
+  font-size: 13px;
+  font-style: italic;
+  color: #49aa19;
+}

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

@@ -1,57 +1,57 @@
-const isHightLight = (hightLightData, highLightLine) => {
-  const { children, loc = [0, 0, 0, 0] } = hightLightData;
-  const [lineStart, , lineEnd] = loc;
-  if (children) {
-    return isActiveObj(highLightLine, lineStart, lineEnd);
-  }
-  return lineStart <= highLightLine && lineEnd >= highLightLine;
-};
-
-const hasHighLightChildren = (hightLightData = {}, highLightLine) => {
-  const { children, loc = [0, 0, 0, 0] } = hightLightData;
-  const [lineStart, , lineEnd] = loc;
-  if (children) {
-    return (
-      isActiveObj(highLightLine, lineStart, lineEnd) ||
-      children.some(v => hasHighLightChildren(v, highLightLine))
-    );
-  }
-  return lineStart <= highLightLine && lineEnd >= highLightLine;
-};
-
-function isActiveObj(highLightLine, start, end) {
-  return highLightLine === start || highLightLine === end;
-}
-
-function createHighLightTreeData(treeData, highLightLine) {
-  const data = Array.isArray(treeData) ? [...treeData] : [treeData];
-
-  data.forEach(node => {
-    if (!node) return;
-    node.toggled = hasHighLightChildren(node, highLightLine);
-    node.active = isHightLight(node, highLightLine);
-    if (node.children) {
-      if (node.active) {
-        node.children = clearActiveNode(node.children);
-      } else {
-        node.children = createHighLightTreeData(node.children, highLightLine);
-      }
-    }
-  });
-
-  return data;
-}
-
-function clearActiveNode(treeData) {
-  const data = Array.isArray(treeData) ? [...treeData] : [treeData];
-  data.forEach(node => {
-    if (!node) return;
-    node.active = false;
-    if (node.children) {
-      node.children = clearActiveNode(node.children);
-    }
-  });
-  return data;
-}
-
-export { createHighLightTreeData, clearActiveNode };
+const isHightLight = (hightLightData, highLightLine) => {
+  const { children, loc = [0, 0, 0, 0] } = hightLightData;
+  const [lineStart, , lineEnd] = loc;
+  if (children) {
+    return isActiveObj(highLightLine, lineStart, lineEnd);
+  }
+  return lineStart <= highLightLine && lineEnd >= highLightLine;
+};
+
+const hasHighLightChildren = (hightLightData = {}, highLightLine) => {
+  const { children, loc = [0, 0, 0, 0] } = hightLightData;
+  const [lineStart, , lineEnd] = loc;
+  if (children) {
+    return (
+      isActiveObj(highLightLine, lineStart, lineEnd) ||
+      children.some(v => hasHighLightChildren(v, highLightLine))
+    );
+  }
+  return lineStart <= highLightLine && lineEnd >= highLightLine;
+};
+
+function isActiveObj(highLightLine, start, end) {
+  return highLightLine === start || highLightLine === end;
+}
+
+function createHighLightTreeData(treeData, highLightLine) {
+  const data = Array.isArray(treeData) ? [...treeData] : [treeData];
+
+  data.forEach(node => {
+    if (!node) return;
+    node.toggled = hasHighLightChildren(node, highLightLine);
+    node.active = isHightLight(node, highLightLine);
+    if (node.children) {
+      if (node.active) {
+        node.children = clearActiveNode(node.children);
+      } else {
+        node.children = createHighLightTreeData(node.children, highLightLine);
+      }
+    }
+  });
+
+  return data;
+}
+
+function clearActiveNode(treeData) {
+  const data = Array.isArray(treeData) ? [...treeData] : [treeData];
+  data.forEach(node => {
+    if (!node) return;
+    node.active = false;
+    if (node.children) {
+      node.children = clearActiveNode(node.children);
+    }
+  });
+  return data;
+}
+
+export { createHighLightTreeData, clearActiveNode };

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>;
+};