@cldemo/ui-kit 1.0.11 → 1.0.12

package/buildLibs/styles/Web/ClTableEdit.css

@@ -0,0 +1,120 @@
+.panel-tableedit {
+  width: 100%;
+}
+
+.panel-tableedit .tableedit-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.panel-tableedit > .tableedit-table > thead > tr > th {
+  padding: 0 7px 3px 7px;
+  text-align: center;
+  font-weight: normal;
+  border-bottom: 1px solid #e9e9e9;
+}
+
+.panel-tableedit > .tableedit-table > tbody > tr > td {
+  padding: 0 3px 0 0;
+  text-align: center;
+  vertical-align: middle;
+  border-bottom: 1px solid #e9e9e9;
+}
+
+.panel-tableedit > .tableedit-table > thead > tr > th.text-left,
+.panel-tableedit > .tableedit-table > tbody > tr > td.text-left {
+  text-align: left;
+}
+
+.panel-tableedit > .tableedit-table > tbody > tr > td:not(:has(.dropdownLayer-dropdown)) .form-control {
+  display: block;
+  width: 100%;
+  height: 38px;
+  padding: 7px;
+  font-size: 16px;
+  line-height: 1.5;
+  color: #495057;
+  background-color: transparent;
+  background-clip: padding-box;
+  border: 0 solid #cfcfcf;
+  border-radius: 4px;
+  box-sizing: border-box;
+  text-align: center;
+  cursor: pointer;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.panel-tableedit > .tableedit-table > tbody > tr > td:not(:has(.dropdownLayer-dropdown)) .form-control:focus {
+  color: #495057;
+  border-width: 1px;
+  outline: 0;
+  background-color: #f5f5f5 !important;
+  box-shadow: 0 1px 1px rgba(96, 96, 96, 0.1) inset, 0 2px 8px rgba(52, 52, 52, 0.2);
+  cursor: auto;
+}
+
+.panel-tableedit > .tableedit-table > tbody > tr > td:not(:has(.dropdownLayer-dropdown)) .form-control[disabled] {
+  border-width: 0;
+  background-color: transparent !important;
+  opacity: 1;
+  cursor: default;
+}
+
+.panel-tableedit > .tableedit-table > tbody > tr > td.text-left:not(:has(.dropdownLayer-dropdown)) .form-control {
+  text-align: left;
+}
+
+/* 下拉类编辑控件（Select / DataTime）撑满单元格宽度，与 Input 保持一致 */
+.panel-tableedit > .tableedit-table > tbody > tr > td > .panel-select,
+.panel-tableedit > .tableedit-table > tbody > tr > td > .panel-datetime {
+  display: block !important;
+  width: 100% !important;
+}
+
+/* 下拉类触发框与 Input 等高（38px）、内容垂直居中，避免 td 内显示偏上 */
+.panel-tableedit > .tableedit-table > tbody > tr > td > .panel-select .dropdownLayer-text,
+.panel-tableedit > .tableedit-table > tbody > tr > td > .panel-datetime .dropdownLayer-text {
+  min-height: 38px;
+  display: flex;
+  align-items: center;
+}
+/* 容器在 flex 触发框内撑满，保证文本占满、日历/时钟图标居右显示 */
+.panel-tableedit > .tableedit-table > tbody > tr > td > .panel-select
+  .dropdownLayer-text
+  > .dropdownLayer-text-container,
+.panel-tableedit > .tableedit-table > tbody > tr > td > .panel-datetime
+  .dropdownLayer-text
+  > .dropdownLayer-text-container {
+  flex: 1;
+  min-width: 0;
+  min-height: 38px;
+}
+
+/* Select 在表格单元格内不显示向下的箭头 */
+.panel-tableedit > .tableedit-table > tbody > tr > td > .panel-select
+  .dropdownLayer-text
+  > .dropdownLayer-text-container
+  > .dropdownLayer-text-arrow {
+  display: none;
+}
+
+/* Select / DataTime 点击打开时，触发框复刻 Input 的 focus 效果（边框 + 灰底 + 内阴影） */
+.panel-tableedit > .tableedit-table > tbody > tr > td > .panel-select
+  .dropdownLayer-text.dropdownLayer-text-open
+  > .dropdownLayer-text-container,
+.panel-tableedit > .tableedit-table > tbody > tr > td > .panel-datetime
+  .dropdownLayer-text.dropdownLayer-text-open
+  > .dropdownLayer-text-container {
+  border: 1px solid #cfcfcf !important;
+  background-color: #f5f5f5 !important;
+  box-shadow: 0 1px 1px rgba(96, 96, 96, 0.1) inset, 0 2px 8px rgba(52, 52, 52, 0.2) !important;
+  cursor: auto;
+}
+
+/* TableEdit 内 input 清除图标：悬停不显示，仅点击聚焦后才显示 */
+.panel-tableedit > .tableedit-table > tbody > tr > td .form-control:not(:focus):hover + .input-clear-icon,
+.panel-tableedit > .tableedit-table > tbody > tr > td
+  .input-container:not(:has(input:focus)):hover
+  > .input-clear-icon {
+  opacity: 0;
+}

package/buildLibs/styles/Web/ClTableSimple.css

@@ -0,0 +1,33 @@
+/* panel-tablesimple */
+.panel-tablesimple {
+  margin: 0;
+  font-size: 14px;
+  width: 100%;
+  border-bottom: 1px solid #dcdcdc;
+}
+
+.panel-tablesimple > thead > tr > th,
+.panel-tablesimple > tbody > tr > td {
+  position: relative;
+  box-sizing: content-box;
+  word-break: break-all;
+  line-height: 1.42857143;
+}
+
+.panel-tablesimple > thead > tr > th {
+  padding: 16px 5px 5px 5px;
+  position: relative;
+  border-top-width: 0;
+  border-bottom-width: 0;
+}
+
+.panel-tablesimple > tbody > tr > td {
+  padding: 16px 5px;
+  border-top: 1px solid #dcdcdc;
+}
+
+.panel-tablesimple > tbody > tr:hover {
+  background-color: #eef7fb;
+  cursor: default;
+}
+

package/buildLibs/styles/Web/ClTabs.css

@@ -0,0 +1,298 @@
+.panel-fenceScrollX {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  height: 15px;
+}
+
+.panel-fenceScrollX.fenceScrollX-mob {
+  height: 7px;
+}
+
+.panel-fenceScrollX > .fenceScrollX-center {
+  flex: 1;
+  overflow-x: auto;
+  overflow-y: hidden;
+  height: 100%;
+}
+
+.panel-fenceScrollX > .fenceScrollX-center > div {
+  height: 1px;
+}
+
+.panel-fenceScrollX > .fenceScrollX-left,
+.panel-fenceScrollX > .fenceScrollX-right {
+  border-top: 1px solid #dcdcdc;
+  border-bottom: 1px solid #dcdcdc;
+  z-index: 11;
+  background-color: #f8f8f8;
+  height: 100%;
+}
+
+.panel-fenceScrollX > .fenceScrollX-left > div,
+.panel-fenceScrollX > .fenceScrollX-right > div {
+  height: 100%;
+  background-color: rgba(220, 220, 220, 0.1);
+  background-image: linear-gradient(
+    -45deg,
+    #fff 25%,
+    transparent 0,
+    transparent 50%,
+    #fff 0,
+    #fff 75%,
+    transparent 0,
+    transparent
+  );
+  background-size: 5px 5px;
+}
+
+.panel-fenceScrollX > .fenceScrollX-corner {
+  height: 15px;
+  width: 15px;
+  background: #f8f8f8;
+}
+
+.panel-fenceScrollX > .fenceScrollX-corner.fenceScrollX-corner-right-top {
+  border-right: 1px solid #dcdcdc;
+  border-top: 1px solid #dcdcdc;
+}
+
+.fenceScrollX-showCorner-right-top > .fenceScrollX-center::-webkit-scrollbar-corner {
+  border-right-width: 0;
+}
+
+.panel-fenceScrollX > .fenceScrollX-corner.fenceScrollX-corner-right-bottom {
+  border-right: 1px solid #dcdcdc;
+  border-bottom: 1px solid #dcdcdc;
+}
+
+.fenceScrollX-showCorner-right-bottom > .fenceScrollX-center::-webkit-scrollbar-corner {
+  border-right-width: 0;
+}
+
+.fenceScrollX-cover {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: #ffffff;
+  z-index: 20;
+}
+
+/* mobile scrollbar */
+.panel-fenceScrollX.fenceScrollX-mob > .fenceScrollX-center {
+  border-top: 1px solid #dcdcdc;
+  border-bottom: 1px solid #dcdcdc;
+}
+
+.panel-fenceScrollX.fenceScrollX-mob > .fenceScrollX-corner {
+  height: 7px;
+  width: 7px;
+}
+
+.panel-fenceScrollX.fenceScrollX-mob > .fenceScrollX-corner.fenceScrollX-corner-right-top {
+  border-right: 0;
+  border-top: 1px solid #dcdcdc;
+  border-bottom: 1px solid #dcdcdc;
+}
+
+.fenceScrollX-mob .fenceScrollX-center::-webkit-scrollbar {
+  width: 5px;
+  height: 5px;
+}
+
+.fenceScrollX-mob .fenceScrollX-center::-webkit-scrollbar-thumb {
+  border-radius: 3px;
+  border: 2px solid transparent;
+  background-clip: content-box;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
+}
+
+.fenceScrollX-mob .fenceScrollX-center::-webkit-scrollbar-track {
+  border: 0 solid transparent;
+}
+.panel-tabs .tabs-nav {
+  position: relative;
+  display: block;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  white-space: nowrap;
+}
+.panel-tabs .tabs-nav > li {
+  position: relative;
+  display: inline-block;
+}
+.panel-tabs .nav-link {
+  display: block;
+  text-decoration: none;
+}
+.panel-tabs .tabs-nav > li.tab-disabled > a {
+  color: #d2d9e2 !important;
+  cursor: no-drop !important;
+}
+.panel-tabs .tabs-nav > li.tab-add > a {
+  color: #7d838a !important;
+}
+.panel-tabs .tabs-nav > li.tab-add:hover > a {
+  color: #222222 !important;
+}
+.panel-tabs .tabs-nav > li.tab-add.tab-disabled > a {
+  color: #d2d9e2 !important;
+}
+
+.panel-tabs .tabs-nav > li > .tab-remove {
+  position: absolute;
+  right: 9px;
+  top: 50%;
+  width: 10px;
+  margin-top: -12px;
+  text-align: center;
+  cursor: pointer;
+  color: #d2d9e2;
+  display: none;
+}
+
+.panel-tabs .tabs-nav > li:hover > .tab-remove {
+  display: block;
+}
+.panel-tabs .tabs-nav > li:hover > .tab-remove:hover {
+  color: red;
+}
+
+/* tabs-default */
+.panel-tabs.tabs-default .tabs-nav {
+  padding-left: 24px;
+  border-bottom: 1px solid #d2d9e2;
+}
+.panel-tabs.tabs-default .tabs-nav > li {
+  margin-bottom: -1px;
+}
+.panel-tabs.tabs-default .tabs-nav > li > a {
+  margin-right: 2px;
+  padding: 9px 25px;
+  background: rgba(0, 0, 0, 0.02);
+  border: 1px solid #d2d9e2;
+  border-radius: 4px 4px 0 0;
+  color: #d2d9e2;
+}
+.panel-tabs.tabs-default .tabs-nav > li > a {
+  border-bottom-width: 0 !important;
+}
+.panel-tabs.tabs-default .tabs-nav > li:first-child > a {
+  margin-left: 0;
+}
+.panel-tabs.tabs-default .tabs-nav > li.tab-active > a,
+.panel-tabs.tabs-default .tabs-nav > li:hover > a {
+  background: #ffffff;
+  color: #1088f0;
+}
+.panel-tabs.tabs-default .tabs-nav > li.tab-active.tab-disabled > a,
+.panel-tabs.tabs-default .tabs-nav > li.tab-disabled:hover > a {
+  background: rgba(0, 0, 0, 0.02);
+}
+.panel-tabs.tabs-default .tabs-nav > li.tab-add > a {
+  background: rgba(0, 0, 0, 0.02) !important;
+}
+
+/* tabs-card */
+.panel-tabs.tabs-card {
+  border: 1px solid #d2d9e2;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  box-shadow:
+    0 2px 4px 0 rgba(0, 0, 0, 0.12),
+    0 0 6px 0 rgb(0, 0, 0, 0.04);
+}
+.panel-tabs.tabs-card .tabs-nav {
+  background-color: #f0f2f5;
+  border-bottom: 1px solid #d2d9e2;
+  margin: 0;
+  padding: 0;
+}
+.panel-tabs.tabs-card .tabs-nav > li {
+  border-left: 1px solid transparent;
+  border-right: 1px solid transparent;
+}
+.panel-tabs.tabs-card .tabs-nav > li > a {
+  padding: 10px 25px;
+  color: #d2d9e2;
+}
+.panel-tabs.tabs-card .tabs-nav > li:first-child {
+  border-left-width: 0;
+}
+.panel-tabs.tabs-card .tabs-nav > li.tab-active {
+  background: #ffffff;
+  border-color: #d2d9e2;
+  margin-bottom: -1px;
+}
+.panel-tabs.tabs-card .tabs-nav > li:hover > a {
+  background: #ffffff;
+}
+.panel-tabs.tabs-card .tabs-nav > li.tab-active > a,
+.panel-tabs.tabs-card .tabs-nav > li:hover > a {
+  color: #1088f0;
+}
+
+/* tabs-line */
+.panel-tabs.tabs-line .tabs-nav {
+  border-bottom: 1px solid #d2d9e2;
+}
+.panel-tabs.tabs-line .tabs-nav > li > a {
+  padding: 5px 15px;
+  color: #d2d9e2;
+}
+.panel-tabs.tabs-line .tabs-nav > li.tab-active > a,
+.panel-tabs.tabs-line .tabs-nav > li:hover > a {
+  color: #1088f0;
+}
+.panel-tabs.tabs-line .tab-indicator {
+  position: absolute;
+  left: 0;
+  bottom: -1px;
+  width: 0;
+  height: 2px;
+  will-change: left, width;
+  background-color: #1088f0;
+  transition: all 0.3s;
+}
+.panel-tabs.tabs-line .tabs-nav > li > .tab-remove {
+  right: 3px;
+}
+
+/* tabs-button */
+.panel-tabs.tabs-button .tabs-nav > li > a {
+  padding: 5px 15px;
+  color: #666;
+  border: 1px solid #d2d9e2;
+  border-radius: 4px;
+  margin-right: 6px;
+}
+.panel-tabs.tabs-button .tabs-nav > li.tab-active > a,
+.panel-tabs.tabs-button .tabs-nav > li:hover > a {
+  color: #1088f0;
+  border-color: #1088f0;
+  background: rgba(16, 136, 240, 0.05);
+}
+.panel-tabs.tabs-button .tabs-nav > li.tab-active.tab-disabled > a,
+.panel-tabs.tabs-button .tabs-nav > li.tab-disabled:hover > a {
+  color: #d2d9e2;
+  border-color: #d2d9e2;
+  background: transparent;
+}
+.panel-tabs.tabs-button .tabs-nav > li > .tab-remove {
+  right: 3px;
+}
+
+/* tabs-content */
+.panel-tabs .tabs-content {
+  padding: 10px 10px;
+}
+.panel-tabs .tabs-content > .tab-content {
+  display: none;
+}
+.panel-tabs .tabs-content > .tab-content.tab-active {
+  display: block;
+}
+

package/buildLibs/styles/Web/ClTree.css

@@ -0,0 +1,205 @@
+.clSlideUpDown-enter-active,
+.clSlideUpDown-leave-active {
+  overflow: hidden;
+  transition:
+    max-height 0.3s ease-in-out,
+    padding 0.3s ease-in-out;
+}
+/* ClTreeUl 子组件专属样式（0m-3 拆分：辅助子组件样式独立于容器 index.css） */
+
+.tree-shrink,
+.tree-node-checkbox {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAABzCAMAAADe1ysvAAAAgVBMVEUAAACkpKT///9VV1sdHRv8+/uop6nwAADs7O0kmwDy8vE5OTkEBwJcY3AmJiYGAAD29fb99taYmZj37cYCNrDgyI2hjFX9+O2op6p0dnvp2J7Js3uAgondzKfOwJK3oWdGbUOvr+Pz27uwxbV+fn7m5+eluabT09Tf3+B/f7hqVT4076+BAAAAAXRSTlMAQObYZgAABKhJREFUeNrtnI1W4jAQRtOGYO0PbWFBKQgryrLs+z/gTis2eCCNyZhDG+bq2S4GI7n5oFTnDPthRujxftP3x0dQAgkzKIGUQL+gBBJmUALPeGnYbDarqpePD8c0OGP68+Pg7+lEWW6ZAQNJYHD1hiSIiziOgBj+E5h/PwgEc08fCVxte5jAhH+S6MbtBAYtlgLLsnxpAmgdwYDpmdgmjIci/PjkunEbgc+RFBg9XxmX39zcuGTTCCyB2cwygcFY72/CLOEhyHkDQ0qBJ+wEjs8FXllH+yUYZ+PrAmflBgTOANsERoHOH0ckEAQmxe0ESn9KgbNNnT9EAkU01fjj9gkUIo6yKBYhV44XRRELVwIbdYFa4ArErcBfzcIygULs193+dAn8+vE1YW8JTzh/DrlyPOOK8R8S2MBUAme7RuAOWDhJ4ATAvAZCxLg6gTBePAmHCTwZbG5c9VftdqvaX1VVC1evgQDmJBLzm74GNv6uC8zZdlYBq7Kq5vP5AnEWdgUXYSiehVqgcC6QgT+FwDTd7kBctZUCLXCRP3XC1OPYN9KF+RtpEFitNpv5tpzXLO7wSmQfRyfivbnAvBYItAK9YxqMWxS/LGiHbcbzfNHQ3wQOhMaihwHsCZRAwghKIOEZlEDCCErg/THoPwxTAj2AEkiYQQmkBPoFJZAwgxJ4Lwl0Wx8oWY7X2XrNmQHDSKDj+kApOlsfOM/8S6D7+sCsgXMQCEfMI1UzwSdQM791AvH1gVlYI6L1Kw95Zp3AcYCtDsTPf5v6wCz8VROqBeLLYyZcZ3DkZn739YFSICqB00gE2PpA/Pyu6wPdJXC9F7oF8omuJFA9LudXjF/M76Q+0HUC8RWC+Pnd1wfqBfawRBAxv8P6QCnwg6WDszAC5Pzu6wMl2QfL1wn8w4AeFgkaz+++PlDytwb8vR75NLq/KxFUfaCEH4/L45GPmW+4rQ+UvNVPYp5NvUsg4QWUQMIISiDhGZRAwghKIOEZlEDCCEog4RmUQMIISiDRHxQtBZR3wiTw8ZHZkANMTfrekDDH6JufIe+k9wewSx4e5PEaeZrDZ8fuhjXF/p3hwDc/s28tMvqmP+DSHyCPVwMYReCwW6CIDqFLg9rmZziBOH+APF6SptEfaVCVwPgQC5RBV83P9B3QgFGXN4U/aVDCFAJ/S4MqgSI+HA4psq+MMfrmZ/oOaPrcdfkD1P6kwNpgmncJBINRnKA7XOKbn9l0QFPYbL3JY6dB1iEQDOadAgEhElyHSwfNz9A/5PEMpkL6wwgEElyHS3zzM/WdrM/C3/UHMMunsJACcR0uXTQ/w++S3l8LszuJiFA0SIHYDpcmlbLur0S0/iTM4m3Mv0R8EibIDpfWjBB30vMNf/Jo8UY6Lk6IBNnh8maMENfAuisR/aVc/EmRYDpc9jeBGuS1sN0vExIhIH0dT+GGQSfQLemyBXklMtAEYsnTlpwNlL66NeROE+gDd++WEmgKJZAS6BXkljCCEnh3jM4/PNwv/1bkG77vkO/rGz6+75Dv6xs+vu+Q7+sbPr7vkO/rGz6+75Dv6xs+vu+Q7+sbPr7vkO/rGz6+79DF+v4D/wNRR4u/ZQgAAAAASUVORK5CYII=);
+  background-repeat: no-repeat;
+  background-color: transparent;
+}
+
+.panel-tree .tree-ul,
+.panel-tree .tree-node {
+  display: block;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  list-style-image: none;
+  cursor: default;
+}
+
+.panel-tree .tree-node {
+  min-height: 24px;
+  line-height: 24px;
+  min-width: 24px;
+  white-space: nowrap;
+  background-color: transparent;
+  /* 引导竖线：li 背景 repeat-y（雪碧图 x=303 虚线列），图标背景图自然盖在其上方 */
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAABzCAMAAADe1ysvAAAAgVBMVEUAAACkpKT///9VV1sdHRv8+/uop6nwAADs7O0kmwDy8vE5OTkEBwJcY3AmJiYGAAD29fb99taYmZj37cYCNrDgyI2hjFX9+O2op6p0dnvp2J7Js3uAgondzKfOwJK3oWdGbUOvr+Pz27uwxbV+fn7m5+eluabT09Tf3+B/f7hqVT4076+BAAAAAXRSTlMAQObYZgAABKhJREFUeNrtnI1W4jAQRtOGYO0PbWFBKQgryrLs+z/gTis2eCCNyZhDG+bq2S4GI7n5oFTnDPthRujxftP3x0dQAgkzKIGUQL+gBBJmUALPeGnYbDarqpePD8c0OGP68+Pg7+lEWW6ZAQNJYHD1hiSIiziOgBj+E5h/PwgEc08fCVxte5jAhH+S6MbtBAYtlgLLsnxpAmgdwYDpmdgmjIci/PjkunEbgc+RFBg9XxmX39zcuGTTCCyB2cwygcFY72/CLOEhyHkDQ0qBJ+wEjs8FXllH+yUYZ+PrAmflBgTOANsERoHOH0ckEAQmxe0ESn9KgbNNnT9EAkU01fjj9gkUIo6yKBYhV44XRRELVwIbdYFa4ArErcBfzcIygULs193+dAn8+vE1YW8JTzh/DrlyPOOK8R8S2MBUAme7RuAOWDhJ4ATAvAZCxLg6gTBePAmHCTwZbG5c9VftdqvaX1VVC1evgQDmJBLzm74GNv6uC8zZdlYBq7Kq5vP5AnEWdgUXYSiehVqgcC6QgT+FwDTd7kBctZUCLXCRP3XC1OPYN9KF+RtpEFitNpv5tpzXLO7wSmQfRyfivbnAvBYItAK9YxqMWxS/LGiHbcbzfNHQ3wQOhMaihwHsCZRAwghKIOEZlEDCCErg/THoPwxTAj2AEkiYQQmkBPoFJZAwgxJ4Lwl0Wx8oWY7X2XrNmQHDSKDj+kApOlsfOM/8S6D7+sCsgXMQCEfMI1UzwSdQM791AvH1gVlYI6L1Kw95Zp3AcYCtDsTPf5v6wCz8VROqBeLLYyZcZ3DkZn739YFSICqB00gE2PpA/Pyu6wPdJXC9F7oF8omuJFA9LudXjF/M76Q+0HUC8RWC+Pnd1wfqBfawRBAxv8P6QCnwg6WDszAC5Pzu6wMl2QfL1wn8w4AeFgkaz+++PlDytwb8vR75NLq/KxFUfaCEH4/L45GPmW+4rQ+UvNVPYp5NvUsg4QWUQMIISiDhGZRAwghKIOEZlEDCCEog4RmUQMIISiDRHxQtBZR3wiTw8ZHZkANMTfrekDDH6JufIe+k9wewSx4e5PEaeZrDZ8fuhjXF/p3hwDc/s28tMvqmP+DSHyCPVwMYReCwW6CIDqFLg9rmZziBOH+APF6SptEfaVCVwPgQC5RBV83P9B3QgFGXN4U/aVDCFAJ/S4MqgSI+HA4psq+MMfrmZ/oOaPrcdfkD1P6kwNpgmncJBINRnKA7XOKbn9l0QFPYbL3JY6dB1iEQDOadAgEhElyHSwfNz9A/5PEMpkL6wwgEElyHS3zzM/WdrM/C3/UHMMunsJACcR0uXTQ/w++S3l8LszuJiFA0SIHYDpcmlbLur0S0/iTM4m3Mv0R8EibIDpfWjBB30vMNf/Jo8UY6Lk6IBNnh8maMENfAuisR/aVc/EmRYDpc9jeBGuS1sN0vExIhIH0dT+GGQSfQLemyBXklMtAEYsnTlpwNlL66NeROE+gDd++WEmgKJZAS6BXkljCCEnh3jM4/PNwv/1bkG77vkO/rGz6+75Dv6xs+vu+Q7+sbPr7vkO/rGz6+75Dv6xs+vu+Q7+sbPr7vkO/rGz6+79DF+v4D/wNRR4u/ZQgAAAAASUVORK5CYII=);
+  background-position: -292px -4px;
+  background-repeat: repeat-y;
+}
+
+/* 末节点（含子级末节点）：清空 li 背景竖线，行间连接由末节点图标自带「└」片段衔接 */
+.tree-ul > .tree-node:last-child {
+  background: 0 0;
+}
+
+/* 根级首节点：竖线全行连续（-292px -4px，与原版一致），树顶无线由图标自带的顶部竖线衔接（-228px -65px 翻转后自带 y=2-6） */
+
+/* 根级首节点图标翻转（箭头朝上）+ 专用图标位，与 jstree 原版一致 */
+.panel-tree > .tree-ul > .tree-node:first-child > .tree-shrink {
+  transform: scaleY(-1);
+}
+
+.panel-tree > .tree-ul > .tree-node.tree-node-closed:first-child > .tree-shrink {
+  background-position: -228px -65px;
+}
+
+.panel-tree > .tree-ul > .tree-node.tree-node-open:first-child > .tree-shrink {
+  background-position: -265px -65px;
+}
+
+.panel-tree > .tree-ul > .tree-node {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+.tree-shrink,
+.tree-node-checkbox {
+  width: 24px;
+  height: 24px;
+  line-height: 24px;
+  display: inline-block;
+  text-decoration: none;
+  margin: 0;
+  padding: 0;
+  vertical-align: top;
+  text-align: center;
+}
+
+.tree-node-checkbox {
+  width: 20px;
+}
+
+.tree-node > .tree-node-text {
+  display: inline-block;
+  line-height: 24px;
+  height: 24px;
+  padding: 0;
+  margin: 0;
+  color: inherit;
+  white-space: nowrap;
+  vertical-align: top;
+  text-decoration: none;
+  transition:
+    background-color 0.15s,
+    box-shadow 0.15s;
+  cursor: pointer;
+}
+
+.tree-node > .tree-node-text:hover {
+  background: #e7f4f9;
+  border-radius: 2px;
+  box-shadow: inset 0 0 1px #ccc;
+}
+
+.tree-node > .tree-node-text > a {
+  white-space: nowrap;
+  text-decoration: none;
+  color: #212529;
+  padding: 0 4px;
+}
+
+.tree-node > .tree-node-text > a:hover {
+  box-shadow: inset 0 0 1px #ccc;
+}
+
+.tree-node > .tree-node-text.tree-node-select {
+  background: #beebff !important;
+  border-radius: 2px;
+  box-shadow: inset 0 0 1px #999;
+}
+
+.tree-node > .tree-node-text > .tree-node-checkbox {
+  background-position: -164px -4px;
+}
+
+.tree-node > .tree-node-text.tree-node-select > .tree-node-checkbox {
+  background-position: -228px -4px;
+}
+
+.tree-node > .tree-node-text.tree-node-selectUn > .tree-node-checkbox {
+  background-position: -196px -4px;
+}
+
+.tree-node.tree-node-closed > .tree-shrink {
+  cursor: pointer;
+  background-position: -132px -70px;
+}
+
+.tree-node.tree-node-open > .tree-shrink {
+  cursor: pointer;
+  background-position: -164px -70px;
+}
+
+.tree-node.tree-node-end > .tree-shrink {
+  cursor: default;
+  background-position: -191px -70px;
+}
+
+.panel-tree > ul > .tree-node.tree-node-end:first-child > .tree-shrink {
+  background-position: -68px -88px;
+}
+
+.panel-tree > ul > .tree-node.tree-node-end:last-child > .tree-shrink {
+  background-position: -68px -4px;
+}
+
+.panel-tree > ul > .tree-node.tree-node-closed:last-child > .tree-shrink {
+  background-position: -100px -4px;
+}
+
+.panel-tree > ul > .tree-node.tree-node-open:last-child > .tree-shrink {
+  background-position: -132px -4px;
+}
+
+/* 子级 ul 末节点（任意层级）：图标自带「└」连接片段，竖向竖线点 + 横向横线闭合 */
+.tree-ul > .tree-node.tree-node-end:last-child > .tree-shrink {
+  background-position: -68px -4px;
+}
+
+.tree-ul > .tree-node.tree-node-closed:last-child > .tree-shrink {
+  background-position: -100px -4px;
+}
+
+.tree-ul > .tree-node.tree-node-open:last-child > .tree-shrink {
+  background-position: -132px -4px;
+}
+
+/* 根级单节点树（搜索过滤后只命中一个根，first+last 同时成立）：
+   last-child 的「└」图标被 first-child 的 scaleY(-1) 翻转成「┐」，且「└」顶部竖线孤悬（上方无线）。
+   豁免：取消翻转 + 回退普通无连接图标，竖线由 last-child 清空规则负责归零 */
+.panel-tree > .tree-ul > .tree-node:first-child:last-child > .tree-shrink {
+  transform: none;
+}
+
+.panel-tree > .tree-ul > .tree-node:first-child:last-child.tree-node-closed > .tree-shrink {
+  background-position: -132px -70px;
+}
+
+.panel-tree > .tree-ul > .tree-node:first-child:last-child.tree-node-open > .tree-shrink {
+  background-position: -164px -70px;
+}
+
+.panel-tree > .tree-ul > .tree-node:first-child:last-child.tree-node-end > .tree-shrink {
+  background-position: -191px -70px;
+}
+.panel-tree {
+  position: relative;
+}
+
+.panel-tree > ul {
+  padding-inline-start: 5px !important;
+}
+
+.panel-tree > ul ul {
+  padding-inline-start: 20px !important;
+}
+