@bit-sun/business-component 1.2.3 → 2.0.2

package/dist/utils/CheckOneUser/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (storageKeyString: string, seconds?: number, tipsCallFunction?: (() => {}) | undefined) => void;
+declare const _default: (storageKeyString: string, seconds?: number, tipsCallFunction?: () => {}) => void;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bit-sun/business-component",
-  "version": "1.2.3",
+  "version": "2.0.2",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

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

@@ -21,11 +21,11 @@ export default () => {
  const [choosedSku, setChoosedSku] = useState([]);
  
  const callbackHideModal = () => {
-   alert('关闭弹窗处理函数回调，可以处理刷新表格等操作（非必传）')
+   console.log('关闭弹窗处理函数回调，可以处理刷新表格等操作（非必传）')
  }
 
   const callbackHandleOk = (resultData, callback) => {
-    alert('确定操作，可获取到成功录入的商品，做一系列操作')
+    console.log('确定操作，可获取到成功录入的商品，做一系列操作')
     console.log(resultData)
     // 一般拿到导入数据是做请求接口操作
     // import {request} from "bssula";

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

@@ -12,7 +12,7 @@ const CommodityEntry = (props: any) => {
     callbackHideModal,
     callbackHandleOk,
     columns=["skuCode", "quantity", "price"],
-    validDataUrl="/bop/api/recordDetailImport/check"
+    validDataUrl="/items/api/recordDetailImport/check"
   } = props;
 
   const [modalProps, setModalProps]: any = useState({

package/src/components/Business/SearchSelect/BusinessUtils.ts

@@ -1,6 +1,6 @@
 // 此文件用于 处理业务组件 所用到的公共方法
 // @ts-nocheck
-import { shopFileType, arrivalPaySupportList, sharingType } from './common';
+import { shopFileType, arrivalPaySupportList, sharingType, shopFile2Type } from './common';
 import { getDictionarySource, getDictionaryTextByValue, loadSelectSource } from './utils';
 
 const hasDictSharingType =  getDictionarySource('UC000013')?.length;
@@ -27,7 +27,7 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
   * */
   const formatSource = (reData: any, position: number, changePosition: number,changeSearchForm: any,resKeyValue=['code', 'name']) => {
     const data = reData && reData[position]?.data;
-    const list = Array.isArray(data) ? data :(data?.items || data?.list || []);
+    const list = Array.isArray(data) ? data :(data?.items || data?.list || data?.children || []);
     const formatData = list?.length ? list.map((v: any) => ({ text: v[resKeyValue[1]], value: v[resKeyValue[0]] })) : [];
     changeSearchForm[changePosition] = {...changeSearchForm[changePosition], initialSource: formatData}
   }
@@ -63,7 +63,7 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
     tableColumns: [],
     ...modalTableBusProps,
   }
-  let needModalTable = true;
+  let needModalTable = modalTableBusProps?.needModalTable !== undefined ? modalTableBusProps?.needModalTable : true;
 
   // 供应商选择器
   if(type === 'supplier') {
@@ -243,7 +243,7 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
       mappingTextShowTextField: ['name', 'propertyNameAndValue'],
       otherParams: {
         'qp-approveStatus-eq': 1,
-        'qp-type-eq': 10, // 查唯一国际条码
+        // 'qp-type-eq': 10, // 查唯一国际条码【有些项目不需要必须要有国际条码，故注释，需要的项目自己定义otherParams补充上这个条件】
         sorter: 'desc-id'
       }, // 默认参数
       sourceName: 'skuCode',
@@ -251,7 +251,12 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
     }
     tableSearchForm = requestConfig.url.includes('v2') ? [
       requestConfig.url.includes('v2') ? { name: 'qp-skuName-like', label: 'SKU名称' } : { name: 'qp-name-like', label: 'SKU名称' },
-      { name: 'qp-skuCode-like', label: 'SKU编码' },
+      { name: 'qp-skuCode-in', label: 'SKU编码', field: {
+          type: 'multipleQueryInput',
+          props: {
+            ...(requestConfigProp?.skuCodeValueRequestConfig || {}),
+          },
+        }},
       requestConfig.url.includes('v2') ? { name: 'qp-code-like', label: '国际条码' } : { name: 'qp-barCode-like', label: '国际条码'},
       { name: 'qp-itemName-like', label: '所属SPU名称' },
       { name: 'qp-itemCode-like', label: '所属SPU编码' },
@@ -316,7 +321,12 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
         } },
     ] : [
       { name: 'qp-name-like', label: 'SKU名称' },
-      { name: 'qp-skuCode-like', label: 'SKU编码' },
+      { name: 'qp-skuCode-in', label: 'SKU编码', field: {
+          type: 'multipleQueryInput',
+          props: {
+            ...(requestConfigProp?.skuCodeValueRequestConfig || {}),
+          },
+        }},
       { name: 'qp-barCode-like', label: '国际条码'},
       { name: 'qp-itemName-like', label: '所属SPU名称' },
       { name: 'qp-itemCode-like', label: '所属SPU编码' },
@@ -371,6 +381,7 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
       loadSelectSource(`${prefixUrl.formSelectFix}/brand/queryBrandList`, {
         pageSize: 5000,
         currentPage: 1,
+        'ctl-withAuth': true
       }),
       loadSelectSource(`${prefixUrl.formSelectFix}/category/queryCategoryTree`, {
         pageSize: 5000,
@@ -539,6 +550,7 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
       loadSelectSource(`${prefixUrl.formSelectFix}/brand/queryBrandList`, {
         pageSize: 5000,
         currentPage: 1,
+        'ctl-withAuth': true
       }),
       loadSelectSource(`${prefixUrl.formSelectFix}/category/queryCategoryTree`, {
         pageSize: 5000,
@@ -750,6 +762,7 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
       mappingTextField: 'name',
       mappingValueField: 'code',
       otherParams: {
+        'qp-status-eq': 10,
         sorter: 'desc-id'
       }, // 默认参数
       sourceName: 'customCode',
@@ -1069,6 +1082,71 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
       ...modalTableBusProps
     }
   }
+  if(type === 'shopFile2') {
+    requestConfig = {
+      url: `${prefixUrl.selectPrefix}/store/page`,
+      filter: 'qp-name,code-orGroup,like', // 过滤参数
+      mappingTextField: 'name',
+      mappingValueField: 'code',
+      otherParams: {
+        sorter: 'desc-id'
+      }, // 默认参数
+      sourceName: 'code',
+      ...requestConfigProp,
+    }
+    tableSearchForm = [
+      { name: 'qp-name-like', label: '商店名称' },
+      { name: 'qp-code-like', label: '商店编码' },
+      { name: 'qp-type-in', type: 'select', label: '商店类型', initialSource: shopFile2Type },
+      { name: 'qp-orgCode-in', type: 'select', label: '所属销售组织', field: {
+          type: 'select',
+          props: {
+            mode: 'multiple',
+            notFoundContent: '暂无数据',
+            allowClear: true,
+            showSearch: true,
+            showArrow: true,
+            maxTagCount: 1,
+            optionFilterProp: 'children',
+            filterOption: (input: string, option: { props: { children: string } }) =>
+              option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0,
+          },
+        } },
+    ]
+    Promise.all([
+      loadSelectSource(`${prefixUrl.formSelectFix}/orgView/getTree/sales-organizational-view`, {
+        'qp-employeeCode-eq': JSON.parse(localStorage.getItem('userInfo') || '{}')?.employeeResVo?.employeeNumber,
+        'qp-realOrg-eq': true,
+        'qp-status-eq': 10
+      }),
+    ]).then((x: any)=>{
+      formatSource(x,0, 3, tableSearchForm);
+    })
+    modalTableProps = {
+      modalTableTitle: '选择商店',
+      tableSearchForm,
+      tableColumns: [
+        {
+          title: '商店编码',
+          dataIndex: 'code',
+        },
+        {
+          title: '商店名称',
+          dataIndex: 'name',
+        },
+        {
+          title: '商店类型',
+          dataIndex: 'type',
+          render: (text: number) => shopFile2Type.find((i: any) => i.value === text)?.text,
+        },
+        {
+          title: '所属销售组织',
+          dataIndex: 'orgName',
+        },
+      ],
+      ...modalTableBusProps
+    }
+  }
 
   // 核算主体选择器（无弹窗）
   if(type === 'accountingSubject') {
@@ -1102,6 +1180,7 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
     }
     needModalTable = false
   }
+
   // 法人公司选择器（无弹窗）
   if(type === 'corporationCompany') {
     requestConfig = {

package/src/components/Business/SearchSelect/common.ts

@@ -9,6 +9,25 @@ const shopFileType = [
   }
 ]
 
+const shopFile2Type = [
+  {
+    text: "第三方线上",
+    value: 'online',
+  },
+  {
+    text: "线下",
+    value: 'offline',
+  },
+  {
+    text: "自营B2B",
+    value: 'B2B',
+  },
+  {
+    text: "自营B2C",
+    value: 'B2C',
+  }
+]
+
 const arrivalPaySupportList = [
   {
     text: "支持",
@@ -31,4 +50,4 @@ const sharingType = [
   }
 ]
 
-export { shopFileType, arrivalPaySupportList, sharingType }
+export { shopFileType, arrivalPaySupportList, sharingType, shopFile2Type }

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

@@ -47,17 +47,19 @@ export default () => {
     //   mappingTextField: 'name',
     //   mappingValueField: 'code',
     // },   // 非必传，业务字段已根据业务默认默认
-    prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' }, // 非必传，下拉框和tableForm下拉框接口前缀，默认为bop的接口
+    // prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' }, // 非必传，下拉框和tableForm下拉框接口前缀，默认为bop的接口
     selectProps, // 非必传
     onChange: (value: any) => {
       console.log(value)
       setValue(value)
     },
     selectBusinessType: 'supplier',
+    disabled: true,
   };
   
   const props2 = {
-    prefixUrl: { selectPrefix: '/channel/api', formSelectFix: '/channel/api' },
+    ...props,
+    // prefixUrl: { selectPrefix: '/channel-manage/', formSelectFix: '/channel-manage/' },
     selectBusinessType: 'supplier2',
   }
   
@@ -133,7 +135,7 @@ export default () => {
     //   }, // 默认参数
     //   sourceName: 'skuCode',
     // },
-    prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
+    // prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
     selectProps,
     selectBusinessType: 'skuCommodity',
   };
@@ -290,7 +292,7 @@ export default () => {
       console.log(value)
       setValue(value)
     },
-    prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
+    // prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
     selectProps,
     selectBusinessType: 'spuCommodity',
   };
@@ -323,7 +325,7 @@ export default () => {
 ## 仓库选择器(物理仓) Select-Warehouse-001
 
 ```tsx
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Tabs } from 'antd';
 import {BusinessSearchSelect} from '../../../index.ts';
 
@@ -343,21 +345,30 @@ export default () => {
   const [ tabKey, setTabKey ] = useState('single')
   const [value, setValue] = useState(selectProps?.mode ? [] : null);
   
+  useEffect(() => {
+    if(tabKey === 'multiple') {
+      setValue(['1540295745870573570', '1540173160826613762'])
+    }
+  },[tabKey])
+  
   const props = {
     value,
     onChange: (value: any) => {
       console.log(value)
       setValue(value)
     },
-    // requestConfig: {
-    //   mappingValueField: 'physicalWarehouseCode',
-    //   sourceName: 'physicalWarehouseCode',
-    // },
+    requestConfig: {
+      // mappingValueField: 'physicalWarehouseCode',
+      // sourceName: 'physicalWarehouseCode',
+      filterInit: 'qp-id-in'
+    },
     // modalTableProps: {
     //   modalTableTitle: '选择物理仓-更改title测试',
+    //   needModalTable: false
     // },
-    prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
+    // prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
     selectProps,
+    // labelInValue: true,
     selectBusinessType: 'physicalWarehouse',
   };
 
@@ -424,7 +435,7 @@ export default () => {
     //   }, // 默认参数
     //   sourceName: 'warehouseIds',
     // },
-    prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
+    // prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
     selectProps,
     selectBusinessType: 'realWarehouse',
   };
@@ -492,7 +503,7 @@ export default () => {
     //   }, // 默认参数
     //   sourceName: 'warehouseIds',
     // },
-    prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
+    // prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
     selectProps,
     selectBusinessType: 'virtualWarehouse',
   };
@@ -560,7 +571,7 @@ export default () => {
     //   }, // 默认参数
     //   sourceName: 'warehouseIds',
     // },
-    prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
+    // prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
     selectProps,
     selectBusinessType: 'channelWarehouse',
   };
@@ -629,13 +640,14 @@ export default () => {
     //   }, // 默认参数
     //   sourceName: 'customerCode',
     // },
-    prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
+    // prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
     selectProps,
     selectBusinessType: 'customer',
   };
 
   const props2 = {
-    prefixUrl: { selectPrefix: '/channel/api', formSelectFix: '/channel/api' },
+    ...props,
+    // prefixUrl: { selectPrefix: '/channel-manage/', formSelectFix: '/channel-manage/' },
     selectBusinessType: 'customer2',
   }
 
@@ -713,11 +725,17 @@ export default () => {
     //   }, // 默认参数
     //   sourceName: 'code',
     // },
-    prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
+    // prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
     selectProps,
     selectBusinessType: 'shopFile',
   };
 
+  const props2 = {
+    ...props,
+    // prefixUrl: { selectPrefix: '/channel-manage/', formSelectFix: '/channel-manage/' },
+    selectBusinessType: 'shopFile2',
+  }
+
   const onTabChange = (key) => {
     setTabKey(key)
     setValue(key === 'single' ? null: [])
@@ -728,12 +746,22 @@ export default () => {
       <Tabs onChange={onTabChange} activeKey={tabKey}>
         <TabPane tab='单选' key='single'>
           {tabKey === 'single' && (
-            <BusinessSearchSelect {...props} />
+            <>
+              <span>版本1:支持英伦项目...</span>
+              <BusinessSearchSelect {...props} />
+              <span>版本2:支持麦克英孚项目...</span>
+              <BusinessSearchSelect {...props2} />
+            </>
           )}
         </TabPane>
         <TabPane tab='多选' key='multiple'>
           {tabKey === 'multiple' && (
-            <BusinessSearchSelect {...props} selectProps={selectPropsMultiple} />
+            <>
+              <span>版本1:支持英伦项目...</span>
+              <BusinessSearchSelect {...props} selectProps={selectPropsMultiple} />
+              <span>版本2:支持麦克英孚项目...</span>
+              <BusinessSearchSelect {...props2} selectProps={selectPropsMultiple} />
+            </>
           )}
         </TabPane>
       </Tabs>
@@ -782,7 +810,7 @@ export default () => {
     //   }, // 默认参数
     //   sourceName: 'accountingCode',
     // },
-    prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
+    // prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
     selectProps,
     selectBusinessType: 'accountingSubject',
   };
@@ -851,28 +879,30 @@ export default () => {
     //   }, // 默认参数
     //   sourceName: 'inventoryOrgCode',
     // },
-    prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
+    // prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
     selectProps,
     selectBusinessType: 'inventoryOrg',
   };
 
+  const props2 = {
+    ...props,
+    selectBusinessType: 'inventoryOrg2',
+  }
+
   const onTabChange = (key) => {
     setTabKey(key)
     setValue(key === 'single' ? null: [])
   }
   
   return (
+    
     <div>
       <Tabs onChange={onTabChange} activeKey={tabKey}>
         <TabPane tab='单选' key='single'>
-          {tabKey === 'single' && (
-            <BusinessSearchSelect {...props} />
-          )}
+          {tabKey === 'single' && <BusinessSearchSelect {...props} />}
         </TabPane>
         <TabPane tab='多选' key='multiple'>
-          {tabKey === 'multiple' && (
-            <BusinessSearchSelect {...props} selectProps={selectPropsMultiple} />
-          )}
+          {tabKey === 'multiple' && <BusinessSearchSelect {...props} selectProps={selectPropsMultiple} />}
         </TabPane>
       </Tabs>
     </div>
@@ -921,7 +951,7 @@ export default () => {
     //   }, // 默认参数
     //   sourceName: 'companyCode',
     // },
-    prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
+    // prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
     selectProps,
     selectBusinessType: 'corporationCompany',
   };
@@ -990,14 +1020,14 @@ export default () => {
     //   }, // 默认参数
     //   sourceName: 'code',
     // },
-    prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
+    // prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
     selectProps,
     selectBusinessType: 'employee',
   };
   
   const props2 = {
     ...props,
-    prefixUrl: { selectPrefix: '/user/api', formSelectFix: '/user/api' },
+    // prefixUrl: { selectPrefix: '/user/api', formSelectFix: '/user/api' },
     selectBusinessType: 'employee2',
   }
 
@@ -1075,7 +1105,7 @@ export default () => {
     //   }, // 默认参数
     //   sourceName: 'deliveryModeCode',
     // },
-    prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
+    // prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
     selectProps,
     selectBusinessType: 'deliveryMode',
   };

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

@@ -7,13 +7,14 @@
  */
 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: '/bop/api', formSelectFix: '/bop/api' };
+  const prefixUrl = props?.prefixUrl || { selectPrefix: handleDefaultPrefixUrl(businessType), formSelectFix: handleDefaultPrefixUrl(businessType) };
 
   const { requestConfig, modalTableProps, needModalTable } = commonFun(businessType, prefixUrl,props?.requestConfig || {}, props?.modalTableProps || {});
   const currentProps = useMemo(() => {

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

@@ -59,7 +59,7 @@ const loadSelectSource = (url: string, params?: any) => {
       .get(`${url}?${stringify(params)}`)
       .then((result: any) => {
         result = result.data;
-        if ((result.status && result.status !== '0') || (result?.code && result.code !== '000000')) {
+        if ((result?.status && result.status !== '0') || (result?.code && result.code !== '000000')) {
           message.error(result.msg);
           return;
         }
@@ -71,4 +71,29 @@ const loadSelectSource = (url: string, params?: any) => {
   })
 };
 
-export { getDictionarySource, getDictionaryTextByValue, loadSelectSource }
+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

@@ -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