yc-pro-components 0.0.57 → 0.0.59
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.
- package/es/components/yc-plus-page/src/header-filter-cell.vue.d.ts +5 -0
- package/es/components/yc-plus-page/src/header-filter-cell.vue.mjs +1 -1
- package/es/components/yc-plus-page/src/header-filter-cell.vue2.mjs +48 -47
- package/es/components/yc-plus-page/src/index.vue.d.ts +1 -0
- package/es/components/yc-plus-page/src/index.vue.mjs +1 -1
- package/es/components/yc-plus-page/src/index.vue2.mjs +11 -4
- package/es/components/yc-plus-page/src/type.d.ts +4 -0
- package/es/components/yc-plus-page/src/use-header-filter.d.ts +2 -0
- package/es/components/yc-plus-page/src/use-header-filter.mjs +6 -1
- package/es/index.css +12 -12
- package/index.css +12 -12
- package/index.js +67 -54
- package/index.min.css +2 -2
- package/index.min.js +11 -11
- package/index.min.mjs +11 -11
- package/index.mjs +67 -54
- package/lib/components/yc-plus-page/src/header-filter-cell.vue.d.ts +5 -0
- package/lib/components/yc-plus-page/src/header-filter-cell.vue.js +1 -1
- package/lib/components/yc-plus-page/src/header-filter-cell.vue2.js +47 -46
- package/lib/components/yc-plus-page/src/index.vue.d.ts +1 -0
- package/lib/components/yc-plus-page/src/index.vue.js +1 -1
- package/lib/components/yc-plus-page/src/index.vue2.js +11 -4
- package/lib/components/yc-plus-page/src/type.d.ts +4 -0
- package/lib/components/yc-plus-page/src/use-header-filter.d.ts +2 -0
- package/lib/components/yc-plus-page/src/use-header-filter.js +6 -1
- package/lib/index.css +11 -11
- package/locale/en.js +1 -1
- package/locale/en.min.js +1 -1
- package/locale/en.min.mjs +1 -1
- package/locale/en.mjs +1 -1
- package/locale/ja.js +1 -1
- package/locale/ja.min.js +1 -1
- package/locale/ja.min.mjs +1 -1
- package/locale/ja.mjs +1 -1
- package/locale/ko.js +1 -1
- package/locale/ko.min.js +1 -1
- package/locale/ko.min.mjs +1 -1
- package/locale/ko.mjs +1 -1
- package/locale/zh-cn.js +1 -1
- package/locale/zh-cn.min.js +1 -1
- package/locale/zh-cn.min.mjs +1 -1
- package/locale/zh-cn.mjs +1 -1
- package/locale/zh-tw.js +1 -1
- package/locale/zh-tw.min.js +1 -1
- package/locale/zh-tw.min.mjs +1 -1
- package/locale/zh-tw.mjs +1 -1
- package/package.json +1 -1
- package/theme-chalk/index.css +1 -1
- package/theme-chalk/plus-search.css +1 -1
- package/theme-chalk/src/search.scss +14 -6
package/index.css
CHANGED
|
@@ -116,18 +116,18 @@
|
|
|
116
116
|
}
|
|
117
117
|
@charset "UTF-8";
|
|
118
118
|
/* 父容器需要填充 cell 宽度 */
|
|
119
|
-
.yc-header-filter-cell[data-v-
|
|
119
|
+
.yc-header-filter-cell[data-v-bc48f1f7] {
|
|
120
120
|
width: 100%;
|
|
121
121
|
}
|
|
122
122
|
|
|
123
123
|
/* 表头省略显示样式 */
|
|
124
|
-
.yc-header-filter-cell__label--ellipsis[data-v-
|
|
124
|
+
.yc-header-filter-cell__label--ellipsis[data-v-bc48f1f7] {
|
|
125
125
|
/* 允许压缩,填充剩余空间 */
|
|
126
126
|
flex: 1 1 0;
|
|
127
127
|
min-width: 0;
|
|
128
128
|
overflow: hidden;
|
|
129
129
|
}
|
|
130
|
-
.yc-header-filter-cell__label--ellipsis[data-v-
|
|
130
|
+
.yc-header-filter-cell__label--ellipsis[data-v-bc48f1f7] .yc-header-filter-cell__label-text[data-v-bc48f1f7] {
|
|
131
131
|
display: block;
|
|
132
132
|
width: 100%;
|
|
133
133
|
white-space: nowrap;
|
|
@@ -136,45 +136,45 @@
|
|
|
136
136
|
}
|
|
137
137
|
|
|
138
138
|
/* 标签文字激活状态(排序或筛选激活时高亮) */
|
|
139
|
-
.yc-header-filter-cell__label--active[data-v-
|
|
139
|
+
.yc-header-filter-cell__label--active[data-v-bc48f1f7] {
|
|
140
140
|
color: var(--el-color-primary);
|
|
141
141
|
}
|
|
142
142
|
|
|
143
143
|
/* 排序图标激活状态 */
|
|
144
144
|
/* YcSvgIcon 使用 CSS mask + backgroundColor 渲染,需用 background-color 控制图标颜色 */
|
|
145
|
-
[data-v-
|
|
145
|
+
[data-v-bc48f1f7] .yc-header-filter-cell__sort-icon--asc, [data-v-bc48f1f7] .yc-header-filter-cell__sort-icon--desc {
|
|
146
146
|
background-color: var(--el-color-primary) !important;
|
|
147
147
|
}
|
|
148
148
|
|
|
149
149
|
/* 筛选图标激活状态 */
|
|
150
|
-
[data-v-
|
|
150
|
+
[data-v-bc48f1f7] .yc-header-filter-cell__filter-icon--active {
|
|
151
151
|
background-color: var(--el-color-primary) !important;
|
|
152
152
|
}
|
|
153
153
|
.yc-header-filter-inner-dropdown {
|
|
154
154
|
z-index: 4100 !important;
|
|
155
155
|
}
|
|
156
156
|
@charset "UTF-8";
|
|
157
|
-
.yc-plus-page[data-v-
|
|
157
|
+
.yc-plus-page[data-v-3906549e] {
|
|
158
158
|
height: 100%;
|
|
159
159
|
/* 卡片模式下设置圆角 8px */
|
|
160
160
|
}
|
|
161
|
-
.yc-plus-page[data-v-
|
|
161
|
+
.yc-plus-page[data-v-3906549e] [data-v-3906549e] .plus-page > .el-card {
|
|
162
162
|
border-radius: 8px;
|
|
163
163
|
}
|
|
164
164
|
|
|
165
|
-
[data-v-
|
|
165
|
+
[data-v-3906549e] .yc-search-card-body {
|
|
166
166
|
padding-right: 0;
|
|
167
167
|
}
|
|
168
168
|
|
|
169
169
|
/* 密度图标样式调整 */
|
|
170
|
-
[data-v-
|
|
170
|
+
[data-v-3906549e] .plus-table-title-bar__toolbar__icon {
|
|
171
171
|
position: relative;
|
|
172
172
|
top: -2px;
|
|
173
173
|
font-size: 16px !important;
|
|
174
174
|
}
|
|
175
175
|
|
|
176
176
|
/* 字段管理样式 */
|
|
177
|
-
.column-settings-wrapper[data-v-
|
|
177
|
+
.column-settings-wrapper[data-v-3906549e] {
|
|
178
178
|
display: flex;
|
|
179
179
|
gap: 4px;
|
|
180
180
|
align-items: center;
|
|
@@ -182,7 +182,7 @@
|
|
|
182
182
|
cursor: pointer;
|
|
183
183
|
}
|
|
184
184
|
|
|
185
|
-
.column-settings-text[data-v-
|
|
185
|
+
.column-settings-text[data-v-3906549e] {
|
|
186
186
|
font-size: 14px;
|
|
187
187
|
}
|
|
188
188
|
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! yc-pro-components v0.0.
|
|
1
|
+
/*! yc-pro-components v0.0.59 */
|
|
2
2
|
(function (global, factory) {
|
|
3
3
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('element-plus')) :
|
|
4
4
|
typeof define === 'function' && define.amd ? define(['exports', 'vue', 'element-plus'], factory) :
|
|
@@ -32338,6 +32338,10 @@
|
|
|
32338
32338
|
orderByState.push(next);
|
|
32339
32339
|
}
|
|
32340
32340
|
};
|
|
32341
|
+
const resetAllHeaderFilters = () => {
|
|
32342
|
+
headerFiltersState.filters.splice(0);
|
|
32343
|
+
orderByState.splice(0);
|
|
32344
|
+
};
|
|
32341
32345
|
const getMergedQuery = (baseQuery) => {
|
|
32342
32346
|
const normalizeFilters = (filters) => {
|
|
32343
32347
|
return filters.map((f) => {
|
|
@@ -32390,7 +32394,8 @@
|
|
|
32390
32394
|
getMergedQuery,
|
|
32391
32395
|
updateCatalogs,
|
|
32392
32396
|
isFieldFilterable,
|
|
32393
|
-
isFieldVisible
|
|
32397
|
+
isFieldVisible,
|
|
32398
|
+
resetAllHeaderFilters
|
|
32394
32399
|
};
|
|
32395
32400
|
}
|
|
32396
32401
|
|
|
@@ -32617,19 +32622,18 @@
|
|
|
32617
32622
|
}
|
|
32618
32623
|
};
|
|
32619
32624
|
const _hoisted_4$6 = {
|
|
32620
|
-
key: 0,
|
|
32621
|
-
class: "yc-header-filter-cell__operators"
|
|
32622
|
-
};
|
|
32623
|
-
const _hoisted_5$6 = ["onClick"];
|
|
32624
|
-
const _hoisted_6$5 = { key: 0 };
|
|
32625
|
-
const _hoisted_7$4 = {
|
|
32626
32625
|
class: "yc-header-filter-cell__actions",
|
|
32627
32626
|
style: {
|
|
32628
32627
|
display: "flex",
|
|
32629
|
-
justifyContent: "
|
|
32630
|
-
marginTop: "4px"
|
|
32628
|
+
justifyContent: "flex-end"
|
|
32631
32629
|
}
|
|
32632
32630
|
};
|
|
32631
|
+
const _hoisted_5$6 = {
|
|
32632
|
+
key: 0,
|
|
32633
|
+
class: "yc-header-filter-cell__operators"
|
|
32634
|
+
};
|
|
32635
|
+
const _hoisted_6$5 = ["onClick"];
|
|
32636
|
+
const _hoisted_7$4 = { key: 0 };
|
|
32633
32637
|
var _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
|
|
32634
32638
|
...{
|
|
32635
32639
|
name: "YcTableHeaderFilterCell"
|
|
@@ -32642,6 +32646,7 @@
|
|
|
32642
32646
|
filters: { default: () => [] },
|
|
32643
32647
|
orderBy: { default: () => [] },
|
|
32644
32648
|
disableFilter: { type: Boolean, default: false },
|
|
32649
|
+
hideSort: { type: Boolean, default: false },
|
|
32645
32650
|
fieldConfig: {},
|
|
32646
32651
|
referenceRenderer: { type: Function, default: void 0 }
|
|
32647
32652
|
},
|
|
@@ -32874,9 +32879,9 @@
|
|
|
32874
32879
|
gap: "4px",
|
|
32875
32880
|
cursor: "default"
|
|
32876
32881
|
},
|
|
32877
|
-
onMousedown: _cache[
|
|
32882
|
+
onMousedown: _cache[2] || (_cache[2] = vue.withModifiers(() => {
|
|
32878
32883
|
}, ["stop"])),
|
|
32879
|
-
onClick: _cache[
|
|
32884
|
+
onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
|
|
32880
32885
|
}, ["stop"]))
|
|
32881
32886
|
},
|
|
32882
32887
|
[
|
|
@@ -32887,13 +32892,13 @@
|
|
|
32887
32892
|
{
|
|
32888
32893
|
class: vue.normalizeClass(["yc-header-filter-cell__label", {
|
|
32889
32894
|
"yc-header-filter-cell__label--ellipsis": shouldShowEllipsis.value,
|
|
32890
|
-
"yc-header-filter-cell__label--active": isAscActive.value || isDescActive.value || isActive.value
|
|
32895
|
+
"yc-header-filter-cell__label--active": !_ctx.hideSort && (isAscActive.value || isDescActive.value) || isActive.value
|
|
32891
32896
|
}]),
|
|
32892
|
-
style: {
|
|
32897
|
+
style: vue.normalizeStyle({
|
|
32893
32898
|
userSelect: "none",
|
|
32894
|
-
cursor: "pointer"
|
|
32895
|
-
},
|
|
32896
|
-
onClick: vue.withModifiers(cycleSort, ["stop"])
|
|
32899
|
+
cursor: _ctx.hideSort ? "default" : "pointer"
|
|
32900
|
+
}),
|
|
32901
|
+
onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => !_ctx.hideSort && cycleSort(), ["stop"]))
|
|
32897
32902
|
},
|
|
32898
32903
|
[
|
|
32899
32904
|
_ctx.referenceRenderer ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.referenceRenderer), { key: 0 })) : (vue.openBlock(), vue.createElementBlock(
|
|
@@ -32952,8 +32957,8 @@
|
|
|
32952
32957
|
/* STABLE_FRAGMENT */
|
|
32953
32958
|
))
|
|
32954
32959
|
],
|
|
32955
|
-
|
|
32956
|
-
/* CLASS */
|
|
32960
|
+
6
|
|
32961
|
+
/* CLASS, STYLE */
|
|
32957
32962
|
),
|
|
32958
32963
|
vue.createCommentVNode(" tooltip \u56FE\u6807\uFF08\u95EE\u53F7\uFF09- \u4EC5\u5728\u672A\u4F7F\u7528\u81EA\u5B9A\u4E49\u6E32\u67D3\u65F6\u663E\u793A "),
|
|
32959
32964
|
columnTooltip.value && !_ctx.referenceRenderer ? (vue.openBlock(), vue.createBlock(
|
|
@@ -32982,8 +32987,9 @@
|
|
|
32982
32987
|
16
|
|
32983
32988
|
/* FULL_PROPS */
|
|
32984
32989
|
)) : vue.createCommentVNode("v-if", true),
|
|
32985
|
-
vue.createCommentVNode(" \u6392\u5E8F\u56FE\u6807 "),
|
|
32986
|
-
vue.
|
|
32990
|
+
vue.createCommentVNode(" \u6392\u5E8F\u56FE\u6807\uFF0C\u5F53 hideSort \u4E3A true \u65F6\u9690\u85CF "),
|
|
32991
|
+
!_ctx.hideSort ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
32992
|
+
key: 1,
|
|
32987
32993
|
class: "yc-header-filter-cell__sort",
|
|
32988
32994
|
style: {
|
|
32989
32995
|
display: "inline-flex",
|
|
@@ -33016,10 +33022,10 @@
|
|
|
33016
33022
|
_: 1
|
|
33017
33023
|
/* STABLE */
|
|
33018
33024
|
}, 8, ["style"])
|
|
33019
|
-
]),
|
|
33025
|
+
])) : vue.createCommentVNode("v-if", true),
|
|
33020
33026
|
vue.createCommentVNode(" \u7B5B\u9009\u56FE\u6807\u548C\u5F39\u7A97 "),
|
|
33021
33027
|
!_ctx.disableFilter ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElPopover), {
|
|
33022
|
-
key:
|
|
33028
|
+
key: 2,
|
|
33023
33029
|
visible: popVisible.value,
|
|
33024
33030
|
trigger: "click",
|
|
33025
33031
|
placement: "bottom-start",
|
|
@@ -33030,7 +33036,7 @@
|
|
|
33030
33036
|
reference: vue.withCtx(() => [
|
|
33031
33037
|
vue.createElementVNode("span", {
|
|
33032
33038
|
style: { cursor: "pointer", display: "inline-flex", alignItems: "center" },
|
|
33033
|
-
onClick: _cache[
|
|
33039
|
+
onClick: _cache[1] || (_cache[1] = vue.withModifiers(($event) => popVisible.value = !popVisible.value, ["stop"]))
|
|
33034
33040
|
}, [
|
|
33035
33041
|
vue.createVNode(vue.unref(YcSvgIcon), {
|
|
33036
33042
|
src: filterIconUrl.value,
|
|
@@ -33042,8 +33048,28 @@
|
|
|
33042
33048
|
]),
|
|
33043
33049
|
default: vue.withCtx(() => [
|
|
33044
33050
|
vue.createElementVNode("div", _hoisted_3$8, [
|
|
33051
|
+
vue.createCommentVNode(" \u64CD\u4F5C\u6309\u94AE\uFF08\u7F6E\u9876\u53F3\u4FA7\uFF0C\u907F\u514D\u4E0B\u62C9\u9009\u62E9\u5668\u906E\u6321\uFF09 "),
|
|
33052
|
+
vue.createElementVNode("div", _hoisted_4$6, [
|
|
33053
|
+
vue.createVNode(vue.unref(elementPlus.ElButton), { onClick: handleReset }, {
|
|
33054
|
+
default: vue.withCtx(() => [
|
|
33055
|
+
vue.createTextVNode("\u91CD\u7F6E")
|
|
33056
|
+
]),
|
|
33057
|
+
_: 1
|
|
33058
|
+
/* STABLE */
|
|
33059
|
+
}),
|
|
33060
|
+
vue.createVNode(vue.unref(elementPlus.ElButton), {
|
|
33061
|
+
type: "primary",
|
|
33062
|
+
onClick: handleConfirm
|
|
33063
|
+
}, {
|
|
33064
|
+
default: vue.withCtx(() => [
|
|
33065
|
+
vue.createTextVNode("\u786E\u5B9A")
|
|
33066
|
+
]),
|
|
33067
|
+
_: 1
|
|
33068
|
+
/* STABLE */
|
|
33069
|
+
})
|
|
33070
|
+
]),
|
|
33045
33071
|
vue.createCommentVNode(" \u64CD\u4F5C\u7B26\u5217\u8868\uFF08\u591A\u9009/\u65E5\u671F\u533A\u95F4\u7B49\u7531 hideOperatorList \u9690\u85CF\uFF0C\u9ED8\u8BA4 in / between\uFF09 "),
|
|
33046
|
-
!hideOperatorList.value ? (vue.openBlock(), vue.createElementBlock("div",
|
|
33072
|
+
!hideOperatorList.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, [
|
|
33047
33073
|
(vue.openBlock(true), vue.createElementBlock(
|
|
33048
33074
|
vue.Fragment,
|
|
33049
33075
|
null,
|
|
@@ -33070,35 +33096,15 @@
|
|
|
33070
33096
|
1
|
|
33071
33097
|
/* TEXT */
|
|
33072
33098
|
),
|
|
33073
|
-
state.selectedOp === op.code ? (vue.openBlock(), vue.createElementBlock("span",
|
|
33074
|
-
], 12,
|
|
33099
|
+
state.selectedOp === op.code ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$4, "\u2713")) : vue.createCommentVNode("v-if", true)
|
|
33100
|
+
], 12, _hoisted_6$5);
|
|
33075
33101
|
}),
|
|
33076
33102
|
128
|
|
33077
33103
|
/* KEYED_FRAGMENT */
|
|
33078
33104
|
))
|
|
33079
33105
|
])) : vue.createCommentVNode("v-if", true),
|
|
33080
33106
|
vue.createCommentVNode(" \u503C\u8F93\u5165 "),
|
|
33081
|
-
needValueInput.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderValueField), { key: 1 })) : vue.createCommentVNode("v-if", true)
|
|
33082
|
-
vue.createCommentVNode(" \u64CD\u4F5C\u6309\u94AE "),
|
|
33083
|
-
vue.createElementVNode("div", _hoisted_7$4, [
|
|
33084
|
-
vue.createVNode(vue.unref(elementPlus.ElButton), { onClick: handleReset }, {
|
|
33085
|
-
default: vue.withCtx(() => [
|
|
33086
|
-
vue.createTextVNode("\u91CD\u7F6E")
|
|
33087
|
-
]),
|
|
33088
|
-
_: 1
|
|
33089
|
-
/* STABLE */
|
|
33090
|
-
}),
|
|
33091
|
-
vue.createVNode(vue.unref(elementPlus.ElButton), {
|
|
33092
|
-
type: "primary",
|
|
33093
|
-
onClick: handleConfirm
|
|
33094
|
-
}, {
|
|
33095
|
-
default: vue.withCtx(() => [
|
|
33096
|
-
vue.createTextVNode("\u786E\u5B9A")
|
|
33097
|
-
]),
|
|
33098
|
-
_: 1
|
|
33099
|
-
/* STABLE */
|
|
33100
|
-
})
|
|
33101
|
-
])
|
|
33107
|
+
needValueInput.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderValueField), { key: 1 })) : vue.createCommentVNode("v-if", true)
|
|
33102
33108
|
])
|
|
33103
33109
|
]),
|
|
33104
33110
|
_: 1
|
|
@@ -33112,7 +33118,7 @@
|
|
|
33112
33118
|
}
|
|
33113
33119
|
});
|
|
33114
33120
|
|
|
33115
|
-
var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-
|
|
33121
|
+
var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-bc48f1f7"], ["__file", "header-filter-cell.vue"]]);
|
|
33116
33122
|
|
|
33117
33123
|
const DEFAULT_PAGE_SIZE = 20;
|
|
33118
33124
|
const COLUMN_CACHE_PREFIX = "yc-column-settings:";
|
|
@@ -33186,7 +33192,8 @@
|
|
|
33186
33192
|
getOpsByProp,
|
|
33187
33193
|
getMergedQuery,
|
|
33188
33194
|
updateCatalogs,
|
|
33189
|
-
isFieldFilterable
|
|
33195
|
+
isFieldFilterable,
|
|
33196
|
+
resetAllHeaderFilters
|
|
33190
33197
|
// isFieldVisible 已在 enhancedColumns 中直接使用 fieldCatalogState 实现
|
|
33191
33198
|
} = useHeaderFilter({
|
|
33192
33199
|
headerFilterConfig: () => props.headerFilter,
|
|
@@ -33235,6 +33242,7 @@
|
|
|
33235
33242
|
return visibleCols;
|
|
33236
33243
|
}
|
|
33237
33244
|
return visibleCols.map((col) => {
|
|
33245
|
+
var _a, _b;
|
|
33238
33246
|
const colHideFilter = col.hideHeaderFilter === true;
|
|
33239
33247
|
const hasExplicitHeaderFilter = col.headerFilter && typeof col.headerFilter === "object" || col.headerFilter === true;
|
|
33240
33248
|
const fieldFilterable = hasExplicitHeaderFilter || isFieldFilterable(col.prop);
|
|
@@ -33245,9 +33253,12 @@
|
|
|
33245
33253
|
return col;
|
|
33246
33254
|
}
|
|
33247
33255
|
const operators = getOpsByProp(col.prop);
|
|
33256
|
+
const colHeaderFilter = col.headerFilter && typeof col.headerFilter === "object" ? col.headerFilter : {};
|
|
33257
|
+
const globalHeaderFilter = props.headerFilter && typeof props.headerFilter === "object" ? props.headerFilter : {};
|
|
33258
|
+
const columnHideSort = (_b = (_a = colHeaderFilter.hideSort) != null ? _a : globalHeaderFilter.hideSort) != null ? _b : false;
|
|
33248
33259
|
const FILTER_ICON_WIDTH = 24;
|
|
33249
33260
|
const SORT_ICON_WIDTH = 16;
|
|
33250
|
-
const EXTRA_WIDTH = FILTER_ICON_WIDTH + SORT_ICON_WIDTH;
|
|
33261
|
+
const EXTRA_WIDTH = FILTER_ICON_WIDTH + (columnHideSort ? 0 : SORT_ICON_WIDTH);
|
|
33251
33262
|
const originalWidth = col.width || col.minWidth;
|
|
33252
33263
|
let adjustedWidth = originalWidth;
|
|
33253
33264
|
if (typeof originalWidth === "number") {
|
|
@@ -33274,6 +33285,7 @@
|
|
|
33274
33285
|
operators,
|
|
33275
33286
|
filters: headerFiltersState.filters,
|
|
33276
33287
|
orderBy: orderByState,
|
|
33288
|
+
hideSort: columnHideSort,
|
|
33277
33289
|
onConfirm: handleFilterConfirm,
|
|
33278
33290
|
onReset: handleFilterReset,
|
|
33279
33291
|
onSortChange: handleSortChange,
|
|
@@ -33374,7 +33386,7 @@
|
|
|
33374
33386
|
}
|
|
33375
33387
|
const defaultSearchConfig = {
|
|
33376
33388
|
hasUnfold: false,
|
|
33377
|
-
layout: "
|
|
33389
|
+
layout: "grid",
|
|
33378
33390
|
labelSuffix: "",
|
|
33379
33391
|
labelPosition: "right",
|
|
33380
33392
|
searchIcon: null,
|
|
@@ -33386,7 +33398,7 @@
|
|
|
33386
33398
|
}
|
|
33387
33399
|
return {
|
|
33388
33400
|
hasUnfold: false,
|
|
33389
|
-
layout: "
|
|
33401
|
+
layout: "grid",
|
|
33390
33402
|
labelSuffix: "",
|
|
33391
33403
|
labelPosition: "right",
|
|
33392
33404
|
searchIcon: null,
|
|
@@ -33565,6 +33577,7 @@
|
|
|
33565
33577
|
upsertHeaderFilter,
|
|
33566
33578
|
removeHeaderFilter,
|
|
33567
33579
|
setOrderBy,
|
|
33580
|
+
resetAllHeaderFilters,
|
|
33568
33581
|
getList: () => {
|
|
33569
33582
|
var _a, _b;
|
|
33570
33583
|
return (_b = (_a = plusPageRef.value) == null ? void 0 : _a.getList) == null ? void 0 : _b.call(_a);
|
|
@@ -33643,7 +33656,7 @@
|
|
|
33643
33656
|
}
|
|
33644
33657
|
});
|
|
33645
33658
|
|
|
33646
|
-
var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-
|
|
33659
|
+
var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-3906549e"], ["__file", "index.vue"]]);
|
|
33647
33660
|
|
|
33648
33661
|
function compareValues(a, b) {
|
|
33649
33662
|
if (a == null && b == null) return 0;
|
package/index.min.css
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
.plus-virtual-table{display:flex;flex-direction:column;height:100%;min-height:0;width:100%}.plus-virtual-table__title-bar{justify-content:space-between;padding:12px 0}.plus-virtual-table__title-bar,.plus-virtual-table__title-bar__left{align-items:center;display:flex}.plus-virtual-table__title-bar__right{align-items:center;display:flex;gap:8px}.plus-virtual-table__title-bar__text{font-size:16px;font-weight:500}.plus-virtual-table__title-bar__refresh{color:#606266;cursor:pointer;transition:color .2s}.plus-virtual-table__title-bar__refresh:hover{color:var(--el-color-primary)}.plus-virtual-table__body{flex:1;max-height:calc(100vh - 280px);min-height:0;overflow:hidden}.plus-virtual-table__header,.plus-virtual-table__header .el-table-v2__header-cell{background-color:var(--el-fill-color-light)!important}.plus-virtual-table__pagination{padding:12px 0}.plus-virtual-table-action-bar{align-items:center;display:flex;gap:4px;justify-content:center}.plus-table-column-status{align-items:center;display:inline-flex;gap:6px}.plus-table-column-status__dot{border-radius:50%;display:inline-block;height:8px;width:8px}.plus-table-column-empty{color:#c0c4cc}.plus-virtual-table--striped .plus-virtual-table__row--striped .el-table-v2__row-cell{background-color:var(--el-fill-color-lighter,#fafafa)}.plus-virtual-table--border .plus-virtual-table__body{border:1px solid var(--el-border-color-lighter,#ebeef5)}.plus-virtual-table--border .el-table-v2__header-cell,.plus-virtual-table--border .el-table-v2__row-cell{border-right:1px solid var(--el-border-color-lighter,#ebeef5)}.plus-virtual-table--border .el-table-v2__header-cell:last-child,.plus-virtual-table--border .el-table-v2__row-cell:last-child{border-right:none}.plus-virtual-table--border .el-table-v2__header-row,.plus-virtual-table--border .el-table-v2__row{border-bottom:1px solid var(--el-border-color-lighter,#ebeef5)}
|
|
2
2
|
.yc-svg-icon[data-v-34e1f2f7]{display:inline-block;-webkit-mask-size:contain;mask-size:contain;vertical-align:middle}.yc-svg-icon--original[data-v-34e1f2f7]{-o-object-fit:contain;object-fit:contain}
|
|
3
|
-
.yc-header-filter-cell[data-v-
|
|
3
|
+
.yc-header-filter-cell[data-v-bc48f1f7]{width:100%}.yc-header-filter-cell__label--ellipsis[data-v-bc48f1f7]{flex:1 1 0;min-width:0;overflow:hidden}.yc-header-filter-cell__label--ellipsis[data-v-bc48f1f7] .yc-header-filter-cell__label-text[data-v-bc48f1f7]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.yc-header-filter-cell__label--active[data-v-bc48f1f7]{color:var(--el-color-primary)}[data-v-bc48f1f7] .yc-header-filter-cell__sort-icon--asc,[data-v-bc48f1f7] .yc-header-filter-cell__sort-icon--desc{background-color:var(--el-color-primary)!important}[data-v-bc48f1f7] .yc-header-filter-cell__filter-icon--active{background-color:var(--el-color-primary)!important}
|
|
4
4
|
.yc-header-filter-inner-dropdown{z-index:4100!important}
|
|
5
|
-
.yc-plus-page[data-v-
|
|
5
|
+
.yc-plus-page[data-v-3906549e]{height:100%}.yc-plus-page[data-v-3906549e] [data-v-3906549e] .plus-page>.el-card{border-radius:8px}[data-v-3906549e] .yc-search-card-body{padding-right:0}[data-v-3906549e] .plus-table-title-bar__toolbar__icon{font-size:16px!important;position:relative;top:-2px}.column-settings-wrapper[data-v-3906549e]{align-items:center;cursor:pointer;display:flex;gap:4px;margin-left:8px}.column-settings-text[data-v-3906549e]{font-size:14px}
|
|
6
6
|
.yc-select-v2-loading.el-select-dropdown__item{color:#909399;cursor:default;font-size:13px;pointer-events:none;text-align:center}.yc-select-v2-loading.el-select-dropdown__item.is-disabled{color:#909399;cursor:default}
|
|
7
7
|
.el-tree .el-tree-node__content{position:relative}.yc-tree-node-label-wrapper{align-items:center;display:flex;flex:1;min-width:0}.yc-tree-node-label{font-size:12px}.yc-tree-node-line-ver{border-left:1px dashed var(--el-border-color-light,#dcdfe6);display:block;height:100%;left:0;position:absolute;top:0}.yc-tree-node-line-ver.last-node-line{border-left:1px dashed transparent}.yc-tree-node-line-ver.last-node-isLeaf-line{height:50%}.yc-tree-node-line-hor{border-bottom:1px dashed var(--el-border-color-light,#dcdfe6);display:block;height:0;left:0;position:absolute;top:50%}
|
|
8
8
|
.yc-plus-tree[data-v-45c2ba79]{display:flex;flex-direction:column;height:100%;overflow:auto}.yc-plus-tree[data-v-45c2ba79] .search-input[data-v-45c2ba79]{flex-shrink:0;margin-bottom:16px}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79]{flex:1;min-height:0;overflow:hidden}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] [data-v-45c2ba79] .el-tree-v2{overflow-x:visible!important}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .inline-input-node[data-v-45c2ba79]{align-items:center;display:flex;flex:1;padding-left:0;padding-right:8px;position:relative;z-index:1}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .inline-input-node[data-v-45c2ba79] .inline-input[data-v-45c2ba79]{flex-shrink:0;width:100%}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .inline-input-node[data-v-45c2ba79] .inline-input[data-v-45c2ba79] [data-v-45c2ba79] .el-input__wrapper{border-radius:4px;box-shadow:0 0 0 1px var(--el-border-color) inset;font-size:14px;height:26px;line-height:18px;padding:0 8px;transition:box-shadow .2s ease}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .inline-input-node[data-v-45c2ba79] .inline-input[data-v-45c2ba79] [data-v-45c2ba79] .el-input__wrapper[data-v-45c2ba79]:hover{box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .inline-input-node[data-v-45c2ba79] .inline-input[data-v-45c2ba79] [data-v-45c2ba79] .el-input__wrapper.is-focus[data-v-45c2ba79]{box-shadow:0 0 0 1px var(--el-color-primary) inset}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .inline-input-node[data-v-45c2ba79] .inline-input[data-v-45c2ba79] [data-v-45c2ba79] .el-input__inner{color:rgba(0,0,0,.7);font-size:14px;height:24px;line-height:18px}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .inline-input-node[data-v-45c2ba79] .inline-input[data-v-45c2ba79] [data-v-45c2ba79] .el-input__inner[data-v-45c2ba79]::-moz-placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .inline-input-node[data-v-45c2ba79] .inline-input[data-v-45c2ba79] [data-v-45c2ba79] .el-input__inner[data-v-45c2ba79]::placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] [data-v-45c2ba79] .el-tree-node__content:hover{background-color:var(--el-color-primary-light-9);border-radius:4px}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] [data-v-45c2ba79] .el-tree-node__content:hover .label-text[data-v-45c2ba79]{color:var(--el-color-primary)}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] [data-v-45c2ba79] .el-tree-node__content:hover .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] [data-v-45c2ba79] .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9);border-radius:4px}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] [data-v-45c2ba79] .el-tree-node.is-current>.el-tree-node__content .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79]{align-items:center;display:flex;gap:4px;width:100%}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79][data-v-45c2ba79]:hover .node-actions[data-v-45c2ba79]{opacity:1;pointer-events:auto}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79] .node-label[data-v-45c2ba79],.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79] [data-v-45c2ba79] .custom-node-label{align-items:center;display:flex;flex:1;gap:4px;min-width:0}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79] .node-label[data-v-45c2ba79] [data-v-45c2ba79] .el-tooltip__trigger,.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79] [data-v-45c2ba79] .custom-node-label [data-v-45c2ba79] .el-tooltip__trigger{display:block;min-width:0;overflow:hidden}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79] .node-label[data-v-45c2ba79] .label-text[data-v-45c2ba79],.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79] .node-label[data-v-45c2ba79] .node-text[data-v-45c2ba79],.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79] [data-v-45c2ba79] .custom-node-label .label-text[data-v-45c2ba79],.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79] [data-v-45c2ba79] .custom-node-label .node-text[data-v-45c2ba79]{color:var(--el-text-color-primary);display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79] .node-label[data-v-45c2ba79] .label-text[data-v-45c2ba79] [data-v-45c2ba79] .highlight-keyword,.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79] .node-label[data-v-45c2ba79] .node-text[data-v-45c2ba79] [data-v-45c2ba79] .highlight-keyword,.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79] [data-v-45c2ba79] .custom-node-label .label-text[data-v-45c2ba79] [data-v-45c2ba79] .highlight-keyword,.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79] [data-v-45c2ba79] .custom-node-label .node-text[data-v-45c2ba79] [data-v-45c2ba79] .highlight-keyword{background-color:var(--el-color-primary-light-9);border-radius:2px;color:var(--el-color-primary);font-weight:600;padding:0 2px}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79] .node-label[data-v-45c2ba79] .node-count[data-v-45c2ba79],.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79] [data-v-45c2ba79] .custom-node-label .node-count[data-v-45c2ba79]{color:var(--el-text-color-secondary);font-size:12px}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79] .node-actions[data-v-45c2ba79]{align-items:center;display:flex;flex-shrink:0;margin-left:auto;margin-right:8px;opacity:0;pointer-events:none;transition:opacity .2s ease}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79] .node-actions[data-v-45c2ba79] .action-icon-wrapper[data-v-45c2ba79]{align-items:center;cursor:pointer;display:flex;justify-content:center}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79] .node-actions[data-v-45c2ba79] .action-icon[data-v-45c2ba79]{align-items:center;border-radius:4px;color:var(--el-color-primary);cursor:pointer;display:flex;height:20px;justify-content:center;transition:background-color .2s ease;width:20px}.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79] .node-actions[data-v-45c2ba79] .action-icon[data-v-45c2ba79][data-v-45c2ba79]:hover{background-color:var(--el-color-primary-light-8)}.tree-dropdown-menu[data-v-45c2ba79]{border-radius:8px!important;min-width:156px!important;padding:8px!important}.tree-dropdown-menu[data-v-45c2ba79] [data-v-45c2ba79] .el-dropdown-menu__item{border-radius:8px;font-size:12px;height:32px;line-height:32px;margin:0;padding:0 12px;transition:background-color .2s ease}.tree-dropdown-menu[data-v-45c2ba79] [data-v-45c2ba79] .el-dropdown-menu__item[data-v-45c2ba79]:hover{background-color:var(--el-color-primary-light-9)!important;color:var(--el-color-primary)!important}.tree-dropdown-menu[data-v-45c2ba79] [data-v-45c2ba79] .el-dropdown-menu__item[data-v-45c2ba79]:not(:last-child){margin-bottom:4px}.tree-dropdown-menu[data-v-45c2ba79] [data-v-45c2ba79] .el-divider{border-top:1px solid #e5e7eb;margin:12px 0}.tree-dropdown-menu[data-v-45c2ba79] [data-v-45c2ba79] .sortable-ghost{background-color:var(--el-color-primary-light-9);border:1px dashed var(--el-color-primary);border-radius:4px;opacity:.4}.tree-dropdown-menu[data-v-45c2ba79] [data-v-45c2ba79] .sortable-chosen{background-color:var(--el-color-primary-light-8);box-shadow:0 2px 8px rgba(0,0,0,.1)}.tree-dropdown-menu[data-v-45c2ba79] [data-v-45c2ba79] .sortable-drag{background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:move;opacity:1;transform:rotate(2deg)}.tree-dropdown-menu[data-v-45c2ba79] [data-v-45c2ba79] .sortable-fallback{-webkit-user-select:none;-moz-user-select:none;user-select:none}
|