@varlet/ui 3.2.11 → 3.2.12

package/highlight/web-types.en-US.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.2.11",
+  "version": "3.2.12",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -1446,6 +1446,24 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "label-key",
+              "description": "As the key that uniquely identifies label",
+              "default": "label",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "value-key",
+              "description": "As the key that uniquely identifies value",
+              "default": "value",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "rules",
               "description": "The validation rules, return `true` to indicate that the validation passed. The remaining values are converted to text as user prompts",
@@ -3055,6 +3073,10 @@
             {
               "name": "default",
               "description": "Custom panel content"
+            },
+            {
+              "name": "header",
+              "description": "Custom panel header"
             }
           ]
         },

package/highlight/web-types.zh-CN.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.2.11",
+  "version": "3.2.12",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -1605,6 +1605,24 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "label-key",
+              "description": "作为 label 唯一标识的键名",
+              "default": "label",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "value-key",
+              "description": "作为 value 唯一标识的键名",
+              "default": "value",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "rules",
               "description": "验证规则，返回 `true` 表示验证通过，其余的值则转换为文本作为用户提示",
@@ -3214,6 +3232,10 @@
             {
               "name": "default",
               "description": "自定义面板内容"
+            },
+            {
+              "name": "header",
+              "description": "自定义面板标头"
             }
           ]
         },

package/lib/varlet.cjs.js

@@ -1166,12 +1166,12 @@ var __spreadValues$t = (a, b) => {
   return a;
 };
 const {
-  name: name$1h,
+  name: name$1i,
   n: n$1o,
   classes: classes$1a
 } = createNamespace("popup");
 var stdin_default$5U = vue.defineComponent({
-  name: name$1h,
+  name: name$1i,
   inheritAttrs: false,
   props: props$1g,
   setup(props2, {
@@ -1501,7 +1501,7 @@ var __async$h = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$1g, n: n$1n, classes: classes$19 } = createNamespace("icon");
+const { name: name$1h, n: n$1n, classes: classes$19 } = createNamespace("icon");
 function __render__$1n(_ctx, _cache) {
   return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.isURL(_ctx.name) ? "img" : "i"), {
     class: vue.normalizeClass(
@@ -1525,7 +1525,7 @@ function __render__$1n(_ctx, _cache) {
   }, null, 8, ["class", "style", "src", "onClick"]);
 }
 const __sfc__$1o = vue.defineComponent({
-  name: name$1g,
+  name: name$1h,
   props: props$1f,
   setup(props2) {
     const nextName = vue.ref("");
@@ -1569,7 +1569,7 @@ const props$1e = {
   hovering: Boolean,
   focusing: Boolean
 };
-const { name: name$1f, n: n$1m, classes: classes$18 } = createNamespace("hover-overlay");
+const { name: name$1g, n: n$1m, classes: classes$18 } = createNamespace("hover-overlay");
 function __render__$1m(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -1582,7 +1582,7 @@ function __render__$1m(_ctx, _cache) {
   );
 }
 const __sfc__$1n = vue.defineComponent({
-  name: name$1f,
+  name: name$1g,
   props: props$1e,
   setup: () => ({
     n: n$1m,
@@ -1728,7 +1728,7 @@ const Hover = {
 };
 const _HoverComponent = Hover;
 var stdin_default$5O = Hover;
-const { name: name$1e, n: n$1l, classes: classes$17 } = createNamespace("action-sheet");
+const { name: name$1f, n: n$1l, classes: classes$17 } = createNamespace("action-sheet");
 function __render__$1l(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
@@ -1770,7 +1770,7 @@ function __render__$1l(_ctx, _cache) {
   ]);
 }
 const __sfc__$1m = vue.defineComponent({
-  name: name$1e,
+  name: name$1f,
   components: {
     VarHoverOverlay: stdin_default$5P,
     VarIcon: stdin_default$5R
@@ -2332,7 +2332,7 @@ var stdin_default$5H = {
   t,
   useLocale
 };
-const { name: name$1d, n: n$1k, classes: classes$16 } = createNamespace("action-sheet");
+const { name: name$1e, n: n$1k, classes: classes$16 } = createNamespace("action-sheet");
 function __render__$1k(_ctx, _cache) {
   const _component_var_action_item = vue.resolveComponent("var-action-item");
   const _component_var_popup = vue.resolveComponent("var-popup");
@@ -2407,7 +2407,7 @@ function __render__$1k(_ctx, _cache) {
   }, 8, ["class", "overlay", "overlay-class", "overlay-style", "lock-scroll", "close-on-click-overlay", "close-on-key-escape", "teleport", "safe-area", "show", "onOpen", "onClose", "onClosed", "onOpened", "onRouteChange", "onKeyEscape"]);
 }
 const __sfc__$1l = vue.defineComponent({
-  name: name$1d,
+  name: name$1e,
   directives: { Ripple: stdin_default$5V },
   components: {
     VarPopup: stdin_default$5T,
@@ -2536,7 +2536,7 @@ const props$1c = {
   },
   fixed: Boolean
 };
-const { name: name$1c, n: n$1j, classes: classes$15 } = createNamespace("app-bar");
+const { name: name$1d, n: n$1j, classes: classes$15 } = createNamespace("app-bar");
 function __render__$1j(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -2649,7 +2649,7 @@ function __render__$1j(_ctx, _cache) {
   );
 }
 const __sfc__$1k = vue.defineComponent({
-  name: name$1c,
+  name: name$1d,
   props: props$1c,
   setup(props2, { slots }) {
     const paddingLeft = vue.ref();
@@ -2971,7 +2971,7 @@ const props$1b = {
   onError: defineListenerProp()
 };
 const isInternalSize$1 = (size) => ["mini", "small", "normal", "large"].includes(size);
-const { name: name$1b, n: n$1i, classes: classes$14 } = createNamespace("avatar");
+const { name: name$1c, n: n$1i, classes: classes$14 } = createNamespace("avatar");
 const _hoisted_1$y = ["src", "alt", "lazy-loading", "lazy-error"];
 const _hoisted_2$g = ["src", "alt"];
 function __render__$1i(_ctx, _cache) {
@@ -3048,7 +3048,7 @@ function __render__$1i(_ctx, _cache) {
   );
 }
 const __sfc__$1j = vue.defineComponent({
-  name: name$1b,
+  name: name$1c,
   directives: { Lazy: stdin_default$5C },
   props: props$1b,
   setup(props2) {
@@ -3110,7 +3110,7 @@ const props$1a = {
   offset: [Number, String],
   vertical: Boolean
 };
-const { name: name$1a, n: n$1h, classes: classes$13 } = createNamespace("avatar-group");
+const { name: name$1b, n: n$1h, classes: classes$13 } = createNamespace("avatar-group");
 function __render__$1h(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -3126,7 +3126,7 @@ function __render__$1h(_ctx, _cache) {
   );
 }
 const __sfc__$1i = vue.defineComponent({
-  name: name$1a,
+  name: name$1b,
   props: props$1a,
   setup(props2) {
     const rootStyles = vue.computed(() => {
@@ -3164,7 +3164,7 @@ const props$19 = {
   description: String,
   loading: Boolean
 };
-const { name: name$19, n: n$1g, classes: classes$12 } = createNamespace("loading");
+const { name: name$1a, n: n$1g, classes: classes$12 } = createNamespace("loading");
 const _withScopeId$6 = (n2) => (vue.pushScopeId(""), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$x = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ vue.createElementVNode(
   "svg",
@@ -3319,7 +3319,7 @@ function __render__$1g(_ctx, _cache) {
   );
 }
 const __sfc__$1h = vue.defineComponent({
-  name: name$19,
+  name: name$1a,
   props: props$19,
   setup(props2, { slots }) {
     const isShow = vue.computed(() => {
@@ -3421,7 +3421,7 @@ function useButtonGroup() {
     bindButtonGroup: bindParent
   };
 }
-const { name: name$18, n: n$1f, classes: classes$11 } = createNamespace("button");
+const { name: name$19, n: n$1f, classes: classes$11 } = createNamespace("button");
 const _hoisted_1$w = ["type", "disabled"];
 function __render__$1f(_ctx, _cache) {
   const _component_var_loading = vue.resolveComponent("var-loading");
@@ -3487,7 +3487,7 @@ function __render__$1f(_ctx, _cache) {
   ]);
 }
 const __sfc__$1g = vue.defineComponent({
-  name: name$18,
+  name: name$19,
   components: {
     VarLoading: stdin_default$5w,
     VarHoverOverlay: stdin_default$5P
@@ -3586,7 +3586,7 @@ const props$17 = {
   target: [String, Object],
   onClick: defineListenerProp()
 };
-const { name: name$17, n: n$1e, classes: classes$10 } = createNamespace("back-top");
+const { name: name$18, n: n$1e, classes: classes$10 } = createNamespace("back-top");
 function __render__$1e(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_button = vue.resolveComponent("var-button");
@@ -3627,7 +3627,7 @@ function __render__$1e(_ctx, _cache) {
   ], 8, ["disabled"]);
 }
 const __sfc__$1f = vue.defineComponent({
-  name: name$17,
+  name: name$18,
   components: {
     VarButton: stdin_default$5u,
     VarIcon: stdin_default$5R
@@ -3735,7 +3735,7 @@ var __spreadValues$n = (a, b) => {
     }
   return a;
 };
-const { name: name$16, n: n$1d, classes: classes$$ } = createNamespace("badge");
+const { name: name$17, n: n$1d, classes: classes$$ } = createNamespace("badge");
 const _hoisted_1$v = { key: 0 };
 function __render__$1d(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
@@ -3796,7 +3796,7 @@ function __render__$1d(_ctx, _cache) {
   );
 }
 const __sfc__$1e = vue.defineComponent({
-  name: name$16,
+  name: name$17,
   components: { VarIcon: stdin_default$5R },
   inheritAttrs: false,
   props: props$16,
@@ -3874,7 +3874,7 @@ var __spreadValues$m = (a, b) => {
     }
   return a;
 };
-const { name: name$15, n: n$1c, classes: classes$_ } = createNamespace("bottom-navigation");
+const { name: name$16, n: n$1c, classes: classes$_ } = createNamespace("bottom-navigation");
 const { n: nItem } = createNamespace("bottom-navigation-item");
 const RIGHT_HALF_SPACE_CLASS = nItem("--right-half-space");
 const LEFT_HALF_SPACE_CLASS = nItem("--left-half-space");
@@ -3937,7 +3937,7 @@ function __render__$1c(_ctx, _cache) {
   );
 }
 const __sfc__$1d = vue.defineComponent({
-  name: name$15,
+  name: name$16,
   components: { VarButton: stdin_default$5u },
   props: props$15,
   setup(props2, { slots }) {
@@ -4101,7 +4101,7 @@ function useBottomNavigation() {
     bindBottomNavigation: bindParent
   };
 }
-const { name: name$14, n: n$1b, classes: classes$Z } = createNamespace("bottom-navigation-item");
+const { name: name$15, n: n$1b, classes: classes$Z } = createNamespace("bottom-navigation-item");
 const defaultBadgeProps = {
   type: "danger",
   dot: true
@@ -4190,7 +4190,7 @@ function __render__$1b(_ctx, _cache) {
   ]);
 }
 const __sfc__$1c = vue.defineComponent({
-  name: name$14,
+  name: name$15,
   components: {
     VarBadge: stdin_default$5q,
     VarIcon: stdin_default$5R
@@ -4260,7 +4260,7 @@ function useBreadcrumb() {
     bindBreadcrumb: bindParent
   };
 }
-const { name: name$13, n: n$1a, classes: classes$Y } = createNamespace("breadcrumb");
+const { name: name$14, n: n$1a, classes: classes$Y } = createNamespace("breadcrumb");
 function __render__$1a(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -4301,7 +4301,7 @@ function __render__$1a(_ctx, _cache) {
   );
 }
 const __sfc__$1b = vue.defineComponent({
-  name: name$13,
+  name: name$14,
   props: props$13,
   setup(props2) {
     const { index, breadcrumb, bindBreadcrumb } = useBreadcrumb();
@@ -4335,7 +4335,7 @@ const props$12 = {
     default: "/"
   }
 };
-const { name: name$12, n: n$19 } = createNamespace("breadcrumbs");
+const { name: name$13, n: n$19 } = createNamespace("breadcrumbs");
 function __render__$19(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -4352,7 +4352,7 @@ function __render__$19(_ctx, _cache) {
   );
 }
 const __sfc__$1a = vue.defineComponent({
-  name: name$12,
+  name: name$13,
   props: props$12,
   setup(props2) {
     const separator = vue.computed(() => props2.separator);
@@ -4392,7 +4392,7 @@ const props$11 = {
   },
   vertical: Boolean
 };
-const { name: name$11, n: n$18, classes: classes$X } = createNamespace("button-group");
+const { name: name$12, n: n$18, classes: classes$X } = createNamespace("button-group");
 function __render__$18(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -4415,7 +4415,7 @@ function __render__$18(_ctx, _cache) {
   );
 }
 const __sfc__$19 = vue.defineComponent({
-  name: name$11,
+  name: name$12,
   props: props$11,
   setup(props2) {
     const { bindButtons } = useButtons();
@@ -4491,7 +4491,7 @@ var __async$f = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$10, n: n$17, classes: classes$W } = createNamespace("card");
+const { name: name$11, n: n$17, classes: classes$W } = createNamespace("card");
 const RIPPLE_DELAY = 500;
 const _hoisted_1$u = ["src", "alt"];
 function __render__$17(_ctx, _cache) {
@@ -4673,7 +4673,7 @@ function __render__$17(_ctx, _cache) {
   ]);
 }
 const __sfc__$18 = vue.defineComponent({
-  name: name$10,
+  name: name$11,
   directives: { Ripple: stdin_default$5V },
   components: {
     VarIcon: stdin_default$5R,
@@ -4826,7 +4826,7 @@ const props$$ = {
   ripple: Boolean,
   onClick: defineListenerProp()
 };
-const { name: name$$, n: n$16, classes: classes$V } = createNamespace("cell");
+const { name: name$10, n: n$16, classes: classes$V } = createNamespace("cell");
 function __render__$16(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _directive_ripple = vue.resolveDirective("ripple");
@@ -4909,7 +4909,7 @@ function __render__$16(_ctx, _cache) {
   ]);
 }
 const __sfc__$17 = vue.defineComponent({
-  name: name$$,
+  name: name$10,
   components: { VarIcon: stdin_default$5R },
   directives: { Ripple: stdin_default$5V },
   props: props$$,
@@ -4951,7 +4951,7 @@ const props$_ = {
     default: ""
   }
 };
-const { name: name$_, n: n$15 } = createNamespace("form-details");
+const { name: name$$, n: n$15 } = createNamespace("form-details");
 const _hoisted_1$t = { key: 0 };
 const _hoisted_2$e = { key: 0 };
 function __render__$15(_ctx, _cache) {
@@ -5028,7 +5028,7 @@ function __render__$15(_ctx, _cache) {
   }, 8, ["name"]);
 }
 const __sfc__$16 = vue.defineComponent({
-  name: name$_,
+  name: name$$,
   props: props$_,
   setup: () => ({ n: n$15 })
 });
@@ -5132,7 +5132,7 @@ function useFormItems() {
     bindFormItems: bindChildren
   };
 }
-const { name: name$Z, n: n$14, classes: classes$U } = createNamespace("checkbox");
+const { name: name$_, n: n$14, classes: classes$U } = createNamespace("checkbox");
 const _hoisted_1$s = ["tabindex"];
 function __render__$14(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
@@ -5214,7 +5214,7 @@ function __render__$14(_ctx, _cache) {
               onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleTextClick && _ctx.handleTextClick(...args))
             },
             [
-              vue.renderSlot(_ctx.$slots, "default")
+              vue.renderSlot(_ctx.$slots, "default", { checked: _ctx.checked })
             ],
             2
             /* CLASS */
@@ -5230,7 +5230,7 @@ function __render__$14(_ctx, _cache) {
   );
 }
 const __sfc__$15 = vue.defineComponent({
-  name: name$Z,
+  name: name$_,
   directives: { Ripple: stdin_default$5V, Hover: stdin_default$5O },
   components: {
     VarIcon: stdin_default$5R,
@@ -5374,22 +5374,39 @@ withInstall(stdin_default$59);
 withPropsDefaultsSetter(stdin_default$59, props$Z);
 const _CheckboxComponent = stdin_default$59;
 var stdin_default$58 = stdin_default$59;
+const {
+  name: name$Z
+} = createNamespace("checkbox-group-option");
 var stdin_default$57 = vue.defineComponent({
-  name: "CheckboxGroupOption",
+  name: name$Z,
   props: {
-    checked: Boolean,
-    option: Object
+    labelKey: {
+      type: String,
+      required: true
+    },
+    valueKey: {
+      type: String,
+      required: true
+    },
+    option: {
+      type: Object,
+      required: true
+    }
   },
   setup(props2) {
     return () => {
-      if (props2.option == null) {
-        return;
-      }
+      const {
+        option,
+        labelKey,
+        valueKey
+      } = props2;
       return vue.createVNode(stdin_default$58, {
-        "checkedValue": props2.option.value,
-        "disabled": props2.option.disabled
+        "checkedValue": option[valueKey],
+        "disabled": option.disabled
       }, {
-        default: () => [isFunction(props2.option.label) ? props2.option.label(props2.option, props2.checked) : props2.option.label]
+        default: ({
+          checked
+        }) => isFunction(option[labelKey]) ? option[labelKey](option, checked) : option[labelKey]
       });
     };
   }
@@ -5401,6 +5418,14 @@ const props$Y = {
   },
   max: [String, Number],
   options: Array,
+  labelKey: {
+    type: String,
+    default: "label"
+  },
+  valueKey: {
+    type: String,
+    default: "value"
+  },
   direction: {
     type: String,
     default: "horizontal"
@@ -5434,10 +5459,11 @@ function __render__$13(_ctx, _cache) {
             { key: 0 },
             vue.renderList(_ctx.checkboxGroupOptions, (option) => {
               return vue.openBlock(), vue.createBlock(_component_checkbox_group_option, {
-                key: option.value.toString(),
-                checked: _ctx.modelValue.includes(option.value),
+                key: option[_ctx.valueKey],
+                "label-key": _ctx.labelKey,
+                "value-key": _ctx.valueKey,
                 option
-              }, null, 8, ["checked", "option"]);
+              }, null, 8, ["label-key", "value-key", "option"]);
             }),
             128
             /* KEYED_FRAGMENT */
@@ -14718,25 +14744,27 @@ function __render__$L(_ctx, _cache) {
         onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.handleTouchend && _ctx.handleTouchend(...args))
       },
       [
-        vue.createElementVNode(
-          "div",
-          {
-            class: vue.normalizeClass(_ctx.n("header"))
-          },
-          [
-            vue.createElementVNode(
-              "div",
-              {
-                class: vue.normalizeClass(_ctx.n("header-toolbar"))
-              },
-              null,
-              2
-              /* CLASS */
-            )
-          ],
-          2
-          /* CLASS */
-        ),
+        vue.renderSlot(_ctx.$slots, "header", {}, () => [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(_ctx.n("header"))
+            },
+            [
+              vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(_ctx.n("header-toolbar"))
+                },
+                null,
+                2
+                /* CLASS */
+              )
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
         vue.createElementVNode(
           "div",
           {
@@ -28600,7 +28628,7 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.2.11";
+const version = "3.2.12";
 function install(app) {
   stdin_default$5F.install && app.use(stdin_default$5F);
   stdin_default$5D.install && app.use(stdin_default$5D);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.2.11",
+  "version": "3.2.12",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -48,9 +48,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "3.2.11",
-    "@varlet/shared": "3.2.11",
-    "@varlet/use": "3.2.11"
+    "@varlet/icons": "3.2.12",
+    "@varlet/shared": "3.2.12",
+    "@varlet/use": "3.2.12"
   },
   "devDependencies": {
     "@vue/runtime-core": "3.4.21",
@@ -66,9 +66,9 @@
     "typescript": "^5.1.5",
     "vue": "3.4.21",
     "vue-router": "4.2.0",
-    "@varlet/ui": "3.2.11",
-    "@varlet/touch-emulator": "3.2.11",
-    "@varlet/cli": "3.2.11"
+    "@varlet/ui": "3.2.12",
+    "@varlet/cli": "3.2.12",
+    "@varlet/touch-emulator": "3.2.12"
   },
   "scripts": {
     "dev": "varlet-cli dev",

package/types/checkbox.d.ts

@@ -24,13 +24,17 @@ export interface CheckboxProps extends BasicAttributes {
   'onUpdate:indeterminate'?: ListenerProp<(value: boolean) => void>
 }
 
+export interface CheckboxData {
+  checked: boolean
+}
+
 export class Checkbox extends VarComponent {
   static setPropsDefaults: SetPropsDefaults<CheckboxProps>
 
   $props: CheckboxProps
 
   $slots: {
-    default(): VNode[]
+    default(data: CheckboxData): VNode[]
     'checked-icon'(): VNode[]
     'unchecked-icon'(): VNode[]
     'indeterminate-icon'(): VNode[]

package/types/checkboxGroup.d.ts

@@ -15,8 +15,10 @@ export type CheckboxGroupOptionLabelRender = (option: CheckboxGroupOption, check
 
 export interface CheckboxGroupOption {
   label?: string | VNode | CheckboxGroupOptionLabelRender
-  disabled?: boolean
   value?: any
+  disabled?: boolean
+
+  [key: PropertyKey]: any
 }
 
 export { CheckboxGroupDirection }
@@ -24,6 +26,8 @@ export { CheckboxGroupDirection }
 export interface CheckboxGroupProps extends BasicAttributes {
   modelValue?: any[]
   max?: string | number
+  labelKey?: string
+  valueKey?: string
   options?: Array<CheckboxGroupOption>
   direction?: CheckboxGroupDirection
   validateTrigger?: Array<CheckboxGroupValidateTrigger>

package/types/floatingPanel.d.ts

@@ -22,6 +22,8 @@ export class FloatingPanel extends VarComponent {
 
   $slots: {
     default(): VNode[]
+
+    header(): VNode[]
   }
 }