diff --git a/router/config_router.go b/router/config_router.go
index 8bd3ae4f..0d3d9ecc 100644
--- a/router/config_router.go
+++ b/router/config_router.go
@@ -52,6 +52,8 @@ func ConfigRouter(r *gin.Engine, config *bootstrap.Config) {
 	configV1.POST("configfiles/releases/delete", handlers.ReverseProxyForServer(&config.PolarisServer, config))
 	// 查询配置发布的版本列表
 	configV1.GET("configfiles/release/versions", handlers.ReverseProxyForServer(&config.PolarisServer, config))
+	// 取消配置灰度发布
+	configV1.POST("configfiles/releases/stopbeta", handlers.ReverseProxyForServer(&config.PolarisServer, config))
 	// 配置文件发布历史
 	configV1.GET("configfiles/releasehistory", handlers.ReverseProxyForServer(&config.PolarisServer, config))
 	//配置文件模板
diff --git a/web/src/polaris/configuration/fileGroup/detail/file/Page.tsx b/web/src/polaris/configuration/fileGroup/detail/file/Page.tsx
index bcaeb9de..9f463f01 100644
--- a/web/src/polaris/configuration/fileGroup/detail/file/Page.tsx
+++ b/web/src/polaris/configuration/fileGroup/detail/file/Page.tsx
@@ -34,6 +34,7 @@ import { Link } from 'react-router-dom'
 import { FileFormat } from './operation/Create'
 import router from '@src/polaris/common/util/router'
 import { TAB } from '../Page'
+import { ConfigFile } from '../../types'
 
 export const NoSearchResultKey = '__NO_SEARCH_RESULT__'
 const getHandlers = memorize(({ creators }: Duck, dispatch) => ({
@@ -49,6 +50,8 @@ const getHandlers = memorize(({ creators }: Duck, dispatch) => ({
   fetchData: path => dispatch(creators.fetchData(path)),
   setEditContent: v => dispatch(creators.setEditContent(v)),
   releaseCurrentFile: () => dispatch(creators.releaseCurrentFile()),
+  betaReleaseCurrentFile: () => dispatch(creators.betaReleaseCurrentFile()),
+  stopBetaReleaseCurrentFile: () => dispatch(creators.stopBetaReleaseCurrentFile()),
   showReleaseHistory: v => dispatch(creators.showReleaseHistory(v)),
   select: v => dispatch(creators.select(v)),
   cancel: () => dispatch(creators.cancel()),
@@ -221,12 +224,12 @@ export default function Page(props: DuckCmpProps<Duck>) {
                   fullExpandable
                   height={900}
                   style={{ width: '450px', maxWidth: '450px' }}
-                  // onSelect={v => {
-                  //   handlers.select(v)
-                  // }}
-                  // selectable
-                  // selectedIds={selection}
-                  // selectValueMode={'onlyLeaf'}
+                // onSelect={v => {
+                //   handlers.select(v)
+                // }}
+                // selectable
+                // selectedIds={selection}
+                // selectValueMode={'onlyLeaf'}
                 >
                   {renderTree(props, fileTree, '', '')}
                 </Tree>
@@ -277,8 +280,8 @@ export default function Page(props: DuckCmpProps<Duck>) {
                                 content={
                                   currentNode.tags.length > 3
                                     ? currentNode.tags?.map(item => (
-                                        <Text parent={'div'} key={item.key}>{`${item.key}:${item.value}`}</Text>
-                                      ))
+                                      <Text parent={'div'} key={item.key}>{`${item.key}:${item.value}`}</Text>
+                                    ))
                                     : null
                                 }
                               >
@@ -325,12 +328,30 @@ export default function Page(props: DuckCmpProps<Duck>) {
                           <>
                             <Button
                               type={'primary'}
-                              disabled={editing || !data.editable}
+                              disabled={editing || !data.editable || isBetaingRelease(currentNode)}
                               onClick={() => handlers.releaseCurrentFile()}
                             >
                               发布
                             </Button>
-
+                            {isBetaingRelease(currentNode) ?
+                              (
+                                <Button
+                                  type={'primary'}
+                                  disabled={editing || !data.editable}
+                                  onClick={() => handlers.stopBetaReleaseCurrentFile()}
+                                >
+                                  停止灰度
+                                </Button>
+                              ) : (
+                                <Button
+                                  type={'weak'}
+                                  disabled={editing || !data.editable}
+                                  onClick={() => handlers.betaReleaseCurrentFile()}
+                                >
+                                  灰度发布
+                                </Button>
+                              )
+                            }
                             {editing ? (
                               <>
                                 <Button type={'weak'} onClick={() => handlers.getTemplate(currentNode)}>
@@ -342,7 +363,7 @@ export default function Page(props: DuckCmpProps<Duck>) {
                               </>
                             ) : (
                               <Button
-                                disabled={!data.editable}
+                                disabled={!data.editable || isBetaingRelease(currentNode)}
                                 type={'weak'}
                                 onClick={() => handlers.editCurrentNode()}
                               >
@@ -428,6 +449,10 @@ export default function Page(props: DuckCmpProps<Duck>) {
   )
 }
 
+function isBetaingRelease(file: ConfigFile) {
+  return file.status === FileStatus.Betaing
+}
+
 function getFileNameContext(fileName, status, file, props) {
   const splitArray = fileName.split('/')
   return (
diff --git a/web/src/polaris/configuration/fileGroup/detail/file/PageDuck.tsx b/web/src/polaris/configuration/fileGroup/detail/file/PageDuck.tsx
index 107d888e..0a27b43b 100644
--- a/web/src/polaris/configuration/fileGroup/detail/file/PageDuck.tsx
+++ b/web/src/polaris/configuration/fileGroup/detail/file/PageDuck.tsx
@@ -15,6 +15,7 @@ import {
   deleteConfigFiles,
   describeConfigFilesByGroup,
   describeLastReleaseConfigFile,
+  stopBetaReleaseConfigFile,
 } from '../../model'
 import Fetcher from '@src/polaris/common/ducks/Fetcher'
 import { describeConfigFileReleaseHistories } from '@src/polaris/configuration/releaseHistory/model'
@@ -22,7 +23,9 @@ import GetFileTemplate from './operation/GetFileTemplate'
 import GetFileTemplateDuck from './operation/GetFileTemplateDuck'
 import router from '@src/polaris/common/util/router'
 import ReleaseConfigDuck from './operation/ReleaseConfigDuck'
+import BetaReleaseConfigDuck from './operation/BetaReleaseConfigDuck'
 import { TAB } from '../Page'
+import { ClientLabel } from '../../types'
 interface MyFilter {
   namespace: string
   group: string
@@ -128,6 +131,8 @@ export default class PageDuck extends Base {
       SET_EDITING,
       SET_EDIT_CONTENT,
       RELEASE_CURRENT_NODE,
+      BETA_RELEASE_CURRENT_NODE,
+      STOP_BETA_RELEASE_CURRENT_NODE,
       SAVE_CURRENT_NODE,
       SHOW_RELEASE_HISTORY,
       SET_HISTORY_MAP,
@@ -188,6 +193,8 @@ export default class PageDuck extends Base {
       edit: createToPayload<string>(types.EDIT_FILE_META),
       setEditContent: createToPayload<string>(types.SET_EDIT_CONTENT),
       releaseCurrentFile: createToPayload<void>(types.RELEASE_CURRENT_NODE),
+      betaReleaseCurrentFile: createToPayload<void>(types.BETA_RELEASE_CURRENT_NODE),
+      stopBetaReleaseCurrentFile: createToPayload<void>(types.STOP_BETA_RELEASE_CURRENT_NODE),
       showReleaseHistory: createToPayload<ConfigFile>(types.SHOW_RELEASE_HISTORY),
       save: createToPayload<void>(types.SAVE_CURRENT_NODE),
       select: createToPayload<string[]>(types.SELECT),
@@ -213,7 +220,7 @@ export default class PageDuck extends Base {
   *saga() {
     yield* super.saga()
     const { types, selectors, creators, selector, ducks } = this
-    yield takeLatest(types.LOAD, function*(action) {
+    yield takeLatest(types.LOAD, function* (action) {
       const { composedId, data } = action.payload
       yield put({ type: types.SET_DATA, payload: data })
       yield put({ type: types.SET_COMPOSE_ID, payload: composedId })
@@ -221,12 +228,12 @@ export default class PageDuck extends Base {
       // 重置搜索框
       yield put({ type: types.SET_SEARCH_PATH_KEYWORD, payload: '' })
     })
-    yield takeLatest(types.ADD, function*() {
+    yield takeLatest(types.ADD, function* () {
       const composedId = selectors.composedId(yield select())
 
       const res = yield* resolvePromise(
         new Promise(resolve => {
-          showDialog(Create, CreateDuck, function*(duck: CreateDuck) {
+          showDialog(Create, CreateDuck, function* (duck: CreateDuck) {
             try {
               resolve(
                 yield* duck.execute({ namespace: composedId.namespace, group: composedId.group }, { isModify: false }),
@@ -241,11 +248,11 @@ export default class PageDuck extends Base {
         yield put({ type: types.FETCH_DATA })
       }
     })
-    yield takeLatest(types.GET_FILE_TEMPLATE, function*(action) {
+    yield takeLatest(types.GET_FILE_TEMPLATE, function* (action) {
       const file = action.payload
       const templateContent = yield* resolvePromise(
         new Promise(resolve => {
-          showDialog(GetFileTemplate, GetFileTemplateDuck, function*(duck: GetFileTemplateDuck) {
+          showDialog(GetFileTemplate, GetFileTemplateDuck, function* (duck: GetFileTemplateDuck) {
             try {
               const result = yield* duck.execute({}, { file })
               resolve(result)
@@ -260,11 +267,11 @@ export default class PageDuck extends Base {
         yield put(creators.setEditContent(templateContent as string))
       }
     })
-    yield takeLatest(types.EDIT_FILE_META, function*(action) {
+    yield takeLatest(types.EDIT_FILE_META, function* (action) {
       const { fileMap } = selector(yield select())
       const res = yield* resolvePromise(
         new Promise(resolve => {
-          showDialog(Create, CreateDuck, function*(duck: CreateDuck) {
+          showDialog(Create, CreateDuck, function* (duck: CreateDuck) {
             try {
               resolve(yield* duck.execute(fileMap[action.payload], { isModify: true }))
             } finally {
@@ -277,17 +284,17 @@ export default class PageDuck extends Base {
         yield put({ type: types.FETCH_DATA })
       }
     })
-    yield takeLatest(types.CANCEL, function*() {
+    yield takeLatest(types.CANCEL, function* () {
       const currentNode = selectors.currentNode(yield select())
       yield put({ type: types.SET_EDITING, payload: false })
       yield put(creators.setEditContent(currentNode.content))
     })
-    yield takeLatest(types.EDIT_CURRENT_NODE, function*() {
+    yield takeLatest(types.EDIT_CURRENT_NODE, function* () {
       const currentNode = selectors.currentNode(yield select())
       yield put({ type: types.SET_EDITING, payload: true })
       yield put(creators.setEditContent(currentNode.content))
     })
-    yield takeLatest(types.DELETE, function*(action) {
+    yield takeLatest(types.DELETE, function* (action) {
       const { namespace, group } = selectors.composedId(yield select())
       const confirm = yield Modal.confirm({
         message: '确认删除配置文件？',
@@ -304,7 +311,7 @@ export default class PageDuck extends Base {
         }
       }
     })
-    yield takeLatest(types.FETCH_DATA, function*() {
+    yield takeLatest(types.FETCH_DATA, function* () {
       const composedId = selectors.composedId(yield select())
       const searchKeyword = selectors.searchKeyword(yield select())
       const currentNode = selectors.currentNode(yield select())
@@ -326,7 +333,7 @@ export default class PageDuck extends Base {
         yield put({ type: types.SET_CURRENT_SHOW_NODE, payload: fileMap[currentNode.name] })
       }
     })
-    yield takeLatest(types.SEARCH_PATH, function*(action) {
+    yield takeLatest(types.SEARCH_PATH, function* (action) {
       if (action.payload === '') {
         yield put({ type: types.SET_EXPANDED_IDS, payload: [...new Set([])] })
         yield put({ type: types.SET_HIT_PATH, payload: [...new Set([])] })
@@ -351,7 +358,7 @@ export default class PageDuck extends Base {
       yield put({ type: types.SET_EXPANDED_IDS, payload: [...new Set(hitPath)] })
       yield put({ type: types.SET_HIT_PATH, payload: [...new Set(hitPath)] })
     })
-    yield takeLatest(types.CLICK_FILE_ITEM, function*(action) {
+    yield takeLatest(types.CLICK_FILE_ITEM, function* (action) {
       const { editing, currentNode, fileMap } = selector(yield select())
       const nextNode = fileMap[action.payload]
       if (editing && currentNode.name !== nextNode.name) {
@@ -364,7 +371,7 @@ export default class PageDuck extends Base {
       yield put({ type: types.SET_CURRENT_SHOW_NODE, payload: nextNode })
       yield put({ type: types.SET_EDITING, payload: false })
     })
-    yield takeLatest(types.SHOW_RELEASE_HISTORY, function*(action) {
+    yield takeLatest(types.SHOW_RELEASE_HISTORY, function* (action) {
       const { showHistoryMap } = selector(yield select())
       const { fileName, namespace, group } = action.payload
       if (showHistoryMap[fileName]) {
@@ -379,7 +386,7 @@ export default class PageDuck extends Base {
       }
       yield put(releaseHistoryDuck.creators.fetch({ name: fileName, namespace, group }))
     })
-    yield takeLatest(types.RELEASE_CURRENT_NODE, function*() {
+    yield takeLatest(types.RELEASE_CURRENT_NODE, function* () {
       const currentNode = selectors.currentNode(yield select())
       const { namespace, group, name } = currentNode
       const { configFileRelease: lastRelease } = yield describeLastReleaseConfigFile({ namespace, name, group })
@@ -391,7 +398,30 @@ export default class PageDuck extends Base {
         notification.error({ description: '发布失败' })
       }
     })
-    yield takeLatest(types.SAVE_CURRENT_NODE, function*() {
+    yield takeLatest(types.BETA_RELEASE_CURRENT_NODE, function* () {
+      const currentNode = selectors.currentNode(yield select())
+      const { namespace, group, name } = currentNode
+      const { configFileRelease: lastRelease } = yield describeLastReleaseConfigFile({ namespace, name, group })
+      const result = yield BetaReleaseConfigDuck.show({ ...currentNode, lastRelease })
+      if (result) {
+        notification.success({ description: '发布成功' })
+        router.navigate(`/filegroup-detail?namespace=${namespace}&group=${group}&fileName=${name}&tab=${TAB.History}`)
+      } else {
+        notification.error({ description: '发布失败' })
+      }
+    })
+    yield takeLatest(types.STOP_BETA_RELEASE_CURRENT_NODE, function* () {
+      const currentNode = selectors.currentNode(yield select())
+      const { namespace, group, name } = currentNode
+      const result = yield stopBetaReleaseConfigFile([{ namespace, file_name: name, group }])
+      if (result) {
+        notification.success({ description: '停止灰度发布成功' })
+        yield put({ type: types.FETCH_DATA })
+      } else {
+        notification.error({ description: '停止灰度发布成功失败' })
+      }
+    })
+    yield takeLatest(types.SAVE_CURRENT_NODE, function* () {
       const {
         editContent,
         currentNode,
diff --git a/web/src/polaris/configuration/fileGroup/detail/file/constants.ts b/web/src/polaris/configuration/fileGroup/detail/file/constants.ts
index 34c2427d..cfb8d036 100644
--- a/web/src/polaris/configuration/fileGroup/detail/file/constants.ts
+++ b/web/src/polaris/configuration/fileGroup/detail/file/constants.ts
@@ -3,6 +3,7 @@ export enum FileStatus {
   Success = 'success',
   Fail = 'failure',
   Edited = 'to-be-released',
+  Betaing = "betaing"
 }
 export const FileStatusMap = {
   [FileStatus.Normal]: {
@@ -17,6 +18,10 @@ export const FileStatusMap = {
     text: '发布失败',
     theme: 'danger',
   },
+  [FileStatus.Betaing]: {
+    text: '灰度发布中',
+    theme: 'warning',
+  },
   [FileStatus.Edited]: {
     text: '编辑待发布',
     theme: 'warning',
diff --git a/web/src/polaris/configuration/fileGroup/detail/file/operation/BetaReleaseConfig.tsx b/web/src/polaris/configuration/fileGroup/detail/file/operation/BetaReleaseConfig.tsx
new file mode 100644
index 00000000..6abc23e1
--- /dev/null
+++ b/web/src/polaris/configuration/fileGroup/detail/file/operation/BetaReleaseConfig.tsx
@@ -0,0 +1,199 @@
+import * as React from 'react'
+import { purify, DuckCmpProps } from 'saga-duck'
+import Duck from './BetaReleaseConfigDuck'
+import FileDiff from '../FileDiff'
+import Dialog from '@src/polaris/common/duckComponents/Dialog'
+import FormField from '@src/polaris/common/duckComponents/form/Field'
+import { Form, FormItem, FormControl, FormText, Button, Stepper, Icon, Select, Table, Text } from 'tea-component'
+import Input from '@src/polaris/common/duckComponents/form/Input'
+import { scrollable, autotip } from 'tea-component/lib/table/addons'
+import { ClientLabelTypeOptions, ClientLabelType, ClientLabelMatchTypeOptions, ClientLabelMatchType } from '../../../types'
+
+const removeArrayFieldValue = (field, index) => {
+  const newValue = field.getValue()
+  newValue.splice(index, 1)
+  field.setValue([...newValue])
+}
+const addTag = field => {
+  field.setValue([...(field.getValue() || []), { key: '', value: '' }])
+}
+
+export default purify(function (props: DuckCmpProps<Duck>) {
+  const { duck, store, dispatch } = props
+  const { ducks, selector } = duck
+  const formApi = ducks.form.getAPI(store, dispatch)
+  const { releaseVersion, comment, clientLabels } = formApi.getFields(['releaseVersion', 'comment', 'clientLabels'])
+  const { data } = selector(store)
+  const [step, setStep] = React.useState('0')
+  if (!data) return <noscript />
+  const { lastRelease, content, format } = data
+  const stepInfo = {
+    0: (
+      <Form>
+        <FormItem label={'配置中心名称'}>
+          <FormText>{data.group}</FormText>
+        </FormItem>
+        <FormField field={releaseVersion} label={'版本号'}>
+          <Input placeholder={'请输入版本号'} field={releaseVersion} />
+        </FormField>
+        <FormField field={comment} label={'备注'}>
+          <Input placeholder={'请输入版本备注'} field={comment} maxLength={200} />
+        </FormField>
+        <FormItem
+          label={
+            <>
+              <Text>{'客户端标签'}</Text>
+            </>
+          }
+          message={'标签键的长度不能超过128字符，标签值的长度不能超过4096个字符'}
+        >
+          <Table
+            bordered
+            records={[...clientLabels.asArray()]}
+            columns={[
+              {
+                key: 'key',
+                header: '标签键',
+                render: field => {
+                  const key = field.getField('key')
+                  return (
+                    <FormControl
+                      status={key.getTouched() && key.getError() ? 'error' : null}
+                      showStatusIcon={false}
+                      style={{ display: 'inline' }}
+                      message={key.getTouched() && key.getError() ? key.getError() : null}
+                    >
+                      <Select
+                        options={ClientLabelTypeOptions}
+                        value={key.getValue()}
+                        onChange={value => {
+                          key.setValue(ClientLabelType[value])
+                        }}
+                        type={'simulate'}
+                        appearance={'button'}
+                        size={'full'}
+                      ></Select>
+                    </FormControl>
+                  )
+                },
+              },
+              {
+                key: 'type',
+                header: '匹配方式',
+                render: field => {
+                  const {value} = field.getFields(['value'])
+                  return (
+                    <FormControl
+                      showStatusIcon={false}
+                      style={{ display: 'inline' }}
+                    >
+                      <Select
+                        options={ClientLabelMatchTypeOptions}
+                        value={value.getFields(['type']).type.getValue()}
+                        onChange={choseValue => {
+                          value.getFields(['type']).type.setValue(ClientLabelMatchType[choseValue])
+                          value.getFields(['value_type']).value_type.setValue("TEXT")
+                        }}
+                        type={'simulate'}
+                        appearance={'button'}
+                        size={'full'}
+                      ></Select>
+                    </FormControl>
+                  )
+                },
+              },
+              {
+                key: 'value',
+                header: '标签值',
+                render: field => {
+                  const value = field.getField('value').getField('value')
+                  return (
+                    <FormControl
+                      status={value.getTouched() && value.getError() ? 'error' : null}
+                      showStatusIcon={false}
+                      style={{ display: 'inline' }}
+                      message={value.getTouched() && value.getError() ? value.getError() : null}
+                    >
+                      <Input field={value} maxLength={4096}></Input>
+                    </FormControl>
+                  )
+                },
+              },
+              {
+                key: 'action',
+                header: '操作',
+                render: (field, key, index) => {
+                  return (
+                    <Button
+                      type={'icon'}
+                      icon={'close'}
+                      onClick={() => removeArrayFieldValue(clientLabels, index)}
+                    ></Button>
+                  )
+                },
+              },
+            ]}
+            addons={[
+              scrollable({
+                maxHeight: '300px',
+              }),
+              autotip({ emptyText: '无标签' }),
+            ]}
+            bottomTip={
+              <Button onClick={() => addTag(clientLabels)} type={'link'}>
+                {'添加标签'}
+              </Button>
+            }
+          ></Table>
+        </FormItem>
+      </Form>
+    ),
+    1: (
+      <FileDiff
+        original={lastRelease?.content || ''}
+        now={content}
+        format={format}
+        originTitle={lastRelease?.name ? <>上一版本({lastRelease.name})</> : <>{'无上一版本'}</>}
+        nowTitle={<>当前版本({releaseVersion.getValue()})</>}
+      />
+    ),
+  }
+  const isFirstStep = step === '0'
+  return (
+    <Dialog
+      duck={duck}
+      store={store}
+      dispatch={dispatch}
+      title={'灰度发布配置文件'}
+      size={isFirstStep ? 'l' : 1000}
+      buttons={(submitCreator, cancelCreator) => {
+        return [
+          <Button
+            key='step-button'
+            type={isFirstStep ? 'primary' : 'weak'}
+            onClick={() => setStep(isFirstStep ? '1' : '0')}
+          >
+            {isFirstStep ? '下一步' : '上一步'}
+          </Button>,
+          ...(isFirstStep ? [] : [submitCreator()]),
+          cancelCreator(),
+        ]
+      }}
+      defaultCancel={false}
+      defaultSubmit={false}
+    >
+      <Stepper
+        steps={[
+          {
+            id: '0',
+            label: '填写发布信息',
+          },
+          { id: '1', label: '版本对比' },
+        ]}
+        current={step}
+        style={{ marginBottom: '15px' }}
+      ></Stepper>
+      {stepInfo[step]}
+    </Dialog>
+  )
+})
diff --git a/web/src/polaris/configuration/fileGroup/detail/file/operation/BetaReleaseConfigDuck.ts b/web/src/polaris/configuration/fileGroup/detail/file/operation/BetaReleaseConfigDuck.ts
new file mode 100644
index 00000000..5b5d8609
--- /dev/null
+++ b/web/src/polaris/configuration/fileGroup/detail/file/operation/BetaReleaseConfigDuck.ts
@@ -0,0 +1,95 @@
+import { select, put } from 'redux-saga/effects'
+import FormDuck from '@src/polaris/common/ducks/Form'
+import Base from '@src/polaris/common/ducks/DialogPure'
+import Create from './BetaReleaseConfig'
+import { showDialog } from '@src/polaris/common//helpers/showDialog'
+import { ClientLabel, ConfigFileRelease } from '../../../types'
+import { releaseConfigFile } from '../../../model'
+
+interface Data {
+    lastRelease: ConfigFileRelease
+    namespace: string
+    group: string
+    content: string
+    format: string
+    name: string
+    clientLabels?: ClientLabel[]
+}
+
+export default class BetaReleaseConfigDuck extends Base {
+    Data: Data
+
+    get quickDucks() {
+        return {
+            ...super.quickDucks,
+            form: BetaCreateFormDuck,
+        }
+    }
+    *onShow() {
+        const duck = this
+        const { selector } = duck
+        const { data } = yield select(selector)
+        yield* this.initData(data)
+    }
+
+    *initData(data) {
+        const { ducks } = this
+        yield put(ducks.form.creators.setAllTouched(false))
+        yield put(ducks.form.creators.setValues(data, true))
+    }
+    static show(data: any) {
+        return new Promise(resolve => {
+            showDialog(Create, BetaReleaseConfigDuck, function* (duck) {
+                yield duck.show(data, function* () {
+                    resolve(yield duck.ducks.form.submit())
+                })
+            })
+        })
+    }
+}
+
+export interface Fvalues {
+    regionId: number
+    instanceId: string
+    comment: string
+    releaseVersion: string
+    namespace: string
+    group: string
+    name: string
+    clientLabels?: ClientLabel[]
+}
+
+export class BetaCreateFormDuck extends FormDuck {
+    Values: Fvalues
+    validate(v, metaData) {
+        return betaValidator(v, metaData)
+    }
+    *submit() {
+        const { creators, selectors, selector } = this
+        yield put(creators.setAllTouched(true))
+        const firstInvalid = yield select(selectors.firstInvalid)
+        if (firstInvalid) {
+            throw firstInvalid
+        }
+        const { values } = yield select(selector)
+        const { name, namespace, group, releaseVersion, comment, clientLabels: clientLabels } = values
+        const result = yield releaseConfigFile({
+            namespace,
+            group,
+            fileName: name,
+            name: releaseVersion,
+            releaseDescription: comment,
+            betaLabels: clientLabels,
+            releaseType: "gray"
+        })
+        return result
+    }
+}
+// 一些校验
+const betaValidator = BetaCreateFormDuck.combineValidators<Fvalues>({
+    releaseVersion(v) {
+        if (!v) {
+            return '请输入版本号'
+        }
+    },
+})
diff --git a/web/src/polaris/configuration/fileGroup/detail/file/operation/ReleaseConfigDuck.ts b/web/src/polaris/configuration/fileGroup/detail/file/operation/ReleaseConfigDuck.ts
index b7d1a800..a3e22953 100644
--- a/web/src/polaris/configuration/fileGroup/detail/file/operation/ReleaseConfigDuck.ts
+++ b/web/src/polaris/configuration/fileGroup/detail/file/operation/ReleaseConfigDuck.ts
@@ -45,6 +45,7 @@ export default class ReleaseConfigDuck extends Base {
     })
   }
 }
+
 export interface Fvalues {
   regionId: number
   instanceId: string
diff --git a/web/src/polaris/configuration/fileGroup/detail/version/getColumns.tsx b/web/src/polaris/configuration/fileGroup/detail/version/getColumns.tsx
index c828356e..32c7e2b2 100644
--- a/web/src/polaris/configuration/fileGroup/detail/version/getColumns.tsx
+++ b/web/src/polaris/configuration/fileGroup/detail/version/getColumns.tsx
@@ -18,7 +18,14 @@ export default ({
       render: x => (
         <Text>
           {x.fileName}
-          {x.active ? (
+          {(x.active && x.releaseType === 'gray') ? (
+            <Badge theme='warning' dark style={{ verticalAlign: 'bottom', marginLeft: '5px' }}>
+              {'灰度使用中'}
+            </Badge>
+          ) : (
+            <></>
+          )}
+          {(x.active && x.releaseType !== 'gray') ? (
             <Badge dark style={{ verticalAlign: 'bottom', marginLeft: '5px' }}>
               {'使用中'}
             </Badge>
diff --git a/web/src/polaris/configuration/fileGroup/model.ts b/web/src/polaris/configuration/fileGroup/model.ts
index 66f0bcda..a9995df3 100644
--- a/web/src/polaris/configuration/fileGroup/model.ts
+++ b/web/src/polaris/configuration/fileGroup/model.ts
@@ -1,4 +1,4 @@
-import { ConfigFileGroup, KeyValuePair, ConfigFile, ConfigFileRelease } from './types'
+import { ConfigFileGroup, KeyValuePair, ConfigFile, ConfigFileRelease, ClientLabel } from './types'
 import { getApiRequest, apiRequest, putApiRequest, deleteApiRequest } from '@src/polaris/common/util/apiRequest'
 import { object2FormData } from '@src/polaris/common/helpers/form'
 
@@ -194,6 +194,8 @@ export interface ReleaseConfigFileParams {
   comment?: string
   createBy?: string
   releaseDescription?: string
+  betaLabels?: ClientLabel[]
+  releaseType?: string
 }
 export interface ReleaseConfigFileResult {
   configFileRelease: ConfigFileRelease
@@ -220,6 +222,19 @@ export async function describeLastReleaseConfigFile(params: DescribeLastReleaseC
   })
   return res
 }
+export interface StopBetaReleaseConfigFileParams {
+  file_name: string
+  namespace: string
+  group: string
+}
+export type StopConfigFileBetaReleaseResult = {}
+export async function stopBetaReleaseConfigFile(params: StopBetaReleaseConfigFileParams[]) {
+  const res = await apiRequest<StopConfigFileBetaReleaseResult>({
+    action: 'config/v1/configfiles/releases/stopbeta',
+    data: params,
+  })
+  return res
+}
 
 export interface ConfigFileTemplate {
   id: string
@@ -316,7 +331,6 @@ export async function importConfigFile(params: ImportConfigFilesParams) {
   return res
 }
 
-
 export interface ConfigFileEncryptAlgorithm {
   algorithms: string[]
 }
diff --git a/web/src/polaris/configuration/fileGroup/types.ts b/web/src/polaris/configuration/fileGroup/types.ts
index f66a4726..c194eda4 100644
--- a/web/src/polaris/configuration/fileGroup/types.ts
+++ b/web/src/polaris/configuration/fileGroup/types.ts
@@ -52,6 +52,7 @@ export interface ConfigFileRelease {
   releaseDescription?: string
   releaseStatus?: string
   active: string
+  releaseType?: string
   format: string
 }
 export interface ConfigFileReleaseHistory {
@@ -79,3 +80,73 @@ export interface ConfigFileGroupTag {
   key?: string
   value?: string
 }
+
+export interface ClientLabel {
+  key?: string
+  value: {
+    type: string
+    value: string
+    value_type: string
+  }
+}
+
+// 匹配规则类型
+export enum ClientLabelType {
+  CLIENT_ID = 'CLIENT_ID',
+  // CLIENT_LANGUAGE = 'CLIENT_LANGUAGE',
+  CLIENT_IP = 'CLIENT_IP',
+}
+
+export const ClientLabelTypeOptions = [
+  {
+    value: ClientLabelType.CLIENT_ID,
+    text: '客户端ID',
+  },
+  {
+    value: ClientLabelType.CLIENT_IP,
+    text: '客户端Host',
+  },
+  // {
+  //   value: ClientLabelType.CLIENT_LANGUAGE,
+  //   text: '请求头(HEADER)',
+  // },
+]
+export const ClientLabelTextMap = ClientLabelTypeOptions.reduce((map, curr) => {
+  map[curr.value] = curr.text
+  return map
+}, {})
+
+export enum ClientLabelMatchType {
+  EXACT = 'EXACT',
+  REGEX = 'REGEX',
+  NOT_EQUALS = 'NOT_EQUALS',
+  IN = 'IN',
+  NOT_IN = 'NOT_IN',
+  RANGE = 'RANGE',
+}
+export const ClientLabelMatchTypeOptions = [
+  {
+    value: ClientLabelMatchType.EXACT,
+    text: '等于',
+  },
+  {
+    value: ClientLabelMatchType.REGEX,
+    text: '正则表达式匹配',
+  },
+  {
+    value: ClientLabelMatchType.NOT_EQUALS,
+    text: '不等于',
+  },
+  {
+    value: ClientLabelMatchType.IN,
+    text: '包含',
+  },
+  {
+    value: ClientLabelMatchType.NOT_IN,
+    text: '不包含',
+  },
+]
+export const RouteLabelTextMap = ClientLabelMatchTypeOptions.reduce((map, curr) => {
+  map[curr.value] = curr.text
+  return map
+}, {})
diff --git a/web/src/polaris/configuration/releaseHistory/types.ts b/web/src/polaris/configuration/releaseHistory/types.ts
index 25354764..b36270fa 100644
--- a/web/src/polaris/configuration/releaseHistory/types.ts
+++ b/web/src/polaris/configuration/releaseHistory/types.ts
@@ -17,10 +17,14 @@ export enum ConfigReleaseType {
   ROLLBACK = 'rollback',
   DELETE = 'delete',
   CLEAN = 'clean',
+  BETAING = 'betaing',
+  CANCEL_BETA = 'cancel-gray',
 }
 export const ConfigReleaseTypeMap = {
   [ConfigReleaseType.PUBLISH]: '发布',
   [ConfigReleaseType.ROLLBACK]: '回滚',
   [ConfigReleaseType.DELETE]: '删除',
   [ConfigReleaseType.CLEAN]: '文件删除',
+  [ConfigReleaseType.BETAING]: '灰度发布',
+  [ConfigReleaseType.CANCEL_BETA]: '取消灰度发布',
 }