@jetlinks-web/components 2.4.25 → 2.5.0

package/lib/locale/zh-CN.js

@@ -68,12 +68,48 @@ var _default = exports.default = {
     description: '请配置高德地图key'
   },
   EditTable: {
+    serial: '序号',
+    columns: {
+      sign: '标识',
+      name: '名称',
+      count: '计数'
+    },
     contextMenu: {
       add: '新增行',
       copy: '复制行',
       paste: '粘贴行',
       detail: '查看详情',
       delete: '删除'
+    },
+    Search: {
+      find: '查找',
+      placeholder: '请输入查找内容',
+      all: '查找全部',
+      prev: '上一个',
+      next: '下一个',
+      close: '关闭',
+      rows: '行数',
+      row: '行',
+      rd: '第',
+      found: '查找到',
+      related: '条相关属性'
+    },
+    Sort: {
+      sort: '排序',
+      clean: '清空条件',
+      up: '升序',
+      down: '降序'
+    },
+    Group: {
+      one: '分组_',
+      edit: '编辑',
+      delete: '删除',
+      validate: '校验不合规',
+      editGroup: '编辑分组',
+      addGroup: '新增分组',
+      placeholder: '请输入分组名称',
+      max: '最多可输入16个字符',
+      deleteMessage: '将会同步删除分组内的数据，确认删除？'
     }
   },
   ValueItem: {

package/lib/style/index.css

@@ -4838,19 +4838,12 @@ span.ant-radio + * {
   flex-direction: column;
   flex-grow: 0;
   flex-shrink: 0;
+  background: #fafafa;
+  transition: background-color 0.3s ease;
 }
 .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;
@@ -4875,62 +4868,43 @@ span.ant-radio + * {
   z-index: -1;
 }
 .jetlinks-edit-table-body-viewport .jetlinks-edit-table-body-container {
-  display: flex;
+  overflow: hidden;
+  height: 100%;
 }
-.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 {
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center {
   position: relative;
+  flex: 1 1 auto;
   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 {
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .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 {
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row .jetlinks-edit-table-cell {
+  position: absolute;
+  min-width: 0;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .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 {
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .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 {
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row .body-cell-box {
   padding: 0 12px;
   position: relative;
 }
-.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left {
-  position: sticky;
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row .readonly-mask {
+  position: absolute;
+  top: 0;
   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;
+  bottom: 0;
+  z-index: 4;
 }
 .jetlinks-edit-table-body-empty {
   display: flex;
@@ -4941,25 +4915,6 @@ span.ant-radio + * {
 .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%;
@@ -4967,12 +4922,12 @@ span.ant-radio + * {
   align-items: center;
   float: left;
   overflow: visible;
-  background: #fafafa;
+  position: absolute;
+  top: 0;
 }
 .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;
@@ -5006,6 +4961,88 @@ span.ant-radio + * {
 .jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box:not(:last-child)::before {
   background-color: transparent;
 }
+.jetlinks-table-search .jetlinks-table-search-header {
+  display: flex;
+  justify-content: space-between;
+}
+.jetlinks-table-search .jetlinks-table-search-header .jetlinks-drag-modal-footer {
+  display: none;
+}
+.jetlinks-table-search .jetlinks-table-search-header .jetlinks-table-search-result-total {
+  color: #1890ff;
+}
+.jetlinks-table-group-warp .ant-tabs-nav {
+  margin-bottom: 0;
+}
+.jetlinks-table-group-warp .ant-tabs-nav .ant-tabs-tab {
+  overflow: hidden;
+  position: relative;
+}
+.jetlinks-table-group-warp .ant-tabs-nav .ant-tabs-tab-active {
+  background-color: #BAE0FF !important;
+  border-color: #91CAFF !important;
+}
+.jetlinks-table-group-warp .ant-tabs-nav .ant-tabs-nav-add {
+  border: none;
+}
+.jetlinks-table-group-error-warp {
+  color: #1a1a1a !important;
+}
+.jetlinks-table-group-error-warp .table-group-error-target {
+  position: absolute;
+  right: 0;
+  top: 0;
+  border: 16px solid transparent;
+  border-top-color: #ff4d4f;
+  border-right-width: 0;
+  border-bottom-width: 0;
+}
+.jetlinks-table-form-error-target {
+  position: absolute;
+  right: 2px;
+  top: -9px;
+  border: 16px solid transparent;
+  border-top-color: #ff4d4f;
+  border-right-width: 0;
+  border-bottom-width: 0;
+}
+.jetlinks-edit-table-form-has-error .select-no-value .ant-select-selector {
+  border-color: #ff4d4f !important;
+}
+.jetlinks-edit-table-form-has-error .select-no-value .ant-select-selector:focus {
+  box-shadow: 0 0 0 2px var(--ant-error-color-outline) !important;
+}
+.jetlinks-edit-table-form-has-error > input {
+  border-color: #ff4d4f !important;
+}
+.jetlinks-edit-table-form-has-error > input:focus {
+  box-shadow: 0 0 0 2px var(--ant-error-color-outline) !important;
+}
+.jetlinks-edit-table-form-has-error .jetlinks-table-form-required-aicon {
+  color: #ff4d4f;
+}
+.jetlinks-edit-table-context-menu {
+  position: fixed;
+  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
+  overflow: hidden;
+  width: 192px;
+  padding: 4px;
+  background-color: #fff;
+}
+.jetlinks-edit-table-context-menu .ant-menu {
+  border-right: none;
+}
+.jetlinks-edit-table-context-menu .ant-menu .ant-menu-item {
+  margin: 0;
+  height: 32px;
+}
+.jetlinks-edit-table-context-menu .ant-menu .ant-menu-item.danger {
+  color: #ff4d4f;
+}
+.jetlinks-edit-table-context-menu .ant-menu-item-active {
+  background-color: var(--ant-primary-1);
+}
 .edit-table-search-header {
   display: flex;
   justify-content: space-between;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetlinks-web/components",
-  "version": "2.4.25",
+  "version": "2.5.0",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -156,8 +156,8 @@
     "webpack-dev-server": "^4.0.0",
     "webpack-merge": "^5.0.0",
     "webpackbar": "^5.0.2",
-    "@jetlinks-web/constants": "^1.0.9",
     "@jetlinks-web/utils": "^1.2.8",
+    "@jetlinks-web/constants": "^1.0.9",
     "@jetlinks-web/hooks": "^1.0.24"
   },
   "publishConfig": {