@bit-sun/business-component 2.3.21 → 2.3.22-beta2

package/src/plugin/TableColumnSetting/index.less

@@ -1,247 +1,247 @@
-// 列自定义
-.sort_table_wrapper {
-  .sort_table {
-    display: flex;
-
-    .sort_table_column_wrapper {
-      width: 560px;
-      margin-right: 10px;
-    }
-
-    .sort_table_content_wrapper {
-      width: 210px;
-    }
-
-    .sort_table_column_count,
-    .sort_table_content_count {
-      height: 20px;
-      font-family: PingFangSC-Regular;
-      font-weight: 400;
-      font-size: 14px;
-      color: #000000;
-      letter-spacing: 0;
-
-      span {
-        color: #848484;
-      }
-    }
-
-    .sort_table_column {
-      margin-top: 10px;
-      width: 560px;
-      height: 430px;
-      overflow: auto;
-      padding: 10px;
-      background: #ffffff;
-      border: 1px solid #d9d9d9;
-      border-radius: 5px;
-
-      &_all {
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: space-between;
-
-        &_empty {
-          width: 538px;
-          line-height: 360px;
-          text-align: center;
-          font-family: PingFangSC-Regular;
-          font-weight: 400;
-          font-size: 14px;
-          color: #848484;
-        }
-      }
-
-      &_special {
-        margin-top: 40px;
-        width: 100px;
-        height: 20px;
-        font-family: PingFangSC-Regular;
-        font-weight: 400;
-        font-size: 14px;
-        color: #848484;
-        letter-spacing: 0;
-      }
-
-      .ant-checkbox-wrapper {
-        width: 144px;
-        margin-top: 16px;
-      }
-
-      .ant-checkbox-wrapper+.ant-checkbox-wrapper {
-        margin-left: 0px;
-      }
-    }
-
-    .sort_table_content {
-      margin-top: 10px;
-      padding-top: 10px;
-      padding-bottom: 10px;
-      border: 1px solid #d9d9d9;
-      border-radius: 5px;
-
-      .ant-table-wrapper {
-        padding: 0px !important;
-      }
-
-      .sort_table_title {
-        height: 32px;
-        line-height: 32px;
-        padding-left: 10px;
-        color: gray;
-      }
-    }
-  }
-
-  div.ant-modal-header {
-    width: 820px;
-    height: 64px;
-    background: #ffffff;
-    padding: 20px;
-    border: 0px;
-
-    div.ant-modal-title {
-      height: 24px;
-      font-family: PingFangSC-Medium;
-      font-weight: 500;
-      font-size: 18px;
-      color: #000000;
-      letter-spacing: 0;
-      line-height: 24px;
-    }
-  }
-
-  .ant-modal-body {
-    padding: 0 20px !important;
-  }
-
-  .ant-modal-close-x {
-    height: 24px;
-    font-family: PingFangSC-Medium;
-    font-weight: 500;
-    font-size: 18px;
-    color: #000000;
-    letter-spacing: 0;
-  }
-
-  .ant-input-affix-wrapper {
-    padding: 0px;
-    padding-right: 10px;
-  }
-
-  input {
-    height: 32px;
-    padding: 6px 4px;
-    border-radius: 5px;
-  }
-
-  .ant-input-prefix {
-    width: 24px;
-    height: 24px;
-    margin: 4px;
-    // border: 1px dashed #d9d9d9;
-    display: flex;
-    justify-content: center;
-  }
-
-  .ant-modal-footer {
-    height: 70px;
-    border: 0;
-    padding: 20px;
-
-    .ant-btn {
-      width: 80px;
-      height: 34px;
-      border-radius: 5px;
-
-      span {
-        font-family: PingFangSC-Medium;
-        font-weight: 600;
-        font-size: 14px;
-        letter-spacing: 0;
-        text-align: center;
-        line-height: 20px;
-      }
-
-      &:first-child {
-        margin-right: 524px;
-      }
-    }
-  }
-
-  .ant-table-wrapper::-webkit-scrollbar {
-    display: none;
-  }
-
-  .ant-table-wrapper {
-    margin-top: 10px;
-    height: 364px;
-    overflow: scroll;
-    padding-bottom: 50px;
-
-    tr {
-      height: 36px;
-
-      td {
-        width: 24px !important;
-        height: 36px !important;
-        font-family: PingFangSC-Regular;
-        font-weight: 400;
-        font-size: 14px;
-        color: #000000;
-        letter-spacing: 0;
-
-        &:first-child {
-          padding-left: 10px !important;
-          padding-right: 0px !important;
-          width: 115px !important;
-        }
-
-        img {
-          // border: 1px dashed #d9d9d9;
-          cursor: pointer;
-        }
-
-        &:not(:first-child) {
-          padding-left: 0px !important;
-          padding-right: 0px !important;
-        }
-
-        &:last-child {
-          padding-left: 0px !important;
-          padding-right: 3px !important;
-          width: 34px !important;
-
-          img {
-            // border: 1px dashed #d9d9d9;
-            position: relative;
-            top: 1px;
-          }
-        }
-      }
-    }
-  }
-}
-
-.global_tab_nav_style {
-  top: 2px !important;
-}
-
-.row-dragging {
-  background: #fafafa;
-  border: 1px solid #ccc;
-  z-index: 10000;
-}
-
-.row-dragging td {
-  padding: 7px 16px;
-  display: none;
-
-}
-.row-dragging td:first-child {
-  display: inline-block;
-}
-
-.row-dragging .drag-visible {
-  visibility: visible;
-}
+// 列自定义
+.sort_table_wrapper {
+  .sort_table {
+    display: flex;
+
+    .sort_table_column_wrapper {
+      width: 560px;
+      margin-right: 10px;
+    }
+
+    .sort_table_content_wrapper {
+      width: 210px;
+    }
+
+    .sort_table_column_count,
+    .sort_table_content_count {
+      height: 20px;
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      font-size: 14px;
+      color: #000000;
+      letter-spacing: 0;
+
+      span {
+        color: #848484;
+      }
+    }
+
+    .sort_table_column {
+      margin-top: 10px;
+      width: 560px;
+      height: 430px;
+      overflow: auto;
+      padding: 10px;
+      background: #ffffff;
+      border: 1px solid #d9d9d9;
+      border-radius: 5px;
+
+      &_all {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+
+        &_empty {
+          width: 538px;
+          line-height: 360px;
+          text-align: center;
+          font-family: PingFangSC-Regular;
+          font-weight: 400;
+          font-size: 14px;
+          color: #848484;
+        }
+      }
+
+      &_special {
+        margin-top: 40px;
+        width: 100px;
+        height: 20px;
+        font-family: PingFangSC-Regular;
+        font-weight: 400;
+        font-size: 14px;
+        color: #848484;
+        letter-spacing: 0;
+      }
+
+      .ant-checkbox-wrapper {
+        width: 144px;
+        margin-top: 16px;
+      }
+
+      .ant-checkbox-wrapper+.ant-checkbox-wrapper {
+        margin-left: 0px;
+      }
+    }
+
+    .sort_table_content {
+      margin-top: 10px;
+      padding-top: 10px;
+      padding-bottom: 10px;
+      border: 1px solid #d9d9d9;
+      border-radius: 5px;
+
+      .ant-table-wrapper {
+        padding: 0px !important;
+      }
+
+      .sort_table_title {
+        height: 32px;
+        line-height: 32px;
+        padding-left: 10px;
+        color: gray;
+      }
+    }
+  }
+
+  div.ant-modal-header {
+    width: 820px;
+    height: 64px;
+    background: #ffffff;
+    padding: 20px;
+    border: 0px;
+
+    div.ant-modal-title {
+      height: 24px;
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 18px;
+      color: #000000;
+      letter-spacing: 0;
+      line-height: 24px;
+    }
+  }
+
+  .ant-modal-body {
+    padding: 0 20px !important;
+  }
+
+  .ant-modal-close-x {
+    height: 24px;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    font-size: 18px;
+    color: #000000;
+    letter-spacing: 0;
+  }
+
+  .ant-input-affix-wrapper {
+    padding: 0px;
+    padding-right: 10px;
+  }
+
+  input {
+    height: 32px;
+    padding: 6px 4px;
+    border-radius: 5px;
+  }
+
+  .ant-input-prefix {
+    width: 24px;
+    height: 24px;
+    margin: 4px;
+    // border: 1px dashed #d9d9d9;
+    display: flex;
+    justify-content: center;
+  }
+
+  .ant-modal-footer {
+    height: 70px;
+    border: 0;
+    padding: 20px;
+
+    .ant-btn {
+      width: 80px;
+      height: 34px;
+      border-radius: 5px;
+
+      span {
+        font-family: PingFangSC-Medium;
+        font-weight: 600;
+        font-size: 14px;
+        letter-spacing: 0;
+        text-align: center;
+        line-height: 20px;
+      }
+
+      &:first-child {
+        margin-right: 524px;
+      }
+    }
+  }
+
+  .ant-table-wrapper::-webkit-scrollbar {
+    display: none;
+  }
+
+  .ant-table-wrapper {
+    margin-top: 10px;
+    height: 364px;
+    overflow: scroll;
+    padding-bottom: 50px;
+
+    tr {
+      height: 36px;
+
+      td {
+        width: 24px !important;
+        height: 36px !important;
+        font-family: PingFangSC-Regular;
+        font-weight: 400;
+        font-size: 14px;
+        color: #000000;
+        letter-spacing: 0;
+
+        &:first-child {
+          padding-left: 10px !important;
+          padding-right: 0px !important;
+          width: 115px !important;
+        }
+
+        img {
+          // border: 1px dashed #d9d9d9;
+          cursor: pointer;
+        }
+
+        &:not(:first-child) {
+          padding-left: 0px !important;
+          padding-right: 0px !important;
+        }
+
+        &:last-child {
+          padding-left: 0px !important;
+          padding-right: 3px !important;
+          width: 34px !important;
+
+          img {
+            // border: 1px dashed #d9d9d9;
+            position: relative;
+            top: 1px;
+          }
+        }
+      }
+    }
+  }
+}
+
+.global_tab_nav_style {
+  top: 2px !important;
+}
+
+.row-dragging {
+  background: #fafafa;
+  border: 1px solid #ccc;
+  z-index: 10000;
+}
+
+.row-dragging td {
+  padding: 7px 16px;
+  display: none;
+
+}
+.row-dragging td:first-child {
+  display: inline-block;
+}
+
+.row-dragging .drag-visible {
+  visibility: visible;
+}

package/src/plugin/TableColumnSetting/index.md

@@ -1,50 +1,50 @@
----
-title: 表头设置
-order: 1
-nav:
-title: 插件
-order: 1
-group:
-path: /plugin/TableColumnSetting
-order: 0
-title: 功能组件
----
-
-## TableColumnSetting
-
-表头设置demo
-
-```tsx
-import React, { useState, useRef } from 'react';
-import { TableColumnSetting }  from '../../index';
-
-
-
-export default () => {
-	const tableRef = useRef()
-  
-  const [showColumns, setShowColumns] = useState([])
-  
-  const selectColumns = [];
-	const tableCode = 'test-TableCode'
-	
-	const setShowColumnsCallback = (value: any) => {
-    setShowColumns(value)
-  }
-
-  return (
-    <div>
-      <TableColumnSetting
-        setShowColumns={setShowColumnsCallback}
-        showColumns={showColumns}
-        datasource={selectColumns || []}
-        tableCode={tableCode}
-      />
-    </div>
-  );
-};
-```
-
-<API></API>
-
-More skills for writing demo: https://d.umijs.org/guide/demo-principle
+---
+title: 表头设置
+order: 1
+nav:
+title: 插件
+order: 1
+group:
+path: /plugin/TableColumnSetting
+order: 0
+title: 功能组件
+---
+
+## TableColumnSetting
+
+表头设置demo
+
+```tsx
+import React, { useState, useRef } from 'react';
+import { TableColumnSetting }  from '../../index';
+
+
+
+export default () => {
+	const tableRef = useRef()
+  
+  const [showColumns, setShowColumns] = useState([])
+  
+  const selectColumns = [];
+	const tableCode = 'test-TableCode'
+	
+	const setShowColumnsCallback = (value: any) => {
+    setShowColumns(value)
+  }
+
+  return (
+    <div>
+      <TableColumnSetting
+        setShowColumns={setShowColumnsCallback}
+        showColumns={showColumns}
+        datasource={selectColumns || []}
+        tableCode={tableCode}
+      />
+    </div>
+  );
+};
+```
+
+<API></API>
+
+More skills for writing demo: https://d.umijs.org/guide/demo-principle