@yklyklpackages/message-card 0.6.3 → 0.7.0

package/dist/style.css

@@ -0,0 +1,480 @@
+@font-face {
+  font-family: xmdfont;
+  src: url(data:application/x-font-woff;charset=utf-8;base64,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) format("woff");
+}
+
+.xmdfont {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-size: 24px;
+  font-style: normal;
+  font-family: xmdfont !important;
+}
+
+.xmd-icon-search:before {
+  content: "";
+}
+
+.xmd-icon-image:before {
+  content: "";
+}
+
+.xmd-icon-image-error:before {
+  content: "";
+}
+
+.xmd-icon-fullscreen-shrink:before {
+  content: "";
+}
+
+.xmd-icon-fullscreen-expand:before {
+  content: "";
+}
+
+.xmd-icon-copy:before {
+  content: "";
+}
+
+.xmd {
+  color: var(--xmd-text_color);
+}
+
+.xmd-space {
+  height: var(--xmd-space_size);
+}
+
+.xmd-strong {
+  font-weight: bold;
+}
+
+.xmd-mark {
+  -webkit-text-decoration: underline var(--xmd-primary_color);
+  text-decoration: underline var(--xmd-primary_color);
+  background: none;
+}
+
+.xmd-paragraph {
+  font-size: var(--xmd-text_size);
+  line-height: var(--xmd-line_height);
+}
+
+.xmd-hr {
+  border: dashed var(--xmd-border_color);
+  margin: var(--xmd-hr_space_size) 0;
+  border-width: 2px 0 0;
+}
+
+.xmd-link {
+  color: var(--xmd-link_color);
+  text-decoration: none;
+}
+
+.xmd-link-search {
+  vertical-align: super;
+  width: 20px;
+  margin-left: 2px;
+  line-height: 0;
+  display: inline-block;
+}
+
+.xmd-link-search .xmdfont {
+  color: var(--xmd-link_color);
+  font-size: 18px;
+  line-height: 0;
+}
+
+.xmd-blockquote {
+  border-left-width: 4px;
+  border-left-color: var(--xmd-border_color);
+  background-color: var(--xmd-table_bg_color);
+  border-left-style: solid;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  padding-left: 16px;
+}
+
+.xmd-heading1, .xmd-heading2 {
+  margin-bottom: var(--xmd-heading_gap);
+  font-size: 34px;
+  font-weight: bold;
+  line-height: 54px;
+}
+
+.xmd-heading3 {
+  margin-bottom: var(--xmd-heading_gap);
+  font-size: 30px;
+  font-weight: bold;
+  line-height: 54px;
+}
+
+.xmd-heading4, .xmd-heading5, .xmd-heading6 {
+  margin-bottom: var(--xmd-heading_gap);
+  font-size: 30px;
+  font-weight: bold;
+  line-height: 48px;
+}
+
+.xmd-list-item {
+  flex-direction: row;
+  align-items: flex-start;
+  display: flex;
+}
+
+.xmd-ordered-list {
+  margin-top: var(--xmd-list_gap);
+  margin-bottom: var(--xmd-list_gap);
+}
+
+.xmd-ordered-list .xmd-ordered-list-item + .xmd-ordered-list-item {
+  margin-top: var(--xmd-ordered_item_gap);
+}
+
+.xmd-ordered-list-icon {
+  width: 28px;
+  font-size: var(--xmd-text_size);
+  line-height: var(--xmd-line_height);
+  flex-shrink: 0;
+  margin-right: 16px;
+  position: relative;
+}
+
+.xmd-ordered-list-icon:before {
+  content: "​";
+}
+
+.xmd-ordered-list-marker {
+  background-color: var(--xmd-primary_color);
+  width: 28px;
+  height: 28px;
+  color: var(--xmd-ordered_marker_color);
+  border-radius: 6px;
+  justify-content: center;
+  align-items: center;
+  margin-top: -2px;
+  font-size: 22px;
+  font-weight: 600;
+  display: inline-flex;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.xmd-ordered-list-content {
+  font-size: var(--xmd-text_size);
+  line-height: var(--xmd-line_height);
+  flex: 1;
+  min-width: 0;
+}
+
+.xmd-bullet-list {
+  margin-top: var(--xmd-list_gap);
+  margin-bottom: var(--xmd-list_gap);
+}
+
+.xmd-bullet-list .xmd-bullet-list-item + .xmd-bullet-list-item {
+  margin-top: var(--xmd-bullet_item_gap);
+}
+
+.xmd-bullet-list-icon {
+  width: 20px;
+  font-size: var(--xmd-text_size);
+  line-height: var(--xmd-line_height);
+  flex-shrink: 0;
+  margin-right: 12px;
+  position: relative;
+}
+
+.xmd-bullet-list-icon:before {
+  content: "​";
+}
+
+.xmd-bullet-list-marker {
+  background-color: var(--xmd-bullet_marker_color);
+  border-radius: 50%;
+  width: 8px;
+  height: 8px;
+  position: absolute;
+  top: 50%;
+  right: 0;
+  transform: translateY(-50%);
+}
+
+.xmd-bullet-list-markerTop {
+  background-color: var(--xmd-primary_color);
+}
+
+.xmd-bullet-list-content {
+  font-size: var(--xmd-text_size);
+  line-height: var(--xmd-line_height);
+  flex: 1;
+  min-width: 0;
+}
+
+.xmd-table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  table-layout: fixed;
+  background-color: var(--xmd-table_backgroundColor);
+}
+
+.xmd-table-scroll {
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  width: 100%;
+  overflow: auto visible;
+}
+
+.xmd-table-scroll::-webkit-scrollbar {
+  display: none;
+}
+
+.xmd-table-toolbar {
+  background-color: #e0e8f4cc;
+  border-bottom: 1px solid #d2e0f3;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  height: 76px;
+  padding: 0 24px;
+  display: flex;
+}
+
+.xmd-table-toolbar_title {
+  flex: 1;
+  font-size: 24px;
+  display: inline-flex;
+}
+
+.xmd-table-toolbar_spacer {
+  margin-right: 32px;
+}
+
+.xmd-table-toolbar_spacer:last-child {
+  margin-right: 0;
+}
+
+.xmd-table-wrapper {
+  width: 100%;
+  margin-bottom: var(--xmd-table_gap);
+  border: 1px solid var(--xmd-table_borderColor);
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+.xmd-table-container {
+  position: relative;
+}
+
+.xmd-table-leftGradient {
+  background: linear-gradient(to right, #00000026, #00000014, #0000);
+  width: 28px;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: -2px;
+}
+
+.xmd-table-rightGradient {
+  background: linear-gradient(to left, #00000026, #00000014, #0000);
+  width: 28px;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: -2px;
+}
+
+.xmd-table .xmd-thead {
+  background-color: var(--xmd-table_thead_backgroundColor);
+}
+
+.xmd-table .xmd-tr {
+  border-top: 1px solid var(--xmd-table_borderColor);
+}
+
+.xmd-table .xmd-tr:last-child {
+  border-bottom: none;
+}
+
+.xmd-table .xmd-td {
+  border-right: 1px solid var(--xmd-table_borderColor);
+  text-align: left;
+  padding: 12px 24px;
+}
+
+.xmd-table .xmd-td:last-child {
+  border-right: none;
+}
+
+.xmd-table .xmd-th {
+  border-right: 1px solid var(--xmd-table_borderColor);
+  text-align: left;
+  padding: 12px 24px;
+}
+
+.xmd-table .xmd-th:last-child {
+  border-right: none;
+}
+
+.xmd-table .xmd-td-text {
+  font-size: var(--xmd-table_text_size);
+  color: #000710;
+  line-height: var(--xmd-table_line_height);
+}
+
+.xmd-table .xmd-th-text {
+  font-weight: 600;
+  font-size: var(--xmd-table_text_size);
+  color: #000710;
+  line-height: var(--xmd-table_line_height);
+}
+
+.xmd-code-container {
+  background-color: #f6f8fa;
+  border-radius: 6px;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  overflow: hidden;
+}
+
+.xmd-code-header {
+  border-bottom: 1px solid var(--border-color);
+  background-color: #e1e4e8;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 12px;
+  display: flex;
+}
+
+.xmd-code-lang {
+  color: #586069;
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.xmd-code-content {
+  padding: 12px;
+}
+
+.xmd-code-text {
+  color: #24292e;
+  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+  font-size: 13px;
+  line-height: 19px;
+}
+
+.xmd-codespan {
+  color: #24292e;
+  background-color: #1b1f230d;
+  border-radius: 3px;
+  padding: 2px 4px;
+  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+  font-size: 85%;
+}
+
+.xmd-image-wrapper {
+  border-radius: 4px;
+  max-width: 100%;
+}
+
+.xmd-image-placeholder {
+  background-color: #f5f5f5;
+  border-radius: 8px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 240px;
+  display: flex;
+}
+
+.xmd-image-placeholder-text {
+  color: #999;
+  font-size: 24px;
+}
+
+.xmd-image-skeleton {
+  color: #a7a5a5;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.xmd-image-skeleton-text {
+  animation: 1.5s ease-in-out infinite loading-text;
+}
+
+.xmd-image-failure {
+  color: #a7a5a5;
+  background-color: #fef0f0;
+  border: 1px solid #fde2e2;
+  border-radius: 8px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 240px;
+  display: flex;
+}
+
+.xmd-image-failure-text {
+  color: #f56c6c;
+  font-size: 24px;
+}
+
+.xmd-emphasis {
+  font-style: normal;
+  font-size: var(--xmd-text_size);
+  line-height: var(--xmd-line_height);
+  color: var(--xmd-text_color);
+  background: none;
+}
+
+.xmd-loading {
+  vertical-align: middle;
+  align-items: center;
+  gap: 8px;
+  padding: 0 4px;
+  display: inline-flex;
+}
+
+.xmd-loading-dot {
+  opacity: .3;
+  background-color: #000;
+  border-radius: 50%;
+  width: 10px;
+  height: 10px;
+  animation: .9s ease-in-out infinite loading-fade;
+}
+
+.xmd-loading-dot:first-child {
+  animation-delay: 0s;
+}
+
+.xmd-loading-dot:nth-child(2) {
+  animation-delay: .3s;
+}
+
+.xmd-loading-dot:nth-child(3) {
+  animation-delay: .6s;
+}
+
+@keyframes loading-fade {
+  0% {
+    opacity: .3;
+  }
+
+  33% {
+    opacity: 1;
+  }
+
+  66%, 100% {
+    opacity: .3;
+  }
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yklyklpackages/message-card",
-  "version": "0.6.3",
+  "version": "0.7.0",
   "description": "A React component library for displaying message cards",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -39,12 +39,17 @@
   "devDependencies": {
     "@ant-design/icons": "6.x",
     "@eslint/js": "^8.57.0",
+    "@jdh-cross/aui-types": "4.9.0",
+    "@jdh-cross/markdown": "^0.1.3",
+    "@jdh-cross/message-template-engine": "^1.5.1",
+    "@jdh/laputa-interface": "^1.4.3",
     "@types/node": "^24.6.0",
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.1",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "@vitejs/plugin-react": "^4.3.4",
+    "antd": "5.29.2",
     "axios": "^1.7.9",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^10.1.8",
@@ -58,11 +63,6 @@
     "react-dom": "^18.3.1",
     "typescript": "~5.9.3",
     "vite": "^5.4.18",
-    "vite-plugin-dts": "^3.9.1",
-    "@jdh-cross/aui-types": "^4.3.0",
-    "@jdh-cross/markdown": "^0.1.3",
-    "@jdh-cross/message-template-engine": "^1.3.0",
-    "@jdh/laputa-interface": "^1.4.3",
-    "antd": "5.29.2"
+    "vite-plugin-dts": "^3.9.1"
   }
 }