@varlet/ui 3.5.4 → 3.6.0-alpha.1728498016952

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.5.4",
+  "version": "3.6.0-alpha.1728498016952",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -48,26 +48,27 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "3.5.4",
-    "@varlet/shared": "3.5.4",
-    "@varlet/use": "3.5.4"
+    "@varlet/icons": "3.6.0-alpha.1728498016952",
+    "@varlet/shared": "3.6.0-alpha.1728498016952",
+    "@varlet/use": "3.6.0-alpha.1728498016952"
   },
   "devDependencies": {
-    "@vue/runtime-core": "3.4.21",
-    "@vue/test-utils": "2.4.1",
     "@types/node": "^18.7.18",
     "@vitest/coverage-istanbul": "2.0.5",
-    "zod": "^3.23.8",
-    "jsdom": "24.1.1",
-    "vitest": "2.0.5",
+    "@vue/runtime-core": "3.4.21",
+    "@vue/test-utils": "2.4.1",
     "clipboard": "^2.0.6",
+    "jsdom": "24.1.1",
     "live-server": "^1.2.1",
+    "shiki": "^1.21.0",
     "typescript": "^5.1.5",
+    "vitest": "2.0.5",
     "vue": "3.4.21",
     "vue-router": "4.2.0",
-    "@varlet/cli": "3.5.4",
-    "@varlet/ui": "3.5.4",
-    "@varlet/touch-emulator": "3.5.4"
+    "zod": "^3.23.8",
+    "@varlet/cli": "3.6.0-alpha.1728498016952",
+    "@varlet/touch-emulator": "3.6.0-alpha.1728498016952",
+    "@varlet/ui": "3.6.0-alpha.1728498016952"
   },
   "scripts": {
     "dev": "varlet-cli dev",

package/types/code.d.ts

@@ -0,0 +1,18 @@
+import { VarComponent, BasicAttributes, SetPropsDefaults } from './varComponent'
+
+export declare const codeProps: Record<keyof CodeProps, any>
+
+export interface CodeProps extends BasicAttributes {
+  code?: string
+  language?: string
+  theme?: string
+  wordWrap?: boolean
+}
+
+export class Code extends VarComponent {
+  static setPropsDefaults: SetPropsDefaults<CodeProps>
+
+  $props: CodeProps
+}
+
+export class _CodeComponent extends Code {}

package/types/highlighterProvider.d.ts

@@ -0,0 +1,26 @@
+import { VarComponent, BasicAttributes, SetPropsDefaults } from './varComponent'
+
+export declare const highlighterProps: Record<keyof HighlighterProviderProps, any>
+
+export interface CodeToHtmlOptions {
+  lang?: string
+  theme?: string
+}
+
+export interface Highlighter {
+  codeToHtml: (code: string, options: CodeToHtmlOptions) => Promise<string>
+}
+
+export interface HighlighterProviderProps extends BasicAttributes {
+  highlighter?: Highlighter
+  theme?: string
+  tag?: string
+}
+
+export class HighlighterProvider extends VarComponent {
+  static setPropsDefaults: SetPropsDefaults<HighlighterProviderProps>
+
+  $props: HighlighterProviderProps
+}
+
+export class _HighlighterProviderComponent extends HighlighterProvider {}

package/types/index.d.ts

@@ -21,6 +21,7 @@ export * from './cell'
 export * from './checkbox'
 export * from './checkboxGroup'
 export * from './chip'
+export * from './code'
 export * from './col'
 export * from './collapse'
 export * from './collapseItem'
@@ -37,6 +38,7 @@ export * from './fab'
 export * from './floatingPanel'
 export * from './form'
 export * from './formDetails'
+export * from './highlighterProvider'
 export * from './hover'
 export * from './hoverOverlay'
 export * from './icon'
@@ -115,6 +117,7 @@ declare module 'vue' {
     VarCheckbox: typeof import('@varlet/ui')['_CheckboxComponent']
     VarCheckboxGroup: typeof import('@varlet/ui')['_CheckboxGroupComponent']
     VarChip: typeof import('@varlet/ui')['_ChipComponent']
+    VarCode: typeof import('@varlet/ui')['_CodeComponent']
     VarCol: typeof import('@varlet/ui')['_ColComponent']
     VarCollapse: typeof import('@varlet/ui')['_CollapseComponent']
     VarCollapseItem: typeof import('@varlet/ui')['_CollapseItemComponent']
@@ -131,6 +134,7 @@ declare module 'vue' {
     VarFloatingPanel: typeof import('@varlet/ui')['_FloatingPanelComponent']
     VarForm: typeof import('@varlet/ui')['_FormComponent']
     VarFormDetails: typeof import('@varlet/ui')['_FormDetailsComponent']
+    VarHighlighterProvider: typeof import('@varlet/ui')['_HighlighterProviderComponent']
     VarHoverOverlay: typeof import('@varlet/ui')['_HoverOverlayComponent']
     VarIcon: typeof import('@varlet/ui')['_IconComponent']
     VarImage: typeof import('@varlet/ui')['_ImageComponent']

package/types/styleVars.d.ts

@@ -224,6 +224,8 @@ interface BaseStyleVars {
   '--chip-small-font-size'?: string
   '--chip-normal-font-size'?: string
   '--chip-large-font-size'?: string
+  '--code-line-height'?: string
+  '--code-font-size'?: string
   '--collapse-background'?: string
   '--collapse-text-color'?: string
   '--collapse-header-font-size'?: string