@varlet/ui 3.2.11 → 3.2.12

package/es/cell/style/index.mjs

@@ -1,4 +1,5 @@
 import '../../styles/common.css'
 import '../../icon/icon.css'
+import '../../ripple/ripple.css'
 import '../cell.css'
 import '../CellSfc.css'

package/es/checkbox/Checkbox.mjs

@@ -94,7 +94,7 @@ function __render__(_ctx, _cache) {
               onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleTextClick && _ctx.handleTextClick(...args))
             },
             [
-              _renderSlot(_ctx.$slots, "default")
+              _renderSlot(_ctx.$slots, "default", { checked: _ctx.checked })
             ],
             2
             /* CLASS */

package/es/checkbox-group/CheckboxGroup.mjs

@@ -28,10 +28,11 @@ function __render__(_ctx, _cache) {
             { key: 0 },
             _renderList(_ctx.checkboxGroupOptions, (option) => {
               return _openBlock(), _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 */

package/es/checkbox-group/CheckboxGroupOption.mjs

@@ -1,24 +1,41 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
-import Checkbox from "../checkbox/index.mjs";
 import { isFunction } from "@varlet/shared";
-
+import { createNamespace } from "../utils/components.mjs";
+import Checkbox from "../checkbox/index.mjs";
+const {
+  name
+} = createNamespace("checkbox-group-option");
 var stdin_default = defineComponent({
-  name: "CheckboxGroupOption",
+  name,
   props: {
-    checked: Boolean,
-    option: Object
+    labelKey: {
+      type: String,
+      required: true
+    },
+    valueKey: {
+      type: String,
+      required: true
+    },
+    option: {
+      type: Object,
+      required: true
+    }
   },
   setup(props) {
     return () => {
-      if (props.option == null) {
-        return;
-      }
+      const {
+        option,
+        labelKey,
+        valueKey
+      } = props;
       return _createVNode(Checkbox, {
-        "checkedValue": props.option.value,
-        "disabled": props.option.disabled
+        "checkedValue": option[valueKey],
+        "disabled": option.disabled
       }, {
-        default: () => [isFunction(props.option.label) ? props.option.label(props.option, props.checked) : props.option.label]
+        default: ({
+          checked
+        }) => isFunction(option[labelKey]) ? option[labelKey](option, checked) : option[labelKey]
       });
     };
   }

package/es/checkbox-group/props.mjs

@@ -6,6 +6,14 @@ const props = {
   },
   max: [String, Number],
   options: Array,
+  labelKey: {
+    type: String,
+    default: "label"
+  },
+  valueKey: {
+    type: String,
+    default: "value"
+  },
   direction: {
     type: String,
     default: "horizontal"

package/es/checkbox-group/style/index.mjs

@@ -1,5 +1,5 @@
-import '../../checkbox/checkbox.css'
 import '../../styles/common.css'
 import '../../form-details/formDetails.css'
+import '../../checkbox/checkbox.css'
 import '../checkboxGroup.css'
 import '../CheckboxGroupSfc.css'

package/es/floating-panel/FloatingPanel.mjs

@@ -8,7 +8,7 @@ import { toNumber, isEmpty, preventDefault, call } from "@varlet/shared";
 const { name, n, classes } = createNamespace("floating-panel");
 const DEFAULT_START_ANCHOR = 100;
 const OVERFLOW_REDUCE_RATIO = 0.2;
-import { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, renderSlot as _renderSlot, normalizeStyle as _normalizeStyle, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock } from "vue";
 function __render__(_ctx, _cache) {
   return _openBlock(), _createBlock(_Teleport, {
     to: _ctx.teleport === false ? void 0 : _ctx.teleport,
@@ -31,25 +31,27 @@ function __render__(_ctx, _cache) {
         onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.handleTouchend && _ctx.handleTouchend(...args))
       },
       [
-        _createElementVNode(
-          "div",
-          {
-            class: _normalizeClass(_ctx.n("header"))
-          },
-          [
-            _createElementVNode(
-              "div",
-              {
-                class: _normalizeClass(_ctx.n("header-toolbar"))
-              },
-              null,
-              2
-              /* CLASS */
-            )
-          ],
-          2
-          /* CLASS */
-        ),
+        _renderSlot(_ctx.$slots, "header", {}, () => [
+          _createElementVNode(
+            "div",
+            {
+              class: _normalizeClass(_ctx.n("header"))
+            },
+            [
+              _createElementVNode(
+                "div",
+                {
+                  class: _normalizeClass(_ctx.n("header-toolbar"))
+                },
+                null,
+                2
+                /* CLASS */
+              )
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
         _createElementVNode(
           "div",
           {

package/es/index.bundle.mjs

@@ -262,7 +262,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '3.2.11'
+const version = '3.2.12'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -174,7 +174,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '3.2.11'
+const version = '3.2.12'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/paper/style/index.mjs

@@ -1,4 +1,5 @@
 import '../../styles/common.css'
 import '../../styles/elevation.css'
+import '../../ripple/ripple.css'
 import '../paper.css'
 import '../PaperSfc.css'

package/es/snackbar/style/index.mjs

@@ -1,7 +1,7 @@
 import '../../styles/common.css'
-import '../SnackbarSfc.css'
 import '../../styles/elevation.css'
 import '../../loading/loading.css'
 import '../../icon/icon.css'
 import '../snackbar.css'
 import '../coreSfc.css'
+import '../SnackbarSfc.css'

package/es/uploader/style/index.mjs

@@ -1,11 +1,12 @@
 import '../../styles/common.css'
 import '../../styles/elevation.css'
+import '../../hover-overlay/hoverOverlay.css'
+import '../../ripple/ripple.css'
 import '../../form-details/formDetails.css'
 import '../../icon/icon.css'
 import '../../popup/popup.css'
 import '../../swipe/swipe.css'
 import '../../swipe-item/swipeItem.css'
 import '../../image-preview/imagePreview.css'
-import '../../hover-overlay/hoverOverlay.css'
 import '../uploader.css'
 import '../UploaderSfc.css'