ds-markdown 0.2.4-beta.1 → 0.2.4-beta.3

package/es/components/CodeComponent/index.css

@@ -0,0 +1,551 @@
+.md-code-block.md-code-block-dark code[class*='language-'],
+.md-code-block.md-code-block-dark pre[class*='language-'] {
+  color: #e3eaf2;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  -moz-tab-size: 4;
+  tab-size: 4;
+  -webkit-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+  background: 0 0;
+  font-family: Consolas,
+    Monaco,
+    Andale Mono,
+    Ubuntu Mono,
+    monospace;
+  line-height: 1.5;
+}
+.md-code-block.md-code-block-dark pre[class*='language-']::-moz-selection {
+  background: #3c526d;
+}
+.md-code-block.md-code-block-dark pre[class*='language-'] ::-moz-selection {
+  background: #3c526d;
+}
+.md-code-block.md-code-block-dark code[class*='language-']::-moz-selection {
+  background: #3c526d;
+}
+.md-code-block.md-code-block-dark code[class*='language-'] ::-moz-selection {
+  background: #3c526d;
+}
+.md-code-block.md-code-block-dark pre[class*='language-']::-moz-selection {
+  background: #3c526d;
+}
+.md-code-block.md-code-block-dark pre[class*='language-'] ::-moz-selection {
+  background: #3c526d;
+}
+.md-code-block.md-code-block-dark code[class*='language-']::-moz-selection {
+  background: #3c526d;
+}
+.md-code-block.md-code-block-dark code[class*='language-'] ::-moz-selection {
+  background: #3c526d;
+}
+.md-code-block.md-code-block-dark pre[class*='language-']::-moz-selection {
+  background: #3c526d;
+}
+.md-code-block.md-code-block-dark pre[class*='language-']::selection {
+  background: #3c526d;
+}
+.md-code-block.md-code-block-dark pre[class*='language-'] ::-moz-selection {
+  background: #3c526d;
+}
+.md-code-block.md-code-block-dark pre[class*='language-'] ::selection {
+  background: #3c526d;
+}
+.md-code-block.md-code-block-dark code[class*='language-']::-moz-selection {
+  background: #3c526d;
+}
+.md-code-block.md-code-block-dark code[class*='language-']::selection {
+  background: #3c526d;
+}
+.md-code-block.md-code-block-dark code[class*='language-'] ::-moz-selection {
+  background: #3c526d;
+}
+.md-code-block.md-code-block-dark code[class*='language-'] ::selection {
+  background: #3c526d;
+}
+.md-code-block.md-code-block-dark pre[class*='language-'] {
+  margin: 0.5em 0;
+  padding: 1em;
+  overflow: auto;
+}
+.md-code-block.md-code-block-dark :not(pre) > code[class*='language-'],
+.md-code-block.md-code-block-dark pre[class*='language-'] {
+  background: #111b27;
+}
+.md-code-block.md-code-block-dark :not(pre) > code[class*='language-'] {
+  white-space: normal;
+  border-radius: 0.3em;
+  padding: 0.1em 0.3em;
+}
+.md-code-block.md-code-block-dark .token.comment,
+.md-code-block.md-code-block-dark .token.prolog,
+.md-code-block.md-code-block-dark .token.doctype,
+.md-code-block.md-code-block-dark .token.cdata {
+  color: #8da1b9;
+}
+.md-code-block.md-code-block-dark .token.punctuation {
+  color: #e3eaf2;
+}
+.md-code-block.md-code-block-dark .token.delimiter.important,
+.md-code-block.md-code-block-dark .token.selector .parent,
+.md-code-block.md-code-block-dark .token.tag,
+.md-code-block.md-code-block-dark .token.tag .token.punctuation {
+  color: #6cc;
+}
+.md-code-block.md-code-block-dark .token.attr-name,
+.md-code-block.md-code-block-dark .token.boolean,
+.md-code-block.md-code-block-dark .token.boolean.important,
+.md-code-block.md-code-block-dark .token.number,
+.md-code-block.md-code-block-dark .token.constant,
+.md-code-block.md-code-block-dark .token.selector .token.attribute {
+  color: #e6d37a;
+}
+.md-code-block.md-code-block-dark .token.class-name,
+.md-code-block.md-code-block-dark .token.key,
+.md-code-block.md-code-block-dark .token.parameter,
+.md-code-block.md-code-block-dark .token.property,
+.md-code-block.md-code-block-dark .token.property-access,
+.md-code-block.md-code-block-dark .token.variable {
+  color: #6cb8e6;
+}
+.md-code-block.md-code-block-dark .token.attr-value,
+.md-code-block.md-code-block-dark .token.inserted,
+.md-code-block.md-code-block-dark .token.color,
+.md-code-block.md-code-block-dark .token.selector .token.value,
+.md-code-block.md-code-block-dark .token.string,
+.md-code-block.md-code-block-dark .token.string .token.url-link {
+  color: #91d076;
+}
+.md-code-block.md-code-block-dark .token.builtin,
+.md-code-block.md-code-block-dark .token.keyword-array,
+.md-code-block.md-code-block-dark .token.package,
+.md-code-block.md-code-block-dark .token.regex {
+  color: #f4adf4;
+}
+.md-code-block.md-code-block-dark .token.function,
+.md-code-block.md-code-block-dark .token.selector .token.class,
+.md-code-block.md-code-block-dark .token.selector .token.id {
+  color: #c699e3;
+}
+.md-code-block.md-code-block-dark .token.atrule .token.rule,
+.md-code-block.md-code-block-dark .token.combinator,
+.md-code-block.md-code-block-dark .token.keyword,
+.md-code-block.md-code-block-dark .token.operator,
+.md-code-block.md-code-block-dark .token.pseudo-class,
+.md-code-block.md-code-block-dark .token.pseudo-element,
+.md-code-block.md-code-block-dark .token.selector,
+.md-code-block.md-code-block-dark .token.unit {
+  color: #e9ae7e;
+}
+.md-code-block.md-code-block-dark .token.deleted,
+.md-code-block.md-code-block-dark .token.important {
+  color: #cd6660;
+}
+.md-code-block.md-code-block-dark .token.keyword-this,
+.md-code-block.md-code-block-dark .token.this {
+  color: #6cb8e6;
+}
+.md-code-block.md-code-block-dark .token.important,
+.md-code-block.md-code-block-dark .token.keyword-this,
+.md-code-block.md-code-block-dark .token.this,
+.md-code-block.md-code-block-dark .token.bold {
+  font-weight: 700;
+}
+.md-code-block.md-code-block-dark .token.delimiter.important {
+  font-weight: inherit;
+}
+.md-code-block.md-code-block-dark .token.italic {
+  font-style: italic;
+}
+.md-code-block.md-code-block-dark .token.entity {
+  cursor: help;
+}
+.md-code-block.md-code-block-dark .language-markdown .token.title,
+.md-code-block.md-code-block-dark .language-markdown .token.title .token.punctuation {
+  color: #6cb8e6;
+  font-weight: 700;
+}
+.md-code-block.md-code-block-dark .language-markdown .token.blockquote.punctuation {
+  color: #f4adf4;
+}
+.md-code-block.md-code-block-dark .language-markdown .token.code {
+  color: #6cc;
+}
+.md-code-block.md-code-block-dark .language-markdown .token.hr.punctuation {
+  color: #6cb8e6;
+}
+.md-code-block.md-code-block-dark .language-markdown .token.url .token.content {
+  color: #91d076;
+}
+.md-code-block.md-code-block-dark .language-markdown .token.url-link {
+  color: #e6d37a;
+}
+.md-code-block.md-code-block-dark .language-markdown .token.list.punctuation {
+  color: #f4adf4;
+}
+.md-code-block.md-code-block-dark .language-markdown .token.table-header,
+.md-code-block.md-code-block-dark .language-json .token.operator {
+  color: #e3eaf2;
+}
+.md-code-block.md-code-block-dark .language-scss .token.variable {
+  color: #6cc;
+}
+.md-code-block.md-code-block-dark .token.token.tab:not(:empty):before,
+.md-code-block.md-code-block-dark .token.token.cr:before,
+.md-code-block.md-code-block-dark .token.token.lf:before,
+.md-code-block.md-code-block-dark .token.token.space:before {
+  color: #8da1b9;
+}
+.md-code-block.md-code-block-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > a,
+.md-code-block.md-code-block-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > button {
+  color: #111b27;
+  background: #6cb8e6;
+}
+.md-code-block.md-code-block-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover,
+.md-code-block.md-code-block-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus,
+.md-code-block.md-code-block-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover,
+.md-code-block.md-code-block-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus {
+  color: #111b27;
+  background: rgba(108, 184, 230, 0.855);
+  text-decoration: none;
+}
+.md-code-block.md-code-block-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > span,
+.md-code-block.md-code-block-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover,
+.md-code-block.md-code-block-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus {
+  color: #111b27;
+  background: #8da1b9;
+}
+.md-code-block.md-code-block-dark .line-highlight.line-highlight {
+  background: linear-gradient(90deg, rgba(60, 82, 109, 0.373) 70%, rgba(60, 82, 109, 0.333));
+}
+.md-code-block.md-code-block-dark .line-highlight.line-highlight:before,
+.md-code-block.md-code-block-dark .line-highlight.line-highlight[data-end]:after {
+  color: #111b27;
+  background-color: #8da1b9;
+  box-shadow: 0 1px #3c526d;
+}
+.md-code-block.md-code-block-dark pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before {
+  background-color: rgba(141, 161, 185, 0.094);
+}
+.md-code-block.md-code-block-dark .line-numbers.line-numbers .line-numbers-rows {
+  background: rgba(11, 18, 27, 0.48);
+  border-right: 1px solid #0b121b;
+}
+.md-code-block.md-code-block-dark .line-numbers .line-numbers-rows > span:before {
+  color: rgba(141, 161, 185, 0.855);
+}
+.md-code-block.md-code-block-dark .rainbow-braces .token.token.punctuation.brace-level-1,
+.md-code-block.md-code-block-dark .rainbow-braces .token.token.punctuation.brace-level-5,
+.md-code-block.md-code-block-dark .rainbow-braces .token.token.punctuation.brace-level-9 {
+  color: #e6d37a;
+}
+.md-code-block.md-code-block-dark .rainbow-braces .token.token.punctuation.brace-level-2,
+.md-code-block.md-code-block-dark .rainbow-braces .token.token.punctuation.brace-level-6,
+.md-code-block.md-code-block-dark .rainbow-braces .token.token.punctuation.brace-level-10 {
+  color: #f4adf4;
+}
+.md-code-block.md-code-block-dark .rainbow-braces .token.token.punctuation.brace-level-3,
+.md-code-block.md-code-block-dark .rainbow-braces .token.token.punctuation.brace-level-7,
+.md-code-block.md-code-block-dark .rainbow-braces .token.token.punctuation.brace-level-11 {
+  color: #6cb8e6;
+}
+.md-code-block.md-code-block-dark .rainbow-braces .token.token.punctuation.brace-level-4,
+.md-code-block.md-code-block-dark .rainbow-braces .token.token.punctuation.brace-level-8,
+.md-code-block.md-code-block-dark .rainbow-braces .token.token.punctuation.brace-level-12 {
+  color: #c699e3;
+}
+.md-code-block.md-code-block-dark pre.diff-highlight > code .token.token.deleted:not(.prefix),
+.md-code-block.md-code-block-dark pre > code.diff-highlight .token.token.deleted:not(.prefix) {
+  background-color: rgba(205, 102, 96, 0.12);
+}
+.md-code-block.md-code-block-dark pre.diff-highlight > code .token.token.inserted:not(.prefix),
+.md-code-block.md-code-block-dark pre > code.diff-highlight .token.token.inserted:not(.prefix) {
+  background-color: rgba(145, 208, 118, 0.12);
+}
+.md-code-block.md-code-block-dark .command-line .command-line-prompt {
+  border-right: 1px solid #0b121b;
+}
+.md-code-block.md-code-block-dark .command-line .command-line-prompt > span:before {
+  color: rgba(141, 161, 185, 0.855);
+}
+.md-code-block.md-code-block-light code[class*='language-'],
+.md-code-block.md-code-block-light pre[class*='language-'] {
+  color: #383a42;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  -moz-tab-size: 2;
+  tab-size: 2;
+  -webkit-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+  direction: ltr;
+  background: #fafafa;
+  font-family: Fira Code,
+    Fira Mono,
+    Menlo,
+    Consolas,
+    DejaVu Sans Mono,
+    monospace;
+  line-height: 1.5;
+}
+.md-code-block.md-code-block-light code[class*='language-']::-moz-selection {
+  color: inherit;
+  background: #e5e5e6;
+}
+.md-code-block.md-code-block-light code[class*='language-'] ::-moz-selection {
+  color: inherit;
+  background: #e5e5e6;
+}
+.md-code-block.md-code-block-light pre[class*='language-'] ::-moz-selection {
+  color: inherit;
+  background: #e5e5e6;
+}
+.md-code-block.md-code-block-light code[class*='language-']::-moz-selection {
+  color: inherit;
+  background: #e5e5e6;
+}
+.md-code-block.md-code-block-light code[class*='language-'] ::-moz-selection {
+  color: inherit;
+  background: #e5e5e6;
+}
+.md-code-block.md-code-block-light pre[class*='language-'] ::-moz-selection {
+  color: inherit;
+  background: #e5e5e6;
+}
+.md-code-block.md-code-block-light code[class*='language-']::-moz-selection {
+  color: inherit;
+  background: #e5e5e6;
+}
+.md-code-block.md-code-block-light code[class*='language-']::selection {
+  color: inherit;
+  background: #e5e5e6;
+}
+.md-code-block.md-code-block-light code[class*='language-'] ::-moz-selection {
+  color: inherit;
+  background: #e5e5e6;
+}
+.md-code-block.md-code-block-light code[class*='language-'] ::selection {
+  color: inherit;
+  background: #e5e5e6;
+}
+.md-code-block.md-code-block-light pre[class*='language-'] ::-moz-selection {
+  color: inherit;
+  background: #e5e5e6;
+}
+.md-code-block.md-code-block-light pre[class*='language-'] ::selection {
+  color: inherit;
+  background: #e5e5e6;
+}
+.md-code-block.md-code-block-light pre[class*='language-'] {
+  border-radius: 0.3em;
+  margin: 0.5em 0;
+  padding: 1em;
+  overflow: auto;
+}
+.md-code-block.md-code-block-light :not(pre) > code[class*='language-'] {
+  white-space: normal;
+  border-radius: 0.3em;
+  padding: 0.2em 0.3em;
+}
+.md-code-block.md-code-block-light .token.comment,
+.md-code-block.md-code-block-light .token.prolog,
+.md-code-block.md-code-block-light .token.cdata {
+  color: #a0a1a7;
+}
+.md-code-block.md-code-block-light .token.doctype,
+.md-code-block.md-code-block-light .token.punctuation,
+.md-code-block.md-code-block-light .token.entity {
+  color: #383a42;
+}
+.md-code-block.md-code-block-light .token.attr-name,
+.md-code-block.md-code-block-light .token.class-name,
+.md-code-block.md-code-block-light .token.boolean,
+.md-code-block.md-code-block-light .token.constant,
+.md-code-block.md-code-block-light .token.number,
+.md-code-block.md-code-block-light .token.atrule {
+  color: #b76b01;
+}
+.md-code-block.md-code-block-light .token.keyword {
+  color: #a626a4;
+}
+.md-code-block.md-code-block-light .token.property,
+.md-code-block.md-code-block-light .token.tag,
+.md-code-block.md-code-block-light .token.symbol,
+.md-code-block.md-code-block-light .token.deleted,
+.md-code-block.md-code-block-light .token.important {
+  color: #e45649;
+}
+.md-code-block.md-code-block-light .token.selector,
+.md-code-block.md-code-block-light .token.string,
+.md-code-block.md-code-block-light .token.char,
+.md-code-block.md-code-block-light .token.builtin,
+.md-code-block.md-code-block-light .token.inserted,
+.md-code-block.md-code-block-light .token.regex,
+.md-code-block.md-code-block-light .token.attr-value,
+.md-code-block.md-code-block-light .token.attr-value > .token.punctuation {
+  color: #50a14f;
+}
+.md-code-block.md-code-block-light .token.variable,
+.md-code-block.md-code-block-light .token.operator,
+.md-code-block.md-code-block-light .token.function {
+  color: #4078f2;
+}
+.md-code-block.md-code-block-light .token.url {
+  color: #0184bc;
+}
+.md-code-block.md-code-block-light .token.attr-value > .token.punctuation.attr-equals,
+.md-code-block.md-code-block-light .token.special-attr > .token.attr-value > .token.value.css {
+  color: #383a42;
+}
+.md-code-block.md-code-block-light .language-css .token.selector {
+  color: #e45649;
+}
+.md-code-block.md-code-block-light .language-css .token.property {
+  color: #383a42;
+}
+.md-code-block.md-code-block-light .language-css .token.function,
+.md-code-block.md-code-block-light .language-css .token.url > .token.function {
+  color: #0184bc;
+}
+.md-code-block.md-code-block-light .language-css .token.url > .token.string.url {
+  color: #50a14f;
+}
+.md-code-block.md-code-block-light .language-css .token.important,
+.md-code-block.md-code-block-light .language-css .token.atrule .token.rule,
+.md-code-block.md-code-block-light .language-javascript .token.operator {
+  color: #a626a4;
+}
+.md-code-block.md-code-block-light .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation {
+  color: #ca1243;
+}
+.md-code-block.md-code-block-light .language-json .token.operator {
+  color: #383a42;
+}
+.md-code-block.md-code-block-light .language-json .token.null.keyword {
+  color: #b76b01;
+}
+.md-code-block.md-code-block-light .language-markdown .token.url,
+.md-code-block.md-code-block-light .language-markdown .token.url > .token.operator,
+.md-code-block.md-code-block-light .language-markdown .token.url-reference.url > .token.string {
+  color: #383a42;
+}
+.md-code-block.md-code-block-light .language-markdown .token.url > .token.content {
+  color: #4078f2;
+}
+.md-code-block.md-code-block-light .language-markdown .token.url > .token.url,
+.md-code-block.md-code-block-light .language-markdown .token.url-reference.url {
+  color: #0184bc;
+}
+.md-code-block.md-code-block-light .language-markdown .token.blockquote.punctuation,
+.md-code-block.md-code-block-light .language-markdown .token.hr.punctuation {
+  color: #a0a1a7;
+  font-style: italic;
+}
+.md-code-block.md-code-block-light .language-markdown .token.code-snippet {
+  color: #50a14f;
+}
+.md-code-block.md-code-block-light .language-markdown .token.bold .token.content {
+  color: #b76b01;
+}
+.md-code-block.md-code-block-light .language-markdown .token.italic .token.content {
+  color: #a626a4;
+}
+.md-code-block.md-code-block-light .language-markdown .token.strike .token.content,
+.md-code-block.md-code-block-light .language-markdown .token.strike .token.punctuation,
+.md-code-block.md-code-block-light .language-markdown .token.list.punctuation,
+.md-code-block.md-code-block-light .language-markdown .token.title.important > .token.punctuation {
+  color: #e45649;
+}
+.md-code-block.md-code-block-light .token.bold {
+  font-weight: 700;
+}
+.md-code-block.md-code-block-light .token.comment,
+.md-code-block.md-code-block-light .token.italic {
+  font-style: italic;
+}
+.md-code-block.md-code-block-light .token.entity {
+  cursor: help;
+}
+.md-code-block.md-code-block-light .token.namespace {
+  opacity: 0.8;
+}
+.md-code-block.md-code-block-light .token.token.tab:not(:empty):before,
+.md-code-block.md-code-block-light .token.token.cr:before,
+.md-code-block.md-code-block-light .token.token.lf:before,
+.md-code-block.md-code-block-light .token.token.space:before {
+  color: rgba(56, 58, 66, 0.2);
+}
+.md-code-block-light {
+  --ds-md-code-block-border-color: #e5e5e5;
+  --ds-md-code-block-banner-wrap-background-color: white;
+  --ds-md-code-banner-background-color: #f5f5f5;
+  color: #494949;
+  background: #fafafa;
+}
+.md-code-block-dark {
+  --ds-md-code-block-border-color: var(--dsr-bg, transparent);
+  --ds-md-code-block-banner-wrap-background-color: #292a2d;
+  --ds-md-code-banner-background-color: #404045;
+  color: #fff;
+  background: #212327;
+}
+.md-code-block {
+  --ds-md-code-block-border-radius: 12px;
+  --ds-md-code-block-font-size: calc(var(--ds-md-zoom) * var(--ds-font-size-xsp));
+  border-radius: var(--ds-md-code-block-border-radius);
+  font-size: var(--ds-md-code-block-font-size);
+  line-height: calc(var(--ds-md-code-block-font-size) * 1.6);
+}
+.md-code-block:not(:last-child) {
+  margin-bottom: calc(var(--ds-md-zoom) * 10px);
+}
+.md-code-block-banner-wrap {
+  background-color: var(--ds-md-code-block-banner-wrap-background-color);
+  z-index: 6;
+  position: sticky;
+  top: 0;
+}
+.md-code-block-banner {
+  background: var(--ds-md-code-banner-background-color);
+  padding: calc(var(--ds-md-zoom) * 8px) calc(var(--ds-md-zoom) * 12px);
+  font-size: var(--ds-md-code-block-font-size);
+  line-height: var(--ds-md-code-block-font-size);
+  justify-content: space-between;
+  display: flex;
+  border-top-left-radius: var(--ds-md-code-block-border-radius);
+  border-top-right-radius: var(--ds-md-code-block-border-radius);
+}
+.md-code-block-banner-lite {
+  padding: 0;
+}
+.md-code-block-banner {
+  border-top-left-radius: var(--ds-md-code-block-border-radius);
+  border-top-right-radius: var(--ds-md-code-block-border-radius);
+  padding: 6px 14px 6px 6px;
+}
+.md-code-block-footer {
+  background: var(--ds-md-code-banner-background-color);
+  padding: calc(var(--ds-md-zoom) * 8px) calc(var(--ds-md-zoom) * 12px);
+  font-size: var(--ds-md-code-block-font-size);
+  line-height: var(--ds-md-code-block-font-size);
+  border-bottom-left-radius: var(--ds-md-code-block-border-radius);
+  border-bottom-right-radius: var(--ds-md-code-block-border-radius);
+  justify-content: flex-end;
+  display: flex;
+}
+.md-code-block-action {
+  align-items: center;
+  display: flex;
+}
+.md-code-block > pre {
+  padding: calc(var(--ds-md-zoom) * 8px) calc(var(--ds-md-zoom) * 12px);
+  white-space: pre-wrap;
+  word-break: break-all;
+  margin: 0 !important;
+}

package/es/components/CodeComponent/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.less';
+declare const CodeComponent: React.FC<{
+    className: string;
+    children: string;
+}>;
+export default CodeComponent;
+//# sourceMappingURL=index.d.ts.map

package/es/components/CodeComponent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeComponent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,cAAc,CAAC;AAEtB,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAUpE,CAAC;AACF,eAAe,aAAa,CAAC"}

package/es/components/CodeComponent/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import BlockWrap from './BlockWrap/index.js';
+import HighlightCode from './HighlightCode/index.js';
+import './index.css';
+const CodeComponent = ({ className, children = '' }) => {
+    const match = /language-(\w+)/.exec(className || '');
+    const codeContent = String(children).replace(/\n$/, '');
+    return match ? (_jsx(BlockWrap, { language: match[1], codeContent: codeContent, children: _jsx(HighlightCode, { code: codeContent, language: match[1] }) })) : (_jsx("code", { className: className, children: children }));
+};
+export default CodeComponent;
+//# sourceMappingURL=index.js.map

package/es/components/CodeComponent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CodeComponent/index.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,cAAc,CAAC;AAEtB,MAAM,aAAa,GAAsD,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,EAAE,EAAE,EAAE,EAAE;IACxG,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACxD,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,KAAC,SAAS,IAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,WAAW,YACrD,KAAC,aAAa,IAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,GAAI,GAC9C,CACb,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAQ,CAC9C,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,aAAa,CAAC"}

package/es/components/CopyButton/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface CopyButtonProps {
+    codeContent?: string;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const CopyButton: React.FC<CopyButtonProps>;
+export default CopyButton;
+//# sourceMappingURL=index.d.ts.map

package/es/components/CopyButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CopyButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAKzC,UAAU,eAAe;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqBzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/es/components/CopyButton/index.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CopyIcon } from '../Icon/index.js';
+import { useConfig } from '../../context/ConfigProvider/index.js';
+import SuccessButton from '../ui/SuccessButton/index.js';
+const CopyButton = ({ codeContent, style, className }) => {
+    const { locale } = useConfig();
+    const handleCopy = async () => {
+        try {
+            await navigator.clipboard.writeText(codeContent || '');
+            return true;
+        }
+        catch (err) {
+            // 降级方案：使用传统方法
+            const textArea = document.createElement('textarea');
+            textArea.value = codeContent || '';
+            textArea.select();
+            document.execCommand('copy');
+            return true;
+        }
+    };
+    return (_jsx(SuccessButton, { onClick: handleCopy, icon: _jsx(CopyIcon, { size: 24 }), executeText: locale.codeBlock.copied || 'copied', style: style, className: className, children: locale.codeBlock.copy || 'copy' }));
+};
+export default CopyButton;
+//# sourceMappingURL=index.js.map

package/es/components/CopyButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CopyButton/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAQhD,MAAM,UAAU,GAA8B,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;IAClF,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC;YACvD,OAAO,IAAI,CAAC;QACd,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,cAAc;YACd,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YACpD,QAAQ,CAAC,KAAK,GAAG,WAAW,IAAI,EAAE,CAAC;YACnC,QAAQ,CAAC,MAAM,EAAE,CAAC;YAClB,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAC7B,OAAO,IAAI,CAAC;QACd,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,aAAa,IAAC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM,IAAI,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,YACnJ,MAAM,CAAC,SAAS,CAAC,IAAI,IAAI,MAAM,GAClB,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/es/components/DownloadButton/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface DownloadButtonProps {
+    codeContent?: string;
+    language: string;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const DownloadButton: React.FC<DownloadButtonProps>;
+export default DownloadButton;
+//# sourceMappingURL=index.d.ts.map

package/es/components/DownloadButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,mBAAmB;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6DjD,CAAC;AAEF,eAAe,cAAc,CAAC"}