@jetlinks-web/components 2.4.24 → 2.5.0

package/es/ValueItem/ValueItem.js

@@ -27,6 +27,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "headers": "props",
   "disabled": "props",
   "extraProps": "props",
+  "handleFileChange": "setup-const",
   "CSSProperties": "setup-const",
   "PropType": "setup-const",
   "ref": "setup-const",
@@ -51,8 +52,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "objectValue": "setup-ref",
   "bindProps": "setup-ref",
   "handleItemModalSubmit": "setup-const",
-  "onChange": "setup-const",
-  "handleFileChange": "setup-const"
+  "onChange": "setup-const"
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, mergeProps as _mergeProps, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, createElementVNode as _createElementVNode, createElementBlock as _createElementBlock } from "vue";
@@ -94,6 +94,9 @@ const __sfc_main__ = _defineComponent({
         extraProps: {
             type: Object,
             default: () => ({})
+        },
+        handleFileChange: {
+            type: Function,
         }
     },
     emits: ["update:modelValue", "change"],
@@ -117,9 +120,12 @@ const __sfc_main__ = _defineComponent({
             emit('update:modelValue', myValue.value);
             emit('change', e && e.target ? e.target.value : e);
         };
-        const handleFileChange = (info) => {
+        const handleFileChange = async (info) => {
             if (info.file.status === 'done') {
-                const url = _optionalChain([info, 'access', _2 => _2.file, 'access', _3 => _3.response, 'optionalAccess', _4 => _4.result]);
+                let url = _optionalChain([info, 'access', _2 => _2.file, 'access', _3 => _3.response, 'optionalAccess', _4 => _4.result, 'optionalAccess', _5 => _5.accessUrl]);
+                if (props.handleFileChange) {
+                    url = await props.handleFileChange(info, info.file.response);
+                }
                 myValue.value = url;
                 emit('update:modelValue', url);
                 emit('change', url);

package/es/locale/en-US.js

@@ -62,12 +62,48 @@ export default {
     description: 'Please configure the Amap key for Gaode'
   },
   EditTable: {
+    serial: 'Serial',
+    columns: {
+      sign: 'Sign',
+      name: 'Name',
+      count: 'count'
+    },
     contextMenu: {
-      add: 'Add new row',
-      copy: 'Copy row',
-      paste: 'Paste row',
+      add: 'Add',
+      copy: 'Copy',
+      paste: 'Paste',
       detail: 'View details',
       delete: 'Delete'
+    },
+    Search: {
+      find: 'Find',
+      placeholder: 'Please enter the search content',
+      all: 'Find all',
+      prev: 'Previous',
+      next: 'Next',
+      close: 'Close',
+      rows: 'Rows',
+      row: 'Line',
+      rd: '',
+      found: 'Found',
+      related: 'Related'
+    },
+    Sort: {
+      sort: 'Sort',
+      clean: 'Clear conditions',
+      up: 'Ascending order',
+      down: 'Descending order'
+    },
+    Group: {
+      one: 'Grouping_',
+      edit: 'Edit',
+      delete: 'Delete',
+      validate: 'Verify non-compliance',
+      editGroup: 'Edit Group',
+      addGroup: 'Add Group',
+      placeholder: 'Please enter the group name',
+      max: 'Up to 16 characters can be entered',
+      deleteMessage: 'Will the data within the group be synchronously deleted? Are you sure about deletion?'
     }
   },
   ValueItem: {

package/es/locale/zh-CN.js

@@ -62,12 +62,48 @@ export 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/es/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;