e-virt-table 0.0.3
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/LICENSE +21 -0
- package/README.md +2 -0
- package/dist/index.cjs.js +14 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.es.js +5422 -0
- package/dist/index.es.js.map +1 -0
- package/dist/index.umd.js +14 -0
- package/dist/index.umd.js.map +1 -0
- package/dist/lib/Autofill.d.ts +20 -0
- package/dist/lib/Autofill.js +185 -0
- package/dist/lib/Autofill.js.map +1 -0
- package/dist/lib/BaseCell.d.ts +22 -0
- package/dist/lib/BaseCell.js +111 -0
- package/dist/lib/BaseCell.js.map +1 -0
- package/dist/lib/Body.d.ts +29 -0
- package/dist/lib/Body.js +382 -0
- package/dist/lib/Body.js.map +1 -0
- package/dist/lib/Cell.d.ts +101 -0
- package/dist/lib/Cell.js +943 -0
- package/dist/lib/Cell.js.map +1 -0
- package/dist/lib/CellHeader.d.ts +64 -0
- package/dist/lib/CellHeader.js +355 -0
- package/dist/lib/CellHeader.js.map +1 -0
- package/dist/lib/Config.d.ts +106 -0
- package/dist/lib/Config.js +617 -0
- package/dist/lib/Config.js.map +1 -0
- package/dist/lib/Context.d.ts +123 -0
- package/dist/lib/Context.js +419 -0
- package/dist/lib/Context.js.map +1 -0
- package/dist/lib/Database.d.ts +228 -0
- package/dist/lib/Database.js +931 -0
- package/dist/lib/Database.js.map +1 -0
- package/dist/lib/EVirtTable.d.ts +61 -0
- package/dist/lib/EVirtTable.js +321 -0
- package/dist/lib/EVirtTable.js.map +1 -0
- package/dist/lib/Editor.d.ts +16 -0
- package/dist/lib/Editor.js +251 -0
- package/dist/lib/Editor.js.map +1 -0
- package/dist/lib/Empty.d.ts +7 -0
- package/dist/lib/Empty.js +45 -0
- package/dist/lib/Empty.js.map +1 -0
- package/dist/lib/EventBrowser.d.ts +17 -0
- package/dist/lib/EventBrowser.js +79 -0
- package/dist/lib/EventBrowser.js.map +1 -0
- package/dist/lib/EventBus.d.ts +12 -0
- package/dist/lib/EventBus.js +58 -0
- package/dist/lib/EventBus.js.map +1 -0
- package/dist/lib/EventTable.d.ts +26 -0
- package/dist/lib/EventTable.js +358 -0
- package/dist/lib/EventTable.js.map +1 -0
- package/dist/lib/Footer.d.ts +17 -0
- package/dist/lib/Footer.js +138 -0
- package/dist/lib/Footer.js.map +1 -0
- package/dist/lib/Header.d.ts +37 -0
- package/dist/lib/Header.js +482 -0
- package/dist/lib/Header.js.map +1 -0
- package/dist/lib/History.d.ts +27 -0
- package/dist/lib/History.js +106 -0
- package/dist/lib/History.js.map +1 -0
- package/dist/lib/Icons.d.ts +15 -0
- package/dist/lib/Icons.js +145 -0
- package/dist/lib/Icons.js.map +1 -0
- package/dist/lib/Overlayer.d.ts +10 -0
- package/dist/lib/Overlayer.js +267 -0
- package/dist/lib/Overlayer.js.map +1 -0
- package/dist/lib/Paint.d.ts +65 -0
- package/dist/lib/Paint.js +223 -0
- package/dist/lib/Paint.js.map +1 -0
- package/dist/lib/Row.d.ts +22 -0
- package/dist/lib/Row.js +125 -0
- package/dist/lib/Row.js.map +1 -0
- package/dist/lib/Scroller.d.ts +20 -0
- package/dist/lib/Scroller.js +448 -0
- package/dist/lib/Scroller.js.map +1 -0
- package/dist/lib/Selector.d.ts +38 -0
- package/dist/lib/Selector.js +532 -0
- package/dist/lib/Selector.js.map +1 -0
- package/dist/lib/Tooltip.d.ts +13 -0
- package/dist/lib/Tooltip.js +204 -0
- package/dist/lib/Tooltip.js.map +1 -0
- package/dist/lib/index.d.ts +3 -0
- package/dist/lib/index.js +4 -0
- package/dist/lib/index.js.map +1 -0
- package/dist/lib/types.d.ts +160 -0
- package/dist/lib/types.js +2 -0
- package/dist/lib/types.js.map +1 -0
- package/dist/lib/util.d.ts +15 -0
- package/dist/lib/util.js +113 -0
- package/dist/lib/util.js.map +1 -0
- package/package.json +37 -0
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
export default class Icons {
|
|
2
|
+
constructor(ctx) {
|
|
3
|
+
Object.defineProperty(this, "ctx", {
|
|
4
|
+
enumerable: true,
|
|
5
|
+
configurable: true,
|
|
6
|
+
writable: true,
|
|
7
|
+
value: void 0
|
|
8
|
+
});
|
|
9
|
+
Object.defineProperty(this, "list", {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
configurable: true,
|
|
12
|
+
writable: true,
|
|
13
|
+
value: [
|
|
14
|
+
{
|
|
15
|
+
name: "loading",
|
|
16
|
+
configName: "LOADING_ICON_SVG",
|
|
17
|
+
configColorName: "LOADING_ICON_COLOR",
|
|
18
|
+
svg: '<svg t="1724133395728" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2893" width="32" height="32"><path d="M512 226.8476541a19.82487759 19.82487759 0 0 1 14.66497778 5.70304692c3.80203107 3.82918865 5.70304692 8.71751457 5.70304693 14.66497779v122.20814825a19.82487759 19.82487759 0 0 1-5.70304693 14.66497778 19.82487759 19.82487759 0 0 1-14.66497778 5.70304691 19.82487759 19.82487759 0 0 1-14.66497778-5.70304691 19.82487759 19.82487759 0 0 1-5.70304693-14.66497778v-122.20814825a19.82487759 19.82487759 0 0 1 5.70304693-14.66497779 19.82487759 19.82487759 0 0 1 14.66497778-5.70304692z m0 407.36049415a19.82487759 19.82487759 0 0 1 14.66497778 5.70304691c3.80203107 3.82918865 5.70304692 8.71751457 5.70304693 14.66497778v122.20814827a19.82487759 19.82487759 0 0 1-5.70304693 14.66497776 19.82487759 19.82487759 0 0 1-14.66497778 5.70304693 19.82487759 19.82487759 0 0 1-14.66497778-5.70304693 19.82487759 19.82487759 0 0 1-5.70304693-14.66497776v-122.20814827a19.82487759 19.82487759 0 0 1 5.70304693-14.66497778 19.82487759 19.82487759 0 0 1 14.66497778-5.70304691zM797.1523459 512a19.82487759 19.82487759 0 0 1-5.70304692 14.66497778 19.82487759 19.82487759 0 0 1-14.66497779 5.70304693h-122.20814825a19.82487759 19.82487759 0 0 1-14.66497778-5.70304693 19.82487759 19.82487759 0 0 1-5.70304691-14.66497778 19.82487759 19.82487759 0 0 1 5.70304691-14.66497778 19.82487759 19.82487759 0 0 1 14.66497778-5.70304693h122.20814825a19.82487759 19.82487759 0 0 1 14.66497779 5.70304693c3.80203107 3.82918865 5.70304692 8.71751457 5.70304692 14.66497778z m-407.36049415 0a19.82487759 19.82487759 0 0 1-5.70304691 14.66497778 19.82487759 19.82487759 0 0 1-14.66497778 5.70304693h-122.20814827a19.82487759 19.82487759 0 0 1-14.66497776-5.70304693 19.82487759 19.82487759 0 0 1-5.70304693-14.66497778 19.82487759 19.82487759 0 0 1 5.70304693-14.66497778 19.82487759 19.82487759 0 0 1 14.66497776-5.70304693h122.20814827a19.82487759 19.82487759 0 0 1 14.66497778 5.70304693c3.80203107 3.82918865 5.70304692 8.71751457 5.70304691 14.66497778zM310.22076878 310.22076878a21.29137537 21.29137537 0 0 1 14.66497779-5.70304693c5.51294514 0 10.18401235 1.90101585 14.01320099 5.70304693l86.55052591 86.57768347a20.91117183 20.91117183 0 0 1 5.73020449 14.31193182 19.28172983 19.28172983 0 0 1-6.05609289 14.013201 19.11878565 19.11878565 0 0 1-14.013201 6.05609289 20.96548698 20.96548698 0 0 1-14.31193182-5.70304692L310.22076878 338.87178998a19.06447114 19.06447114 0 0 1-5.70304693-14.01320099c0-5.54010272 1.90101585-10.42842865 5.70304693-14.66497778z m288.32975775 288.32975775a19.79772001 19.79772001 0 0 1 14.3390894-6.35482371c5.29568642 0 10.04822572 2.11827457 14.31193182 6.38198066l86.57768347 86.55052651c3.80203107 3.80203107 5.70304692 8.47309828 5.70304691 14.01320102a19.55330372 19.55330372 0 0 1-6.05609225 14.31193182 19.66193339 19.66193339 0 0 1-14.31193245 6.05609288 19.01015661 19.01015661 0 0 1-14.01320099-5.70304692l-86.55052591-86.57768347a19.79772001 19.79772001 0 0 1-6.38198129-14.31193245c0-5.29568642 2.11827457-10.07538268 6.38198129-14.33908939zM713.77923122 310.22076878c3.80203107 4.26370672 5.70304692 9.15203265 5.70304693 14.66497779s-1.90101585 10.18401235-5.70304693 14.01320099l-86.57768347 86.55052591a20.91117183 20.91117183 0 0 1-14.31193182 5.73020449 19.28172983 19.28172983 0 0 1-14.013201-6.05609289 19.11878565 19.11878565 0 0 1-6.05609289-14.013201c0-5.29568642 1.90101585-10.07538268 5.70304692-14.31193182l86.57768348-86.57768347c3.80203107-3.80203107 8.50025585-5.70304692 14.01320099-5.70304693 5.54010272 0 10.40127108 1.90101585 14.66497779 5.70304693zM425.44947347 598.57768347a19.79772001 19.79772001 0 0 1 6.35482371 14.33908939c0 5.29568642-2.11827457 10.04822572-6.38198066 14.31193245L338.89894756 713.77923122a19.06447114 19.06447114 0 0 1-14.01320099 5.70304693 19.55330372 19.55330372 0 0 1-14.31193245-6.05609227 19.68909035 19.68909035 0 0 1-6.05609227-14.31193245 19.01015661 19.01015661 0 0 1 5.70304693-14.01320099l86.57768347-86.55052591a19.79772001 19.79772001 0 0 1 14.31193182-6.38198129c5.29568642 0 10.07538268 2.11827457 14.3390894 6.38198129z" fill="#000000" fill-opacity=".65" p-id="2894"></path></svg>',
|
|
19
|
+
color: "#4E5969",
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
name: "expand",
|
|
23
|
+
configName: "EXPAND_ICON_SVG",
|
|
24
|
+
configColorName: "EXPAND_ICON_COLOR",
|
|
25
|
+
svg: '<svg t="1724122015492" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4237" width="32" height="32"><path d="M401.472 316.992l159.04 217.664L591.488 512l-30.976-22.656-159.04 217.728q-2.24 3.008-3.84 6.464-1.6 3.456-2.496 7.104-0.896 3.648-1.024 7.424-0.192 3.84 0.384 7.552 0.64 3.712 1.92 7.296 1.28 3.52 3.2 6.784 1.984 3.2 4.544 6.016 2.56 2.752 5.632 4.992 3.072 2.24 6.464 3.84 3.456 1.6 7.168 2.496 3.648 0.896 7.424 1.024 3.776 0.192 7.488-0.448 3.776-0.576 7.296-1.856 3.584-1.28 6.784-3.264 3.2-1.92 6.016-4.48 2.816-2.56 5.056-5.632l159.04-217.728q3.584-4.928 5.504-10.752 1.92-5.76 1.92-11.904 0-6.08-1.92-11.904-1.92-5.76-5.504-10.752L463.488 271.68q-2.24-3.072-5.056-5.632-2.752-2.56-6.016-4.48-3.2-1.984-6.784-3.328-3.52-1.28-7.296-1.856-3.712-0.576-7.488-0.448-3.84 0.192-7.424 1.088-3.712 0.896-7.168 2.496-3.392 1.6-6.4 3.84-3.136 2.176-5.696 4.992-2.56 2.752-4.48 6.016-1.984 3.2-3.264 6.784-1.28 3.52-1.92 7.296-0.576 3.712-0.384 7.488 0.128 3.84 1.024 7.488 0.896 3.648 2.496 7.04 1.6 3.456 3.84 6.528z m30.976-61.056q-3.776 0-7.488 0.704-3.712 0.768-7.168 2.24-3.52 1.408-6.656 3.52-3.2 2.112-5.824 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.52 6.656-1.472 3.52-2.176 7.232-0.768 3.712-0.768 7.488 0 3.776 0.768 7.488 0.704 3.712 2.176 7.232 1.408 3.456 3.52 6.592 2.112 3.2 4.8 5.824 2.688 2.688 5.76 4.8 3.2 2.112 6.72 3.52 3.456 1.472 7.168 2.176 3.712 0.768 7.488 0.768 3.84 0 7.488-0.768 3.712-0.704 7.232-2.176 3.456-1.408 6.592-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.112-3.2 3.52-6.656 1.472-3.52 2.24-7.232 0.704-3.712 0.704-7.488 0-3.84-0.704-7.488-0.768-3.712-2.24-7.232-1.408-3.456-3.52-6.592-2.112-3.2-4.8-5.824-2.624-2.688-5.76-4.8-3.2-2.112-6.656-3.52-3.52-1.472-7.232-2.24Q436.224 256 432.448 256z m0 435.392q-3.776 0-7.488 0.704-3.712 0.768-7.168 2.176-3.52 1.472-6.656 3.584-3.2 2.112-5.824 4.736-2.688 2.688-4.8 5.824-2.112 3.2-3.52 6.656-1.472 3.52-2.176 7.232-0.768 3.712-0.768 7.488 0 3.776 0.768 7.488 0.704 3.712 2.176 7.168 1.408 3.52 3.52 6.656 2.112 3.2 4.8 5.76 2.688 2.752 5.76 4.8 3.2 2.112 6.72 3.584 3.456 1.472 7.168 2.176 3.712 0.768 7.488 0.768 3.84 0 7.488-0.768 3.712-0.704 7.232-2.176 3.456-1.472 6.592-3.584 3.2-2.048 5.824-4.736 2.688-2.688 4.8-5.824 2.112-3.2 3.52-6.656 1.472-3.456 2.24-7.168 0.704-3.712 0.704-7.488 0-3.84-0.704-7.488-0.768-3.712-2.24-7.232-1.408-3.52-3.52-6.656-2.112-3.136-4.8-5.76-2.624-2.688-5.76-4.8-3.2-2.112-6.656-3.584-3.52-1.408-7.232-2.176-3.712-0.704-7.488-0.704z" p-id="4238"></path></svg>',
|
|
26
|
+
color: "#4E5969",
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
name: "shrink",
|
|
30
|
+
configName: "CHECKBOX_UNCHECK_SVG",
|
|
31
|
+
configColorName: "SHRINK_ICON_COLOR",
|
|
32
|
+
svg: '<svg t="1724122044148" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4551" width="32" height="32"><path d="M707.648 401.28L489.28 560.704l22.656 30.976 22.656-30.976L316.16 401.216q-3.072-2.24-6.464-3.84-3.456-1.536-7.104-2.432-3.712-0.896-7.488-1.088-3.776-0.128-7.488 0.448-3.776 0.64-7.296 1.92-3.584 1.28-6.784 3.2-3.2 1.984-6.016 4.544-2.816 2.56-5.056 5.632-2.176 3.072-3.84 6.464-1.536 3.456-2.432 7.104-0.896 3.712-1.088 7.488-0.128 3.776 0.448 7.488 0.64 3.776 1.92 7.296 1.28 3.584 3.2 6.784 1.984 3.2 4.544 6.016 2.56 2.752 5.632 4.992l218.368 159.552q4.928 3.584 10.752 5.504 5.76 1.92 11.904 1.92 6.08 0 11.904-1.92 5.76-1.92 10.752-5.504l218.368-159.552q3.008-2.24 5.568-4.992 2.56-2.816 4.544-6.016 1.92-3.2 3.264-6.784 1.28-3.52 1.92-7.296 0.576-3.712 0.384-7.488-0.128-3.84-1.024-7.488-0.896-3.648-2.496-7.04-1.6-3.456-3.84-6.528-2.24-3.072-4.992-5.632-2.816-2.56-6.016-4.48-3.2-1.984-6.784-3.328-3.584-1.28-7.296-1.856-3.712-0.64-7.488-0.448-3.84 0.192-7.488 1.088-3.648 0.896-7.04 2.496-3.456 1.536-6.528 3.84z m61.056 30.976q0-3.84-0.768-7.488-0.704-3.712-2.176-7.232-1.472-3.456-3.52-6.656-2.112-3.136-4.8-5.76-2.688-2.688-5.76-4.8-3.2-2.112-6.72-3.584-3.456-1.408-7.168-2.176-3.712-0.704-7.488-0.704-3.84 0-7.488 0.704-3.712 0.768-7.232 2.176-3.456 1.472-6.656 3.584-3.136 2.112-5.76 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.584 6.656-1.408 3.52-2.176 7.232-0.704 3.712-0.704 7.488 0 3.776 0.704 7.488 0.768 3.712 2.176 7.168 1.472 3.52 3.584 6.656 2.112 3.2 4.8 5.824 2.624 2.688 5.76 4.8 3.2 2.112 6.656 3.52 3.52 1.472 7.232 2.176 3.712 0.768 7.488 0.768 3.776 0 7.488-0.768 3.712-0.704 7.168-2.176 3.52-1.408 6.656-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.048-3.2 3.52-6.72 1.472-3.456 2.176-7.168 0.768-3.712 0.768-7.488z m-436.736 0q0-3.84-0.768-7.488-0.704-3.712-2.176-7.232-1.408-3.456-3.52-6.656-2.112-3.136-4.8-5.76-2.688-2.688-5.76-4.8-3.2-2.112-6.656-3.584-3.52-1.408-7.232-2.176-3.712-0.704-7.488-0.704-3.84 0-7.488 0.704-3.712 0.768-7.232 2.176-3.456 1.472-6.592 3.584-3.2 2.112-5.824 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.52 6.656-1.472 3.52-2.24 7.232-0.704 3.712-0.704 7.488 0 3.776 0.704 7.488 0.768 3.712 2.24 7.168 1.408 3.52 3.52 6.656 2.112 3.2 4.8 5.824 2.624 2.688 5.76 4.8 3.2 2.112 6.656 3.52 3.52 1.472 7.232 2.176 3.712 0.768 7.488 0.768 3.776 0 7.488-0.768 3.712-0.704 7.232-2.176 3.456-1.408 6.592-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.112-3.2 3.52-6.72 1.472-3.456 2.176-7.168 0.768-3.712 0.768-7.488z" p-id="4552"></path></svg>',
|
|
33
|
+
color: "#4E5969",
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
name: "checkbox-uncheck",
|
|
37
|
+
configName: "CHECKBOX_UNCHECK_SVG",
|
|
38
|
+
svg: '<svg t="1722595639920" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4708" width="32" height="32"><path d="M128 640V384a256 256 0 0 1 256-256h256a256 256 0 0 1 256 256v256a256 256 0 0 1-256 256H384a256 256 0 0 1-256-256z m64 0q0 79.552 56.256 135.744Q304.448 832 384 832h256q79.552 0 135.744-56.256Q832 719.552 832 640V384q0-79.552-56.256-135.744Q719.552 192 640 192H384q-79.552 0-135.744 56.256Q192 304.448 192 384v256z" fill="#DDE0EA" p-id="4709"></path></svg>',
|
|
39
|
+
color: "",
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
name: "checkbox-check",
|
|
43
|
+
configName: "CHECKBOX_CHECK_SVG",
|
|
44
|
+
configColorName: "CHECKBOX_COLOR",
|
|
45
|
+
svg: '<svg t="1722595535853" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4551" width="32" height="32"><path d="M640 128H384c-170.496 0-256 85.504-256 256v256c0 170.496 85.504 256 256 256h256c170.496 0 256-85.504 256-256V384c0-170.496-85.504-256-256-256z m67.584 302.592c-2.048 4.608-4.608 8.704-8.192 12.288L506.88 634.88c-3.584 3.584-7.68 6.144-12.288 8.192-4.608 2.048-9.728 3.072-14.848 3.072s-10.24-1.024-14.848-3.072c-4.608-2.048-8.704-4.608-12.288-8.192l-96.256-96.256c-3.584-3.584-6.144-7.68-8.192-12.288-2.048-4.608-3.072-9.728-3.072-14.848 0-2.56 0-5.12 1.024-7.68 0.512-2.56 1.024-5.12 2.048-7.168 1.024-2.56 2.048-4.608 3.584-6.656 1.536-2.048 3.072-4.096 4.608-5.632 1.536-2.048 3.584-3.584 5.632-4.608 2.048-1.536 4.096-2.56 6.656-3.584 2.56-1.024 4.608-1.536 7.168-2.048 2.56-0.512 5.12-0.512 7.68-0.512 5.12 0 10.24 1.024 14.848 3.072 4.608 2.048 8.704 4.608 12.288 8.192l69.12 68.608L645.12 389.12c3.584-3.584 7.68-6.144 12.288-8.192 4.608-2.048 9.728-3.072 14.848-3.072 2.56 0 5.12 0 7.68 0.512s5.12 1.024 7.168 2.048c2.56 1.024 4.608 2.048 6.656 3.584 2.048 1.536 4.096 3.072 5.632 4.608 1.536 1.536 3.584 3.584 4.608 5.632 1.536 2.048 2.56 4.096 3.584 6.656 1.024 2.56 1.536 4.608 2.048 7.168 0.512 2.56 1.024 5.12 1.024 7.68 0 5.12-1.024 10.24-3.072 14.848z" p-id="4552"></path></svg>',
|
|
46
|
+
color: "rgb(82,146,247)",
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
name: "checkbox-hover",
|
|
50
|
+
configName: "CHECKBOX_UNCHECK_SVG",
|
|
51
|
+
configColorName: "CHECKBOX_COLOR",
|
|
52
|
+
svg: '<svg t="1722595639920" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4708" width="32" height="32"><path d="M128 640V384a256 256 0 0 1 256-256h256a256 256 0 0 1 256 256v256a256 256 0 0 1-256 256H384a256 256 0 0 1-256-256z m64 0q0 79.552 56.256 135.744Q304.448 832 384 832h256q79.552 0 135.744-56.256Q832 719.552 832 640V384q0-79.552-56.256-135.744Q719.552 192 640 192H384q-79.552 0-135.744 56.256Q192 304.448 192 384v256z" fill="#DDE0EA" p-id="4709"></path></svg>',
|
|
53
|
+
color: "rgb(82,146,247)",
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
name: "checkbox-indeterminate",
|
|
57
|
+
configName: "CHECKBOX_INDETERMINATE_SVG",
|
|
58
|
+
configColorName: "CHECKBOX_COLOR",
|
|
59
|
+
svg: '<svg t="1722595280953" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4394" width="32" height="32"><path d="M128 384v256q0 12.608 1.28 25.088 1.216 12.544 3.648 24.832 2.432 12.352 6.08 24.384t8.448 23.68q4.864 11.584 10.752 22.72 5.952 11.072 12.928 21.504 7.04 10.496 14.976 20.224 8 9.728 16.896 18.56 8.896 8.96 18.56 16.896 9.728 8 20.224 14.976 10.432 7.04 21.504 12.928 11.136 5.888 22.72 10.688 11.648 4.864 23.68 8.512 12.032 3.648 24.32 6.08 12.352 2.432 24.896 3.712Q371.392 896 384 896h256q12.608 0 25.088-1.28 12.544-1.216 24.832-3.648 12.352-2.432 24.384-6.08t23.68-8.512q11.584-4.8 22.72-10.688 11.072-5.952 21.504-12.928 10.496-7.04 20.224-14.976 9.728-8 18.56-16.896 8.96-8.832 16.896-18.56 8-9.728 14.976-20.224 7.04-10.432 12.928-21.504 5.888-11.136 10.688-22.72 4.864-11.648 8.512-23.68 3.648-12.032 6.08-24.32 2.432-12.352 3.712-24.896Q896 652.608 896 640V384q0-12.608-1.28-25.088-1.216-12.544-3.648-24.832-2.432-12.352-6.08-24.384t-8.512-23.68q-4.8-11.584-10.688-22.72-5.952-11.072-12.928-21.504-7.04-10.496-14.976-20.224-8-9.664-16.896-18.56-8.832-8.96-18.56-16.896-9.728-8-20.224-14.976-10.432-7.04-21.504-12.928-11.136-5.888-22.72-10.752-11.648-4.8-23.68-8.448-12.032-3.648-24.32-6.08-12.352-2.432-24.896-3.712Q652.608 128 640 128H384q-12.608 0-25.088 1.28-12.544 1.216-24.832 3.648-12.352 2.432-24.384 6.08t-23.68 8.448q-11.584 4.864-22.72 10.752-11.072 5.952-21.504 12.928-10.496 7.04-20.224 14.976-9.664 8-18.56 16.896-8.96 8.896-16.896 18.56-8 9.728-14.976 20.224-7.04 10.432-12.928 21.504-5.888 11.136-10.752 22.72-4.8 11.648-8.448 23.68-3.648 12.032-6.08 24.32-2.432 12.352-3.712 24.896Q128 371.392 128 384z m566.016 166.336H330.112a38.4 38.4 0 0 1 0-76.8h363.904a38.4 38.4 0 0 1 0 76.8z" p-id="4395"></path></svg>',
|
|
60
|
+
color: "rgb(82,146,247)",
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
name: "checkbox-check-disabled",
|
|
64
|
+
configName: "CHECKBOX_CHECK_SVG",
|
|
65
|
+
svg: '<svg t="1722595535853" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4551" width="32" height="32"><path d="M640 128H384c-170.496 0-256 85.504-256 256v256c0 170.496 85.504 256 256 256h256c170.496 0 256-85.504 256-256V384c0-170.496-85.504-256-256-256z m67.584 302.592c-2.048 4.608-4.608 8.704-8.192 12.288L506.88 634.88c-3.584 3.584-7.68 6.144-12.288 8.192-4.608 2.048-9.728 3.072-14.848 3.072s-10.24-1.024-14.848-3.072c-4.608-2.048-8.704-4.608-12.288-8.192l-96.256-96.256c-3.584-3.584-6.144-7.68-8.192-12.288-2.048-4.608-3.072-9.728-3.072-14.848 0-2.56 0-5.12 1.024-7.68 0.512-2.56 1.024-5.12 2.048-7.168 1.024-2.56 2.048-4.608 3.584-6.656 1.536-2.048 3.072-4.096 4.608-5.632 1.536-2.048 3.584-3.584 5.632-4.608 2.048-1.536 4.096-2.56 6.656-3.584 2.56-1.024 4.608-1.536 7.168-2.048 2.56-0.512 5.12-0.512 7.68-0.512 5.12 0 10.24 1.024 14.848 3.072 4.608 2.048 8.704 4.608 12.288 8.192l69.12 68.608L645.12 389.12c3.584-3.584 7.68-6.144 12.288-8.192 4.608-2.048 9.728-3.072 14.848-3.072 2.56 0 5.12 0 7.68 0.512s5.12 1.024 7.168 2.048c2.56 1.024 4.608 2.048 6.656 3.584 2.048 1.536 4.096 3.072 5.632 4.608 1.536 1.536 3.584 3.584 4.608 5.632 1.536 2.048 2.56 4.096 3.584 6.656 1.024 2.56 1.536 4.608 2.048 7.168 0.512 2.56 1.024 5.12 1.024 7.68 0 5.12-1.024 10.24-3.072 14.848z" p-id="4552"></path></svg>',
|
|
66
|
+
color: "#DDE0EA",
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
name: "checkbox-disabled",
|
|
70
|
+
configName: "CHECKBOX_DISABLED_SVG",
|
|
71
|
+
svg: '<svg t="1722595946663" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4865" width="32" height="32"><path d="M128 640V384a256 256 0 0 1 256-256h256a256 256 0 0 1 256 256v256a256 256 0 0 1-256 256H384a256 256 0 0 1-256-256z" fill="#F1F2F4" p-id="4866"></path><path d="M128 640V384a256 256 0 0 1 256-256h256a256 256 0 0 1 256 256v256a256 256 0 0 1-256 256H384a256 256 0 0 1-256-256z m64 0q0 79.552 56.256 135.744Q304.448 832 384 832h256q79.552 0 135.744-56.256Q832 719.552 832 640V384q0-79.552-56.256-135.744Q719.552 192 640 192H384q-79.552 0-135.744 56.256Q192 304.448 192 384v256z" fill="#DDE0EA" p-id="4867"></path></svg>',
|
|
72
|
+
color: "",
|
|
73
|
+
},
|
|
74
|
+
]
|
|
75
|
+
});
|
|
76
|
+
Object.defineProperty(this, "icons", {
|
|
77
|
+
enumerable: true,
|
|
78
|
+
configurable: true,
|
|
79
|
+
writable: true,
|
|
80
|
+
value: new Map()
|
|
81
|
+
});
|
|
82
|
+
this.ctx = ctx;
|
|
83
|
+
this.init();
|
|
84
|
+
}
|
|
85
|
+
async init() {
|
|
86
|
+
const promises = [];
|
|
87
|
+
for (let i = 0; i < this.list.length; i++) {
|
|
88
|
+
const item = this.list[i];
|
|
89
|
+
let color = item.color;
|
|
90
|
+
if (item.configColorName) {
|
|
91
|
+
// 从配置中获取颜色
|
|
92
|
+
const configColor = this.ctx.config[item.configColorName];
|
|
93
|
+
if (configColor) {
|
|
94
|
+
color = configColor;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
// 将异步操作推入 promises 数组
|
|
98
|
+
const promise = this.createImageFromSVG(item.svg, color).then((icon) => {
|
|
99
|
+
this.icons.set(item.name, icon);
|
|
100
|
+
});
|
|
101
|
+
promises.push(promise);
|
|
102
|
+
}
|
|
103
|
+
// 额外的图标
|
|
104
|
+
for (let i = 0; i < this.ctx.config.ICONS.length; i++) {
|
|
105
|
+
const item = this.ctx.config.ICONS[i];
|
|
106
|
+
let color = item.color;
|
|
107
|
+
// 将异步操作推入 promises 数组
|
|
108
|
+
const promise = this.createImageFromSVG(item.svg, color).then((icon) => {
|
|
109
|
+
this.icons.set(item.name, icon);
|
|
110
|
+
});
|
|
111
|
+
promises.push(promise);
|
|
112
|
+
}
|
|
113
|
+
// 并行执行所有异步操作
|
|
114
|
+
await Promise.all(promises);
|
|
115
|
+
// 加载完成后触发绘制
|
|
116
|
+
this.ctx.emit("draw");
|
|
117
|
+
}
|
|
118
|
+
async createImageFromSVG(svgContent, fill) {
|
|
119
|
+
const parser = new DOMParser();
|
|
120
|
+
const svgDoc = parser.parseFromString(svgContent, "image/svg+xml");
|
|
121
|
+
const svg = svgDoc.documentElement;
|
|
122
|
+
if (fill) {
|
|
123
|
+
// 控制填充颜色
|
|
124
|
+
svg.querySelectorAll("*").forEach((element) => {
|
|
125
|
+
element.setAttribute("fill", fill);
|
|
126
|
+
});
|
|
127
|
+
}
|
|
128
|
+
const img = new Image();
|
|
129
|
+
const svgBlob = new Blob([new XMLSerializer().serializeToString(svg)], {
|
|
130
|
+
type: "image/svg+xml",
|
|
131
|
+
});
|
|
132
|
+
const url = URL.createObjectURL(svgBlob);
|
|
133
|
+
img.src = url;
|
|
134
|
+
return new Promise((resolve, reject) => {
|
|
135
|
+
img.onerror = () => reject(new Error("Failed to load image"));
|
|
136
|
+
img.onload = () => {
|
|
137
|
+
resolve(img);
|
|
138
|
+
};
|
|
139
|
+
});
|
|
140
|
+
}
|
|
141
|
+
get(name) {
|
|
142
|
+
return this.icons.get(name);
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
//# sourceMappingURL=Icons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../src/Icons.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,267 @@
|
|
|
1
|
+
export default class Overlayer {
|
|
2
|
+
constructor(ctx) {
|
|
3
|
+
Object.defineProperty(this, "ctx", {
|
|
4
|
+
enumerable: true,
|
|
5
|
+
configurable: true,
|
|
6
|
+
writable: true,
|
|
7
|
+
value: void 0
|
|
8
|
+
});
|
|
9
|
+
this.ctx = ctx;
|
|
10
|
+
}
|
|
11
|
+
draw() {
|
|
12
|
+
const overlayer = this.getContainer();
|
|
13
|
+
this.ctx.emit('overlayerChange', overlayer);
|
|
14
|
+
}
|
|
15
|
+
getContainer() {
|
|
16
|
+
const { target, config: { SCROLLER_TRACK_SIZE }, } = this.ctx;
|
|
17
|
+
const width = target.width - SCROLLER_TRACK_SIZE;
|
|
18
|
+
const height = target.height - SCROLLER_TRACK_SIZE;
|
|
19
|
+
const header = this.getHeader();
|
|
20
|
+
const body = this.getBody();
|
|
21
|
+
const footer = this.getFooter();
|
|
22
|
+
let views = [header, body, footer];
|
|
23
|
+
// 不是固定底部的时候,不用加入footer,因为footer是在body的下面的
|
|
24
|
+
const { FOOTER_FIXED } = this.ctx.config;
|
|
25
|
+
if (!FOOTER_FIXED) {
|
|
26
|
+
views = [header, body];
|
|
27
|
+
}
|
|
28
|
+
const container = {
|
|
29
|
+
style: {
|
|
30
|
+
position: 'absolute',
|
|
31
|
+
left: `${0}px`,
|
|
32
|
+
top: `${0}px`,
|
|
33
|
+
pointerEvents: 'none',
|
|
34
|
+
overflow: 'hidden',
|
|
35
|
+
width: `${width}px`,
|
|
36
|
+
height: `${height}px`,
|
|
37
|
+
},
|
|
38
|
+
views,
|
|
39
|
+
};
|
|
40
|
+
return container;
|
|
41
|
+
}
|
|
42
|
+
getHeader() {
|
|
43
|
+
const { fixedLeftWidth, fixedRightWidth: _fixedRightWidth, config: { SCROLLER_TRACK_SIZE, CSS_PREFIX }, } = this.ctx;
|
|
44
|
+
const { visibleWidth, visibleHeight, renderCellHeaders } = this.ctx.header;
|
|
45
|
+
let centerCells = [];
|
|
46
|
+
let leftCells = [];
|
|
47
|
+
let rightCells = [];
|
|
48
|
+
renderCellHeaders.forEach((cellHeader) => {
|
|
49
|
+
if (cellHeader.render) {
|
|
50
|
+
if (cellHeader.fixed === 'left') {
|
|
51
|
+
leftCells.push(cellHeader);
|
|
52
|
+
}
|
|
53
|
+
else if (cellHeader.fixed === 'right') {
|
|
54
|
+
rightCells.push(cellHeader);
|
|
55
|
+
}
|
|
56
|
+
else {
|
|
57
|
+
centerCells.push(cellHeader);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
// 减去滚动条的宽度
|
|
62
|
+
const fixedRightWidth = _fixedRightWidth - SCROLLER_TRACK_SIZE;
|
|
63
|
+
const left = {
|
|
64
|
+
key: 'left',
|
|
65
|
+
style: {
|
|
66
|
+
position: 'absolute',
|
|
67
|
+
top: `${0.5}px`,
|
|
68
|
+
left: `${0.5}px`,
|
|
69
|
+
overflow: 'hidden',
|
|
70
|
+
width: `${fixedLeftWidth}px`,
|
|
71
|
+
height: `${visibleHeight}px`,
|
|
72
|
+
},
|
|
73
|
+
cells: leftCells,
|
|
74
|
+
};
|
|
75
|
+
const center = {
|
|
76
|
+
key: 'center',
|
|
77
|
+
style: {
|
|
78
|
+
position: 'absolute',
|
|
79
|
+
top: `${0.5}px`,
|
|
80
|
+
left: `${fixedLeftWidth}px`,
|
|
81
|
+
overflow: 'hidden',
|
|
82
|
+
width: `${visibleWidth - fixedLeftWidth - fixedRightWidth}px`,
|
|
83
|
+
height: `${visibleHeight}px`,
|
|
84
|
+
},
|
|
85
|
+
cells: centerCells,
|
|
86
|
+
};
|
|
87
|
+
const right = {
|
|
88
|
+
key: 'right',
|
|
89
|
+
style: {
|
|
90
|
+
position: 'absolute',
|
|
91
|
+
top: `${0.5}px`,
|
|
92
|
+
right: `${0.5}px`,
|
|
93
|
+
overflow: 'hidden',
|
|
94
|
+
width: `${fixedRightWidth}px`,
|
|
95
|
+
height: `${visibleHeight}px`,
|
|
96
|
+
},
|
|
97
|
+
cells: rightCells,
|
|
98
|
+
};
|
|
99
|
+
const header = {
|
|
100
|
+
type: 'header',
|
|
101
|
+
class: `${CSS_PREFIX}-overlayer-header`,
|
|
102
|
+
style: {
|
|
103
|
+
position: 'relative',
|
|
104
|
+
overflow: 'hidden',
|
|
105
|
+
width: `${visibleWidth}px`,
|
|
106
|
+
height: `${visibleHeight}px`,
|
|
107
|
+
},
|
|
108
|
+
views: [left, center, right],
|
|
109
|
+
};
|
|
110
|
+
return header;
|
|
111
|
+
}
|
|
112
|
+
getBody() {
|
|
113
|
+
const centerCells = [];
|
|
114
|
+
const leftCells = [];
|
|
115
|
+
const rightCells = [];
|
|
116
|
+
let renderRows = this.ctx.body.renderRows;
|
|
117
|
+
// 合计如果不是固定在底部,就加入到渲染行中
|
|
118
|
+
if (!this.ctx.config.FOOTER_FIXED) {
|
|
119
|
+
renderRows = renderRows.concat(this.ctx.footer.renderRows);
|
|
120
|
+
}
|
|
121
|
+
renderRows.forEach((row) => {
|
|
122
|
+
row.cells.forEach((cell) => {
|
|
123
|
+
if (cell.cellType === 'footer') {
|
|
124
|
+
cell.render = cell.renderFooter;
|
|
125
|
+
}
|
|
126
|
+
if (cell.render) {
|
|
127
|
+
if (cell.fixed === 'left') {
|
|
128
|
+
leftCells.push(cell);
|
|
129
|
+
}
|
|
130
|
+
else if (cell.fixed === 'right') {
|
|
131
|
+
rightCells.push(cell);
|
|
132
|
+
}
|
|
133
|
+
else {
|
|
134
|
+
centerCells.push(cell);
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
});
|
|
138
|
+
});
|
|
139
|
+
const { fixedLeftWidth, fixedRightWidth: _fixedRightWidth, config: { SCROLLER_TRACK_SIZE, CSS_PREFIX }, } = this.ctx;
|
|
140
|
+
const { visibleWidth, visibleHeight } = this.ctx.body;
|
|
141
|
+
// 减去滚动条的宽度
|
|
142
|
+
const fixedRightWidth = _fixedRightWidth - SCROLLER_TRACK_SIZE;
|
|
143
|
+
const left = {
|
|
144
|
+
key: 'left',
|
|
145
|
+
style: {
|
|
146
|
+
position: 'absolute',
|
|
147
|
+
top: `${0.5}px`,
|
|
148
|
+
left: `${0.5}px`,
|
|
149
|
+
overflow: 'hidden',
|
|
150
|
+
width: `${fixedLeftWidth}px`,
|
|
151
|
+
height: `${visibleHeight}px`,
|
|
152
|
+
},
|
|
153
|
+
cells: leftCells,
|
|
154
|
+
};
|
|
155
|
+
const center = {
|
|
156
|
+
key: 'center',
|
|
157
|
+
style: {
|
|
158
|
+
position: 'absolute',
|
|
159
|
+
top: `${0.5}px`,
|
|
160
|
+
left: `${fixedLeftWidth + 0.5}px`,
|
|
161
|
+
overflow: 'hidden',
|
|
162
|
+
width: `${visibleWidth - fixedLeftWidth - fixedRightWidth}px`,
|
|
163
|
+
height: `${visibleHeight}px`,
|
|
164
|
+
},
|
|
165
|
+
cells: centerCells,
|
|
166
|
+
};
|
|
167
|
+
const right = {
|
|
168
|
+
key: 'right',
|
|
169
|
+
style: {
|
|
170
|
+
position: 'absolute',
|
|
171
|
+
top: `${0}px`,
|
|
172
|
+
right: `${0}px`,
|
|
173
|
+
overflow: 'hidden',
|
|
174
|
+
width: `${fixedRightWidth}px`,
|
|
175
|
+
height: `${visibleHeight}px`,
|
|
176
|
+
},
|
|
177
|
+
cells: rightCells,
|
|
178
|
+
};
|
|
179
|
+
const body = {
|
|
180
|
+
type: 'body',
|
|
181
|
+
class: `${CSS_PREFIX}-overlayer-body`,
|
|
182
|
+
style: {
|
|
183
|
+
position: 'relative',
|
|
184
|
+
overflow: 'hidden',
|
|
185
|
+
width: `${visibleWidth}px`,
|
|
186
|
+
height: `${visibleHeight}px`,
|
|
187
|
+
},
|
|
188
|
+
views: [left, center, right],
|
|
189
|
+
};
|
|
190
|
+
return body;
|
|
191
|
+
}
|
|
192
|
+
getFooter() {
|
|
193
|
+
const centerCells = [];
|
|
194
|
+
const leftCells = [];
|
|
195
|
+
const rightCells = [];
|
|
196
|
+
this.ctx.footer.renderRows.forEach((row) => {
|
|
197
|
+
row.cells.forEach((cell) => {
|
|
198
|
+
if (cell.cellType === 'footer' && cell.renderFooter) {
|
|
199
|
+
// 把转renderFooter成render统一出口
|
|
200
|
+
cell.render = cell.renderFooter;
|
|
201
|
+
if (cell.fixed === 'left') {
|
|
202
|
+
leftCells.push(cell);
|
|
203
|
+
}
|
|
204
|
+
else if (cell.fixed === 'right') {
|
|
205
|
+
rightCells.push(cell);
|
|
206
|
+
}
|
|
207
|
+
else {
|
|
208
|
+
centerCells.push(cell);
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
});
|
|
212
|
+
});
|
|
213
|
+
const { fixedLeftWidth, fixedRightWidth: _fixedRightWidth, config: { SCROLLER_TRACK_SIZE, CSS_PREFIX }, } = this.ctx;
|
|
214
|
+
const { visibleWidth, visibleHeight } = this.ctx.footer;
|
|
215
|
+
// 减去滚动条的宽度
|
|
216
|
+
const fixedRightWidth = _fixedRightWidth - SCROLLER_TRACK_SIZE;
|
|
217
|
+
const left = {
|
|
218
|
+
key: 'left',
|
|
219
|
+
style: {
|
|
220
|
+
position: 'absolute',
|
|
221
|
+
top: `${0.5}px`,
|
|
222
|
+
left: `${0.5}px`,
|
|
223
|
+
overflow: 'hidden',
|
|
224
|
+
width: `${fixedLeftWidth}px`,
|
|
225
|
+
height: `${visibleHeight}px`,
|
|
226
|
+
},
|
|
227
|
+
cells: leftCells,
|
|
228
|
+
};
|
|
229
|
+
const center = {
|
|
230
|
+
key: 'center',
|
|
231
|
+
style: {
|
|
232
|
+
position: 'absolute',
|
|
233
|
+
top: `${0.5}px`,
|
|
234
|
+
left: `${fixedLeftWidth + 0.5}px`,
|
|
235
|
+
overflow: 'hidden',
|
|
236
|
+
width: `${visibleWidth - fixedLeftWidth - fixedRightWidth}px`,
|
|
237
|
+
height: `${visibleHeight}px`,
|
|
238
|
+
},
|
|
239
|
+
cells: centerCells,
|
|
240
|
+
};
|
|
241
|
+
const right = {
|
|
242
|
+
key: 'right',
|
|
243
|
+
style: {
|
|
244
|
+
position: 'absolute',
|
|
245
|
+
top: `${0.5}px`,
|
|
246
|
+
right: `${0.5}px`,
|
|
247
|
+
overflow: 'hidden',
|
|
248
|
+
width: `${fixedRightWidth}px`,
|
|
249
|
+
height: `${visibleHeight}px`,
|
|
250
|
+
},
|
|
251
|
+
cells: rightCells,
|
|
252
|
+
};
|
|
253
|
+
const footer = {
|
|
254
|
+
type: 'footer',
|
|
255
|
+
class: `${CSS_PREFIX}-overlayer-footer`,
|
|
256
|
+
style: {
|
|
257
|
+
position: 'relative',
|
|
258
|
+
overflow: 'hidden',
|
|
259
|
+
width: `${visibleWidth}px`,
|
|
260
|
+
height: `${visibleHeight}px`,
|
|
261
|
+
},
|
|
262
|
+
views: [left, center, right],
|
|
263
|
+
};
|
|
264
|
+
return footer;
|
|
265
|
+
}
|
|
266
|
+
}
|
|
267
|
+
//# sourceMappingURL=Overlayer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Overlayer.js","sourceRoot":"","sources":["../../src/Overlayer.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { Align, VerticalAlign } from "./types";
|
|
2
|
+
export type LineOptions = {
|
|
3
|
+
lineCap?: CanvasLineCap;
|
|
4
|
+
lineDash?: number[];
|
|
5
|
+
lineJoin?: CanvasLineJoin;
|
|
6
|
+
borderWidth?: number;
|
|
7
|
+
borderColor?: string | CanvasGradient | CanvasPattern;
|
|
8
|
+
fillColor?: string | CanvasGradient | CanvasPattern;
|
|
9
|
+
};
|
|
10
|
+
export type ShodowOptions = {
|
|
11
|
+
side: "left" | "right" | "top" | "bottom";
|
|
12
|
+
shadowWidth: number;
|
|
13
|
+
colorStart: string;
|
|
14
|
+
colorEnd: string;
|
|
15
|
+
fillColor?: string | CanvasGradient | CanvasPattern;
|
|
16
|
+
};
|
|
17
|
+
export type RectOptions = {
|
|
18
|
+
borderWidth?: number;
|
|
19
|
+
borderColor?: string;
|
|
20
|
+
fillColor?: string;
|
|
21
|
+
radius?: number | [number, number, number, number];
|
|
22
|
+
};
|
|
23
|
+
export type DrawTextOptions = {
|
|
24
|
+
font?: string;
|
|
25
|
+
color?: string;
|
|
26
|
+
align?: Align;
|
|
27
|
+
padding?: number;
|
|
28
|
+
verticalAlign?: VerticalAlign;
|
|
29
|
+
};
|
|
30
|
+
export declare class Paint {
|
|
31
|
+
private ctx;
|
|
32
|
+
constructor(target: HTMLCanvasElement);
|
|
33
|
+
save(): void;
|
|
34
|
+
restore(): void;
|
|
35
|
+
translate(x: number, y: number): void;
|
|
36
|
+
setCursor(cursor?: string): void;
|
|
37
|
+
clear(x?: number, y?: number, width?: number, height?: number): void;
|
|
38
|
+
/**
|
|
39
|
+
* 在 Canvas 上绘制单侧阴影
|
|
40
|
+
* @param {number} x - 矩形的 x 坐标
|
|
41
|
+
* @param {number} y - 矩形的 y 坐标
|
|
42
|
+
* @param {number} width - 矩形的宽度
|
|
43
|
+
* @param {number} height - 矩形的高度
|
|
44
|
+
* @param {string} side - 阴影的位置('left', 'right', 'top', 'bottom')
|
|
45
|
+
* @param {number} shadowWidth - 阴影的宽度
|
|
46
|
+
* @param {string} color - 阴影的颜色
|
|
47
|
+
*/
|
|
48
|
+
drawShadow(x: number, y: number, width: number, height: number, options: ShodowOptions): void;
|
|
49
|
+
drawLine(points: number[], options: LineOptions): void;
|
|
50
|
+
drawImage(img: CanvasImageSource, x: number, y: number, width: number, height: number): void;
|
|
51
|
+
drawRect(x: number, y: number, width: number, height: number, { borderWidth, borderColor, fillColor, radius }?: RectOptions): void;
|
|
52
|
+
/**
|
|
53
|
+
* 画文本
|
|
54
|
+
* @param text
|
|
55
|
+
* @param x
|
|
56
|
+
* @param y
|
|
57
|
+
* @param width
|
|
58
|
+
* @param height
|
|
59
|
+
* @param options
|
|
60
|
+
* @returns 是否溢出
|
|
61
|
+
*/
|
|
62
|
+
drawText(text: string | undefined, x: number, y: number, width: number, height: number, options?: DrawTextOptions): boolean;
|
|
63
|
+
private handleEllipsis;
|
|
64
|
+
}
|
|
65
|
+
export default Paint;
|