@yklyklpackages/message-card 0.7.0 → 0.9.0

package/dist/style.css

@@ -1,480 +1,451 @@
+@charset "UTF-8";
+/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
 @font-face {
-  font-family: xmdfont;
-  src: url(data:application/x-font-woff;charset=utf-8;base64,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) format("woff");
+  font-family: "xmdfont"; /* Project id 5108117 */
+  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-family: "xmdfont" !important;
   font-size: 24px;
   font-style: normal;
-  font-family: xmdfont !important;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 .xmd-icon-search:before {
-  content: "";
+  content: "\e6f9";
 }
 
 .xmd-icon-image:before {
-  content: "";
+  content: "\e7eb";
 }
 
 .xmd-icon-image-error:before {
-  content: "";
+  content: "\e7e7";
 }
 
 .xmd-icon-fullscreen-shrink:before {
-  content: "";
+  content: "\e676";
 }
 
 .xmd-icon-fullscreen-expand:before {
-  content: "";
+  content: "\e675";
 }
 
 .xmd-icon-copy:before {
-  content: "";
+  content: "\e7fa";
 }
-
 .xmd {
-  color: var(--xmd-text_color);
+  color: var(--xmd-text_color, #000710);
 }
-
 .xmd-space {
-  height: var(--xmd-space_size);
+  height: var(--xmd-space_size, 4px);
 }
-
 .xmd-strong {
   font-weight: bold;
 }
-
 .xmd-mark {
-  -webkit-text-decoration: underline var(--xmd-primary_color);
-  text-decoration: underline var(--xmd-primary_color);
   background: none;
+  text-decoration: underline var(--xmd-primary_color, #02B176);
 }
-
 .xmd-paragraph {
-  font-size: var(--xmd-text_size);
-  line-height: var(--xmd-line_height);
+  font-size: var(--xmd-text_size, 30px);
+  line-height: var(--xmd-line_height, 48px);
 }
-
 .xmd-hr {
-  border: dashed var(--xmd-border_color);
-  margin: var(--xmd-hr_space_size) 0;
+  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);
+  color: var(--xmd-link_color, #0D6C58);
   text-decoration: none;
 }
-
 .xmd-link-search {
-  vertical-align: super;
+  display: inline-block;
   width: 20px;
   margin-left: 2px;
+  margin-right: 4px;
+  vertical-align: super;
   line-height: 0;
-  display: inline-block;
 }
-
 .xmd-link-search .xmdfont {
-  color: var(--xmd-link_color);
   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);
-  background-color: var(--xmd-table_bg_color);
+  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;
-  padding-left: 16px;
 }
-
-.xmd-heading1, .xmd-heading2 {
-  margin-bottom: var(--xmd-heading_gap);
+/* ==================== 标题样式 ==================== */
+.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 {
-  margin-bottom: var(--xmd-heading_gap);
   font-size: 30px;
   font-weight: bold;
   line-height: 54px;
+  margin-bottom: var(--xmd-heading_gap, 10px);
 }
-
-.xmd-heading4, .xmd-heading5, .xmd-heading6 {
-  margin-bottom: var(--xmd-heading_gap);
+.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;
-  display: flex;
 }
-
 .xmd-ordered-list {
-  margin-top: var(--xmd-list_gap);
-  margin-bottom: var(--xmd-list_gap);
+  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);
+  margin-top: var(--xmd-ordered_item_gap, 16px);
 }
-
 .xmd-ordered-list-icon {
+  position: relative;
   width: 28px;
-  font-size: var(--xmd-text_size);
-  line-height: var(--xmd-line_height);
-  flex-shrink: 0;
   margin-right: 16px;
-  position: relative;
+  flex-shrink: 0;
+  font-size: var(--xmd-text_size, 30px);
+  line-height: var(--xmd-line_height, 48px);
 }
-
-.xmd-ordered-list-icon:before {
+.xmd-ordered-list-icon::before {
   content: "​";
 }
-
 .xmd-ordered-list-marker {
-  background-color: var(--xmd-primary_color);
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
   width: 28px;
   height: 28px;
-  color: var(--xmd-ordered_marker_color);
   border-radius: 6px;
-  justify-content: center;
-  align-items: center;
-  margin-top: -2px;
+  background-color: var(--xmd-primary_color, #02B176);
+  color: var(--xmd-ordered_marker_color, #ffffff);
   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;
+  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);
-  margin-bottom: var(--xmd-list_gap);
+  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);
+  margin-top: var(--xmd-bullet_item_gap, 16px);
 }
-
 .xmd-bullet-list-icon {
+  position: relative;
   width: 20px;
-  font-size: var(--xmd-text_size);
-  line-height: var(--xmd-line_height);
-  flex-shrink: 0;
   margin-right: 12px;
-  position: relative;
+  flex-shrink: 0;
+  font-size: var(--xmd-text_size, 30px);
+  line-height: var(--xmd-line_height, 48px);
 }
-
-.xmd-bullet-list-icon:before {
+.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%);
+  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);
+  background-color: var(--xmd-primary_color, #02B176);
 }
-
 .xmd-bullet-list-content {
-  font-size: var(--xmd-text_size);
-  line-height: var(--xmd-line_height);
   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);
+  background-color: var(--xmd-table_backgroundColor, #ffffff);
 }
-
 .xmd-table-scroll {
-  -webkit-overflow-scrolling: touch;
-  scrollbar-width: none;
-  -ms-overflow-style: none;
   width: 100%;
-  overflow: auto visible;
+  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;
+  display: none; /* Chrome Safari */
 }
-
 .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;
+  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 {
-  flex: 1;
   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);
+  border: 1px solid var(--xmd-table_borderColor, #dfe2e5);
   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;
+  left: -2px;
   top: 0;
   bottom: 0;
-  left: -2px;
+  width: 28px;
+  background: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.08), transparent);
 }
-
 .xmd-table-rightGradient {
-  background: linear-gradient(to left, #00000026, #00000014, #0000);
-  width: 28px;
   position: absolute;
+  right: -2px;
   top: 0;
   bottom: 0;
-  right: -2px;
+  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);
+  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);
+  border-top: 1px solid var(--xmd-table_borderColor, #dfe2e5);
 }
-
 .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;
+  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 {
-  border-right: 1px solid var(--xmd-table_borderColor);
-  text-align: left;
   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);
+  font-size: var(--xmd-table_text_size, 28px);
   color: #000710;
-  line-height: var(--xmd-table_line_height);
+  line-height: var(--xmd-table_line_height, 40px);
 }
-
 .xmd-table .xmd-th-text {
   font-weight: 600;
-  font-size: var(--xmd-table_text_size);
+  font-size: var(--xmd-table_text_size, 28px);
   color: #000710;
-  line-height: var(--xmd-table_line_height);
+  line-height: var(--xmd-table_line_height, 40px);
 }
-
+/* ==================== 代码样式 ==================== */
 .xmd-code-container {
-  background-color: #f6f8fa;
-  border-radius: 6px;
   margin-top: 8px;
   margin-bottom: 8px;
+  background-color: #f6f8fa;
+  border-radius: 6px;
   overflow: hidden;
 }
-
 .xmd-code-header {
-  border-bottom: 1px solid var(--border-color);
-  background-color: #e1e4e8;
+  display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   padding: 8px 12px;
-  display: flex;
+  background-color: #e1e4e8;
+  border-bottom: 1px solid var(--border-color, #dfe2e5);
 }
-
 .xmd-code-lang {
-  color: #586069;
   font-size: 12px;
+  color: #586069;
   font-weight: 600;
 }
-
 .xmd-code-content {
   padding: 12px;
 }
-
 .xmd-code-text {
-  color: #24292e;
-  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+  font-family: "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", monospace;
   font-size: 13px;
   line-height: 19px;
+  color: #24292e;
 }
-
 .xmd-codespan {
-  color: #24292e;
-  background-color: #1b1f230d;
-  border-radius: 3px;
+  background-color: rgba(27, 31, 35, 0.05);
   padding: 2px 4px;
-  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+  border-radius: 3px;
+  font-family: "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", monospace;
   font-size: 85%;
+  color: #24292e;
 }
-
+/* ==================== 图片样式 ==================== */
 .xmd-image-wrapper {
-  border-radius: 4px;
   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;
-  width: 100%;
-  height: 240px;
-  display: flex;
 }
-
 .xmd-image-placeholder-text {
-  color: #999;
   font-size: 24px;
+  color: #999;
 }
-
 .xmd-image-skeleton {
-  color: #a7a5a5;
+  display: flex;
   flex-direction: column;
-  justify-content: center;
   align-items: center;
-  display: flex;
+  justify-content: center;
+  color: #a7a5a5;
 }
-
 .xmd-image-skeleton-text {
-  animation: 1.5s ease-in-out infinite loading-text;
+  animation: loading-text 1.5s ease-in-out infinite;
 }
-
 .xmd-image-failure {
-  color: #a7a5a5;
-  background-color: #fef0f0;
-  border: 1px solid #fde2e2;
-  border-radius: 8px;
+  display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 240px;
-  display: flex;
+  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);
-  line-height: var(--xmd-line_height);
-  color: var(--xmd-text_color);
+  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 {
-  vertical-align: middle;
+  display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 0 4px;
-  display: inline-flex;
+  vertical-align: middle;
 }
-
 .xmd-loading-dot {
-  opacity: .3;
-  background-color: #000;
-  border-radius: 50%;
   width: 10px;
   height: 10px;
-  animation: .9s ease-in-out infinite loading-fade;
+  border-radius: 50%;
+  background-color: #000;
+  opacity: 0.3;
+  animation: loading-fade 0.9s infinite ease-in-out;
 }
-
-.xmd-loading-dot:first-child {
+.xmd-loading-dot:nth-child(1) {
   animation-delay: 0s;
 }
-
 .xmd-loading-dot:nth-child(2) {
-  animation-delay: .3s;
+  animation-delay: 0.3s;
 }
-
 .xmd-loading-dot:nth-child(3) {
-  animation-delay: .6s;
+  animation-delay: 0.6s;
 }
-
 @keyframes loading-fade {
   0% {
-    opacity: .3;
+    opacity: 0.3;
   }
-
   33% {
     opacity: 1;
   }
-
   66%, 100% {
-    opacity: .3;
+    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.7.0",
+  "version": "0.9.0",
   "description": "A React component library for displaying message cards",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -39,8 +39,8 @@
   "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/aui-types": "5.2.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",
@@ -61,6 +61,7 @@
     "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"

package/dist/components/layout/CardLayout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardLayout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/CardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAMtD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,WAAW,GAAG;QAAE,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;KAAE,GAAG;QACnD,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC9B,CAAC;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8EhD,CAAC;AAEF,eAAe,UAAU,CAAC"}