@fmdevui/fm-dev 1.0.98 → 1.0.99

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.
@@ -738,6 +738,18 @@ declare const Fminputtable: {
738
738
  type: FunctionConstructor;
739
739
  required: true;
740
740
  };
741
+ apiService: {
742
+ type: StringConstructor;
743
+ default: string;
744
+ };
745
+ apiAction: {
746
+ type: StringConstructor;
747
+ default: string;
748
+ };
749
+ method: {
750
+ type: StringConstructor;
751
+ default: string;
752
+ };
741
753
  valueProp: {
742
754
  type: StringConstructor;
743
755
  default: string;
@@ -816,6 +828,9 @@ declare const Fminputtable: {
816
828
  disabled: boolean;
817
829
  placeholder: string;
818
830
  clearable: boolean;
831
+ method: string;
832
+ apiService: string;
833
+ apiAction: string;
819
834
  valueProp: string;
820
835
  labelProp: string;
821
836
  labelFormat: Function;
@@ -843,6 +858,18 @@ declare const Fminputtable: {
843
858
  type: FunctionConstructor;
844
859
  required: true;
845
860
  };
861
+ apiService: {
862
+ type: StringConstructor;
863
+ default: string;
864
+ };
865
+ apiAction: {
866
+ type: StringConstructor;
867
+ default: string;
868
+ };
869
+ method: {
870
+ type: StringConstructor;
871
+ default: string;
872
+ };
846
873
  valueProp: {
847
874
  type: StringConstructor;
848
875
  default: string;
@@ -918,6 +945,9 @@ declare const Fminputtable: {
918
945
  disabled: boolean;
919
946
  placeholder: string;
920
947
  clearable: boolean;
948
+ method: string;
949
+ apiService: string;
950
+ apiAction: string;
921
951
  valueProp: string;
922
952
  labelProp: string;
923
953
  labelFormat: Function;
@@ -939,6 +969,18 @@ declare const Fminputtable: {
939
969
  type: FunctionConstructor;
940
970
  required: true;
941
971
  };
972
+ apiService: {
973
+ type: StringConstructor;
974
+ default: string;
975
+ };
976
+ apiAction: {
977
+ type: StringConstructor;
978
+ default: string;
979
+ };
980
+ method: {
981
+ type: StringConstructor;
982
+ default: string;
983
+ };
942
984
  valueProp: {
943
985
  type: StringConstructor;
944
986
  default: string;
@@ -1017,6 +1059,9 @@ declare const Fminputtable: {
1017
1059
  disabled: boolean;
1018
1060
  placeholder: string;
1019
1061
  clearable: boolean;
1062
+ method: string;
1063
+ apiService: string;
1064
+ apiAction: string;
1020
1065
  valueProp: string;
1021
1066
  labelProp: string;
1022
1067
  labelFormat: Function;
@@ -103,6 +103,27 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
103
103
  required: true;
104
104
  };
105
105
  /**
106
+ * api service name
107
+ */
108
+ apiService: {
109
+ type: StringConstructor;
110
+ default: string;
111
+ };
112
+ /**
113
+ * api service 下的方法
114
+ */
115
+ apiAction: {
116
+ type: StringConstructor;
117
+ default: string;
118
+ };
119
+ /**
120
+ * 基础编码 自动获取数据
121
+ */
122
+ method: {
123
+ type: StringConstructor;
124
+ default: string;
125
+ };
126
+ /**
106
127
  * 选中记录后绑定值的属性名
107
128
  * 默认为'id',即选中某行后,会取该行数据的id字段作为值
108
129
  */
@@ -311,6 +332,27 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
311
332
  required: true;
312
333
  };
313
334
  /**
335
+ * api service name
336
+ */
337
+ apiService: {
338
+ type: StringConstructor;
339
+ default: string;
340
+ };
341
+ /**
342
+ * api service 下的方法
343
+ */
344
+ apiAction: {
345
+ type: StringConstructor;
346
+ default: string;
347
+ };
348
+ /**
349
+ * 基础编码 自动获取数据
350
+ */
351
+ method: {
352
+ type: StringConstructor;
353
+ default: string;
354
+ };
355
+ /**
314
356
  * 选中记录后绑定值的属性名
315
357
  * 默认为'id',即选中某行后,会取该行数据的id字段作为值
316
358
  */
@@ -434,6 +476,9 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
434
476
  disabled: boolean;
435
477
  placeholder: string;
436
478
  clearable: boolean;
479
+ method: string;
480
+ apiService: string;
481
+ apiAction: string;
437
482
  valueProp: string;
438
483
  labelProp: string;
439
484
  labelFormat: Function;
@@ -1,4 +1,4 @@
1
1
  .drag_verify[data-v-9e8c9ed2]{background-color:#e8e8e8;overflow:hidden;position:relative;text-align:center}.drag_verify .dv_handler[data-v-9e8c9ed2]{cursor:move;left:0;position:absolute;top:0}.drag_verify .dv_handler i[data-v-9e8c9ed2]{color:#666;font-size:16px;padding-left:0}.drag_verify .dv_handler .el-icon-circle-check[data-v-9e8c9ed2]{color:#6c6;margin-top:9px}.drag_verify .dv_progress_bar[data-v-9e8c9ed2]{height:34px;position:absolute;width:0}.drag_verify .dv_text[data-v-9e8c9ed2]{background:-webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));-webkit-background-clip:text;color:transparent;position:absolute;top:0;-moz-user-select:none;-webkit-user-select:none;user-select:none;-o-user-select:none;-ms-user-select:none;-webkit-text-fill-color:transparent;-webkit-text-size-adjust:none;animation:slidetounlock 3s infinite}.drag_verify .dv_text[data-v-9e8c9ed2] *{-webkit-text-fill-color:var(--textColor)}.goFirst[data-v-9e8c9ed2]{left:0!important;transition:left .5s}.goOrigin[data-v-9e8c9ed2]{transition:transform .5s}.goKeep[data-v-9e8c9ed2]{transition:left .2s}.goFirst2[data-v-9e8c9ed2]{transition:width .5s;width:0!important}.drag-verify-container[data-v-9e8c9ed2]{border-radius:50%;line-height:0;position:relative}.move-bar[data-v-9e8c9ed2]{position:absolute;z-index:100}.clip-bar[data-v-9e8c9ed2]{background:hsla(0,0%,100%,.8);position:absolute}.refresh[data-v-9e8c9ed2]{cursor:pointer;font-size:20px;position:absolute;right:5px;top:5px;z-index:200}.tips[data-v-9e8c9ed2]{bottom:25px;font-size:12px;height:20px;line-height:20px;position:absolute;text-align:center;width:100%;z-index:200}.tips.success[data-v-9e8c9ed2]{background:hsla(0,0%,100%,.6);color:green}.tips.danger[data-v-9e8c9ed2]{background:rgba(0,0,0,.6);color:#ff0}.check-img[data-v-9e8c9ed2]{border-radius:50%;width:100%}
2
2
 
3
- .query-form[data-v-fc87e7bb]{z-index:9999}[data-v-fc87e7bb] .el-select-dropdown{.el-scrollbar>.el-scrollbar__bar{display:none!important}}.popper-class[data-v-fc87e7bb]{min-width:400px!important}[data-v-fc87e7bb] .popper-class :deep(.el-select-dropdown__wrap){max-height:600px!important}
3
+ .query-form[data-v-5631ed37]{z-index:9999}[data-v-5631ed37] .el-select-dropdown{.el-scrollbar>.el-scrollbar__bar{display:none!important}}.popper-class[data-v-5631ed37]{min-width:400px!important}[data-v-5631ed37] .popper-class :deep(.el-select-dropdown__wrap){max-height:600px!important}
4
4
  .el-select-dropdown__wrap[max-height],.popper-class .el-select-dropdown__wrap{max-height:450px!important}.el-table .selected-row,.popper-class .selected-row{background-color:var(--el-color-primary-light-9)!important;border-left:3px solid var(--el-color-primary)!important}.el-table .selected-row:hover,.popper-class .selected-row:hover{background-color:var(--el-color-primary-light-8)!important}.el-table .selected-row td,.popper-class .selected-row td{background-color:var(--el-color-primary-light-9)!important}.el-table .selected-row:hover td,.popper-class .selected-row:hover td{background-color:var(--el-color-primary-light-8)!important}
@@ -3,6 +3,6 @@ import './index.vue3.mjs';
3
3
  import './index.vue4.mjs';
4
4
  import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.mjs';
5
5
 
6
- var inputtable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fc87e7bb"]]);
6
+ var inputtable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5631ed37"]]);
7
7
 
8
8
  export { inputtable as default };
@@ -1,5 +1,6 @@
1
1
  import { defineComponent, ref, reactive, computed, onMounted, onUnmounted, watch, resolveComponent, resolveDirective, createElementBlock, openBlock, Fragment, createCommentVNode, createVNode, mergeProps, withCtx, withDirectives, renderList, createBlock, withModifiers, renderSlot, createTextVNode } from 'vue';
2
2
  import { ElMessage } from 'element-plus';
3
+ import { useBaseApi } from '../../../api/base/index.mjs';
3
4
 
4
5
  const _hoisted_1 = { class: "w100 selector-loading-container" };
5
6
  var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -93,6 +94,27 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
93
94
  required: true
94
95
  // 必填项
95
96
  },
97
+ /**
98
+ * api service name
99
+ */
100
+ apiService: {
101
+ type: String,
102
+ default: "baseData"
103
+ },
104
+ /**
105
+ * api service 下的方法
106
+ */
107
+ apiAction: {
108
+ type: String,
109
+ default: "BaseData"
110
+ },
111
+ /**
112
+ * 基础编码 自动获取数据
113
+ */
114
+ method: {
115
+ type: String,
116
+ default: "post"
117
+ },
96
118
  /**
97
119
  * 选中记录后绑定值的属性名
98
120
  * 默认为'id',即选中某行后,会取该行数据的id字段作为值
@@ -331,20 +353,54 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
331
353
  state.isQuerying = true;
332
354
  state.loading = true;
333
355
  const finalParams = Object.assign({}, props.queryParams, state.tableQuery);
334
- props.fetchOptions(finalParams).then((res) => {
335
- const result = res.data?.result;
336
- state.tableData.items = result?.items ?? [];
337
- state.tableData.total = result?.total ?? 0;
338
- state.loading = false;
339
- state.isQuerying = false;
340
- updateSelectedRows();
341
- }).catch((error) => {
342
- ElMessage.error("\u6570\u636E\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
343
- state.tableData.items = [];
344
- state.tableData.total = 0;
345
- state.loading = false;
346
- state.isQuerying = false;
347
- });
356
+ if (typeof props.fetchOptions === "function") {
357
+ props.fetchOptions(finalParams).then((res) => {
358
+ const result = res.data?.result;
359
+ state.tableData.items = result?.items ?? [];
360
+ state.tableData.total = result?.total ?? 0;
361
+ state.loading = false;
362
+ state.isQuerying = false;
363
+ updateSelectedRows();
364
+ }).catch((error) => {
365
+ ElMessage.error("\u6570\u636E\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
366
+ state.tableData.items = [];
367
+ state.tableData.total = 0;
368
+ state.loading = false;
369
+ state.isQuerying = false;
370
+ });
371
+ } else {
372
+ if (props.method == "post") {
373
+ useBaseApi(props.apiAction).post(finalParams, props.apiAction).then((res) => {
374
+ const result = res.data?.result;
375
+ state.tableData.items = result?.items ?? [];
376
+ state.tableData.total = result?.total ?? 0;
377
+ state.loading = false;
378
+ state.isQuerying = false;
379
+ updateSelectedRows();
380
+ }).catch((error) => {
381
+ ElMessage.error("\u6570\u636E\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
382
+ state.tableData.items = [];
383
+ state.tableData.total = 0;
384
+ state.loading = false;
385
+ state.isQuerying = false;
386
+ });
387
+ } else {
388
+ useBaseApi(props.apiAction).get(finalParams, props.apiAction).then((res) => {
389
+ const result = res.data?.result;
390
+ state.tableData.items = result?.items ?? [];
391
+ state.tableData.total = result?.total ?? 0;
392
+ state.loading = false;
393
+ state.isQuerying = false;
394
+ updateSelectedRows();
395
+ }).catch((error) => {
396
+ ElMessage.error("\u6570\u636E\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
397
+ state.tableData.items = [];
398
+ state.tableData.total = 0;
399
+ state.loading = false;
400
+ state.isQuerying = false;
401
+ });
402
+ }
403
+ }
348
404
  };
349
405
  const resetQuery = () => {
350
406
  state.loading = true;
package/index.css CHANGED
@@ -118,7 +118,7 @@
118
118
  * 目的:确保查询表单在下拉框内容的最上层,防止被其他元素遮挡
119
119
  * 场景:当查询表单内有下拉框、日期选择器等弹出组件时,需要确保它们能正常显示
120
120
  */
121
- .query-form[data-v-fc87e7bb] {
121
+ .query-form[data-v-5631ed37] {
122
122
  z-index: 9999;
123
123
  }
124
124
 
@@ -128,7 +128,7 @@
128
128
  * 说明:使用 :deep 深度选择器穿透 scoped 限制,影响 Element Plus 内部元素
129
129
  * 注意:display: none 而不是 visibility: hidden,完全移除滚动条占用的空间
130
130
  */
131
- [data-v-fc87e7bb] .el-select-dropdown {
131
+ [data-v-5631ed37] .el-select-dropdown {
132
132
  .el-scrollbar > .el-scrollbar__bar {
133
133
  display: none !important;
134
134
  }
@@ -140,7 +140,7 @@
140
140
  * 值:400px 是经过测试的最小宽度,能够容纳常见的表格列
141
141
  * 优先级:使用 !important 确保样式不被其他全局样式覆盖
142
142
  */
143
- .popper-class[data-v-fc87e7bb] {
143
+ .popper-class[data-v-5631ed37] {
144
144
  min-width: 400px !important;
145
145
  }
146
146
 
@@ -150,7 +150,7 @@
150
150
  * 值:600px 是合理的最大高度,适配大部分屏幕分辨率
151
151
  * 说明:使用双层 :deep 选择器穿透 Element Plus 的嵌套结构
152
152
  */
153
- [data-v-fc87e7bb] .popper-class :deep(.el-select-dropdown__wrap) {
153
+ [data-v-5631ed37] .popper-class :deep(.el-select-dropdown__wrap) {
154
154
  max-height: 600px !important;
155
155
  }
156
156
 
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /*! fm-dev v1.0.98 */
1
+ /*! fm-dev v1.0.99 */
2
2
  (function (global, factory) {
3
3
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('crypto'), require('url'), require('http'), require('https'), require('util'), require('stream'), require('assert'), require('zlib'), require('element-plus')) :
4
4
  typeof define === 'function' && define.amd ? define(['exports', 'vue', 'crypto', 'url', 'http', 'https', 'util', 'stream', 'assert', 'zlib', 'element-plus'], factory) :
@@ -35615,6 +35615,27 @@
35615
35615
  required: true
35616
35616
  // 必填项
35617
35617
  },
35618
+ /**
35619
+ * api service name
35620
+ */
35621
+ apiService: {
35622
+ type: String,
35623
+ default: "baseData"
35624
+ },
35625
+ /**
35626
+ * api service 下的方法
35627
+ */
35628
+ apiAction: {
35629
+ type: String,
35630
+ default: "BaseData"
35631
+ },
35632
+ /**
35633
+ * 基础编码 自动获取数据
35634
+ */
35635
+ method: {
35636
+ type: String,
35637
+ default: "post"
35638
+ },
35618
35639
  /**
35619
35640
  * 选中记录后绑定值的属性名
35620
35641
  * 默认为'id',即选中某行后,会取该行数据的id字段作为值
@@ -35853,20 +35874,54 @@
35853
35874
  state.isQuerying = true;
35854
35875
  state.loading = true;
35855
35876
  const finalParams = Object.assign({}, props.queryParams, state.tableQuery);
35856
- props.fetchOptions(finalParams).then((res) => {
35857
- const result = res.data?.result;
35858
- state.tableData.items = result?.items ?? [];
35859
- state.tableData.total = result?.total ?? 0;
35860
- state.loading = false;
35861
- state.isQuerying = false;
35862
- updateSelectedRows();
35863
- }).catch((error) => {
35864
- elementPlus.ElMessage.error("\u6570\u636E\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
35865
- state.tableData.items = [];
35866
- state.tableData.total = 0;
35867
- state.loading = false;
35868
- state.isQuerying = false;
35869
- });
35877
+ if (typeof props.fetchOptions === "function") {
35878
+ props.fetchOptions(finalParams).then((res) => {
35879
+ const result = res.data?.result;
35880
+ state.tableData.items = result?.items ?? [];
35881
+ state.tableData.total = result?.total ?? 0;
35882
+ state.loading = false;
35883
+ state.isQuerying = false;
35884
+ updateSelectedRows();
35885
+ }).catch((error) => {
35886
+ elementPlus.ElMessage.error("\u6570\u636E\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
35887
+ state.tableData.items = [];
35888
+ state.tableData.total = 0;
35889
+ state.loading = false;
35890
+ state.isQuerying = false;
35891
+ });
35892
+ } else {
35893
+ if (props.method == "post") {
35894
+ useBaseApi(props.apiAction).post(finalParams, props.apiAction).then((res) => {
35895
+ const result = res.data?.result;
35896
+ state.tableData.items = result?.items ?? [];
35897
+ state.tableData.total = result?.total ?? 0;
35898
+ state.loading = false;
35899
+ state.isQuerying = false;
35900
+ updateSelectedRows();
35901
+ }).catch((error) => {
35902
+ elementPlus.ElMessage.error("\u6570\u636E\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
35903
+ state.tableData.items = [];
35904
+ state.tableData.total = 0;
35905
+ state.loading = false;
35906
+ state.isQuerying = false;
35907
+ });
35908
+ } else {
35909
+ useBaseApi(props.apiAction).get(finalParams, props.apiAction).then((res) => {
35910
+ const result = res.data?.result;
35911
+ state.tableData.items = result?.items ?? [];
35912
+ state.tableData.total = result?.total ?? 0;
35913
+ state.loading = false;
35914
+ state.isQuerying = false;
35915
+ updateSelectedRows();
35916
+ }).catch((error) => {
35917
+ elementPlus.ElMessage.error("\u6570\u636E\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
35918
+ state.tableData.items = [];
35919
+ state.tableData.total = 0;
35920
+ state.loading = false;
35921
+ state.isQuerying = false;
35922
+ });
35923
+ }
35924
+ }
35870
35925
  };
35871
35926
  const resetQuery = () => {
35872
35927
  state.loading = true;
@@ -36235,7 +36290,7 @@
36235
36290
  }
36236
36291
  });
36237
36292
 
36238
- var inputtable = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-fc87e7bb"]]);
36293
+ var inputtable = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-5631ed37"]]);
36239
36294
 
36240
36295
  const _hoisted_1$3 = { style: { "padding": "5px" } };
36241
36296
  const _hoisted_2$2 = { style: { "display": "flex", "align-items": "center", "gap": "8px", "flex-wrap": "nowrap", "overflow": "hidden" } };
package/index.min.css CHANGED
@@ -1,4 +1,4 @@
1
1
  .drag_verify[data-v-9e8c9ed2]{background-color:#e8e8e8;overflow:hidden;position:relative;text-align:center}.drag_verify .dv_handler[data-v-9e8c9ed2]{cursor:move;left:0;position:absolute;top:0}.drag_verify .dv_handler i[data-v-9e8c9ed2]{color:#666;font-size:16px;padding-left:0}.drag_verify .dv_handler .el-icon-circle-check[data-v-9e8c9ed2]{color:#6c6;margin-top:9px}.drag_verify .dv_progress_bar[data-v-9e8c9ed2]{height:34px;position:absolute;width:0}.drag_verify .dv_text[data-v-9e8c9ed2]{background:-webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));-webkit-background-clip:text;color:transparent;position:absolute;top:0;-moz-user-select:none;-webkit-user-select:none;user-select:none;-o-user-select:none;-ms-user-select:none;-webkit-text-fill-color:transparent;-webkit-text-size-adjust:none;animation:slidetounlock 3s infinite}.drag_verify .dv_text[data-v-9e8c9ed2] *{-webkit-text-fill-color:var(--textColor)}.goFirst[data-v-9e8c9ed2]{left:0!important;transition:left .5s}.goOrigin[data-v-9e8c9ed2]{transition:transform .5s}.goKeep[data-v-9e8c9ed2]{transition:left .2s}.goFirst2[data-v-9e8c9ed2]{transition:width .5s;width:0!important}.drag-verify-container[data-v-9e8c9ed2]{border-radius:50%;line-height:0;position:relative}.move-bar[data-v-9e8c9ed2]{position:absolute;z-index:100}.clip-bar[data-v-9e8c9ed2]{background:hsla(0,0%,100%,.8);position:absolute}.refresh[data-v-9e8c9ed2]{cursor:pointer;font-size:20px;position:absolute;right:5px;top:5px;z-index:200}.tips[data-v-9e8c9ed2]{bottom:25px;font-size:12px;height:20px;line-height:20px;position:absolute;text-align:center;width:100%;z-index:200}.tips.success[data-v-9e8c9ed2]{background:hsla(0,0%,100%,.6);color:green}.tips.danger[data-v-9e8c9ed2]{background:rgba(0,0,0,.6);color:#ff0}.check-img[data-v-9e8c9ed2]{border-radius:50%;width:100%}
2
2
 
3
- .query-form[data-v-fc87e7bb]{z-index:9999}[data-v-fc87e7bb] .el-select-dropdown{.el-scrollbar>.el-scrollbar__bar{display:none!important}}.popper-class[data-v-fc87e7bb]{min-width:400px!important}[data-v-fc87e7bb] .popper-class :deep(.el-select-dropdown__wrap){max-height:600px!important}
3
+ .query-form[data-v-5631ed37]{z-index:9999}[data-v-5631ed37] .el-select-dropdown{.el-scrollbar>.el-scrollbar__bar{display:none!important}}.popper-class[data-v-5631ed37]{min-width:400px!important}[data-v-5631ed37] .popper-class :deep(.el-select-dropdown__wrap){max-height:600px!important}
4
4
  .el-select-dropdown__wrap[max-height],.popper-class .el-select-dropdown__wrap{max-height:450px!important}.el-table .selected-row,.popper-class .selected-row{background-color:var(--el-color-primary-light-9)!important;border-left:3px solid var(--el-color-primary)!important}.el-table .selected-row:hover,.popper-class .selected-row:hover{background-color:var(--el-color-primary-light-8)!important}.el-table .selected-row td,.popper-class .selected-row td{background-color:var(--el-color-primary-light-9)!important}.el-table .selected-row:hover td,.popper-class .selected-row:hover td{background-color:var(--el-color-primary-light-8)!important}