@bit-sun/business-component 1.0.14 → 1.1.0

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export { default as DataValidation } from './components/DataValidation';
 export { default as QueryMutipleInput } from './components/QueryMutipleInput';
+export { default as CheckOneUser } from './utils/CheckOneUser';

package/dist/index.esm.js

@@ -3,6 +3,7 @@ import React, { createContext, useContext, useEffect, forwardRef, createElement,
 import { message, Menu, Space, Dropdown, Tooltip, Button, Checkbox, Input, Modal } from 'antd';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import classNames from 'classnames';
+import _ from 'loadsh';
 import { useDebounceFn } from 'ahooks';
 
 function ownKeys(object, enumerableOnly) {
@@ -76,14 +77,14 @@ function _inherits(subClass, superClass) {
     throw new TypeError("Super expression must either be null or a function");
   }
 
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
-  });
   Object.defineProperty(subClass, "prototype", {
+    value: Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    }),
     writable: false
   });
   if (superClass) _setPrototypeOf(subClass, superClass);
@@ -195,6 +196,10 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function _toArray(arr) {
+  return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest();
+}
+
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
@@ -1716,7 +1721,24 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
           defaultRowHeight: 20,
           defaultColWidth: 120,
           config: {},
-          celldata: data,
+          celldata: data && data.length !== 0 ? data : _.flattenDeep(Array.from({
+            length: 100
+          }).map(function (a, b) {
+            return Array.from({
+              length: 100
+            }).map(function (c, d) {
+              return {
+                "r": b,
+                "c": d,
+                "v": {
+                  "ct": {
+                    "fa": "@",
+                    "t": "s"
+                  }
+                }
+              };
+            });
+          })),
           scrollLeft: 0,
           // "scrollTop": 315, //上下滚动条位置
           luckysheet_select_save: [],
@@ -1876,7 +1898,9 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
           updateData = _this$props.updateData,
           columns = _this$props.columns;
 
-      var resultData = _this.getData();
+      var resultData = _this.getData().filter(function (d) {
+        return _.compact(Object.values(d)).length;
+      });
 
       axios.post(validDataUrl, {
         columns: columns,
@@ -2281,14 +2305,70 @@ function ToCDB(str) {
   return tmp;
 }
 
+/*
+ * @Description:
+ * @Author: rodchen
+ * @Date: 2022-01-14 14:12:01
+ * @LastEditTime: 2022-01-14 17:17:26
+ * @LastEditors: rodchen
+ */
+var index = (function (storageKeyString) {
+  var seconds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+  var tipsCallFunction = arguments.length > 2 ? arguments[2] : undefined;
+  if (typeof seconds !== 'number') throw new Error('seconds should be number');
+  var cacheValue = getStorageVale(storageKeyString);
+
+  if (document.hidden !== undefined) {
+    document.addEventListener('visibilitychange', function () {
+      if (!document.hidden) {
+        var currentValue = getStorageVale(storageKeyString);
+
+        if (currentValue !== cacheValue) {
+          if (tipsCallFunction && typeof tipsCallFunction === 'function') {
+            tipsCallFunction();
+          } else {
+            window.alert('检测新用户登录，当前页面会在2s之后刷新!');
+          }
+
+          setTimeout(function () {
+            window.location.reload();
+          }, seconds * 1000);
+        }
+      }
+    });
+  }
+});
+
+function getStorageVale(storageKeyString) {
+  var _storageKeyString$spl = storageKeyString.split('.'),
+      _storageKeyString$spl2 = _toArray(_storageKeyString$spl),
+      localstorage = _storageKeyString$spl2[0],
+      restKeyArrays = _storageKeyString$spl2.slice(1);
+
+  var localStorageInfo = window.localStorage.getItem(localstorage);
+  if (!restKeyArrays.length) return localStorageInfo;
+  var returnVal = JSON.parse(localStorageInfo || '{}');
+
+  for (var i = 0; i < restKeyArrays.length; i++) {
+    returnVal = returnVal[restKeyArrays[i]];
+    if (!returnVal) return '';
+
+    if (typeof returnVal === 'string') {
+      return returnVal;
+    }
+  }
+
+  return "";
+}
+
 /*
  * @Description:
  * @Author: rodchen
  * @Date: 2021-11-30 22:59:39
- * @LastEditTime: 2021-12-29 17:43:01
+ * @LastEditTime: 2022-01-14 16:10:27
  * @LastEditors: rodchen
  */
 var resposne = JSON.parse(localStorage.getItem('userInfo') || '{}');
 axios.defaults.headers.common['sso-sessionid'] = (resposne === null || resposne === void 0 ? void 0 : resposne.sessionId) || '';
 
-export { DataValidation, QueryMutipleInput };
+export { index as CheckOneUser, DataValidation, QueryMutipleInput };

package/dist/index.js

@@ -7,6 +7,7 @@ var React = require('react');
 var antd = require('antd');
 var reactBeautifulDnd = require('react-beautiful-dnd');
 var classNames = require('classnames');
+var _ = require('loadsh');
 var ahooks = require('ahooks');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -14,6 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -86,14 +88,14 @@ function _inherits(subClass, superClass) {
     throw new TypeError("Super expression must either be null or a function");
   }
 
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
-  });
   Object.defineProperty(subClass, "prototype", {
+    value: Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    }),
     writable: false
   });
   if (superClass) _setPrototypeOf(subClass, superClass);
@@ -205,6 +207,10 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function _toArray(arr) {
+  return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest();
+}
+
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
@@ -1726,7 +1732,24 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
           defaultRowHeight: 20,
           defaultColWidth: 120,
           config: {},
-          celldata: data,
+          celldata: data && data.length !== 0 ? data : ___default['default'].flattenDeep(Array.from({
+            length: 100
+          }).map(function (a, b) {
+            return Array.from({
+              length: 100
+            }).map(function (c, d) {
+              return {
+                "r": b,
+                "c": d,
+                "v": {
+                  "ct": {
+                    "fa": "@",
+                    "t": "s"
+                  }
+                }
+              };
+            });
+          })),
           scrollLeft: 0,
           // "scrollTop": 315, //上下滚动条位置
           luckysheet_select_save: [],
@@ -1886,7 +1909,9 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
           updateData = _this$props.updateData,
           columns = _this$props.columns;
 
-      var resultData = _this.getData();
+      var resultData = _this.getData().filter(function (d) {
+        return ___default['default'].compact(Object.values(d)).length;
+      });
 
       axios__default['default'].post(validDataUrl, {
         columns: columns,
@@ -2291,15 +2316,72 @@ function ToCDB(str) {
   return tmp;
 }
 
+/*
+ * @Description:
+ * @Author: rodchen
+ * @Date: 2022-01-14 14:12:01
+ * @LastEditTime: 2022-01-14 17:17:26
+ * @LastEditors: rodchen
+ */
+var index = (function (storageKeyString) {
+  var seconds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+  var tipsCallFunction = arguments.length > 2 ? arguments[2] : undefined;
+  if (typeof seconds !== 'number') throw new Error('seconds should be number');
+  var cacheValue = getStorageVale(storageKeyString);
+
+  if (document.hidden !== undefined) {
+    document.addEventListener('visibilitychange', function () {
+      if (!document.hidden) {
+        var currentValue = getStorageVale(storageKeyString);
+
+        if (currentValue !== cacheValue) {
+          if (tipsCallFunction && typeof tipsCallFunction === 'function') {
+            tipsCallFunction();
+          } else {
+            window.alert('检测新用户登录，当前页面会在2s之后刷新!');
+          }
+
+          setTimeout(function () {
+            window.location.reload();
+          }, seconds * 1000);
+        }
+      }
+    });
+  }
+});
+
+function getStorageVale(storageKeyString) {
+  var _storageKeyString$spl = storageKeyString.split('.'),
+      _storageKeyString$spl2 = _toArray(_storageKeyString$spl),
+      localstorage = _storageKeyString$spl2[0],
+      restKeyArrays = _storageKeyString$spl2.slice(1);
+
+  var localStorageInfo = window.localStorage.getItem(localstorage);
+  if (!restKeyArrays.length) return localStorageInfo;
+  var returnVal = JSON.parse(localStorageInfo || '{}');
+
+  for (var i = 0; i < restKeyArrays.length; i++) {
+    returnVal = returnVal[restKeyArrays[i]];
+    if (!returnVal) return '';
+
+    if (typeof returnVal === 'string') {
+      return returnVal;
+    }
+  }
+
+  return "";
+}
+
 /*
  * @Description:
  * @Author: rodchen
  * @Date: 2021-11-30 22:59:39
- * @LastEditTime: 2021-12-29 17:43:01
+ * @LastEditTime: 2022-01-14 16:10:27
  * @LastEditors: rodchen
  */
 var resposne = JSON.parse(localStorage.getItem('userInfo') || '{}');
 axios__default['default'].defaults.headers.common['sso-sessionid'] = (resposne === null || resposne === void 0 ? void 0 : resposne.sessionId) || '';
 
+exports.CheckOneUser = index;
 exports.DataValidation = DataValidation;
 exports.QueryMutipleInput = QueryMutipleInput;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bit-sun/business-component",
-  "version": "1.0.14",
+  "version": "1.1.0",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -31,6 +31,7 @@
     "antd": "4.17.2",
     "axios": "^0.24.0",
     "classnames": "^2.3.1",
+    "loadsh": "^0.0.4",
     "react": "^16.12.0",
     "react-beautiful-dnd": "10.0.0"
   },

package/src/components/DataValidation/index.md

@@ -23,7 +23,9 @@ export default () => {
   return (
     <div>
       <DataValidation
-        columns={['skuCode', 'quantity', 'price']}
+        // columns={['skuCode', 'quantity', 'price']}
+        columns={["skuCode", "quantity", "price"]}  // 需要哪些列展示，以及展示的顺序
+          validDataUrl="http://test.i-baby.net/wms-ops/recordDetailImport/check" // 校验的接口url
         onRef={(ref) => {
           dataValidationRef = ref;
         }}

package/src/components/DataValidation/index.tsx

@@ -27,6 +27,7 @@ import {
 } from '@ant-design/icons';
 import axios from 'axios';
 import './index.less';
+import _ from "loadsh"
 
 const luckysheet = window.luckysheet;
 
@@ -209,7 +210,13 @@ class DataValidation extends React.Component {
           defaultRowHeight: 20, //自定义行高
           defaultColWidth: 120, //自定义列宽
           config: {},
-          celldata: data,
+          celldata:
+            data && data.length !== 0 ? data : _.flattenDeep(Array.from({ length: 100 }).map((a, b) => Array.from({ length: 100 }).map((c, d) => ({
+              "r": b,
+              "c": d,
+              "v": { "ct": { "fa": "@", "t": "s" }, }
+            }))))
+          ,
           scrollLeft: 0, //左右滚动条位置
           // "scrollTop": 315, //上下滚动条位置
           luckysheet_select_save: [], //选中的区域
@@ -336,6 +343,7 @@ class DataValidation extends React.Component {
 
   getValidateData = () => {
     const { resultData } = this.state;
+
     return {
       successData: resultData
         .filter((item) => item.flag)
@@ -366,7 +374,9 @@ class DataValidation extends React.Component {
 
   resetData = () => {
     const { validDataUrl, updateData, columns } = this.props;
-    const resultData = this.getData();
+    const resultData = this.getData().filter(d => {
+      return _.compact(Object.values(d)).length
+    })
 
     axios
       .post(validDataUrl, {

package/src/index.ts

@@ -2,7 +2,7 @@
  * @Description:
  * @Author: rodchen
  * @Date: 2021-11-30 22:59:39
- * @LastEditTime: 2021-12-29 17:43:01
+ * @LastEditTime: 2022-01-14 16:10:27
  * @LastEditors: rodchen
  */
 
@@ -14,3 +14,5 @@ axios.defaults.headers.common['sso-sessionid'] = resposne?.sessionId || '';
 
 export { default as DataValidation } from './components/DataValidation';
 export { default as QueryMutipleInput } from './components/QueryMutipleInput';
+export { default as CheckOneUser } from './utils/CheckOneUser';
+

package/src/utils/CheckOneUser/index.md

@@ -0,0 +1,39 @@
+---
+nav:
+  title: '工具方法'
+  order: 2
+group:
+  title: 方法
+  order: 0
+title: 确保单用户登录
+order: 1
+---
+
+## CheckOneUser
+
+Demo:
+
+```tsx
+import React, { useRef } from 'react';
+import { message } from 'antd';
+
+import { CheckOneUser } from '../../index';
+
+CheckOneUser('userInfo.a.information.name', 3, () => {
+  message.warning('检测新用户登录，当前页面会在3s之后刷新!');
+})
+
+export default () => {
+  
+  const handleOnChange = (value) => {
+    console.log(value);
+  };
+
+  return (
+    <div>
+    </div>
+  );
+};
+```
+
+More skills for writing demo: https://d.umijs.org/guide/demo-principle

package/src/utils/CheckOneUser/index.ts

@@ -0,0 +1,52 @@
+/*
+ * @Description: 
+ * @Author: rodchen
+ * @Date: 2022-01-14 14:12:01
+ * @LastEditTime: 2022-01-14 17:17:26
+ * @LastEditors: rodchen
+ */
+export default (storageKeyString: string, seconds: number = 2, tipsCallFunction?: () =>{}) => {
+  if (typeof seconds !== 'number' ) throw new Error('seconds should be number');
+  
+  let cacheValue = getStorageVale(storageKeyString);
+
+  if (document.hidden !== undefined) {
+    document.addEventListener('visibilitychange', () => {
+      if (!document.hidden) {
+        let currentValue = getStorageVale(storageKeyString);
+        if (currentValue !== cacheValue) {
+          if (tipsCallFunction && typeof tipsCallFunction === 'function') {
+            tipsCallFunction();
+          } else {
+            window.alert('检测新用户登录，当前页面会在2s之后刷新!');
+          }
+  
+          setTimeout(() => {
+            window.location.reload();
+          }, seconds * 1000)
+        }
+      }
+    })
+  }
+}
+
+function getStorageVale (storageKeyString: string) {
+  var [localstorage, ...restKeyArrays] = storageKeyString.split('.');
+  let localStorageInfo = window.localStorage.getItem(localstorage)
+
+  if (!restKeyArrays.length) return localStorageInfo;
+
+  let returnVal = JSON.parse(localStorageInfo || '{}');
+
+  for(let i = 0; i < restKeyArrays.length; i++ ) {
+    returnVal = returnVal[restKeyArrays[i]]
+
+    if (!returnVal) return '';
+
+    if (typeof returnVal === 'string') {
+      return returnVal
+    }
+  }
+
+  return ""
+}