@bit-sun/business-component 4.0.0-alpha.3 → 4.0.2

package/src/components/Functional/DataValidation/index.less

@@ -0,0 +1,63 @@
+.luckysheet {
+  overflow: hidden;
+  .luckysheet-work-area.luckysheet-noselected-text {
+    display: none;
+
+    // .luckysheet_info_detail {
+    //   display: none !important;
+    // }
+
+    // .luckysheet-wa-editor.toolbar {
+    //   overflow: hidden;
+    // }
+  }
+}
+
+.sheet_table_top {
+  height: 50px;
+  background: #f2f2f2;
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 20px;
+  border: 1px solid #d8d8d8;
+
+  .menu_item_text {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+}
+
+.sheet_table_footer {
+  height: 50px;
+  background: #f2f2f2;
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 20px;
+  border: 1px solid #d8d8d8;
+
+  .sheet_table_footer_l {
+  }
+  .sheet_table_footer_r {
+  }
+}
+
+.sheet_table_text {
+  color: #8f8f8f;
+}
+
+.sheet_table_dnd_text {
+  background: #f2f2f2;
+  border: 1px solid #d8d8d8;
+  display: inline-block;
+  width: 100px;
+  height: 30px;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/src/components/Functional/DataValidation/index.md

@@ -0,0 +1,52 @@
+---
+nav:
+  title: '组件'
+  order: 1
+group:
+  title: 功能组件
+  order: 0
+title: 数据校验
+order: 1
+---
+
+## DataValidation
+
+Demo:
+
+```tsx
+import React, { useRef } from 'react';
+import { DataValidation } from '../../../index';
+
+export default () => {
+  let dataValidationRef: DataValidation = useRef();
+
+  return (
+    <div>
+      <DataValidation
+        // columns={["skuCode", "quantity", "price"]}  // 需要哪些列展示，以及展示的顺序
+        customerColumnsMapping={[
+          {
+            title: 'SKU编码',
+            name: 'skuCode'
+          },
+          {
+            title: '批号',
+            name: 'lotNumberCode'
+          },
+          {
+            title: '数量',
+            name: 'quantity'
+          }
+        ]} // 自定义展示列
+        validDataUrl="/wms-ops/recordDetailImport/check" // 校验的接口url
+        validDataParams={{ recordCode: '111' }}
+        onRef={(ref) => {
+          dataValidationRef = ref;
+        }}
+      />
+    </div>
+  );
+};
+```
+
+More skills for writing demo: https://d.umijs.org/guide/demo-principle