@bit-sun/business-component 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/components/Business/SearchSelect/common.d.ts

@@ -30,4 +30,8 @@ declare const nodeType: {
     text: string;
     value: number;
 }[];
-export { shopFileType, arrivalPaySupportList, sharingType, shopFile2Type, shopFile2Status, employeeType, orgType, nodeType };
+declare const personDataSourceType: {
+    text: string;
+    value: number;
+}[];
+export { shopFileType, arrivalPaySupportList, sharingType, shopFile2Type, shopFile2Status, employeeType, orgType, nodeType, personDataSourceType };

package/dist/index.esm.js

@@ -6817,6 +6817,16 @@ var nodeType = [{
   text: '商店',
   value: 100
 }];
+var personDataSourceType = [{
+  text: "平台自建",
+  value: 10
+}, {
+  text: "MDM",
+  value: 20
+}, {
+  text: "IAM",
+  value: 30
+}];
 
 var getDicData = function getDicData(dicCode) {
   var dicData = {};
@@ -6896,6 +6906,7 @@ var handleDefaultPrefixUrl = function handleDefaultPrefixUrl(type) {
     case 'salesOrg':
     case 'employee2':
     case 'role':
+    case 'person':
       result = '/user';
       break;
     case 'deliveryMode':
@@ -9108,6 +9119,53 @@ function commonFun(type, prefixUrl, requestConfigProp, modalTableBusProps) {
       }]
     }, modalTableBusProps);
   }
+  // 人员选择器
+  if (type === 'person') {
+    requestConfig = _objectSpread2({
+      url: "".concat(prefixUrl.selectPrefix, "/person"),
+      filter: 'qp-code,name-orGroup,like',
+      mappingTextField: 'name',
+      mappingTextShowKeyField: 'code',
+      mappingValueField: 'code',
+      otherParams: {
+        sorter: 'desc-id'
+      },
+      sourceName: 'personCode'
+    }, requestConfigProp);
+    tableSearchForm = [{
+      name: 'qp-name-like',
+      label: '姓名'
+    }, {
+      name: 'qp-code-like',
+      label: '员工工号'
+    }, {
+      name: 'qp-phone-like',
+      label: '手机号'
+    }];
+    modalTableProps = _objectSpread2({
+      modalTableTitle: '添加人员',
+      tableSearchForm: tableSearchForm,
+      tableColumns: [{
+        title: '姓名',
+        dataIndex: 'name'
+      }, {
+        title: '员工工号',
+        dataIndex: 'code'
+      }, {
+        title: '员工类型',
+        dataIndex: 'dataSource',
+        render: function render(text) {
+          var _personDataSourceType;
+          return (_personDataSourceType = personDataSourceType.find(function (i) {
+            return i.value == text;
+          })) === null || _personDataSourceType === void 0 ? void 0 : _personDataSourceType.text;
+        }
+      }, {
+        title: '手机号',
+        dataIndex: 'phone'
+      }]
+    }, modalTableBusProps);
+  }
   return {
     modalTableProps: modalTableProps,
     requestConfig: requestConfig,

package/dist/index.js

@@ -6839,6 +6839,16 @@ var nodeType = [{
   text: '商店',
   value: 100
 }];
+var personDataSourceType = [{
+  text: "平台自建",
+  value: 10
+}, {
+  text: "MDM",
+  value: 20
+}, {
+  text: "IAM",
+  value: 30
+}];
 
 var getDicData = function getDicData(dicCode) {
   var dicData = {};
@@ -6918,6 +6928,7 @@ var handleDefaultPrefixUrl = function handleDefaultPrefixUrl(type) {
     case 'salesOrg':
     case 'employee2':
     case 'role':
+    case 'person':
       result = '/user';
       break;
     case 'deliveryMode':
@@ -9130,6 +9141,53 @@ function commonFun(type, prefixUrl, requestConfigProp, modalTableBusProps) {
       }]
     }, modalTableBusProps);
   }
+  // 人员选择器
+  if (type === 'person') {
+    requestConfig = _objectSpread2({
+      url: "".concat(prefixUrl.selectPrefix, "/person"),
+      filter: 'qp-code,name-orGroup,like',
+      mappingTextField: 'name',
+      mappingTextShowKeyField: 'code',
+      mappingValueField: 'code',
+      otherParams: {
+        sorter: 'desc-id'
+      },
+      sourceName: 'personCode'
+    }, requestConfigProp);
+    tableSearchForm = [{
+      name: 'qp-name-like',
+      label: '姓名'
+    }, {
+      name: 'qp-code-like',
+      label: '员工工号'
+    }, {
+      name: 'qp-phone-like',
+      label: '手机号'
+    }];
+    modalTableProps = _objectSpread2({
+      modalTableTitle: '添加人员',
+      tableSearchForm: tableSearchForm,
+      tableColumns: [{
+        title: '姓名',
+        dataIndex: 'name'
+      }, {
+        title: '员工工号',
+        dataIndex: 'code'
+      }, {
+        title: '员工类型',
+        dataIndex: 'dataSource',
+        render: function render(text) {
+          var _personDataSourceType;
+          return (_personDataSourceType = personDataSourceType.find(function (i) {
+            return i.value == text;
+          })) === null || _personDataSourceType === void 0 ? void 0 : _personDataSourceType.text;
+        }
+      }, {
+        title: '手机号',
+        dataIndex: 'phone'
+      }]
+    }, modalTableBusProps);
+  }
   return {
     modalTableProps: modalTableProps,
     requestConfig: requestConfig,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bit-sun/business-component",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-alpha.1",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

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

@@ -1,6 +1,6 @@
 // 此文件用于 处理业务组件 所用到的公共方法
 // @ts-nocheck
-import { shopFileType, arrivalPaySupportList, sharingType, shopFile2Type, shopFile2Status, employeeType, orgType, nodeType } from './common';
+import { shopFileType, arrivalPaySupportList, sharingType, shopFile2Type, shopFile2Status, employeeType, orgType, nodeType, personDataSourceType } from './common';
 import { getDictionarySource, getDictionaryTextByValue, loadSelectSource } from './utils';
 import { handleTextOverflow, tableColumnsImage } from '@/components/Business/BsSulaQueryTable/utils';
 import { getSkuImg } from '@/utils/TableUtils';
@@ -1900,7 +1900,7 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
   }
 
   //业务组织选择器（可筛选业务职能/组织类型/组织形态）
-  if (type === 'business-organization') { 
+  if (type === 'business-organization') {
     requestConfig = {
       url: `${prefixUrl.selectPrefix}/orgViewNode/common/pageList`,
       filter: 'qp-name-like', // 过滤参数
@@ -1990,7 +1990,7 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
         {
           title: '组织类型',
           dataIndex: 'orgType',
-          render: (text: any) => { 
+          render: (text: any) => {
             const obj = orgType.find((i: any) => i.value == text);
             return obj ? obj.text : '--';
           }
@@ -1998,7 +1998,7 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
         {
           title: '组织形态',
           dataIndex: 'nodeType',
-          render: (text: any) => { 
+          render: (text: any) => {
             const obj = nodeType.find((i: any) => i.value == text);
             return obj ? obj.text : '--';
           }
@@ -2008,5 +2008,50 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
     }
   }
 
+  // 人员选择器
+  if(type === 'person') {
+    requestConfig = {
+      url: `${prefixUrl.selectPrefix}/person`,
+      filter: 'qp-code,name-orGroup,like', // 过滤参数
+      mappingTextField: 'name',
+      mappingTextShowKeyField: 'code',
+      mappingValueField: 'code',
+      otherParams: {
+        sorter: 'desc-id'
+      }, // 默认参数
+      sourceName: 'personCode',
+      ...requestConfigProp,
+    }
+    tableSearchForm = [
+      { name: 'qp-name-like', label: '姓名' },
+      { name: 'qp-code-like', label: '员工工号' },
+      { name: 'qp-phone-like', label: '手机号' },
+    ]
+    modalTableProps = {
+      modalTableTitle: '添加人员',
+      tableSearchForm,
+      tableColumns: [
+        {
+          title: '姓名',
+          dataIndex: 'name',
+        },
+        {
+          title: '员工工号',
+          dataIndex: 'code',
+        },
+        {
+          title: '员工类型',
+          dataIndex: 'dataSource',
+          render: (text: number) => personDataSourceType.find((i: any) => i.value == text)?.text,
+        },
+        {
+          title: '手机号',
+          dataIndex: 'phone',
+        },
+      ],
+      ...modalTableBusProps
+    }
+  }
+
   return { modalTableProps, requestConfig, needModalTable };
 }

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

@@ -116,4 +116,19 @@ const nodeType = [
   },
 ]
 
-export { shopFileType, arrivalPaySupportList, sharingType, shopFile2Type, shopFile2Status, employeeType, orgType, nodeType }
+const personDataSourceType = [
+  {
+    text: "平台自建",
+    value: 10,
+  },
+  {
+    text: "MDM",
+    value: 20,
+  },
+  {
+    text: "IAM",
+    value: 30,
+  },
+]
+
+export { shopFileType, arrivalPaySupportList, sharingType, shopFile2Type, shopFile2Status, employeeType, orgType, nodeType, personDataSourceType }

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

@@ -1327,7 +1327,7 @@ export default () => {
 };
 ```
 
-# 角色选择器 Select-ROLE-001
+## 角色选择器 Select-ROLE-001
 
 ```tsx
 import React, { useState } from 'react';
@@ -1384,4 +1384,61 @@ export default () => {
 };
 ```
 
+## 人员选择器 Select-PERSON-001
+
+```tsx
+import React, { useState } from 'react';
+import { Tabs } from 'antd';
+import {BusinessSearchSelect} from '../../../index.ts';
+
+const { TabPane } = Tabs;
+
+export default () => {
+  const selectProps = {
+    // mode: 'multiple',
+    // maxTagCount: 1,
+    // disabled: true
+  }
+  const selectPropsMultiple = {
+    mode: 'multiple',
+    maxTagCount: 1,
+  }
+
+  const [ tabKey, setTabKey ] = useState('single')
+  const [value, setValue] = useState(selectProps?.mode ? [] : null);
+  
+  const props = {
+    value,
+    onChange: (value: any) => {
+      console.log(value)
+      setValue(value)
+    },
+    selectProps,
+    selectBusinessType: 'person',
+  };
+
+  const onTabChange = (key) => {
+    setTabKey(key)
+    setValue(key === 'single' ? null: [])
+  }
+  
+  return (
+    <div>
+      <Tabs onChange={onTabChange} activeKey={tabKey}>
+        <TabPane tab='单选' key='single'>
+          {tabKey === 'single' && (
+            <BusinessSearchSelect {...props} />
+          )}
+        </TabPane>
+        <TabPane tab='多选' key='multiple'>
+          {tabKey === 'multiple' && (
+            <BusinessSearchSelect {...props} selectProps={selectPropsMultiple} />
+          )}
+        </TabPane>
+      </Tabs>
+    </div>
+  );
+};
+```
+
 More skills for writing demo: https://d.umijs.org/guide/demo-principle

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

@@ -85,7 +85,7 @@ const handleDefaultPrefixUrl = (type: string) => {
     case 'physicalWarehouse': case 'realWarehouse': case 'virtualWarehouse': case 'channelWarehouse': case 'ownerWarehouse':
       result =  '/stock';
       break;
-    case 'inventoryOrg2': case 'purchaseOrg': case 'salesOrg': case 'employee2': case 'role':
+    case 'inventoryOrg2': case 'purchaseOrg': case 'salesOrg': case 'employee2': case 'role': case 'person':
       result =  '/user';
       break;
     case 'deliveryMode': case 'ruleTemplate':