bhd-components 0.7.42 → 0.8.1

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.
@@ -7,113 +7,112 @@ code.hljs {
7
7
  padding: 3px 5px
8
8
  }
9
9
  /*!
10
- Theme: GitHub
11
- Description: Light theme as seen on github.com
12
- Author: github.com
13
- Maintainer: @Hirse
14
- Updated: 2021-05-15
10
+ Theme: Default
11
+ Description: Original highlight.js style
12
+ Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
13
+ Maintainer: @highlightjs/core-team
14
+ Website: https://highlightjs.org/
15
+ License: see project LICENSE
16
+ Touched: 2021
17
+ */
18
+ /*
19
+ This is left on purpose making default.css the single file that can be lifted
20
+ as-is from the repository directly without the need for a build step
15
21
 
16
- Outdated base version: https://github.com/primer/github-syntax-light
17
- Current colors taken from GitHub's CSS
22
+ Typically this "required" baseline CSS is added by `makestuff.js` during build.
18
23
  */
24
+ pre code.hljs {
25
+ display: block;
26
+ overflow-x: auto;
27
+ padding: 1em
28
+ }
29
+ code.hljs {
30
+ padding: 3px 5px
31
+ }
32
+ /* end baseline CSS */
19
33
  .hljs {
20
- color: #24292e;
21
- background: #ffffff
34
+ background: #F3F3F3;
35
+ color: #444
36
+ }
37
+ /* Base color: saturation 0; */
38
+ .hljs-subst {
39
+ /* default */
40
+
41
+ }
42
+ /* purposely ignored */
43
+ .hljs-formula,
44
+ .hljs-attr,
45
+ .hljs-property,
46
+ .hljs-params {
47
+
48
+ }
49
+ .hljs-comment {
50
+ color: #697070
51
+ }
52
+ .hljs-tag,
53
+ .hljs-punctuation {
54
+ color: #444a
55
+ }
56
+ .hljs-tag .hljs-name,
57
+ .hljs-tag .hljs-attr {
58
+ color: #444
22
59
  }
23
- .hljs-doctag,
24
60
  .hljs-keyword,
61
+ .hljs-attribute,
62
+ .hljs-selector-tag,
25
63
  .hljs-meta .hljs-keyword,
26
- .hljs-template-tag,
27
- .hljs-template-variable,
64
+ .hljs-doctag,
65
+ .hljs-name {
66
+ font-weight: bold
67
+ }
68
+ /* User color: hue: 0 */
28
69
  .hljs-type,
29
- .hljs-variable.language_ {
30
- /* prettylights-syntax-keyword */
31
- color: #d73a49
70
+ .hljs-string,
71
+ .hljs-number,
72
+ .hljs-selector-id,
73
+ .hljs-selector-class,
74
+ .hljs-quote,
75
+ .hljs-template-tag,
76
+ .hljs-deletion {
77
+ color: #880000
32
78
  }
33
79
  .hljs-title,
34
- .hljs-title.class_,
35
- .hljs-title.class_.inherited__,
36
- .hljs-title.function_ {
37
- /* prettylights-syntax-entity */
38
- color: #6f42c1
80
+ .hljs-section {
81
+ color: #880000;
82
+ font-weight: bold
39
83
  }
40
- .hljs-attr,
41
- .hljs-attribute,
42
- .hljs-literal,
43
- .hljs-meta,
44
- .hljs-number,
45
- .hljs-operator,
84
+ .hljs-regexp,
85
+ .hljs-symbol,
46
86
  .hljs-variable,
87
+ .hljs-template-variable,
88
+ .hljs-link,
47
89
  .hljs-selector-attr,
48
- .hljs-selector-class,
49
- .hljs-selector-id {
50
- /* prettylights-syntax-constant */
51
- color: #005cc5
90
+ .hljs-operator,
91
+ .hljs-selector-pseudo {
92
+ color: #ab5656
52
93
  }
53
- .hljs-regexp,
54
- .hljs-string,
55
- .hljs-meta .hljs-string {
56
- /* prettylights-syntax-string */
57
- color: #032f62
94
+ /* Language color: hue: 90; */
95
+ .hljs-literal {
96
+ color: #695
58
97
  }
59
98
  .hljs-built_in,
60
- .hljs-symbol {
61
- /* prettylights-syntax-variable */
62
- color: #e36209
63
- }
64
- .hljs-comment,
99
+ .hljs-bullet,
65
100
  .hljs-code,
66
- .hljs-formula {
67
- /* prettylights-syntax-comment */
68
- color: #6a737d
69
- }
70
- .hljs-name,
71
- .hljs-quote,
72
- .hljs-selector-tag,
73
- .hljs-selector-pseudo {
74
- /* prettylights-syntax-entity-tag */
75
- color: #22863a
76
- }
77
- .hljs-subst {
78
- /* prettylights-syntax-storage-modifier-import */
79
- color: #24292e
101
+ .hljs-addition {
102
+ color: #397300
80
103
  }
81
- .hljs-section {
82
- /* prettylights-syntax-markup-heading */
83
- color: #005cc5;
84
- font-weight: bold
104
+ /* Meta color: hue: 200 */
105
+ .hljs-meta {
106
+ color: #1f7199
85
107
  }
86
- .hljs-bullet {
87
- /* prettylights-syntax-markup-list */
88
- color: #735c0f
108
+ .hljs-meta .hljs-string {
109
+ color: #38a
89
110
  }
111
+ /* Misc effects */
90
112
  .hljs-emphasis {
91
- /* prettylights-syntax-markup-italic */
92
- color: #24292e;
93
113
  font-style: italic
94
114
  }
95
115
  .hljs-strong {
96
- /* prettylights-syntax-markup-bold */
97
- color: #24292e;
98
116
  font-weight: bold
99
117
  }
100
- .hljs-addition {
101
- /* prettylights-syntax-markup-inserted */
102
- color: #22863a;
103
- background-color: #f0fff4
104
- }
105
- .hljs-deletion {
106
- /* prettylights-syntax-markup-deleted */
107
- color: #b31d28;
108
- background-color: #ffeef0
109
- }
110
- .hljs-char.escape_,
111
- .hljs-link,
112
- .hljs-params,
113
- .hljs-property,
114
- .hljs-punctuation,
115
- .hljs-tag {
116
- /* purposely ignored */
117
-
118
- }
119
118
  :root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{-ms-touch-action:none;touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ReactCrop__crop-selection{position:absolute;top:0;left:0;-webkit-transform:translateZ(0);transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;background-image:-webkit-gradient(linear,left top, right top,color-stop(50%, #fff),color-stop(50%, #444)),-webkit-gradient(linear,left top, right top,color-stop(50%, #fff),color-stop(50%, #444)),-webkit-gradient(linear,left top, left bottom,color-stop(50%, #fff),color-stop(50%, #444)),-webkit-gradient(linear,left top, left bottom,color-stop(50%, #fff),color-stop(50%, #444));background-image:-o-linear-gradient(left,#fff 50%,#444 50%),-o-linear-gradient(left,#fff 50%,#444 50%),-o-linear-gradient(top,#fff 50%,#444 50%),-o-linear-gradient(top,#fff 50%,#444 50%);background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;-webkit-transform:translate(50%);transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);-webkit-transform:translateY(50%);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;-webkit-transform:translate(-50%);transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}
@@ -1,11 +1,9 @@
1
- pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
2
1
  /*!
3
- Theme: GitHub
4
- Description: Light theme as seen on github.com
5
- Author: github.com
6
- Maintainer: @Hirse
7
- Updated: 2021-05-15
8
-
9
- Outdated base version: https://github.com/primer/github-syntax-light
10
- Current colors taken from GitHub's CSS
11
- */.hljs{background:#fff;color:#24292e}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{background-color:#f0fff4;color:#22863a}.hljs-deletion{background-color:#ffeef0;color:#b31d28}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:rgba(0,0,0,.2);--rc-drag-bar-size:6px;--rc-border-color:hsla(0,0%,100%,.7);--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.ReactCrop__crop-selection{cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{border:1px solid var(--rc-border-color);bottom:-1px;content:"";left:-1px;opacity:.3;pointer-events:none;position:absolute;right:-1px;top:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:-o-linear-gradient(left,#fff 50%,#444 50%),-o-linear-gradient(left,#fff 50%,#444 50%),-o-linear-gradient(top,#fff 50%,#444 50%),-o-linear-gradient(top,#fff 50%,#444 50%);background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color);height:var(--rc-drag-handle-size);position:absolute;width:var(--rc-drag-handle-size)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;left:0}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;left:50%}.ReactCrop .ord-ne{cursor:ne-resize;top:0}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%}.ReactCrop .ord-se{bottom:0;cursor:se-resize;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;left:50%}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:var(--rc-drag-bar-size);left:0;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.ReactCrop__drag-bar.ord-e{height:100%;right:0;top:0;-webkit-transform:translate(50%);transform:translate(50%);width:var(--rc-drag-bar-size)}.ReactCrop__drag-bar.ord-s{bottom:0;height:var(--rc-drag-bar-size);left:0;-webkit-transform:translateY(50%);transform:translateY(50%);width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:var(--rc-drag-bar-size)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:var(--rc-drag-handle-mobile-size);width:var(--rc-drag-handle-mobile-size)}}
2
+ Theme: Default
3
+ Description: Original highlight.js style
4
+ Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
5
+ Maintainer: @highlightjs/core-team
6
+ Website: https://highlightjs.org/
7
+ License: see project LICENSE
8
+ Touched: 2021
9
+ */pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:rgba(0,0,0,.2);--rc-drag-bar-size:6px;--rc-border-color:hsla(0,0%,100%,.7);--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.ReactCrop__crop-selection{cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{border:1px solid var(--rc-border-color);bottom:-1px;content:"";left:-1px;opacity:.3;pointer-events:none;position:absolute;right:-1px;top:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:-o-linear-gradient(left,#fff 50%,#444 50%),-o-linear-gradient(left,#fff 50%,#444 50%),-o-linear-gradient(top,#fff 50%,#444 50%),-o-linear-gradient(top,#fff 50%,#444 50%);background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color);height:var(--rc-drag-handle-size);position:absolute;width:var(--rc-drag-handle-size)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;left:0}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;left:50%}.ReactCrop .ord-ne{cursor:ne-resize;top:0}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%}.ReactCrop .ord-se{bottom:0;cursor:se-resize;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;left:50%}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:var(--rc-drag-bar-size);left:0;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.ReactCrop__drag-bar.ord-e{height:100%;right:0;top:0;-webkit-transform:translate(50%);transform:translate(50%);width:var(--rc-drag-bar-size)}.ReactCrop__drag-bar.ord-s{bottom:0;height:var(--rc-drag-bar-size);left:0;-webkit-transform:translateY(50%);transform:translateY(50%);width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:var(--rc-drag-bar-size)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:var(--rc-drag-handle-mobile-size);width:var(--rc-drag-handle-mobile-size)}}
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import "highlight.js/styles/github.css";
2
+ import "highlight.js/styles/default.css";
3
3
  interface data {
4
4
  type: number;
5
5
  roomId: String | number;
@@ -3,8 +3,7 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
3
3
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
4
4
  import React, { useEffect, useState, useRef } from "react";
5
5
  import styles from "./index.module.less";
6
- import "highlight.js/styles/github.css";
7
- //import "highlight.js/styles/default.css";
6
+ import "highlight.js/styles/default.css";
8
7
  import { Input } from "antd";
9
8
  import { CustomClose, CustomExpand, CustomAiIcon } from "../icons/index";
10
9
  import { SearchOutlined } from "@ant-design/icons";
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import "highlight.js/styles/github.css";
2
+ import "highlight.js/styles/default.css";
3
3
  interface Service {
4
4
  type: string;
5
5
  params: any;
@@ -4,6 +4,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runt
4
4
  import React, { useEffect, useState, useRef } from "react";
5
5
  import { Modal, Drawer, Input, Tooltip } from "antd";
6
6
  import ViewImage from "../viewImage";
7
+ // import html2canvas from "html2canvas";
7
8
  import cssStyle from "./index.module.less";
8
9
  import cssStyleOnline from "./index2.module.less";
9
10
  let styles = cssStyle;
@@ -19,7 +20,7 @@ import TeacherList from "./teacherList";
19
20
  import { parseDate } from "../utils/Date";
20
21
  import { Remarkable } from "remarkable";
21
22
  import hljs from "highlight.js";
22
- import "highlight.js/styles/github.css";
23
+ import "highlight.js/styles/default.css";
23
24
  import { render } from "react-dom";
24
25
  import Provider from "../provider";
25
26
  const { TextArea } = Input;
@@ -105,104 +106,33 @@ const CustomerService = (props)=>{
105
106
  initShowType
106
107
  ]);
107
108
  useEffect(()=>{
108
- function handlerHtml2canvas() {
109
- console.log('kkkkkkkkkkk');
109
+ //|| showScreenshot
110
+ if (showType == 5 || showScreenshot) {
110
111
  try {
111
112
  newShowType.current = true;
112
113
  setImgBese64('');
113
- const plugin = new screenShotPlugin({
114
- clickCutFullScreen: true,
115
- enableWebRtc: true,
116
- loadCrossImg: true,
117
- canvasWidth: window.innerWidth,
118
- canvasHeight: window.innerHeight,
119
- level: -1,
120
- hiddenToolIco: true,
121
- screenShotDom: document.body,
122
- cropBoxInfo: {
123
- x: 0,
124
- y: 0,
125
- w: window.innerWidth,
126
- h: window.innerHeight
127
- },
128
- wrcReplyTime: 500,
129
- wrcWindowMode: false,
130
- hiddenScrollBar: {
131
- state: false
132
- },
133
- completeCallback: ({ base64 })=>{
134
- // console.log(
135
- // "截图组件加载完毕调用此方法来完成框选区域的截图",
136
- // base64
137
- // );
138
- setImgBese64(base64);
139
- },
140
- triggerCallback: ()=>{
141
- // 截图组件加载完毕调用此方法来完成框选区域的截图
142
- plugin.completeScreenshot();
114
+ // let dom = document.getElementById(screenshotAreaId);
115
+ html2canvas(screenshotAreaId, {
116
+ useCORS: true,
117
+ // allowTaint: true, // 污染处理
118
+ scale: 1,
119
+ // logging:true,
120
+ ignoreElements: (element)=>{
121
+ if (element.compareDocumentPosition(screenshotAreaId) === 2) return true;
122
+ return false;
143
123
  }
124
+ }).then(function(canvas) {
125
+ // document.body.appendChild(canvas);
126
+ console.log(canvas, 99999);
127
+ // var base64URL = canvas.toDataURL('image/jpeg')
128
+ let base64URL = canvas.toDataURL("image/jpg", 1.0);
129
+ console.log(base64URL);
130
+ setImgBese64(base64URL);
144
131
  });
145
- // modernScreenshot
146
- // .domToPng(document.querySelector("body"))
147
- // .then((dataUrl:any) => {
148
- // console.log(dataUrl);
149
- // setImgBese64(dataUrl);
150
- // });
151
- // domtoimage
152
- // .toPng(document.body)
153
- // .then(function (dataUrl:any) {
154
- // setImgBese64(dataUrl);
155
- // })
156
- // .catch(function (error:any) {
157
- // console.error("oops, something went wrong!", error);
158
- // });
159
- // //排除
160
- // new screenShotPlugin({
161
- // enableWebRtc: true,
162
- // canvasWidth:window.innerWidth,
163
- // canvasHeight:window.innerHeight,
164
- // level:9999999,
165
- // completeCallback: function (info:any) {
166
- // console.log(info);
167
- // setImgBese64(info.base64);
168
- // },
169
- // closeCallback: function () {
170
- // },
171
- // });
172
- // html2canvas(document.body,{//__docusaurus
173
- // useCORS: true, // 支持跨域图片截图
174
- // allowTaint: true, // 污染处理
175
- // scale: 1 ,// 图片比例
176
- // logging:false,
177
- // // foreignObjectRendering:true,
178
- // ignoreElements:(element: { compareDocumentPosition: (arg0: string) => number; })=>{
179
- // if(element.compareDocumentPosition(screenshotAreaId)===2)return true
180
- // return false
181
- // },
182
- // windowWidth:window.innerWidth,
183
- // windowHeight:window.innerHeight
184
- // })
185
- // .then(function (canvas:any) {
186
- // // document.body.appendChild(canvas);
187
- // // console.log(canvas,99999);
188
- // // var base64URL = canvas.toDataURL('image/jpeg')
189
- // let base64URL = canvas.toDataURL("image/jpg", 1.0)
190
- // // console.log(base64URL);
191
- // setImgBese64(base64URL);
192
- // // svgNodesToRemove.forEach(item=>{
193
- // // item.remove()
194
- // // })
195
- // });
196
132
  } catch (error) {
197
133
  console.log(error);
198
134
  }
199
135
  }
200
- //|| showScreenshot
201
- if (showType == 5 || showScreenshot) {
202
- console.log('bbbbbbbbbbbbbb');
203
- handlerHtml2canvas();
204
- // window.addEventListener('resize',handlerHtml2canvas)
205
- }
206
136
  if (showType != 1 && !firstLoad && pageCount > 0) {
207
137
  setFirstLoad(true);
208
138
  scrollToBottom();
@@ -262,7 +192,6 @@ const CustomerService = (props)=>{
262
192
  if (content) {
263
193
  content.removeEventListener("scroll", handleScroll);
264
194
  }
265
- window.removeEventListener('resize', handlerHtml2canvas);
266
195
  };
267
196
  }, [
268
197
  historyMessageList,
@@ -1739,18 +1668,11 @@ const CustomerService = (props)=>{
1739
1668
  /*#__PURE__*/ _jsxs("div", {
1740
1669
  className: styles.operate,
1741
1670
  children: [
1742
- /*#__PURE__*/ _jsxs("i", {
1743
- className: styles.popover_main,
1671
+ /*#__PURE__*/ _jsx("i", {
1744
1672
  onClick: ()=>{
1745
1673
  setShowHistory(true);
1746
1674
  },
1747
- children: [
1748
- /*#__PURE__*/ _jsx(CustomRecord, {}),
1749
- /*#__PURE__*/ _jsx("span", {
1750
- className: styles.popover,
1751
- children: "历史记录"
1752
- })
1753
- ]
1675
+ children: /*#__PURE__*/ _jsx(CustomRecord, {})
1754
1676
  }),
1755
1677
  /*#__PURE__*/ _jsx("span", {
1756
1678
  className: styles.line
@@ -1770,14 +1692,20 @@ const CustomerService = (props)=>{
1770
1692
  })
1771
1693
  ]
1772
1694
  }),
1773
- /*#__PURE__*/ _jsx("i", {
1695
+ /*#__PURE__*/ _jsxs("i", {
1774
1696
  className: styles.popover_main,
1775
1697
  onClick: ()=>{
1776
1698
  onEvent(serverName + serverUrl(), "click_智能问答_退出全屏", "提交");
1777
1699
  setShowType(3);
1778
1700
  setFirstLoad(false); //重启滚动条在最上方
1779
1701
  },
1780
- children: /*#__PURE__*/ _jsx(CloseOutlined, {})
1702
+ children: [
1703
+ /*#__PURE__*/ _jsx(CloseOutlined, {}),
1704
+ /*#__PURE__*/ _jsx("span", {
1705
+ className: styles.popover,
1706
+ children: "退出全屏"
1707
+ })
1708
+ ]
1781
1709
  })
1782
1710
  ]
1783
1711
  })
@@ -1177,8 +1177,8 @@
1177
1177
  max-height: 36px;
1178
1178
  word-break: break-all;
1179
1179
 
1180
- //display: flex;
1181
- //align-items: center;
1180
+ display: flex;
1181
+ align-items: center;
1182
1182
  img{
1183
1183
  margin-right: 8px;
1184
1184
  width: 60px;
@@ -1866,7 +1866,7 @@
1866
1866
  width: 417px;
1867
1867
  height: calc(100% - 48px);
1868
1868
  right: 0;
1869
- top: 38px;
1869
+ top: 48px;
1870
1870
  border-radius: 0;
1871
1871
  background: transparent;
1872
1872
  overflow: visible;
@@ -1918,7 +1918,7 @@
1918
1918
  background-color: transparent !important;
1919
1919
  // background-color: burlywood;
1920
1920
  .ReactCrop{
1921
- cursor: default !important;
1921
+
1922
1922
  }
1923
1923
  :global{
1924
1924
  .ReactCrop__child-wrapper{
@@ -1935,7 +1935,6 @@
1935
1935
  height: 100% !important;
1936
1936
  top: 0 !important;
1937
1937
  left: 0 !important;
1938
- cursor: default !important;
1939
1938
  }
1940
1939
 
1941
1940
  }
@@ -1175,8 +1175,8 @@
1175
1175
  max-height: 36px;
1176
1176
  word-break: break-all;
1177
1177
 
1178
- //display: flex;
1179
- //align-items: center;
1178
+ display: flex;
1179
+ align-items: center;
1180
1180
  img{
1181
1181
  margin-right: 8px;
1182
1182
  width: 60px;
@@ -1860,7 +1860,7 @@
1860
1860
  width: 417px;
1861
1861
  height: calc(100% - 48px);
1862
1862
  right: 0;
1863
- top: 38px;
1863
+ top: 48px;
1864
1864
  border-radius: 0;
1865
1865
  background: transparent;
1866
1866
  overflow: visible;
@@ -1904,7 +1904,7 @@
1904
1904
  background-color: transparent !important;
1905
1905
  // background-color: burlywood;
1906
1906
  .ReactCrop{
1907
- cursor: default !important;
1907
+
1908
1908
  }
1909
1909
  :global{
1910
1910
  .ReactCrop__child-wrapper{
@@ -1912,8 +1912,7 @@
1912
1912
  width: 100% !important;
1913
1913
  height: 100% !important;
1914
1914
  top: 0 !important;
1915
- left: 0 !important;
1916
- cursor: default !important;
1915
+ left: 0 !important
1917
1916
  }
1918
1917
  }
1919
1918
  :global{
@@ -101,9 +101,6 @@ const ScreenshotTool = /*#__PURE__*/ forwardRef((props, ref)=>{
101
101
  minWidth: 100,
102
102
  children: /*#__PURE__*/ _jsx("img", {
103
103
  alt: "Crop me",
104
- style: {
105
- display: 'none'
106
- },
107
104
  src: imgBese64,
108
105
  onLoad: onImageLoad
109
106
  })
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import "highlight.js/styles/github.css";
2
+ import "highlight.js/styles/default.css";
3
3
  interface data {
4
4
  type: number;
5
5
  roomId: String | number;
@@ -4,8 +4,7 @@ import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
4
4
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
5
5
  import React, { useEffect, useState, useRef } from "react";
6
6
  import styles from "./index.module.less";
7
- import "highlight.js/styles/github.css";
8
- //import "highlight.js/styles/default.css";
7
+ import "highlight.js/styles/default.css";
9
8
  import { Input } from "antd";
10
9
  import { CustomClose, CustomExpand, CustomAiIcon } from "../icons/index";
11
10
  import { SearchOutlined } from "@ant-design/icons";
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import "highlight.js/styles/github.css";
2
+ import "highlight.js/styles/default.css";
3
3
  interface Service {
4
4
  type: string;
5
5
  params: any;