@bit-sun/business-component 1.2.3 → 1.2.4-alpha.1

package/src/components/Business/TreeSearchSelect/index.md

@@ -0,0 +1,126 @@
+---
+nav:
+  title: '组件'
+  order: 1
+group:
+  title: 业务组件
+  order: 1
+title: 树型业务选择器
+order: 2
+---
+
+## BusinessTreeSearchSelect
+
+Demo
+
+部门选择器:
+
+```tsx
+import React, { useState } from 'react';
+import { BusinessTreeSearchSelect } from '../../../index';
+
+export default () => {
+
+  const [value, setValue] = useState();
+  
+  const props = {
+    mode: 'create',
+    value,
+    onChange: (v) => {
+      setValue(v)
+    },
+    businessType: 'department'
+  };
+
+  return (
+    <div>
+      <BusinessTreeSearchSelect {...props} />
+    </div>
+  );
+};
+```
+
+
+销售组织选择器:
+
+```tsx
+import React, { useState } from 'react';
+import { BusinessTreeSearchSelect } from '../../../index';
+
+export default () => {
+
+  const [value, setValue] = useState();
+  
+  const props = {
+    mode: 'create',
+    value,
+    onChange: (v) => {
+      setValue(v)
+    },
+    businessType: 'sales-organization'
+  };
+
+  return (
+    <div>
+      <BusinessTreeSearchSelect {...props} />
+    </div>
+  );
+};
+```
+
+采购组织选择器:
+
+```tsx
+import React, { useState } from 'react';
+import { BusinessTreeSearchSelect } from '../../../index';
+
+export default () => {
+
+  const [value, setValue] = useState();
+  
+  const props = {
+    mode: 'create',
+    value,
+    onChange: (v) => {
+      setValue(v)
+    },
+    businessType: 'purchase-organization'
+  };
+
+  return (
+    <div>
+      <BusinessTreeSearchSelect {...props} />
+    </div>
+  );
+};
+```
+
+库存组织选择器:
+
+```tsx
+import React, { useState } from 'react';
+import { BusinessTreeSearchSelect } from '../../../index';
+
+export default () => {
+
+  const [value, setValue] = useState();
+  
+  const props = {
+    mode: 'create',
+    value,
+    isChoose: false, // 控制是否父节点可选中，默认不可选中
+    onChange: (v) => {
+      setValue(v)
+    },
+    businessType: 'stock-organization'
+  };
+
+  return (
+    <div>
+      <BusinessTreeSearchSelect {...props} />
+    </div>
+  );
+};
+```
+
+More skills for writing demo: https://d.umijs.org/guide/demo-principle

package/src/components/Business/TreeSearchSelect/index.tsx

@@ -0,0 +1,34 @@
+import React, { useMemo } from 'react';
+import { handleDefaultProps } from './utils';
+import TreeSearchSelect from '@/components/Functional/TreeSearchSelect';
+
+const MemoTreeSearchSelect = React.memo(TreeSearchSelect)
+
+const  BusinessTreeSearchSelect = (props: any) => {
+  const businessType = props?.businessType || 'department';
+
+  const handleBusinessProps = handleDefaultProps(businessType);
+
+  const currentProps = useMemo(() => {
+    return {
+      ...handleBusinessProps,
+      ...props,
+    }
+  }, [props?.value])
+
+  return (
+    <div>
+      <MemoTreeSearchSelect {...currentProps} />
+    </div>
+  );
+};
+
+export default React.memo(BusinessTreeSearchSelect, (props, nextProps) => {
+  if(props && props.labelInValue && props.value && JSON.stringify(props.value) !== JSON.stringify(nextProps.value)) {
+    return false
+  }
+  if(props && props.value !== nextProps.value) {
+    return false
+  }
+  return true
+});

package/src/components/Business/TreeSearchSelect/utils.ts

@@ -0,0 +1,60 @@
+const handleDefaultProps = (type: string) => {
+  let result = {};
+  switch (type){
+    case 'department':
+      result =  {
+        treeCheckable: true,
+        isChoose: true,
+        remoteSource: {
+          url: `/user/orgViewNode/common/getTreeForOrgViewAndTenant`,
+          initialParams: { 'orgViewCode': 'administrative-organization-view' },
+          resKeyValue: ['code', 'name'],
+        },
+      };
+      break;
+    case 'sales-organization':
+      result =  {
+        isChoose: true,
+        remoteSource: {
+          url: `/user/orgViewNode/common/getTreeForOrgViewAndTenant`,
+          initialParams: { 'orgViewCode': 'sales-organizational-view' },
+          resKeyValue: ['code', 'name'],
+        },
+      };
+      break;
+    case 'purchase-organization':
+      result =  {
+        isChoose: true,
+        remoteSource: {
+          url: `/user/orgViewNode/common/getTreeForOrgViewAndTenant`,
+          initialParams: { 'orgViewCode': 'purchase-organizational-view' },
+          resKeyValue: ['code', 'name'],
+        },
+      };
+      break;
+    case 'stock-organization':
+      result =  {
+        isChoose: true,
+        remoteSource: {
+          url: `/user/orgViewNode/common/getTreeForOrgViewAndTenant`,
+          initialParams: { 'orgViewCode': 'stock-organizational-view' },
+          resKeyValue: ['code', 'name'],
+        },
+      };
+      break;
+    default:
+      result =  {
+        treeCheckable: true,
+        isChoose: true,
+        remoteSource: {
+          url: `/user/orgViewNode/common/getTreeForOrgViewAndTenant`,
+          initialParams: { 'orgViewCode': 'administrative-organization-view' },
+          resKeyValue: ['code', 'name'],
+        },
+      };
+      break
+  }
+  return result;
+}
+
+export { handleDefaultProps }