@aimerthyr/virtual-table 1.0.0

package/dist/virtual-table.css

@@ -0,0 +1 @@
+.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-1\/2{left:50%}.top-1\/2{top:50%}.ml-auto{margin-left:auto}.mr-\[16px\]{margin-right:16px}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-\[10px\]{height:10px}.h-\[12px\]{height:12px}.h-\[22px\]{height:22px}.h-\[30px\]{height:30px}.h-full{height:100%}.min-h-0{min-height:0px}.w-\[10px\]{width:10px}.w-\[12px\]{width:12px}.w-\[20px\]{width:20px}.w-full{width:100%}.min-w-0{min-width:0px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.origin-center{transform-origin:center}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-\[4px\]{gap:4px}.gap-\[8px\]{gap:8px}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:9999px}.border{border-width:1px}.bg-\[\#1677ff\]{--tw-bg-opacity: 1;background-color:rgb(22 119 255 / var(--tw-bg-opacity, 1))}.bg-\[rgba\(255\,255\,255\,0\.5\)\]{background-color:#ffffff80}.py-\[16px\]{padding-top:16px;padding-bottom:16px}.text-\[\#0000004a\]{color:#0000004a}.text-\[\#1677ff\]{--tw-text-opacity: 1;color:rgb(22 119 255 / var(--tw-text-opacity, 1))}.opacity-\[0\.3\]{opacity:.3}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:\!bg-\[\#fafafa\]:hover{--tw-bg-opacity: 1 !important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}.hover\:bg-\[\#0000000f\]:hover{background-color:#0000000f}.hover\:text-\[\#00000073\]:hover{color:#00000073}.group:hover .group-hover\:\!bg-\[\#fafafa\]{--tw-bg-opacity: 1 !important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}.sorter-icon[data-v-e9e9deda]{color:#0000004a}.sorter-down[data-v-e9e9deda]{margin-top:-.3em}.popover-trigger[data-v-b6a7152b]{display:inline-block}.popover-content[data-v-b6a7152b]{z-index:1050;background:#fff;border-radius:6px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.popover-arrow[data-v-b6a7152b]{position:absolute;width:8px;height:8px;background:#fff;transform:rotate(45deg)}.popover-fade-enter-active[data-v-b6a7152b]{transition:opacity .15s ease}.popover-fade-leave-active[data-v-b6a7152b]{transition:opacity .1s ease}.popover-fade-enter-from[data-v-b6a7152b],.popover-fade-leave-to[data-v-b6a7152b]{opacity:0}.resize-handle[data-v-1bfd2c2e]{position:absolute;top:0;height:100%!important;bottom:0;left:auto!important;right:-8px;cursor:col-resize;touch-action:none;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;width:16px;z-index:1}.resize-handle .resize-handle-line[data-v-1bfd2c2e]{display:block;width:1px;margin-left:7px;height:100%!important;background-color:#1677ff;opacity:0;transition:opacity .2s}.resize-handle.isResizing .resize-handle-line[data-v-1bfd2c2e]{opacity:1}.row-expand-icon[data-v-6353a638]{position:relative;display:inline-block;box-sizing:border-box;width:17px;height:17px;padding:0;color:inherit;line-height:17px;background:#fff;border:1px solid #f0f0f0;border-radius:2px;transform:scale(.94117647);transition:all .3s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.row-expand-icon[data-v-6353a638]:focus,.row-expand-icon[data-v-6353a638]:hover,.row-expand-icon[data-v-6353a638]:active{border-color:currentcolor;color:#69c0ff}.row-expand-icon[data-v-6353a638]:before,.row-expand-icon[data-v-6353a638]:after{position:absolute;background:currentcolor;transition:transform .3s ease-out;content:""}.row-expand-icon[data-v-6353a638]:before{top:7px;right:3px;left:3px;height:1px}.row-expand-icon[data-v-6353a638]:after{top:3px;bottom:3px;left:7px;width:1px;transform:rotate(90deg)}.row-expand-icon-collapsed[data-v-6353a638]:before{transform:rotate(-180deg)}.row-expand-icon-collapsed[data-v-6353a638]:after{transform:rotate(0)}.row-expand-icon-expanded[data-v-6353a638]:before{transform:rotate(0)}.row-expand-icon-expanded[data-v-6353a638]:after{transform:rotate(90deg);opacity:0}.row-expand-icon-spaced[data-v-6353a638]{background:transparent;border:0;visibility:hidden}.row-expand-icon-spaced[data-v-6353a638]:before,.row-expand-icon-spaced[data-v-6353a638]:after{display:none;content:none}.checkbox-wrapper[data-v-0ae2dcb2]{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-wrapper:hover .checkbox-inner[data-v-0ae2dcb2]{border-color:#1890ff}.checkbox-wrapper-disabled[data-v-0ae2dcb2]{cursor:not-allowed}.checkbox[data-v-0ae2dcb2]{position:relative;display:inline-block;line-height:1;white-space:nowrap;vertical-align:middle;outline:none;cursor:pointer}.checkbox-input[data-v-0ae2dcb2]{position:absolute;inset:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.checkbox-inner[data-v-0ae2dcb2]{position:relative;display:block;width:16px;height:16px;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;border-collapse:separate;transition:all .3s cubic-bezier(.645,.045,.355,1)}.checkbox-inner[data-v-0ae2dcb2]:after{position:absolute;top:50%;left:21.5%;display:table;width:5.71428571px;height:9.14285714px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .2s cubic-bezier(.645,.045,.355,1);content:" "}.checkbox-checked .checkbox-inner[data-v-0ae2dcb2]{background-color:#1890ff;border-color:#1890ff}.checkbox-checked .checkbox-inner[data-v-0ae2dcb2]:after{transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s cubic-bezier(.645,.045,.355,1)}.checkbox-checked:hover .checkbox-inner[data-v-0ae2dcb2]{background-color:#40a9ff;border-color:#40a9ff}.checkbox-checked:active .checkbox-inner[data-v-0ae2dcb2]{background-color:#096dd9;border-color:#096dd9}.checkbox-indeterminate .checkbox-inner[data-v-0ae2dcb2]{background-color:#fff;border-color:#d9d9d9}.checkbox-indeterminate .checkbox-inner[data-v-0ae2dcb2]:after{top:50%;left:50%;width:8px;height:8px;background-color:#1890ff;border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:" "}.checkbox-indeterminate:hover .checkbox-inner[data-v-0ae2dcb2]{background-color:#fff;border-color:#1890ff}.checkbox-disabled[data-v-0ae2dcb2],.checkbox-disabled .checkbox-input[data-v-0ae2dcb2]{cursor:not-allowed}.checkbox-disabled .checkbox-inner[data-v-0ae2dcb2]{background-color:#f5f5f5;border-color:#d9d9d9!important}.checkbox-disabled .checkbox-inner[data-v-0ae2dcb2]:after{border-color:#00000040}.checkbox-disabled.checkbox-checked .checkbox-inner[data-v-0ae2dcb2]{background-color:#f5f5f5}.checkbox-disabled.checkbox-checked .checkbox-inner[data-v-0ae2dcb2]:after{border-color:#00000040}.checkbox-disabled.checkbox-indeterminate .checkbox-inner[data-v-0ae2dcb2]:after{background-color:#00000040}.checkbox-disabled+.checkbox-label[data-v-0ae2dcb2]{color:#00000040;cursor:not-allowed}.checkbox-label[data-v-0ae2dcb2]{padding-right:8px;padding-left:8px;color:#000000d9;line-height:1.5715}.checkbox-wrapper:not(.checkbox-wrapper-disabled) .checkbox-input:focus-visible+.checkbox-inner[data-v-0ae2dcb2]{border-color:#1890ff;box-shadow:0 0 0 3px #1890ff14}@keyframes spin-ae03bf31{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.animate-custom-spin[data-v-ae03bf31]{animation:spin-ae03bf31 1.2s linear infinite}@keyframes fade-ae03bf31{to{opacity:1}}.animate-fade[data-v-ae03bf31]{animation:fade-ae03bf31 1s linear infinite alternate}.dot-container[data-v-ae03bf31]{width:var(--v555196f2);height:var(--v555196f2)}.dot-item[data-v-ae03bf31]{width:var(--v5ea8f08c);height:var(--v5ea8f08c)}.dot-item[data-v-ae03bf31]:nth-child(1){top:0;inset-inline-start:0}.dot-item[data-v-ae03bf31]:nth-child(2){top:0;inset-inline-end:0;animation-delay:.4s}.dot-item[data-v-ae03bf31]:nth-child(3){inset-inline-end:0;bottom:0;animation-delay:.8s}.dot-item[data-v-ae03bf31]:nth-child(4){bottom:0;inset-inline-start:0;animation-delay:1.2s}.select[data-v-dcbac10d]{display:inline-block;min-width:80px;cursor:pointer}.select-selector[data-v-dcbac10d]{position:relative;display:flex;align-items:center;justify-content:space-between;padding:4px 11px;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s}.select:not(.select-disabled):hover .select-selector[data-v-dcbac10d]{border-color:#40a9ff}.select-open .select-selector[data-v-dcbac10d]{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.select-selection-item[data-v-dcbac10d]{flex:1;font-size:14px;color:#000000d9;line-height:22px}.select-arrow[data-v-dcbac10d]{margin-left:8px;font-size:10px;color:#00000040;transition:transform .3s}.select-open .select-arrow[data-v-dcbac10d]{transform:rotate(180deg)}.select-dropdown[data-v-dcbac10d]{max-height:256px;overflow:hidden;background:#fff;border-radius:6px}.select-dropdown-inner[data-v-dcbac10d]{max-height:256px;padding:4px;overflow-y:auto}.select-item[data-v-dcbac10d]{padding:5px 12px;font-size:14px;color:#000000d9;line-height:22px;cursor:pointer;transition:background .3s;border-radius:4px}.select-item[data-v-dcbac10d]:hover{background-color:#f5f5f5}.select-item-selected[data-v-dcbac10d]{font-weight:600;background-color:#e6f7ff}.pagination[data-v-b9fabd3e]{display:flex;align-items:center;gap:8px;font-size:14px}.pagination-total[data-v-b9fabd3e]{margin-right:8px;color:#000000d9}.pagination-list[data-v-b9fabd3e]{display:flex;gap:4px;margin:0;padding:0;list-style:none}.pagination-item[data-v-b9fabd3e]{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;color:#000000d9;line-height:30px;text-align:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;cursor:pointer;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pagination-item[data-v-b9fabd3e]:hover:not(.pagination-disabled):not(.pagination-item-active){border-color:#40a9ff;color:#40a9ff}.pagination-item-active[data-v-b9fabd3e]{font-weight:600;color:#fff;background-color:#1890ff;border-color:#1890ff;cursor:default}.pagination-disabled[data-v-b9fabd3e]{color:#00000040;background-color:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}.pagination-ellipsis[data-v-b9fabd3e]{border-color:transparent;background-color:transparent;cursor:default;pointer-events:none}.pagination-ellipsis[data-v-b9fabd3e]:hover{border-color:transparent;background-color:transparent}.pagination-prev[data-v-b9fabd3e],.pagination-next[data-v-b9fabd3e]{font-size:12px}.pagination-size-changer[data-v-b9fabd3e]{display:flex;align-items:center;gap:8px;margin-left:8px}.pagination-size-text[data-v-b9fabd3e]{color:#000000d9}table[data-v-d74a23b6]{border-collapse:collapse;border-spacing:0;table-layout:fixed}tr>th[data-v-d74a23b6],tr>td[data-v-d74a23b6]{border-bottom:1px var(--v24577c8c) var(--v261f5928)}thead tr[data-v-d74a23b6]{background-color:#fff}table.v-table-bordered thead tr>th[data-v-d74a23b6]{border-right:1px var(--v24577c8c) var(--v261f5928)}table.v-table-bordered thead tr>th[data-v-d74a23b6]:first-child{border-left:1px var(--v24577c8c) var(--v261f5928)}table.v-table-bordered thead tr:first-child>th[data-v-d74a23b6]{border-top:1px var(--v24577c8c) var(--v261f5928)}table.v-table-bordered tbody tr>td[data-v-d74a23b6]{border-right:1px var(--v24577c8c) var(--v261f5928)}table.v-table-bordered tbody tr>td[data-v-d74a23b6]:first-child{border-left:1px var(--v24577c8c) var(--v261f5928)}.pinned-left-shadow[data-v-d74a23b6]:after{position:absolute;top:0;right:0;bottom:-1px;width:30px;transform:translate(100%);transition:box-shadow .3s;content:"";pointer-events:none;box-shadow:inset 10px 0 8px -8px #00000026}.pinned-right-shadow[data-v-d74a23b6]:before{position:absolute;top:0;left:0;bottom:-1px;width:30px;transform:translate(-100%);transition:box-shadow .3s;content:"";pointer-events:none;box-shadow:inset -10px 0 8px -8px #00000026}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@aimerthyr/virtual-table",
+  "version": "1.0.0",
+  "description": "高性能虚拟滚动表格",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./virtual-table.css": "./dist/virtual-table.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE",
+    "CHANGELOG.md"
+  ],
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build",
+    "prepublishOnly": "pnpm build"
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "table",
+    "virtual-scroll",
+    "virtualization"
+  ],
+  "author": "aimerthyr",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/aimerthyr/virtual-table"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0"
+  },
+  "dependencies": {
+    "@floating-ui/vue": "^1.1.10",
+    "@tanstack/vue-table": "^8.21.3",
+    "@tanstack/vue-virtual": "^3.13.19"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue-jsx": "^5.1.4",
+    "less": "^4.5.1",
+    "rollup-plugin-visualizer": "^5.12.0",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}