@bit-sun/business-component 2.4.24 → 2.4.26-beta01

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

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

@@ -1,17 +1,17 @@
-
-
-.customFieldsDrawer{
-  .ant-col-8{
-    flex: 0 0 100%!important;
-    max-width: 100%!important;
-  }
-  .ant-form-item{
-    margin-bottom: 0!important;
-  }
-  .ant-form{
-    margin-bottom: 15px;
-  }
-  .sula-template-query-table-fields-wrapper{
-    align-items: center;
-  }
+
+
+.customFieldsDrawer{
+  .ant-col-8{
+    flex: 0 0 100%!important;
+    max-width: 100%!important;
+  }
+  .ant-form-item{
+    margin-bottom: 0!important;
+  }
+  .ant-form{
+    margin-bottom: 15px;
+  }
+  .sula-template-query-table-fields-wrapper{
+    align-items: center;
+  }
 }