yc-pro-components 0.0.47 → 0.0.49

package/index.js

@@ -1,4 +1,4 @@
-/*! yc-pro-components v0.0.47 */
+/*! yc-pro-components v0.0.49 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('element-plus')) :
   typeof define === 'function' && define.amd ? define(['exports', 'vue', 'element-plus'], factory) :
@@ -23,10 +23,8 @@
   /** Used as a reference to the global object. */
   var root = freeGlobal || freeSelf || Function('return this')();
 
-  var root$1 = root;
-
   /** Built-in value references. */
-  var Symbol$1 = root$1.Symbol;
+  var Symbol$1 = root.Symbol;
 
   /** Used for built-in method references. */
   var objectProto$f = Object.prototype;
@@ -421,7 +419,7 @@
   }
 
   /** Used to detect overreaching core-js shims. */
-  var coreJsData = root$1['__core-js_shared__'];
+  var coreJsData = root['__core-js_shared__'];
 
   /** Used to detect methods masquerading as native. */
   var maskSrcKey = (function() {
@@ -532,7 +530,7 @@
   }
 
   /* Built-in method references that are verified to be native. */
-  var WeakMap$1 = getNative(root$1, 'WeakMap');
+  var WeakMap$1 = getNative(root, 'WeakMap');
 
   /** Built-in value references. */
   var objectCreate = Object.create;
@@ -1133,7 +1131,7 @@
   var moduleExports$2 = freeModule$2 && freeModule$2.exports === freeExports$2;
 
   /** Built-in value references. */
-  var Buffer$1 = moduleExports$2 ? root$1.Buffer : undefined;
+  var Buffer$1 = moduleExports$2 ? root.Buffer : undefined;
 
   /* Built-in method references for those with the same name as other `lodash` methods. */
   var nativeIsBuffer = Buffer$1 ? Buffer$1.isBuffer : undefined;
@@ -1752,7 +1750,7 @@
   ListCache.prototype.set = listCacheSet;
 
   /* Built-in method references that are verified to be native. */
-  var Map$1 = getNative(root$1, 'Map');
+  var Map$1 = getNative(root, 'Map');
 
   /**
    * Removes all key-value entries from the map.
@@ -2327,7 +2325,7 @@
   var moduleExports = freeModule && freeModule.exports === freeExports;
 
   /** Built-in value references. */
-  var Buffer = moduleExports ? root$1.Buffer : undefined,
+  var Buffer = moduleExports ? root.Buffer : undefined,
       allocUnsafe = Buffer ? Buffer.allocUnsafe : undefined;
 
   /**
@@ -2504,13 +2502,13 @@
   }
 
   /* Built-in method references that are verified to be native. */
-  var DataView$1 = getNative(root$1, 'DataView');
+  var DataView$1 = getNative(root, 'DataView');
 
   /* Built-in method references that are verified to be native. */
-  var Promise$1 = getNative(root$1, 'Promise');
+  var Promise$1 = getNative(root, 'Promise');
 
   /* Built-in method references that are verified to be native. */
-  var Set$1 = getNative(root$1, 'Set');
+  var Set$1 = getNative(root, 'Set');
 
   /** `Object#toString` result references. */
   var mapTag$4 = '[object Map]',
@@ -2589,7 +2587,7 @@
   }
 
   /** Built-in value references. */
-  var Uint8Array$1 = root$1.Uint8Array;
+  var Uint8Array$1 = root.Uint8Array;
 
   /**
    * Creates a clone of `arrayBuffer`.
@@ -3876,7 +3874,7 @@
    * // => Logs the number of milliseconds it took for the deferred invocation.
    */
   var now = function() {
-    return root$1.Date.now();
+    return root.Date.now();
   };
 
   /** Error message constants. */
@@ -18339,7 +18337,7 @@
     key: 0,
     class: "plus-table-checkbox-handle"
   };
-  const _hoisted_8$4 = { key: 1 };
+  const _hoisted_8$5 = { key: 1 };
   const _hoisted_9$4 = { key: 1 };
   var _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     ...{
@@ -18722,7 +18720,7 @@
                                       /* DYNAMIC */
                                     }, 1032, ["content"])) : (vue.openBlock(), vue.createElementBlock(
                                       "span",
-                                      _hoisted_8$4,
+                                      _hoisted_8$5,
                                       vue.toDisplayString(item.label ? getLabelValue(item.label) : ""),
                                       1
                                       /* TEXT */
@@ -22027,7 +22025,7 @@
   const _hoisted_5$8 = { class: "plus-header__right" };
   const _hoisted_6$6 = { class: "plus-header__dropdown-area" };
   const _hoisted_7$5 = ["src"];
-  const _hoisted_8$3 = { class: "plus-header__username" };
+  const _hoisted_8$4 = { class: "plus-header__username" };
   const _hoisted_9$3 = {
     key: 0,
     class: "plus-header-placeholder"
@@ -22182,7 +22180,7 @@
                         vue.createCommentVNode(" username "),
                         vue.createElementVNode(
                           "p",
-                          _hoisted_8$3,
+                          _hoisted_8$4,
                           vue.toDisplayString(_ctx.userInfo.username || "admin"),
                           1
                           /* TEXT */
@@ -32355,7 +32353,8 @@
 
   const _hoisted_1$9 = { class: "yc-header-filter-cell__label-text" };
   const _hoisted_2$8 = { class: "yc-header-filter-cell__label-text" };
-  const _hoisted_3$8 = {
+  const _hoisted_3$8 = { style: { cursor: "pointer", display: "inline-flex", alignItems: "center" } };
+  const _hoisted_4$6 = {
     class: "yc-header-filter-cell__content",
     style: {
       display: "flex",
@@ -32365,10 +32364,10 @@
       gap: "4px"
     }
   };
-  const _hoisted_4$6 = { class: "yc-header-filter-cell__operators" };
-  const _hoisted_5$6 = ["onClick"];
-  const _hoisted_6$5 = { key: 0 };
-  const _hoisted_7$4 = {
+  const _hoisted_5$6 = { class: "yc-header-filter-cell__operators" };
+  const _hoisted_6$5 = ["onClick"];
+  const _hoisted_7$4 = { key: 0 };
+  const _hoisted_8$3 = {
     class: "yc-header-filter-cell__actions",
     style: {
       display: "flex",
@@ -32396,7 +32395,6 @@
       const emit = __emit;
       const { getCdnUrl } = useYcCdnUrl();
       const filterIconUrl = vue.computed(() => getCdnUrl("images", "table_filter_icon.svg"));
-      const sortIconUrl = vue.computed(() => getCdnUrl("images", "table_sort_icon.svg"));
       const state = vue.reactive({
         selectedOp: "=",
         inputVal: ""
@@ -32540,6 +32538,7 @@
           modelValue: state.inputVal,
           "onUpdate:modelValue": (v) => state.inputVal = v,
           placeholder: "",
+          maxlength: 50,
           style: "margin-top: 4px; width: 100%"
         });
       };
@@ -32555,14 +32554,22 @@
               alignItems: "center",
               gap: "4px",
               cursor: "default"
-            }
+            },
+            onMousedown: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+            }, ["stop"])),
+            onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
+            }, ["stop"]))
           },
           [
+            vue.createCommentVNode(" @mousedown.stop / @click.stop \u963B\u6B62 el-table <th> \u7684 handleHeaderClick \u548C\u5217 resize \u4E8B\u4EF6\u7A7F\u900F "),
             vue.createCommentVNode(" \u6807\u7B7E\u5185\u5BB9 "),
             vue.createElementVNode(
               "span",
               {
-                class: vue.normalizeClass(["yc-header-filter-cell__label", { "yc-header-filter-cell__label--ellipsis": shouldShowEllipsis.value }]),
+                class: vue.normalizeClass(["yc-header-filter-cell__label", {
+                  "yc-header-filter-cell__label--ellipsis": shouldShowEllipsis.value,
+                  "yc-header-filter-cell__label--active": isAscActive.value || isDescActive.value || isActive.value
+                }]),
                 style: {
                   userSelect: "none",
                   cursor: "pointer"
@@ -32661,19 +32668,35 @@
               class: "yc-header-filter-cell__sort",
               style: {
                 display: "inline-flex",
+                flexDirection: "column",
                 alignItems: "center",
-                cursor: "pointer"
+                cursor: "pointer",
+                lineHeight: 1
               },
               onClick: vue.withModifiers(cycleSort, ["stop"])
             }, [
-              vue.createVNode(vue.unref(YcSvgIcon), {
-                src: sortIconUrl.value,
-                size: 14,
-                class: vue.normalizeClass({
-                  "yc-header-filter-cell__sort-icon--asc": isAscActive.value,
-                  "yc-header-filter-cell__sort-icon--desc": isDescActive.value
-                })
-              }, null, 8, ["src", "class"])
+              vue.createCommentVNode(" \u5347\u5E8F\u7BAD\u5934\uFF1A\u6FC0\u6D3B\u65F6\u9AD8\u4EAE "),
+              vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                size: 10,
+                style: vue.normalizeStyle({ color: isAscActive.value ? "var(--el-color-primary)" : "var(--el-text-color-placeholder)", marginBottom: "-4px" })
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(caret_top_default))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["style"]),
+              vue.createCommentVNode(" \u964D\u5E8F\u7BAD\u5934\uFF1A\u6FC0\u6D3B\u65F6\u9AD8\u4EAE "),
+              vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                size: 10,
+                style: vue.normalizeStyle({ color: isDescActive.value ? "var(--el-color-primary)" : "var(--el-text-color-placeholder)" })
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(caret_bottom_default))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["style"])
             ]),
             vue.createCommentVNode(" \u7B5B\u9009\u56FE\u6807\u548C\u5F39\u7A97 "),
             !_ctx.disableFilter ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElPopover), {
@@ -32682,25 +32705,24 @@
               placement: "bottom-start",
               width: 220,
               visible: popVisible.value,
+              "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => popVisible.value = $event),
               "popper-class": "yc-header-filter-pop",
               "popper-style": { zIndex: 4e3 }
             }, {
               reference: vue.withCtx(() => [
-                vue.createElementVNode("span", {
-                  style: { cursor: "pointer", display: "inline-flex", alignItems: "center" },
-                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => popVisible.value = !popVisible.value, ["stop"]))
-                }, [
+                vue.createElementVNode("span", _hoisted_3$8, [
                   vue.createVNode(vue.unref(YcSvgIcon), {
                     src: filterIconUrl.value,
                     size: 14,
+                    color: isActive.value ? "var(--el-color-primary)" : "currentColor",
                     class: vue.normalizeClass({ "yc-header-filter-cell__filter-icon--active": isActive.value })
-                  }, null, 8, ["src", "class"])
+                  }, null, 8, ["src", "color", "class"])
                 ])
               ]),
               default: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_3$8, [
+                vue.createElementVNode("div", _hoisted_4$6, [
                   vue.createCommentVNode(" \u64CD\u4F5C\u7B26\u5217\u8868 "),
-                  vue.createElementVNode("div", _hoisted_4$6, [
+                  vue.createElementVNode("div", _hoisted_5$6, [
                     (vue.openBlock(true), vue.createElementBlock(
                       vue.Fragment,
                       null,
@@ -32727,8 +32749,8 @@
                             1
                             /* TEXT */
                           ),
-                          state.selectedOp === op.code ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$5, "\u2713")) : vue.createCommentVNode("v-if", true)
-                        ], 12, _hoisted_5$6);
+                          state.selectedOp === op.code ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$4, "\u2713")) : vue.createCommentVNode("v-if", true)
+                        ], 12, _hoisted_6$5);
                       }),
                       128
                       /* KEYED_FRAGMENT */
@@ -32737,7 +32759,7 @@
                   vue.createCommentVNode(" \u503C\u8F93\u5165 "),
                   needValueInput.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderValueField), { key: 0 })) : vue.createCommentVNode("v-if", true),
                   vue.createCommentVNode(" \u64CD\u4F5C\u6309\u94AE "),
-                  vue.createElementVNode("div", _hoisted_7$4, [
+                  vue.createElementVNode("div", _hoisted_8$3, [
                     vue.createVNode(vue.unref(elementPlus.ElButton), { onClick: handleReset }, {
                       default: vue.withCtx(() => [
                         vue.createTextVNode("\u91CD\u7F6E")
@@ -32762,14 +32784,14 @@
               /* STABLE */
             }, 8, ["visible"])) : vue.createCommentVNode("v-if", true)
           ],
-          512
-          /* NEED_PATCH */
+          544
+          /* NEED_HYDRATION, NEED_PATCH */
         );
       };
     }
   });
 
-  var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-bf34a631"], ["__file", "header-filter-cell.vue"]]);
+  var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-3330af37"], ["__file", "header-filter-cell.vue"]]);
 
   const DEFAULT_PAGE_SIZE = 20;
   const COLUMN_CACHE_PREFIX = "yc-column-settings:";
@@ -33273,6 +33295,153 @@
 
   var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-c7557953"], ["__file", "index.vue"]]);
 
+  function compareValues(a, b) {
+    if (a == null && b == null) return 0;
+    if (a == null) return -1;
+    if (b == null) return 1;
+    const numA = Number(a);
+    const numB = Number(b);
+    if (!isNaN(numA) && !isNaN(numB)) return numA - numB;
+    return String(a).localeCompare(String(b), "zh-CN");
+  }
+  function matchFilter(value, op, filterValue) {
+    const strValue = String(value != null ? value : "").toLowerCase();
+    const strFilter = String(filterValue != null ? filterValue : "").toLowerCase();
+    switch (op) {
+      case "=":
+        return strValue === strFilter;
+      case "!=":
+        return strValue !== strFilter;
+      case "like":
+        return strValue.includes(strFilter);
+      case "not like":
+        return !strValue.includes(strFilter);
+      case ">":
+        return Number(value) > Number(filterValue);
+      case ">=":
+        return Number(value) >= Number(filterValue);
+      case "<":
+        return Number(value) < Number(filterValue);
+      case "<=":
+        return Number(value) <= Number(filterValue);
+      case "is null":
+      case "empty":
+        return value == null || strValue === "";
+      case "is not null":
+      case "not_empty":
+        return value != null && strValue !== "";
+      case "in": {
+        const set = strFilter.split(",").map((s) => s.trim().toLowerCase());
+        return set.includes(strValue);
+      }
+      case "not in": {
+        const set = strFilter.split(",").map((s) => s.trim().toLowerCase());
+        return !set.includes(strValue);
+      }
+      case "between": {
+        let parts = strFilter.split(",").map((s) => Number(s.trim()));
+        if (parts.length < 2 || isNaN(parts[0]) || isNaN(parts[1])) {
+          const hyphenMatch = strFilter.match(/^(-?\d+(?:\.\d+)?)-(-?\d+(?:\.\d+)?)$/);
+          if (hyphenMatch) {
+            parts = [Number(hyphenMatch[1]), Number(hyphenMatch[2])];
+          }
+        }
+        const num = Number(value);
+        return parts.length === 2 && !isNaN(num) && !isNaN(parts[0]) && !isNaN(parts[1]) && num >= parts[0] && num <= parts[1];
+      }
+      case "is true":
+        return value === true || strValue === "true" || strValue === "1";
+      case "is false":
+        return value === false || strValue === "false" || strValue === "0";
+      default:
+        return true;
+    }
+  }
+  function useLocalHeaderFilter(data, options) {
+    const fieldCatalog = vue.computed(() => {
+      const cols = options == null ? void 0 : options.filterableColumns;
+      if (!(cols == null ? void 0 : cols.length)) return {};
+      const catalog = {};
+      for (const col of cols) {
+        catalog[col.prop] = {
+          type: col.type || "string",
+          filter: true,
+          allowedField: col.prop
+        };
+      }
+      return catalog;
+    });
+    const {
+      headerFiltersState,
+      orderByState,
+      upsertHeaderFilter,
+      removeHeaderFilter,
+      setOrderBy,
+      getOpsByProp,
+      isEnabled: _isEnabled
+    } = useHeaderFilter({
+      headerFilterConfig: () => ({
+        enabled: true,
+        fieldCatalog: fieldCatalog.value
+      }),
+      hideHeaderFilter: () => false
+    });
+    const filteredData = vue.computed(() => {
+      let result = [...vue.unref(data) || []];
+      if (headerFiltersState.filters.length > 0) {
+        result = result.filter((row) => {
+          const record = row;
+          return headerFiltersState.filters.every(
+            (filter) => matchFilter(record[filter.field], filter.op, filter.value)
+          );
+        });
+      }
+      if (orderByState.length > 0) {
+        result.sort((a, b) => {
+          const recA = a;
+          const recB = b;
+          for (const order of orderByState) {
+            const cmp = compareValues(recA[order.field], recB[order.field]);
+            if (cmp !== 0) return order.direction === "asc" ? cmp : -cmp;
+          }
+          return 0;
+        });
+      }
+      return result;
+    });
+    const handleFilterConfirm = (payload) => {
+      var _a;
+      const field = String(((_a = payload.column) == null ? void 0 : _a.prop) || "");
+      upsertHeaderFilter(field, payload.op, payload.value);
+    };
+    const handleFilterReset = (payload) => {
+      var _a;
+      const field = String(((_a = payload.column) == null ? void 0 : _a.prop) || "");
+      removeHeaderFilter(field);
+    };
+    const handleSortChange = (payload) => {
+      setOrderBy(payload.field, payload.direction);
+    };
+    const resetAllFilters = () => {
+      headerFiltersState.filters.splice(0);
+      orderByState.splice(0);
+    };
+    const hasActiveFilters = vue.computed(() => {
+      return headerFiltersState.filters.length > 0 || orderByState.length > 0;
+    });
+    return {
+      filteredData,
+      headerFiltersState,
+      orderByState,
+      handleFilterConfirm,
+      handleFilterReset,
+      handleSortChange,
+      getOpsByProp,
+      resetAllFilters,
+      hasActiveFilters
+    };
+  }
+
   const YcPlusPage = YcPlusPageComponent;
   const YcTableHeaderFilterCell = YcTableHeaderFilterCellComponent;
   const RePlusPage = YcPlusPageComponent;
@@ -63762,6 +63931,7 @@
   exports.useDrawerFormConfig = useDrawerFormConfig;
   exports.useGetOptions = useGetOptions;
   exports.useHeaderFilter = useHeaderFilter;
+  exports.useLocalHeaderFilter = useLocalHeaderFilter;
   exports.useLocale = useLocale;
   exports.usePlusFormReset = usePlusFormReset;
   exports.usePlusProConfig = usePlusProConfig;

package/index.min.css

@@ -1,6 +1,6 @@
 .plus-virtual-table{display:flex;flex-direction:column;height:100%;min-height:0;width:100%}.plus-virtual-table__title-bar{justify-content:space-between;padding:12px 0}.plus-virtual-table__title-bar,.plus-virtual-table__title-bar__left{align-items:center;display:flex}.plus-virtual-table__title-bar__right{align-items:center;display:flex;gap:8px}.plus-virtual-table__title-bar__text{font-size:16px;font-weight:500}.plus-virtual-table__title-bar__refresh{color:#606266;cursor:pointer;transition:color .2s}.plus-virtual-table__title-bar__refresh:hover{color:var(--el-color-primary)}.plus-virtual-table__body{flex:1;max-height:calc(100vh - 280px);min-height:0;overflow:hidden}.plus-virtual-table__header,.plus-virtual-table__header .el-table-v2__header-cell{background-color:var(--el-fill-color-light)!important}.plus-virtual-table__pagination{padding:12px 0}.plus-virtual-table-action-bar{align-items:center;display:flex;gap:4px;justify-content:center}.plus-table-column-status{align-items:center;display:inline-flex;gap:6px}.plus-table-column-status__dot{border-radius:50%;display:inline-block;height:8px;width:8px}.plus-table-column-empty{color:#c0c4cc}.plus-virtual-table--striped .plus-virtual-table__row--striped .el-table-v2__row-cell{background-color:var(--el-fill-color-lighter,#fafafa)}.plus-virtual-table--border .plus-virtual-table__body{border:1px solid var(--el-border-color-lighter,#ebeef5)}.plus-virtual-table--border .el-table-v2__header-cell,.plus-virtual-table--border .el-table-v2__row-cell{border-right:1px solid var(--el-border-color-lighter,#ebeef5)}.plus-virtual-table--border .el-table-v2__header-cell:last-child,.plus-virtual-table--border .el-table-v2__row-cell:last-child{border-right:none}.plus-virtual-table--border .el-table-v2__header-row,.plus-virtual-table--border .el-table-v2__row{border-bottom:1px solid var(--el-border-color-lighter,#ebeef5)}
 .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}
-.yc-header-filter-cell[data-v-bf34a631]{width:100%}.yc-header-filter-cell__label--ellipsis[data-v-bf34a631]{flex:1 1 0;min-width:0;overflow:hidden}.yc-header-filter-cell__label--ellipsis[data-v-bf34a631] .yc-header-filter-cell__label-text[data-v-bf34a631]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}[data-v-bf34a631] .yc-header-filter-cell__sort-icon--asc,[data-v-bf34a631] .yc-header-filter-cell__sort-icon--desc{color:var(--el-color-primary)}[data-v-bf34a631] .yc-header-filter-cell__filter-icon--active{color:var(--el-color-primary)}
+.yc-header-filter-cell[data-v-3330af37]{width:100%}.yc-header-filter-cell__label--ellipsis[data-v-3330af37]{flex:1 1 0;min-width:0;overflow:hidden}.yc-header-filter-cell__label--ellipsis[data-v-3330af37] .yc-header-filter-cell__label-text[data-v-3330af37]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.yc-header-filter-cell__label--active[data-v-3330af37]{color:var(--el-color-primary)}[data-v-3330af37] .yc-header-filter-cell__sort-icon--asc,[data-v-3330af37] .yc-header-filter-cell__sort-icon--desc{background-color:var(--el-color-primary)!important}[data-v-3330af37] .yc-header-filter-cell__filter-icon--active{background-color:var(--el-color-primary)!important}
 .yc-plus-page[data-v-c7557953]{height:100%}.yc-plus-page[data-v-c7557953] [data-v-c7557953] .plus-page>.el-card{border-radius:8px}[data-v-c7557953] .yc-search-card-body{padding-right:0}[data-v-c7557953] .plus-table-title-bar__toolbar__icon{font-size:16px!important;position:relative;top:-2px}.column-settings-wrapper[data-v-c7557953]{align-items:center;cursor:pointer;display:flex;gap:4px;margin-left:8px}.column-settings-text[data-v-c7557953]{font-size:14px}
 .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}
 .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%}