opentiny / opentiny/tiny-engine

🐛 [Bug]: VirtualTree 集成后无法选中

Open
#1,202 2 comments 0 reactions 1 assignee View on GitHub

@chilingling is already working on this.

Since Mar 20, 2025.

bug
Dominant language
Vue
Stars
2.8k
Forks
476
Avg merge
17h 35m
Merged PRs (30d)
1

Description

Environment

chrome

Version

latest

Version

latest

Link to minimal reproduction

Step to reproduce

What is expected

VirtualTree 集成后无法选中

What is actually happening

VirtualTree 集成后无法选中

What is your project name

Any additional comments (optional)

{
"id": 10165,
"version": "3.22.0",
"name": {
"zh_CN": "虚拟化树形控件"
},
"component": "TinyVirtualTree",
"icon": "IconFolder",
"description": "可进行展示有父子层级的数据,用于大数据场景。",
"doc_url": "",
"screenshot": "",
"tags": "",
"keywords": "",
"dev_mode": "proCode",
"npm": {
"package": "@opentiny/vue",
"exportName": "VirtualTree",
"version": "3.22.0",
"destructuring": true,
"script": "https://unpkg.com/@opentiny/vue-runtime@~3.22/dist3/tiny-vue-pc.mjs",
"css": "https://unpkg.com/@opentiny/vue-theme@~3.22/index.css"
},
"group": "数据展示",
"category": "数据展示",
"configure": {
"loop": true,
"condition": true,
"styles": true,
"isContainer": false,
"isModal": false,
"isPopper": false,
"nestingRule": {
"childWhitelist": "",
"parentWhitelist": "",
"descendantBlacklist": "",
"ancestorWhitelist": ""
},
"isNullNode": false,
"isLayout": false,
"rootSelector": "",
"shortcuts": {
"properties": [
"width",
"height",
"row-height",
"scrollbar-size",
"tree-op"
]
},
"contextMenu": {
"actions": [
"copy",
"remove",
"insert",
"updateAttr",
"bindEevent",
"createBlock"
],
"disable": []
},
"invalidity": [
""
],
"clickCapture": true,
"framework": "Vue"
},
"schema": {
"properties": [
{
"label": {
"zh_CN": "基础信息"
},
"description": {
"zh_CN": "基础信息"
},
"content": [
{
"property": "width",
"type": [
"string",
"number"
],
"defaultValue": "",
"label": {
"text": {
"zh_CN": "width"
}
},
"required": false,
"readOnly": false,
"disabled": false,
"cols": 12,
"description": {
"zh_CN": "虚拟树的宽度",
"en_US": "Width of the virtual tree"
},
"labelPosition": "left",
"rules": [],
"hidden": false,
"device": "pc",
"widget": {
"component": "InputConfigurator",
"props": {}
}
},
{
"property": "height",
"type": [
"string",
"number"
],
"defaultValue": "",
"label": {
"text": {
"zh_CN": "height"
}
},
"required": false,
"readOnly": false,
"disabled": false,
"cols": 12,
"description": {
"zh_CN": "虚拟树的高度",
"en_US": "Height of the virtual tree"
},
"labelPosition": "left",
"rules": [],
"hidden": false,
"device": "pc",
"widget": {
"component": "InputConfigurator",
"props": {}
}
},
{
"property": "row-height",
"type": [
"string",
"number"
],
"defaultValue": "36",
"label": {
"text": {
"zh_CN": "row-height"
}
},
"required": false,
"readOnly": false,
"disabled": false,
"cols": 12,
"description": {
"zh_CN": "树的每一项的高度",
"en_US": "The height of each item of the tree"
},
"labelPosition": "left",
"rules": [],
"hidden": false,
"device": "pc",
"widget": {
"component": "InputConfigurator",
"props": {}
}
},
{
"property": "scrollbar-size",
"type": [
"string",
"number"
],
"defaultValue": "6",
"label": {
"text": {
"zh_CN": "scrollbar-size"
}
},
"required": false,
"readOnly": false,
"disabled": false,
"cols": 12,
"description": {
"zh_CN": "滚动条尺寸",
"en_US": "Scroll Bar Size"
},
"labelPosition": "left",
"rules": [],
"hidden": false,
"device": "pc",
"widget": {
"component": "InputConfigurator",
"props": {}
}
},
{
"property": "tree-op",
"type": "ITreeOp",
"defaultValue": "",
"label": {
"text": {
"zh_CN": "tree-op"
}
},
"required": false,
"readOnly": false,
"disabled": false,
"cols": 12,
"description": {
"zh_CN": "内部Tree组件的属性配置,内部Tree组件的事件通过treeOp.events配置,具体可以参考Tree组件的配置项",
"en_US": "Attribute configuration of the internal Tree component. The events of the internal Tree component are configured through treeOp.events"
},
"labelPosition": "left",
"rules": [],
"hidden": false,
"device": "pc",
"widget": {
"component": "CodeConfigurator",
"props": {
"language": "json"
}
}
}
]
}
],
"events": {},
"slots": {
"default": {
"label": {
"zh_CN": "default"
},
"description": {
"zh_CN": "透传内部Tree的默认插槽",
"en_US": "Default slot for transparently transmitting internal trees"
}
},
"empty": {
"label": {
"zh_CN": "empty"
},
"description": {
"zh_CN": "透传内部Tree的empty插槽",
"en_US": "Empty slot for transparently transmitting internal trees"
}
},
"prefix": {
"label": {
"zh_CN": "prefix"
},
"description": {
"zh_CN": "透传内部Tree的prefix插槽",
"en_US": "Prefix slot for transparently transmitting the internal tree"
}
},
"suffix": {
"label": {
"zh_CN": "suffix"
},
"description": {
"zh_CN": "透传内部Tree的suffix插槽",
"en_US": "Suffix slot for transparently transmitting internal trees"
}
},
"operation": {
"label": {
"zh_CN": "operation"
},
"description": {
"zh_CN": "透传内部Tree的operation插槽",
"en_US": "Operation slot for transparently transmitting internal trees"
}
}
}
},
"snippets": [
{
"category": "数据展示",
"name": {
"zh_CN": "虚拟化树形控件"
},
"icon": "button",
"screenshot": "",
"snippetName": "TinyVirtualTree",
"schema": {
"componentName": "TinyVirtualTree",
"props": {
"width": "600",
"height": "400",
"row-height": "36",
"scrollbar-size": "8",
"treeOp": {
"nodeKey": "label",
"data": [
{
"label": "item-1",
"children": [
{
"label": "item-201"
},
{
"label": "item-202"
},
{
"label": "item-203"
},
{
"label": "item-204"
},
{
"label": "item-205"
},
{
"label": "item-206"
},
{
"label": "item-207"
},
{
"label": "item-208"
},
{
"label": "item-209"
},
{
"label": "item-210"
},
{
"label": "item-211"
},
{
"label": "item-212"
},
{
"label": "item-213"
},
{
"label": "item-214"
},
{
"label": "item-215"
},
{
"label": "item-216"
},
{
"label": "item-217"
},
{
"label": "item-218"
},
{
"label": "item-219"
},
{
"label": "item-220"
},
{
"label": "item-221"
},
{
"label": "item-222"
},
{
"label": "item-223"
},
{
"label": "item-224"
},
{
"label": "item-225"
},
{
"label": "item-226"
},
{
"label": "item-227"
},
{
"label": "item-228"
},
{
"label": "item-229"
},
{
"label": "item-230"
},
{
"label": "item-231"
},
{
"label": "item-232"
},
{
"label": "item-233"
},
{
"label": "item-234"
},
{
"label": "item-235"
},
{
"label": "item-236"
},
{
"label": "item-237"
},
{
"label": "item-238"
},
{
"label": "item-239"
},
{
"label": "item-240"
},
{
"label": "item-241"
},
{
"label": "item-242"
},
{
"label": "item-243"
},
{
"label": "item-244"
},
{
"label": "item-245"
},
{
"label": "item-246"
},
{
"label": "item-247"
},
{
"label": "item-248"
},
{
"label": "item-249"
},
{
"label": "item-250"
},
{
"label": "item-251"
},
{
"label": "item-252"
},
{
"label": "item-253"
},
{
"label": "item-254"
},
{
"label": "item-255"
},
{
"label": "item-256"
},
{
"label": "item-257"
},
{
"label": "item-258"
},
{
"label": "item-259"
},
{
"label": "item-260"
},
{
"label": "item-261"
},
{
"label": "item-262"
},
{
"label": "item-263"
},
{
"label": "item-264"
},
{
"label": "item-265"
},
{
"label": "item-266"
},
{
"label": "item-267"
},
{
"label": "item-268"
},
{
"label": "item-269"
},
{
"label": "item-270"
},
{
"label": "item-271"
},
{
"label": "item-272"
},
{
"label": "item-273"
},
{
"label": "item-274"
},
{
"label": "item-275"
},
{
"label": "item-276"
},
{
"label": "item-277"
},
{
"label": "item-278"
},
{
"label": "item-279"
},
{
"label": "item-280"
},
{
"label": "item-281"
},
{
"label": "item-282"
},
{
"label": "item-283"
},
{
"label": "item-284"
},
{
"label": "item-285"
},
{
"label": "item-286"
},
{
"label": "item-287"
},
{
"label": "item-288"
},
{
"label": "item-289"
},
{
"label": "item-290"
},
{
"label": "item-291"
},
{
"label": "item-292"
},
{
"label": "item-293"
},
{
"label": "item-294"
},
{
"label": "item-295"
},
{
"label": "item-296"
},
{
"label": "item-297"
},
{
"label": "item-298"
},
{
"label": "item-299"
},
{
"label": "item-300"
},
{
"label": "item-301"
},
{
"label": "item-302"
},
{
"label": "item-303"
},
{
"label": "item-304"
},
{
"label": "item-305"
},
{
"label": "item-306"
},
{
"label": "item-307"
},
{
"label": "item-308"
},
{
"label": "item-309"
},
{
"label": "item-310"
},
{
"label": "item-311"
},
{
"label": "item-312"
},
{
"label": "item-313"
},
{
"label": "item-314"
},
{
"label": "item-315"
},
{
"label": "item-316"
},
{
"label": "item-317"
},
{
"label": "item-318"
},
{
"label": "item-319"
},
{
"label": "item-320"
},
{
"label": "item-321"
},
{
"label": "item-322"
},
{
"label": "item-323"
},
{
"label": "item-324"
},
{
"label": "item-325"
},
{
"label": "item-326"
},
{
"label": "item-327"
},
{
"label": "item-328"
},
{
"label": "item-329"
},
{
"label": "item-330"
},
{
"label": "item-331"
},
{
"label": "item-332"
},
{
"label": "item-333"
},
{
"label": "item-334"
},
{
"label": "item-335"
},
{
"label": "item-336"
},
{
"label": "item-337"
},
{
"label": "item-338"
},
{
"label": "item-339"
},
{
"label": "item-340"
},
{
"label": "item-341"
},
{
"label": "item-342"
},
{
"label": "item-343"
},
{
"label": "item-344"
},
{
"label": "item-345"
},
{
"label": "item-346"
},
{
"label": "item-347"
},
{
"label": "item-348"
},
{
"label": "item-349"
},
{
"label": "item-350"
},
{
"label": "item-351"
},
{
"label": "item-352"
},
{
"label": "item-353"
},
{
"label": "item-354"
},
{
"label": "item-355"
},
{
"label": "item-356"
},
{
"label": "item-357"
},
{
"label": "item-358"
},
{
"label": "item-359"
},
{
"label": "item-360"
},
{
"label": "item-361"
},
{
"label": "item-362"
},
{
"label": "item-363"
},
{
"label": "item-364"
},
{
"label": "item-365"
},
{
"label": "item-366"
},
{
"label": "item-367"
},
{
"label": "item-368"
},
{
"label": "item-369"
},
{
"label": "item-370"
},
{
"label": "item-371"
},
{
"label": "item-372"
},
{
"label": "item-373"
},
{
"label": "item-374"
},
{
"label": "item-375"
},
{
"label": "item-376"
},
{
"label": "item-377"
},
{
"label": "item-378"
},
{
"label": "item-379"
},
{
"label": "item-380"
},
{
"label": "item-381"
},
{
"label": "item-382"
},
{
"label": "item-383"
},
{
"label": "item-384"
},
{
"label": "item-385"
},
{
"label": "item-386"
},
{
"label": "item-387"
},
{
"label": "item-388"
},
{
"label": "item-389"
},
{
"label": "item-390"
},
{
"label": "item-391"
},
{
"label": "item-392"
},
{
"label": "item-393"
},
{
"label": "item-394"
},
{
"label": "item-395"
},
{
"label": "item-396"
},
{
"label": "item-397"
},
{
"label": "item-398"
},
{
"label": "item-399"
},
{
"label": "item-400"
}
]
},
{
"label": "item-2"
},
{
"label": "item-3"
},
{
"label": "item-4"
},
{
"label": "item-5"
},
{
"label": "item-6"
},
{
"label": "item-7"
},
{
"label": "item-8"
},
{
"label": "item-9"
},
{
"label": "item-10"
},
{
"label": "item-11"
},
{
"label": "item-12"
},
{
"label": "item-13"
},
{
"label": "item-14"
},
{
"label": "item-15"
},
{
"label": "item-16"
},
{
"label": "item-17"
},
{
"label": "item-18"
},
{
"label": "item-19"
},
{
"label": "item-20"
},
{
"label": "item-21"
},
{
"label": "item-22"
},
{
"label": "item-23"
},
{
"label": "item-24"
},
{
"label": "item-25"
},
{
"label": "item-26"
},
{
"label": "item-27"
},
{
"label": "item-28"
},
{
"label": "item-29"
},
{
"label": "item-30"
},
{
"label": "item-31"
},
{
"label": "item-32"
},
{
"label": "item-33"
},
{
"label": "item-34"
},
{
"label": "item-35"
},
{
"label": "item-36"
},
{
"label": "item-37"
},
{
"label": "item-38"
},
{
"label": "item-39"
},
{
"label": "item-40"
},
{
"label": "item-41"
},
{
"label": "item-42"
},
{
"label": "item-43"
},
{
"label": "item-44"
},
{
"label": "item-45"
},
{
"label": "item-46"
},
{
"label": "item-47"
},
{
"label": "item-48"
},
{
"label": "item-49"
},
{
"label": "item-50"
},
{
"label": "item-51"
},
{
"label": "item-52"
},
{
"label": "item-53"
},
{
"label": "item-54"
},
{
"label": "item-55"
},
{
"label": "item-56"
},
{
"label": "item-57"
},
{
"label": "item-58"
},
{
"label": "item-59"
},
{
"label": "item-60"
},
{
"label": "item-61"
},
{
"label": "item-62"
},
{
"label": "item-63"
},
{
"label": "item-64"
},
{
"label": "item-65"
},
{
"label": "item-66"
},
{
"label": "item-67"
},
{
"label": "item-68"
},
{
"label": "item-69"
},
{
"label": "item-70"
},
{
"label": "item-71"
},
{
"label": "item-72"
},
{
"label": "item-73"
},
{
"label": "item-74"
},
{
"label": "item-75"
},
{
"label": "item-76"
},
{
"label": "item-77"
},
{
"label": "item-78"
},
{
"label": "item-79"
},
{
"label": "item-80"
},
{
"label": "item-81"
},
{
"label": "item-82"
},
{
"label": "item-83"
},
{
"label": "item-84"
},
{
"label": "item-85"
},
{
"label": "item-86"
},
{
"label": "item-87"
},
{
"label": "item-88"
},
{
"label": "item-89"
},
{
"label": "item-90"
},
{
"label": "item-91"
},
{
"label": "item-92"
},
{
"label": "item-93"
},
{
"label": "item-94"
},
{
"label": "item-95"
},
{
"label": "item-96"
},
{
"label": "item-97"
},
{
"label": "item-98"
},
{
"label": "item-99"
},
{
"label": "item-100"
},
{
"label": "item-101"
},
{
"label": "item-102"
},
{
"label": "item-103"
},
{
"label": "item-104"
},
{
"label": "item-105"
},
{
"label": "item-106"
},
{
"label": "item-107"
},
{
"label": "item-108"
},
{
"label": "item-109"
},
{
"label": "item-110"
},
{
"label": "item-111"
},
{
"label": "item-112"
},
{
"label": "item-113"
},
{
"label": "item-114"
},
{
"label": "item-115"
},
{
"label": "item-116"
},
{
"label": "item-117"
},
{
"label": "item-118"
},
{
"label": "item-119"
},
{
"label": "item-120"
},
{
"label": "item-121"
},
{
"label": "item-122"
},
{
"label": "item-123"
},
{
"label": "item-124"
},
{
"label": "item-125"
},
{
"label": "item-126"
},
{
"label": "item-127"
},
{
"label": "item-128"
},
{
"label": "item-129"
},
{
"label": "item-130"
},
{
"label": "item-131"
},
{
"label": "item-132"
},
{
"label": "item-133"
},
{
"label": "item-134"
},
{
"label": "item-135"
},
{
"label": "item-136"
},
{
"label": "item-137"
},
{
"label": "item-138"
},
{
"label": "item-139"
},
{
"label": "item-140"
},
{
"label": "item-141"
},
{
"label": "item-142"
},
{
"label": "item-143"
},
{
"label": "item-144"
},
{
"label": "item-145"
},
{
"label": "item-146"
},
{
"label": "item-147"
},
{
"label": "item-148"
},
{
"label": "item-149"
},
{
"label": "item-150"
},
{
"label": "item-151"
},
{
"label": "item-152"
},
{
"label": "item-153"
},
{
"label": "item-154"
},
{
"label": "item-155"
},
{
"label": "item-156"
},
{
"label": "item-157"
},
{
"label": "item-158"
},
{
"label": "item-159"
},
{
"label": "item-160"
},
{
"label": "item-161"
},
{
"label": "item-162"
},
{
"label": "item-163"
},
{
"label": "item-164"
},
{
"label": "item-165"
},
{
"label": "item-166"
},
{
"label": "item-167"
},
{
"label": "item-168"
},
{
"label": "item-169"
},
{
"label": "item-170"
},
{
"label": "item-171"
},
{
"label": "item-172"
},
{
"label": "item-173"
},
{
"label": "item-174"
},
{
"label": "item-175"
},
{
"label": "item-176"
},
{
"label": "item-177"
},
{
"label": "item-178"
},
{
"label": "item-179"
},
{
"label": "item-180"
},
{
"label": "item-181"
},
{
"label": "item-182"
},
{
"label": "item-183"
},
{
"label": "item-184"
},
{
"label": "item-185"
},
{
"label": "item-186"
},
{
"label": "item-187"
},
{
"label": "item-188"
},
{
"label": "item-189"
},
{
"label": "item-190"
},
{
"label": "item-191"
},
{
"label": "item-192"
},
{
"label": "item-193"
},
{
"label": "item-194"
},
{
"label": "item-195"
},
{
"label": "item-196"
},
{
"label": "item-197"
},
{
"label": "item-198"
},
{
"label": "item-199"
},
{
"label": "item-200"
}
],
"props": {
"children": "children",
"label": "label"
}
}
}
}
}
]
}

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.