@jetlinks-web/components 2.0.36 → 2.0.38

package/lib/style/index.css

@@ -1108,9 +1108,6 @@ textarea.ant-pagination-options-quick-jumper input {
 .jtable-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-content {
   height: 100%;
 }
-.jtable-box .j-table-scroll {
-  background-color: red;
-}
 .jtable-box .j-table-scroll .ant-table-container {
   display: flex;
   flex-direction: column;
@@ -1322,3 +1319,295 @@ textarea.ant-pagination-options-quick-jumper input {
 .j-card-select .j-card-select-item .j-card-select-describe {
   color: #263237;
 }
+.dialog-enter-active,
+.dialog-leave-active {
+  transition: opacity 0.5s;
+}
+.dialog-enter,
+.dialog-leave-to {
+  opacity: 0;
+}
+.jetlinks-drag-modal {
+  position: fixed;
+  z-index: 1000;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-sprite {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  z-index: 23456765435;
+  background-color: #ffffff;
+  border-radius: 4px;
+  border: 1px solid #91CAFF;
+  box-shadow: 0 3px 8px 0 rgba(22, 119, 255, 0.24);
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-sprite .header {
+  padding: 5px 15px;
+  font-size: 18px;
+  font-weight: 700;
+  color: #333;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid #f0f0f0;
+  cursor: move;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-sprite .jetlinks-drag-modal-body {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  padding: 24px 20px;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-sprite .jetlinks-drag-modal-footer {
+  border-top: 1px solid #f0f0f0;
+  padding: 5px 15px;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range {
+  position: absolute;
+  width: 16px;
+  height: 16px;
+  border-radius: 100%;
+  z-index: 23456765436;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-bottom-right:hover,
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-top-left:hover {
+  cursor: nwse-resize;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-bottom-left:hover,
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-top-right:hover {
+  cursor: nesw-resize;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-top-right {
+  top: -6px;
+  right: -6px;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-top-left {
+  top: -6px;
+  left: -6px;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-bottom-right {
+  bottom: -6px;
+  right: -6px;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-bottom-left {
+  bottom: -6px;
+  left: -6px;
+}
+.jetlinks-edit-table-wrapper {
+  background: #fff;
+  height: 100%;
+  position: relative;
+}
+.jetlinks-edit-table-wrapper.table-full-screen {
+  padding: 24px;
+}
+.jetlinks-edit-table-wrapper .jetlinks-edit-table {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+.jetlinks-edit-table-wrapper .jetlinks-edit-table .jetlinks-edit-table-header {
+  overflow: hidden;
+  width: 100%;
+  position: relative;
+}
+.jetlinks-edit-table-wrapper .jetlinks-edit-table .jetlinks-edit-table-header .jetlinks-edit-table-header-scroll-hidden {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 5;
+  background: #fafafa;
+}
+.jetlinks-edit-table-wrapper .jetlinks-edit-table .jetlinks-edit-table-body {
+  background-color: #fff;
+  overflow-y: hidden;
+  position: relative;
+  height: 100%;
+  width: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+}
+.jetlinks-edit-table-body-viewport {
+  max-height: 100%;
+  width: 100%;
+  overflow: hidden auto;
+  position: relative;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-scrollbar {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  z-index: -1;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-body-container {
+  display: flex;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right {
+  position: relative;
+  min-width: 0;
+  height: 100%;
+  z-index: 5;
+  flex-shrink: 0;
+  flex-grow: 0;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left .jetlinks-edit-table-row,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right .jetlinks-edit-table-row {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  transition: top 0.2s, height 0.2s, background-color 0.1s;
+  border-bottom: 1px solid #ebebeb;
+  background-color: #fff;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row.jetlinks-edit-table-row-hover,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left .jetlinks-edit-table-row.jetlinks-edit-table-row-hover,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right .jetlinks-edit-table-row.jetlinks-edit-table-row-hover {
+  background-color: #f8f8f8;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row.jetlinks-edit-table-row-selected,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left .jetlinks-edit-table-row.jetlinks-edit-table-row-selected,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right .jetlinks-edit-table-row.jetlinks-edit-table-row-selected {
+  background-color: var(--ant-primary-1);
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row .jetlinks-edit-table-cell,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left .jetlinks-edit-table-row .jetlinks-edit-table-cell,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right .jetlinks-edit-table-row .jetlinks-edit-table-cell {
+  min-width: 0;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row .body-cell-box,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left .jetlinks-edit-table-row .body-cell-box,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right .jetlinks-edit-table-row .body-cell-box {
+  padding: 0 12px;
+  position: relative;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left {
+  position: sticky;
+  left: 0;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right {
+  position: sticky;
+  right: 0;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center {
+  z-index: 1;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center > div {
+  position: relative;
+}
+.jetlinks-edit-table-body-empty {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+  padding-top: 24px;
+}
+.jetlinks-edit-table-header-container {
+  height: 100%;
+  position: relative;
+  display: flex;
+  width: 100%;
+}
+.jetlinks-edit-table-header-container .jetlinks-header-left,
+.jetlinks-edit-table-header-container .jetlinks-header-center,
+.jetlinks-edit-table-header-container .jetlinks-header-right {
+  position: relative;
+  z-index: 5;
+  min-width: 0;
+  height: 100%;
+  width: 100%;
+  background: #fafafa;
+}
+.jetlinks-edit-table-header-container .jetlinks-header-center {
+  z-index: 2;
+}
+.jetlinks-edit-table-header-container .jetlinks-header-center > div {
+  position: relative;
+  height: 100%;
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell {
+  height: 100%;
+  display: inline-flex;
+  align-items: center;
+  float: left;
+  overflow: visible;
+  background: #fafafa;
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box {
+  padding: 0 12px;
+  width: 100%;
+  position: relative;
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box.header-cell-box-tool {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box .table-header-cell-title {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  font-weight: 600;
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box .header-cell-required {
+  color: #ff4d4f;
+  padding-left: 8px;
+  transform: translateY(3px);
+  font-weight: 500;
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box::before {
+  position: absolute;
+  top: 50%;
+  right: 1px;
+  width: 1px;
+  height: 1.6em;
+  pointer-events: none;
+  background-color: rgba(0, 0, 0, 0.06);
+  transform: translateY(-50%);
+  transition: background-color 0.3s;
+  content: "";
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box:not(:last-child)::before {
+  background-color: transparent;
+}
+.edit-table-search-header {
+  display: flex;
+  justify-content: space-between;
+}
+.edit-table-search-result-total {
+  color: #1890ff;
+}
+.jetlinks-edit-table-horizontal-scroll {
+  height: 17px;
+  min-height: 17px;
+  max-height: 17px;
+  width: 100%;
+  display: flex;
+  position: relative;
+  z-index: 4;
+}
+.jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-viewport {
+  overflow-y: hidden;
+  overflow-x: scroll;
+  position: relative;
+  flex: 1 1 0;
+  height: 17px;
+  min-height: 17px;
+  max-height: 17px;
+  width: 100%;
+}
+.jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-viewport > div {
+  height: 17px;
+}
+.jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-hidden {
+  width: 17px;
+  height: 100%;
+  overflow-x: hidden;
+}

package/lib/style/index.less

@@ -1,7 +1,9 @@
-@import '../Ellipsis/style/index.less';
-@import '../CheckButton/style/index.less';
-@import '../ProLayout/style/style.less';
-@import '../ProTable/style/ProTable.less';
-@import '../Search/style/Search.less';
-@import '../Search/style/Item.less';
-@import '../CardSelect/style/index.less';
+@import '../Ellipsis/style/index.less';
+@import '../CheckButton/style/index.less';
+@import '../ProLayout/style/style.less';
+@import '../ProTable/style/ProTable.less';
+@import '../Search/style/Search.less';
+@import '../Search/style/Item.less';
+@import '../CardSelect/style/index.less';
+@import '../DragModal/style/index.less';
+@import "../EditTable/style/index.less";

package/lib/style.js

@@ -5,4 +5,6 @@ require("./CheckButton/style");
 require("./ProLayout/style");
 require("./ProTable/style");
 require("./Search/style");
-require("./CardSelect/style");
+require("./CardSelect/style");
+require("./DragModal/style");
+require("./EditTable/style");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetlinks-web/components",
-  "version": "2.0.36",
+  "version": "2.0.38",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -17,8 +17,10 @@
     "@vuemap/vue-amap": "^2.0.17",
     "@vueuse/core": "^10.2.1",
     "@vueuse/router": "^10.9.0",
+    "async-validator": "^4.2.5",
     "echarts": "^5.4.3",
     "monaco-editor": "^0.40.0",
+    "resize-observer-polyfill": "^1.5.1",
     "sortablejs": "^1.15.2"
   },
   "devDependencies": {
@@ -135,8 +137,8 @@
     "webpack-merge": "^5.0.0",
     "webpackbar": "^5.0.2",
     "@jetlinks-web/constants": "^1.0.2",
-    "@jetlinks-web/utils": "^1.0.7",
-    "@jetlinks-web/hooks": "^1.0.13"
+    "@jetlinks-web/hooks": "^1.0.13",
+    "@jetlinks-web/utils": "^1.0.7"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",