payment-kit 1.22.32 → 1.23.1

package/api/src/store/models/types.ts

@@ -835,3 +835,51 @@ export type StructuredSourceDataField = {
 };
 
 export type SourceData = SimpleSourceData | StructuredSourceDataField[];
+
+// Credit Grant on-chain operation status (combined mint, burn and transfer status)
+export type CreditGrantChainStatus =
+  | 'mint_pending'
+  | 'mint_completed'
+  | 'mint_failed'
+  | 'burn_pending'
+  | 'burn_completed'
+  | 'burn_failed'
+  | 'transfer_completed' // for expired credits transferred to system wallet
+  | 'transfer_failed';
+
+// Credit Grant chain operation details
+export type CreditGrantChainDetail = {
+  // Mint operation details
+  mint?: {
+    hash?: string;
+    at?: number; // timestamp
+    error?: string;
+    failed_at?: number;
+  };
+  // Burn operation details (for expiration)
+  burn?: {
+    hash?: string;
+    at?: number; // timestamp
+    amount?: string;
+    error?: string;
+    failed_at?: number;
+  };
+  // Expired transfer operation details (for expiration - transfer to system wallet)
+  expired_transfer?: {
+    hash?: string;
+    at?: number; // timestamp
+    amount?: string;
+    error?: string;
+    failed_at?: number;
+  };
+  // Refund burn operation details
+  refund?: {
+    id?: string; // refund id
+    burn_hash?: string;
+    burned_amount?: string;
+    system_retained?: string; // amount retained by system (consumed portion)
+    burn_error?: string;
+  };
+  // Voided reason
+  voided_reason?: 'refund' | 'expired' | 'manual';
+};

package/api/src/store/sequelize.ts

@@ -17,6 +17,7 @@ Sequelize.useCLS(namespace);
 export const sequelize = new Sequelize({
   dialect: 'sqlite',
   logging: process.env.SQL_LOG === '1',
+  benchmark: process.env.SQL_LOG === '1' && process.env.SQL_BENCHMARK === '1',
   storage: join(env.dataDir, 'payment-kit.db'),
   pool: {
     min: sequelizeOptionsPoolMin,

package/api/third.d.ts

@@ -2,6 +2,8 @@ declare module 'vite-plugin-blocklet';
 
 declare module '@blocklet/sdk/service/notification';
 
+declare module '@blocklet/sdk/service/blocklet';
+
 declare module 'express-history-api-fallback';
 
 declare module 'express-async-errors';

package/blocklet.yml

@@ -14,7 +14,7 @@ repository:
   type: git
   url: git+https://github.com/blocklet/payment-kit.git
 specVersion: 1.2.8
-version: 1.22.32
+version: 1.23.1
 logo: logo.png
 files:
   - dist

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payment-kit",
-  "version": "1.22.32",
+  "version": "1.23.1",
   "scripts": {
     "dev": "blocklet dev --open",
     "lint": "tsc --noEmit && eslint src api/src --ext .mjs,.js,.jsx,.ts,.tsx",
@@ -53,13 +53,14 @@
     "@arcblock/react-hooks": "^3.2.11",
     "@arcblock/ux": "^3.2.11",
     "@arcblock/validator": "^1.27.14",
+    "@arcblock/vc": "^1.27.14",
     "@blocklet/did-space-js": "^1.2.9",
     "@blocklet/error": "^0.3.4",
     "@blocklet/js-sdk": "^1.17.4",
     "@blocklet/logger": "^1.17.4",
-    "@blocklet/payment-broker-client": "1.22.32",
-    "@blocklet/payment-react": "1.22.32",
-    "@blocklet/payment-vendor": "1.22.32",
+    "@blocklet/payment-broker-client": "1.23.1",
+    "@blocklet/payment-react": "1.23.1",
+    "@blocklet/payment-vendor": "1.23.1",
     "@blocklet/sdk": "^1.17.4",
     "@blocklet/ui-react": "^3.2.11",
     "@blocklet/uploader": "^0.3.14",
@@ -129,7 +130,7 @@
   "devDependencies": {
     "@abtnode/types": "^1.17.4",
     "@arcblock/eslint-config-ts": "^0.3.3",
-    "@blocklet/payment-types": "1.22.32",
+    "@blocklet/payment-types": "1.23.1",
     "@types/cookie-parser": "^1.4.9",
     "@types/cors": "^2.8.19",
     "@types/debug": "^4.1.12",
@@ -176,5 +177,5 @@
       "parser": "typescript"
     }
   },
-  "gitHead": "4b5eac2af9a6a10a4f971f7dcbe220e8049d0cc7"
+  "gitHead": "393e83d16adecbe9aa9d145732c45b2198a2e8b9"
 }

package/src/app.tsx

@@ -28,6 +28,7 @@ const CustomerSubscriptionEmbed = React.lazy(() => import('./pages/customer/subs
 const CustomerSubscriptionChangePlan = React.lazy(() => import('./pages/customer/subscription/change-plan'));
 const CustomerSubscriptionChangePayment = React.lazy(() => import('./pages/customer/subscription/change-payment'));
 const CustomerCreditGrantDetail = React.lazy(() => import('./pages/customer/credit-grant/detail'));
+const CustomerCreditTransactionDetail = React.lazy(() => import('./pages/customer/credit-transaction/detail'));
 const CustomerRecharge = React.lazy(() => import('./pages/customer/recharge/subscription'));
 const CustomerPayoutDetail = React.lazy(() => import('./pages/customer/payout/detail'));
 const IntegrationsPage = React.lazy(() => import('./pages/integrations'));
@@ -161,6 +162,15 @@ function App() {
                 </UserLayout>
               }
             />
+            <Route
+              key="customer-credit-transaction"
+              path="/customer/credit-transaction/:id"
+              element={
+                <UserLayout>
+                  <CustomerCreditTransactionDetail />
+                </UserLayout>
+              }
+            />
             <Route key="customer-fallback" path="/customer/*" element={<Navigate to="/customer" />} />,
             <Route path="*" element={<Navigate to="/" />} />
           </Routes>

package/src/components/customer/credit-overview.tsx

@@ -136,7 +136,7 @@ export default function CreditOverview({ customerId, settings, mode = 'portal' }
     const grantData = creditSummary?.grants?.[currencyId];
     const pendingAmount = creditSummary?.pendingAmount?.[currencyId] || '0';
 
-    if (!grantData) {
+    if (!grantData || grantData.status === 'inactive') {
       return null;
     }
 
@@ -145,6 +145,8 @@ export default function CreditOverview({ customerId, settings, mode = 'portal' }
     const totalAmount = grantData.totalAmount || '0';
     const remainingAmount = grantData.remainingAmount || '0';
 
+    const cardTitle = grantData.meter?.name || currency.name;
+
     return (
       <Card
         key={currency.id}
@@ -173,7 +175,7 @@ export default function CreditOverview({ customerId, settings, mode = 'portal' }
                 pb: 2,
               }}>
               <Typography variant="h6" component="div">
-                {currency.name}
+                {cardTitle}
               </Typography>
               {showRecharge && (
                 <SplitButton
@@ -217,7 +219,15 @@ export default function CreditOverview({ customerId, settings, mode = 'portal' }
                 {totalAmount === '0' && remainingAmount === '0' ? (
                   <>0 </>
                 ) : (
-                  <>{formatBNStr(remainingAmount, currency.decimal, 6, true)}</>
+                  <>
+                    {formatBNStr(remainingAmount, currency.decimal, 6, true)}
+                    {currency.symbol !== cardTitle && (
+                      <Typography variant="body2" component="span">
+                        {' '}
+                        {currency.symbol}
+                      </Typography>
+                    )}
+                  </>
                 )}
               </Typography>
             </Box>
@@ -239,6 +249,12 @@ export default function CreditOverview({ customerId, settings, mode = 'portal' }
                     color: 'error.main',
                   }}>
                   {formatBNStr(pendingAmount, currency.decimal, 6, true)}
+                  {currency.symbol !== cardTitle && (
+                    <Typography variant="body2" component="span">
+                      {' '}
+                      {currency.symbol}
+                    </Typography>
+                  )}
                 </Typography>
               </Box>
             )}

package/src/components/meter/form.tsx

@@ -1,23 +1,54 @@
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
-import { FormInput, FormLabel, Collapse } from '@blocklet/payment-react';
-import { FormControl, Select, MenuItem, Typography, Box, FormHelperText, Stack } from '@mui/material';
-import { useFormContext, useWatch } from 'react-hook-form';
+import { FormInput, FormLabel, Collapse, usePaymentContext } from '@blocklet/payment-react';
+import {
+  FormControl,
+  Select,
+  MenuItem,
+  Typography,
+  Box,
+  FormHelperText,
+  Stack,
+  Radio,
+  RadioGroup,
+  FormControlLabel,
+  Switch,
+  Autocomplete,
+  TextField,
+} from '@mui/material';
+import { useFormContext, useWatch, Controller } from 'react-hook-form';
 import { InfoOutlined } from '@mui/icons-material';
+import { useRequest } from 'ahooks';
+import { useState, useMemo } from 'react';
+import GraphQLClient from '@ocap/client';
 
-import type { TMeter } from '@blocklet/payment-types';
+import type { TMeter, TPaymentCurrency } from '@blocklet/payment-types';
 import MetadataForm from '../metadata/form';
 
+export type TokenConfig = { name: string; symbol: string; tokenFactoryAddress: string };
+
 type Props = {
   mode?: 'create' | 'edit';
+  tokenConfig?: TokenConfig;
+  onTokenConfigChange?: (next: TokenConfig) => void;
+  paymentCurrency?: TPaymentCurrency;
+};
+
+type TMeterForm = TMeter & {
+  mode?: 'OffChain' | 'OnChain';
 };
 
-function MeterForm({ mode = 'create' }: Props) {
+function MeterForm({
+  mode = 'create',
+  tokenConfig = undefined,
+  onTokenConfigChange = undefined,
+  paymentCurrency = undefined,
+}: Props) {
   const { t } = useLocaleContext();
   const {
     register,
     control,
     formState: { errors },
-  } = useFormContext<TMeter>();
+  } = useFormContext<TMeterForm>();
 
   // 监听聚合方法的变化，用于显示动态帮助信息
   const aggregationMethod = useWatch({
@@ -26,20 +57,52 @@ function MeterForm({ mode = 'create' }: Props) {
     defaultValue: 'sum',
   });
 
-  const getAggregationDescription = (method: string) => {
-    switch (method) {
-      case 'sum':
-        return t('admin.meter.aggregationMethod.sumDescription');
-      case 'count':
-        return t('admin.meter.aggregationMethod.countDescription');
-      case 'last':
-        return t('admin.meter.aggregationMethod.lastDescription');
-      default:
-        return '';
-    }
-  };
+  const creditMode = useWatch({
+    control,
+    name: 'mode',
+    defaultValue: 'OffChain',
+  });
+
+  const [tokenType, setTokenType] = useState<'new' | 'existing'>(tokenConfig?.tokenFactoryAddress ? 'existing' : 'new');
 
   const isEditing = mode === 'edit';
+  const { settings } = usePaymentContext();
+
+  // Check if current currency already has token_config
+  const hasTokenConfig = !!paymentCurrency?.token_config;
+
+  // Get GraphQL client for arcblock chain
+  const arcblockClient = useMemo(() => {
+    const arcblockMethod = settings.paymentMethods?.find((m) => m.type === 'arcblock') as any;
+    const apiHost = arcblockMethod?.api_host;
+    return apiHost ? new GraphQLClient(apiHost) : null;
+  }, [settings.paymentMethods]);
+
+  // Fetch tokens created by blocklet owner
+  const { data: tokens = [] } = useRequest(
+    async () => {
+      if (!arcblockClient || !window.blocklet?.appId) {
+        return [];
+      }
+      const result = await arcblockClient.listTokens({
+        issuerAddress: window.blocklet.appId,
+      });
+      return result?.tokens || [];
+    },
+    {
+      refreshDeps: [creditMode, arcblockClient],
+      ready: creditMode === 'OnChain' && !hasTokenConfig && !!arcblockClient,
+    }
+  );
+
+  const getAggregationDescription = (method: string) => {
+    const map: Record<string, string> = {
+      sum: t('admin.meter.aggregationMethod.sumDescription'),
+      count: t('admin.meter.aggregationMethod.countDescription'),
+      last: t('admin.meter.aggregationMethod.lastDescription'),
+    };
+    return map[method] || '';
+  };
 
   return (
     <Box sx={{ maxWidth: 600 }}>
@@ -223,6 +286,116 @@ function MeterForm({ mode = 'create' }: Props) {
           </FormHelperText>
         </Box>
 
+        {/* On-chain token configuration */}
+        <Box sx={{ p: 2, border: '1px solid', borderColor: 'divider', borderRadius: 1 }}>
+          <Controller
+            name="mode"
+            control={control}
+            render={({ field }) => (
+              <Stack direction="row" justifyContent="space-between" alignItems="center">
+                <Box>
+                  <Typography variant="subtitle1" sx={{ fontWeight: 600 }}>
+                    {t('admin.meter.creditMode.onchain')}
+                  </Typography>
+                  <Typography variant="body2" color="text.secondary" sx={{ mt: 0.5 }}>
+                    {t('admin.meter.creditMode.onChainDescription')}
+                  </Typography>
+                </Box>
+                <Switch
+                  checked={hasTokenConfig ? field.value !== 'OffChain' : field.value === 'OnChain'}
+                  onChange={(e) => field.onChange(e.target.checked ? 'OnChain' : 'OffChain')}
+                />
+              </Stack>
+            )}
+          />
+
+          {(hasTokenConfig || creditMode === 'OnChain') && (
+            <Box sx={{ mt: 3, pt: 3, borderTop: '1px solid', borderColor: 'divider' }}>
+              <Typography variant="subtitle2" sx={{ mb: 2 }}>
+                {t('admin.meter.creditMode.tokenConfiguration')}
+              </Typography>
+              {!hasTokenConfig && (
+                <RadioGroup
+                  value={tokenType}
+                  onChange={(e) => {
+                    setTokenType(e.target.value as any);
+                    onTokenConfigChange?.({ name: '', symbol: '', tokenFactoryAddress: '' });
+                  }}
+                  row>
+                  <FormControlLabel
+                    value="new"
+                    control={<Radio />}
+                    label={t('admin.meter.creditMode.createNewToken')}
+                  />
+                  <FormControlLabel
+                    value="existing"
+                    control={<Radio />}
+                    label={t('admin.meter.creditMode.useExistingToken')}
+                  />
+                </RadioGroup>
+              )}
+              {!hasTokenConfig && tokenType === 'new' && tokenConfig && onTokenConfigChange ? (
+                <Box sx={{ mt: 2 }}>
+                  <TextField
+                    value={tokenConfig.name}
+                    onChange={(e) => onTokenConfigChange({ ...tokenConfig, name: e.target.value })}
+                    fullWidth
+                    label={t('admin.meter.creditMode.tokenName')}
+                    inputProps={{ maxLength: 64 }}
+                    sx={{ mb: 2 }}
+                  />
+                  <TextField
+                    value={tokenConfig.symbol}
+                    onChange={(e) => onTokenConfigChange({ ...tokenConfig, symbol: e.target.value.toUpperCase() })}
+                    fullWidth
+                    label={t('admin.meter.creditMode.tokenSymbol')}
+                    inputProps={{ maxLength: 6, style: { textTransform: 'uppercase', fontFamily: 'monospace' } }}
+                  />
+                </Box>
+              ) : (
+                <Box sx={{ mt: 2 }}>
+                  {hasTokenConfig && paymentCurrency?.token_config ? (
+                    <TextField
+                      fullWidth
+                      label={t('admin.meter.creditMode.selectToken')}
+                      value={`${paymentCurrency.token_config.symbol} (${paymentCurrency.token_config.name})`}
+                      disabled
+                    />
+                  ) : (
+                    <Autocomplete
+                      options={tokens}
+                      getOptionLabel={(o: any) => (typeof o === 'string' ? o : `${o.symbol} (${o.name})`)}
+                      value={
+                        tokens.find((f: any) => f.tokenFactoryAddress === tokenConfig?.tokenFactoryAddress) || null
+                      }
+                      onChange={(_, v: any) =>
+                        onTokenConfigChange?.({
+                          name: v?.name || '',
+                          symbol: v?.symbol || '',
+                          tokenFactoryAddress: v?.tokenFactoryAddress || '',
+                        })
+                      }
+                      renderInput={(params) => (
+                        <TextField {...params} label={t('admin.meter.creditMode.selectToken')} />
+                      )}
+                      renderOption={(props, o: any) => (
+                        <li {...props}>
+                          <Box>
+                            <Typography variant="body1">{o.symbol}</Typography>
+                            <Typography variant="caption" color="text.secondary">
+                              {o.name}
+                            </Typography>
+                          </Box>
+                        </li>
+                      )}
+                    />
+                  )}
+                </Box>
+              )}
+            </Box>
+          )}
+        </Box>
+
         {/* Metadata Section */}
         <Collapse trigger={t('common.metadata.label')}>
           <Box sx={{ mb: 2 }}>

package/src/components/price/form.tsx

@@ -835,65 +835,77 @@ export default function PriceForm({ prefix = '', simple = false, productType = u
               />
 
               {/* 可用时长配置 */}
-              <Box sx={{ width: '100%', mb: 2 }}>
-                <FormLabel tooltip={t('admin.creditProduct.validDuration.help')}>
-                  {t('admin.creditProduct.validDuration.label')}
-                </FormLabel>
-                <Stack
-                  direction="row"
-                  spacing={1}
-                  sx={{
-                    alignItems: 'center',
-                  }}>
-                  <Controller
-                    name={getFieldName('metadata.credit_config.valid_duration_value')}
-                    control={control}
-                    render={({ field }) => (
+              <Controller
+                name={getFieldName('metadata')}
+                control={control}
+                render={({ field }) => (
+                  <Box sx={{ width: '100%', mb: 2 }}>
+                    <FormLabel tooltip={t('admin.creditProduct.validDuration.help')}>
+                      {t('admin.creditProduct.validDuration.label')}
+                    </FormLabel>
+                    <Stack
+                      direction="row"
+                      spacing={1}
+                      sx={{
+                        alignItems: 'center',
+                      }}>
                       <TextField
-                        {...field}
                         size="small"
                         type="number"
                         sx={{ flex: 1 }}
-                        value={field.value ?? '0'}
+                        value={field.value?.credit_config?.valid_duration_value ?? '0'}
                         placeholder="0"
                         disabled={isLocked}
+                        onChange={(e) => {
+                          const metadata = field.value || {};
+                          const creditConfig = metadata.credit_config || {};
+                          const value = +e.target.value;
+                          if (!Number.isNaN(value) && value >= 0) {
+                            creditConfig.valid_duration_value = +value;
+                          } else {
+                            delete creditConfig.valid_duration_value;
+                          }
+                          metadata.credit_config = creditConfig;
+                          field.onChange(metadata);
+                        }}
                         slotProps={{
                           htmlInput: {
                             min: 0,
+                            step: 0.1,
                           },
                         }}
                       />
-                    )}
-                  />
-                  <Controller
-                    name={getFieldName('metadata.credit_config.valid_duration_unit')}
-                    control={control}
-                    render={({ field }) => (
                       <Select
-                        {...field}
                         size="small"
                         sx={{ minWidth: 120 }}
                         disabled={isLocked}
-                        value={field.value || 'days'}>
+                        value={field.value?.credit_config?.valid_duration_unit || 'days'}
+                        onChange={(e) => {
+                          const metadata = field.value || {};
+                          const creditConfig = metadata.credit_config || {};
+                          creditConfig.valid_duration_unit = e.target.value;
+                          metadata.credit_config = creditConfig;
+                          field.onChange(metadata);
+                        }}>
                         {!livemode && <MenuItem value="hours">{t('admin.creditProduct.validDuration.hours')}</MenuItem>}
                         <MenuItem value="days">{t('admin.creditProduct.validDuration.days')}</MenuItem>
                         <MenuItem value="weeks">{t('admin.creditProduct.validDuration.weeks')}</MenuItem>
                         <MenuItem value="months">{t('admin.creditProduct.validDuration.months')}</MenuItem>
                         <MenuItem value="years">{t('admin.creditProduct.validDuration.years')}</MenuItem>
                       </Select>
-                    )}
-                  />
-                </Stack>
-                <Typography
-                  variant="caption"
-                  sx={{
-                    color: 'text.secondary',
-                    display: 'block',
-                    mt: 0.5,
-                  }}>
-                  {t('admin.creditProduct.validDuration.description')}
-                </Typography>
-              </Box>
+                    </Stack>
+                    <Typography
+                      variant="caption"
+                      sx={{
+                        color: 'text.secondary',
+                        display: 'block',
+                        mt: 0.5,
+                      }}>
+                      {t('admin.creditProduct.validDuration.description')}
+                    </Typography>
+                  </Box>
+                )}
+              />
 
               {/* 关联特定价格 */}
               <Controller

package/src/locales/en.tsx

@@ -273,6 +273,30 @@ export default flat({
       edit: 'Edit meter',
       save: 'Save meter',
       saved: 'Meter successfully saved',
+      creditMode: {
+        onchain: 'OnChain',
+        onChainDescription: 'Once enabled, your credit will be published as a Token on the ArcBlock blockchain',
+        tokenConfiguration: 'Token Configuration',
+        createNewToken: 'Create New Token',
+        useExistingToken: 'Use Existing Token',
+        createTokenHint: 'Fill in the token name and symbol to create a new Token',
+        tokenName: 'Token Name',
+        tokenNamePlaceholder: 'Enter token name',
+        tokenNameRequired: 'Token name is required',
+        tokenSymbol: 'Token Symbol',
+        tokenSymbolPlaceholder: 'Enter token symbol',
+        tokenSymbolRequired: 'Token symbol is required',
+        tokenSymbolFormat: 'Symbol must be 1-6 uppercase letters or numbers',
+        createTokenButton: 'Create Token',
+        creatingToken: 'Creating...',
+        tokenCreated: 'Token created successfully',
+        tokenCreatedLabel: 'Token Created',
+        tokenAddress: 'Token Address',
+        selectToken: 'Select Token',
+        selectTokenPlaceholder: 'Select an existing token',
+        tokenAddressRequired: 'Token address is required',
+        enabled: 'Enabled',
+      },
       activate: 'Activate meter',
       activated: 'Meter activated successfully',
       deactivate: 'Deactivate meter',
@@ -293,7 +317,7 @@ export default flat({
         label: 'Meter name',
         required: 'Meter name is required',
         placeholder: 'API requests',
-        help: 'A descriptive name for this meter that will be displayed in your dashboard.',
+        help: "A descriptive name for this meter that will be displayed in your dashboard and user's personal bill.",
       },
       eventName: {
         label: 'Event name',

package/src/locales/zh.tsx

@@ -283,13 +283,39 @@ export default flat({
       basicInfo: '基本信息',
       basicInfoDescription: '配置计量器的核心设置以跟踪使用事件。',
       editDescription: '更新计量器名称、描述和元数据。事件名称和聚合方法等核心设置无法更改。',
+
+      creditMode: {
+        onchain: 'OnChain',
+        onChainDescription:
+          '开启后你的 Credit 将作为 Token 发布在 ArcBlock 区块链上，用户的充值、退款和消费将在链上公开记录且不可篡改。',
+        tokenConfiguration: 'Token 配置',
+        createNewToken: '创建新 Token',
+        useExistingToken: '使用现有 Token',
+        createTokenHint: '填写 Token 名称和符号以创建新 Token',
+        tokenName: 'Token 名称',
+        tokenNamePlaceholder: '请输入 Token 名称',
+        tokenNameRequired: 'Token 名称不能为空',
+        tokenSymbol: 'Token 符号',
+        tokenSymbolPlaceholder: '请输入 Token 符号',
+        tokenSymbolRequired: 'Token 符号不能为空',
+        tokenSymbolFormat: '符号必须为 1-6 个大写字母或数字',
+        createTokenButton: '创建 Token',
+        creatingToken: '创建中...',
+        tokenCreated: 'Token 创建成功',
+        tokenCreatedLabel: 'Token 已创建',
+        tokenAddress: 'Token 地址',
+        selectToken: '选择 Token',
+        selectTokenPlaceholder: '请选择一个现有的 Token',
+        tokenAddressRequired: 'Token 地址不能为空',
+        enabled: '已启用',
+      },
       inactive: '计量器未激活',
       inactiveTip: '此计量器未收集使用数据。激活它以开始跟踪事件。',
       name: {
         label: '计量器名称',
         required: '计量器名称为必填项',
         placeholder: 'API 请求',
-        help: '此计量器的描述性名称，将在您的仪表板中显示。',
+        help: '此计量器的描述性名称，将在您的仪表板以及用户个人账单中显示。',
       },
       eventName: {
         label: '事件名称',