fix(erd-onloine): 完善逻辑，避免出现元数据类型消失

www-zerocode-net-cn · May 12, 2023 · 2fcba48 · 2fcba48
1 parent 75b26af
commit 2fcba48
Show file tree

Hide file tree

Showing 8 changed files with 44 additions and 529 deletions.
diff --git a/.local.env b/.local.env
@@ -1 +1 @@
-API_URL=https://erd.zerocode.net.cn
+API_URL=http://localhost:9502
diff --git a/env-config.js b/env-config.js
@@ -1,3 +1,3 @@
 window._env_ = {
-  API_URL: "https://erd.zerocode.net.cn",
+  API_URL: "http://localhost:9502",
 }
diff --git a/public/env-config.js b/public/env-config.js
@@ -1,3 +1,3 @@
 window._env_ = {
-  API_URL: "https://erd.zerocode.net.cn",
+  API_URL: "http://localhost:9502",
 }
diff --git a/src/pages/design/table/component/DarkTheme.less b/src/pages/design/table/component/DarkTheme.less
@@ -1,297 +0,0 @@
-@background: #587AB3;
-@color: #FFFFFF;
-@table-border-color: #444;
-@table-header-background: #222C44;
-@table-header-color: #9DB5DB;
-@background-color-row-odd: #263856;
-@background-color-row-even: #222C44;
-@background-color-row-first: #263856;
-@current-highlight: #6e21b1;
-@text-color-row-odd: red;
-@text-color-row-even: red;
-@text-color-row-first: red;
-@cell-color: #FFFFFF;
-@cell-selected-color: #222;
-@ctx-background: #445E89;
-@ctx-background-hover: #3C5276;
-@scroll-track: #575757;
-@scroll-thumb: #546284;
-@scroll-thumb-hover: #546284;
-
-
-body {
-  background-color: @background;
-  color: @color;
-}
-
-#data-sheet {
-  border-top: thin solid @table-border-color;
-  border-bottom: thin solid @table-border-color;
-}
-
-
-#data-sheet .handsontable {
-  color: @color;
-}
-
-#data-sheet .handsontable .wtHolder {
-  background-color: @table-header-background;
-}
-
-
-#data-sheet .htCore tbody tr:nth-of-type(odd) > td {
-  background-color: @background-color-row-odd;
-
-  strong {
-    color: @text-color-row-odd;
-  }
-}
-
-#data-sheet .htCore tbody tr:nth-of-type(odd) > td.current.highlight {
-  background-color: @current-highlight;
-
-  strong {
-    color: @text-color-row-odd;
-  }
-;
-}
-
-#data-sheet .htCore tbody tr:nth-of-type(even) > td.current.highlight {
-  background-color: @current-highlight;
-
-  strong {
-    color: @text-color-row-even;
-  }
-}
-
-#data-sheet .htCore tbody tr:nth-of-type(even) > td {
-  background-color: @background-color-row-even;
-
-  strong {
-    color: @text-color-row-even;
-  }
-}
-
-#data-sheet .htCore tbody tr:nth-of-type(even) > td.current.highlight {
-  background-color: @current-highlight;
-
-  strong {
-    color: @text-color-row-even;
-  }
-}
-
-
-#data-sheet .htCore tbody tr:first-child > td {
-  background-color: @background-color-row-first;
-
-  strong {
-    color: @text-color-row-first;
-  }
-}
-
-
-/* All headers */
-#data-sheet .handsontable th {
-  background-color: @table-header-background;
-  color: @table-header-color;
-}
-
-/* Row headers */
-#data-sheet .ht_clone_left th {
-  background-color: @table-header-background;
-  color: @table-header-color;
-}
-
-/* Column headers */
-#data-sheet .ht_clone_top th {
-  background-color: @table-header-background;
-  color: @table-header-color;
-  font-weight: bold;
-  font-size: 15px;
-
-}
-
-/* Row headers */
-#data-sheet .ht_clone_top_left_corner th {
-  border-bottom: 1px solid @table-border-color;
-}
-
-#data-sheet .ht_clone_left th {
-  border-right: 1px solid @table-border-color;
-  border-left: 1px solid @table-border-color;
-}
-
-/* Column headers */
-#data-sheet .ht_clone_top th {
-  border-top: 1px solid @table-border-color;
-  border-right: 1px solid @table-border-color;
-  border-bottom: 1px solid @table-border-color;
-}
-
-#data-sheet .ht_clone_top_left_corner th {
-  border-right: 1px solid @table-border-color;
-}
-
-#data-sheet .handsontable .changeType {
-  background: inherit;
-  border-color: @table-border-color;
-}
-
-/* Borders */
-#data-sheet .handsontable th,
-#data-sheet .handsontable td {
-  border-right: 1px solid @table-border-color;
-  border-bottom: 1px solid @table-border-color;
-}
-
-#data-sheet .handsontable tr:first-child td,
-#data-sheet .handsontable tr:first-child th {
-  border-top: 1px solid @table-border-color;
-}
-
-#data-sheet .ht_master tr > td {
-  border-bottom: 1px solid @table-border-color;
-}
-
-/* Right */
-#data-sheet .ht_master tr > td {
-  border-right: 1px solid @table-border-color;
-}
-
-#data-sheet #data-sheet .handsontable .htNoFrame + td,
-#data-sheet .handsontable .htNoFrame + th,
-#data-sheet .handsontable.htRowHeaders thead tr th:nth-child(2),
-#data-sheet .handsontable td:first-of-type,
-#data-sheet .handsontable th:first-child,
-#data-sheet .handsontable th:nth-child(2) {
-  border-left: 1px solid @table-border-color;
-}
-
-#data-sheet .ht_clone_top_left_corner thead tr th:nth-last-child(2) {
-  border-right: 1px solid @table-border-color;
-}
-
-#data-sheet .handsontable th:last-child {
-  border-right: 1px solid @table-border-color;
-  border-bottom: 1px solid @table-border-color;
-}
-
-/* Selected cell */
-#data-sheet tr > td {
-  background-color: @cell-color;
-}
-
-
-/* Context menu */
-.htContextMenu tr,
-.htDropdownMenu tr,
-.htFiltersConditionsMenu tr {
-  background-color: @ctx-background;
-}
-
-.htContextMenu table tbody tr td,
-.htDropdownMenu table tbody tr td,
-.htFiltersConditionsMenu table tbody tr td {
-  background: @ctx-background;
-}
-
-.handsontable .htUIMultipleSelect .handsontable .htCore td:hover {
-  background-color: @ctx-background-hover;
-}
-
-.handsontable .htUISelect div:hover {
-  background-color: @ctx-background-hover;
-}
-
-/*下拉框背景色*/
-.htSelectEditor {
-  background-color: @ctx-background;
-}
-
-.handsontable.listbox td.htDimmed {
-  background-color: white;
-}
-
-#data-sheet .htCore tbody tr:first-child > td > strong {
-  color: red;
-}
-
-.htContextMenu table tbody tr td.current,
-.htContextMenu table tbody tr td.zeroclipboard-is-hover,
-.htDropdownMenu table tbody tr td.current,
-.htDropdownMenu table tbody tr td.zeroclipboard-is-hover,
-.htFiltersConditionsMenu table tbody tr td.current,
-.htFiltersConditionsMenu table tbody tr td.zeroclipboard-is-hover {
-  background-color: @ctx-background-hover;
-}
-
-
-.htContextMenu .handsontable table td.htCustomMenuRenderer,
-.htDropdownMenu .handsontable table td.htCustomMenuRenderer {
-  background-color: @ctx-background;
-}
-
-.handsontable .htUISelectCaption .handsontable .htUISelectCaption:hover {
-  background-color: @ctx-background;
-}
-
-/* Scroll bar */
-::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
-}
-
-::-webkit-scrollbar-track {
-  background: @scroll-track;
-}
-
-::-webkit-scrollbar-thumb {
-  background: @scroll-thumb;
-  -webkit-border-radius: 6px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: @scroll-thumb-hover;
-}
-
-.handsontable .htUISelectCaption {
-  background-color: @ctx-background;
-
-  :hover {
-    background-color: @ctx-background-hover;
-  }
-}
-
-.handsontable th, .handsontable td {
-  height: 30px;
-}
-
-.handsontable .htUIMultipleSelectSearch input {
-  background-color: @ctx-background;
-  color: @color;
-}
-
-
-element.style {
-}
-
-.handsontable .htFiltersMenuCondition .htUIInput input, .handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input {
-  background-color: @ctx-background;
-  color: @color;
-}
-
-.ht_clone_top {
-  z-index: 0;
-}
-
-.ht_clone_left {
-  z-index: 0;
-}
-
-.ht_clone_top_left_corner {
-  z-index: 0;
-}
-
-.bp4-dark .bp4-divider {
-  border-color: rgb(64 72 84);
-}

diff --git a/src/pages/design/table/component/tab/TableTab.tsx b/src/pages/design/table/component/tab/TableTab.tsx
@@ -4,7 +4,9 @@ import CodeTab from "@/pages/design/table/component/tab/CodeTab";
 import {ModuleEntity} from "@/store/tab/useTabStore";
 import TableIndexEdit from "@/pages/design/table/component/table/TableIndexEdit";
 
-import {Tabs} from "antd";
+import {FloatButton, Tabs} from "antd";
+import {TableOutlined} from "@ant-design/icons";
+import StandardFieldLibrary from "@/pages/design/table/component/table/StandardFieldLibrary";
 
 const {TabPane} = Tabs;
 export type TableTabProps = {
@@ -24,6 +26,14 @@ const TableTab: React.FC<TableTabProps> = (props) => {
         <TabPane key="index" tab="索引"><TableIndexEdit moduleEntity={props.moduleEntity}/></TabPane>
         <TabPane key="code" tab="元数据应用"><CodeTab moduleEntity={props.moduleEntity}/></TabPane>
       </Tabs>
+      <FloatButton
+        icon={<TableOutlined/>}
+        type="primary"
+        style={{left: '55vw', bottom: 100}}
+        tooltip={<StandardFieldLibrary/>}
+      />
+
+
     </>
   );
 }

diff --git a/src/pages/design/table/component/table/TableInfoEdit.tsx b/src/pages/design/table/component/table/TableInfoEdit.tsx
@@ -8,6 +8,9 @@ import shallow from "zustand/shallow";
 import {CellChange, ChangeSource} from "handsontable";
 import JExcel from "@/pages/JExcel";
 import {column1, column2} from "@/pages/design/setting/component/DefaultField";
+import {FloatButton} from "antd";
+import {TableOutlined} from "@ant-design/icons";
+import StandardFieldLibrary from "@/pages/design/table/component/table/StandardFieldLibrary";
 
 
 export type TableInfoEditProps = {