@visactor/vtable-sheet 1.22.8 → 1.22.9-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/formula/cross-sheet-formula-manager.js +2 -1
- package/cjs/formula/formula-engine.js +1 -2
- package/cjs/index.d.ts +1 -1
- package/cjs/index.js +1 -1
- package/cjs/index.js.map +1 -1
- package/cjs/styles/formula-bar.js +2 -1
- package/cjs/styles/sheet-tab.js +1 -2
- package/dist/vtable-sheet.js +9 -9
- package/dist/vtable-sheet.min.js +1 -1
- package/es/formula/cross-sheet-formula-manager.js +2 -1
- package/es/formula/formula-engine.js +1 -2
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/index.js.map +1 -1
- package/es/styles/formula-bar.js +2 -1
- package/es/styles/sheet-tab.js +1 -2
- package/package.json +7 -7
package/es/index.d.ts
CHANGED
|
@@ -2,5 +2,5 @@ import VTableSheet from './components/vtable-sheet';
|
|
|
2
2
|
import type { ISheetDefine, IVTableSheetOptions } from './ts-types';
|
|
3
3
|
import * as TYPES from './ts-types';
|
|
4
4
|
import * as VTable from './vtable';
|
|
5
|
-
export declare const version = "1.22.
|
|
5
|
+
export declare const version = "1.22.9-alpha.0";
|
|
6
6
|
export { VTableSheet, TYPES, VTable, ISheetDefine, IVTableSheetOptions };
|
package/es/index.js
CHANGED
package/es/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,2BAA2B,CAAC;AAEpD,OAAO,KAAK,KAAK,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,MAAM,CAAC,MAAM,OAAO,GAAG,
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,2BAA2B,CAAC;AAEpD,OAAO,KAAK,KAAK,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC;AAExC,YAAY,EAAE,CAAC;AAIf,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAqC,CAAC","file":"index.js","sourcesContent":["import VTableSheet from './components/vtable-sheet';\nimport type { ISheetDefine, IVTableSheetOptions } from './ts-types';\nimport * as TYPES from './ts-types';\nimport * as VTable from './vtable';\nimport { importStyles } from './styles/style-manager';\nexport const version = \"1.22.9-alpha.0\";\n// 导入样式\nimportStyles();\n/**\n * @namespace VTableSheet\n */\nexport { VTableSheet, TYPES, VTable, ISheetDefine, IVTableSheetOptions };\n"]}
|
package/es/styles/formula-bar.js
CHANGED
|
@@ -5,4 +5,5 @@ export function importStyle() {
|
|
|
5
5
|
const styleElement = document.createElement("style");
|
|
6
6
|
styleElement.id = "vtable-sheet-formula-bar-styleSheet", styleElement.textContent = "\n /* 公式栏样式 */\n.vtable-sheet-formula-bar {\n height: 30px;\n padding: 0;\n border-bottom: 1px solid #e0e0e0;\n display: flex;\n align-items: center;\n background-color: #fff;\n position: relative;\n z-index: 10;\n box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n flex-grow: 1; /* 占据剩余宽度 */\n height: 100%; /* 确保高度填满父容器 */\n \n}\n\n/* 单元格地址显示 */\n.vtable-sheet-cell-address {\n width: 60px;\n padding: 0 10px;\n display: flex;\n align-items: center;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n color: #333;\n height: 100%;\n border: 1px solid #e0e0e0;\n font-size: 13px;\n}\n\n/* fx图标 */\n.vtable-sheet-formula-icon {\n font-weight: normal;\n font-style: italic;\n margin: 0 8px;\n font-size: 14px;\n color: #666;\n font-family: 'Roboto Mono', monospace;\n width: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n/* 公式输入框 */\n.vtable-sheet-formula-input {\n flex: 1;\n padding: 0 8px;\n border: none;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n outline: none;\n font-size: 13px;\n height: 100%;\n color: #333;\n background-color: transparent;\n}\n\n.vtable-sheet-formula-input:focus {\n outline: none;\n}\n\n/* 公式操作按钮容器 */\n.vtable-sheet-formula-actions {\n flex: 0;\n display: flex;\n align-items: right;\n height: 100%;\n width: 100px;\n padding: 0 4px;\n border-left: 1px solid #e0e0e0;\n}\n\n/* 公式操作按钮 */\n.vtable-sheet-formula-button {\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 12px;\n color: #666;\n margin: 0 2px;\n padding: 0;\n border-radius: 2px;\n transition: all 0.2s;\n}\n\n/* 取消按钮 */\n.vtable-sheet-formula-cancel:hover {\n color: #d93025;\n background-color: #f8f8f8;\n}\n\n/* 确认按钮 */\n.vtable-sheet-formula-confirm:hover {\n color: #1e8e3e;\n background-color: #f8f8f8;\n}\n\n/* 其他按钮样式 - 当有更多功能时使用 */\n.vtable-sheet-formula-more {\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 16px;\n color: #666;\n margin: 0 2px;\n padding: 0;\n}\n\n.vtable-sheet-formula-more:hover {\n color: #1a73e8;\n}\n\n/* 取消之前不需要的工具栏样式 */\n.vtable-sheet-toolbar,\n.vtable-sheet-toolbar-group {\n display: none;\n} \n",
|
|
7
7
|
document.head.appendChild(styleElement);
|
|
8
|
-
}
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=formula-bar.js.map
|
package/es/styles/sheet-tab.js
CHANGED
|
@@ -5,5 +5,4 @@ export function importStyle() {
|
|
|
5
5
|
const styleElement = document.createElement("style");
|
|
6
6
|
styleElement.id = "vtable-sheet-sheet-tab-styleSheet", styleElement.textContent = "\n/* Sheet标签栏样式 */\n.vtable-sheet-tab-bar {\n height: 32px;\n padding: 0;\n border-top: 1px solid #e0e0e0;\n display: flex;\n align-items: center;\n background-color: #f8f8f8;\n position: relative;\n box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.05);\n z-index: 10;\n width: 100%;\n}\n/* sheet列表样式 */\n.vtable-sheet-menu-list {\n position: absolute;\n right: 0;\n top: -175px;\n height: 174px;\n min-width: 140px;\n background-color: #f8f8f8;\n border: 1px solid #e0e0e0;\n box-sizing: content-box;\n border-radius: 4px;\n display: none;\n margin: 0;\n padding: 0 2px 0 2px;\n box-sizing: border-box;\n list-style: none;\n overflow-y: auto;\n}\n.vtable-sheet-menu-list::-webkit-scrollbar {\n width: 4px;\n margin: 0;\n}\n.vtable-sheet-menu-list::-webkit-scrollbar-thumb {\n background-color: #e0e0e0;\n border-radius: 3px;\n}\n.vtable-sheet-menu-list::-webkit-scrollbar-track {\n background-color: transparent;\n}\n\n.vtable-sheet-menu-list.active {\n display: block;\n}\n/* sheet列表项样式 */\n.vtable-sheet-menu-item {\n display: flex;\n align-items: center;\n /* justify-content: space-between; */\n cursor: pointer;\n text-align: center;\n border-radius: 4px;\n height: 32px;\n line-height: 32px;\n margin: 2px 0;\n padding: 0 8px;\n background-color: #f8f8f840;\n max-width: 150px;\n overflow-x: hidden;\n text-overflow: ellipsis;\n box-sizing: border-box;\n}\n\n.vtable-sheet-menu-item:hover {\n background-color: #e0e0e0;\n}\n.vtable-sheet-menu-item.active {\n color: #1a73e8;\n}\n\n.vtable-sheet-menu-item-title {\n flex: 40px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* Sheet标签容器 */\n.vtable-sheet-tabs-container {\n display: flex;\n flex: 1;\n flex-wrap: nowrap;\n /* 超出容器宽度时显示横向滚动条 */\n overflow-x: auto;\n overflow-y: visible; /* 允许Y方向溢出,确保三角标志显示 */\n height: 100%;\n /* 隐藏滚动条样式(可选,如需自定义滚动条可保留原生或用伪元素美化) */\n scrollbar-width: none;\n -ms-overflow-style: none;\n}\n\n/* 隐藏滚动条但保留功能 */\n.vtable-sheet-tabs-container::-webkit-scrollbar {\n display: none;\n}\n\n/* 单个sheet标签 */\n.vtable-sheet-tab {\n width: auto;\n /* 禁止标签压缩,保持内容撑开的宽度 */\n flex-shrink: 0;\n padding: 4px 12px;\n line-height: 24px;\n text-align: center;\n cursor: grab;\n border-right: 1px solid #e0e0e0;\n white-space: nowrap;\n color: #333;\n transition: background 0.1s;\n user-select: none;\n}\n\n.vtable-sheet-tab:hover {\n background-color: #f5f5f5;\n}\n\n.vtable-sheet-tab.active {\n color: #1a73e8;\n background-color: #fff;\n border-top: 2px solid #1a73e8;\n z-index: 2;\n}\n/* 编辑状态样式 */\n.vtable-sheet-tab[contenteditable='true'] {\n outline: inherit !important; /* 移除聚焦时的轮廓线 */\n border-right: 1px solid #e0e0e0;\n cursor: text;\n color: #333;\n}\n.vtable-sheet-tab[contenteditable='true']::selection {\n background-color: #2563eb33; /* 浅蓝色半透明背景(示例) */\n}\n\n/* 兼容 Firefox */\n.vtable-sheet-tab[contenteditable='true']::-moz-selection {\n background-color: #2563eb33;\n}\n\n/* 拖拽中的tab样式 */\n.vtable-sheet-tab.dragging {\n opacity: 0.7;\n transform: scale(1.02);\n background-color: #f0f5ff;\n cursor: grabbing !important;\n z-index: 100;\n position: relative;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n\n/* 拖拽预览样式 */\n.vtable-sheet-drag-preview {\n position: fixed;\n z-index: 10000;\n padding: 4px 12px;\n background: rgba(255, 255, 255, 0.95);\n border: 1px solid #1890ff;\n border-radius: 4px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n opacity: 0.9;\n pointer-events: none;\n white-space: nowrap;\n font-size: 12px;\n line-height: 20px;\n color: #333;\n user-select: none;\n max-width: 200px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n/* 插入位置指示器 */\n.vtable-sheet-insert-indicator {\n position: absolute;\n top: -4px;\n left: -5px;\n width: 0;\n height: 0;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 6px solid black;\n z-index: inherit;\n}\n\n/* 添加sheet按钮 */\n.vtable-sheet-add-button {\n margin: 0 8px;\n padding: 0;\n background: #f8f8f8;\n border: none;\n cursor: pointer;\n font-size: 18px;\n transition: all 0.2s;\n height: 24px;\n width: 24px;\n color: #666;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.vtable-sheet-add-button:hover {\n color: #1a73e8;\n background-color: #e8f0fe;\n}\n\n/* Sheet导航按钮容器 */\n.vtable-sheet-nav-buttons {\n display: flex;\n height: 100%;\n align-items: center;\n padding: 0 4px;\n background-color: #f8f8f8;\n flex-shrink: 0;\n}\n\n/* Sheet滚动控制按钮 */\n.vtable-sheet-scroll-button {\n width: 24px;\n height: 24px;\n background: none;\n border: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #666;\n font-size: 12px;\n margin: 0 2px;\n padding: 0;\n border-radius: 50%;\n}\n\n.vtable-sheet-scroll-button:hover {\n color: #1a73e8;\n background-color: #e8f0fe;\n}\n\n/* 渐变阴影,提示可以滚动 */\n.vtable-sheet-fade-left,\n.vtable-sheet-fade-right {\n position: absolute;\n top: 0;\n height: 100%;\n width: 20px;\n pointer-events: none;\n z-index: 3;\n}\n\n.vtable-sheet-fade-left {\n left: 0;\n background: linear-gradient(to right, rgba(248, 248, 248, 1), rgba(248, 248, 248, 0));\n}\n\n.vtable-sheet-fade-right {\n right: 0;\n background: linear-gradient(to left, rgba(248, 248, 248, 1), rgba(248, 248, 248, 0));\n}\n\n/* Sheet菜单按钮 */\n.vtable-sheet-menu-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n margin: 0 4px;\n color: #666;\n background: none;\n border: none;\n cursor: pointer;\n border-radius: 50%;\n font-size: 16px;\n flex-shrink: 0;\n}\n\n.vtable-sheet-menu-button:hover {\n color: #1a73e8;\n background-color: #e8f0fe;\n}\n\n/* 底部功能区 */\n.vtable-sheet-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 8px;\n height: var(--toolbar-height);\n border-top: 1px solid var(--border-color);\n background-color: var(--light-gray);\n}\n\n/* 底部左侧按钮组 */\n.vtable-sheet-footer-left {\n display: flex;\n align-items: center;\n}\n\n/* 底部右侧按钮组 */\n.vtable-sheet-footer-right {\n display: flex;\n align-items: center;\n}\n\n/* 删除工作表按钮 */\n.vtable-sheet-menu-delete-button {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 24px;\n height: 24px;\n line-height: 24px;\n color: #666;\n cursor: pointer;\n border: none;\n border-radius: 4px;\n user-select: none;\n}\n.vtable-sheet-menu-delete-button:hover {\n color: #000000;\n background-color: #eaeaea;\n}\n",
|
|
7
7
|
document.head.appendChild(styleElement);
|
|
8
|
-
}
|
|
9
|
-
//# sourceMappingURL=sheet-tab.js.map
|
|
8
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@visactor/vtable-sheet",
|
|
3
|
-
"version": "1.22.
|
|
3
|
+
"version": "1.22.9-alpha.0",
|
|
4
4
|
"description": "Lightweight editable spreadsheet component based on VTable",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"vtable-sheet",
|
|
@@ -38,13 +38,13 @@
|
|
|
38
38
|
}
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
+
"@visactor/vtable": "1.22.9-alpha.0",
|
|
42
|
+
"@visactor/vtable-editors": "1.22.9-alpha.0",
|
|
43
|
+
"@visactor/vtable-plugins": "1.22.9-alpha.0",
|
|
41
44
|
"@visactor/vutils": "~0.19.1",
|
|
42
45
|
"@visactor/vscale": "~0.18.1",
|
|
43
46
|
"@visactor/vdataset": "~0.18.1",
|
|
44
|
-
"cssfontparser": "^1.2.1"
|
|
45
|
-
"@visactor/vtable": "1.22.8",
|
|
46
|
-
"@visactor/vtable-editors": "1.22.8",
|
|
47
|
-
"@visactor/vtable-plugins": "1.22.8"
|
|
47
|
+
"cssfontparser": "^1.2.1"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
50
|
"luxon": "*",
|
|
@@ -87,8 +87,8 @@
|
|
|
87
87
|
"form-data": "~4.0.0",
|
|
88
88
|
"axios": "^1.4.0",
|
|
89
89
|
"@internal/bundler": "0.0.1",
|
|
90
|
-
"@internal/
|
|
91
|
-
"@internal/
|
|
90
|
+
"@internal/ts-config": "0.0.1",
|
|
91
|
+
"@internal/eslint-config": "0.0.1"
|
|
92
92
|
},
|
|
93
93
|
"unpkg": "latest",
|
|
94
94
|
"unpkgFiles": [
|