cloud-web-corejs 1.0.54-dev.560 → 1.0.54-dev.562

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,200 +0,0 @@
1
- .vxe-table--cell-area {
2
- position: initial;
3
- }
4
- .vxe-header--column.col--cell-active {
5
- position: relative;
6
- }
7
- .vxe-header--column.col--cell-active:not(.col--group)::after {
8
- border-bottom: var(--vxe-ui-table-cell-area-status-border-width, 1px) solid
9
- var(--vxe-ui-font-primary-color, #409eff);
10
- }
11
- .vxe-header--column.col--cell-active::after {
12
- content: "";
13
- position: absolute;
14
- bottom: 0;
15
- left: 0;
16
- height: 100%;
17
- width: 100%;
18
- background: var(
19
- --vxe-ui-table-header-active-area-background-color,
20
- rgba(64, 158, 255, 0.1)
21
- );
22
- -webkit-user-select: none;
23
- -moz-user-select: none;
24
- -ms-user-select: none;
25
- user-select: none;
26
- pointer-events: none;
27
- pointer-events: none;
28
- z-index: 1;
29
- }
30
- .vxe-table .vxe-body--column.col--to-row {
31
- background-color: var(--vxe-ui-table-header-background-color, #f8f8f9);
32
- }
33
- .vxe-table--fnr.vxe-modal--wrapper .vxe-modal--content {
34
- padding: 0;
35
- }
36
- .vxe-table--fnr.vxe-modal--wrapper .vxe-modal--content {
37
- display: flex;
38
- flex-direction: column;
39
- }
40
- .vxe-table--fnr .vxe-table--fnr-tabs {
41
- flex-shrink: 0;
42
- border-bottom: 1px solid var(--vxe-ui-table-border-color, #e8eaec);
43
- background-color: var(--vxe-ui-tabs-card-header-background-color);
44
- -webkit-user-select: none;
45
- -moz-user-select: none;
46
- -ms-user-select: none;
47
- user-select: none;
48
- }
49
- .vxe-table--fnr .vxe-table--fnr-tabs > span {
50
- position: relative;
51
- display: inline-block;
52
- padding: 0 1em;
53
- height: 2.4em;
54
- line-height: 2.4em;
55
- text-align: center;
56
- border-right: 1px solid var(--vxe-ui-table-border-color, #e8eaec);
57
- background-color: var(--vxe-ui-table-header-background-color, #f8f8f8);
58
- vertical-align: bottom;
59
- cursor: pointer;
60
- }
61
- .vxe-table--fnr .vxe-table--fnr-tabs > span.is--active {
62
- background-color: var(--vxe-ui-layout-background-color, #fff);
63
- }
64
- .vxe-table--fnr .vxe-table--fnr-tabs > span.is--active:after {
65
- content: "";
66
- position: absolute;
67
- left: 0;
68
- bottom: -1px;
69
- width: 100%;
70
- height: 1px;
71
- background-color: var(--vxe-ui-layout-background-color, #fff);
72
- z-index: 1;
73
- }
74
- .vxe-table--fnr .vxe-table--fnr-body {
75
- flex-shrink: 0;
76
- padding: 0.3em 1em 0 1em;
77
- }
78
- .vxe-table--fnr .vxe-table--fnr-form {
79
- width: 100%;
80
- border: 0;
81
- border-spacing: 0;
82
- border-collapse: separate;
83
- }
84
- .vxe-table--fnr .vxe-table--fnr-form tr {
85
- visibility: hidden;
86
- }
87
- .vxe-table--fnr .vxe-table--fnr-form tr.is--visible {
88
- visibility: visible;
89
- }
90
- .vxe-table--fnr .vxe-table--fnr-form-title {
91
- white-space: nowrap;
92
- padding-right: 0.8em;
93
- }
94
- .vxe-table--fnr .vxe-table--fnr-form-content,
95
- .vxe-table--fnr .vxe-table--fnr-form-input {
96
- width: 100%;
97
- }
98
- .vxe-table--fnr .vxe-table--fnr-form-content {
99
- padding: 0.3em 0;
100
- }
101
- .vxe-table--fnr .vxe-table--fnr-form-filter {
102
- padding-left: 1.8em;
103
- vertical-align: top;
104
- }
105
- .vxe-table--fnr .vxe-table--fnr-form-filter > .vxe-checkbox {
106
- display: block;
107
- margin: 0.6em 0 0 0;
108
- }
109
- .vxe-table--fnr .vxe-table--fnr-footer {
110
- flex-shrink: 0;
111
- padding: 0.8em 1em;
112
- overflow: hidden;
113
- text-align: right;
114
- }
115
- .vxe-table--fnr .vxe-table--fnr-search {
116
- display: flex;
117
- flex-direction: column;
118
- flex-grow: 1;
119
- border-top: 1px solid var(--vxe-ui-table-border-color, #e8eaec);
120
- border-bottom: 1px solid var(--vxe-ui-table-border-color, #e8eaec);
121
- overflow: hidden;
122
- }
123
- .vxe-table--fnr .vxe-table--fnr-search .vxe-list--virtual-wrapper,
124
- .vxe-table--fnr .vxe-table--fnr-search .vxe-table--fnr-search-list {
125
- height: 100%;
126
- }
127
- .vxe-table--fnr .vxe-table--fnr-search-header {
128
- flex-shrink: 0;
129
- height: 2.5em;
130
- line-height: 2.5em;
131
- padding: 0 0.8em;
132
- font-weight: 700;
133
- background-color: var(--vxe-ui-table-header-background-color, #f8f8f8);
134
- }
135
- .vxe-table--fnr .vxe-table--fnr-find-item,
136
- .vxe-table--fnr .vxe-table--fnr-search-header {
137
- display: flex;
138
- }
139
- .vxe-table--fnr .vxe-table--fnr-find-item > div,
140
- .vxe-table--fnr .vxe-table--fnr-search-header > div {
141
- -webkit-user-select: none;
142
- -moz-user-select: none;
143
- -ms-user-select: none;
144
- user-select: none;
145
- overflow: hidden;
146
- text-overflow: ellipsis;
147
- white-space: nowrap;
148
- }
149
- .vxe-table--fnr .vxe-table--fnr-find-item > div:nth-child(1),
150
- .vxe-table--fnr .vxe-table--fnr-search-header > div:nth-child(1) {
151
- width: 100px;
152
- flex-shrink: 0;
153
- }
154
- .vxe-table--fnr .vxe-table--fnr-find-item > div:nth-child(2),
155
- .vxe-table--fnr .vxe-table--fnr-search-header > div:nth-child(2) {
156
- width: 160px;
157
- flex-shrink: 0;
158
- }
159
- .vxe-table--fnr .vxe-table--fnr-find-item > div:nth-child(3),
160
- .vxe-table--fnr .vxe-table--fnr-search-header > div:nth-child(3) {
161
- flex-grow: 1;
162
- }
163
- .vxe-table--fnr .vxe-table--fnr-search-body {
164
- flex-grow: 1;
165
- overflow: hidden;
166
- border-top: 1px solid var(--vxe-ui-table-border-color, #e8eaec);
167
- border-bottom: 1px solid var(--vxe-ui-table-border-color, #e8eaec);
168
- }
169
- .vxe-table--fnr .vxe-table--fnr-find-item {
170
- height: 2em;
171
- line-height: 2em;
172
- padding: 0 0.8em;
173
- cursor: pointer;
174
- }
175
- .vxe-table--fnr .vxe-table--fnr-find-item.is--active {
176
- color: var(--vxe-ui-font-primary-color, #409eff);
177
- background-color: var(--vxe-ui-table-row-current-background-color, #e6f7ff);
178
- }
179
- .vxe-table--fnr .vxe-table--fnr-find-item:hover.is--active {
180
- background-color: var(
181
- --vxe-ui-table-row-hover-current-background-color,
182
- #d7effb
183
- );
184
- }
185
- .vxe-table--fnr .vxe-table--fnr-find-item:hover > div {
186
- text-decoration: underline;
187
- }
188
- .vxe-table--fnr .vxe-table--fnr-search-footer {
189
- flex-shrink: 0;
190
- height: 2em;
191
- line-height: 2em;
192
- padding: 0 0.8em;
193
- visibility: hidden;
194
- }
195
- .vxe-table--fnr .vxe-table--fnr-search-footer.is--error {
196
- color: var(--vxe-ui-status-error-color, #f56c6c);
197
- }
198
- .vxe-table--fnr .vxe-table--fnr-search-footer.is--visible {
199
- visibility: visible;
200
- }
@@ -1,151 +0,0 @@
1
-
2
- let module = {
3
- install (vxetable, options) {
4
- let Table = vxetable.Table;
5
- // return
6
-
7
-
8
-
9
- Table.mixins.push({
10
- methods: {
11
- /**
12
- * 全局按下事件处理
13
- */
14
- handleGlobalMousedownEvent : (evnt) => {
15
- let $xeTable = this
16
- const { editStore, ctxMenuStore, filterStore, customStore } = reactData
17
- const { mouseConfig, editRules } = props
18
- const el = refElem.value
19
- const editOpts = computeEditOpts.value
20
- const validOpts = computeValidOpts.value
21
- const areaOpts = computeAreaOpts.value
22
- const { actived } = editStore
23
- const $validTooltip = refValidTooltip.value
24
- const tableFilter = refTableFilter.value
25
- const tableCustom = refTableCustom.value
26
- const tableMenu = refTableMenu.value
27
- // 筛选
28
- if (tableFilter) {
29
- if (getEventTargetNode(evnt, el, 'vxe-cell--filter').flag) {
30
- // 如果点击了筛选按钮
31
- } else if (getEventTargetNode(evnt, tableFilter.getRefMaps().refElem.value).flag) {
32
- // 如果点击筛选容器
33
- } else {
34
- if (!getEventTargetNode(evnt, document.body, 'vxe-table--ignore-clear').flag) {
35
- tablePrivateMethods.preventEvent(evnt, 'event.clearFilter', filterStore.args, tableMethods.closeFilter)
36
- }
37
- }
38
- }
39
- // 自定义列
40
- if (tableCustom) {
41
- if (customStore.btnEl === evnt.target || getEventTargetNode(evnt, document.body, 'vxe-toolbar-custom-target').flag) {
42
- // 如果点击了自定义列按钮
43
- } else if (getEventTargetNode(evnt, tableCustom.getRefMaps().refElem.value).flag) {
44
- // 如果点击自定义列容器
45
- } else {
46
- if (!getEventTargetNode(evnt, document.body, 'vxe-table--ignore-clear').flag) {
47
- tablePrivateMethods.preventEvent(evnt, 'event.clearCustom', {}, () => {
48
- if ($xeTable.closeCustom) {
49
- $xeTable.closeCustom()
50
- }
51
- })
52
- }
53
- }
54
- }
55
-
56
- // 如果已激活了编辑状态
57
- if (actived.row) {
58
- if (!(editOpts.autoClear === false)) {
59
- // 如果是激活状态,点击了单元格之外
60
- const cell = actived.args.cell
61
- if ((!cell || !getEventTargetNode(evnt, cell).flag)) {
62
- if ($validTooltip && getEventTargetNode(evnt, $validTooltip.$el as HTMLDivElement).flag) {
63
- // 如果是激活状态,且点击了校验提示框
64
- } else if (!internalData._lastCallTime || internalData._lastCallTime + 50 < Date.now()) {
65
- // 如果是激活状态,点击了单元格之外
66
- if (!getEventTargetNode(evnt, document.body, 'vxe-table--ignore-clear').flag) {
67
- // 如果手动调用了激活单元格,避免触发源被移除后导致重复关闭
68
- tablePrivateMethods.preventEvent(evnt, 'event.clearEdit', actived.args, () => {
69
- let isClear
70
- if (editOpts.mode === 'row') {
71
- const rowTargetNode = getEventTargetNode(evnt, el, 'vxe-body--row')
72
- const rowNodeRest = rowTargetNode.flag ? tableMethods.getRowNode(rowTargetNode.targetElem) : null
73
- // row 方式,如果点击了不同行
74
- isClear = rowNodeRest ? !$xeTable.eqRow(rowNodeRest.item, actived.args.row) : false
75
- } else {
76
- // cell 方式,如果是非编辑列
77
- isClear = !getEventTargetNode(evnt, el, 'col--edit').flag
78
- }
79
- // 如果点击表头行,则清除激活状态
80
- if (!isClear) {
81
- isClear = getEventTargetNode(evnt, el, 'vxe-header--row').flag
82
- }
83
- // 如果点击表尾行,则清除激活状态
84
- if (!isClear) {
85
- isClear = getEventTargetNode(evnt, el, 'vxe-footer--row').flag
86
- }
87
- // 如果固定了高度且点击了行之外的空白处,则清除激活状态
88
- if (!isClear && props.height && !reactData.overflowY) {
89
- const bodyWrapperElem = evnt.target as HTMLDivElement
90
- if (hasClass(bodyWrapperElem, 'vxe-table--body-wrapper')) {
91
- isClear = evnt.offsetY < bodyWrapperElem.clientHeight
92
- }
93
- }
94
- if (
95
- isClear ||
96
- // 如果点击了当前表格之外
97
- !getEventTargetNode(evnt, el).flag
98
- ) {
99
- setTimeout(() => {
100
- $xeTable.handleClearEdit(evnt).then(() => {
101
- // 如果存在校验,点击了表格之外则清除
102
- if (!internalData.isActivated && editRules && validOpts.autoClear) {
103
- reactData.validErrorMaps = {}
104
- }
105
- })
106
- })
107
- }
108
- })
109
- }
110
- }
111
- }
112
- }
113
- } else if (mouseConfig) {
114
- if (!getEventTargetNode(evnt, el).flag && !($xeGGWrapper && getEventTargetNode(evnt, $xeGGWrapper.getRefMaps().refElem.value).flag) && !(tableMenu && getEventTargetNode(evnt, tableMenu.getRefMaps().refElem.value).flag) && !($xeToolbar && getEventTargetNode(evnt, $xeToolbar.getRefMaps().refElem.value).flag)) {
115
- if ($xeTable.clearSelected) {
116
- $xeTable.clearSelected()
117
- }
118
- if (areaOpts.autoClear) {
119
- if ($xeTable.getCellAreas) {
120
- const cellAreas = $xeTable.getCellAreas()
121
- if (cellAreas && cellAreas.length && !getEventTargetNode(evnt, document.body, 'vxe-table--ignore-areas-clear').flag) {
122
- tablePrivateMethods.preventEvent(evnt, 'event.clearAreas', {}, () => {
123
- $xeTable.clearCellAreas()
124
- $xeTable.clearCopyCellArea()
125
- dispatchEvent('clear-cell-area-selection', { cellAreas }, evnt)
126
- })
127
- }
128
- }
129
- }
130
- }
131
- }
132
- // 如果配置了快捷菜单且,点击了其他地方则关闭
133
- if ($xeTable.closeMenu) {
134
- if (ctxMenuStore.visible && tableMenu && !getEventTargetNode(evnt, tableMenu.getRefMaps().refElem.value).flag) {
135
- $xeTable.closeMenu()
136
- }
137
- }
138
- const isActivated = getEventTargetNode(evnt, $xeGGWrapper ? $xeGGWrapper.getRefMaps().refElem.value : el).flag
139
- // 如果存在校验,点击了表格之外则清除
140
- if (!isActivated && editRules && validOpts.autoClear) {
141
- reactData.validErrorMaps = {}
142
- }
143
- // 最后激活的表格
144
- internalData.isActivated = isActivated
145
- }
146
- }
147
- })
148
- }
149
- }
150
-
151
- export default module