@taskon/widget-react 0.0.1-beta.4 → 0.0.1-beta.6

package/dist/CommunityTaskList.css

@@ -114,9 +114,9 @@
   border: 1px solid var(--taskon-color-text);
   background: transparent;
   color: var(--taskon-color-text);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
-  line-height: 18px;
+  line-height: 1.29;
   cursor: pointer;
   transition: opacity 0.2s ease;
   white-space: nowrap;
@@ -185,9 +185,9 @@
   border: none;
   background: var(--taskon-color-bg-surface-strong);
   color: var(--taskon-color-text);
-  font-size: 12px;
+  font-size: var(--taskon-font-size-sm);
   font-weight: 500;
-  line-height: 16px;
+  line-height: 1.33;
   cursor: pointer;
   transition: opacity 0.2s ease;
   white-space: nowrap;
@@ -255,9 +255,9 @@
   border-radius: var(--taskon-border-radius-sm);
   border: 1px solid var(--taskon-color-border);
   color: var(--taskon-color-text-disabled);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
-  line-height: 18px;
+  line-height: 1.29;
   cursor: not-allowed;
   white-space: nowrap;
 }
@@ -271,8 +271,8 @@
 .taskon-community-task-done-countdown {
   margin-top: 10px;
   color: var(--taskon-color-text-disabled);
-  font-size: 14px;
-  line-height: 18px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.29;
 }
 
 /* 倒计时行 */
@@ -309,7 +309,7 @@
 .taskon-community-validation-tip-text {
   margin: 0;
   color: var(--taskon-color-warning);
-  font-size: 12px;
+  font-size: var(--taskon-font-size-sm);
   font-style: normal;
   font-weight: 400;
   line-height: normal;
@@ -323,8 +323,8 @@
 
 .taskon-community-task-progress-tip {
   margin-top: 8px;
-  font-size: 12px;
-  line-height: 16px;
+  font-size: var(--taskon-font-size-sm);
+  line-height: 1.33;
   color: var(--taskon-color-warning);
 }
 
@@ -465,8 +465,8 @@
   border-radius: var(--taskon-border-radius-sm);
   background: var(--taskon-color-bg-surface-subtle);
   color: var(--taskon-color-text-tertiary);
-  font-size: 13px;
-  line-height: 16px;
+  font-size: var(--taskon-font-size-sm);
+  line-height: 1.33;
   z-index: 1;
 }
 
@@ -482,9 +482,9 @@
 .taskon-community-task-title {
   margin: 0;
   padding-right: 50px;
-  font-size: 16px;
+  font-size: var(--taskon-font-size-lg);
   font-weight: 600;
-  line-height: 20px;
+  line-height: 1.25;
   color: var(--taskon-color-text);
   word-break: break-word;
 }
@@ -507,8 +507,8 @@
 
 .taskon-community-task-time {
   margin-top: 10px;
-  font-size: 14px;
-  line-height: 16px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.14;
 }
 
 .taskon-community-task-time-label {
@@ -539,7 +539,7 @@
   border: none;
   background: var(--taskon-color-primary-bg);
   color: var(--taskon-color-primary);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
   line-height: 34px;
   cursor: pointer;
@@ -585,9 +585,9 @@
   border: 1px solid var(--taskon-color-text);
   background: transparent;
   color: var(--taskon-color-text);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
-  line-height: 18px;
+  line-height: 1.29;
   cursor: pointer;
   transition: all 0.2s ease-in-out;
 }
@@ -615,8 +615,8 @@
 
 .taskon-community-task-cooldown {
   color: var(--taskon-color-text-tertiary);
-  font-size: 14px;
-  line-height: 18px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.29;
   text-align: right;
 }
 
@@ -655,9 +655,9 @@
   align-items: center;
   border-radius: var(--taskon-border-radius-sm);
   background: var(--taskon-color-bg-surface-subtle);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 600;
-  line-height: 18px;
+  line-height: 1.29;
   min-width: 0;
 }
 
@@ -711,8 +711,8 @@
 .taskon-community-task-won {
   display: flex;
   align-items: center;
-  font-size: 16px;
-  line-height: 20px;
+  font-size: var(--taskon-font-size-lg);
+  line-height: 1.25;
   min-height: 27px;
 }
 
@@ -779,9 +779,9 @@
 .taskon-community-task-won-status {
   margin-left: auto;
   color: var(--taskon-color-success);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 600;
-  line-height: 18px;
+  line-height: 1.29;
 }
 
 /* 周期任务完成状态 - 单次奖励 + 累计奖励 */
@@ -819,8 +819,8 @@
 
 .taskon-community-task-won-text {
   color: var(--taskon-color-text-tertiary);
-  font-size: 14px;
-  line-height: 18px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.29;
 }
 
 .taskon-community-task-won-reward {
@@ -843,9 +843,9 @@
   height: 34px;
   padding: 0 10px;
   border-radius: var(--taskon-border-radius-sm);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
-  line-height: 18px;
+  line-height: 1.29;
 }
 
 /* 审核失败：错误语义色 */
@@ -878,8 +878,8 @@
 
 .taskon-community-task-field {
   margin-top: 10px;
-  font-size: 14px;
-  line-height: 18px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.29;
   display: flex;
   align-items: center;
   gap: 4px;
@@ -965,7 +965,7 @@
   align-items: center;
   gap: 10px;
   color: var(--taskon-color-text-tertiary);
-  font-size: 16px;
+  font-size: var(--taskon-font-size-lg);
   font-style: normal;
   font-weight: 600;
   line-height: normal;
@@ -988,7 +988,7 @@
   white-space: nowrap;
   text-overflow: ellipsis;
   margin: 10px 0 0;
-  font-size: 16px;
+  font-size: var(--taskon-font-size-lg);
   font-style: normal;
   font-weight: 600;
   line-height: normal;
@@ -1007,7 +1007,7 @@
 
 .taskon-eligibility-mask-cond-title {
   color: var(--taskon-color-text-secondary);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-style: normal;
   font-weight: 500;
   line-height: normal;
@@ -1029,7 +1029,7 @@
   border: none;
   border-radius: var(--taskon-border-radius-sm);
   height: 22px;
-  font-size: 12px;
+  font-size: var(--taskon-font-size-sm);
   font-weight: 500;
   cursor: pointer;
   transition: opacity 0.2s;
@@ -1093,7 +1093,7 @@
   gap: 15px;
   height: 24px;
   margin-top: 6px;
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-style: normal;
   font-weight: 500;
   line-height: normal;
@@ -1152,8 +1152,8 @@
   border: none;
   background: transparent;
   color: var(--taskon-color-text-tertiary);
-  font-size: 13px;
-  line-height: 16px;
+  font-size: var(--taskon-font-size-sm);
+  line-height: 1.33;
   cursor: pointer;
   transition: color 0.2s ease;
 }
@@ -1199,8 +1199,8 @@
 
 .taskon-community-pow-desc {
   margin-top: 10px;
-  font-size: 14px;
-  line-height: 20px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.43;
   color: var(--taskon-color-text-secondary);
 }
 
@@ -1209,7 +1209,7 @@
 .taskon-community-pow-link {
   display: inline-block;
   margin-top: 8px;
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   color: var(--taskon-color-primary);
   text-decoration: none;
   cursor: pointer;
@@ -1223,9 +1223,9 @@
 
 .taskon-community-pow-review-status {
   margin-top: 12px;
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
-  line-height: 20px;
+  line-height: 1.43;
 }
 
 /* 审核中 */
@@ -3330,6 +3330,8 @@
   margin-top: 8px;
   font-size: 14px;
   color: var(--taskon-color-text-secondary);
+  overflow-wrap: anywhere;
+  word-break: break-word;
 }
 /**
  * SectorItem 组件样式
@@ -3367,9 +3369,9 @@
 /* Sector 标题 */
 
 .taskon-sector-name {
-  font-size: 24px;
+  font-size: var(--taskon-font-size-xxxl);
   font-weight: 700;
-  line-height: 40px;
+  line-height: 1.67;
   color: var(--taskon-color-text);
   margin: 0;
 }
@@ -3379,8 +3381,8 @@
 .taskon-sector-desc {
   margin-top: 4px;
   color: var(--taskon-color-text-tertiary);
-  font-size: 16px;
-  line-height: 20px;
+  font-size: var(--taskon-font-size-lg);
+  line-height: 1.25;
   white-space: pre-wrap;
 }
 
@@ -3402,9 +3404,9 @@
   border-radius: 48px;
   background: var(--taskon-color-primary);
   color: var(--taskon-color-text-on-primary);
-  font-size: 18px;
+  font-size: var(--taskon-font-size-xl);
   font-weight: 500;
-  line-height: 30px;
+  line-height: 1.67;
 }
 
 .taskon-sector-point img {
@@ -3428,9 +3430,9 @@
 .taskon-sector-completed {
   margin-top: 22px;
   color: var(--taskon-color-text);
-  font-size: 16px;
+  font-size: var(--taskon-font-size-lg);
   font-weight: 600;
-  line-height: 20px;
+  line-height: 1.25;
 }
 
 /* 已完成任务列表 */
@@ -3490,7 +3492,7 @@
 
 .taskon-task-dialog-period-amount {
   font-size: 32px;
-  line-height: 40px;
+  line-height: 1.25;
   display: flex;
   align-items: center;
 }
@@ -3516,9 +3518,9 @@
 
 .taskon-task-dialog-period-label {
   margin-left: 6px;
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 600;
-  line-height: 28px;
+  line-height: 2;
 }
 
 /* 周期模式 - 累计标签强调 */
@@ -3548,9 +3550,9 @@
 .taskon-task-dialog-cm-name {
   margin-left: 6px;
   color: var(--taskon-color-text-secondary);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
-  line-height: 18px;
+  line-height: 1.29;
 }
 /**
  * DialogTokenReward 组件样式
@@ -3579,9 +3581,9 @@
 
 .taskon-task-dialog-token-period-label {
   margin-left: 4px;
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 600;
-  line-height: 28px;
+  line-height: 2;
 }
 
 .taskon-task-dialog-token-period-label--em {
@@ -3665,7 +3667,7 @@
 
 .taskon-task-dialog-token-progress__content {
   color: var(--taskon-color-text-secondary);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
 }
 
@@ -3705,9 +3707,9 @@
   margin-top: 30px;
   color: var(--taskon-color-primary);
   text-align: center;
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
-  line-height: 18px;
+  line-height: 1.29;
 }
 /**
  * TaskDialogContent 组件样式
@@ -3764,8 +3766,8 @@
   border-radius: var(--taskon-border-radius-sm);
   background: var(--taskon-color-bg-surface-subtle);
   color: var(--taskon-color-text-secondary);
-  font-size: 13px;
-  line-height: 16px;
+  font-size: var(--taskon-font-size-sm);
+  line-height: 1.33;
 }
 
 /* ==================== 标题 ==================== */
@@ -3773,9 +3775,9 @@
 .taskon-task-dialog-title {
   margin: 20px 0 0 0;
   color: var(--taskon-color-text);
-  font-size: 22px;
+  font-size: var(--taskon-font-size-xxl);
   font-weight: 600;
-  line-height: 28px;
+  line-height: 1.27;
 }
 
 /* 标题链接样式 */
@@ -3796,8 +3798,8 @@
 
 .taskon-task-dialog-valid-time {
   margin-top: 15px;
-  font-size: 14px;
-  line-height: 18px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.29;
 }
 
 .taskon-task-dialog-valid-time-label {
@@ -3829,7 +3831,7 @@
   border: none;
   background: var(--taskon-color-primary-bg);
   color: var(--taskon-color-primary);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
   line-height: 40px;
   cursor: pointer;
@@ -3863,7 +3865,7 @@
   align-items: center;
   gap: 4px;
   color: var(--taskon-color-text);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-style: normal;
   font-weight: 600;
   line-height: normal;
@@ -3895,8 +3897,8 @@
 
 .taskon-task-dialog-rewards-label {
   color: var(--taskon-color-text);
-  font-size: 14px;
-  line-height: 18px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.29;
   font-weight: 600;
 }
 
@@ -3908,9 +3910,9 @@
   background: var(--taskon-color-bg-surface-subtle);
   padding: 3px 12px;
   color: var(--taskon-color-success);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 600;
-  line-height: 18px;
+  line-height: 1.29;
 }
 
 /* Updated at 标签 - Unlimited 任务专用，复刻 Vue updated-label */
@@ -3918,7 +3920,7 @@
 .taskon-task-dialog-updated {
   margin-left: auto;
   color: var(--taskon-color-text-secondary);
-  font-size: 12px;
+  font-size: var(--taskon-font-size-sm);
   font-weight: 500;
 }
 
@@ -3929,8 +3931,8 @@
   display: flex;
   align-items: center;
   color: var(--taskon-color-text-secondary);
-  font-size: 13px;
-  line-height: 16px;
+  font-size: var(--taskon-font-size-sm);
+  line-height: 1.33;
 }
 
 /* 分隔线 */
@@ -3947,9 +3949,9 @@
 .taskon-task-dialog-periodic-done__time {
   margin-left: 4px;
   color: var(--taskon-color-secondary);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
-  line-height: 18px;
+  line-height: 1.29;
 }
 
 /* ==================== 积分展示 ==================== */
@@ -3973,15 +3975,15 @@
   color: var(--taskon-color-secondary);
   font-size: 32px;
   font-weight: 600;
-  line-height: 40px;
+  line-height: 1.25;
 }
 
 .taskon-task-dialog-point-name {
   margin-left: auto;
   color: var(--taskon-color-text-secondary);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
-  line-height: 18px;
+  line-height: 1.29;
 }
 
 /* ==================== Claim 按钮 ==================== */
@@ -4004,7 +4006,7 @@
 .taskon-task-dialog-claim .taskon-community-task-claim {
   width: 100%;
   padding: 12px 24px;
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 600;
 }
 
@@ -4132,8 +4134,8 @@
 
 .taskon-pow-uploader-tip {
   margin-top: 13px;
-  font-size: 14px;
-  line-height: 20px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.43;
   letter-spacing: 0.04em;
   text-transform: uppercase;
   white-space: pre-wrap;
@@ -4179,11 +4181,13 @@
 .taskon-pow-dialog-error {
   margin-top: 15px;
   color: var(--taskon-color-error);
-  font-size: 14px;
-  line-height: 20px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.43;
   letter-spacing: 0.04em;
   text-align: left;
-  white-space: nowrap;
+  white-space: normal;
+  overflow-wrap: anywhere;
+  word-break: break-word;
 }
 
 /* ==================== 提交按钮 ==================== */
@@ -4204,7 +4208,7 @@
     var(--taskon-color-primary) 100%
   );
   color: var(--taskon-color-text-on-primary);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 600;
   line-height: 40px;
   cursor: pointer;
@@ -4228,7 +4232,7 @@
   border-radius: var(--taskon-border-radius-sm);
   background: var(--taskon-color-success-bg);
   color: var(--taskon-color-success);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
   text-align: center;
 }
@@ -4241,9 +4245,9 @@
   border-radius: var(--taskon-border-radius-sm);
   background: var(--taskon-color-warning-bg);
   color: var(--taskon-color-warning);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 600;
-  line-height: 18px;
+  line-height: 1.29;
 }
 
 .taskon-pow-dialog-status--failed {
@@ -4252,9 +4256,9 @@
   border-radius: var(--taskon-border-radius-sm);
   background: var(--taskon-color-error-bg);
   color: var(--taskon-color-error);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 600;
-  line-height: 18px;
+  line-height: 1.29;
 }
 /**
  * SwapDexDialogContent 组件样式
@@ -4268,8 +4272,8 @@
   display: flex;
   align-items: center;
   gap: 4px;
-  font-size: 16px;
-  line-height: 20px;
+  font-size: var(--taskon-font-size-lg);
+  line-height: 1.25;
   font-weight: 500;
 }
 
@@ -4284,8 +4288,8 @@
 
 .taskon-swap-dialog-progress-total {
   color: var(--taskon-color-text-secondary);
-  font-size: 14px;
-  line-height: 18px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.29;
 }
 
 /* ==================== 内容区块 ==================== */
@@ -4296,9 +4300,9 @@
 
 .taskon-swap-dialog-section-title {
   color: var(--taskon-color-text);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 600;
-  line-height: 18px;
+  line-height: 1.29;
 }
 
 .taskon-swap-dialog-section-content {
@@ -4307,8 +4311,8 @@
   border-radius: var(--taskon-border-radius);
   background: var(--taskon-color-bg-surface-subtle);
   color: var(--taskon-color-text);
-  font-size: 14px;
-  line-height: 18px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.29;
 }
 
 .taskon-swap-dialog-section-content--rules {
@@ -4356,7 +4360,7 @@
 
 .taskon-dialog-loading-text {
   color: var(--taskon-color-text-secondary);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
 }
 
 @keyframes taskon-spin {
@@ -4389,9 +4393,11 @@
 .taskon-dialog-error-message {
   color: var(--taskon-color-text-secondary);
   margin-bottom: 16px;
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   line-height: 1.5;
   max-width: 300px;
+  overflow-wrap: anywhere;
+  word-break: break-word;
 }
 
 .taskon-dialog-error-retry {
@@ -4401,7 +4407,7 @@
   border: none;
   border-radius: var(--taskon-border-radius);
   cursor: pointer;
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
   transition: opacity 0.2s;
 }
@@ -4483,9 +4489,9 @@
   margin-top: 20px;
   color: var(--taskon-color-primary);
   text-align: center;
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
-  line-height: 18px;
+  line-height: 1.29;
 }
 
 @supports (container-type: inline-size) {
@@ -4732,7 +4738,9 @@
   padding: 40px;
   text-align: center;
   color: var(--taskon-color-error);
-  font-size: 16px;
+  font-size: var(--taskon-font-size-lg);
+  overflow-wrap: anywhere;
+  word-break: break-word;
 }
 
 /* 空状态 */
@@ -4741,5 +4749,5 @@
   padding: 40px;
   text-align: center;
   color: var(--taskon-color-text-tertiary);
-  font-size: 16px;
+  font-size: var(--taskon-font-size-lg);
 }