@bit-sun/business-component 2.3.22-beta9 → 2.3.23-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/function.ts

@@ -1,62 +1,62 @@
-import {request} from "bssula";
-
-export const convertActionList = (obj:any, detail:any) => {
-  return {
-      name: detail?.formParams?.name,
-      code: obj?.code,
-      type: 'request',
-      actionType: obj?.path?.template?.actionType,
-      requestTemplate: {
-        path: obj?.path?.template?.code,
-        method: detail?.formParams?.method,
-        service: detail?.otherParams?.service,
-        header: {
-          ...(obj?.headers?.template || {}),
-        },
-        param: {
-          ...(obj?.params?.template || {}),
-        },
-        requestBody: {
-          ...(obj?.params?.template || {}),
-        },
-      },
-    }
-};
-
-export const revertParam = (obj: any) => {
-  return {
-    code: obj?.code,
-    path: {
-      type: 'string',
-      template: {
-        code: obj?.requestTemplate?.path,
-        actionType: obj?.actionType,
-      },
-    },
-    headers: {
-      type: 'simple',
-      template: obj?.requestTemplate?.header,
-    },
-    params: {
-      type: 'simple',
-      template: obj?.requestTemplate?.param,
-    },
-    requestBody: {
-      type: 'simple',
-      template: obj?.requestTemplate?.requestBody,
-    },
-  }
-};
-
-export const getDynamicDict = async (dictionaryCode: any) => {
-  return await request({
-    url: `/basic/dictDynamicItem/getDynamicData/${dictionaryCode}`,
-    converter:({data}: any) => {
-      return data?.map((d:any) => ({
-        text: d.name,
-        value: d.code || d.brandCode
-      }))
-    }
-  })
-}
-
+import {request} from "bssula";
+
+export const convertActionList = (obj:any, detail:any) => {
+  return {
+      name: detail?.formParams?.name,
+      code: obj?.code,
+      type: 'request',
+      actionType: obj?.path?.template?.actionType,
+      requestTemplate: {
+        path: obj?.path?.template?.code,
+        method: detail?.formParams?.method,
+        service: detail?.otherParams?.service,
+        header: {
+          ...(obj?.headers?.template || {}),
+        },
+        param: {
+          ...(obj?.params?.template || {}),
+        },
+        requestBody: {
+          ...(obj?.params?.template || {}),
+        },
+      },
+    }
+};
+
+export const revertParam = (obj: any) => {
+  return {
+    code: obj?.code,
+    path: {
+      type: 'string',
+      template: {
+        code: obj?.requestTemplate?.path,
+        actionType: obj?.actionType,
+      },
+    },
+    headers: {
+      type: 'simple',
+      template: obj?.requestTemplate?.header,
+    },
+    params: {
+      type: 'simple',
+      template: obj?.requestTemplate?.param,
+    },
+    requestBody: {
+      type: 'simple',
+      template: obj?.requestTemplate?.requestBody,
+    },
+  }
+};
+
+export const getDynamicDict = async (dictionaryCode: any) => {
+  return await request({
+    url: `/basic/dictDynamicItem/getDynamicData/${dictionaryCode}`,
+    converter:({data}: any) => {
+      return data?.map((d:any) => ({
+        text: d.name,
+        value: d.code || d.brandCode
+      }))
+    }
+  })
+}
+

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