@bit-sun/business-component 2.1.23 → 2.2.0-alpha.1

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

@@ -1,52 +1,52 @@
-/*
- * @Description:
- * @Author: rodchen
- * @Date: 2022-05-07 15:17:28
- * @LastEditTime: 2022-09-09 16:17:36
- * @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, props.disabled]);
-
-  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
-  }
-  if (props && props.disabled !== nextProps.disabled) {
-    return false
-  }
-  return true
+/*
+ * @Description:
+ * @Author: rodchen
+ * @Date: 2022-05-07 15:17:28
+ * @LastEditTime: 2022-09-09 16:17:36
+ * @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, props.disabled]);
+
+  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
+  }
+  if (props && props.disabled !== nextProps.disabled) {
+    return false
+  }
+  return true
 });

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

@@ -1,100 +1,100 @@
-import axios from 'axios';
-import { message } from 'antd';
-import { stringify } from 'querystring';
-import ENUM from '@/utils/enumConfig';
-
-const getDicData = (dicCode: string) => {
-  let dicData = {};
-  let dictionaryData;
-  if (!dictionaryData) {
-    let storageDic = localStorage.getItem(ENUM.BROWSER_CACHE.DICT_CODES)
-      ? JSON.parse(localStorage.getItem(ENUM.BROWSER_CACHE.DICT_CODES) || '{}')
-      : {};
-    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': case 'ownerWarehouse':
-      result =  '/stock';
-      break;
-    case 'inventoryOrg2': case 'purchaseOrg': case 'salesOrg': case 'employee2':
-      result =  '/user';
-      break;
-    case 'deliveryMode': case 'ruleTemplate':
-      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';
+import ENUM from '@/utils/enumConfig';
+
+const getDicData = (dicCode: string) => {
+  let dicData = {};
+  let dictionaryData;
+  if (!dictionaryData) {
+    let storageDic = localStorage.getItem(ENUM.BROWSER_CACHE.DICT_CODES)
+      ? JSON.parse(localStorage.getItem(ENUM.BROWSER_CACHE.DICT_CODES) || '{}')
+      : {};
+    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': case 'ownerWarehouse':
+      result =  '/stock';
+      break;
+    case 'inventoryOrg2': case 'purchaseOrg': case 'salesOrg': case 'employee2':
+      result =  '/user';
+      break;
+    case 'deliveryMode': case 'ruleTemplate':
+      result =  '/basic';
+      break;
+    default:
+      result = '/bop/api';
+      break
+  }
+  return result;
+};
+
+export { getDictionarySource, getDictionaryTextByValue, loadSelectSource, handleDefaultPrefixUrl }

package/src/components/Business/StateFlow/index.less

@@ -1,131 +1,131 @@
-.form-status-label {
-  height: 48px;
-  margin-right: 12px;
-  // flex-grow: 1;
-  // flex-shrink: 1;
-  display: inline-block;
-  position: relative;
-  background-color: #B0B4B7;
-  align-items: center;
-}
-.choosed-status-label.form-status-label {
-  background-color: #005CFF;
-}
-
-.form-status-label:last-child {
-  margin-right: 0px;
-}
-
-.form-status-label:first-child::after {
-  position: absolute;
-  display: block;
-  content: '';
-  right: -48px;
-  top: 0;
-  width: 48px;
-  height: 48px;
-  border: 24px solid;
-  border-color: transparent transparent transparent transparent;
-  border-left: 12px solid #B0B4B7;
-}
-
-.choosed-status-label.form-status-label::after {
-  border-left: 12px solid #005CFF;
-}
-
-.choosed-status-label.form-status-label:not(:first-child):not(:last-child)::after {
-  border-left: 12px solid #005CFF;
-}
-
-.form-status-label:last-child::after {
-  position: absolute;
-  display: block;
-  content: '';
-  left: 0;
-  top: 0;
-  width: 48px;
-  height: 48px;
-  border: 24px solid;
-  border-color: transparent transparent transparent transparent;
-  border-left: 12px solid #ffffff;
-}
-
-.form-status-label:not(:first-child):not(:last-child)::before {
-  position: absolute;
-  display: block;
-  content: '';
-  left: 0;
-  top: 0;
-  width: 48px;
-  height: 48px;
-  border: 24px solid;
-  border-color: transparent transparent transparent transparent;
-  border-left: 12px solid #ffffff;
-}
-
-.form-status-label:not(:first-child):not(:last-child)::after {
-  position: absolute;
-  display: block;
-  content: '';
-  right: -48px;
-  top: 0;
-  width: 48px;
-  height: 48px;
-  border: 24px solid;
-  border-color: transparent transparent transparent transparent;
-  border-left: 12px solid #B0B4B7;
-}
-
-.status-label-index {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  border: 1px solid #FFFFFF;
-  color: #FFFFFF;
-  border-radius: 50%;
-  font-family: Montserrat;
-  font-size: 14px;line-height: 24px;
-  text-align: center;
-  margin: 0 6px 0 20px;
-}
-
-.status-label-key {
-  width: 50px;
-  height: 100%;
-  display: inline-flex;
-  float: left;
-  // flex-grow: 0;
-  // flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-}
-
-.status-label-operate {
-  // flex-grow: 1;
-  // flex-shrink: 1;
-  float: left;
-  width: calc(100% - 50px);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  height: 100%;
-  margin: 4px 0;
-  &>div {
-    font-size: 12px;
-    height: 20px;
-    line-height: 20px;
-    color: #FFFFFF;
-    font-family: PingFangSC;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  &>div:first-child {
-    font-size: 14px;
-    font-weight: 600;
-  }
-}
-
-.only-one-child.form-status-label::after,.only-one-child.form-status-label::before {
-  border-left: 0px;
+.form-status-label {
+  height: 48px;
+  margin-right: 12px;
+  // flex-grow: 1;
+  // flex-shrink: 1;
+  display: inline-block;
+  position: relative;
+  background-color: #B0B4B7;
+  align-items: center;
+}
+.choosed-status-label.form-status-label {
+  background-color: #005CFF;
+}
+
+.form-status-label:last-child {
+  margin-right: 0px;
+}
+
+.form-status-label:first-child::after {
+  position: absolute;
+  display: block;
+  content: '';
+  right: -48px;
+  top: 0;
+  width: 48px;
+  height: 48px;
+  border: 24px solid;
+  border-color: transparent transparent transparent transparent;
+  border-left: 12px solid #B0B4B7;
+}
+
+.choosed-status-label.form-status-label::after {
+  border-left: 12px solid #005CFF;
+}
+
+.choosed-status-label.form-status-label:not(:first-child):not(:last-child)::after {
+  border-left: 12px solid #005CFF;
+}
+
+.form-status-label:last-child::after {
+  position: absolute;
+  display: block;
+  content: '';
+  left: 0;
+  top: 0;
+  width: 48px;
+  height: 48px;
+  border: 24px solid;
+  border-color: transparent transparent transparent transparent;
+  border-left: 12px solid #ffffff;
+}
+
+.form-status-label:not(:first-child):not(:last-child)::before {
+  position: absolute;
+  display: block;
+  content: '';
+  left: 0;
+  top: 0;
+  width: 48px;
+  height: 48px;
+  border: 24px solid;
+  border-color: transparent transparent transparent transparent;
+  border-left: 12px solid #ffffff;
+}
+
+.form-status-label:not(:first-child):not(:last-child)::after {
+  position: absolute;
+  display: block;
+  content: '';
+  right: -48px;
+  top: 0;
+  width: 48px;
+  height: 48px;
+  border: 24px solid;
+  border-color: transparent transparent transparent transparent;
+  border-left: 12px solid #B0B4B7;
+}
+
+.status-label-index {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  border: 1px solid #FFFFFF;
+  color: #FFFFFF;
+  border-radius: 50%;
+  font-family: Montserrat;
+  font-size: 14px;line-height: 24px;
+  text-align: center;
+  margin: 0 6px 0 20px;
+}
+
+.status-label-key {
+  width: 50px;
+  height: 100%;
+  display: inline-flex;
+  float: left;
+  // flex-grow: 0;
+  // flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+}
+
+.status-label-operate {
+  // flex-grow: 1;
+  // flex-shrink: 1;
+  float: left;
+  width: calc(100% - 50px);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  height: 100%;
+  margin: 4px 0;
+  &>div {
+    font-size: 12px;
+    height: 20px;
+    line-height: 20px;
+    color: #FFFFFF;
+    font-family: PingFangSC;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  &>div:first-child {
+    font-size: 14px;
+    font-weight: 600;
+  }
+}
+
+.only-one-child.form-status-label::after,.only-one-child.form-status-label::before {
+  border-left: 0px;
 }

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

@@ -1,60 +1,60 @@
----
-nav:
-  title: '组件'
-  order: 1
-group:
-  title: 业务组件
-  order: 1
-title: 状态流转
-order: 1
----
-
-# StateFlow
-
-
-## 单据状态流转
-
-```tsx
-import React, { useState } from 'react';
-import { StateFlow } from '../../../index.ts';
-
-export default () => {
-  const formStatusMapping = [
-    {
-      text: '状态1',
-      modifyUserName: '张三',
-      modifyTime: '2022-09-01 12:20:20',
-      isDone: true,
-    },
-    {
-      text: '状态2',
-      modifyUserName: '李四',
-      modifyTime: '2022-09-01 12:20:20',
-      isDone: true,
-    },
-    {
-      text: '状态3',
-      modifyUserName: '王五',
-      modifyTime: '2022-09-01 12:20:20',
-      isDone: true,
-    },
-    {
-      text: '状态4',
-      modifyUserName: '韩梅梅',
-      isDone: true,
-      modifyTime: '2022-09-01 12:20:20',
-    },
-    {
-      text: '状态5',
-      modifyUserName: '李雷',
-      isDone: true,
-      modifyTime: '2022-09-01 12:20:20',
-    },
-  ]
-  return (
-   <StateFlow 
-      formStatusMapping={formStatusMapping}
-   />
-  );
-};
-```
+---
+nav:
+  title: '组件'
+  order: 1
+group:
+  title: 业务组件
+  order: 1
+title: 状态流转
+order: 1
+---
+
+# StateFlow
+
+
+## 单据状态流转
+
+```tsx
+import React, { useState } from 'react';
+import { StateFlow } from '../../../index.ts';
+
+export default () => {
+  const formStatusMapping = [
+    {
+      text: '状态1',
+      modifyUserName: '张三',
+      modifyTime: '2022-09-01 12:20:20',
+      isDone: true,
+    },
+    {
+      text: '状态2',
+      modifyUserName: '李四',
+      modifyTime: '2022-09-01 12:20:20',
+      isDone: true,
+    },
+    {
+      text: '状态3',
+      modifyUserName: '王五',
+      modifyTime: '2022-09-01 12:20:20',
+      isDone: true,
+    },
+    {
+      text: '状态4',
+      modifyUserName: '韩梅梅',
+      isDone: true,
+      modifyTime: '2022-09-01 12:20:20',
+    },
+    {
+      text: '状态5',
+      modifyUserName: '李雷',
+      isDone: true,
+      modifyTime: '2022-09-01 12:20:20',
+    },
+  ]
+  return (
+   <StateFlow 
+      formStatusMapping={formStatusMapping}
+   />
+  );
+};
+```