@bit-sun/business-component 2.4.19 → 2.4.21

package/src/components/Functional/BsAntdSula/BsCascader/index.md

@@ -1,62 +1,62 @@
----
-nav:
-  title: '组件'
-  order: 1
-group:
-  path: /components/functional
-  title: 功能组件
-  order: 0
-title: 级联选择
-order: 7
----
-
-## BsCascader
-
-Demo:
-
-```tsx
-import React, { useState } from 'react';
-import { BsCascader } from '../../../../index';
-import { request } from 'bssula';
-
-export default () => {
-  const [value, setValue] = useState()
-  
-  return (
-    <div>
-      <BsCascader
-        isAll={true}
-        needNameAndCode={true}
-        notChangeOnSelect={true}
-        initRequestSource={async () => {
-          return await request({
-            url: '/basic/bscArea/getBscAreaList?qp-level-eq=1&qp-pid-eq=100000',
-            method: 'get',
-            converter: ({ data }) => {
-              const handleData =
-                data && data[0]
-                  ? data?.map((item) => {
-                    return {
-                      text: item.name,
-                      value: item.id,
-                      level: item.level,
-                      id: item.id,
-                    };
-                  })
-                  : [];
-              return handleData;
-            },
-          });
-        }}
-        value={value}
-        onChange={(value) => {
-          setValue(value);
-        }}
-        getPopupContainer={() => document.body}
-      />
-    </div>
-  );
-};
-```
-
-More skills for writing demo: https://d.umijs.org/guide/demo-principle
+---
+nav:
+  title: '组件'
+  order: 1
+group:
+  path: /components/functional
+  title: 功能组件
+  order: 0
+title: 级联选择
+order: 7
+---
+
+## BsCascader
+
+Demo:
+
+```tsx
+import React, { useState } from 'react';
+import { BsCascader } from '../../../../index';
+import { request } from 'bssula';
+
+export default () => {
+  const [value, setValue] = useState()
+  
+  return (
+    <div>
+      <BsCascader
+        isAll={true}
+        needNameAndCode={true}
+        notChangeOnSelect={true}
+        initRequestSource={async () => {
+          return await request({
+            url: '/basic/bscArea/getBscAreaList?qp-level-eq=1&qp-pid-eq=100000',
+            method: 'get',
+            converter: ({ data }) => {
+              const handleData =
+                data && data[0]
+                  ? data?.map((item) => {
+                    return {
+                      text: item.name,
+                      value: item.id,
+                      level: item.level,
+                      id: item.id,
+                    };
+                  })
+                  : [];
+              return handleData;
+            },
+          });
+        }}
+        value={value}
+        onChange={(value) => {
+          setValue(value);
+        }}
+        getPopupContainer={() => document.body}
+      />
+    </div>
+  );
+};
+```
+
+More skills for writing demo: https://d.umijs.org/guide/demo-principle

package/src/components/Functional/BsAntdSula/BsCascader/index.tsx

@@ -1,178 +1,178 @@
-// @ts-nocheck
-
-import React, { useEffect, useState } from 'react';
-import { Cascader, message } from 'antd';
-import type { CascaderProps as ACascaderProps } from 'antd/lib/cascader';
-import { request } from 'bssula';
-
-export type CascaderSourceItem = {
-  text: any;
-  value: any;
-};
-
-export interface CascaderSource {
-  text: any;
-  value: any;
-  children: CascaderSourceItem[];
-}
-
-export interface CascaderProps extends ACascaderProps {
-  source: CascaderSource[];
-}
-
-const BsCascader = ({
-  source,
-  onChange,
-  value,
-  disabled,
-  needNameAndCode,
-  onlyCode,
-  requiredLength,
-  isAll,
-  notChangeOnSelect,
-  isFirstOnly,
-  initRequestSource,
-  style,
-}: {
-  source: any;
-  onChange: Function;
-}) => {
-  if (!source && !initRequestSource) return null;
-
-  const [handSource, setHandSource] = useState(
-    source?.map((item) => ({ ...item, label: item.text, isLeaf: false })) || [],
-  );
-  useEffect(async () => {
-    if (!source && initRequestSource) {
-      const resData = await initRequestSource();
-      const data =
-        resData?.map((item) => ({
-          ...item,
-          label: item.text,
-          isLeaf: false,
-        })) || [];
-      setHandSource(data);
-    }
-  }, []);
-
-  useEffect(() => {
-    setHandSource(
-      source?.map((item) => ({ ...item, label: item.text, isLeaf: false })) ||
-        [],
-    );
-  }, [source]);
-
-  const [valueSource, setValueSource] = useState([]);
-  const [options, setOptions] = React.useState(handSource);
-  if (options && handSource && options.length != handSource.length) {
-    setOptions(handSource);
-  }
-
-  useEffect(() => {
-    if (value && onlyCode) {
-      if (value?.length) {
-        request({
-          url: `/basic/bscArea/getBscAreaList?qp-code-in=${value}`,
-          method: 'get',
-        }).then((res) => {
-          res = res.sort((a, b) => {
-            return a.level - b.level;
-          });
-          setValueSource(res);
-        });
-      } else {
-        setValueSource([]);
-      }
-    }
-  }, [value]);
-
-  const onChangeInner = (value: string, selectedOptions: any[]) => {
-    if (requiredLength && value.length !== requiredLength) return;
-    if (needNameAndCode) {
-      onChange({
-        PCDName: selectedOptions
-          ? selectedOptions.map((item) => item.text)
-          : [],
-        PCDCode: selectedOptions
-          ? selectedOptions.map((item) => item.value)
-          : [],
-      });
-    } else if (onlyCode) {
-      onChange(
-        selectedOptions ? selectedOptions.map((item) => item.value) : [],
-      );
-    } else {
-      onChange(selectedOptions ? selectedOptions.map((item) => item.text) : []);
-    }
-  };
-
-  const loadData = (selectedOptions) => {
-    const targetOption = selectedOptions[selectedOptions.length - 1];
-    targetOption.loading = true;
-    request({
-      url: `/basic/bscArea/getBscAreaList?qp-pid-eq=${targetOption.id}`,
-      method: 'get',
-      converter: ({ data }) => {
-        const initialVal = data
-          ? data.map((item) => {
-              return {
-                text: item.name,
-                value: item.id,
-                label: item.name,
-                level: item.level,
-                isLeaf: item.level > (isAll ? 2 : 1),
-                id: item.id,
-              };
-            })
-          : [];
-        return initialVal;
-      },
-    })
-      .then((res) => {
-        targetOption.loading = false;
-        if (res.length) {
-          targetOption.children = res;
-        } else {
-          targetOption.children = undefined;
-        }
-        setOptions([...options]);
-      })
-      .catch((err: any) => {
-        message.error('网络错误');
-      });
-  };
-
-  const filter = (inputValue, path) => {
-    return path.some(
-      (option) =>
-        option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1,
-    );
-  };
-
-  let CascaderVal = value;
-  if (needNameAndCode) {
-    CascaderVal = value ? value.PCDName : value;
-  } else if (onlyCode) {
-    CascaderVal = valueSource?.map((item) => item.name)?.join() || [];
-  }
-
-  const showSearch = !!(options.length && options.length > 5);
-
-  if (disabled) return CascaderVal;
-
-  return (
-    <Cascader
-      key={1}
-      style={style}
-      disabled={disabled}
-      value={CascaderVal}
-      options={options}
-      loadData={loadData}
-      onChange={onChangeInner}
-      showSearch={showSearch ? filter : false}
-      changeOnSelect={!notChangeOnSelect}
-    />
-  );
-};
-
-export default BsCascader;
+// @ts-nocheck
+
+import React, { useEffect, useState } from 'react';
+import { Cascader, message } from 'antd';
+import type { CascaderProps as ACascaderProps } from 'antd/lib/cascader';
+import { request } from 'bssula';
+
+export type CascaderSourceItem = {
+  text: any;
+  value: any;
+};
+
+export interface CascaderSource {
+  text: any;
+  value: any;
+  children: CascaderSourceItem[];
+}
+
+export interface CascaderProps extends ACascaderProps {
+  source: CascaderSource[];
+}
+
+const BsCascader = ({
+  source,
+  onChange,
+  value,
+  disabled,
+  needNameAndCode,
+  onlyCode,
+  requiredLength,
+  isAll,
+  notChangeOnSelect,
+  isFirstOnly,
+  initRequestSource,
+  style,
+}: {
+  source: any;
+  onChange: Function;
+}) => {
+  if (!source && !initRequestSource) return null;
+
+  const [handSource, setHandSource] = useState(
+    source?.map((item) => ({ ...item, label: item.text, isLeaf: false })) || [],
+  );
+  useEffect(async () => {
+    if (!source && initRequestSource) {
+      const resData = await initRequestSource();
+      const data =
+        resData?.map((item) => ({
+          ...item,
+          label: item.text,
+          isLeaf: false,
+        })) || [];
+      setHandSource(data);
+    }
+  }, []);
+
+  useEffect(() => {
+    setHandSource(
+      source?.map((item) => ({ ...item, label: item.text, isLeaf: false })) ||
+        [],
+    );
+  }, [source]);
+
+  const [valueSource, setValueSource] = useState([]);
+  const [options, setOptions] = React.useState(handSource);
+  if (options && handSource && options.length != handSource.length) {
+    setOptions(handSource);
+  }
+
+  useEffect(() => {
+    if (value && onlyCode) {
+      if (value?.length) {
+        request({
+          url: `/basic/bscArea/getBscAreaList?qp-code-in=${value}`,
+          method: 'get',
+        }).then((res) => {
+          res = res.sort((a, b) => {
+            return a.level - b.level;
+          });
+          setValueSource(res);
+        });
+      } else {
+        setValueSource([]);
+      }
+    }
+  }, [value]);
+
+  const onChangeInner = (value: string, selectedOptions: any[]) => {
+    if (requiredLength && value.length !== requiredLength) return;
+    if (needNameAndCode) {
+      onChange({
+        PCDName: selectedOptions
+          ? selectedOptions.map((item) => item.text)
+          : [],
+        PCDCode: selectedOptions
+          ? selectedOptions.map((item) => item.value)
+          : [],
+      });
+    } else if (onlyCode) {
+      onChange(
+        selectedOptions ? selectedOptions.map((item) => item.value) : [],
+      );
+    } else {
+      onChange(selectedOptions ? selectedOptions.map((item) => item.text) : []);
+    }
+  };
+
+  const loadData = (selectedOptions) => {
+    const targetOption = selectedOptions[selectedOptions.length - 1];
+    targetOption.loading = true;
+    request({
+      url: `/basic/bscArea/getBscAreaList?qp-pid-eq=${targetOption.id}`,
+      method: 'get',
+      converter: ({ data }) => {
+        const initialVal = data
+          ? data.map((item) => {
+              return {
+                text: item.name,
+                value: item.id,
+                label: item.name,
+                level: item.level,
+                isLeaf: item.level > (isAll ? 2 : 1),
+                id: item.id,
+              };
+            })
+          : [];
+        return initialVal;
+      },
+    })
+      .then((res) => {
+        targetOption.loading = false;
+        if (res.length) {
+          targetOption.children = res;
+        } else {
+          targetOption.children = undefined;
+        }
+        setOptions([...options]);
+      })
+      .catch((err: any) => {
+        message.error('网络错误');
+      });
+  };
+
+  const filter = (inputValue, path) => {
+    return path.some(
+      (option) =>
+        option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1,
+    );
+  };
+
+  let CascaderVal = value;
+  if (needNameAndCode) {
+    CascaderVal = value ? value.PCDName : value;
+  } else if (onlyCode) {
+    CascaderVal = valueSource?.map((item) => item.name)?.join() || [];
+  }
+
+  const showSearch = !!(options.length && options.length > 5);
+
+  if (disabled) return CascaderVal;
+
+  return (
+    <Cascader
+      key={1}
+      style={style}
+      disabled={disabled}
+      value={CascaderVal}
+      options={options}
+      loadData={loadData}
+      onChange={onChangeInner}
+      showSearch={showSearch ? filter : false}
+      changeOnSelect={!notChangeOnSelect}
+    />
+  );
+};
+
+export default BsCascader;

package/src/components/Functional/BsAntdSula/index.ts

@@ -1,2 +1,2 @@
-
-export { default as BsCascader } from './BsCascader'
+
+export { default as BsCascader } from './BsCascader'

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

@@ -1,63 +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;
-}
+.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;
+}