@bit-sun/business-component 2.0.9 → 2.0.12

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

@@ -1,44 +1,49 @@
-/*
- * @Description:
- * @Author: rodchen
- * @Date: 2022-05-07 15:17:28
- * @LastEditTime: 2022-05-08 21:01:21
- * @LastEditors: rodchen
- */
-import React, { useMemo } from 'react';
-import { commonFun } from './BusinessUtils';
-import { handleDefaultPrefixUrl } from './utils';
-import SearchSelect from '@/components/Functional/SearchSelect';
-
-const MemoSearchSelect = React.memo(SearchSelect)
-
-const  BusinessSearchSelect = (props: any) => {
-  const businessType = props?.selectBusinessType || 'supplier';
-  const prefixUrl = props?.prefixUrl || { selectPrefix: handleDefaultPrefixUrl(businessType), formSelectFix: handleDefaultPrefixUrl(businessType) };
-
-  const { requestConfig, modalTableProps, needModalTable } = commonFun(businessType, prefixUrl,props?.requestConfig || {}, props?.modalTableProps || {});
-  const currentProps = useMemo(() => {
-    return {
-      ...props,
-      requestConfig,
-      needModalTable,
-      modalTableProps
-    }
-  }, [props?.value])
-
-  return (
-    <div>
-      <MemoSearchSelect {...currentProps} />
-    </div>
-  );
-};
-
-export default React.memo(BusinessSearchSelect, (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
-});
+/*
+ * @Description:
+ * @Author: rodchen
+ * @Date: 2022-05-07 15:17:28
+ * @LastEditTime: 2022-08-10 19:40:16
+ * @LastEditors: Sirius-kk
+ */
+import React, { useMemo, useRef, forwardRef, useImperativeHandle } from 'react';
+import { commonFun } from './BusinessUtils';
+import { handleDefaultPrefixUrl } from './utils';
+import SearchSelect from '@/components/Functional/SearchSelect';
+
+const MemoSearchSelect = React.memo(SearchSelect)
+
+const BusinessSearchSelect = forwardRef((props: any, ref: any) => {
+  const businessType = props?.selectBusinessType || 'supplier';
+  const prefixUrl = props?.prefixUrl || { selectPrefix: handleDefaultPrefixUrl(businessType), formSelectFix: handleDefaultPrefixUrl(businessType) };
+  const innerRef = useRef();
+
+  const { requestConfig, modalTableProps, needModalTable } = commonFun(businessType, prefixUrl, props?.requestConfig || {}, props?.modalTableProps || {});
+  const currentProps = useMemo(() => {
+    return {
+      ...props,
+      requestConfig,
+      needModalTable,
+      modalTableProps
+    }
+  }, [props?.value]);
+
+  useImperativeHandle(ref, () => ({
+    getRef: () => innerRef,
+  }))
+
+  return (
+    <div>
+      <MemoSearchSelect {...currentProps} ref={innerRef} />
+    </div>
+  );
+});
+
+export default React.memo(BusinessSearchSelect, (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/SearchSelect/utils.ts

@@ -1,99 +1,99 @@
-import axios from 'axios';
-import { message } from 'antd';
-import { stringify } from 'querystring';
-
-const getDicData = (dicCode: string) => {
-  let dicData = {};
-  let dictionaryData;
-  if (!dictionaryData) {
-    let storageDic = localStorage.getItem('dicData')
-      ? JSON.parse(localStorage.getItem('dicData') || '{}')
-      : {};
-    dicData = storageDic[dicCode];
-  } else {
-    dicData = dictionaryData[dicCode];
-  }
-  // @ts-ignore
-  if (!dicData || !dicData.length) {
-    // throw new Error(`当前没有${dicCode}字典值`);
-  }
-  return dicData
-}
-
-const getDictionarySource = (dicCode: string, needConvertInterger = false) => {
-  let dicData = getDicData(dicCode);
-
-  try {
-    if (needConvertInterger) {
-      // @ts-ignore
-      dicData = dicData.map((item: { text: string; value: string }) => ({
-        ...item,
-        value: parseFloat(item.value),
-      }));
-    }
-  } catch (e) {}
-  return dicData;
-};
-
-const getDictionaryTextByValue = (dicCode: string, value: string | number) => {
-  let dicData = getDicData(dicCode);
-
-  if (value === undefined) return '';
-
-  // @ts-ignore
-  const dicItemArray = dicData?.filter(
-    (item: { value: string }) => item.value === value.toString(),
-  );
-
-  if (!dicItemArray?.length) {
-    // throw new Error(`当前${dicCode}字典值合没有${value}的数据`)
-    return value;
-  }
-
-  return dicItemArray[0].text;
-};
-
-const loadSelectSource = (url: string, params?: any) => {
-  return new Promise((resolve, reject) => {
-    axios
-      .get(`${url}?${stringify(params)}`)
-      .then((result: any) => {
-        result = result.data;
-        if ((result?.status && result.status !== '0') || (result?.code && result.code !== '000000')) {
-          message.error(result.msg);
-          return;
-        }
-        resolve(result);
-      })
-      .catch((err) => {
-        reject(err);
-      });
-  })
-};
-
-const handleDefaultPrefixUrl = (type: string) => {
-  let result;
-  switch (type){
-    case 'supplier2': case 'customer2': case 'shopFile2':
-      result =  '/channel-manage';
-      break;
-    case 'skuCommodity': case 'skuPropertyValue': case 'spuCommodity':
-      result =  '/items';
-      break;
-    case 'physicalWarehouse': case 'realWarehouse': case 'virtualWarehouse': case 'channelWarehouse':
-      result =  '/stock';
-      break;
-    case 'inventoryOrg2': case 'purchaseOrg': case 'salesOrg': case 'employee2':
-      result =  '/user';
-      break;
-    case 'deliveryMode':
-      result =  '/basic';
-      break;
-    default:
-      result = '/bop/api';
-      break
-  }
-  return result;
-};
-
-export { getDictionarySource, getDictionaryTextByValue, loadSelectSource, handleDefaultPrefixUrl }
+import axios from 'axios';
+import { message } from 'antd';
+import { stringify } from 'querystring';
+
+const getDicData = (dicCode: string) => {
+  let dicData = {};
+  let dictionaryData;
+  if (!dictionaryData) {
+    let storageDic = localStorage.getItem('dicData')
+      ? JSON.parse(localStorage.getItem('dicData') || '{}')
+      : {};
+    dicData = storageDic[dicCode];
+  } else {
+    dicData = dictionaryData[dicCode];
+  }
+  // @ts-ignore
+  if (!dicData || !dicData.length) {
+    // throw new Error(`当前没有${dicCode}字典值`);
+  }
+  return dicData
+}
+
+const getDictionarySource = (dicCode: string, needConvertInterger = false) => {
+  let dicData = getDicData(dicCode);
+
+  try {
+    if (needConvertInterger) {
+      // @ts-ignore
+      dicData = dicData.map((item: { text: string; value: string }) => ({
+        ...item,
+        value: parseFloat(item.value),
+      }));
+    }
+  } catch (e) {}
+  return dicData;
+};
+
+const getDictionaryTextByValue = (dicCode: string, value: string | number) => {
+  let dicData = getDicData(dicCode);
+
+  if (value === undefined) return '';
+
+  // @ts-ignore
+  const dicItemArray = dicData?.filter(
+    (item: { value: string }) => item.value === value.toString(),
+  );
+
+  if (!dicItemArray?.length) {
+    // throw new Error(`当前${dicCode}字典值合没有${value}的数据`)
+    return value;
+  }
+
+  return dicItemArray[0].text;
+};
+
+const loadSelectSource = (url: string, params?: any) => {
+  return new Promise((resolve, reject) => {
+    axios
+      .get(`${url}?${stringify(params)}`)
+      .then((result: any) => {
+        result = result.data;
+        if ((result?.status && result.status !== '0') || (result?.code && result.code !== '000000')) {
+          message.error(result.msg);
+          return;
+        }
+        resolve(result);
+      })
+      .catch((err) => {
+        reject(err);
+      });
+  })
+};
+
+const handleDefaultPrefixUrl = (type: string) => {
+  let result;
+  switch (type){
+    case 'supplier2': case 'customer2': case 'shopFile2':
+      result =  '/channel-manage';
+      break;
+    case 'skuCommodity': case 'skuPropertyValue': case 'spuCommodity':
+      result =  '/items';
+      break;
+    case 'physicalWarehouse': case 'realWarehouse': case 'virtualWarehouse': case 'channelWarehouse':
+      result =  '/stock';
+      break;
+    case 'inventoryOrg2': case 'purchaseOrg': case 'salesOrg': case 'employee2':
+      result =  '/user';
+      break;
+    case 'deliveryMode':
+      result =  '/basic';
+      break;
+    default:
+      result = '/bop/api';
+      break
+  }
+  return result;
+};
+
+export { getDictionarySource, getDictionaryTextByValue, loadSelectSource, handleDefaultPrefixUrl }

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

@@ -1,126 +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
+---
+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

@@ -1,34 +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
-});
+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
+});