aldehyde 0.2.480 → 0.2.481

package/src/aldehyde/table/column/theme-color-getter.tsx

@@ -1,25 +1,25 @@
-import React from "react";
-import {generate} from "@ant-design/colors";
-import ReactDOMServer from "react-dom/server";
-import {theme} from "antd";
-
-
-const { useToken } = theme;
-
-export default {
-   ThemeColorGetter(props){
-  const {
-    token,
-  } = useToken();
-  const colors = generate(token.colorPrimary);
-  console.log("colorPrimary"+token.colorPrimary);
-  return colors[props.index]
-},
-   getColor(index:number){
-     const c = ReactDOMServer.renderToString(<this.ThemeColorGetter index={index}/>);
-     console.log(c);
-    return c;
-}
-}
-
-
+import React from "react";
+import {generate} from "@ant-design/colors";
+import ReactDOMServer from "react-dom/server";
+import {theme} from "antd";
+
+
+const { useToken } = theme;
+
+export default {
+   ThemeColorGetter(props){
+  const {
+    token,
+  } = useToken();
+  const colors = generate(token.colorPrimary);
+  console.log("colorPrimary"+token.colorPrimary);
+  return colors[props.index]
+},
+   getColor(index:number){
+     const c = ReactDOMServer.renderToString(<this.ThemeColorGetter index={index}/>);
+     console.log(c);
+    return c;
+}
+}
+
+

package/src/aldehyde/table/control-table-x-axis-wrapper.tsx

@@ -1,80 +1,80 @@
-import React, {
-  forwardRef,
-  useEffect,
-  useImperativeHandle,
-  useRef,
-} from "react";
-import { Table as _Table, TableProps } from "antd";
-import { TableRef } from "antd/es/table";
-
-const useAntdTableXAxis = () => {
-  const table = useRef<TableRef>(null);
-  useEffect(() => {
-    const tableBody = table.current.nativeElement.querySelector(".ant-table");
-    let isMove = false;
-    const mouseDown = (e) => {
-      if (e.which === 3) isMove = true;
-    };
-    const mouseUp = (e) => {
-      if (e.which === 3) isMove = false;
-    };
-    const mouseMove = (e: any) => {
-      if (isMove) {
-        const { movementX, movementY, offsetX, offsetY } = e;
-        tableBody.scrollBy(movementX * 5, 0);
-        e.preventDefault();
-      }
-    };
-    const contextmenu = (e: any) => {
-      e.preventDefault();
-    };
-    if (tableBody) {
-      tableBody.addEventListener("mousedown", mouseDown);
-      tableBody.addEventListener("mousemove", mouseMove);
-      tableBody.addEventListener("mouseup", mouseUp);
-      tableBody.addEventListener("contextmenu", contextmenu);
-    }
-    return () => {
-      if (tableBody) {
-        tableBody.removeEventListener("mousedown", mouseDown);
-        tableBody.removeEventListener("mousemove", mouseMove);
-        tableBody.removeEventListener("mouseup", mouseUp);
-        tableBody.removeEventListener("contextmenu", contextmenu);
-      }
-    };
-  }, []);
-
-  return {
-    table,
-  };
-};
-
-const Table = (props: TableProps, ref) => {
-  const { table: tableRef } = useAntdTableXAxis();
-
-  useImperativeHandle(
-    ref,
-    () => {
-      return {
-        nativeElement: tableRef.current.nativeElement,
-        scrollTo: tableRef.current.scrollTo,
-      };
-    },
-    []
-  );
-
-  return <_Table {...props} ref={tableRef}></_Table>;
-};
-
-const ForwardTable = (forwardRef(Table) as unknown) as typeof _Table;
-
-ForwardTable.SELECTION_COLUMN = _Table.SELECTION_COLUMN;
-ForwardTable.EXPAND_COLUMN = _Table.EXPAND_COLUMN;
-ForwardTable.SELECTION_ALL = _Table.SELECTION_ALL;
-ForwardTable.SELECTION_INVERT = _Table.SELECTION_INVERT;
-ForwardTable.SELECTION_NONE = _Table.SELECTION_NONE;
-ForwardTable.Column = _Table.Column;
-ForwardTable.ColumnGroup = _Table.ColumnGroup;
-ForwardTable.Summary = _Table.Summary;
-// 这里为可以右键滑动控制X轴坐标的二封 antd 的 table 组件
-export default ForwardTable;
+import React, {
+  forwardRef,
+  useEffect,
+  useImperativeHandle,
+  useRef,
+} from "react";
+import { Table as _Table, TableProps } from "antd";
+import { TableRef } from "antd/es/table";
+
+const useAntdTableXAxis = () => {
+  const table = useRef<TableRef>(null);
+  useEffect(() => {
+    const tableBody = table.current.nativeElement.querySelector(".ant-table");
+    let isMove = false;
+    const mouseDown = (e) => {
+      if (e.which === 3) isMove = true;
+    };
+    const mouseUp = (e) => {
+      if (e.which === 3) isMove = false;
+    };
+    const mouseMove = (e: any) => {
+      if (isMove) {
+        const { movementX, movementY, offsetX, offsetY } = e;
+        tableBody.scrollBy(movementX * 5, 0);
+        e.preventDefault();
+      }
+    };
+    const contextmenu = (e: any) => {
+      e.preventDefault();
+    };
+    if (tableBody) {
+      tableBody.addEventListener("mousedown", mouseDown);
+      tableBody.addEventListener("mousemove", mouseMove);
+      tableBody.addEventListener("mouseup", mouseUp);
+      tableBody.addEventListener("contextmenu", contextmenu);
+    }
+    return () => {
+      if (tableBody) {
+        tableBody.removeEventListener("mousedown", mouseDown);
+        tableBody.removeEventListener("mousemove", mouseMove);
+        tableBody.removeEventListener("mouseup", mouseUp);
+        tableBody.removeEventListener("contextmenu", contextmenu);
+      }
+    };
+  }, []);
+
+  return {
+    table,
+  };
+};
+
+const Table = (props: TableProps, ref) => {
+  const { table: tableRef } = useAntdTableXAxis();
+
+  useImperativeHandle(
+    ref,
+    () => {
+      return {
+        nativeElement: tableRef.current.nativeElement,
+        scrollTo: tableRef.current.scrollTo,
+      };
+    },
+    []
+  );
+
+  return <_Table {...props} ref={tableRef}></_Table>;
+};
+
+const ForwardTable = (forwardRef(Table) as unknown) as typeof _Table;
+
+ForwardTable.SELECTION_COLUMN = _Table.SELECTION_COLUMN;
+ForwardTable.EXPAND_COLUMN = _Table.EXPAND_COLUMN;
+ForwardTable.SELECTION_ALL = _Table.SELECTION_ALL;
+ForwardTable.SELECTION_INVERT = _Table.SELECTION_INVERT;
+ForwardTable.SELECTION_NONE = _Table.SELECTION_NONE;
+ForwardTable.Column = _Table.Column;
+ForwardTable.ColumnGroup = _Table.ColumnGroup;
+ForwardTable.Summary = _Table.Summary;
+// 这里为可以右键滑动控制X轴坐标的二封 antd 的 table 组件
+export default ForwardTable;

package/src/aldehyde/table/index.css

@@ -1,212 +1,212 @@
-.editTableList .ant-upload-list-picture .ant-upload-list-item {
-  width: 110px;
-}
-
-.SearchForm {
-  padding: 8px;
-  background: #fff;
-  box-shadow: 0 0 5px rgb(187, 182, 182);
-  border-radius: 3px;
-}
-
-.actTable button {
-  margin-right: 5px;
-}
-
-.actTable a {
-  margin-right: 5px;
-}
-
-.actTable h3 {
-  font-size: 18px;
-}
-
-.ant-table .ant-table-selection-column {
-  /*position: relative;*/
-  z-index: 3;
-  /* 或者更高的值 */
-}
-
-.react-resizable {
-  position: relative;
-  background-clip: padding-box;
-}
-
-.react-resizable-handle {
-  position: absolute;
-  width: 10px;
-  height: 100%;
-  bottom: 0;
-  right: -5px;
-  cursor: col-resize;
-  z-index: 1;
-}
-
-.row-dragging {
-  background: #fafafa;
-  border: 1px solid #ccc;
-  z-index: 9999;
-}
-
-.row-dragging td {
-  padding: 14px;
-}
-
-.row-dragging .drag-visible {
-  visibility: visible;
-}
-
-.opsColumn {
-  min-width: 156px;
-}
-
-.ant-table {
-  line-height: 1;
-  overflow-x: auto;
-  overflow-y: hidden;
-}
-
-/*.collapse .ant-card-body {*/
-/*    padding:0px*/
-/*}*/
-
-/*.ant-card-head-title button{*/
-/*    font-size: 16px;*/
-/*    padding:0px;*/
-/*}*/
-
-.ant-table-cell:has(.xiaoji) {
-  background-color: var(--color-1) !important;
-}
-
-.ant-table-cell:has(.heji) {
-  background-color: var(--color-3) !important;
-}
-
-.xiaoji {
-  background-color: var(--color-1) !important;
-}
-
-.heji {
-  background-color: var(--color-3) !important;
-}
-
-.sortable-item-hover:hover>td {
-  background-color: var(--ant-table-row-hover-bg);
-}
-
-.actTable .ant-tabs-nav {
-  margin-bottom: 8px;
-  align-items: end;
-}
-
-.actTable .ant-tabs-nav::before {
-  display: none;
-}
-
-.aggregates {
-  display: grid;
-  grid-template-columns: repeat(1, minmax(0, 1fr));
-  gap: 16px;
-}
-
-.aggregate-card .title {
-  margin-bottom: 16px;
-  font-size: 14px;
-  line-height: 20px;
-  color: var(--ant-color-text-secondary);
-}
-
-.aggregate-card .value {
-  display: flex;
-  gap: 4px;
-  align-items: baseline;
-}
-
-.aggregate-card .value .number {
-  font-size: 28px;
-  line-height: 32px;
-  font-weight: 700;
-}
-
-.aggregate-card .value .unit {
-  font-size: 16px;
-  line-height: 20px;
-}
-
-.aggregate-card .icon {
-  padding: 8px;
-  border-radius: 8px;
-  background-color: var(--ant-layout-body-bg);
-  font-size: 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 300ms;
-}
-
-.aggregate-card:hover .icon {
-  transform: scale(1.1);
-}
-
-.split-tab {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 12px 0;
-}
-
-.split-tab .split-tab-left {
-  flex: 1;
-  min-width: 100px;
-  overflow-x: auto;
-  white-space: nowrap;
-  margin-right: 12px;
-}
-
-.split-tab .split-tab-right {
-  flex: 0 0 auto;
-}
-
-@media (min-width: 768px) {
-  .aggregates {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-}
-
-@media (min-width: 1024px) {
-  .aggregates {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-}
-
-/* 用户自定义配置按钮样式 */
-.page-config-menu-item {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 152px;
-}
-
-.page-config-menu-item .page-config-menu-item-title {
-  width: 80px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  text-align: left;
-}
-
-.page-config-menu-item .page-config-menu-item-icon {
-  display: none;
-  margin-left: 12px;
-}
-
-.page-config-menu-item:hover .page-config-menu-item-icon {
-  display: block;
-}
-
-.page-config-menu-item-edit .page-config-menu-item-icon {
-  display: block !important;
+.editTableList .ant-upload-list-picture .ant-upload-list-item {
+  width: 110px;
+}
+
+.SearchForm {
+  padding: 8px;
+  background: #fff;
+  box-shadow: 0 0 5px rgb(187, 182, 182);
+  border-radius: 3px;
+}
+
+.actTable button {
+  margin-right: 5px;
+}
+
+.actTable a {
+  margin-right: 5px;
+}
+
+.actTable h3 {
+  font-size: 18px;
+}
+
+.ant-table .ant-table-selection-column {
+  /*position: relative;*/
+  z-index: 3;
+  /* 或者更高的值 */
+}
+
+.react-resizable {
+  position: relative;
+  background-clip: padding-box;
+}
+
+.react-resizable-handle {
+  position: absolute;
+  width: 10px;
+  height: 100%;
+  bottom: 0;
+  right: -5px;
+  cursor: col-resize;
+  z-index: 1;
+}
+
+.row-dragging {
+  background: #fafafa;
+  border: 1px solid #ccc;
+  z-index: 9999;
+}
+
+.row-dragging td {
+  padding: 14px;
+}
+
+.row-dragging .drag-visible {
+  visibility: visible;
+}
+
+.opsColumn {
+  min-width: 156px;
+}
+
+.ant-table {
+  line-height: 1;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
+/*.collapse .ant-card-body {*/
+/*    padding:0px*/
+/*}*/
+
+/*.ant-card-head-title button{*/
+/*    font-size: 16px;*/
+/*    padding:0px;*/
+/*}*/
+
+.ant-table-cell:has(.xiaoji) {
+  background-color: var(--color-1) !important;
+}
+
+.ant-table-cell:has(.heji) {
+  background-color: var(--color-3) !important;
+}
+
+.xiaoji {
+  background-color: var(--color-1) !important;
+}
+
+.heji {
+  background-color: var(--color-3) !important;
+}
+
+.sortable-item-hover:hover>td {
+  background-color: var(--ant-table-row-hover-bg);
+}
+
+.actTable .ant-tabs-nav {
+  margin-bottom: 8px;
+  align-items: end;
+}
+
+.actTable .ant-tabs-nav::before {
+  display: none;
+}
+
+.aggregates {
+  display: grid;
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+  gap: 16px;
+}
+
+.aggregate-card .title {
+  margin-bottom: 16px;
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--ant-color-text-secondary);
+}
+
+.aggregate-card .value {
+  display: flex;
+  gap: 4px;
+  align-items: baseline;
+}
+
+.aggregate-card .value .number {
+  font-size: 28px;
+  line-height: 32px;
+  font-weight: 700;
+}
+
+.aggregate-card .value .unit {
+  font-size: 16px;
+  line-height: 20px;
+}
+
+.aggregate-card .icon {
+  padding: 8px;
+  border-radius: 8px;
+  background-color: var(--ant-layout-body-bg);
+  font-size: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 300ms;
+}
+
+.aggregate-card:hover .icon {
+  transform: scale(1.1);
+}
+
+.split-tab {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 0;
+}
+
+.split-tab .split-tab-left {
+  flex: 1;
+  min-width: 100px;
+  overflow-x: auto;
+  white-space: nowrap;
+  margin-right: 12px;
+}
+
+.split-tab .split-tab-right {
+  flex: 0 0 auto;
+}
+
+@media (min-width: 768px) {
+  .aggregates {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+
+@media (min-width: 1024px) {
+  .aggregates {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+}
+
+/* 用户自定义配置按钮样式 */
+.page-config-menu-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 152px;
+}
+
+.page-config-menu-item .page-config-menu-item-title {
+  width: 80px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  text-align: left;
+}
+
+.page-config-menu-item .page-config-menu-item-icon {
+  display: none;
+  margin-left: 12px;
+}
+
+.page-config-menu-item:hover .page-config-menu-item-icon {
+  display: block;
+}
+
+.page-config-menu-item-edit .page-config-menu-item-icon {
+  display: block !important;
 }