ranui 0.1.8 → 0.1.10-alpha-24

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.
Files changed (201) hide show
  1. package/README.zh-CN.md +192 -0
  2. package/dist/assets/image/failImage.d.ts +2 -0
  3. package/dist/button.js +7 -0
  4. package/dist/checkbox.js +7 -0
  5. package/dist/colorpicker.js +11 -0
  6. package/dist/components/button/index.d.ts +37 -1
  7. package/dist/components/checkbox/index.d.ts +30 -0
  8. package/dist/components/colorpicker/index.d.ts +120 -0
  9. package/dist/components/dropdown/index.d.ts +34 -0
  10. package/dist/components/input/index.d.ts +209 -1
  11. package/dist/components/loading/index.d.ts +76 -0
  12. package/dist/components/math/index.d.ts +16 -0
  13. package/dist/components/message/index.d.ts +10 -7
  14. package/dist/components/player/index.d.ts +218 -492
  15. package/dist/components/popover/content/index.d.ts +16 -0
  16. package/dist/components/popover/index.d.ts +91 -0
  17. package/dist/components/preview/constant.d.ts +5 -0
  18. package/dist/components/preview/index.d.ts +1 -4
  19. package/dist/components/preview/pdf.d.ts +51 -1
  20. package/dist/components/preview/types.d.ts +11 -0
  21. package/dist/components/progress/index.d.ts +12 -7
  22. package/dist/components/radar/index.d.ts +1 -1
  23. package/dist/components/scratch/index.d.ts +21 -0
  24. package/dist/components/select/dropdown-item/index.d.ts +23 -0
  25. package/dist/components/select/index.d.ts +25 -12
  26. package/dist/components/select/option/index.d.ts +2 -0
  27. package/dist/components/tab/index.d.ts +80 -59
  28. package/dist/components/tabpane/index.d.ts +73 -52
  29. package/dist/icon.js +6 -0
  30. package/dist/iconShadowless.js +6 -0
  31. package/dist/image.js +4 -0
  32. package/dist/{index-aea75a9f.js → index-BEm1a2pr.js} +3 -6
  33. package/dist/{index-b2be6bef.js → index-BSyn-jmY.js} +5492 -3716
  34. package/dist/index-BVD0qcjJ.js +656 -0
  35. package/dist/{index-b90299ca.js → index-Bb55l8nf.js} +2 -11
  36. package/dist/{index-48653b79.js → index-BbW0dxzy.js} +12 -16
  37. package/dist/index-BgUpm4LA.js +103 -0
  38. package/dist/{index-a1a53af6.js → index-C841uRgZ.js} +16 -51
  39. package/dist/{index-a43b144f.js → index-CUZna268.js} +41 -69
  40. package/dist/index-CiA5qRK3.js +381 -0
  41. package/dist/index-CoJMn8Jm.js +511 -0
  42. package/dist/{index-5975bbc0.js → index-DAxs7Dd2.js} +6 -13
  43. package/dist/index-D_cD4u43.js +70 -0
  44. package/dist/index-DgVgxN1s.js +309 -0
  45. package/dist/index-DghvN1MU.js +710 -0
  46. package/dist/index-DvSe_Ms7.js +494 -0
  47. package/dist/{index-7f513a14.js → index-W52VzrXL.js} +20 -49
  48. package/dist/index-gBy2cXLV.js +140 -0
  49. package/dist/index-hdtEL8P_.js +101 -0
  50. package/dist/index-jVKJoKXA.js +490 -0
  51. package/dist/index-ltt3w4zP.js +187 -0
  52. package/dist/index-n4X6wdwJ.js +156 -0
  53. package/dist/{index-0e7229ea.js → index-s0ioL3L2.js} +23 -43
  54. package/dist/index.d.ts +276 -14
  55. package/dist/index.js +24 -24
  56. package/dist/input.js +7 -0
  57. package/dist/inputShadowless.js +6 -0
  58. package/dist/katex-es-CGqSCDjs.js +14634 -0
  59. package/dist/loading-scene-BMc2wqKm.js +4 -0
  60. package/dist/loading.js +8 -0
  61. package/dist/math.js +7 -0
  62. package/dist/message.js +6 -0
  63. package/dist/modal.js +4 -0
  64. package/dist/more-2vsTDpcc.js +31 -0
  65. package/dist/pdf-Bis_tkvj.js +134 -0
  66. package/dist/player.js +8 -0
  67. package/dist/plus-DgJxWGlo.js +56799 -0
  68. package/dist/popover.js +9 -0
  69. package/dist/preview.js +7 -0
  70. package/dist/progress.js +7 -0
  71. package/dist/radar.js +6 -0
  72. package/dist/ranui.css +1 -0
  73. package/dist/search-BWdfjyP8.js +4 -0
  74. package/dist/select.js +10 -0
  75. package/dist/{index-f6d6982d.js → selectShadowless.js} +203 -159
  76. package/dist/{umd/components/form → shadowless/icon}/index.d.ts +1 -0
  77. package/dist/shadowless/input/index.d.ts +210 -0
  78. package/dist/{umd/components → shadowless}/select/index.d.ts +22 -15
  79. package/dist/shadowless/select/option/index.d.ts +2 -0
  80. package/dist/shadowless.d.ts +3 -0
  81. package/dist/shadowless.js +8 -0
  82. package/dist/skeleton.js +4 -0
  83. package/dist/sort-DWqiUONr.js +4 -0
  84. package/dist/sprite-CH2zLtZy.js +141 -0
  85. package/dist/tab.js +6 -0
  86. package/dist/tabpane.js +4 -0
  87. package/dist/tsconfig.json +31 -0
  88. package/dist/typings.d.ts +257 -0
  89. package/dist/umd/index.css +1 -0
  90. package/dist/umd/index.umd.cjs +1 -71
  91. package/dist/umd/shadowless/shadowless.css +1 -0
  92. package/dist/umd/shadowless/shadowless.umd.cjs +1 -0
  93. package/dist/utils/color.d.ts +52 -0
  94. package/dist/utils/image.d.ts +8 -1
  95. package/dist/utils/index.d.ts +20 -5
  96. package/dist/utils/math.d.ts +3 -3
  97. package/dist/vite.config.d.ts +1 -0
  98. package/dist/without-content-CdJw7vHM.js +4 -0
  99. package/package.json +115 -67
  100. package/readme.md +41 -57
  101. package/typings.d.ts +257 -0
  102. package/dist/colz-746223ab.js +0 -241
  103. package/dist/components/button/index.js +0 -7
  104. package/dist/components/icon/index.js +0 -6
  105. package/dist/components/image/index.js +0 -4
  106. package/dist/components/input/index.js +0 -5
  107. package/dist/components/message/index.js +0 -4
  108. package/dist/components/modal/index.js +0 -4
  109. package/dist/components/option/index.d.ts +0 -2
  110. package/dist/components/option/index.js +0 -95
  111. package/dist/components/player/index.js +0 -11
  112. package/dist/components/preview/colz.d.ts +0 -72
  113. package/dist/components/preview/docx.d.ts +0 -8
  114. package/dist/components/preview/excel/excel.d.ts +0 -2
  115. package/dist/components/preview/excel/index.d.ts +0 -1
  116. package/dist/components/preview/excel/media.d.ts +0 -37
  117. package/dist/components/preview/index.js +0 -8
  118. package/dist/components/preview/pptx/index.d.ts +0 -16
  119. package/dist/components/preview/pptx/process_pptx.d.ts +0 -23
  120. package/dist/components/preview/pptx/t_xml.d.ts +0 -1
  121. package/dist/components/preview/pptx/worker.d.ts +0 -1
  122. package/dist/components/progress/index.js +0 -8
  123. package/dist/components/radar/index.js +0 -7
  124. package/dist/components/select/index.js +0 -11
  125. package/dist/components/skeleton/index.js +0 -4
  126. package/dist/components/tab/index.js +0 -7
  127. package/dist/components/tabpane/index.js +0 -4
  128. package/dist/docx-c5d02d8c.js +0 -21
  129. package/dist/index-183517e7.js +0 -265
  130. package/dist/index-4d873a42.js +0 -195
  131. package/dist/index-57492b9b.js +0 -48
  132. package/dist/index-7b8840f9.js +0 -18690
  133. package/dist/index-a216f328.js +0 -662
  134. package/dist/index-d2d69b06.js +0 -225
  135. package/dist/index-ecaed5cc.js +0 -439
  136. package/dist/pdf-bdb7818a.js +0 -113
  137. package/dist/style.css +0 -1
  138. package/dist/umd/build/config.d.ts +0 -3
  139. package/dist/umd/build/config.umd.d.ts +0 -2
  140. package/dist/umd/components/button/index.d.ts +0 -2
  141. package/dist/umd/components/icon/index.d.ts +0 -2
  142. package/dist/umd/components/image/index.d.ts +0 -2
  143. package/dist/umd/components/input/index.d.ts +0 -2
  144. package/dist/umd/components/message/index.d.ts +0 -14
  145. package/dist/umd/components/modal/index.d.ts +0 -2
  146. package/dist/umd/components/option/index.d.ts +0 -2
  147. package/dist/umd/components/player/index.d.ts +0 -524
  148. package/dist/umd/components/preview/colz.d.ts +0 -72
  149. package/dist/umd/components/preview/docx.d.ts +0 -8
  150. package/dist/umd/components/preview/excel/excel.d.ts +0 -2
  151. package/dist/umd/components/preview/excel/index.d.ts +0 -1
  152. package/dist/umd/components/preview/excel/media.d.ts +0 -37
  153. package/dist/umd/components/preview/index.d.ts +0 -6
  154. package/dist/umd/components/preview/pdf.d.ts +0 -1
  155. package/dist/umd/components/preview/pptx/index.d.ts +0 -16
  156. package/dist/umd/components/preview/pptx/process_pptx.d.ts +0 -23
  157. package/dist/umd/components/preview/pptx/t_xml.d.ts +0 -1
  158. package/dist/umd/components/preview/pptx/worker.d.ts +0 -1
  159. package/dist/umd/components/progress/index.d.ts +0 -36
  160. package/dist/umd/components/radar/index.d.ts +0 -2
  161. package/dist/umd/components/skeleton/index.d.ts +0 -2
  162. package/dist/umd/components/tab/index.d.ts +0 -403
  163. package/dist/umd/components/tabpane/index.d.ts +0 -347
  164. package/dist/umd/index.d.ts +0 -14
  165. package/dist/umd/playwright.config.d.ts +0 -9
  166. package/dist/umd/plugins/auto-import-file.d.ts +0 -0
  167. package/dist/umd/plugins/load-style.d.ts +0 -6
  168. package/dist/umd/plugins/load-svg.d.ts +0 -9
  169. package/dist/umd/style.css +0 -1
  170. package/dist/umd/tests/button.spec.d.ts +0 -1
  171. package/dist/umd/utils/image.d.ts +0 -32
  172. package/dist/umd/utils/index.d.ts +0 -64
  173. package/dist/umd/utils/math.d.ts +0 -26
  174. package/dist/umd/utils/tween.d.ts +0 -21
  175. package/dist/umd/vite.config.d.ts +0 -6
  176. package/dist/vendor-f71e6f68.js +0 -92126
  177. /package/dist/{add-user-b2bed3e7.js → add-user-BN1JlY7e.js} +0 -0
  178. /package/dist/{book-b11a68eb.js → book-nTEFXU2x.js} +0 -0
  179. /package/dist/{umd/build/config.es.d.ts → build/config.sha.d.ts} +0 -0
  180. /package/dist/{check-circle-fill-dc284144.js → check-circle-fill-B_pd8ZSs.js} +0 -0
  181. /package/dist/{check-circle-74bd09c3.js → check-circle-szyAJiap.js} +0 -0
  182. /package/dist/{close-20925345.js → close-CFnkhudp.js} +0 -0
  183. /package/dist/{close-circle-720c18be.js → close-circle-CwmuN2C6.js} +0 -0
  184. /package/dist/{close-circle-fill-238a66b1.js → close-circle-fill-jSqPPw9i.js} +0 -0
  185. /package/dist/{eye-5e742329.js → eye-D_mEt17f.js} +0 -0
  186. /package/dist/{eye-close-3874f1ae.js → eye-close-BVr3NJtg.js} +0 -0
  187. /package/dist/{home-c4a05e8b.js → home-BUQ4USMk.js} +0 -0
  188. /package/dist/{index-8e1e2573.js → index-CQTJoWhb.js} +0 -0
  189. /package/dist/{info-circle-5826decc.js → info-circle-COnL5bTJ.js} +0 -0
  190. /package/dist/{info-circle-fill-90ec9aa9.js → info-circle-fill-DjI8gXS3.js} +0 -0
  191. /package/dist/{loading-09ca52df.js → loading-Dcc5RApI.js} +0 -0
  192. /package/dist/{lock-1d2487c9.js → lock-Cr7BnmWN.js} +0 -0
  193. /package/dist/{message-b2bfdea7.js → message-D36_Zo2l.js} +0 -0
  194. /package/dist/{power-off-6ade5a91.js → power-off-lQRbiBak.js} +0 -0
  195. /package/dist/{preview-b291aea8.js → preview-CJbz9GjO.js} +0 -0
  196. /package/dist/{setting-1e5ccb6d.js → setting-DemlgzVC.js} +0 -0
  197. /package/dist/{team-ca6a12e1.js → team-tl4NJXPC.js} +0 -0
  198. /package/dist/{unlock-f56086fd.js → unlock-CeU74z9n.js} +0 -0
  199. /package/dist/{user-5c01e665.js → user-B-eVXwuk.js} +0 -0
  200. /package/dist/{warning-circle-035e025c.js → warning-circle-DDUgEDIv.js} +0 -0
  201. /package/dist/{warning-circle-fill-d17c37c9.js → warning-circle-fill-lODUKz0i.js} +0 -0
@@ -1,72 +0,0 @@
1
- type ColorVal = (string | number)[];
2
- export declare class Rgb {
3
- r: string | number;
4
- g: string | number;
5
- b: string | number;
6
- constructor(col: Array<string | number>);
7
- toString(): string;
8
- }
9
- export declare class Rgba extends Rgb {
10
- a: string | number;
11
- constructor(col: Array<string | number>);
12
- toString(): string;
13
- }
14
- export declare class Hsl {
15
- h: string | number;
16
- s: string | number;
17
- l: string | number;
18
- constructor(col: Array<string | number>);
19
- toString(): string;
20
- }
21
- export declare class Hsla extends Hsl {
22
- a: string | number;
23
- constructor(col: Array<string | number>);
24
- toString(): string;
25
- }
26
- export declare class Color {
27
- r: string | number;
28
- g: string | number;
29
- b: string | number;
30
- a: string | number;
31
- rgb: Rgb;
32
- rgba: Rgba;
33
- hex: string;
34
- hsl: Hsl;
35
- hsla: Hsla;
36
- h: string | number;
37
- s: string | number;
38
- l: string | number;
39
- constructor(r: string | number | Array<string | number>, g?: string | number, b?: string | number, a?: string | number);
40
- setHue(newHue: string | number): void;
41
- setSat(newSat: string | number): void;
42
- setLum(newLum: number): void;
43
- setAlpha(newAlpha: string | number): void;
44
- updateFromHsl(): void;
45
- }
46
- export declare const randomColor: () => Color;
47
- export declare const hexToRgb: (hex: string) => RegExpExecArray | null | Array<number>;
48
- export declare const getDarkColor: (color: string, level: number) => string;
49
- export declare function getLightColor(color: string, level: number): string;
50
- export declare const componentToHex: (c: string | number) => string;
51
- export declare const rgbToHex: (r: string | number | Array<string | number>, g?: string | number, b?: string | number) => string;
52
- export declare const rgbToHsl: (r: number | number[], g?: number, b?: number) => Array<number>;
53
- export declare const hue2rgb: (p: number, q: number, t: number) => number;
54
- export declare const hslToRgb: (h: number | string | number[], s: number | string, l: number | string) => Array<number>;
55
- export declare const rgbToHsb: (r: number, g: number, b: number) => number[];
56
- export declare const hsbToRgb: (h: number, s: number, v: number) => number[];
57
- export declare const hsvToRgb: (h: number, s: number, v: number) => number[];
58
- export declare const hsbToHsl: (h: any, s: any, b: any) => number[];
59
- export declare const hsvToHsl: (h: any, s: any, b: any) => number[];
60
- export declare class ColorScheme {
61
- palette: Color[];
62
- constructor(colorVal: (string | number)[], angleArray: number[]);
63
- createFromColors(colorVal: (string | number)[]): Color[];
64
- createFromAngles(colorVal: string | number | (string | number)[], angleArray: number[]): Color[];
65
- static Compl(colorVal: ColorVal): ColorScheme;
66
- static Triad(colorVal: ColorVal): ColorScheme;
67
- static Tetrad(colorVal: ColorVal): ColorScheme;
68
- static Analog(colorVal: ColorVal): ColorScheme;
69
- static Split(colorVal: ColorVal): ColorScheme;
70
- static Accent(colorVal: ColorVal): ColorScheme;
71
- }
72
- export {};
@@ -1,8 +0,0 @@
1
- interface DocxOptions {
2
- bodyContainer?: HTMLElement | null;
3
- styleContainer?: HTMLElement;
4
- buffer: Blob;
5
- docxOptions?: Partial<Record<string, string | boolean>>;
6
- }
7
- export declare const renderDocx: (options: DocxOptions) => Promise<void> | undefined;
8
- export {};
@@ -1,2 +0,0 @@
1
- export declare function readExcelData(buffer: ArrayBuffer | string): Promise<unknown>;
2
- export declare function transferExcelToSpreadSheet(workbook: any, options: any): any;
@@ -1 +0,0 @@
1
- export declare const renderExcel: (file: File, dom?: HTMLElement) => Promise<void>;
@@ -1,37 +0,0 @@
1
- interface Tl {
2
- nativeCol: number;
3
- nativeColOff: number;
4
- nativeRow: number;
5
- nativeRowOff: number;
6
- }
7
- interface Range {
8
- tl: Tl;
9
- br: Tl;
10
- }
11
- export interface Media {
12
- [x: string]: any;
13
- imageId: number;
14
- range: Range;
15
- type: string;
16
- buffer: ArrayBuffer | string;
17
- }
18
- export interface Sheet {
19
- name: string;
20
- _media: Array<Media>;
21
- _columns: Array<{
22
- width: number;
23
- height: number;
24
- }>;
25
- _rows: Array<{
26
- width: number;
27
- height: number;
28
- }>;
29
- }
30
- export declare function renderImage(ctx: CanvasRenderingContext2D, medias: Partial<Media>, sheet: Sheet, offset: {
31
- scroll: {
32
- x: number;
33
- y: number;
34
- };
35
- }): void;
36
- export declare function clearCache(): void;
37
- export {};
@@ -1,8 +0,0 @@
1
- import { a } from "../../index-183517e7.js";
2
- import "../../index-d2d69b06.js";
3
- import "../../index-7f513a14.js";
4
- import "../../index-48653b79.js";
5
- import "../../vendor-f71e6f68.js";
6
- export {
7
- a as default
8
- };
@@ -1,16 +0,0 @@
1
- export interface Msg<T = string> {
2
- type: string;
3
- data: T extends 'slide' | 'pptx-thumb' | 'globalCSS' ? string : any;
4
- }
5
- interface Options {
6
- pptx: ArrayBuffer | string;
7
- resultElement: HTMLElement;
8
- thumbElement?: HTMLElement;
9
- }
10
- /**
11
- * @param {ArrayBuffer} pptx
12
- * @param {Element|String} resultElement
13
- * @param {Element|String} [thumbElement]
14
- */
15
- export declare const renderPptx: (options: Options) => Promise<any> | undefined;
16
- export {};
@@ -1,23 +0,0 @@
1
- /// <reference types="node" />
2
- import type { Msg } from '../../preview/pptx';
3
- interface InputByType {
4
- base64: string;
5
- string: string;
6
- text: string;
7
- binarystring: string;
8
- array: number[];
9
- uint8array: Uint8Array;
10
- arraybuffer: ArrayBuffer;
11
- blob: Blob;
12
- stream: NodeJS.ReadableStream;
13
- }
14
- type InputFileFormat = InputByType[keyof InputByType] | Promise<InputByType[keyof InputByType]>;
15
- export default function processPptx(setOnMessage: {
16
- (func: (x: Msg<string>) => void): void;
17
- (func: any): void;
18
- (x: (e: {
19
- type: string;
20
- data: InputFileFormat;
21
- }) => Promise<void>): void;
22
- }, postMessage: (x: Msg) => void): void;
23
- export {};
@@ -1 +0,0 @@
1
- export default function t_xml(S: string): Record<string, any>;
@@ -1 +0,0 @@
1
- export {};
@@ -1,8 +0,0 @@
1
- import "../../index-d2d69b06.js";
2
- import "../../index-57492b9b.js";
3
- import { P, a } from "../../index-a43b144f.js";
4
- import "../../vendor-f71e6f68.js";
5
- export {
6
- P as Progress,
7
- a as default
8
- };
@@ -1,7 +0,0 @@
1
- import { a } from "../../index-a1a53af6.js";
2
- import "../../index-d2d69b06.js";
3
- import "../../index-57492b9b.js";
4
- import "../../vendor-f71e6f68.js";
5
- export {
6
- a as default
7
- };
@@ -1,11 +0,0 @@
1
- import { S, a } from "../../index-f6d6982d.js";
2
- import "../../index-d2d69b06.js";
3
- import "../../index-57492b9b.js";
4
- import "../option/index.js";
5
- import "../../index-7f513a14.js";
6
- import "../../index-ecaed5cc.js";
7
- import "../../vendor-f71e6f68.js";
8
- export {
9
- S as Select,
10
- a as default
11
- };
@@ -1,4 +0,0 @@
1
- import { a } from "../../index-b90299ca.js";
2
- export {
3
- a as default
4
- };
@@ -1,7 +0,0 @@
1
- import { a } from "../../index-0e7229ea.js";
2
- import "../../index-d2d69b06.js";
3
- import "../../index-57492b9b.js";
4
- import "../../vendor-f71e6f68.js";
5
- export {
6
- a as default
7
- };
@@ -1,4 +0,0 @@
1
- import { a } from "../../index-5975bbc0.js";
2
- export {
3
- a as default
4
- };
@@ -1,21 +0,0 @@
1
- import { d as docxPreview_minExports } from "./vendor-f71e6f68.js";
2
- const renderDocx = (options) => {
3
- if (typeof window !== "undefined") {
4
- const { bodyContainer, styleContainer, buffer, docxOptions = {} } = options;
5
- const defaultOptions = {
6
- className: "docx"
7
- // ignoreLastRenderedPageBreak: false,
8
- };
9
- const configuration = Object.assign({}, defaultOptions, docxOptions);
10
- if (bodyContainer) {
11
- return docxPreview_minExports.renderAsync(buffer, bodyContainer, styleContainer, configuration);
12
- } else {
13
- const contain = document.createElement("div");
14
- document.body.appendChild(contain);
15
- return docxPreview_minExports.renderAsync(buffer, contain, styleContainer, configuration);
16
- }
17
- }
18
- };
19
- export {
20
- renderDocx
21
- };
@@ -1,265 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
3
- var __publicField = (obj, key, value) => {
4
- __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
5
- return value;
6
- };
7
- import { n as noop } from "./index-d2d69b06.js";
8
- import "./index-7f513a14.js";
9
- import { m as message } from "./index-48653b79.js";
10
- const f7170ee498e0dd32cbdcb63fba8f75cc = '.r-preview-slot{display:block}:host{cursor:pointer}.r-preview-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000073;z-index:1081}.r-preview-mask .r-preview-loading{position:absolute;top:30vh;left:50vw;transform:translate(-50%);display:flex;flex-flow:column;align-items:center}.r-preview-mask .r-preview-loading-text{color:#fff;font-size:16px}.r-preview-mask .r-preview-options{width:100%;pointer-events:auto;display:flex;flex-flow:row-reverse nowrap;align-items:center;justify-content:space-between}.r-preview-mask .r-preview-options-close{margin:14px;border:none;cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.r-preview-mask .r-preview-contain{max-width:calc(100vw - 20px);margin:0 auto;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.r-preview-mask .r-preview-contain .r-preview-context{margin:0 auto;height:calc(100vh - 68px);display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;overflow:auto}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main{width:100%;height:100%;margin-bottom:10px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet{font-size:13px;line-height:normal;-webkit-user-select:none;user-select:none;-moz-user-select:none;font-family:Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;box-sizing:content-box;background:#fff;-webkit-font-smoothing:antialiased}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet textarea{font:400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-sheet{position:relative;overflow:hidden}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-table{vertical-align:bottom}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-tooltip{font-family:inherit;position:absolute;padding:5px 10px;color:#fff;border-radius:1px;background:#000000;font-size:12px;z-index:201}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-tooltip:before{pointer-events:none;position:absolute;left:calc(50% - 4px);top:-4px;content:"";width:8px;height:8px;background:inherit;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1;box-shadow:1px 1px 3px -1px #0000004d}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-color-palette{padding:5px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-color-palette table{margin:0;padding:0;border-collapse:separate;border-spacing:2;background:#fff}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-color-palette table td{margin:0;cursor:pointer;border:1px solid transparent}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-color-palette table td:hover{border-color:#ddd}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-color-palette table td .x-spreadsheet-color-palette-cell{width:16px;height:16px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette{padding:6px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette table{margin:0;padding:0;border-collapse:separate;border-spacing:0;background:#fff;table-layout:fixed}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette table td{margin:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette .x-spreadsheet-border-palette-left{border-right:1px solid #eee;padding-right:6px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell{width:30px;height:30px;cursor:pointer;text-align:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell:hover{background-color:#eee}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette .x-spreadsheet-border-palette-right{padding-left:6px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette .x-spreadsheet-border-palette-right .x-spreadsheet-line-type{position:relative;left:0;top:-3px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown{position:relative}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown .x-spreadsheet-dropdown-content{position:absolute;z-index:200;background:#fff;box-shadow:1px 2px 5px 2px #33333326}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown.bottom-left .x-spreadsheet-dropdown-content{top:calc(100% + 5px);left:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown.bottom-right .x-spreadsheet-dropdown-content{top:calc(100% + 5px);right:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown.top-left .x-spreadsheet-dropdown-content{bottom:calc(100% + 5px);left:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown.top-right .x-spreadsheet-dropdown-content{bottom:calc(100% + 5px);right:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown .x-spreadsheet-dropdown-title{padding:0 5px;display:inline-block}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer{position:absolute;z-index:11}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer .x-spreadsheet-resizer-hover{background-color:#4b89ff40}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer .x-spreadsheet-resizer-line{position:absolute}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer.horizontal{cursor:row-resize}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer.horizontal .x-spreadsheet-resizer-line{border-bottom:2px dashed #4b89ff;left:0;bottom:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer.vertical{cursor:col-resize}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer.vertical .x-spreadsheet-resizer-line{border-right:2px dashed #4b89ff;top:0;right:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-scrollbar{position:absolute;bottom:0;right:0;background-color:#f4f5f8;opacity:.9;z-index:12}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-scrollbar.horizontal{right:15px;overflow-x:scroll;overflow-y:hidden}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-scrollbar.horizontal>div{height:1px;background:#ddd}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-scrollbar.vertical{bottom:15px;overflow-x:hidden;overflow-y:scroll}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-scrollbar.vertical>div{width:1px;background:#ddd}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-overlayer{position:absolute;left:0;top:0;z-index:10}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-overlayer .x-spreadsheet-overlayer-content{position:absolute;overflow:hidden;pointer-events:none;width:100%;height:100%}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-editor,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector{box-sizing:content-box;position:absolute;overflow:hidden;pointer-events:none;top:0;left:0;width:100%;height:100%}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .hide-input{position:absolute;z-index:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .hide-input input{padding:0;width:0;border:none!important}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-area{position:absolute;border:2px solid #4b89ff;background:rgba(75,137,255,.1);z-index:5}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-clipboard,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-autofill{position:absolute;background:transparent;z-index:100}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-clipboard{border:2px dashed #4b89ff}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-autofill{border:1px dashed rgba(0,0,0,.45)}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-corner{pointer-events:auto;position:absolute;cursor:crosshair;font-size:0;height:5px;width:5px;right:-5px;bottom:-5px;border:2px solid #ffffff;background:#4b89ff}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-editor{z-index:20}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-editor .x-spreadsheet-editor-area{position:absolute;text-align:left;border:2px solid #4b89ff;line-height:0;z-index:100;pointer-events:auto}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-editor .x-spreadsheet-editor-area textarea{box-sizing:content-box;border:none;padding:0 3px;outline:none;resize:none;text-align:start;overflow-y:hidden;font:400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif;color:inherit;white-space:normal;word-wrap:break-word;line-height:22px;margin:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-editor .x-spreadsheet-editor-area .textline{overflow:hidden;visibility:hidden;position:fixed;top:0;left:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item{-webkit-user-select:none;user-select:none;background:0;border:1px solid transparent;outline:none;height:26px;color:#000000e6;line-height:26px;list-style:none;padding:2px 10px;cursor:default;text-align:left;overflow:hidden}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.disabled{pointer-events:none;opacity:.5}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item:hover,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.active{background:rgba(0,0,0,.05)}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.divider{height:0;padding:0;margin:5px 0;border:none;border-bottom:1px solid rgba(0,0,0,.1)}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item .label{float:right;opacity:.65;font-size:1em}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.state,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-header.state{padding-left:35px!important;position:relative}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.state:before,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-header.state:before{content:"";position:absolute;width:10px;height:10px;left:12px;top:calc(50% - 5px);background:rgba(0,0,0,.08);border-radius:2px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.state.checked:before,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-header.state.checked:before{background:#4b89ff}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-checkbox{position:relative;display:inline-block;backface-visibility:hidden;outline:0;vertical-align:baseline;font-style:normal;font-size:1rem;line-height:1em}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-checkbox>input{position:absolute;top:0;left:0;opacity:0!important;outline:0;z-index:-1}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-suggest,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-contextmenu,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-sort-filter{position:absolute;box-shadow:1px 2px 5px 2px #33333326;background:#fff;z-index:100;width:260px;pointer-events:auto;overflow:auto}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-suggest{width:200px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-filter{border:1px solid #e9e9e9;font-size:12px;margin:10px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-filter .x-spreadsheet-header{padding:.5em .75em;background:#f8f8f9;border-bottom:1px solid #e9e9e9;border-left:1px solid transparent}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-filter .x-spreadsheet-body{height:200px;overflow-y:auto}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-filter .x-spreadsheet-body .x-spreadsheet-item{height:20px;line-height:20px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-sort-filter .x-spreadsheet-buttons{margin:10px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-bottombar{height:40px;padding:0 30px;text-align:left;background:#f5f6f7;display:flex}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-bottombar{position:relative;border-top:1px solid #e0e2e4}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-bottombar .x-spreadsheet-menu>li{line-height:40px;height:40px;padding-top:0;padding-bottom:0;vertical-align:middle;border-right:1px solid #e8eaed}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-menu{list-style:none;margin:0;padding:0;-webkit-user-select:none;user-select:none}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-menu>li{float:left;line-height:1.25em;padding:.785em 1em;margin:0;vertical-align:middle;text-align:left;font-weight:400;color:#80868b;white-space:nowrap;cursor:pointer;transition:all .3s;font-weight:700}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-menu>li.active{background-color:#fff;color:#000000a6}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-menu>li .x-spreadsheet-dropdown{display:inline-block}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print{position:absolute;left:0;top:0;z-index:100;width:100%;height:100%;display:flex;flex-direction:column}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print-bar{background:#424242;height:60px;line-height:60px;padding:0 30px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print-bar .-title{color:#fff;font-weight:700;font-size:1.2em;float:left}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print-bar .-right{float:right;margin-top:12px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print-content{display:flex;flex:auto;flex-direction:row;background:#d0d0d0;height:calc(100% - 60px)}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print-content .-sider{flex:0 0 300px;width:300px;border-left:2px solid #ccc;background:#fff}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print-content .-content{flex:auto;overflow-x:auto;overflow-y:scroll;height:100%}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-canvas-card-wraper{margin:40px 20px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-canvas-card{background:#fff;margin:auto;page-break-before:auto;page-break-after:always;box-shadow:0 8px 10px 1px #00000024,0 3px 14px 3px #0000001f,0 4px 5px #0003}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar{color:#000000a6;background:#ffffff;-webkit-user-select:none;user-select:none}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-header{font-weight:700;line-height:30px;text-align:center;width:100%;float:left;background:#f9fafb}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-header .calendar-header-left{padding-left:5px;float:left}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-header .calendar-header-right{float:right}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-header .calendar-header-right a{padding:3px 0;margin-right:2px;border-radius:2px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-header .calendar-header-right a:hover{background:rgba(0,0,0,.08)}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body{border-collapse:collapse;border-spacing:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body th,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body td{width:14.28571429%;min-width:32px;text-align:center;font-weight:700;line-height:30px;padding:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body td>.cell:hover{background:#ecf6fd}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body td>.cell.active,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body td>.cell.active:hover{background:#ecf6fd;color:#2185d0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body td>.cell.disabled{pointer-events:none;opacity:.5}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-datepicker{box-shadow:2px 2px 5px #0003;position:absolute;left:0;top:calc(100% + 5px);z-index:10;width:auto}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-buttons{display:flex;justify-content:flex-end}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-buttons .x-spreadsheet-button{margin-left:8px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-button{display:inline-block;border-radius:3px;line-height:1em;min-height:1em;white-space:nowrap;text-align:center;cursor:pointer;font-size:1em;font-weight:700;padding:.75em 1em;color:#0009;background:#e0e1e2;text-decoration:none;font-family:Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;outline:none;vertical-align:baseline;zoom:1;-webkit-user-select:none;user-select:none;transition:all .1s linear}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-button.active,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-button:hover{background-color:#c0c1c2;color:#000c}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-button.primary{color:#fff;background-color:#2185d0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-button.primary:hover,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-button.primary.active{color:#fff;background-color:#1678c2}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-input{font-size:1em;position:relative;font-weight:400;display:inline-flex;color:#000000de}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-input input{z-index:1;margin:0;max-width:100%;flex:1 0 auto;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);text-align:left;line-height:30px;height:30px;padding:0 8px;background:#fff;border:1px solid #e9e9e9;border-radius:3px;transition:box-shadow .1s ease,border-color .1s ease;box-shadow:inset 0 1px 2px #0a0a0a0f}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-input input:focus{border-color:#4b89ff;box-shadow:inset 0 1px 2px #4b89ff33}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-select{position:relative;display:inline-block;background:#fff;border:1px solid #e9e9e9;border-radius:2px;cursor:pointer;color:#000000de;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px 2px #0a0a0a0f}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-select .input-text{text-overflow:ellipsis;white-space:nowrap;min-width:60px;width:auto;height:30px;line-height:30px;padding:0 8px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-fields{display:flex;flex-direction:row;flex-wrap:wrap}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-fields .x-spreadsheet-form-field{flex:0 1 auto}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-fields .x-spreadsheet-form-field .label{display:inline-block;margin:0 10px 0 0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-field{display:block;vertical-align:middle;margin-left:10px;margin-bottom:10px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-field:first-child{margin-left:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-field.error .x-spreadsheet-form-select,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-field.error input{border-color:#f04134}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-field .tip{color:#f04134;font-size:.9em}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dimmer{display:none;position:absolute;top:0!important;left:0!important;width:100%;height:100%;text-align:center;vertical-align:middle;background-color:#0009;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s;transition:background-color .5s linear;-webkit-user-select:none;user-select:none;z-index:1000}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dimmer.active{display:block;opacity:1}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main form fieldset{border:none}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main form fieldset label{display:block;margin-bottom:.5em;font-size:1em;color:#666}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main form fieldset select{font-size:1.1em;width:100%;background-color:#fff;border:none;border-bottom:2px solid #ddd;padding:.5em .85em;border-radius:2px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-modal,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-toast{font-size:13px;position:fixed;z-index:1001;text-align:left;line-height:1.25em;min-width:360px;color:#000000de;font-family:Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;border-radius:4px;border:1px solid rgba(0,0,0,.1);background-color:#fff;background-clip:padding-box;box-shadow:#0003 0 2px 8px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-toast{background-color:#ffffffd9}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-modal-header,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-toast-header{font-weight:600;background-clip:padding-box;background-color:#ffffffd9;border-bottom:1px solid rgba(0,0,0,.05);border-radius:4px 4px 0 0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-toast-header{color:#f2711c}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-modal-header{border-bottom:1px solid #e0e2e4;background:rgba(0,0,0,.08);font-size:1.0785em}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-modal-header,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-modal-content,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-toast-header,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-toast-content{padding:.75em 1em}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-menu li:first-child{display:none}.r-preview-mask .r-preview-contain .r-preview-context .docx-wrapper{background:none}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section{width:100%;height:690px;position:relative;border:1px solid #333;background-color:#efefef;text-align:center;border-radius:10px;box-shadow:1px 1px 3px #aaa;overflow:hidden}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.block{position:absolute;top:0;left:0;width:100%}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.content{display:flex;flex-direction:column}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.v-up{justify-content:flex-start}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.v-mid{justify-content:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.v-down{justify-content:flex-end}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.h-left{align-items:flex-start;text-align:left}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.h-mid{align-items:center;text-align:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.h-right{align-items:flex-end;text-align:right}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.up-left{justify-content:flex-start;align-items:flex-start;text-align:left}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.up-center{justify-content:flex-start;align-items:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.up-right{justify-content:flex-start;align-items:flex-end}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.center-left{justify-content:center;align-items:flex-start;text-align:left}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.center-center{justify-content:center;align-items:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.center-right{justify-content:center;align-items:flex-end}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.down-left{justify-content:flex-end;align-items:flex-start;text-align:left}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.down-center{justify-content:flex-end;align-items:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.down-right{justify-content:flex-end;align-items:flex-end}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main li.slide{margin:10px 0;font-size:18px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main div.footer{text-align:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section table{position:absolute}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section table,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section th,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section td{border:1px solid black}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section svg.drawing{position:absolute;overflow:visible}\n';
11
- const base = "";
12
- const index$2 = "";
13
- const { warning = noop } = message;
14
- const PPTX = "application/vnd.openxmlformats-officedocument.presentationml.presentation";
15
- const PDF = "application/pdf";
16
- const DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
17
- const XLSX = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
18
- const XLS = "application/vnd.ms-excel";
19
- async function Custom() {
20
- if (typeof document !== "undefined" && !customElements.get("r-preview") && true) {
21
- const { renderPptx } = await import("./index-7b8840f9.js");
22
- const { renderDocx } = await import("./docx-c5d02d8c.js");
23
- const { renderPdf } = await import("./pdf-bdb7818a.js");
24
- const { renderExcel } = await import("./index-a216f328.js");
25
- const requestUrlToBuffer = (src, options) => {
26
- if (typeof XMLHttpRequest === "undefined") {
27
- throw new Error("XMLHttpRequest is not defined");
28
- }
29
- if (typeof document === "undefined") {
30
- return Promise.reject("document is not defined");
31
- }
32
- return new Promise(function(resolve, reject) {
33
- const xhr = new XMLHttpRequest();
34
- xhr.open(options.method || "GET", src, true);
35
- xhr.responseType = options.responseType || "arraybuffer";
36
- xhr.onload = function() {
37
- if (xhr.status === 200) {
38
- resolve({ success: true, data: xhr.response, message: "" });
39
- } else {
40
- reject({
41
- success: false,
42
- data: xhr.status,
43
- message: `The request status is${xhr.status}`
44
- });
45
- }
46
- };
47
- xhr.onerror = function(e) {
48
- reject({ success: false, data: e, message: `` });
49
- };
50
- xhr.onprogress = (event) => {
51
- options.onProgress && options.onProgress(event);
52
- };
53
- xhr.withCredentials = options.withCredentials || false;
54
- if (options.headers) {
55
- Object.keys(options.headers).forEach(function(key) {
56
- (options == null ? void 0 : options.headers) && xhr.setRequestHeader(key, options.headers[key]);
57
- });
58
- }
59
- xhr.send(options.body);
60
- });
61
- };
62
- const renderPpt = (file, dom) => {
63
- return new Promise((resolve, reject) => {
64
- const reader = new FileReader();
65
- reader.readAsArrayBuffer(file);
66
- reader.onload = () => {
67
- var _a;
68
- if (reader.result && dom) {
69
- const param = {
70
- pptx: reader.result,
71
- resultElement: dom
72
- };
73
- (_a = renderPptx(param)) == null ? void 0 : _a.then(() => {
74
- resolve();
75
- });
76
- }
77
- };
78
- reader.onerror = (error) => {
79
- reject(error);
80
- };
81
- reader.onabort = (abort) => {
82
- reject(abort);
83
- };
84
- });
85
- };
86
- const renderWord = (file, dom) => {
87
- return Promise.resolve().then(
88
- () => renderDocx({ buffer: file, bodyContainer: dom })
89
- );
90
- };
91
- const renderFileMap = /* @__PURE__ */ new Map([
92
- [PDF, renderPdf],
93
- [PPTX, renderPpt],
94
- [DOCX, renderWord],
95
- [XLSX, renderExcel],
96
- [XLS, renderExcel]
97
- ]);
98
- class CustomElement extends HTMLElement {
99
- constructor() {
100
- super();
101
- __publicField(this, "_loadingText");
102
- __publicField(this, "preview");
103
- __publicField(this, "previewContext");
104
- __publicField(this, "_slot");
105
- __publicField(this, "_div");
106
- __publicField(this, "_loadingElement");
107
- __publicField(this, "createLoading", () => {
108
- this._loadingElement = document.createElement("div");
109
- this._loadingElement.setAttribute("class", "r-preview-loading");
110
- const icon = document.createElement("r-icon");
111
- icon.setAttribute("name", "loading");
112
- icon.setAttribute("size", "100");
113
- icon.setAttribute("color", "#1E90FF");
114
- icon.setAttribute("spin", "");
115
- this._loadingText = document.createElement("div");
116
- this._loadingElement.appendChild(icon);
117
- this._loadingText.setAttribute("class", "r-preview-loading-text");
118
- this._loadingElement.appendChild(this._loadingText);
119
- return this._loadingElement;
120
- });
121
- __publicField(this, "onProgress", (event) => {
122
- const num = event.loaded / event.total * 100;
123
- const progress = Math.min(99, num).toFixed(2) + "%";
124
- if (this._loadingText && this._loadingElement) {
125
- this._loadingText.innerText = `Loading ${progress}`;
126
- if (num >= 100) {
127
- setTimeout(() => {
128
- var _a;
129
- (_a = this.preview) == null ? void 0 : _a.removeChild(this._loadingElement);
130
- }, 300);
131
- }
132
- }
133
- });
134
- __publicField(this, "handleFile", async (file) => {
135
- try {
136
- if (typeof file === "string") {
137
- const { success, data, message: message2 } = await requestUrlToBuffer(file, {
138
- onProgress: this.onProgress,
139
- responseType: "blob"
140
- });
141
- if (success && data) {
142
- file = new File([data], data.name, { type: data.type });
143
- const { type } = file;
144
- const handler = renderFileMap.get(type);
145
- if (handler && this.previewContext) {
146
- if (type === XLSX || type === XLS) {
147
- this.previewContext.style.setProperty("width", "100%");
148
- } else {
149
- this.previewContext.style.setProperty("width", "100%");
150
- }
151
- handler(file, this.previewContext);
152
- }
153
- } else {
154
- warning(message2);
155
- }
156
- }
157
- } catch (error) {
158
- }
159
- });
160
- __publicField(this, "closePreview", () => {
161
- if (this.preview) {
162
- document.body.removeChild(this.preview);
163
- this.preview = void 0;
164
- }
165
- });
166
- __publicField(this, "showPreview", () => {
167
- var _a;
168
- if (this.src) {
169
- if (this.preview) {
170
- this.preview.style.display = "block";
171
- } else {
172
- this.preview = document.createElement("div");
173
- this.preview.setAttribute("class", "r-preview-mask");
174
- this.preview.setAttribute("id", "r-preview-mask");
175
- const previewOption = document.createElement("div");
176
- previewOption.setAttribute("class", "r-preview-options");
177
- if (this.closeable !== "false") {
178
- const previewCloseButton = document.createElement("r-icon");
179
- previewCloseButton.setAttribute(
180
- "class",
181
- "r-preview-options-close"
182
- );
183
- previewCloseButton.setAttribute("name", "close-circle-fill");
184
- previewCloseButton.setAttribute("size", "40");
185
- previewCloseButton.addEventListener("click", this.closePreview);
186
- previewOption.appendChild(previewCloseButton);
187
- }
188
- const previewContain = document.createElement("div");
189
- previewContain.setAttribute("class", "r-preview-contain");
190
- this.previewContext = document.createElement("div");
191
- this.previewContext.setAttribute("class", "r-preview-context");
192
- previewContain.appendChild(this.previewContext);
193
- this.preview.appendChild(previewOption);
194
- (_a = this.preview) == null ? void 0 : _a.appendChild(previewContain);
195
- this._loadingElement = this.createLoading();
196
- this.preview.appendChild(this._loadingElement);
197
- document.body.appendChild(this.preview);
198
- }
199
- this.handleFile(this.src);
200
- }
201
- });
202
- this._div = document.createElement("div");
203
- this.preview = document.getElementById("r-preview-mask");
204
- this._slot = document.createElement("slot");
205
- this._div.appendChild(this._slot);
206
- this._slot.setAttribute("class", "r-preview-slot");
207
- this._div.setAttribute("class", "r-preview");
208
- const shadowRoot = this.attachShadow({ mode: "closed" });
209
- const F7170EE498E0DD32CBDCB63FBA8F75CC = document.createElement("style");
210
- F7170EE498E0DD32CBDCB63FBA8F75CC.textContent = f7170ee498e0dd32cbdcb63fba8f75cc;
211
- shadowRoot.appendChild(F7170EE498E0DD32CBDCB63FBA8F75CC);
212
- shadowRoot.appendChild(this._div);
213
- }
214
- static get observedAttributes() {
215
- return ["src", "closeable"];
216
- }
217
- get label() {
218
- return this.getAttribute("label");
219
- }
220
- set label(value) {
221
- if (value)
222
- this.setAttribute("label", value);
223
- }
224
- get src() {
225
- return this.getAttribute("src");
226
- }
227
- set src(value) {
228
- if (value)
229
- this.setAttribute("src", value);
230
- }
231
- get closeable() {
232
- return this.getAttribute("closeable");
233
- }
234
- set closeable(value) {
235
- if (value)
236
- this.setAttribute("closeable", value);
237
- }
238
- connectedCallback() {
239
- this.preview = document.getElementById("r-preview-mask");
240
- this.addEventListener("click", this.showPreview);
241
- }
242
- disconnectedCallback() {
243
- this.removeEventListener("click", this.showPreview);
244
- }
245
- attributeChangedCallback(name, oldValue, newValue) {
246
- if (newValue !== oldValue) {
247
- if (name === "src" && newValue) {
248
- this.setAttribute("src", newValue);
249
- this.showPreview();
250
- }
251
- }
252
- }
253
- }
254
- customElements.define("r-preview", CustomElement);
255
- }
256
- }
257
- const index = Custom();
258
- const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
259
- __proto__: null,
260
- default: index
261
- }, Symbol.toStringTag, { value: "Module" }));
262
- export {
263
- index as a,
264
- index$1 as i
265
- };