yc-pro-components 0.0.13 → 0.0.15

package/index.js

@@ -1,4 +1,4 @@
-/*! yc-pro-components v0.0.13 */
+/*! yc-pro-components v0.0.15 */
 (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) :
@@ -14,8 +14,6 @@
     };
   };
 
-  const version$2 = "2.6.3";
-
   /** Detect free variable `global` from Node.js. */
   var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
 
@@ -4643,6 +4641,8 @@
     return object == null ? object : baseSet(object, path, value);
   }
 
+  const version$2 = "2.6.3";
+
   const objectToString = Object.prototype.toString;
   const toTypeString = (value) => objectToString.call(value);
   const toRawType = (value) => {
@@ -8618,9 +8618,21 @@
       vue.watchEffect(() => {
         subVisible.value = props.modelValue;
       });
-      const handleConfirm = () => {
+      const isSubmitting = vue.ref(false);
+      const computedLoading = vue.computed(() => props.confirmLoading || isSubmitting.value);
+      const doConfirm = () => {
+        isSubmitting.value = true;
         emit("confirm");
+        setTimeout(() => {
+          isSubmitting.value = false;
+        }, 300);
       };
+      const handleConfirm = debounce(doConfirm, 300, {
+        leading: true,
+        // 立即执行第一次
+        trailing: false
+        // 不执行最后一次
+      });
       const handleCancel = () => {
         emit("update:modelValue", false);
         emit("cancel");
@@ -8677,8 +8689,8 @@
                     }),
                     vue.createVNode(vue.unref(elementPlus.ElButton), {
                       type: "primary",
-                      loading: _ctx.confirmLoading,
-                      onClick: handleConfirm
+                      loading: computedLoading.value,
+                      onClick: vue.unref(handleConfirm)
                     }, {
                       default: vue.withCtx(() => [
                         vue.createTextVNode(
@@ -8689,7 +8701,7 @@
                       ]),
                       _: 1
                       /* STABLE */
-                    }, 8, ["loading"])
+                    }, 8, ["loading", "onClick"])
                   ])
                 ],
                 4
@@ -16785,8 +16797,11 @@
         var _a;
         (_a = formInstance.value) == null ? void 0 : _a.clearValidate();
       };
-      const handleSubmit = async () => {
+      const isSubmitting = vue.ref(false);
+      const computedLoading = vue.computed(() => props.submitLoading || isSubmitting.value);
+      const doSubmit = async () => {
         var _a, _b, _c;
+        isSubmitting.value = true;
         try {
           const valid = await ((_a = formInstance.value) == null ? void 0 : _a.validate());
           if (valid) {
@@ -16804,6 +16819,12 @@
         }
         return false;
       };
+      const handleSubmit = debounce(doSubmit, 300, {
+        leading: true,
+        // 立即执行第一次
+        trailing: false
+        // 不执行最后一次
+      });
       const handleReset = () => {
         clearValidate();
         values.value = { ...props.defaultValues };
@@ -16952,7 +16973,7 @@
                 style: vue.normalizeStyle(style.value)
               },
               [
-                vue.renderSlot(_ctx.$slots, "footer", vue.normalizeProps(vue.guardReactiveProps({ handleReset, handleSubmit })), () => [
+                vue.renderSlot(_ctx.$slots, "footer", vue.normalizeProps(vue.guardReactiveProps({ handleReset, handleSubmit: vue.unref(handleSubmit) })), () => [
                   _ctx.hasReset ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
                     key: 0,
                     onClick: handleReset
@@ -16970,8 +16991,8 @@
                   })) : vue.createCommentVNode("v-if", true),
                   vue.createVNode(vue.unref(elementPlus.ElButton), {
                     type: "primary",
-                    loading: _ctx.submitLoading,
-                    onClick: handleSubmit
+                    loading: computedLoading.value,
+                    onClick: vue.unref(handleSubmit)
                   }, {
                     default: vue.withCtx(() => [
                       vue.createCommentVNode(" \u63D0\u4EA4 "),
@@ -16983,7 +17004,7 @@
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["loading"])
+                  }, 8, ["loading", "onClick"])
                 ])
               ],
               4
@@ -18087,10 +18108,19 @@
         subVisible.value = false;
         emit("cancel");
       };
-      const handleConfirmPopover = () => {
+      const isSubmitting = vue.ref(false);
+      const computedLoading = vue.computed(() => props.confirmLoading || isSubmitting.value);
+      const doConfirm = () => {
+        isSubmitting.value = true;
         subVisible.value = false;
         emit("confirm");
       };
+      const handleConfirmPopover = debounce(doConfirm, 300, {
+        leading: true,
+        // 立即执行第一次
+        trailing: false
+        // 不执行最后一次
+      });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElPopover), vue.mergeProps({
           visible: subVisible.value,
@@ -18122,8 +18152,8 @@
               vue.createVNode(vue.unref(elementPlus.ElButton), {
                 size: "small",
                 type: "primary",
-                loading: _ctx.confirmLoading,
-                onClick: handleConfirmPopover
+                loading: computedLoading.value,
+                onClick: vue.unref(handleConfirmPopover)
               }, {
                 default: vue.withCtx(() => [
                   vue.createTextVNode(
@@ -18134,7 +18164,7 @@
                 ]),
                 _: 1
                 /* STABLE */
-              }, 8, ["loading"])
+              }, 8, ["loading", "onClick"])
             ])) : vue.createCommentVNode("v-if", true)
           ]),
           _: 3
@@ -19571,8 +19601,10 @@
         emit("update:modelValue", values);
         emit("change", values, column);
       };
-      const handleConfirm = async () => {
+      const isSubmitting = vue.ref(false);
+      const doConfirm = async () => {
         var _a, _b, _c;
+        isSubmitting.value = true;
         try {
           const valid = await ((_a = computedFormInstance.value) == null ? void 0 : _a.validate());
           if (valid) {
@@ -19586,8 +19618,18 @@
             elementPlus.ElMessage.warning(message || t("plus.form.errorTip"));
           }
           emit("confirmError", errors);
+        } finally {
+          setTimeout(() => {
+            isSubmitting.value = false;
+          }, 300);
         }
       };
+      const handleConfirm = debounce(doConfirm, 300, {
+        leading: true,
+        // 立即执行第一次
+        trailing: false
+        // 不执行最后一次
+      });
       const handleCancel = () => {
         subVisible.value = false;
         emit("update:visible", subVisible.value);
@@ -19609,11 +19651,12 @@
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => subVisible.value = $event),
           width: "800px",
           top: "10vh",
-          title: vue.unref(t)("plus.dialogForm.title")
+          title: vue.unref(t)("plus.dialogForm.title"),
+          "confirm-loading": isSubmitting.value
         }, _ctx.dialog, {
           onClose: handleClose,
           onCancel: handleCancel,
-          onConfirm: handleConfirm
+          onConfirm: vue.unref(handleConfirm)
         }), vue.createSlots({
           default: vue.withCtx(() => [
             vue.createVNode(vue.unref(PlusForm), vue.mergeProps({
@@ -19664,11 +19707,11 @@
           _ctx.$slots["dialog-footer"] ? {
             name: "footer",
             fn: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "dialog-footer", vue.normalizeProps(vue.guardReactiveProps({ handleConfirm, handleCancel })))
+              vue.renderSlot(_ctx.$slots, "dialog-footer", vue.normalizeProps(vue.guardReactiveProps({ handleConfirm: vue.unref(handleConfirm), handleCancel })))
             ]),
             key: "1"
           } : void 0
-        ]), 1040, ["modelValue", "title"]);
+        ]), 1040, ["modelValue", "title", "confirm-loading", "onConfirm"]);
       };
     }
   });
@@ -19730,8 +19773,11 @@
         emit("update:modelValue", values);
         emit("change", values, column);
       };
-      const handleConfirm = async () => {
+      const isSubmitting = vue.ref(false);
+      const computedLoading = vue.computed(() => props.confirmLoading || isSubmitting.value);
+      const doConfirm = async () => {
         var _a, _b, _c;
+        isSubmitting.value = true;
         try {
           const valid = await ((_a = computedFormInstance.value) == null ? void 0 : _a.validate());
           if (valid) {
@@ -19747,6 +19793,12 @@
           emit("confirmError", errors);
         }
       };
+      const handleConfirm = debounce(doConfirm, 300, {
+        leading: true,
+        // 立即执行第一次
+        trailing: false
+        // 不执行最后一次
+      });
       const handleClose = () => {
         handleCancel();
         emit("update:visible", subVisible.value);
@@ -19820,7 +19872,7 @@
             name: "footer",
             fn: vue.withCtx(() => [
               vue.createElementVNode("div", _hoisted_1$d, [
-                vue.renderSlot(_ctx.$slots, "drawer-footer", vue.normalizeProps(vue.guardReactiveProps({ handleConfirm, handleCancel })), () => [
+                vue.renderSlot(_ctx.$slots, "drawer-footer", vue.normalizeProps(vue.guardReactiveProps({ handleConfirm: vue.unref(handleConfirm), handleCancel })), () => [
                   vue.createVNode(vue.unref(elementPlus.ElButton), { onClick: handleCancel }, {
                     default: vue.withCtx(() => [
                       vue.createTextVNode(
@@ -19834,8 +19886,8 @@
                   }),
                   vue.createVNode(vue.unref(elementPlus.ElButton), {
                     type: "primary",
-                    loading: _ctx.confirmLoading,
-                    onClick: handleConfirm
+                    loading: computedLoading.value,
+                    onClick: vue.unref(handleConfirm)
                   }, {
                     default: vue.withCtx(() => [
                       vue.createTextVNode(
@@ -19846,7 +19898,7 @@
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["loading"])
+                  }, 8, ["loading", "onClick"])
                 ])
               ])
             ]),
@@ -57295,6 +57347,7 @@
       });
       return (_ctx, _cache) => {
         const _component_el_input = vue.resolveComponent("el-input");
+        const _component_el_tooltip = vue.resolveComponent("el-tooltip");
         const _component_el_divider = vue.resolveComponent("el-divider");
         const _component_el_dropdown_item = vue.resolveComponent("el-dropdown-item");
         const _component_el_dropdown_menu = vue.resolveComponent("el-dropdown-menu");
@@ -57415,10 +57468,21 @@
                               }, () => [
                                 vue.createElementVNode("span", _hoisted_4$3, [
                                   vue.createCommentVNode(" \u9ED8\u8BA4\u8282\u70B9\u6807\u7B7E\u6587\u672C "),
-                                  vue.createElementVNode("span", {
-                                    class: "label-text",
-                                    innerHTML: highlightKeyword(node.label, props.searchMode === "local" ? filterText.value : "")
-                                  }, null, 8, _hoisted_5$3)
+                                  vue.createVNode(_component_el_tooltip, {
+                                    content: node.label,
+                                    placement: "top",
+                                    disabled: !node.label || node.label.length <= 20,
+                                    "show-after": 500
+                                  }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createElementVNode("span", {
+                                        class: "label-text",
+                                        innerHTML: highlightKeyword(node.label, props.searchMode === "local" ? filterText.value : "")
+                                      }, null, 8, _hoisted_5$3)
+                                    ]),
+                                    _: 2
+                                    /* DYNAMIC */
+                                  }, 1032, ["content", "disabled"])
                                 ])
                               ], true),
                               vue.createCommentVNode(" \u8282\u70B9\u64CD\u4F5C\u533A\u57DF\uFF08\u72EC\u7ACB\u4E8E\u81EA\u5B9A\u4E49 slot\uFF09 "),
@@ -57529,7 +57593,7 @@
     }
   });
 
-  var YcPlusTreeComponent = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-fa0eccd0"], ["__file", "index.vue"]]);
+  var YcPlusTreeComponent = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-0043eed3"], ["__file", "index.vue"]]);
 
   const YcPlusTree = l(YcPlusTreeComponent);
   const RePlusTree = YcPlusTree;
@@ -57664,7 +57728,7 @@
     drawerStore.value = [];
   };
 
-  const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-e306ac1f"), n = n(), vue.popScopeId(), n);
+  const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-f8ad9f74"), n = n(), vue.popScopeId(), n);
   const _hoisted_1$4 = { class: "custom-drawer-header" };
   const _hoisted_2$4 = { class: "header-content" };
   const _hoisted_3$4 = ["id"];
@@ -57707,7 +57771,9 @@
               bg: true,
               popConfirm: options == null ? void 0 : options.popConfirm,
               btnClick: ({ drawer: { options: options2, index } }) => {
+                var _a;
                 if (!options2 || index === void 0) return;
+                if ((_a = sureBtnMap.value[index]) == null ? void 0 : _a.loading) return;
                 if (options2 == null ? void 0 : options2.sureBtnLoading) {
                   sureBtnMap.value[index] = Object.assign({}, sureBtnMap.value[index] || {}, {
                     loading: true
@@ -57886,7 +57952,7 @@
     }
   });
 
-  var YcDrawerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-e306ac1f"], ["__file", "index.vue"]]);
+  var YcDrawerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-f8ad9f74"], ["__file", "index.vue"]]);
 
   const YcDrawer = YcDrawerComponent;
   const ReDrawer = YcDrawerComponent;
@@ -57970,10 +58036,18 @@
         if (props.confirmText) return props.confirmText;
         return props.status === "delete" ? "\u5220\u9664" : "\u786E\u5B9A";
       });
-      const handleConfirm = () => {
+      const isSubmitting = vue.ref(false);
+      const doConfirm = () => {
+        isSubmitting.value = true;
         emit("confirm");
         dialogVisible.value = false;
       };
+      const handleConfirm = debounce(doConfirm, 300, {
+        leading: true,
+        // 立即执行第一次
+        trailing: false
+        // 不执行最后一次
+      });
       const handleCancel = () => {
         emit("cancel");
         dialogVisible.value = false;
@@ -58032,7 +58106,8 @@
                 })) : vue.createCommentVNode("v-if", true),
                 vue.createVNode(vue.unref(elementPlus.ElButton), {
                   type: currentStatusConfig.value.confirmButtonType,
-                  onClick: handleConfirm
+                  loading: isSubmitting.value,
+                  onClick: vue.unref(handleConfirm)
                 }, {
                   default: vue.withCtx(() => [
                     vue.createTextVNode(
@@ -58043,7 +58118,7 @@
                   ]),
                   _: 1
                   /* STABLE */
-                }, 8, ["type"])
+                }, 8, ["type", "loading", "onClick"])
               ], true)
             ])
           ]),
@@ -58067,7 +58142,7 @@
     }
   });
 
-  var YcStatusDialog = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-ce588855"], ["__file", "index.vue"]]);
+  var YcStatusDialog = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-a1851fcd"], ["__file", "index.vue"]]);
 
   var _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     ...{

package/index.min.css

@@ -1,13 +1,13 @@
 .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-plus-page[data-v-7c1490fd]{height:100%}.yc-plus-page[data-v-7c1490fd] [data-v-7c1490fd] .plus-page>.el-card{border-radius:8px}[data-v-7c1490fd] .yc-search-card-body{padding-right:0}[data-v-7c1490fd] .plus-table-title-bar__toolbar__icon{font-size:16px!important;position:relative;top:-2px}.column-settings-wrapper[data-v-7c1490fd]{align-items:center;cursor:pointer;display:flex;gap:4px;margin-left:8px}.column-settings-text[data-v-7c1490fd]{font-size:14px}
-.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%}
-.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}
+.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%}
+.yc-plus-tree[data-v-0043eed3]{display:flex;flex-direction:column;height:100%;overflow:auto}.yc-plus-tree[data-v-0043eed3] .search-input[data-v-0043eed3]{flex-shrink:0;margin-bottom:16px}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3]{flex:1;min-height:0;overflow:hidden}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] [data-v-0043eed3] .el-tree-v2{overflow-x:visible!important}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3]{align-items:center;display:flex;flex:1;padding-left:0;padding-right:8px;position:relative;z-index:1}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3]{flex-shrink:0;width:100%}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3] [data-v-0043eed3] .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-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3] [data-v-0043eed3] .el-input__wrapper[data-v-0043eed3]:hover{box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3] [data-v-0043eed3] .el-input__wrapper.is-focus[data-v-0043eed3]{box-shadow:0 0 0 1px var(--el-color-primary) inset}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3] [data-v-0043eed3] .el-input__inner{color:rgba(0,0,0,.7);font-size:14px;height:24px;line-height:18px}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3] [data-v-0043eed3] .el-input__inner[data-v-0043eed3]::-moz-placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3] [data-v-0043eed3] .el-input__inner[data-v-0043eed3]::placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] [data-v-0043eed3] .el-tree-node__content:hover{background-color:var(--el-color-primary-light-9)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] [data-v-0043eed3] .el-tree-node__content:hover .label-text[data-v-0043eed3]{color:var(--el-color-primary)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] [data-v-0043eed3] .el-tree-node__content:hover .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] [data-v-0043eed3] .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] [data-v-0043eed3] .el-tree-node.is-current>.el-tree-node__content .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3]{align-items:center;display:flex;gap:4px;width:100%}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3][data-v-0043eed3]:hover .node-actions[data-v-0043eed3]{opacity:1;pointer-events:auto}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3],.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label{align-items:center;display:flex;flex:1;gap:4px;min-width:0}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3] [data-v-0043eed3] .el-tooltip__trigger,.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label [data-v-0043eed3] .el-tooltip__trigger{display:block;min-width:0;overflow:hidden}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3] .label-text[data-v-0043eed3],.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3] .node-text[data-v-0043eed3],.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label .label-text[data-v-0043eed3],.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label .node-text[data-v-0043eed3]{color:var(--el-text-color-primary);display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3] .label-text[data-v-0043eed3] [data-v-0043eed3] .highlight-keyword,.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3] .node-text[data-v-0043eed3] [data-v-0043eed3] .highlight-keyword,.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label .label-text[data-v-0043eed3] [data-v-0043eed3] .highlight-keyword,.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label .node-text[data-v-0043eed3] [data-v-0043eed3] .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-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3] .node-count[data-v-0043eed3],.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label .node-count[data-v-0043eed3]{color:var(--el-text-color-secondary);font-size:12px}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-actions[data-v-0043eed3]{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-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-actions[data-v-0043eed3] .action-icon-wrapper[data-v-0043eed3]{align-items:center;cursor:pointer;display:flex;justify-content:center}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-actions[data-v-0043eed3] .action-icon[data-v-0043eed3]{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-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-actions[data-v-0043eed3] .action-icon[data-v-0043eed3][data-v-0043eed3]:hover{background-color:var(--el-color-primary-light-8)}.tree-dropdown-menu[data-v-0043eed3]{border-radius:8px!important;min-width:156px!important;padding:8px!important}.tree-dropdown-menu[data-v-0043eed3] [data-v-0043eed3] .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-0043eed3] [data-v-0043eed3] .el-dropdown-menu__item[data-v-0043eed3]:hover{background-color:var(--el-color-primary-light-9)!important;color:var(--el-color-primary)!important}.tree-dropdown-menu[data-v-0043eed3] [data-v-0043eed3] .el-dropdown-menu__item[data-v-0043eed3]:not(:last-child){margin-bottom:4px}.tree-dropdown-menu[data-v-0043eed3] [data-v-0043eed3] .el-divider{border-top:1px solid #e5e7eb;margin:12px 0}.tree-dropdown-menu[data-v-0043eed3] [data-v-0043eed3] .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-0043eed3] [data-v-0043eed3] .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-0043eed3] [data-v-0043eed3] .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-0043eed3] [data-v-0043eed3] .sortable-fallback{-webkit-user-select:none;-moz-user-select:none;user-select:none}
 .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}
 .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)}
 .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}
-.custom-drawer-header[data-v-e306ac1f]{border-radius:4px 4px 0 0;display:flex;flex-direction:column;height:56px;justify-content:flex-end;width:100%}.custom-drawer-header[data-v-e306ac1f] .header-content[data-v-e306ac1f]{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-e306ac1f] .header-content[data-v-e306ac1f] .header-title[data-v-e306ac1f]{color:#000;font-family:NotoSansSC,PingFangSC,sans-serif;font-size:16px;font-weight:400;height:24px;line-height:24px;overflow-wrap:break-word;text-align:left;white-space:nowrap}.custom-drawer-header[data-v-e306ac1f] .header-content[data-v-e306ac1f] .header-close-icon[data-v-e306ac1f]{color:rgba(0,0,0,.6);cursor:pointer;transition:color .3s}.custom-drawer-header[data-v-e306ac1f] .header-content[data-v-e306ac1f] .header-close-icon[data-v-e306ac1f][data-v-e306ac1f]:hover{color:rgba(0,0,0,.9)}.custom-drawer-header[data-v-e306ac1f] .header-divider[data-v-e306ac1f]{background-color:#f5f7f9;height:1px;margin-top:15px;width:100%}
+.custom-drawer-header[data-v-f8ad9f74]{border-radius:4px 4px 0 0;display:flex;flex-direction:column;height:56px;justify-content:flex-end;width:100%}.custom-drawer-header[data-v-f8ad9f74] .header-content[data-v-f8ad9f74]{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-f8ad9f74] .header-content[data-v-f8ad9f74] .header-title[data-v-f8ad9f74]{color:#000;font-family:NotoSansSC,PingFangSC,sans-serif;font-size:16px;font-weight:400;height:24px;line-height:24px;overflow-wrap:break-word;text-align:left;white-space:nowrap}.custom-drawer-header[data-v-f8ad9f74] .header-content[data-v-f8ad9f74] .header-close-icon[data-v-f8ad9f74]{color:rgba(0,0,0,.6);cursor:pointer;transition:color .3s}.custom-drawer-header[data-v-f8ad9f74] .header-content[data-v-f8ad9f74] .header-close-icon[data-v-f8ad9f74][data-v-f8ad9f74]:hover{color:rgba(0,0,0,.9)}.custom-drawer-header[data-v-f8ad9f74] .header-divider[data-v-f8ad9f74]{background-color:#f5f7f9;height:1px;margin-top:15px;width:100%}
 .yc-status-dialog .el-dialog__footer:before{display:none!important}.yc-status-dialog{padding:16px!important}.yc-status-dialog .el-dialog__header{margin:0!important;padding:0!important}.yc-status-dialog .el-dialog__body{padding:0!important}.yc-status-dialog .el-dialog__footer{padding:16px 0 0!important}
-.yc-status-dialog[data-v-ce588855] .dialog-header[data-v-ce588855]{align-items:center;display:flex;gap:4px}.yc-status-dialog[data-v-ce588855] .dialog-header[data-v-ce588855] .icon-wrapper[data-v-ce588855]{align-items:center;border-radius:50%;display:flex;flex-shrink:0;justify-content:center}.yc-status-dialog[data-v-ce588855] .dialog-header[data-v-ce588855] .icon-wrapper[data-v-ce588855] .status-icon[data-v-ce588855]{height:28px;width:28px}.yc-status-dialog[data-v-ce588855] .dialog-header[data-v-ce588855] .title-text[data-v-ce588855]{color:#000;flex:1;font-size:16px;font-weight:500;line-height:24px}.yc-status-dialog[data-v-ce588855] .dialog-content[data-v-ce588855]{min-height:54px;padding-top:16px}.yc-status-dialog[data-v-ce588855] .dialog-content[data-v-ce588855] .content-text[data-v-ce588855]{color:#666;font-size:14px;line-height:22px;margin:0}.yc-status-dialog[data-v-ce588855] .dialog-footer[data-v-ce588855]{display:flex;justify-content:flex-end}
+.yc-status-dialog[data-v-a1851fcd] .dialog-header[data-v-a1851fcd]{align-items:center;display:flex;gap:4px}.yc-status-dialog[data-v-a1851fcd] .dialog-header[data-v-a1851fcd] .icon-wrapper[data-v-a1851fcd]{align-items:center;border-radius:50%;display:flex;flex-shrink:0;justify-content:center}.yc-status-dialog[data-v-a1851fcd] .dialog-header[data-v-a1851fcd] .icon-wrapper[data-v-a1851fcd] .status-icon[data-v-a1851fcd]{height:28px;width:28px}.yc-status-dialog[data-v-a1851fcd] .dialog-header[data-v-a1851fcd] .title-text[data-v-a1851fcd]{color:#000;flex:1;font-size:16px;font-weight:500;line-height:24px}.yc-status-dialog[data-v-a1851fcd] .dialog-content[data-v-a1851fcd]{min-height:54px;padding-top:16px}.yc-status-dialog[data-v-a1851fcd] .dialog-content[data-v-a1851fcd] .content-text[data-v-a1851fcd]{color:#666;font-size:14px;line-height:22px;margin:0}.yc-status-dialog[data-v-a1851fcd] .dialog-footer[data-v-a1851fcd]{display:flex;justify-content:flex-end}
 .yc-more-actions__icon[data-v-cabdaeba]{align-items:center;display:inline-flex;margin-right:4px}.yc-more-actions__item-icon[data-v-cabdaeba]{align-items:center;display:inline-flex;font-size:14px;margin-right:6px}[data-v-cabdaeba] .el-dropdown-menu__item.is-danger{color:var(--el-color-danger)}[data-v-cabdaeba] .el-dropdown-menu__item.is-danger:hover{background-color:var(--el-color-danger-light-9);color:var(--el-color-danger)}
 .yc-form-container-header[data-v-e3e5d0e4] .header-title[data-v-e3e5d0e4]{color:var(--el-text-color-regular);font-family:NotoSansSC,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-left:8px;position:relative;text-align:left}.yc-form-container-header[data-v-e3e5d0e4] .header-title[data-v-e3e5d0e4][data-v-e3e5d0e4]:before{background:linear-gradient(180deg,var(--yc-header-gradient-start,var(--pure-button-primary-gradient-start,var(--el-color-primary))) 0,var(--yc-header-gradient-end,var(--pure-button-primary-gradient-end,var(--el-color-primary-light-3))) 100%);content:"";height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}
 .scroll-num{display:inline-block;height:1em;line-height:1;overflow:hidden;text-align:center}.scroll-num ul{animation:scrolling calc(var(--delay)*1s) ease-out forwards;filter:url(#blur);list-style:none;margin:0;padding:0}.scroll-num ul li{height:1em;line-height:1}@keyframes scrolling{0%{transform:translateY(0)}20%{transform:translateY(calc(var(--i)*-9.09% - 18.18%))}40%{transform:translateY(calc(var(--i)*-9.09% + 9.09%))}60%{transform:translateY(calc(var(--i)*-9.09% - 4.545%))}80%{transform:translateY(calc(var(--i)*-9.09% + 2.27%))}to{transform:translateY(calc(var(--i)*-9.09%))}}