yc-pro-components 0.0.32 → 0.0.34
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-tree/src/index.vue.mjs +1 -1
- package/es/components/yc-plus-tree/src/index.vue2.mjs +7 -1
- package/es/index.css +1 -1
- package/index.css +41 -41
- package/index.js +9 -3
- package/index.min.css +1 -1
- package/index.min.js +7 -7
- package/index.min.mjs +7 -7
- package/index.mjs +9 -3
- package/lib/components/yc-plus-tree/src/index.vue.js +1 -1
- package/lib/components/yc-plus-tree/src/index.vue2.js +7 -1
- 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
- package/theme-chalk/index.css +1 -1
- package/theme-chalk/plus-dialog.css +1 -1
- package/theme-chalk/plus-yc-dialog.css +1 -1
- package/theme-chalk/plus-yc-plus-tree.css +1 -1
- package/theme-chalk/src/dialog.scss +8 -2
- package/theme-chalk/src/index.scss +65 -0
- package/theme-chalk/src/yc-dialog.scss +2 -2
- package/theme-chalk/src/yc-plus-tree.scss +44 -0
|
@@ -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-45c2ba79"], ["__file", "index.vue"]]);
|
|
5
5
|
|
|
6
6
|
export { YcPlusTreeComponent as default };
|
|
@@ -82,6 +82,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
82
82
|
const treeHeight = ref(400);
|
|
83
83
|
const { getCdnUrl } = useYcCdnUrl();
|
|
84
84
|
const treeMoreIconUrl = getCdnUrl("images", "tree_more.svg");
|
|
85
|
+
const treeCollapseIconUrl = getCdnUrl("images", "tree_collapse_icon.svg");
|
|
86
|
+
const treeExpandIconUrl = getCdnUrl("images", "tree_expand_icon.svg");
|
|
85
87
|
const searchInputClasses = computed(() => {
|
|
86
88
|
const classes = ["search-input"];
|
|
87
89
|
if (props.searchInputClass) {
|
|
@@ -669,7 +671,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
669
671
|
padding: props.padding,
|
|
670
672
|
height: "100%",
|
|
671
673
|
radius: _ctx.showCardStyle ? 8 : 0,
|
|
672
|
-
style: normalizeStyle(
|
|
674
|
+
style: normalizeStyle({
|
|
675
|
+
..._ctx.showCardStyle ? {} : { border: "1px solid transparent" },
|
|
676
|
+
"--tree-collapse-icon": `url(${unref(treeCollapseIconUrl)})`,
|
|
677
|
+
"--tree-expand-icon": `url(${unref(treeExpandIconUrl)})`
|
|
678
|
+
}),
|
|
673
679
|
class: "yc-plus-tree plus-yc-plus-tree"
|
|
674
680
|
}, {
|
|
675
681
|
default: withCtx(() => [
|
package/es/index.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
.yc-plus-page[data-v-0a41b082]{height:100%}.yc-plus-page[data-v-0a41b082] [data-v-0a41b082] .plus-page>.el-card{border-radius:8px}[data-v-0a41b082] .yc-search-card-body{padding-right:0}[data-v-0a41b082] .plus-table-title-bar__toolbar__icon{font-size:16px!important;position:relative;top:-2px}.column-settings-wrapper[data-v-0a41b082]{align-items:center;cursor:pointer;display:flex;gap:4px;margin-left:8px}.column-settings-text[data-v-0a41b082]{font-size:14px}
|
|
4
4
|
.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}
|
|
5
5
|
.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%}
|
|
6
|
-
.yc-plus-tree[data-v-
|
|
6
|
+
.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}
|
|
7
7
|
.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}
|
|
8
8
|
.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}
|
|
9
9
|
.custom-drawer-header[data-v-e05479bb]{border-radius:4px 4px 0 0;display:flex;flex-direction:column;height:56px;justify-content:flex-end;width:100%}.custom-drawer-header[data-v-e05479bb] .header-content[data-v-e05479bb]{align-items:center;display:flex;flex-direction:row;height:24px;justify-content:space-between;margin:16px 0 0 24px;width:calc(100% - 48px)}.custom-drawer-header[data-v-e05479bb] .header-content[data-v-e05479bb] .header-title[data-v-e05479bb]{color:#000;font-family:NotoSansSC,PingFangSC,sans-serif;font-size:16px;font-weight:500;height:24px;line-height:24px;overflow-wrap:break-word;text-align:left;white-space:nowrap}.custom-drawer-header[data-v-e05479bb] .header-content[data-v-e05479bb] .header-close-icon[data-v-e05479bb]{color:rgba(0,0,0,.6);cursor:pointer;transition:color .3s}.custom-drawer-header[data-v-e05479bb] .header-content[data-v-e05479bb] .header-close-icon[data-v-e05479bb][data-v-e05479bb]:hover{color:rgba(0,0,0,.9)}.custom-drawer-header[data-v-e05479bb] .header-divider[data-v-e05479bb]{background-color:#f5f7f9;height:1px;margin-top:15px;width:100%}
|
package/index.css
CHANGED
|
@@ -126,17 +126,17 @@
|
|
|
126
126
|
border-bottom: 1px dashed var(--el-border-color-light, #dcdfe6);
|
|
127
127
|
}
|
|
128
128
|
@charset "UTF-8";
|
|
129
|
-
.yc-plus-tree[data-v-
|
|
129
|
+
.yc-plus-tree[data-v-45c2ba79] {
|
|
130
130
|
display: flex;
|
|
131
131
|
flex-direction: column;
|
|
132
132
|
height: 100%;
|
|
133
133
|
overflow: auto;
|
|
134
134
|
}
|
|
135
|
-
.yc-plus-tree[data-v-
|
|
135
|
+
.yc-plus-tree[data-v-45c2ba79] .search-input[data-v-45c2ba79] {
|
|
136
136
|
flex-shrink: 0;
|
|
137
137
|
margin-bottom: 16px;
|
|
138
138
|
}
|
|
139
|
-
.yc-plus-tree[data-v-
|
|
139
|
+
.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] {
|
|
140
140
|
flex: 1;
|
|
141
141
|
min-height: 0;
|
|
142
142
|
overflow: hidden;
|
|
@@ -146,10 +146,10 @@
|
|
|
146
146
|
/* 选中状态:高亮背景和文字 */
|
|
147
147
|
/* 节点标签包装器(包含标签和操作按钮) */
|
|
148
148
|
}
|
|
149
|
-
.yc-plus-tree[data-v-
|
|
149
|
+
.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] [data-v-45c2ba79] .el-tree-v2 {
|
|
150
150
|
overflow-x: visible !important;
|
|
151
151
|
}
|
|
152
|
-
.yc-plus-tree[data-v-
|
|
152
|
+
.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .inline-input-node[data-v-45c2ba79] {
|
|
153
153
|
position: relative;
|
|
154
154
|
z-index: 1; /* 确保在图标上层 */
|
|
155
155
|
display: flex;
|
|
@@ -158,11 +158,11 @@
|
|
|
158
158
|
padding-right: 8px;
|
|
159
159
|
padding-left: 0; /* 移除左边距 */
|
|
160
160
|
}
|
|
161
|
-
.yc-plus-tree[data-v-
|
|
161
|
+
.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .inline-input-node[data-v-45c2ba79] .inline-input[data-v-45c2ba79] {
|
|
162
162
|
flex-shrink: 0;
|
|
163
163
|
width: 100%;
|
|
164
164
|
}
|
|
165
|
-
.yc-plus-tree[data-v-
|
|
165
|
+
.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 {
|
|
166
166
|
height: 26px;
|
|
167
167
|
padding: 0 8px;
|
|
168
168
|
font-size: 14px;
|
|
@@ -171,42 +171,42 @@
|
|
|
171
171
|
box-shadow: 0 0 0 1px var(--el-border-color) inset;
|
|
172
172
|
transition: box-shadow 0.2s ease;
|
|
173
173
|
}
|
|
174
|
-
.yc-plus-tree[data-v-
|
|
174
|
+
.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 {
|
|
175
175
|
box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
|
|
176
176
|
}
|
|
177
|
-
.yc-plus-tree[data-v-
|
|
177
|
+
.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] {
|
|
178
178
|
box-shadow: 0 0 0 1px var(--el-color-primary) inset;
|
|
179
179
|
}
|
|
180
|
-
.yc-plus-tree[data-v-
|
|
180
|
+
.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 {
|
|
181
181
|
height: 24px;
|
|
182
182
|
font-size: 14px;
|
|
183
183
|
line-height: 18px;
|
|
184
184
|
color: rgba(0, 0, 0, 0.7);
|
|
185
185
|
}
|
|
186
|
-
.yc-plus-tree[data-v-
|
|
186
|
+
.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 {
|
|
187
187
|
color: rgba(0, 0, 0, 0.4);
|
|
188
188
|
}
|
|
189
|
-
.yc-plus-tree[data-v-
|
|
189
|
+
.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 {
|
|
190
190
|
color: rgba(0, 0, 0, 0.4);
|
|
191
191
|
}
|
|
192
|
-
.yc-plus-tree[data-v-
|
|
192
|
+
.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] [data-v-45c2ba79] .el-tree-node__content:hover {
|
|
193
193
|
background-color: var(--el-color-primary-light-9);
|
|
194
194
|
border-radius: 4px;
|
|
195
195
|
}
|
|
196
|
-
.yc-plus-tree[data-v-
|
|
196
|
+
.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] [data-v-45c2ba79] .el-tree-node__content:hover .label-text[data-v-45c2ba79] {
|
|
197
197
|
color: var(--el-color-primary);
|
|
198
198
|
}
|
|
199
|
-
.yc-plus-tree[data-v-
|
|
199
|
+
.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] [data-v-45c2ba79] .el-tree-node__content:hover .label-text {
|
|
200
200
|
color: var(--el-color-primary);
|
|
201
201
|
}
|
|
202
|
-
.yc-plus-tree[data-v-
|
|
202
|
+
.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] [data-v-45c2ba79] .el-tree-node.is-current > .el-tree-node__content {
|
|
203
203
|
background-color: var(--el-color-primary-light-9);
|
|
204
204
|
border-radius: 4px;
|
|
205
205
|
}
|
|
206
|
-
.yc-plus-tree[data-v-
|
|
206
|
+
.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 {
|
|
207
207
|
color: var(--el-color-primary);
|
|
208
208
|
}
|
|
209
|
-
.yc-plus-tree[data-v-
|
|
209
|
+
.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79] {
|
|
210
210
|
display: flex;
|
|
211
211
|
gap: 4px;
|
|
212
212
|
align-items: center;
|
|
@@ -216,11 +216,11 @@
|
|
|
216
216
|
/* 节点标签区域(可被自定义 slot 替换) */
|
|
217
217
|
/* 节点操作按钮容器 */
|
|
218
218
|
}
|
|
219
|
-
.yc-plus-tree[data-v-
|
|
219
|
+
.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] {
|
|
220
220
|
pointer-events: auto;
|
|
221
221
|
opacity: 1;
|
|
222
222
|
}
|
|
223
|
-
.yc-plus-tree[data-v-
|
|
223
|
+
.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 {
|
|
224
224
|
display: flex;
|
|
225
225
|
flex: 1;
|
|
226
226
|
gap: 4px;
|
|
@@ -228,14 +228,14 @@
|
|
|
228
228
|
min-width: 0;
|
|
229
229
|
/* 确保 el-tooltip 的触发元素也能正确参与 flex 布局 */
|
|
230
230
|
}
|
|
231
|
-
.yc-plus-tree[data-v-
|
|
231
|
+
.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 {
|
|
232
232
|
display: block;
|
|
233
233
|
min-width: 0;
|
|
234
234
|
overflow: hidden;
|
|
235
235
|
}
|
|
236
|
-
.yc-plus-tree[data-v-
|
|
237
|
-
.yc-plus-tree[data-v-
|
|
238
|
-
.yc-plus-tree[data-v-
|
|
236
|
+
.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],
|
|
237
|
+
.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],
|
|
238
|
+
.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] {
|
|
239
239
|
display: block;
|
|
240
240
|
min-width: 0;
|
|
241
241
|
overflow: hidden;
|
|
@@ -244,20 +244,20 @@
|
|
|
244
244
|
white-space: nowrap;
|
|
245
245
|
/* v-html 插入的高亮关键词样式 */
|
|
246
246
|
}
|
|
247
|
-
.yc-plus-tree[data-v-
|
|
248
|
-
.yc-plus-tree[data-v-
|
|
249
|
-
.yc-plus-tree[data-v-
|
|
247
|
+
.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,
|
|
248
|
+
.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,
|
|
249
|
+
.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 {
|
|
250
250
|
padding: 0 2px;
|
|
251
251
|
font-weight: 600;
|
|
252
252
|
color: var(--el-color-primary);
|
|
253
253
|
background-color: var(--el-color-primary-light-9);
|
|
254
254
|
border-radius: 2px;
|
|
255
255
|
}
|
|
256
|
-
.yc-plus-tree[data-v-
|
|
256
|
+
.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] {
|
|
257
257
|
font-size: 12px;
|
|
258
258
|
color: var(--el-text-color-secondary);
|
|
259
259
|
}
|
|
260
|
-
.yc-plus-tree[data-v-
|
|
260
|
+
.yc-plus-tree[data-v-45c2ba79] .tree-container[data-v-45c2ba79] .node-label-wrapper[data-v-45c2ba79] .node-actions[data-v-45c2ba79] {
|
|
261
261
|
display: flex;
|
|
262
262
|
flex-shrink: 0;
|
|
263
263
|
align-items: center;
|
|
@@ -267,13 +267,13 @@
|
|
|
267
267
|
opacity: 0;
|
|
268
268
|
transition: opacity 0.2s ease;
|
|
269
269
|
}
|
|
270
|
-
.yc-plus-tree[data-v-
|
|
270
|
+
.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] {
|
|
271
271
|
display: flex;
|
|
272
272
|
align-items: center;
|
|
273
273
|
justify-content: center;
|
|
274
274
|
cursor: pointer;
|
|
275
275
|
}
|
|
276
|
-
.yc-plus-tree[data-v-
|
|
276
|
+
.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] {
|
|
277
277
|
display: flex;
|
|
278
278
|
align-items: center;
|
|
279
279
|
justify-content: center;
|
|
@@ -284,12 +284,12 @@
|
|
|
284
284
|
border-radius: 4px;
|
|
285
285
|
transition: background-color 0.2s ease;
|
|
286
286
|
}
|
|
287
|
-
.yc-plus-tree[data-v-
|
|
287
|
+
.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 {
|
|
288
288
|
background-color: var(--el-color-primary-light-8);
|
|
289
289
|
}
|
|
290
290
|
|
|
291
291
|
/* 下拉菜单样式 */
|
|
292
|
-
.tree-dropdown-menu[data-v-
|
|
292
|
+
.tree-dropdown-menu[data-v-45c2ba79] {
|
|
293
293
|
min-width: 156px !important;
|
|
294
294
|
padding: 8px !important;
|
|
295
295
|
border-radius: 8px !important;
|
|
@@ -310,7 +310,7 @@
|
|
|
310
310
|
* 拖拽时禁用选择
|
|
311
311
|
*/
|
|
312
312
|
}
|
|
313
|
-
.tree-dropdown-menu[data-v-
|
|
313
|
+
.tree-dropdown-menu[data-v-45c2ba79] [data-v-45c2ba79] .el-dropdown-menu__item {
|
|
314
314
|
height: 32px;
|
|
315
315
|
padding: 0 12px;
|
|
316
316
|
margin: 0;
|
|
@@ -319,35 +319,35 @@
|
|
|
319
319
|
border-radius: 8px;
|
|
320
320
|
transition: background-color 0.2s ease;
|
|
321
321
|
}
|
|
322
|
-
.tree-dropdown-menu[data-v-
|
|
322
|
+
.tree-dropdown-menu[data-v-45c2ba79] [data-v-45c2ba79] .el-dropdown-menu__item[data-v-45c2ba79]:hover {
|
|
323
323
|
color: var(--el-color-primary) !important;
|
|
324
324
|
background-color: var(--el-color-primary-light-9) !important;
|
|
325
325
|
}
|
|
326
|
-
.tree-dropdown-menu[data-v-
|
|
326
|
+
.tree-dropdown-menu[data-v-45c2ba79] [data-v-45c2ba79] .el-dropdown-menu__item[data-v-45c2ba79]:not(:last-child) {
|
|
327
327
|
margin-bottom: 4px;
|
|
328
328
|
}
|
|
329
|
-
.tree-dropdown-menu[data-v-
|
|
329
|
+
.tree-dropdown-menu[data-v-45c2ba79] [data-v-45c2ba79] .el-divider {
|
|
330
330
|
margin: 12px 0;
|
|
331
331
|
border-top: 1px solid #e5e7eb;
|
|
332
332
|
}
|
|
333
|
-
.tree-dropdown-menu[data-v-
|
|
333
|
+
.tree-dropdown-menu[data-v-45c2ba79] [data-v-45c2ba79] .sortable-ghost {
|
|
334
334
|
background-color: var(--el-color-primary-light-9);
|
|
335
335
|
border: 1px dashed var(--el-color-primary);
|
|
336
336
|
border-radius: 4px;
|
|
337
337
|
opacity: 0.4;
|
|
338
338
|
}
|
|
339
|
-
.tree-dropdown-menu[data-v-
|
|
339
|
+
.tree-dropdown-menu[data-v-45c2ba79] [data-v-45c2ba79] .sortable-chosen {
|
|
340
340
|
background-color: var(--el-color-primary-light-8);
|
|
341
341
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
342
342
|
}
|
|
343
|
-
.tree-dropdown-menu[data-v-
|
|
343
|
+
.tree-dropdown-menu[data-v-45c2ba79] [data-v-45c2ba79] .sortable-drag {
|
|
344
344
|
cursor: move;
|
|
345
345
|
background-color: white;
|
|
346
346
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
347
347
|
opacity: 1;
|
|
348
348
|
transform: rotate(2deg);
|
|
349
349
|
}
|
|
350
|
-
.tree-dropdown-menu[data-v-
|
|
350
|
+
.tree-dropdown-menu[data-v-45c2ba79] [data-v-45c2ba79] .sortable-fallback {
|
|
351
351
|
-webkit-user-select: none;
|
|
352
352
|
-moz-user-select: none;
|
|
353
353
|
user-select: none;
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! yc-pro-components v0.0.
|
|
1
|
+
/*! yc-pro-components v0.0.34 */
|
|
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) :
|
|
@@ -57727,6 +57727,8 @@
|
|
|
57727
57727
|
const treeHeight = vue.ref(400);
|
|
57728
57728
|
const { getCdnUrl } = useYcCdnUrl();
|
|
57729
57729
|
const treeMoreIconUrl = getCdnUrl("images", "tree_more.svg");
|
|
57730
|
+
const treeCollapseIconUrl = getCdnUrl("images", "tree_collapse_icon.svg");
|
|
57731
|
+
const treeExpandIconUrl = getCdnUrl("images", "tree_expand_icon.svg");
|
|
57730
57732
|
const searchInputClasses = vue.computed(() => {
|
|
57731
57733
|
const classes = ["search-input"];
|
|
57732
57734
|
if (props.searchInputClass) {
|
|
@@ -58314,7 +58316,11 @@
|
|
|
58314
58316
|
padding: props.padding,
|
|
58315
58317
|
height: "100%",
|
|
58316
58318
|
radius: _ctx.showCardStyle ? 8 : 0,
|
|
58317
|
-
style: vue.normalizeStyle(
|
|
58319
|
+
style: vue.normalizeStyle({
|
|
58320
|
+
..._ctx.showCardStyle ? {} : { border: "1px solid transparent" },
|
|
58321
|
+
"--tree-collapse-icon": `url(${vue.unref(treeCollapseIconUrl)})`,
|
|
58322
|
+
"--tree-expand-icon": `url(${vue.unref(treeExpandIconUrl)})`
|
|
58323
|
+
}),
|
|
58318
58324
|
class: "yc-plus-tree plus-yc-plus-tree"
|
|
58319
58325
|
}, {
|
|
58320
58326
|
default: vue.withCtx(() => [
|
|
@@ -58550,7 +58556,7 @@
|
|
|
58550
58556
|
}
|
|
58551
58557
|
});
|
|
58552
58558
|
|
|
58553
|
-
var YcPlusTreeComponent = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-
|
|
58559
|
+
var YcPlusTreeComponent = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-45c2ba79"], ["__file", "index.vue"]]);
|
|
58554
58560
|
|
|
58555
58561
|
const YcPlusTree = l(YcPlusTreeComponent);
|
|
58556
58562
|
const RePlusTree = YcPlusTree;
|
package/index.min.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
.yc-plus-page[data-v-0a41b082]{height:100%}.yc-plus-page[data-v-0a41b082] [data-v-0a41b082] .plus-page>.el-card{border-radius:8px}[data-v-0a41b082] .yc-search-card-body{padding-right:0}[data-v-0a41b082] .plus-table-title-bar__toolbar__icon{font-size:16px!important;position:relative;top:-2px}.column-settings-wrapper[data-v-0a41b082]{align-items:center;cursor:pointer;display:flex;gap:4px;margin-left:8px}.column-settings-text[data-v-0a41b082]{font-size:14px}
|
|
4
4
|
.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}
|
|
5
5
|
.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%}
|
|
6
|
-
.yc-plus-tree[data-v-
|
|
6
|
+
.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}
|
|
7
7
|
.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}
|
|
8
8
|
.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}
|
|
9
9
|
.custom-drawer-header[data-v-e05479bb]{border-radius:4px 4px 0 0;display:flex;flex-direction:column;height:56px;justify-content:flex-end;width:100%}.custom-drawer-header[data-v-e05479bb] .header-content[data-v-e05479bb]{align-items:center;display:flex;flex-direction:row;height:24px;justify-content:space-between;margin:16px 0 0 24px;width:calc(100% - 48px)}.custom-drawer-header[data-v-e05479bb] .header-content[data-v-e05479bb] .header-title[data-v-e05479bb]{color:#000;font-family:NotoSansSC,PingFangSC,sans-serif;font-size:16px;font-weight:500;height:24px;line-height:24px;overflow-wrap:break-word;text-align:left;white-space:nowrap}.custom-drawer-header[data-v-e05479bb] .header-content[data-v-e05479bb] .header-close-icon[data-v-e05479bb]{color:rgba(0,0,0,.6);cursor:pointer;transition:color .3s}.custom-drawer-header[data-v-e05479bb] .header-content[data-v-e05479bb] .header-close-icon[data-v-e05479bb][data-v-e05479bb]:hover{color:rgba(0,0,0,.9)}.custom-drawer-header[data-v-e05479bb] .header-divider[data-v-e05479bb]{background-color:#f5f7f9;height:1px;margin-top:15px;width:100%}
|