yc-pro-components 0.0.3 → 0.0.5
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-line-tree/src/index.vue2.mjs +2 -18
- package/es/components/yc-plus-tree/src/index.vue.mjs +1 -1
- package/es/components/yc-plus-tree/src/index.vue2.mjs +10 -8
- package/es/index.css +1 -1
- package/index.css +50 -43
- package/index.js +18 -32
- package/index.min.css +1 -1
- package/index.min.js +4 -4
- package/index.min.mjs +4 -4
- package/index.mjs +18 -32
- package/lib/components/yc-line-tree/src/index.vue2.js +2 -18
- package/lib/components/yc-plus-tree/src/index.vue.js +1 -1
- package/lib/components/yc-plus-tree/src/index.vue2.js +10 -8
- package/lib/index.css +1 -1
- 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
|
@@ -99,35 +99,19 @@ var _sfc_main = defineComponent({
|
|
|
99
99
|
"last-node-line": lastnodeArr[i] && this.node.level - 1 !== i,
|
|
100
100
|
"last-node-isLeaf-line": lastnodeArr[i] && this.node.level - 1 === i
|
|
101
101
|
},
|
|
102
|
-
style: {
|
|
103
|
-
position: "absolute",
|
|
104
|
-
top: "0",
|
|
105
|
-
display: "block",
|
|
106
|
-
height: lastnodeArr[i] && this.node.level - 1 === i ? "50%" : "100%",
|
|
107
|
-
left: this.indent * i + "px"
|
|
108
|
-
}
|
|
102
|
+
style: { left: this.indent * i + "px" }
|
|
109
103
|
})
|
|
110
104
|
);
|
|
111
105
|
}
|
|
112
106
|
return h(
|
|
113
107
|
"span",
|
|
114
108
|
{
|
|
115
|
-
class: "yc-tree-node-label-wrapper"
|
|
116
|
-
style: {
|
|
117
|
-
position: "relative",
|
|
118
|
-
display: "flex",
|
|
119
|
-
flex: "1",
|
|
120
|
-
alignItems: "center"
|
|
121
|
-
}
|
|
109
|
+
class: "yc-tree-node-label-wrapper"
|
|
122
110
|
},
|
|
123
111
|
[labelNodes].concat(lineNodes).concat([
|
|
124
112
|
h("span", {
|
|
125
113
|
class: "yc-tree-node-line-hor",
|
|
126
114
|
style: {
|
|
127
|
-
position: "absolute",
|
|
128
|
-
top: "50%",
|
|
129
|
-
display: "block",
|
|
130
|
-
height: "0",
|
|
131
115
|
width: (this.node.isLeaf ? 24 : 8) + "px",
|
|
132
116
|
left: (this.node.level - 1) * this.indent + "px"
|
|
133
117
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _sfc_main from './index.vue2.mjs';
|
|
2
2
|
import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
|
|
3
3
|
|
|
4
|
-
var YcPlusTreeComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
var YcPlusTreeComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fa0eccd0"], ["__file", "index.vue"]]);
|
|
5
5
|
|
|
6
6
|
export { YcPlusTreeComponent as default };
|
|
@@ -27,7 +27,8 @@ const _hoisted_3 = {
|
|
|
27
27
|
};
|
|
28
28
|
const _hoisted_4 = { class: "node-label" };
|
|
29
29
|
const _hoisted_5 = ["innerHTML"];
|
|
30
|
-
const _hoisted_6 = {
|
|
30
|
+
const _hoisted_6 = { class: "action-icon-wrapper" };
|
|
31
|
+
const _hoisted_7 = {
|
|
31
32
|
key: 0,
|
|
32
33
|
style: { "padding": "0 12px" }
|
|
33
34
|
};
|
|
@@ -780,7 +781,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
780
781
|
shouldShowNodeActions(data, node) ? (openBlock(), createElementBlock("span", {
|
|
781
782
|
key: 0,
|
|
782
783
|
class: "node-actions",
|
|
783
|
-
style: { "display": "flex", "flex-shrink": "0", "align-items": "center", "margin-right": "8px", "margin-left": "auto" },
|
|
784
784
|
onClick: _cache[4] || (_cache[4] = withModifiers(() => {
|
|
785
785
|
}, ["stop"]))
|
|
786
786
|
}, [
|
|
@@ -808,7 +808,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
808
808
|
Fragment,
|
|
809
809
|
{ key: _actionIdx },
|
|
810
810
|
[
|
|
811
|
-
action.type === "divider" && (!action.visible || action.visible(data)) ? (openBlock(), createElementBlock("div",
|
|
811
|
+
action.type === "divider" && (!action.visible || action.visible(data)) ? (openBlock(), createElementBlock("div", _hoisted_7, [
|
|
812
812
|
createVNode(_component_el_divider, { class: "dropdown-divider" })
|
|
813
813
|
])) : action.type === "action" && (!action.visible || action.visible(data)) ? (openBlock(), createBlock(_component_el_dropdown_item, {
|
|
814
814
|
key: 1,
|
|
@@ -842,11 +842,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
842
842
|
)
|
|
843
843
|
]),
|
|
844
844
|
default: withCtx(() => [
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
845
|
+
createElementVNode("span", _hoisted_6, [
|
|
846
|
+
createVNode(unref(YcSvgIcon), {
|
|
847
|
+
src: unref(treeMoreIconUrl),
|
|
848
|
+
size: 16,
|
|
849
|
+
class: "action-icon"
|
|
850
|
+
}, null, 8, ["src"])
|
|
851
|
+
])
|
|
850
852
|
]),
|
|
851
853
|
_: 2
|
|
852
854
|
/* DYNAMIC */
|
package/es/index.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
.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}
|
|
2
2
|
.yc-plus-page[data-v-4486eb75]{height:100%}[data-v-4486eb75] .yc-search-card-body{padding-right:0}[data-v-4486eb75] .plus-table-title-bar__toolbar__icon{font-size:16px!important;position:relative;top:-2px}.column-settings-wrapper[data-v-4486eb75]{align-items:center;cursor:pointer;display:flex;gap:4px;margin-left:8px}.column-settings-text[data-v-4486eb75]{font-size:14px}
|
|
3
3
|
.el-tree .el-tree-node__content{position:relative}.yc-tree-node-label-wrapper{align-items:center;display:flex;flex:1}.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%}
|
|
4
|
-
.yc-plus-tree[data-v-
|
|
4
|
+
.yc-plus-tree[data-v-fa0eccd0]{display:flex;flex-direction:column;height:100%;overflow:auto}.yc-plus-tree[data-v-fa0eccd0] .search-input[data-v-fa0eccd0]{flex-shrink:0;margin-bottom:16px}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0]{flex:1;min-height:0;overflow:hidden}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-v2{overflow-x:visible!important}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0]{align-items:center;display:flex;flex:1;padding-left:0;padding-right:8px;position:relative;z-index:1}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0]{flex-shrink:0;width:100%}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__wrapper[data-v-fa0eccd0]:hover{box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__wrapper.is-focus[data-v-fa0eccd0]{box-shadow:0 0 0 1px var(--el-color-primary) inset}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__inner{color:rgba(0,0,0,.7);font-size:14px;height:24px;line-height:18px}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__inner[data-v-fa0eccd0]::-moz-placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__inner[data-v-fa0eccd0]::placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node__content:hover{background-color:var(--el-color-primary-light-9)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node__content:hover .label-text[data-v-fa0eccd0]{color:var(--el-color-primary)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node__content:hover .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node.is-current>.el-tree-node__content .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0]{align-items:center;display:flex;gap:4px;width:100%}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0][data-v-fa0eccd0]:hover .node-actions[data-v-fa0eccd0]{opacity:1;pointer-events:auto}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0],.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label{align-items:center;display:flex;flex:1;gap:4px;min-width:0}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .label-text[data-v-fa0eccd0],.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .node-text[data-v-fa0eccd0],.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .label-text[data-v-fa0eccd0],.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .node-text[data-v-fa0eccd0]{color:var(--el-text-color-primary)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .label-text[data-v-fa0eccd0] [data-v-fa0eccd0] .highlight-keyword,.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .node-text[data-v-fa0eccd0] [data-v-fa0eccd0] .highlight-keyword,.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .label-text[data-v-fa0eccd0] [data-v-fa0eccd0] .highlight-keyword,.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .node-text[data-v-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .node-count[data-v-fa0eccd0],.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .node-count[data-v-fa0eccd0]{color:var(--el-text-color-secondary);font-size:12px}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-actions[data-v-fa0eccd0]{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-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-actions[data-v-fa0eccd0] .action-icon-wrapper[data-v-fa0eccd0]{align-items:center;cursor:pointer;display:flex;justify-content:center}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-actions[data-v-fa0eccd0] .action-icon[data-v-fa0eccd0]{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-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-actions[data-v-fa0eccd0] .action-icon[data-v-fa0eccd0][data-v-fa0eccd0]:hover{background-color:var(--el-color-primary-light-8)}.tree-dropdown-menu[data-v-fa0eccd0]{border-radius:8px!important;min-width:156px!important;padding:8px!important}.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] [data-v-fa0eccd0] .el-dropdown-menu__item[data-v-fa0eccd0]:hover{background-color:var(--el-color-primary-light-9)!important;color:var(--el-color-primary)!important}.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .el-dropdown-menu__item[data-v-fa0eccd0]:not(:last-child){margin-bottom:4px}.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .el-divider{border-top:1px solid #e5e7eb;margin:12px 0}.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] [data-v-fa0eccd0] .sortable-fallback{-webkit-user-select:none;-moz-user-select:none;user-select:none}
|
|
5
5
|
.tree-dropdown-popper{border:none!important;border-radius:8px!important;overflow:hidden!important}.yc-plus-tree .highlight-keyword{background-color:var(--el-color-primary-light-9);border-radius:2px;color:var(--el-color-primary);font-weight:600;padding:0 2px}.el-tree-node__content:has([data-input-node=true]) .el-tree-node__expand-icon{display:none!important}.sortable-ghost{opacity:.3!important;position:relative!important}.drop-target{background-color:var(--el-color-primary-light-9)!important;border-radius:4px}.drop-target:before{background:var(--el-color-primary);border-radius:1.5px;bottom:0;content:"";left:calc(var(--drop-indent, 0px) - 3px);opacity:.6;position:absolute;top:0;width:3px;z-index:1}
|
|
6
6
|
.yc-dialog{--scrollbar-size:6px;--scrollbar-radius:3px;--scrollbar-thumb-light:rgba(0,0,0,.2);--scrollbar-thumb-light-hover:rgba(0,0,0,.3);--scrollbar-thumb-dark:hsla(0,0%,100%,.2);--scrollbar-thumb-dark-hover:hsla(0,0%,100%,.3)}.yc-dialog :deep(.el-dialog){display:flex;flex-direction:column;margin:6vh auto 50px;max-height:90vh}.yc-dialog :deep(.el-dialog__body){display:flex;flex:1;flex-direction:column;overflow:hidden;padding:0}.yc-dialog__content{flex:1;overflow:auto;padding:0}.yc-dialog__content::-webkit-scrollbar{height:var(--scrollbar-size);width:var(--scrollbar-size)}.yc-dialog__content::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-light);border-radius:var(--scrollbar-radius)}.yc-dialog__content::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-light-hover)}.yc-dialog__content::-webkit-scrollbar-track{background-color:transparent}:deep(.dark) .yc-dialog__content::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-dark)}:deep(.dark) .yc-dialog__content::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-dark-hover)}
|
|
7
7
|
.yc-drawer .el-drawer__header{margin-bottom:0!important;padding:0!important}.yc-drawer .el-drawer__footer{padding-bottom:12px!important;padding-right:24px!important;padding-top:12px!important}
|
package/index.css
CHANGED
|
@@ -87,31 +87,30 @@
|
|
|
87
87
|
border-bottom: 1px dashed var(--el-border-color-light, #dcdfe6);
|
|
88
88
|
}
|
|
89
89
|
@charset "UTF-8";
|
|
90
|
-
.yc-plus-tree[data-v-
|
|
90
|
+
.yc-plus-tree[data-v-fa0eccd0] {
|
|
91
91
|
display: flex;
|
|
92
92
|
flex-direction: column;
|
|
93
93
|
height: 100%;
|
|
94
94
|
overflow: auto;
|
|
95
95
|
}
|
|
96
|
-
.yc-plus-tree[data-v-
|
|
96
|
+
.yc-plus-tree[data-v-fa0eccd0] .search-input[data-v-fa0eccd0] {
|
|
97
97
|
flex-shrink: 0;
|
|
98
98
|
margin-bottom: 16px;
|
|
99
99
|
}
|
|
100
|
-
.yc-plus-tree[data-v-
|
|
100
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] {
|
|
101
101
|
flex: 1;
|
|
102
102
|
min-height: 0;
|
|
103
103
|
overflow: hidden;
|
|
104
104
|
/* el-tree-v2 容器需要允许内容溢出 */
|
|
105
105
|
/* 内联输入框节点 */
|
|
106
106
|
/* hover 状态：高亮背景和文字（el-tree-v2 使用 .el-tree-node class） */
|
|
107
|
-
/* hover 状态下显示操作按钮 - 使用完整选择器链 */
|
|
108
107
|
/* 选中状态：高亮背景和文字 */
|
|
109
108
|
/* 节点标签包装器（包含标签和操作按钮） */
|
|
110
109
|
}
|
|
111
|
-
.yc-plus-tree[data-v-
|
|
110
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-v2 {
|
|
112
111
|
overflow-x: visible !important;
|
|
113
112
|
}
|
|
114
|
-
.yc-plus-tree[data-v-
|
|
113
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] {
|
|
115
114
|
position: relative;
|
|
116
115
|
z-index: 1; /* 确保在图标上层 */
|
|
117
116
|
display: flex;
|
|
@@ -120,11 +119,11 @@
|
|
|
120
119
|
padding-right: 8px;
|
|
121
120
|
padding-left: 0; /* 移除左边距 */
|
|
122
121
|
}
|
|
123
|
-
.yc-plus-tree[data-v-
|
|
122
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] {
|
|
124
123
|
flex-shrink: 0;
|
|
125
124
|
width: 100%;
|
|
126
125
|
}
|
|
127
|
-
.yc-plus-tree[data-v-
|
|
126
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__wrapper {
|
|
128
127
|
height: 26px;
|
|
129
128
|
padding: 0 8px;
|
|
130
129
|
font-size: 14px;
|
|
@@ -133,78 +132,80 @@
|
|
|
133
132
|
box-shadow: 0 0 0 1px var(--el-border-color) inset;
|
|
134
133
|
transition: box-shadow 0.2s ease;
|
|
135
134
|
}
|
|
136
|
-
.yc-plus-tree[data-v-
|
|
135
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__wrapper[data-v-fa0eccd0]:hover {
|
|
137
136
|
box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
|
|
138
137
|
}
|
|
139
|
-
.yc-plus-tree[data-v-
|
|
138
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__wrapper.is-focus[data-v-fa0eccd0] {
|
|
140
139
|
box-shadow: 0 0 0 1px var(--el-color-primary) inset;
|
|
141
140
|
}
|
|
142
|
-
.yc-plus-tree[data-v-
|
|
141
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__inner {
|
|
143
142
|
height: 24px;
|
|
144
143
|
font-size: 14px;
|
|
145
144
|
line-height: 18px;
|
|
146
145
|
color: rgba(0, 0, 0, 0.7);
|
|
147
146
|
}
|
|
148
|
-
.yc-plus-tree[data-v-
|
|
147
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__inner[data-v-fa0eccd0]::-moz-placeholder {
|
|
149
148
|
color: rgba(0, 0, 0, 0.4);
|
|
150
149
|
}
|
|
151
|
-
.yc-plus-tree[data-v-
|
|
150
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__inner[data-v-fa0eccd0]::placeholder {
|
|
152
151
|
color: rgba(0, 0, 0, 0.4);
|
|
153
152
|
}
|
|
154
|
-
.yc-plus-tree[data-v-
|
|
153
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node__content:hover {
|
|
155
154
|
background-color: var(--el-color-primary-light-9);
|
|
156
155
|
}
|
|
157
|
-
.yc-plus-tree[data-v-
|
|
156
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node__content:hover .label-text[data-v-fa0eccd0] {
|
|
158
157
|
color: var(--el-color-primary);
|
|
159
158
|
}
|
|
160
|
-
.yc-plus-tree[data-v-
|
|
161
|
-
pointer-events: auto;
|
|
162
|
-
opacity: 1;
|
|
163
|
-
}
|
|
164
|
-
.yc-plus-tree[data-v-475b88b9] .tree-container[data-v-475b88b9] [data-v-475b88b9] .el-tree-node__content:hover .label-text {
|
|
159
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node__content:hover .label-text {
|
|
165
160
|
color: var(--el-color-primary);
|
|
166
161
|
}
|
|
167
|
-
.yc-plus-tree[data-v-
|
|
162
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node.is-current > .el-tree-node__content {
|
|
168
163
|
background-color: var(--el-color-primary-light-9);
|
|
169
164
|
}
|
|
170
|
-
.yc-plus-tree[data-v-
|
|
165
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node.is-current > .el-tree-node__content .label-text {
|
|
171
166
|
color: var(--el-color-primary);
|
|
172
167
|
}
|
|
173
|
-
.yc-plus-tree[data-v-
|
|
168
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] {
|
|
174
169
|
display: flex;
|
|
175
170
|
gap: 4px;
|
|
176
171
|
align-items: center;
|
|
177
172
|
width: 100%;
|
|
173
|
+
/* ⚠️ 重要：hover 逻辑必须在这里定义，不能依赖 :deep() 穿透 */
|
|
174
|
+
/* 因为 :deep() 在生产构建时可能导致选择器失效 */
|
|
178
175
|
/* 节点标签区域（可被自定义 slot 替换） */
|
|
179
176
|
/* 节点操作按钮容器 */
|
|
180
177
|
}
|
|
181
|
-
.yc-plus-tree[data-v-
|
|
178
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0][data-v-fa0eccd0]:hover .node-actions[data-v-fa0eccd0] {
|
|
179
|
+
pointer-events: auto;
|
|
180
|
+
opacity: 1;
|
|
181
|
+
}
|
|
182
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0], .yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label {
|
|
182
183
|
display: flex;
|
|
183
184
|
flex: 1;
|
|
184
185
|
gap: 4px;
|
|
185
186
|
align-items: center;
|
|
186
187
|
min-width: 0;
|
|
187
188
|
}
|
|
188
|
-
.yc-plus-tree[data-v-
|
|
189
|
-
.yc-plus-tree[data-v-
|
|
190
|
-
.yc-plus-tree[data-v-
|
|
189
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .label-text[data-v-fa0eccd0],
|
|
190
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .node-text[data-v-fa0eccd0], .yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .label-text[data-v-fa0eccd0],
|
|
191
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .node-text[data-v-fa0eccd0] {
|
|
191
192
|
color: var(--el-text-color-primary);
|
|
192
193
|
/* v-html 插入的高亮关键词样式 */
|
|
193
194
|
}
|
|
194
|
-
.yc-plus-tree[data-v-
|
|
195
|
-
.yc-plus-tree[data-v-
|
|
196
|
-
.yc-plus-tree[data-v-
|
|
195
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .label-text[data-v-fa0eccd0] [data-v-fa0eccd0] .highlight-keyword,
|
|
196
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .node-text[data-v-fa0eccd0] [data-v-fa0eccd0] .highlight-keyword, .yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .label-text[data-v-fa0eccd0] [data-v-fa0eccd0] .highlight-keyword,
|
|
197
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .node-text[data-v-fa0eccd0] [data-v-fa0eccd0] .highlight-keyword {
|
|
197
198
|
padding: 0 2px;
|
|
198
199
|
font-weight: 600;
|
|
199
200
|
color: var(--el-color-primary);
|
|
200
201
|
background-color: var(--el-color-primary-light-9);
|
|
201
202
|
border-radius: 2px;
|
|
202
203
|
}
|
|
203
|
-
.yc-plus-tree[data-v-
|
|
204
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .node-count[data-v-fa0eccd0], .yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .node-count[data-v-fa0eccd0] {
|
|
204
205
|
font-size: 12px;
|
|
205
206
|
color: var(--el-text-color-secondary);
|
|
206
207
|
}
|
|
207
|
-
.yc-plus-tree[data-v-
|
|
208
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-actions[data-v-fa0eccd0] {
|
|
208
209
|
display: flex;
|
|
209
210
|
flex-shrink: 0;
|
|
210
211
|
align-items: center;
|
|
@@ -214,7 +215,13 @@
|
|
|
214
215
|
opacity: 0;
|
|
215
216
|
transition: opacity 0.2s ease;
|
|
216
217
|
}
|
|
217
|
-
.yc-plus-tree[data-v-
|
|
218
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-actions[data-v-fa0eccd0] .action-icon-wrapper[data-v-fa0eccd0] {
|
|
219
|
+
display: flex;
|
|
220
|
+
align-items: center;
|
|
221
|
+
justify-content: center;
|
|
222
|
+
cursor: pointer;
|
|
223
|
+
}
|
|
224
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-actions[data-v-fa0eccd0] .action-icon[data-v-fa0eccd0] {
|
|
218
225
|
display: flex;
|
|
219
226
|
align-items: center;
|
|
220
227
|
justify-content: center;
|
|
@@ -225,12 +232,12 @@
|
|
|
225
232
|
border-radius: 4px;
|
|
226
233
|
transition: background-color 0.2s ease;
|
|
227
234
|
}
|
|
228
|
-
.yc-plus-tree[data-v-
|
|
235
|
+
.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-actions[data-v-fa0eccd0] .action-icon[data-v-fa0eccd0][data-v-fa0eccd0]:hover {
|
|
229
236
|
background-color: var(--el-color-primary-light-8);
|
|
230
237
|
}
|
|
231
238
|
|
|
232
239
|
/* 下拉菜单样式 */
|
|
233
|
-
.tree-dropdown-menu[data-v-
|
|
240
|
+
.tree-dropdown-menu[data-v-fa0eccd0] {
|
|
234
241
|
min-width: 156px !important;
|
|
235
242
|
padding: 8px !important;
|
|
236
243
|
border-radius: 8px !important;
|
|
@@ -251,7 +258,7 @@
|
|
|
251
258
|
* 拖拽时禁用选择
|
|
252
259
|
*/
|
|
253
260
|
}
|
|
254
|
-
.tree-dropdown-menu[data-v-
|
|
261
|
+
.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .el-dropdown-menu__item {
|
|
255
262
|
height: 32px;
|
|
256
263
|
padding: 0 12px;
|
|
257
264
|
margin: 0;
|
|
@@ -260,35 +267,35 @@
|
|
|
260
267
|
border-radius: 8px;
|
|
261
268
|
transition: background-color 0.2s ease;
|
|
262
269
|
}
|
|
263
|
-
.tree-dropdown-menu[data-v-
|
|
270
|
+
.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .el-dropdown-menu__item[data-v-fa0eccd0]:hover {
|
|
264
271
|
color: var(--el-color-primary) !important;
|
|
265
272
|
background-color: var(--el-color-primary-light-9) !important;
|
|
266
273
|
}
|
|
267
|
-
.tree-dropdown-menu[data-v-
|
|
274
|
+
.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .el-dropdown-menu__item[data-v-fa0eccd0]:not(:last-child) {
|
|
268
275
|
margin-bottom: 4px;
|
|
269
276
|
}
|
|
270
|
-
.tree-dropdown-menu[data-v-
|
|
277
|
+
.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .el-divider {
|
|
271
278
|
margin: 12px 0;
|
|
272
279
|
border-top: 1px solid #e5e7eb;
|
|
273
280
|
}
|
|
274
|
-
.tree-dropdown-menu[data-v-
|
|
281
|
+
.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .sortable-ghost {
|
|
275
282
|
background-color: var(--el-color-primary-light-9);
|
|
276
283
|
border: 1px dashed var(--el-color-primary);
|
|
277
284
|
border-radius: 4px;
|
|
278
285
|
opacity: 0.4;
|
|
279
286
|
}
|
|
280
|
-
.tree-dropdown-menu[data-v-
|
|
287
|
+
.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .sortable-chosen {
|
|
281
288
|
background-color: var(--el-color-primary-light-8);
|
|
282
289
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
283
290
|
}
|
|
284
|
-
.tree-dropdown-menu[data-v-
|
|
291
|
+
.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .sortable-drag {
|
|
285
292
|
cursor: move;
|
|
286
293
|
background-color: white;
|
|
287
294
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
288
295
|
opacity: 1;
|
|
289
296
|
transform: rotate(2deg);
|
|
290
297
|
}
|
|
291
|
-
.tree-dropdown-menu[data-v-
|
|
298
|
+
.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .sortable-fallback {
|
|
292
299
|
-webkit-user-select: none;
|
|
293
300
|
-moz-user-select: none;
|
|
294
301
|
user-select: none;
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! yc-pro-components v0.0.
|
|
1
|
+
/*! yc-pro-components v0.0.5 */
|
|
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) :
|
|
@@ -18089,7 +18089,7 @@
|
|
|
18089
18089
|
/* HOISTED */
|
|
18090
18090
|
);
|
|
18091
18091
|
const _hoisted_6$4 = { class: "plus-table-checkbox-checkAll" };
|
|
18092
|
-
const _hoisted_7$
|
|
18092
|
+
const _hoisted_7$4 = {
|
|
18093
18093
|
key: 0,
|
|
18094
18094
|
class: "plus-table-checkbox-handle"
|
|
18095
18095
|
};
|
|
@@ -18447,7 +18447,7 @@
|
|
|
18447
18447
|
key: item.prop,
|
|
18448
18448
|
class: "plus-table-checkbox-item"
|
|
18449
18449
|
}, [
|
|
18450
|
-
((_a3 = columnSetting.value) == null ? void 0 : _a3.dragSort) !== false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$
|
|
18450
|
+
((_a3 = columnSetting.value) == null ? void 0 : _a3.dragSort) !== false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$4, [
|
|
18451
18451
|
vue.renderSlot(_ctx.$slots, "drag-sort-icon", {}, () => [
|
|
18452
18452
|
vue.createTextVNode("\u2637")
|
|
18453
18453
|
])
|
|
@@ -20757,7 +20757,7 @@
|
|
|
20757
20757
|
);
|
|
20758
20758
|
const _hoisted_5$5 = { class: "plus-header__right" };
|
|
20759
20759
|
const _hoisted_6$3 = { class: "plus-header__dropdown-area" };
|
|
20760
|
-
const _hoisted_7$
|
|
20760
|
+
const _hoisted_7$3 = ["src"];
|
|
20761
20761
|
const _hoisted_8$1 = { class: "plus-header__username" };
|
|
20762
20762
|
const _hoisted_9$1 = {
|
|
20763
20763
|
key: 0,
|
|
@@ -20899,7 +20899,7 @@
|
|
|
20899
20899
|
src: _ctx.userInfo.avatar,
|
|
20900
20900
|
alt: "",
|
|
20901
20901
|
class: "plus-header__avatar"
|
|
20902
|
-
}, null, 8, _hoisted_7$
|
|
20902
|
+
}, null, 8, _hoisted_7$3)) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
|
|
20903
20903
|
key: 1,
|
|
20904
20904
|
size: 20,
|
|
20905
20905
|
class: "plus-header__avatar"
|
|
@@ -56173,35 +56173,19 @@
|
|
|
56173
56173
|
"last-node-line": lastnodeArr[i] && this.node.level - 1 !== i,
|
|
56174
56174
|
"last-node-isLeaf-line": lastnodeArr[i] && this.node.level - 1 === i
|
|
56175
56175
|
},
|
|
56176
|
-
style: {
|
|
56177
|
-
position: "absolute",
|
|
56178
|
-
top: "0",
|
|
56179
|
-
display: "block",
|
|
56180
|
-
height: lastnodeArr[i] && this.node.level - 1 === i ? "50%" : "100%",
|
|
56181
|
-
left: this.indent * i + "px"
|
|
56182
|
-
}
|
|
56176
|
+
style: { left: this.indent * i + "px" }
|
|
56183
56177
|
})
|
|
56184
56178
|
);
|
|
56185
56179
|
}
|
|
56186
56180
|
return vue.h(
|
|
56187
56181
|
"span",
|
|
56188
56182
|
{
|
|
56189
|
-
class: "yc-tree-node-label-wrapper"
|
|
56190
|
-
style: {
|
|
56191
|
-
position: "relative",
|
|
56192
|
-
display: "flex",
|
|
56193
|
-
flex: "1",
|
|
56194
|
-
alignItems: "center"
|
|
56195
|
-
}
|
|
56183
|
+
class: "yc-tree-node-label-wrapper"
|
|
56196
56184
|
},
|
|
56197
56185
|
[labelNodes].concat(lineNodes).concat([
|
|
56198
56186
|
vue.h("span", {
|
|
56199
56187
|
class: "yc-tree-node-line-hor",
|
|
56200
56188
|
style: {
|
|
56201
|
-
position: "absolute",
|
|
56202
|
-
top: "50%",
|
|
56203
|
-
display: "block",
|
|
56204
|
-
height: "0",
|
|
56205
56189
|
width: (this.node.isLeaf ? 24 : 8) + "px",
|
|
56206
56190
|
left: (this.node.level - 1) * this.indent + "px"
|
|
56207
56191
|
}
|
|
@@ -56592,7 +56576,8 @@
|
|
|
56592
56576
|
};
|
|
56593
56577
|
const _hoisted_4$3 = { class: "node-label" };
|
|
56594
56578
|
const _hoisted_5$3 = ["innerHTML"];
|
|
56595
|
-
const _hoisted_6$2 = {
|
|
56579
|
+
const _hoisted_6$2 = { class: "action-icon-wrapper" };
|
|
56580
|
+
const _hoisted_7$2 = {
|
|
56596
56581
|
key: 0,
|
|
56597
56582
|
style: { "padding": "0 12px" }
|
|
56598
56583
|
};
|
|
@@ -57345,7 +57330,6 @@
|
|
|
57345
57330
|
shouldShowNodeActions(data, node) ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
57346
57331
|
key: 0,
|
|
57347
57332
|
class: "node-actions",
|
|
57348
|
-
style: { "display": "flex", "flex-shrink": "0", "align-items": "center", "margin-right": "8px", "margin-left": "auto" },
|
|
57349
57333
|
onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
|
|
57350
57334
|
}, ["stop"]))
|
|
57351
57335
|
}, [
|
|
@@ -57373,7 +57357,7 @@
|
|
|
57373
57357
|
vue.Fragment,
|
|
57374
57358
|
{ key: _actionIdx },
|
|
57375
57359
|
[
|
|
57376
|
-
action.type === "divider" && (!action.visible || action.visible(data)) ? (vue.openBlock(), vue.createElementBlock("div",
|
|
57360
|
+
action.type === "divider" && (!action.visible || action.visible(data)) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, [
|
|
57377
57361
|
vue.createVNode(_component_el_divider, { class: "dropdown-divider" })
|
|
57378
57362
|
])) : action.type === "action" && (!action.visible || action.visible(data)) ? (vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
|
|
57379
57363
|
key: 1,
|
|
@@ -57407,11 +57391,13 @@
|
|
|
57407
57391
|
)
|
|
57408
57392
|
]),
|
|
57409
57393
|
default: vue.withCtx(() => [
|
|
57410
|
-
vue.
|
|
57411
|
-
|
|
57412
|
-
|
|
57413
|
-
|
|
57414
|
-
|
|
57394
|
+
vue.createElementVNode("span", _hoisted_6$2, [
|
|
57395
|
+
vue.createVNode(vue.unref(YcSvgIcon), {
|
|
57396
|
+
src: vue.unref(treeMoreIconUrl),
|
|
57397
|
+
size: 16,
|
|
57398
|
+
class: "action-icon"
|
|
57399
|
+
}, null, 8, ["src"])
|
|
57400
|
+
])
|
|
57415
57401
|
]),
|
|
57416
57402
|
_: 2
|
|
57417
57403
|
/* DYNAMIC */
|
|
@@ -57448,7 +57434,7 @@
|
|
|
57448
57434
|
}
|
|
57449
57435
|
});
|
|
57450
57436
|
|
|
57451
|
-
var YcPlusTreeComponent = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-
|
|
57437
|
+
var YcPlusTreeComponent = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-fa0eccd0"], ["__file", "index.vue"]]);
|
|
57452
57438
|
|
|
57453
57439
|
const YcPlusTree = l(YcPlusTreeComponent);
|
|
57454
57440
|
const RePlusTree = YcPlusTree;
|
package/index.min.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
.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}
|
|
2
2
|
.yc-plus-page[data-v-4486eb75]{height:100%}[data-v-4486eb75] .yc-search-card-body{padding-right:0}[data-v-4486eb75] .plus-table-title-bar__toolbar__icon{font-size:16px!important;position:relative;top:-2px}.column-settings-wrapper[data-v-4486eb75]{align-items:center;cursor:pointer;display:flex;gap:4px;margin-left:8px}.column-settings-text[data-v-4486eb75]{font-size:14px}
|
|
3
3
|
.el-tree .el-tree-node__content{position:relative}.yc-tree-node-label-wrapper{align-items:center;display:flex;flex:1}.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%}
|
|
4
|
-
.yc-plus-tree[data-v-
|
|
4
|
+
.yc-plus-tree[data-v-fa0eccd0]{display:flex;flex-direction:column;height:100%;overflow:auto}.yc-plus-tree[data-v-fa0eccd0] .search-input[data-v-fa0eccd0]{flex-shrink:0;margin-bottom:16px}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0]{flex:1;min-height:0;overflow:hidden}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-v2{overflow-x:visible!important}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0]{align-items:center;display:flex;flex:1;padding-left:0;padding-right:8px;position:relative;z-index:1}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0]{flex-shrink:0;width:100%}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__wrapper[data-v-fa0eccd0]:hover{box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__wrapper.is-focus[data-v-fa0eccd0]{box-shadow:0 0 0 1px var(--el-color-primary) inset}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__inner{color:rgba(0,0,0,.7);font-size:14px;height:24px;line-height:18px}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__inner[data-v-fa0eccd0]::-moz-placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__inner[data-v-fa0eccd0]::placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node__content:hover{background-color:var(--el-color-primary-light-9)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node__content:hover .label-text[data-v-fa0eccd0]{color:var(--el-color-primary)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node__content:hover .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node.is-current>.el-tree-node__content .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0]{align-items:center;display:flex;gap:4px;width:100%}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0][data-v-fa0eccd0]:hover .node-actions[data-v-fa0eccd0]{opacity:1;pointer-events:auto}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0],.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label{align-items:center;display:flex;flex:1;gap:4px;min-width:0}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .label-text[data-v-fa0eccd0],.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .node-text[data-v-fa0eccd0],.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .label-text[data-v-fa0eccd0],.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .node-text[data-v-fa0eccd0]{color:var(--el-text-color-primary)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .label-text[data-v-fa0eccd0] [data-v-fa0eccd0] .highlight-keyword,.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .node-text[data-v-fa0eccd0] [data-v-fa0eccd0] .highlight-keyword,.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .label-text[data-v-fa0eccd0] [data-v-fa0eccd0] .highlight-keyword,.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .node-text[data-v-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .node-count[data-v-fa0eccd0],.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .node-count[data-v-fa0eccd0]{color:var(--el-text-color-secondary);font-size:12px}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-actions[data-v-fa0eccd0]{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-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-actions[data-v-fa0eccd0] .action-icon-wrapper[data-v-fa0eccd0]{align-items:center;cursor:pointer;display:flex;justify-content:center}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-actions[data-v-fa0eccd0] .action-icon[data-v-fa0eccd0]{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-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-actions[data-v-fa0eccd0] .action-icon[data-v-fa0eccd0][data-v-fa0eccd0]:hover{background-color:var(--el-color-primary-light-8)}.tree-dropdown-menu[data-v-fa0eccd0]{border-radius:8px!important;min-width:156px!important;padding:8px!important}.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] [data-v-fa0eccd0] .el-dropdown-menu__item[data-v-fa0eccd0]:hover{background-color:var(--el-color-primary-light-9)!important;color:var(--el-color-primary)!important}.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .el-dropdown-menu__item[data-v-fa0eccd0]:not(:last-child){margin-bottom:4px}.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .el-divider{border-top:1px solid #e5e7eb;margin:12px 0}.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] [data-v-fa0eccd0] .sortable-fallback{-webkit-user-select:none;-moz-user-select:none;user-select:none}
|
|
5
5
|
.tree-dropdown-popper{border:none!important;border-radius:8px!important;overflow:hidden!important}.yc-plus-tree .highlight-keyword{background-color:var(--el-color-primary-light-9);border-radius:2px;color:var(--el-color-primary);font-weight:600;padding:0 2px}.el-tree-node__content:has([data-input-node=true]) .el-tree-node__expand-icon{display:none!important}.sortable-ghost{opacity:.3!important;position:relative!important}.drop-target{background-color:var(--el-color-primary-light-9)!important;border-radius:4px}.drop-target:before{background:var(--el-color-primary);border-radius:1.5px;bottom:0;content:"";left:calc(var(--drop-indent, 0px) - 3px);opacity:.6;position:absolute;top:0;width:3px;z-index:1}
|
|
6
6
|
.yc-dialog{--scrollbar-size:6px;--scrollbar-radius:3px;--scrollbar-thumb-light:rgba(0,0,0,.2);--scrollbar-thumb-light-hover:rgba(0,0,0,.3);--scrollbar-thumb-dark:hsla(0,0%,100%,.2);--scrollbar-thumb-dark-hover:hsla(0,0%,100%,.3)}.yc-dialog :deep(.el-dialog){display:flex;flex-direction:column;margin:6vh auto 50px;max-height:90vh}.yc-dialog :deep(.el-dialog__body){display:flex;flex:1;flex-direction:column;overflow:hidden;padding:0}.yc-dialog__content{flex:1;overflow:auto;padding:0}.yc-dialog__content::-webkit-scrollbar{height:var(--scrollbar-size);width:var(--scrollbar-size)}.yc-dialog__content::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-light);border-radius:var(--scrollbar-radius)}.yc-dialog__content::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-light-hover)}.yc-dialog__content::-webkit-scrollbar-track{background-color:transparent}:deep(.dark) .yc-dialog__content::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-dark)}:deep(.dark) .yc-dialog__content::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-dark-hover)}
|
|
7
7
|
.yc-drawer .el-drawer__header{margin-bottom:0!important;padding:0!important}.yc-drawer .el-drawer__footer{padding-bottom:12px!important;padding-right:24px!important;padding-top:12px!important}
|