vant 4.6.1 → 4.6.2

package/es/radio/Radio.d.ts

@@ -1,50 +1,53 @@
 import { type ExtractPropTypes } from 'vue';
-import { CheckerShape, CheckerLabelPosition } from '../checkbox/Checker';
+import { type CheckerShape, type CheckerLabelPosition } from '../checkbox/Checker';
+export type RadioShape = CheckerShape | 'dot';
 export declare const radioProps: {
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
     checkedColor: StringConstructor;
     labelPosition: import("vue").PropType<CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
+} & {
+    shape: {
+        type: import("vue").PropType<RadioShape>;
+        default: RadioShape;
+    };
 };
-export type RadioShape = CheckerShape;
 export type RadioLabelPosition = CheckerLabelPosition;
 export type RadioProps = ExtractPropTypes<typeof radioProps>;
 declare const _default: import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
     checkedColor: StringConstructor;
     labelPosition: import("vue").PropType<CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    name: import("vue").PropType<unknown>;
+} & {
     shape: {
-        type: import("vue").PropType<CheckerShape>;
-        default: CheckerShape;
+        type: import("vue").PropType<RadioShape>;
+        default: RadioShape;
     };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    name: import("vue").PropType<unknown>;
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
     checkedColor: StringConstructor;
     labelPosition: import("vue").PropType<CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
+} & {
+    shape: {
+        type: import("vue").PropType<RadioShape>;
+        default: RadioShape;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    shape: CheckerShape;
+    shape: RadioShape;
     labelDisabled: boolean;
 }, {}>;
 export default _default;

package/es/radio/Radio.mjs

@@ -1,14 +1,16 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { defineComponent } from "vue";
-import { pick, createNamespace } from "../utils/index.mjs";
+import { pick, extend, createNamespace, makeStringProp } from "../utils/index.mjs";
 import { RADIO_KEY } from "../radio-group/RadioGroup.mjs";
 import { useParent } from "@vant/use";
 import Checker, { checkerProps } from "../checkbox/Checker.mjs";
-const radioProps = checkerProps;
+const radioProps = extend({}, checkerProps, {
+  shape: makeStringProp("round")
+});
 const [name, bem] = createNamespace("radio");
 var stdin_default = defineComponent({
   name,
-  props: checkerProps,
+  props: radioProps,
   emits: ["update:modelValue"],
   setup(props, {
     emit,

package/es/radio/index.css

@@ -1 +1 @@
-:root{--van-radio-size: 20px;--van-radio-border-color: var(--van-gray-5);--van-radio-duration: var(--van-duration-fast);--van-radio-label-margin: var(--van-padding-xs);--van-radio-label-color: var(--van-text-color);--van-radio-checked-icon-color: var(--van-primary-color);--van-radio-disabled-icon-color: var(--van-gray-5);--van-radio-disabled-label-color: var(--van-text-color-3);--van-radio-disabled-background: var(--van-border-color)}.van-radio{display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-radio--disabled{cursor:not-allowed}.van-radio--label-disabled{cursor:default}.van-radio--horizontal{margin-right:var(--van-padding-sm)}.van-radio__icon{flex:none;height:1em;font-size:var(--van-radio-size);line-height:1em;cursor:pointer}.van-radio__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid var(--van-radio-border-color);transition-duration:var(--van-radio-duration);transition-property:color,border-color,background-color}.van-radio__icon--round .van-icon{border-radius:100%}.van-radio__icon--checked .van-icon{color:var(--van-white);background-color:var(--van-radio-checked-icon-color);border-color:var(--van-radio-checked-icon-color)}.van-radio__icon--disabled{cursor:not-allowed}.van-radio__icon--disabled .van-icon{background-color:var(--van-radio-disabled-background);border-color:var(--van-radio-disabled-icon-color)}.van-radio__icon--disabled.van-radio__icon--checked .van-icon{color:var(--van-radio-disabled-icon-color)}.van-radio__label{margin-left:var(--van-radio-label-margin);color:var(--van-radio-label-color);line-height:var(--van-radio-size)}.van-radio__label--left{margin:0 var(--van-radio-label-margin) 0 0}.van-radio__label--disabled{color:var(--van-radio-disabled-label-color)}
+:root{--van-radio-size: 20px;--van-radio-dot-size: 8px;--van-radio-border-color: var(--van-gray-5);--van-radio-duration: var(--van-duration-fast);--van-radio-label-margin: var(--van-padding-xs);--van-radio-label-color: var(--van-text-color);--van-radio-checked-icon-color: var(--van-primary-color);--van-radio-disabled-icon-color: var(--van-gray-5);--van-radio-disabled-label-color: var(--van-text-color-3);--van-radio-disabled-background: var(--van-border-color)}.van-radio{display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-radio--disabled{cursor:not-allowed}.van-radio--label-disabled{cursor:default}.van-radio--horizontal{margin-right:var(--van-padding-sm)}.van-radio__icon{flex:none;height:1em;font-size:var(--van-radio-size);line-height:1em;cursor:pointer}.van-radio__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid var(--van-radio-border-color);transition-duration:var(--van-radio-duration);transition-property:color,border-color,background-color}.van-radio__icon--round .van-icon{border-radius:100%}.van-radio__icon--dot{position:relative;border-radius:100%;box-sizing:border-box;width:var(--van-radio-size);height:var(--van-radio-size);border:1px solid var(--van-radio-border-color);transition-duration:var(--van-radio-duration);transition-property:border-color}.van-radio__icon--dot__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%;height:calc(100% - var(--van-radio-dot-size));width:calc(100% - var(--van-radio-dot-size));transition-duration:var(--van-radio-duration);transition-property:border-color,background-color}.van-radio__icon--checked .van-icon{color:var(--van-white);background-color:var(--van-radio-checked-icon-color);border-color:var(--van-radio-checked-icon-color)}.van-radio__icon--checked.van-radio__icon--dot{border-color:var(--van-radio-checked-icon-color)}.van-radio__icon--checked.van-radio__icon--dot .van-radio__icon--dot__icon{background:var(--van-radio-checked-icon-color)}.van-radio__icon--disabled{cursor:not-allowed}.van-radio__icon--disabled .van-icon{background-color:var(--van-radio-disabled-background);border-color:var(--van-radio-disabled-icon-color)}.van-radio__icon--disabled.van-radio__icon--checked .van-icon{color:var(--van-radio-disabled-icon-color)}.van-radio__label{margin-left:var(--van-radio-label-margin);color:var(--van-radio-label-color);line-height:var(--van-radio-size)}.van-radio__label--left{margin:0 var(--van-radio-label-margin) 0 0}.van-radio__label--disabled{color:var(--van-radio-disabled-label-color)}

package/es/radio/index.d.ts

@@ -1,32 +1,34 @@
 export declare const Radio: import("../utils").WithInstall<import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("../checkbox/Checker").CheckerShape>;
-        default: import("../checkbox/Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
     checkedColor: StringConstructor;
     labelPosition: import("vue").PropType<import("../checkbox/Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    name: import("vue").PropType<unknown>;
+} & {
     shape: {
-        type: import("vue").PropType<import("../checkbox/Checker").CheckerShape>;
-        default: import("../checkbox/Checker").CheckerShape;
+        type: import("vue").PropType<import("./Radio").RadioShape>;
+        default: import("./Radio").RadioShape;
     };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: import("vue").PropType<unknown>;
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
     checkedColor: StringConstructor;
     labelPosition: import("vue").PropType<import("../checkbox/Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
+} & {
+    shape: {
+        type: import("vue").PropType<import("./Radio").RadioShape>;
+        default: import("./Radio").RadioShape;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    shape: import("../checkbox/Checker").CheckerShape;
+    shape: import("./Radio").RadioShape;
     labelDisabled: boolean;
 }, {}>>;
 export default Radio;

package/es/radio/types.d.ts

@@ -1,5 +1,6 @@
 export type RadioThemeVars = {
     radioSize?: string;
+    radioDotSize?: string;
     radioBorderColor?: string;
     radioDuration?: string;
     radioLabelMargin?: string;

package/es/search/Search.d.ts

@@ -20,8 +20,14 @@ export declare const searchProps: {
     inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
         type: import("vue").PropType<import("../field").FieldClearTrigger>;
         default: import("../field").FieldClearTrigger;
@@ -81,8 +87,14 @@ declare const _default: import("vue").DefineComponent<{
     inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
         type: import("vue").PropType<import("../field").FieldClearTrigger>;
         default: import("../field").FieldClearTrigger;
@@ -140,8 +152,14 @@ declare const _default: import("vue").DefineComponent<{
     inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
         type: import("vue").PropType<import("../field").FieldClearTrigger>;
         default: import("../field").FieldClearTrigger;
@@ -197,6 +215,7 @@ declare const _default: import("vue").DefineComponent<{
     clearable: boolean;
     clearIcon: string;
     modelValue: string | number;
+    spellcheck: boolean;
     clearTrigger: import("../field").FieldClearTrigger;
     formatTrigger: import("../field").FieldFormatTrigger;
     error: boolean;

package/es/search/index.d.ts

@@ -19,8 +19,14 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
         type: import("vue").PropType<import("..").FieldClearTrigger>;
         default: import("..").FieldClearTrigger;
@@ -78,8 +84,14 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
         type: import("vue").PropType<import("..").FieldClearTrigger>;
         default: import("..").FieldClearTrigger;
@@ -135,6 +147,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     clearable: boolean;
     clearIcon: string;
     modelValue: string | number;
+    spellcheck: boolean;
     clearTrigger: import("..").FieldClearTrigger;
     formatTrigger: import("..").FieldFormatTrigger;
     error: boolean;

package/es/text-ellipsis/TextEllipsis.d.ts

@@ -20,6 +20,10 @@ export declare const textEllipsisProps: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 };
 export type TextEllipsisProps = ExtractPropTypes<typeof textEllipsisProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -43,6 +47,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickAction"[], "clickAction", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     rows: {
         type: (NumberConstructor | StringConstructor)[];
@@ -64,10 +72,15 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     onClickAction?: ((...args: any[]) => any) | undefined;
 }, {
     content: string;
+    position: string;
     rows: string | number;
     dots: string;
     expandText: string;

package/es/text-ellipsis/TextEllipsis.mjs

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode } from "vue";
-import { ref, watch, onMounted, defineComponent } from "vue";
+import { ref, watch, computed, onMounted, defineComponent } from "vue";
 import { useEventListener } from "@vant/use";
 import { makeNumericProp, makeStringProp, createNamespace } from "../utils/index.mjs";
 const [name, bem] = createNamespace("text-ellipsis");
@@ -8,7 +8,8 @@ const textEllipsisProps = {
   dots: makeStringProp("..."),
   content: makeStringProp(""),
   expandText: makeStringProp(""),
-  collapseText: makeStringProp("")
+  collapseText: makeStringProp(""),
+  position: makeStringProp("end")
 };
 var stdin_default = defineComponent({
   name,
@@ -21,6 +22,7 @@ var stdin_default = defineComponent({
     const expanded = ref(false);
     const hasAction = ref(false);
     const root = ref();
+    const actionText = computed(() => expanded.value ? props.expandText : props.collapseText);
     const pxToNum = (value) => {
       if (!value)
         return 0;
@@ -49,24 +51,53 @@ var stdin_default = defineComponent({
       };
       const calcEllipsisText = (container2, maxHeight2) => {
         const {
-          dots,
           content,
-          expandText
+          position,
+          dots
         } = props;
-        let left = 0;
-        let right = content.length;
-        let res = -1;
-        while (left <= right) {
-          const mid = Math.floor((left + right) / 2);
-          container2.innerText = content.slice(0, mid) + dots + expandText;
-          if (container2.offsetHeight <= maxHeight2) {
-            left = mid + 1;
-            res = mid;
-          } else {
-            right = mid - 1;
+        const end = content.length;
+        const calcEllipse = () => {
+          const tail = (left, right) => {
+            if (right - left <= 1) {
+              if (position === "end") {
+                return content.slice(0, left) + dots;
+              }
+              return dots + content.slice(right, end);
+            }
+            const middle2 = Math.round(left + right >> 1);
+            if (position === "end") {
+              container2.innerText = content.slice(0, middle2) + dots + actionText.value;
+            } else {
+              container2.innerText = dots + content.slice(middle2, end) + actionText.value;
+            }
+            if (container2.offsetHeight > maxHeight2) {
+              if (position === "end") {
+                return tail(left, middle2);
+              }
+              return tail(middle2, right);
+            }
+            if (position === "end") {
+              return tail(middle2, right);
+            }
+            return tail(left, middle2);
+          };
+          container2.innerText = tail(0, end);
+        };
+        const middleTail = (leftPart, rightPart) => {
+          if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
+            return content.slice(0, leftPart[1]) + dots + dots + content.slice(rightPart[1], end);
           }
-        }
-        return content.slice(0, res) + dots;
+          const leftMiddle = Math.floor(leftPart[0] + leftPart[1] >> 1);
+          const rightMiddle = Math.ceil(rightPart[0] + rightPart[1] >> 1);
+          container2.innerText = props.content.slice(0, leftMiddle) + props.dots + actionText.value + props.dots + props.content.slice(rightMiddle, end);
+          if (container2.offsetHeight >= maxHeight2) {
+            return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
+          }
+          return middleTail([leftMiddle, leftPart[1]], [rightPart[0], rightMiddle]);
+        };
+        const middle = 0 + end >> 1;
+        props.position === "middle" ? container2.innerText = middleTail([0, middle], [middle, end]) : calcEllipse();
+        return container2.innerText;
       };
       const container = cloneContainer();
       if (!container)
@@ -76,7 +107,7 @@ var stdin_default = defineComponent({
         paddingTop,
         lineHeight
       } = container.style;
-      const maxHeight = (Number(props.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom);
+      const maxHeight = Math.ceil((Number(props.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom));
       if (maxHeight < container.offsetHeight) {
         hasAction.value = true;
         text.value = calcEllipsisText(container, maxHeight);
@@ -95,7 +126,7 @@ var stdin_default = defineComponent({
       "onClick": onClickAction
     }, [expanded.value ? props.collapseText : props.expandText]);
     onMounted(calcEllipsised);
-    watch(() => [props.content, props.rows], calcEllipsised);
+    watch(() => [props.content, props.rows, props.position], calcEllipsised);
     useEventListener("resize", calcEllipsised);
     return () => _createVNode("div", {
       "ref": root,

package/es/text-ellipsis/index.d.ts

@@ -19,6 +19,10 @@ export declare const TextEllipsis: import("../utils").WithInstall<import("vue").
         type: import("vue").PropType<string>;
         default: string;
     };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickAction"[], "clickAction", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     rows: {
         type: (NumberConstructor | StringConstructor)[];
@@ -40,10 +44,15 @@ export declare const TextEllipsis: import("../utils").WithInstall<import("vue").
         type: import("vue").PropType<string>;
         default: string;
     };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     onClickAction?: ((...args: any[]) => any) | undefined;
 }, {
     content: string;
+    position: string;
     rows: string | number;
     dots: string;
     expandText: string;

package/lib/checkbox/Checkbox.d.ts

@@ -1,10 +1,7 @@
 import { type ExtractPropTypes } from 'vue';
+import { type CheckerShape } from './Checker';
 export declare const checkboxProps: {
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
@@ -12,6 +9,10 @@ export declare const checkboxProps: {
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
+    shape: {
+        type: import("vue").PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     bindGroup: {
         type: BooleanConstructor;
         default: true;
@@ -20,10 +21,6 @@ export declare const checkboxProps: {
 export type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
 declare const _default: import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
@@ -31,16 +28,16 @@ declare const _default: import("vue").DefineComponent<{
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
+    shape: {
+        type: import("vue").PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     bindGroup: {
         type: BooleanConstructor;
         default: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
@@ -48,6 +45,10 @@ declare const _default: import("vue").DefineComponent<{
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
+    shape: {
+        type: import("vue").PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     bindGroup: {
         type: BooleanConstructor;
         default: true;
@@ -57,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    shape: import("./Checker").CheckerShape;
+    shape: CheckerShape;
     labelDisabled: boolean;
     bindGroup: boolean;
 }, {}>;

package/lib/checkbox/Checkbox.js

@@ -40,6 +40,7 @@ var import_use_expose = require("../composables/use-expose");
 var import_Checker = __toESM(require("./Checker"));
 const [name, bem] = (0, import_utils.createNamespace)("checkbox");
 const checkboxProps = (0, import_utils.extend)({}, import_Checker.checkerProps, {
+  shape: (0, import_utils.makeStringProp)("round"),
   bindGroup: import_utils.truthProp
 });
 var stdin_default = (0, import_vue2.defineComponent)({

package/lib/checkbox/Checker.d.ts

@@ -15,10 +15,6 @@ export type CheckerParent = {
 };
 export declare const checkerProps: {
     name: PropType<unknown>;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: PropType<unknown>;
@@ -28,10 +24,6 @@ export declare const checkerProps: {
 };
 declare const _default: import("vue").DefineComponent<{
     name: PropType<unknown>;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: PropType<unknown>;
@@ -44,6 +36,10 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     role: StringConstructor;
+    shape: {
+        type: PropType<"dot" | "round" | "square">;
+        default: "dot" | "round" | "square";
+    };
     parent: PropType<CheckerParent | null>;
     checked: BooleanConstructor;
     bindGroup: {
@@ -52,10 +48,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "toggle")[], "click" | "toggle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: PropType<unknown>;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: PropType<unknown>;
@@ -68,6 +60,10 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     role: StringConstructor;
+    shape: {
+        type: PropType<"dot" | "round" | "square">;
+        default: "dot" | "round" | "square";
+    };
     parent: PropType<CheckerParent | null>;
     checked: BooleanConstructor;
     bindGroup: {
@@ -80,7 +76,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     checked: boolean;
     disabled: boolean;
-    shape: CheckerShape;
+    shape: "dot" | "round" | "square";
     labelDisabled: boolean;
     bindGroup: boolean;
 }, {}>;

package/lib/checkbox/Checker.js

@@ -27,7 +27,6 @@ var import_utils = require("../utils");
 var import_icon = require("../icon");
 const checkerProps = {
   name: import_utils.unknownProp,
-  shape: (0, import_utils.makeStringProp)("round"),
   disabled: Boolean,
   iconSize: import_utils.numericProp,
   modelValue: import_utils.unknownProp,
@@ -39,6 +38,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
   props: (0, import_utils.extend)({}, checkerProps, {
     bem: (0, import_utils.makeRequiredProp)(Function),
     role: String,
+    shape: (0, import_utils.makeStringProp)("round"),
     parent: Object,
     checked: Boolean,
     bindGroup: import_utils.truthProp
@@ -89,6 +89,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       emit("click", event);
     };
     const renderIcon = () => {
+      var _a, _b;
       const {
         bem,
         shape,
@@ -101,15 +102,24 @@ var stdin_default = (0, import_vue2.defineComponent)({
           disabled: disabled.value,
           checked
         }]),
-        "style": {
+        "style": shape !== "dot" ? {
           fontSize: (0, import_utils.addUnit)(iconSize)
+        } : {
+          width: (0, import_utils.addUnit)(iconSize),
+          height: (0, import_utils.addUnit)(iconSize),
+          borderColor: (_a = iconStyle.value) == null ? void 0 : _a.borderColor
         }
       }, [slots.icon ? slots.icon({
         checked,
         disabled: disabled.value
-      }) : (0, import_vue.createVNode)(import_icon.Icon, {
+      }) : shape !== "dot" ? (0, import_vue.createVNode)(import_icon.Icon, {
         "name": "success",
         "style": iconStyle.value
+      }, null) : (0, import_vue.createVNode)("div", {
+        "class": bem("icon--dot__icon"),
+        "style": {
+          backgroundColor: (_b = iconStyle.value) == null ? void 0 : _b.backgroundColor
+        }
       }, null)]);
     };
     const renderLabel = () => {

package/lib/checkbox/index.d.ts

@@ -1,9 +1,5 @@
 export declare const Checkbox: import("../utils").WithInstall<import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
@@ -11,16 +7,16 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
+    shape: {
+        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        default: import("./Checker").CheckerShape;
+    };
     bindGroup: {
         type: BooleanConstructor;
         default: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
@@ -28,6 +24,10 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
+    shape: {
+        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        default: import("./Checker").CheckerShape;
+    };
     bindGroup: {
         type: BooleanConstructor;
         default: true;