@yklyklpackages/message-card 0.6.3 → 0.8.0

package/dist/style.css

@@ -0,0 +1,451 @@
+@charset "UTF-8";
+/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
+@font-face {
+  font-family: "xmdfont"; /* Project id 5108117 */
+  src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff");
+}
+.xmdfont {
+  font-family: "xmdfont" !important;
+  font-size: 24px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.xmd-icon-search:before {
+  content: "\e6f9";
+}
+
+.xmd-icon-image:before {
+  content: "\e7eb";
+}
+
+.xmd-icon-image-error:before {
+  content: "\e7e7";
+}
+
+.xmd-icon-fullscreen-shrink:before {
+  content: "\e676";
+}
+
+.xmd-icon-fullscreen-expand:before {
+  content: "\e675";
+}
+
+.xmd-icon-copy:before {
+  content: "\e7fa";
+}
+.xmd {
+  color: var(--xmd-text_color, #000710);
+}
+.xmd-space {
+  height: var(--xmd-space_size, 4px);
+}
+.xmd-strong {
+  font-weight: bold;
+}
+.xmd-mark {
+  background: none;
+  text-decoration: underline var(--xmd-primary_color, #02B176);
+}
+.xmd-paragraph {
+  font-size: var(--xmd-text_size, 30px);
+  line-height: var(--xmd-line_height, 48px);
+}
+.xmd-hr {
+  border: dashed var(--xmd-border_color, #e1e4e8);
+  margin: var(--xmd-hr_space_size, 16px) 0;
+  border-width: 2px 0 0;
+}
+.xmd-link {
+  color: var(--xmd-link_color, #0D6C58);
+  text-decoration: none;
+}
+.xmd-link-search {
+  display: inline-block;
+  width: 20px;
+  margin-left: 2px;
+  margin-right: 4px;
+  vertical-align: super;
+  line-height: 0;
+}
+.xmd-link-search .xmdfont {
+  font-size: 18px;
+  line-height: 0;
+  color: var(--xmd-link_color, #0D6C58);
+}
+/* ==================== 引用块 ==================== */
+.xmd-blockquote {
+  border-left-width: 4px;
+  border-left-color: var(--xmd-border_color, #e1e4e8);
+  border-left-style: solid;
+  padding-left: 16px;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  background-color: var(--xmd-table_bg_color, #ffffff);
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+/* ==================== 标题样式 ==================== */
+.xmd-heading1 {
+  font-size: 34px;
+  font-weight: bold;
+  line-height: 54px;
+  margin-bottom: var(--xmd-heading_gap, 10px);
+}
+.xmd-heading2 {
+  font-size: 34px;
+  font-weight: bold;
+  line-height: 54px;
+  margin-bottom: var(--xmd-heading_gap, 10px);
+}
+.xmd-heading3 {
+  font-size: 30px;
+  font-weight: bold;
+  line-height: 54px;
+  margin-bottom: var(--xmd-heading_gap, 10px);
+}
+.xmd-heading4 {
+  font-size: 30px;
+  font-weight: bold;
+  line-height: 48px;
+  margin-bottom: var(--xmd-heading_gap, 10px);
+}
+.xmd-heading5 {
+  font-size: 30px;
+  font-weight: bold;
+  line-height: 48px;
+  margin-bottom: var(--xmd-heading_gap, 10px);
+}
+.xmd-heading6 {
+  font-size: 30px;
+  font-weight: bold;
+  line-height: 48px;
+  margin-bottom: var(--xmd-heading_gap, 10px);
+}
+/* ==================== 列表样式 ==================== */
+.xmd-list-item {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+}
+.xmd-ordered-list {
+  margin-top: var(--xmd-list_gap, 16px);
+  margin-bottom: var(--xmd-list_gap, 16px);
+}
+.xmd-ordered-list .xmd-ordered-list-item + .xmd-ordered-list-item {
+  margin-top: var(--xmd-ordered_item_gap, 16px);
+}
+.xmd-ordered-list-icon {
+  position: relative;
+  width: 28px;
+  margin-right: 16px;
+  flex-shrink: 0;
+  font-size: var(--xmd-text_size, 30px);
+  line-height: var(--xmd-line_height, 48px);
+}
+.xmd-ordered-list-icon::before {
+  content: "​";
+}
+.xmd-ordered-list-marker {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 6px;
+  background-color: var(--xmd-primary_color, #02B176);
+  color: var(--xmd-ordered_marker_color, #ffffff);
+  font-size: 22px;
+  font-weight: 600;
+}
+.xmd-ordered-list-content {
+  flex: 1;
+  font-size: var(--xmd-text_size, 30px);
+  line-height: var(--xmd-line_height, 48px);
+  min-width: 0;
+}
+.xmd-bullet-list {
+  margin-top: var(--xmd-list_gap, 16px);
+  margin-bottom: var(--xmd-list_gap, 16px);
+}
+.xmd-bullet-list.xmd-bullet-indent {
+  margin-left: 40px;
+}
+.xmd-bullet-list .xmd-bullet-list-item + .xmd-bullet-list-item {
+  margin-top: var(--xmd-bullet_item_gap, 16px);
+}
+.xmd-bullet-list-icon {
+  position: relative;
+  width: 20px;
+  margin-right: 12px;
+  flex-shrink: 0;
+  font-size: var(--xmd-text_size, 30px);
+  line-height: var(--xmd-line_height, 48px);
+}
+.xmd-bullet-list-icon::before {
+  content: "​";
+}
+.xmd-bullet-list-marker {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  transform: translateY(-50%);
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background-color: var(--xmd-bullet_marker_color, #646566);
+}
+.xmd-bullet-list-markerTop {
+  background-color: var(--xmd-primary_color, #02B176);
+}
+.xmd-bullet-list-content {
+  flex: 1;
+  font-size: var(--xmd-text_size, 30px);
+  line-height: var(--xmd-line_height, 48px);
+  min-width: 0;
+}
+/** ==================== 表格样式 ==================== */
+.xmd-table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  table-layout: fixed;
+  background-color: var(--xmd-table_backgroundColor, #ffffff);
+}
+.xmd-table-scroll {
+  width: 100%;
+  overflow-x: auto;
+  overflow-y: visible;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none; /* firefox */
+  -ms-overflow-style: none; /* IE 10+ */
+}
+.xmd-table-scroll::-webkit-scrollbar {
+  display: none; /* Chrome Safari */
+}
+.xmd-table-toolbar {
+  height: 76px;
+  padding: 0 24px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  background-color: rgba(224, 232, 244, 0.8);
+  border-bottom: 1px solid #D2E0F3;
+}
+.xmd-table-toolbar_title {
+  font-size: 24px;
+  flex: 1;
+  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, #dfe2e5);
+  border-radius: 6px;
+  overflow: hidden;
+}
+.xmd-table-container {
+  position: relative;
+}
+.xmd-table-leftGradient {
+  position: absolute;
+  left: -2px;
+  top: 0;
+  bottom: 0;
+  width: 28px;
+  background: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.08), transparent);
+}
+.xmd-table-rightGradient {
+  position: absolute;
+  right: -2px;
+  top: 0;
+  bottom: 0;
+  width: 28px;
+  background: linear-gradient(to left, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.08), transparent);
+}
+.xmd-table .xmd-thead {
+  background-color: var(--xmd-table_thead_backgroundColor, rgba(231, 240, 254, 0.5));
+}
+.xmd-table .xmd-tr {
+  border-top: 1px solid var(--xmd-table_borderColor, #dfe2e5);
+}
+.xmd-table .xmd-tr:last-child {
+  border-bottom: none;
+}
+.xmd-table .xmd-td {
+  padding: 12px 24px;
+  border-right: 1px solid var(--xmd-table_borderColor, #dfe2e5);
+  text-align: left;
+}
+.xmd-table .xmd-td:last-child {
+  border-right: none;
+}
+.xmd-table .xmd-th {
+  padding: 12px 24px;
+  border-right: 1px solid var(--xmd-table_borderColor, #dfe2e5);
+  text-align: left;
+}
+.xmd-table .xmd-th:last-child {
+  border-right: none;
+}
+.xmd-table .xmd-td-text {
+  font-size: var(--xmd-table_text_size, 28px);
+  color: #000710;
+  line-height: var(--xmd-table_line_height, 40px);
+}
+.xmd-table .xmd-th-text {
+  font-weight: 600;
+  font-size: var(--xmd-table_text_size, 28px);
+  color: #000710;
+  line-height: var(--xmd-table_line_height, 40px);
+}
+/* ==================== 代码样式 ==================== */
+.xmd-code-container {
+  margin-top: 8px;
+  margin-bottom: 8px;
+  background-color: #f6f8fa;
+  border-radius: 6px;
+  overflow: hidden;
+}
+.xmd-code-header {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 12px;
+  background-color: #e1e4e8;
+  border-bottom: 1px solid var(--border-color, #dfe2e5);
+}
+.xmd-code-lang {
+  font-size: 12px;
+  color: #586069;
+  font-weight: 600;
+}
+.xmd-code-content {
+  padding: 12px;
+}
+.xmd-code-text {
+  font-family: "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", monospace;
+  font-size: 13px;
+  line-height: 19px;
+  color: #24292e;
+}
+.xmd-codespan {
+  background-color: rgba(27, 31, 35, 0.05);
+  padding: 2px 4px;
+  border-radius: 3px;
+  font-family: "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", monospace;
+  font-size: 85%;
+  color: #24292e;
+}
+/* ==================== 图片样式 ==================== */
+.xmd-image-wrapper {
+  max-width: 100%;
+  border-radius: 4px;
+}
+.xmd-image-placeholder {
+  width: 100%;
+  height: 240px;
+  background-color: #f5f5f5;
+  border-radius: 8px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.xmd-image-placeholder-text {
+  font-size: 24px;
+  color: #999;
+}
+.xmd-image-skeleton {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #a7a5a5;
+}
+.xmd-image-skeleton-text {
+  animation: loading-text 1.5s ease-in-out infinite;
+}
+.xmd-image-failure {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 240px;
+  background-color: #fef0f0;
+  border-radius: 8px;
+  border: 1px solid #fde2e2;
+  color: #a7a5a5;
+}
+.xmd-image-failure-text {
+  color: #f56c6c;
+  font-size: 24px;
+}
+/* ==================== 强调样式 ==================== */
+.xmd-emphasis {
+  font-style: normal;
+  font-size: var(--xmd-text_size, 30px);
+  line-height: var(--xmd-line_height, 48px);
+  color: var(--xmd-text_color, #000710);
+  background: none;
+}
+/* ==================== loading样式 ==================== */
+.xmd-loading {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 0 4px;
+  vertical-align: middle;
+}
+.xmd-loading-dot {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: #000;
+  opacity: 0.3;
+  animation: loading-fade 0.9s infinite ease-in-out;
+}
+.xmd-loading-dot:nth-child(1) {
+  animation-delay: 0s;
+}
+.xmd-loading-dot:nth-child(2) {
+  animation-delay: 0.3s;
+}
+.xmd-loading-dot:nth-child(3) {
+  animation-delay: 0.6s;
+}
+@keyframes loading-fade {
+  0% {
+    opacity: 0.3;
+  }
+  33% {
+    opacity: 1;
+  }
+  66%, 100% {
+    opacity: 0.3;
+  }
+}.aui-button-loading {
+  animation: rotation 1s linear infinite; /* 1秒转一圈，线性无限循环 */
+}
+
+@keyframes rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yklyklpackages/message-card",
-  "version": "0.6.3",
+  "version": "0.8.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": "5.1.0",
+    "@jdh-cross/markdown": "^0.1.17",
+    "@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",
@@ -56,13 +61,9 @@
     "qs": "^6.13.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "sass-embedded": "^1.98.0",
     "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"
   }
 }