shortcuts and tsgo

Author: sunnylqm

bun.lock

@@ -6,7 +6,8 @@
     "dev:local": "PUBLIC_API=http://localhost:9000 rsbuild dev",
     "build": "NODE_ENV=production rsbuild build",
     "preview": "rsbuild preview",
-    "lint": "tsc --noEmit && biome check --write ."
+    "typecheck": "tsgo --noEmit -p tsconfig.json",
+    "lint": "tsgo --noEmit -p tsconfig.json && biome check --write ."
   },
   "dependencies": {
     "@ant-design/charts": "^2.6.7",
@@ -36,6 +37,7 @@
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "@types/react-router-dom": "^5.3.3",
+    "@typescript/native-preview": "^7.0.0-dev.20260330.1",
     "mitata": "^1.0.34",
     "tailwindcss": "^4.2.2",
     "typescript": "^6.0.2"

package.json

@@ -44,6 +44,7 @@ const tierLabelMap = new Map(
   tierOptions.map((option) => [option.value, option.label]),
 );
 const defaultPremiumQuotaText = JSON.stringify(quotas.premium, null, 2);
+const expiryShortcutDays = [7, 30, 365] as const;
 
 // JSON Editor wrapper component for quota editing
 const JsonEditorWrapper = ({
@@ -187,6 +188,23 @@ export const Component = () => {
     }
   };
 
+  const handleExtendTierExpiry = (
+    days: (typeof expiryShortcutDays)[number],
+  ) => {
+    const currentValue = form.getFieldValue('tierExpiresAt');
+    const currentExpiry = currentValue ? dayjs(currentValue) : null;
+    const baseDate = currentExpiry?.isValid() ? currentExpiry : dayjs();
+
+    form.setFieldValue('tierExpiresAt', baseDate.add(days, 'day'));
+  };
+
+  const handleResetTierExpiry = () => {
+    form.setFieldValue(
+      'tierExpiresAt',
+      editingUser?.tierExpiresAt ? dayjs(editingUser.tierExpiresAt) : null,
+    );
+  };
+
   const columns: ColumnsType<AdminUser> = [
     {
       title: 'ID',
@@ -335,12 +353,26 @@ export const Component = () => {
                 ]}
               />
             </Form.Item>
-            <Form.Item
-              name="tierExpiresAt"
-              label="套餐过期时间"
-              className="mb-0!"
-            >
-              <DatePicker showTime className="w-full" />
+            <Form.Item label="套餐过期时间" className="mb-0!">
+              <Space direction="vertical" size="small" className="w-full">
+                <Form.Item name="tierExpiresAt" noStyle>
+                  <DatePicker showTime className="w-full" />
+                </Form.Item>
+                <Space wrap size={[8, 8]}>
+                  {expiryShortcutDays.map((days) => (
+                    <Button
+                      key={days}
+                      size="small"
+                      onClick={() => handleExtendTierExpiry(days)}
+                    >
+                      +{days} 天
+                    </Button>
+                  ))}
+                  <Button size="small" onClick={handleResetTierExpiry}>
+                    重置
+                  </Button>
+                </Space>
+              </Space>
             </Form.Item>
             <Form.Item
               label="自定义配额 (JSON，留空则使用默认配额)"