@lx-frontend/wrap-element-ui 1.0.26 → 1.0.27

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.
Files changed (113) hide show
  1. package/README.md +4 -54
  2. package/package.json +8 -38
  3. package/src/components/AddMembers/index.vue +149 -0
  4. package/src/components/AuditSteps/index.vue +140 -0
  5. package/src/components/DemoComponent/index.vue +21 -0
  6. package/src/components/EditableTable/README.md +147 -0
  7. package/{dist/vue2/types/components/EditableTable/bizHooks/index.d.ts → src/components/EditableTable/bizHooks/index.ts} +1 -1
  8. package/src/components/EditableTable/bizHooks/useCellHover.ts +72 -0
  9. package/src/components/EditableTable/bizHooks/useColumnHeaderOperation.ts +339 -0
  10. package/src/components/EditableTable/bizHooks/useDefaultOperation.ts +96 -0
  11. package/src/components/EditableTable/bizHooks/useDragSort.ts +291 -0
  12. package/src/components/EditableTable/bizHooks/usePagination.ts +31 -0
  13. package/src/components/EditableTable/bizHooks/useRowBgColor.ts +44 -0
  14. package/src/components/EditableTable/bizHooks/useViewSetting.ts +206 -0
  15. package/src/components/EditableTable/features/bizColorSelect.vue +63 -0
  16. package/src/components/EditableTable/features/bizEditCell.vue +44 -0
  17. package/src/components/EditableTable/features/bizTableHeaderPopover/BizCheckboxFilter.vue +40 -0
  18. package/src/components/EditableTable/features/bizTableHeaderPopover/BizColorRadioFilter.vue +56 -0
  19. package/src/components/EditableTable/features/bizTableHeaderPopover/BizDoubleDatePickerFilter.vue +94 -0
  20. package/src/components/EditableTable/features/bizTableHeaderPopover/BizInputFilter.vue +26 -0
  21. package/src/components/EditableTable/features/bizTableHeaderPopover/BizMonthDayPicker.helper.ts +131 -0
  22. package/src/components/EditableTable/features/bizTableHeaderPopover/BizMonthDayPicker.vue +115 -0
  23. package/src/components/EditableTable/features/bizTableHeaderPopover/BizRadioFilter.vue +39 -0
  24. package/src/components/EditableTable/features/bizTableHeaderPopover/BizSortFilter.vue +50 -0
  25. package/src/components/EditableTable/features/bizTableHeaderPopover/index.vue +160 -0
  26. package/src/components/EditableTable/features/bizTableOperatePopover.vue +67 -0
  27. package/src/components/EditableTable/features/bizViewSettingDialog.vue +137 -0
  28. package/src/components/EditableTable/index.less +820 -0
  29. package/src/components/EditableTable/index.vue +682 -0
  30. package/src/components/EditableTable/pin-top.png +0 -0
  31. package/src/components/EditableTable/types/index.ts +212 -0
  32. package/src/components/Ellipsis/MultilineEllipsis.vue +141 -0
  33. package/src/components/Ellipsis/index.vue +119 -0
  34. package/src/components/LxTable/index.vue +296 -0
  35. package/src/components/PopoverForm/index.vue +66 -0
  36. package/src/components/SearchForm/index.vue +262 -0
  37. package/src/components/SearchForm/types/index.ts +81 -0
  38. package/src/components/SearchSelect/index.vue +153 -0
  39. package/src/components/helper.ts +37 -0
  40. package/src/components/index.ts +24 -0
  41. package/src/components/singleMessage/index.ts +44 -0
  42. package/dist/auto/index.mjs +0 -21
  43. package/dist/auto/types/index.d.ts +0 -9
  44. package/dist/vue2/index.css +0 -1
  45. package/dist/vue2/index.mjs +0 -3017
  46. package/dist/vue2/types/components/AddMembers/index.vue.d.ts +0 -31
  47. package/dist/vue2/types/components/AuditSteps/index.vue.d.ts +0 -46
  48. package/dist/vue2/types/components/DemoComponent/index.vue.d.ts +0 -2
  49. package/dist/vue2/types/components/EditableTable/bizHooks/useCellHover.d.ts +0 -11
  50. package/dist/vue2/types/components/EditableTable/bizHooks/useColumnHeaderOperation.d.ts +0 -34
  51. package/dist/vue2/types/components/EditableTable/bizHooks/useDefaultOperation.d.ts +0 -22
  52. package/dist/vue2/types/components/EditableTable/bizHooks/useDragSort.d.ts +0 -14
  53. package/dist/vue2/types/components/EditableTable/bizHooks/usePagination.d.ts +0 -12
  54. package/dist/vue2/types/components/EditableTable/bizHooks/useRowBgColor.d.ts +0 -15
  55. package/dist/vue2/types/components/EditableTable/bizHooks/useViewSetting.d.ts +0 -26
  56. package/dist/vue2/types/components/EditableTable/features/bizColorSelect.vue.d.ts +0 -25
  57. package/dist/vue2/types/components/EditableTable/features/bizEditCell.vue.d.ts +0 -21
  58. package/dist/vue2/types/components/EditableTable/features/bizTableHeaderPopover/BizCheckboxFilter.vue.d.ts +0 -21
  59. package/dist/vue2/types/components/EditableTable/features/bizTableHeaderPopover/BizColorRadioFilter.vue.d.ts +0 -21
  60. package/dist/vue2/types/components/EditableTable/features/bizTableHeaderPopover/BizDoubleDatePickerFilter.vue.d.ts +0 -21
  61. package/dist/vue2/types/components/EditableTable/features/bizTableHeaderPopover/BizInputFilter.vue.d.ts +0 -21
  62. package/dist/vue2/types/components/EditableTable/features/bizTableHeaderPopover/BizMonthDayPicker.helper.d.ts +0 -48
  63. package/dist/vue2/types/components/EditableTable/features/bizTableHeaderPopover/BizMonthDayPicker.vue.d.ts +0 -21
  64. package/dist/vue2/types/components/EditableTable/features/bizTableHeaderPopover/BizRadioFilter.vue.d.ts +0 -21
  65. package/dist/vue2/types/components/EditableTable/features/bizTableHeaderPopover/BizSortFilter.vue.d.ts +0 -23
  66. package/dist/vue2/types/components/EditableTable/features/bizTableHeaderPopover/index.vue.d.ts +0 -311
  67. package/dist/vue2/types/components/EditableTable/features/bizTableOperatePopover.vue.d.ts +0 -32
  68. package/dist/vue2/types/components/EditableTable/features/bizViewSettingDialog.vue.d.ts +0 -30
  69. package/dist/vue2/types/components/EditableTable/index.vue.d.ts +0 -472
  70. package/dist/vue2/types/components/EditableTable/types/index.d.ts +0 -235
  71. package/dist/vue2/types/components/Ellipsis/MultilineEllipsis.vue.d.ts +0 -91
  72. package/dist/vue2/types/components/Ellipsis/index.vue.d.ts +0 -89
  73. package/dist/vue2/types/components/LxTable/index.vue.d.ts +0 -2
  74. package/dist/vue2/types/components/PopoverForm/index.vue.d.ts +0 -50
  75. package/dist/vue2/types/components/SearchForm/index.vue.d.ts +0 -116
  76. package/dist/vue2/types/components/SearchForm/types/index.d.ts +0 -65
  77. package/dist/vue2/types/components/SearchSelect/index.vue.d.ts +0 -53
  78. package/dist/vue2/types/components/helper.d.ts +0 -8
  79. package/dist/vue2/types/components/index.d.ts +0 -12
  80. package/dist/vue2/types/components/singleMessage/index.d.ts +0 -4
  81. package/dist/vue2/types/vue2/index.d.ts +0 -1363
  82. package/dist/vue3/index.css +0 -1
  83. package/dist/vue3/index.mjs +0 -2306
  84. package/dist/vue3/index.mjs.map +0 -1
  85. package/dist/vue3/types/components/EditableTable/features/bizColorSelect.vue.d.ts +0 -31
  86. package/dist/vue3/types/components/EditableTable/features/bizTableHeaderPopover/BizCheckboxFilter.vue.d.ts +0 -23
  87. package/dist/vue3/types/components/EditableTable/features/bizTableHeaderPopover/BizColorRadioFilter.vue.d.ts +0 -23
  88. package/dist/vue3/types/components/EditableTable/features/bizTableHeaderPopover/BizDoubleDatePickerFilter.vue.d.ts +0 -23
  89. package/dist/vue3/types/components/EditableTable/features/bizTableHeaderPopover/BizInputFilter.vue.d.ts +0 -23
  90. package/dist/vue3/types/components/EditableTable/features/bizTableHeaderPopover/BizMonthDayPicker.helper.d.ts +0 -48
  91. package/dist/vue3/types/components/EditableTable/features/bizTableHeaderPopover/BizMonthDayPicker.vue.d.ts +0 -23
  92. package/dist/vue3/types/components/EditableTable/features/bizTableHeaderPopover/BizRadioFilter.vue.d.ts +0 -23
  93. package/dist/vue3/types/components/EditableTable/features/bizTableHeaderPopover/BizSortFilter.vue.d.ts +0 -25
  94. package/dist/vue3/types/components/EditableTable/features/bizTableHeaderPopover/index.vue.d.ts +0 -77
  95. package/dist/vue3/types/components/EditableTable/features/bizTableOperatePopover.vue.d.ts +0 -36
  96. package/dist/vue3/types/components/EditableTable/features/bizViewSettingDialog.vue.d.ts +0 -35
  97. package/dist/vue3/types/components/EditableTable/hooks/index.d.ts +0 -9
  98. package/dist/vue3/types/components/EditableTable/hooks/useCellHover.d.ts +0 -19
  99. package/dist/vue3/types/components/EditableTable/hooks/useColumnHeaderOperation.d.ts +0 -37
  100. package/dist/vue3/types/components/EditableTable/hooks/useDefaultOperation.d.ts +0 -22
  101. package/dist/vue3/types/components/EditableTable/hooks/useDragSort.d.ts +0 -15
  102. package/dist/vue3/types/components/EditableTable/hooks/usePagination.d.ts +0 -12
  103. package/dist/vue3/types/components/EditableTable/hooks/useRowBgColor.d.ts +0 -18
  104. package/dist/vue3/types/components/EditableTable/hooks/useRowEdit.d.ts +0 -14
  105. package/dist/vue3/types/components/EditableTable/hooks/useTableRender.d.ts +0 -41
  106. package/dist/vue3/types/components/EditableTable/hooks/useViewSetting.d.ts +0 -26
  107. package/dist/vue3/types/components/EditableTable/index.vue.d.ts +0 -4478
  108. package/dist/vue3/types/components/EditableTable/types.d.ts +0 -419
  109. package/dist/vue3/types/components/helper.d.ts +0 -8
  110. package/dist/vue3/types/index.d.ts +0 -7
  111. package/dist/vue3/types/stories/EditableTable.fake.d.ts +0 -33
  112. package/dist/vue3/types/stories/EditableTable.hook.d.ts +0 -12
  113. package/dist/vue3/types/stories/EditableTable.stories.d.ts +0 -18
@@ -0,0 +1,153 @@
1
+ <template>
2
+ <div
3
+ class="search-select"
4
+ @keyup.up.prevent="navigateOptions($event, 'prev')"
5
+ @keyup.down.prevent="navigateOptions($event, 'next')"
6
+ @keyup.enter.prevent="selectOption"
7
+ >
8
+ <el-input
9
+ ref="input"
10
+ v-model="content"
11
+ class="search-select__input"
12
+ :placeholder="placeholder"
13
+ @input="handleInputChange"
14
+ @focus="handleFocus"
15
+ @blur="handleBlur"
16
+ />
17
+ <div
18
+ v-if="visible && value !== ''"
19
+ class="select-down"
20
+ >
21
+ <div
22
+ v-for="(item, index) in list"
23
+ :key="getKey(item, index)"
24
+ :class="['select-down__item', {'select-down__item--active': currentId === index}]"
25
+ @mouseover="currentId = index"
26
+ @click="handleSelect(item)"
27
+ >
28
+ <div
29
+ v-for="(showItem, index) in showList"
30
+ :key="getKey(showItem, index)"
31
+ :style="`flex: ${showItem.flex}`"
32
+ :class="`select-down__box select-down__${showItem.name}`"
33
+ >
34
+ <span>{{ item[showItem.name] || '--' }}</span>
35
+ </div>
36
+ </div>
37
+ </div>
38
+ </div>
39
+ </template>
40
+
41
+ <script>
42
+ export default {
43
+ name: 'SearchSelect',
44
+ props: {
45
+ value: {
46
+ default: '',
47
+ type: String,
48
+ },
49
+ placeholder: {
50
+ default: '请输入',
51
+ type: String,
52
+ },
53
+ list: {
54
+ default: () => [],
55
+ type: Array,
56
+ },
57
+ showList: {
58
+ default: () => [],
59
+ type: Array,
60
+ }
61
+ },
62
+ data() {
63
+ return {
64
+ content: '',
65
+ visible: false,
66
+ currentId: 0
67
+ }
68
+ },
69
+ watch: {
70
+ value(val) {
71
+ this.content = val
72
+ }
73
+ },
74
+ methods: {
75
+ handleFocus() {
76
+ this.visible = true
77
+ this.$emit('input', this.content)
78
+ },
79
+ handleInputChange(params) {
80
+ this.$emit('update:value', params)
81
+ this.$emit('input', params)
82
+ },
83
+ navigateOptions(e, params) {
84
+ e.target.selectionStart = this.content.length
85
+ if (params === 'next') this.currentId = this.currentId === this.list.length - 1 ? 0 : this.currentId + 1
86
+ if (params === 'prev') this.currentId = this.currentId === 0 ? this.list.length - 1 : this.currentId - 1
87
+ },
88
+ selectOption() {
89
+ this.visible = false
90
+ this.$refs.input.blur()
91
+ this.$emit('select', this.list[this.currentId])
92
+ },
93
+ handleBlur() {
94
+ const timer = setTimeout(() => {
95
+ this.visible = false
96
+ clearTimeout(timer)
97
+ }, 300)
98
+ },
99
+ handleSelect(item) {
100
+ this.$emit('select', item)
101
+ },
102
+ getKey (item, index) {
103
+ return btoa(escape(`${item}_${index}`))
104
+ }
105
+ },
106
+ };
107
+ </script>
108
+
109
+ <style lang="less">
110
+ .search-select{
111
+ position: relative;
112
+ width: 100%;
113
+
114
+ &__input{
115
+ width: 100%;
116
+ }
117
+ }
118
+
119
+ .select-down{
120
+ width: 100%;
121
+ position: absolute;
122
+ z-index: 100;
123
+ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
124
+ border-radius: 4px;
125
+ border: 0 solid #d0d0d1;
126
+ background-color: #fff;
127
+ overflow: hidden;
128
+ margin-top: 10px;
129
+
130
+ &__item{
131
+ height: 30px;
132
+ line-height: 30px;
133
+ display: flex;
134
+ justify-content: space-between;
135
+ text-align: center;
136
+ box-sizing: border-box;
137
+ padding: 0 15px;
138
+
139
+ &--active{
140
+ background-color: #eee;
141
+ }
142
+ }
143
+
144
+ &__box{
145
+ text-align: center;
146
+ overflow: hidden;
147
+
148
+ &:first-of-type{
149
+ text-align: left;
150
+ }
151
+ }
152
+ }
153
+ </style>
@@ -0,0 +1,37 @@
1
+ import dayjs from "dayjs";
2
+
3
+ /** 开始日期禁用配置 */
4
+ export function genStartDateDisabledOptions(endDate: string, limit: number = 0) {
5
+ return {
6
+ disabledDate: (time: Date) => {
7
+ if (!endDate) return false;
8
+
9
+ const currentDate = dayjs(time);
10
+ const baseOption = currentDate.isAfter(dayjs(endDate), 'day');
11
+
12
+ if (!limit) {
13
+ return baseOption
14
+ }
15
+
16
+ return baseOption || currentDate.isBefore(dayjs(endDate).subtract(limit - 1, 'day'), 'day');
17
+ }
18
+ };
19
+ }
20
+
21
+ /** 结束日期禁用配置 */
22
+ export function genEndDateDisabledOptions(startDate: string, limit: number = 0) {
23
+ return {
24
+ disabledDate: (time: Date) => {
25
+ if (!startDate) return false;
26
+
27
+ const currentDate = dayjs(time);
28
+ const baseOption = currentDate.isBefore(dayjs(startDate), 'day');
29
+
30
+ if (!limit) {
31
+ return baseOption
32
+ }
33
+
34
+ return baseOption || currentDate.isAfter(dayjs(startDate).add(limit - 1, 'day'), 'day');
35
+ }
36
+ };
37
+ }
@@ -0,0 +1,24 @@
1
+
2
+ import DemoComponent from './DemoComponent/index.vue'
3
+ import AuditSteps from './AuditSteps/index.vue'
4
+ import Ellipsis from './Ellipsis/index.vue'
5
+ import SearchForm from './SearchForm/index.vue'
6
+ import LxTable from './LxTable/index.vue'
7
+ import SearchSelect from './SearchSelect/index.vue'
8
+ import AddMembers from './AddMembers/index.vue'
9
+ import PopoverForm from './PopoverForm/index.vue'
10
+ import EditableTable from './EditableTable/index.vue'
11
+ import SingleMessage from './singleMessage/index'
12
+
13
+ export {
14
+ DemoComponent,
15
+ AuditSteps,
16
+ Ellipsis,
17
+ SearchForm,
18
+ LxTable,
19
+ SearchSelect,
20
+ AddMembers,
21
+ PopoverForm,
22
+ EditableTable,
23
+ SingleMessage
24
+ }
@@ -0,0 +1,44 @@
1
+ import { Message } from 'element-ui';
2
+ import MessageType from 'element-ui/packages/message';
3
+
4
+
5
+ let messageInstance: MessageType = null;
6
+
7
+ const closeMsg = (message: MessageType) => {
8
+ message.singleTimer = setTimeout(() => {
9
+ message.singleTimer && clearTimeout(message.singleTimer);
10
+ message.close();
11
+ messageInstance = null;
12
+ }, 3000);
13
+ };
14
+
15
+ const singleMessage: MessageType = (options: any) => {
16
+ if (
17
+ messageInstance
18
+ && (messageInstance.message !== options.message || messageInstance.type !== options.type)
19
+ ) {
20
+ messageInstance.close();
21
+ messageInstance = Message({ ...options, duration: 0 });
22
+ return closeMsg(messageInstance);
23
+ }
24
+ if (messageInstance) {
25
+ messageInstance.singleTimer && clearTimeout(messageInstance.singleTimer);
26
+ return closeMsg(messageInstance);
27
+ }
28
+ messageInstance = Message({ ...options, duration: 0 });
29
+ closeMsg(messageInstance);
30
+ };
31
+
32
+ ['error', 'success', 'info', 'warning'].forEach(type => {
33
+ singleMessage[type] = options => {
34
+ if (typeof options === 'string') {
35
+ options = {
36
+ message: options,
37
+ };
38
+ }
39
+ options.type = type;
40
+ return singleMessage(options);
41
+ };
42
+ });
43
+
44
+ export default singleMessage;
@@ -1,21 +0,0 @@
1
- import l from "../vue2/index.mjs";
2
- import m from "../vue3/index.mjs";
3
- const c = (o) => {
4
- const s = (o == null ? void 0 : o.version) || "", t = Number.parseInt(s.split(".")[0] || "", 10);
5
- return Number.isNaN(t) ? 0 : t;
6
- }, e = (o) => {
7
- var r, i;
8
- if (c(o) === 3) {
9
- const n = m;
10
- (r = n.install) == null || r.call(n, o);
11
- return;
12
- }
13
- const t = l;
14
- (i = t.install) == null || i.call(t, o);
15
- }, j = {
16
- install: e
17
- };
18
- export {
19
- j as default,
20
- e as install
21
- };
@@ -1,9 +0,0 @@
1
- type AppLike = {
2
- version?: string;
3
- component?: (name: string, component: unknown) => void;
4
- };
5
- export declare const install: (appOrVue: AppLike) => void;
6
- declare const AutoPlugin: {
7
- install: (appOrVue: AppLike) => void;
8
- };
9
- export default AutoPlugin;
@@ -1 +0,0 @@
1
- .demo-component__input{width:30px;border-color:red}.audit-steps{width:612px}.audit-steps .el-step__head{display:none}.audit-steps__step-item{min-height:43px;max-height:43px;margin-bottom:35px}.audit-steps__step-item .el-select{width:400px}.audit-steps__step-item .el-icon-delete{margin-left:10px;font-size:16px;cursor:pointer}.audit-steps__step-order{cursor:default;margin-right:8px;position:relative;display:inline-block;text-align:center;width:20px;height:20px;border-radius:50%;border:1px solid #aaa;background:#aaa;color:#fff}.audit-steps__step-order:not(.first):before{position:absolute;content:"";display:block;width:1px;height:60px;background:#aaa;top:-60px;left:50%}.audit-steps__add{margin-top:-10px}.ellipsis{width:100%;margin:5px auto}.ellipsis__content{width:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.ellipsis__last-line{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ellipsis-popover{width:100%}.popover-content{padding:18px 20px}.form-double-inline[data-v-28fe8daa]{display:-webkit-box;display:-ms-flexbox;display:flex}.form-double-inline .el-input[data-v-28fe8daa]:not(:first-child){margin-left:4px}.form-double-inline .el-date-editor[data-v-28fe8daa]:not(:first-child){margin-left:4px}.table-content .el-pagination{text-align:right;padding:14px 0}.search-select{position:relative;width:100%}.search-select__input{width:100%}.select-down{width:100%;position:absolute;z-index:100;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px #0000001a;border-radius:4px;border:0 solid #d0d0d1;background-color:#fff;overflow:hidden;margin-top:10px}.select-down__item{height:30px;line-height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 15px}.select-down__item--active{background-color:#eee}.select-down__box{text-align:center;overflow:hidden}.select-down__box:first-of-type{text-align:left}.wp100[data-v-7e47e332]{width:100%}.team-setting__technicians-popover{padding:20px;height:350px;overflow-y:auto}.team-setting__technicians-select{width:320px}.team-setting__empty-technicians-options{font-size:12px;color:#80838e;text-align:center;margin-top:10px}.team-setting__technicians-options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.team-setting__technicians-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:30px}.team-setting__technicians-option-left{width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#80838e}.team-setting__technicians-option-right{color:#1890ff}.team-setting__technicians-option-right--selected{color:#80838e}.color-option[data-v-bb2dea8b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.color-option .icon[data-v-bb2dea8b]{border-radius:50%;width:1em;height:1em;margin-right:.3em;border:1px solid #ccc}.editable-table .el-table__body{width:100%!important}.editable-table__selected-color{position:absolute;left:0;top:0;right:0;bottom:0}.editable-table__color-title{text-align:center;width:28px;padding:0!important}.editable-table__color-icon{padding:0!important;margin-left:8px;width:8px;height:8px;border-radius:50%;position:relative;background-color:#fcae46;cursor:pointer;overflow:visible!important}.editable-table__color-icon:before{background-color:#fc6559;left:-10px;z-index:2}.editable-table__color-icon:after{background-color:#409eff;left:-5px;z-index:1}.editable-table__color-icon:before,.editable-table__color-icon:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:0}.editable-table__color-column,.editable-table__drag-cell{padding:0!important}.editable-table__color-column .cell,.editable-table__drag-cell .cell{padding:0!important;height:100%;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.editable-table__color-column .cell{padding:0!important;border:none!important}.editable-table__drag-line{border:none;border-top:1px solid #13161b;height:4px;width:15px}.editable-table__drag-line:last-child{height:1px}.editable-table__drag-icon{width:100%;height:100%;min-height:45px;cursor:-webkit-grab;cursor:grab;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editable-table__sort-icon{position:relative;width:12px;height:12px;border:1px solid #7b7b7b;padding:0!important;margin-left:4px;border-radius:50%}.editable-table__sort-icon:after{position:absolute;top:50%;left:50%;content:"";width:3px;height:3px;border-bottom:1px solid;border-left:1px solid;border-color:#7b7b7b;-webkit-transform:translate(-50%,-55%) rotate(-45deg);transform:translate(-50%,-55%) rotate(-45deg)}.editable-table__sort-icon--active{border:1px solid #2468f2}.editable-table__sort-icon--active:after{border-color:#2468f2}.editable-table__sort-reference{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editable-table__sort-reference:hover{cursor:pointer}.editable-table__sort-reference--active{color:#2468f2}.editable-table-view-setting__btn-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.editable-table-view-setting__btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:400;font-size:14px;color:#2468f2;margin-bottom:17px;margin-right:20px}.editable-table-view-setting__btn-text{margin-left:4px}.editable-table-view-setting__dialog{padding:0}.editable-table-view-setting__dialog .el-dialog__body{max-height:70vh}.editable-table-view-setting__dialog .el-dialog__body{padding:0}.editable-table-view-setting__dialog .el-button--primary{background-color:#2468f2!important;border-color:#2468f2!important}.editable-table-view-setting__dialog .el-checkbox.is-checked:not(.is-disabled) .el-checkbox__input .el-checkbox__inner{background-color:#2468f2!important;border-color:#2468f2!important}.editable-table-view-setting__dialog .el-checkbox.is-checked:not(.is-disabled) .el-checkbox__label{color:#2468f2!important}.editable-table-view-setting__dialog .el-button{border-radius:2px}.editable-table-view-setting__dialog .el-dialog__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;background-color:#eee;height:36px;line-height:36px;padding:0 20px}.editable-table-view-setting__dialog .el-dialog__title{font-size:14px;line-height:20px;color:#333}.editable-table-view-setting__dialog .el-dialog__footer{background-color:#eee;height:42px;line-height:42px;padding:0 20px}.editable-table-view-setting__dialog .el-dialog__footer .el-button{height:24px;font-size:12px;padding:5px 12px}.editable-table-view-setting__content{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:500px}.editable-table-view-setting__content-left{min-width:417px;width:417px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.editable-table-view-setting__content-left-item{width:130px;margin-bottom:15px}.editable-table-view-setting__content-right{border-left:1px solid #d9d9d9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.editable-table-view-setting__content-right-title,.editable-table-view-setting__content-left-title{border-bottom:1px solid #d9d9d9;width:100%;height:46px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:20px}.editable-table-view-setting__selected-count{margin-left:20px}.editable-table-view-setting__checkbox-wrapper{padding-left:37px;padding-top:24px}.editable-table-view-setting__content-right{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.editable-table-view-setting__content-right-frize{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;border-bottom:1px solid #d9d9d9;padding-left:20px}.editable-table-view-setting__content-right-input.el-input{width:140px;margin:0 4px}.editable-table-view-setting__content-right-input.el-input .el-input__inner{height:28px;line-height:28px}.editable-table-view-setting__content-right-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-left:18px;padding-top:17px;padding-right:23px}.editable-table-view-setting__selected-item-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editable-table-view-setting__icon-wrapper{width:14px;height:14px;line-height:14px;padding:2px 4px;margin-right:10px;cursor:-webkit-grab;cursor:grab;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editable-table-view-setting__selected-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:30px;height:30px;width:100%}.editable-table-view-setting__selected-item-close{cursor:pointer}.editable-table-view-setting__selected-item-close--disabled{cursor:not-allowed;color:#989ea9}.editable-table-color-popover{min-width:102px!important;width:102px!important;padding:0!important}.editable-table-color-popover .popper__arrow:after{left:0!important}.editable-table-color-popover .color-list{color:#fff;width:102px;border-radius:5px;overflow:hidden}.editable-table-color-popover .color-list__item{display:inline-block;width:100%;height:27px;line-height:27px;padding-left:6px}.editable-table-sort-filter{padding:0!important;width:258px}.editable-table-sort-filter__column-title{font-size:14px;font-weight:600;height:40px;line-height:40px;text-align:center;border-bottom:1px solid #d6dbe3}.editable-table-sort-filter__item{margin-top:14px}.editable-table-sort-filter__date-picker-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.editable-table-sort-filter__date-picker-content .el-date-editor.el-input,.editable-table-sort-filter__date-picker-content .el-date-editor.el-input__inner{width:100%}.editable-table-sort-filter__filter,.editable-table-sort-filter__search{padding:0 14px}.editable-table-sort-filter__filter .el-select,.editable-table-sort-filter__search .el-select{width:100%}.editable-table-sort-filter__filter .el-radio,.editable-table-sort-filter__search .el-radio{width:100%;margin-top:10px}.editable-table-sort-filter__filter .el-radio:first-child,.editable-table-sort-filter__search .el-radio:first-child{margin-top:0}.editable-table-sort-filter__filter .el-radio__input,.editable-table-sort-filter__search .el-radio__input{line-height:10px}.editable-table-sort-filter__filter .el-radio__inner,.editable-table-sort-filter__search .el-radio__inner{width:14px;height:14px}.editable-table-sort-filter__filter .el-radio__label,.editable-table-sort-filter__search .el-radio__label{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;width:calc(100% - 20px);display:inline-block;vertical-align:middle;font-size:12px;line-height:normal}.editable-table-sort-filter__filter .el-radio-group,.editable-table-sort-filter__filter .el-checkbox-group{max-height:166px;overflow-y:auto;overflow-x:hidden}.editable-table-sort-filter__sort{padding:0 14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.editable-table-sort-filter__filter-title,.editable-table-sort-filter__sort-title,.editable-table-sort-filter__search-title{font-weight:600;font-size:14px;color:#1f1f1f;margin-bottom:10px}.editable-table-sort-filter__search-input .el-input__inner{height:32px}.editable-table-sort-filter__search__date-range{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.editable-table-sort-filter__search__date-range .el-date-editor.el-input,.editable-table-sort-filter__search__date-range .el-date-editor.el-input__inner{width:100%}.editable-table-sort-filter__sort-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editable-table-sort-filter__sort-btns .el-button{border:none}.editable-table-sort-filter__sort-btn.el-button{width:112px;height:28px;padding:4px 42px;display:inline-block;background-color:#f4f4f4;color:#4a4a4a}.editable-table-sort-filter__sort-btn.el-button:hover{background-color:#fafafa}.editable-table-sort-filter__sort-btn--active.el-button{color:#2468f2;border-color:#eef3ff;background:#f4f7fe}.editable-table-sort-filter__sort-btn--active.el-button:hover{background-color:#f4f7fe}.editable-table-sort-filter__filter-checkbox-group{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.editable-table-sort-filter__filter-checkbox{margin-top:10px;font-size:14px;width:100%}.editable-table-sort-filter__filter-checkbox:first-child{margin-top:0}.editable-table-sort-filter__filter-checkbox .el-checkbox__input{line-height:10px}.editable-table-sort-filter__filter-checkbox .el-checkbox__label{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;width:calc(100% - 20px);display:inline-block;vertical-align:middle;font-size:12px;line-height:normal}.editable-table-sort-filter__footer{display:-webkit-box;display:-ms-flexbox;display:flex;height:47px;border-top:1px solid #d6dbe3;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 15px;margin-top:14px}.editable-table-sort-filter__reset-btn.el-button,.editable-table-sort-filter__confirm-btn.el-button{width:50px;height:28px;margin-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:2px;font-size:14px;font-weight:400}.editable-table-sort-filter__confirm-btn.el-button{background-color:#2468f2;border-color:#2468f2}.editable-table-sort-filter .el-checkbox__input.is-checked .el-checkbox__inner,.editable-table-sort-filter .el-radio__input.is-checked .el-radio__inner{background:#2468f2;border-color:#2468f2}.editable-table-sort-filter .el-checkbox__input.is-checked+.el-checkbox__label,.editable-table-sort-filter .el-radio__input.is-checked+.el-radio__label{color:#2468f2}.editable-table__pin-top{width:24px;height:24px;color:#fff;background-color:#969ca4}.editable-table .el-table td,.editable-table .el-table th.is-leaf{border-bottom:1px solid #dfe3ec}.editable-table .el-table__expanded-cell{background-color:#fafafa}.editable-table .el-table tr td{min-height:45px;border-top:none;border-left:none;border-right:none}.editable-table thead tr th{background-color:#f3f4f8!important;border-right:none!important}.editable-table thead tr th .cell{color:#13161b}.editable-table thead tr th:not(:last-child) .cell{border-right:2px #e4e8ef solid}.editable-table .el-table-filter,.editable-table th.el-table__cell .el-table__column-filter-trigger,.editable-table th.is-sortable .caret-wrapper{display:none}.editable-table .el-table__body tr.current-row>td,.editable-table .el-table__body tr.hover-row>td{background-color:#fafafa}.editable-table table tbody tr td .el-date-editor.el-input{width:100%}.editable-table table tbody tr td .cell{font-size:12px}.editable-table table th{font-size:12px;font-weight:700}.editable-table table td{font-size:12px;color:#13161b}.editable-table .el-table th>.cell{color:#5b6984}.editable-table .el-table__fixed-body-wrapper{background:#fff}.editable-table .el-checkbox__input.is-checked .el-checkbox__inner,.editable-table .el-checkbox__input.is-indeterminate .el-checkbox__inner{background:#2468f2;border-color:#2468f2}.editable-table .no-inner-cell-border .cell{border:none!important}.editable-table .custom-row-classname-pinned td:last-child{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAClElEQVRoBdXYTU/UQBgH8H+X3cvCCam7wEIIxpeTJgY1HkhQsySsIeBFDmq86MkPIX4ITnoxnjwZg66EjUDCxRiNMSQm+LZGiCxggviGuhtqn8ZiF1ra6Ux3ZyZpdjrzzMuvnWmb1cZu3hnVNO06FE0azVtlhAVQGbEFUBVRBVARsQOgGsIVoBLCE6AKYleASMTgwBlk2tLUJXNa/FTC+KPHru3irqWOwmtXL42a7wnwvuxWVj8jEfcdzjHy/yy19Uq+d8BuKOvLLjCAILyIdEpHSm+xr0mg32Xz6peWVz1jmQDUCw/iyuUR5mVUrlRw6/ZdTwDzouTZE/YemJya9ZyQs6L/dK8vmBlAA/AgqP274kf6EZJiYXshhGEYN8K2F9UuNIAmIAoRi2mgI0ziAohA6HuaceH8MC6ODENvaWY2cAN4EB3trRg6m0VTYxKNySSGcll0ZtqYEEIAYRAH93cj138KiUQcT5+/tA7KD2T7cOjAvsCIhsCRAQLz4/dmcoPnzK8Orc8t/NjRw1bx5qaB3pM9MB8CmJ59grlX81gqreDb9x/o6sygu6sDhhnZ3pqy4p+9mHPrzioTdgfsEYJs7BM9R1AuV5AvzGD+zXu7qZXPF6atuuP/sFuVHhnhABrHD/FzYwP3HxawsLi0Y1pURnUUEyQJXULOAd2WE23aX7//4MHEFNa+rDvDq/I0+eKHBaT36lhb/4rXb4tV9c6TcA9fZw8+eZ5vJ5+urerIATRKlIiaAKJE1AwQFaKmgCgQNQeIRtQFIBJRN4AoRF0BIhB1B/AipADwIKQBhEVIBQiDkA7AipASwIKQFhAUITUgCEJ6gB9CCcBuCGUAXgilAG4I5QDbEUoCtiPoXMlE/3b8BeOQEURS9XL7AAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:24px 24px;background-position:right 0 top 0}.editable-table-operation-popover{min-width:120px;padding:0}.editable-table-operation-popover__operation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editable-table-operation-popover__operation-reference{display:inline-block}.editable-table-operation-popover__operation-reference--active{color:#2468f2}.editable-table-operation-popover__operation-reference .el-button{background:transparent;border:none;padding:0;font-weight:400;color:#13161b;font-size:14px}.editable-table-operation-popover__operation-reference .el-button:focus{color:#2468f2}.editable-table-operation-popover__operation-item{height:40px;line-height:40px;width:100%;text-align:center;color:#1f1f1f;cursor:pointer}.editable-table-operation-popover__operation-item:hover{background:#f4f7fe}.editable-table-operation-popover__save-cancel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#2468f2}.editable-table-operation-popover__btn{cursor:pointer}.editable-table-operation-popover__btn:first-child{margin-right:15px}.editable-table-operation-popover__operation-btn{color:#2468f2!important}.editable-table .pagination-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:12px}.editable-table .pagination-wrap .el-pagination.is-background{padding:0}.editable-table .pagination-wrap .el-pagination.is-background .el-pager li.number{background-color:#fff;border:1px solid #d6dbe3;font-weight:400;font-size:14px}.editable-table .pagination-wrap .el-pagination.is-background .el-pager li.number.active{background-color:#2468f2;color:#fff}.editable-table .pagination-wrap .el-pagination.is-background .btn-prev,.editable-table .pagination-wrap .el-pagination.is-background .btn-next,.editable-table .pagination-wrap .el-pagination.is-background .el-icon-more{background-color:#fff!important}.btn-pointer{cursor:pointer}.editable-table-drag-icon{position:relative;width:5px;height:2px;border-left:2px solid #989ea9;border-right:2px solid #989ea9;cursor:-webkit-grab;cursor:grab}.editable-table-drag-icon:after,.editable-table-drag-icon:before{position:absolute;content:"";-webkit-box-sizing:border-box;box-sizing:border-box;left:-2px;display:block;width:5px;height:2px;border-left:2px solid #989ea9;border-right:2px solid #989ea9}.editable-table-drag-icon:after{top:-4px}.editable-table-drag-icon:before{bottom:-4px}