diff --git a/packages/varlet-cli/src/compiler/compileTemplateHighlight.ts b/packages/varlet-cli/src/compiler/compileTemplateHighlight.ts
index 31c3ba6e48e..79d0df59bab 100644
--- a/packages/varlet-cli/src/compiler/compileTemplateHighlight.ts
+++ b/packages/varlet-cli/src/compiler/compileTemplateHighlight.ts
@@ -113,9 +113,10 @@ export function compileMD(
   if (!path.endsWith(HL_MD)) {
     return
   }
+
   const md = readFileSync(path, 'utf-8')
 
-  const [_, componentName] = path.match(HL_COMPONENT_NAME_RE)!
+  const componentName = path.match(HL_COMPONENT_NAME_RE)![2]
 
   const attributesTable = parseTable(compileTable(md, HL_TITLE_ATTRIBUTES_RE))
   const eventsTable = parseTable(compileTable(md, HL_TITLE_EVENTS_RE))
diff --git a/packages/varlet-cli/src/shared/constant.ts b/packages/varlet-cli/src/shared/constant.ts
index 12848fa7caf..9c198052ae0 100644
--- a/packages/varlet-cli/src/shared/constant.ts
+++ b/packages/varlet-cli/src/shared/constant.ts
@@ -24,7 +24,7 @@ export const SITE_CONFIG = resolve(__dirname, '../../site/site.config.json')
 export const SITE_OUTPUT_PATH = resolve(CWD, 'site')
 
 // template highlight
-export const HL_COMPONENT_NAME_RE = /.*\/(.+)\/docs\//
+export const HL_COMPONENT_NAME_RE = /.*(\/|\\)(.+)(\/|\\)docs(\/|\\)/
 export const HL_API_RE = /##\s*API\n+/
 export const HL_TITLE_ATTRIBUTES_RE = /###\s*属性\s*\n+/
 export const HL_TITLE_EVENTS_RE = /###\s*事件\s*\n+/
diff --git a/packages/varlet-ui/highlight/tag.json b/packages/varlet-ui/highlight/tag.json
index 56e5919804a..3068f91514a 100644
--- a/packages/varlet-ui/highlight/tag.json
+++ b/packages/varlet-ui/highlight/tag.json
@@ -183,6 +183,9 @@
   "tabs-items": {
     "attributes": []
   },
+  "time-picker": {
+    "attributes": []
+  },
   "uploader": {
     "attributes": []
   }
diff --git a/packages/varlet-ui/highlight/web-types.json b/packages/varlet-ui/highlight/web-types.json
index 6af10df0a25..95ba57d3b9f 100644
--- a/packages/varlet-ui/highlight/web-types.json
+++ b/packages/varlet-ui/highlight/web-types.json
@@ -743,6 +743,12 @@
           "events": [],
           "slots": []
         },
+        {
+          "name": "var-time-picker",
+          "attributes": [],
+          "events": [],
+          "slots": []
+        },
         {
           "name": "var-uploader",
           "attributes": [],