sard-uniapp 1.25.3 → 1.25.5

package/components/cascader-popout/README.md

@@ -24,6 +24,12 @@ import CascaderPopout from 'sard-uniapp/components/cascader-popout/cascader-popo
 
 @code('${DEMO_PATH}/cascader-popout/demo/Basic.vue')
 
+### 多选
+
+设置 `multiple` 可进行多选。
+
+@code('${DEMO_PATH}/cascader-popout/demo/Multiple.vue')
+
 ## API
 
 ### CascaderPopoutProps

package/components/cascader-popout/cascader-popout.d.ts

@@ -7,10 +7,13 @@ declare const __VLS_component: import("vue").DefineComponent<CascaderPopoutProps
 }, string, import("vue").PublicProps, Readonly<CascaderPopoutProps> & Readonly<{
     [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
+    multiple: boolean;
+    lazy: boolean;
+    load: (node?: import("../cascader/common.js").CascaderStateNode) => Promise<import("../cascader/common.js").CascaderOption[]> | import("../cascader/common.js").CascaderOption[];
     options: import("../cascader/common.js").CascaderOption[];
     rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
     rootClass: string;
-    modelValue: string | number | (string | number)[];
+    modelValue: import("../cascader/common.js").CascaderValue;
     title: string;
     visible: boolean;
     showConfirm: boolean;
@@ -23,6 +26,7 @@ declare const __VLS_component: import("vue").DefineComponent<CascaderPopoutProps
     labelRender: (option: import("../cascader/common.js").CascaderOption) => string;
     changeOnSelect: boolean;
     allLevels: boolean;
+    checkStrictly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/components/cascader-popout/cascader-popout.vue

@@ -18,6 +18,10 @@
         :change-on-select="changeOnSelect"
         :label-render="labelRender"
         :all-levels="allLevels"
+        :multiple="multiple"
+        :check-strictly="checkStrictly"
+        :lazy="lazy"
+        :load="load"
         @select="(option, tabIndex) => $emit('select', option, tabIndex)"
         @change="onChange"
       >
@@ -41,13 +45,17 @@ import { useFormPopout } from "../../use";
 /**
  * @property {string} rootClass 组件根元素类名，默认值：-。
  * @property {StyleValue} rootStyle 组件根元素样式，默认值：-。
- * @property {string | number | (string | number)[]} modelValue 选中项的值，默认值：-。
+ * @property {CascaderValue} modelValue 选中项的值，默认值：-。
  * @property {CascaderOption[]} options 可选项数据源，默认值：[]。
  * @property {CascaderFieldKeys} fieldKeys 自定义 `options` 中的字段，默认值：defaultFieldKeys。
  * @property {string} hintText 未选中时的提示文案，默认值：'请选择'。
  * @property {(option: CascaderOption) => string} labelRender 自定义可选项渲染，默认值：-。
  * @property {boolean} changeOnSelect 点击每级选项都会触发变化，默认值：false。
  * @property {boolean} allLevels 是否绑定所有级别的值，而不单单是最后一级，默认值：false。
+ * @property {boolean} multiple 是否多选，默认值：false。
+ * @property {boolean} checkStrictly 是否严格的遵守父子节点不互相关联（用于多选），默认值：false。
+ * @property {boolean} lazy 是否懒加载子节点，需与 load 方法结合使用，默认值：false。
+ * @property {(node?: CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[]} load 加载子节点的方法，仅当 lazy 属性为true 时生效，默认值：-。
  * @property {string} popoutClass 弹窗框根元素类名，默认值：-。
  * @property {StyleValue} popoutStyle 弹窗框根元素样式，默认值：-。
  * @property {boolean} visible 是否显示弹出框，默认值：-。
@@ -87,9 +95,9 @@ export default  _defineComponent({
     showConfirm: { type: Boolean, required: false },
     validateEvent: { type: Boolean, required: false },
     popoutClass: { type: String, required: false },
-    popoutStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+    popoutStyle: { type: null, required: false },
     resettable: { type: Boolean, required: false },
-    rootStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+    rootStyle: { type: null, required: false },
     rootClass: { type: String, required: false },
     modelValue: { type: [String, Number, Array], required: false },
     options: { type: Array, required: false },
@@ -97,7 +105,11 @@ export default  _defineComponent({
     hintText: { type: String, required: false },
     labelRender: { type: Function, required: false },
     changeOnSelect: { type: Boolean, required: false },
-    allLevels: { type: Boolean, required: false }
+    allLevels: { type: Boolean, required: false },
+    multiple: { type: Boolean, required: false },
+    checkStrictly: { type: Boolean, required: false },
+    lazy: { type: Boolean, required: false },
+    load: { type: Function, required: false }
   }, defaultCascaderPopoutProps),
   emits: ["update:visible", "update:model-value", "change", "select", "confirm", "before-enter", "enter", "after-enter", "enter-cancelled", "before-leave", "leave", "after-leave", "leave-cancelled", "visible-hook"],
   setup(__props, { expose: __expose, emit: __emit }) {

package/components/cascader-popout/common.d.ts

@@ -21,13 +21,17 @@ export declare const defaultCascaderPopoutProps: {
         resettable: boolean;
         rootStyle: StyleValue;
         rootClass: string;
-        modelValue: string | number | (string | number)[];
+        modelValue: import("../cascader/common").CascaderValue;
         options: CascaderOption[];
         fieldKeys: import("../cascader/common").CascaderFieldKeys;
         hintText: string;
         labelRender: (option: CascaderOption) => string;
         changeOnSelect: boolean;
         allLevels: boolean;
+        multiple: boolean;
+        checkStrictly: boolean;
+        lazy: boolean;
+        load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
     }) => boolean)) | undefined;
     title?: (string | ((props: {
         visible: boolean;
@@ -39,13 +43,17 @@ export declare const defaultCascaderPopoutProps: {
         resettable: boolean;
         rootStyle: StyleValue;
         rootClass: string;
-        modelValue: string | number | (string | number)[];
+        modelValue: import("../cascader/common").CascaderValue;
         options: CascaderOption[];
         fieldKeys: import("../cascader/common").CascaderFieldKeys;
         hintText: string;
         labelRender: (option: CascaderOption) => string;
         changeOnSelect: boolean;
         allLevels: boolean;
+        multiple: boolean;
+        checkStrictly: boolean;
+        lazy: boolean;
+        load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
     }) => string)) | undefined;
     showConfirm?: (boolean | ((props: {
         visible: boolean;
@@ -57,13 +65,17 @@ export declare const defaultCascaderPopoutProps: {
         resettable: boolean;
         rootStyle: StyleValue;
         rootClass: string;
-        modelValue: string | number | (string | number)[];
+        modelValue: import("../cascader/common").CascaderValue;
         options: CascaderOption[];
         fieldKeys: import("../cascader/common").CascaderFieldKeys;
         hintText: string;
         labelRender: (option: CascaderOption) => string;
         changeOnSelect: boolean;
         allLevels: boolean;
+        multiple: boolean;
+        checkStrictly: boolean;
+        lazy: boolean;
+        load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
     }) => boolean)) | undefined;
     validateEvent?: (boolean | ((props: {
         visible: boolean;
@@ -75,13 +87,17 @@ export declare const defaultCascaderPopoutProps: {
         resettable: boolean;
         rootStyle: StyleValue;
         rootClass: string;
-        modelValue: string | number | (string | number)[];
+        modelValue: import("../cascader/common").CascaderValue;
         options: CascaderOption[];
         fieldKeys: import("../cascader/common").CascaderFieldKeys;
         hintText: string;
         labelRender: (option: CascaderOption) => string;
         changeOnSelect: boolean;
         allLevels: boolean;
+        multiple: boolean;
+        checkStrictly: boolean;
+        lazy: boolean;
+        load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
     }) => boolean)) | undefined;
     popoutClass?: (string | ((props: {
         visible: boolean;
@@ -93,13 +109,17 @@ export declare const defaultCascaderPopoutProps: {
         resettable: boolean;
         rootStyle: StyleValue;
         rootClass: string;
-        modelValue: string | number | (string | number)[];
+        modelValue: import("../cascader/common").CascaderValue;
         options: CascaderOption[];
         fieldKeys: import("../cascader/common").CascaderFieldKeys;
         hintText: string;
         labelRender: (option: CascaderOption) => string;
         changeOnSelect: boolean;
         allLevels: boolean;
+        multiple: boolean;
+        checkStrictly: boolean;
+        lazy: boolean;
+        load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
     }) => string)) | undefined;
     popoutStyle?: (string | false | ((props: {
         visible: boolean;
@@ -111,13 +131,17 @@ export declare const defaultCascaderPopoutProps: {
         resettable: boolean;
         rootStyle: StyleValue;
         rootClass: string;
-        modelValue: string | number | (string | number)[];
+        modelValue: import("../cascader/common").CascaderValue;
         options: CascaderOption[];
         fieldKeys: import("../cascader/common").CascaderFieldKeys;
         hintText: string;
         labelRender: (option: CascaderOption) => string;
         changeOnSelect: boolean;
         allLevels: boolean;
+        multiple: boolean;
+        checkStrictly: boolean;
+        lazy: boolean;
+        load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
     }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
     resettable?: (boolean | ((props: {
         visible: boolean;
@@ -129,13 +153,17 @@ export declare const defaultCascaderPopoutProps: {
         resettable: boolean;
         rootStyle: StyleValue;
         rootClass: string;
-        modelValue: string | number | (string | number)[];
+        modelValue: import("../cascader/common").CascaderValue;
         options: CascaderOption[];
         fieldKeys: import("../cascader/common").CascaderFieldKeys;
         hintText: string;
         labelRender: (option: CascaderOption) => string;
         changeOnSelect: boolean;
         allLevels: boolean;
+        multiple: boolean;
+        checkStrictly: boolean;
+        lazy: boolean;
+        load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
     }) => boolean)) | undefined;
     rootStyle?: (string | false | ((props: {
         visible: boolean;
@@ -147,13 +175,17 @@ export declare const defaultCascaderPopoutProps: {
         resettable: boolean;
         rootStyle: StyleValue;
         rootClass: string;
-        modelValue: string | number | (string | number)[];
+        modelValue: import("../cascader/common").CascaderValue;
         options: CascaderOption[];
         fieldKeys: import("../cascader/common").CascaderFieldKeys;
         hintText: string;
         labelRender: (option: CascaderOption) => string;
         changeOnSelect: boolean;
         allLevels: boolean;
+        multiple: boolean;
+        checkStrictly: boolean;
+        lazy: boolean;
+        load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
     }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
     rootClass?: (string | ((props: {
         visible: boolean;
@@ -165,13 +197,17 @@ export declare const defaultCascaderPopoutProps: {
         resettable: boolean;
         rootStyle: StyleValue;
         rootClass: string;
-        modelValue: string | number | (string | number)[];
+        modelValue: import("../cascader/common").CascaderValue;
         options: CascaderOption[];
         fieldKeys: import("../cascader/common").CascaderFieldKeys;
         hintText: string;
         labelRender: (option: CascaderOption) => string;
         changeOnSelect: boolean;
         allLevels: boolean;
+        multiple: boolean;
+        checkStrictly: boolean;
+        lazy: boolean;
+        load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
     }) => string)) | undefined;
     modelValue?: (string | number | ((props: {
         visible: boolean;
@@ -183,14 +219,18 @@ export declare const defaultCascaderPopoutProps: {
         resettable: boolean;
         rootStyle: StyleValue;
         rootClass: string;
-        modelValue: string | number | (string | number)[];
+        modelValue: import("../cascader/common").CascaderValue;
         options: CascaderOption[];
         fieldKeys: import("../cascader/common").CascaderFieldKeys;
         hintText: string;
         labelRender: (option: CascaderOption) => string;
         changeOnSelect: boolean;
         allLevels: boolean;
-    }) => string | number | (string | number)[])) | undefined;
+        multiple: boolean;
+        checkStrictly: boolean;
+        lazy: boolean;
+        load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
+    }) => string | number | (string | number)[] | (string | number)[][])) | undefined;
     options?: ((props: {
         visible: boolean;
         title: string;
@@ -201,13 +241,17 @@ export declare const defaultCascaderPopoutProps: {
         resettable: boolean;
         rootStyle: StyleValue;
         rootClass: string;
-        modelValue: string | number | (string | number)[];
+        modelValue: import("../cascader/common").CascaderValue;
         options: CascaderOption[];
         fieldKeys: import("../cascader/common").CascaderFieldKeys;
         hintText: string;
         labelRender: (option: CascaderOption) => string;
         changeOnSelect: boolean;
         allLevels: boolean;
+        multiple: boolean;
+        checkStrictly: boolean;
+        lazy: boolean;
+        load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
     }) => CascaderOption[]) | undefined;
     fieldKeys?: ((props: {
         visible: boolean;
@@ -219,13 +263,17 @@ export declare const defaultCascaderPopoutProps: {
         resettable: boolean;
         rootStyle: StyleValue;
         rootClass: string;
-        modelValue: string | number | (string | number)[];
+        modelValue: import("../cascader/common").CascaderValue;
         options: CascaderOption[];
         fieldKeys: import("../cascader/common").CascaderFieldKeys;
         hintText: string;
         labelRender: (option: CascaderOption) => string;
         changeOnSelect: boolean;
         allLevels: boolean;
+        multiple: boolean;
+        checkStrictly: boolean;
+        lazy: boolean;
+        load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
     }) => import("../cascader/common").CascaderFieldKeys) | undefined;
     hintText?: (string | ((props: {
         visible: boolean;
@@ -237,13 +285,17 @@ export declare const defaultCascaderPopoutProps: {
         resettable: boolean;
         rootStyle: StyleValue;
         rootClass: string;
-        modelValue: string | number | (string | number)[];
+        modelValue: import("../cascader/common").CascaderValue;
         options: CascaderOption[];
         fieldKeys: import("../cascader/common").CascaderFieldKeys;
         hintText: string;
         labelRender: (option: CascaderOption) => string;
         changeOnSelect: boolean;
         allLevels: boolean;
+        multiple: boolean;
+        checkStrictly: boolean;
+        lazy: boolean;
+        load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
     }) => string)) | undefined;
     labelRender?: (((option: CascaderOption) => string) | ((props: {
         visible: boolean;
@@ -255,13 +307,17 @@ export declare const defaultCascaderPopoutProps: {
         resettable: boolean;
         rootStyle: StyleValue;
         rootClass: string;
-        modelValue: string | number | (string | number)[];
+        modelValue: import("../cascader/common").CascaderValue;
         options: CascaderOption[];
         fieldKeys: import("../cascader/common").CascaderFieldKeys;
         hintText: string;
         labelRender: (option: CascaderOption) => string;
         changeOnSelect: boolean;
         allLevels: boolean;
+        multiple: boolean;
+        checkStrictly: boolean;
+        lazy: boolean;
+        load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
     }) => (option: CascaderOption) => string)) | undefined;
     changeOnSelect?: (boolean | ((props: {
         visible: boolean;
@@ -273,13 +329,17 @@ export declare const defaultCascaderPopoutProps: {
         resettable: boolean;
         rootStyle: StyleValue;
         rootClass: string;
-        modelValue: string | number | (string | number)[];
+        modelValue: import("../cascader/common").CascaderValue;
         options: CascaderOption[];
         fieldKeys: import("../cascader/common").CascaderFieldKeys;
         hintText: string;
         labelRender: (option: CascaderOption) => string;
         changeOnSelect: boolean;
         allLevels: boolean;
+        multiple: boolean;
+        checkStrictly: boolean;
+        lazy: boolean;
+        load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
     }) => boolean)) | undefined;
     allLevels?: (boolean | ((props: {
         visible: boolean;
@@ -291,14 +351,106 @@ export declare const defaultCascaderPopoutProps: {
         resettable: boolean;
         rootStyle: StyleValue;
         rootClass: string;
-        modelValue: string | number | (string | number)[];
+        modelValue: import("../cascader/common").CascaderValue;
         options: CascaderOption[];
         fieldKeys: import("../cascader/common").CascaderFieldKeys;
         hintText: string;
         labelRender: (option: CascaderOption) => string;
         changeOnSelect: boolean;
         allLevels: boolean;
+        multiple: boolean;
+        checkStrictly: boolean;
+        lazy: boolean;
+        load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
     }) => boolean)) | undefined;
+    multiple?: (boolean | ((props: {
+        visible: boolean;
+        title: string;
+        showConfirm: boolean;
+        validateEvent: boolean;
+        popoutClass: string;
+        popoutStyle: StyleValue;
+        resettable: boolean;
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: import("../cascader/common").CascaderValue;
+        options: CascaderOption[];
+        fieldKeys: import("../cascader/common").CascaderFieldKeys;
+        hintText: string;
+        labelRender: (option: CascaderOption) => string;
+        changeOnSelect: boolean;
+        allLevels: boolean;
+        multiple: boolean;
+        checkStrictly: boolean;
+        lazy: boolean;
+        load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
+    }) => boolean)) | undefined;
+    checkStrictly?: (boolean | ((props: {
+        visible: boolean;
+        title: string;
+        showConfirm: boolean;
+        validateEvent: boolean;
+        popoutClass: string;
+        popoutStyle: StyleValue;
+        resettable: boolean;
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: import("../cascader/common").CascaderValue;
+        options: CascaderOption[];
+        fieldKeys: import("../cascader/common").CascaderFieldKeys;
+        hintText: string;
+        labelRender: (option: CascaderOption) => string;
+        changeOnSelect: boolean;
+        allLevels: boolean;
+        multiple: boolean;
+        checkStrictly: boolean;
+        lazy: boolean;
+        load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
+    }) => boolean)) | undefined;
+    lazy?: (boolean | ((props: {
+        visible: boolean;
+        title: string;
+        showConfirm: boolean;
+        validateEvent: boolean;
+        popoutClass: string;
+        popoutStyle: StyleValue;
+        resettable: boolean;
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: import("../cascader/common").CascaderValue;
+        options: CascaderOption[];
+        fieldKeys: import("../cascader/common").CascaderFieldKeys;
+        hintText: string;
+        labelRender: (option: CascaderOption) => string;
+        changeOnSelect: boolean;
+        allLevels: boolean;
+        multiple: boolean;
+        checkStrictly: boolean;
+        lazy: boolean;
+        load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
+    }) => boolean)) | undefined;
+    load?: (((node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[]) | ((props: {
+        visible: boolean;
+        title: string;
+        showConfirm: boolean;
+        validateEvent: boolean;
+        popoutClass: string;
+        popoutStyle: StyleValue;
+        resettable: boolean;
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: import("../cascader/common").CascaderValue;
+        options: CascaderOption[];
+        fieldKeys: import("../cascader/common").CascaderFieldKeys;
+        hintText: string;
+        labelRender: (option: CascaderOption) => string;
+        changeOnSelect: boolean;
+        allLevels: boolean;
+        multiple: boolean;
+        checkStrictly: boolean;
+        lazy: boolean;
+        load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
+    }) => (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[])) | undefined;
 };
 export interface CascaderPopoutSlots {
     top?(props: {

package/components/check-icon/check-icon.vue

@@ -21,7 +21,7 @@ export default  _defineComponent({
   },
   __name: "check-icon",
   props: {
-    rootStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+    rootStyle: { type: null, required: false },
     rootClass: { type: String, required: false },
     disabled: { type: Boolean, required: false },
     shape: { type: String, required: false, default: "square" },

package/components/checkbox/checkbox.d.ts

@@ -11,6 +11,8 @@ declare const __VLS_component: import("vue").DefineComponent<CheckboxProps, {},
 }>, {
     value: any;
     size: string;
+    checked: boolean;
+    indeterminate: boolean;
     rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
     rootClass: string;
     type: import("./common").IconType;
@@ -18,8 +20,6 @@ declare const __VLS_component: import("vue").DefineComponent<CheckboxProps, {},
     disabled: boolean;
     readonly: boolean;
     validateEvent: boolean;
-    checked: boolean;
-    indeterminate: boolean;
     checkedColor: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/components/checkbox/checkbox.vue

@@ -54,7 +54,7 @@ export default  _defineComponent({
   },
   __name: "checkbox",
   props:  _mergeDefaults({
-    rootStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+    rootStyle: { type: null, required: false },
     rootClass: { type: String, required: false },
     checked: { type: Boolean, required: false },
     indeterminate: { type: Boolean, required: false },

package/components/checkbox-group/checkbox-group.vue

@@ -67,7 +67,7 @@ export default  _defineComponent({
   },
   __name: "checkbox-group",
   props:  _mergeDefaults({
-    rootStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+    rootStyle: { type: null, required: false },
     rootClass: { type: String, required: false },
     modelValue: { type: Array, required: false },
     disabled: { type: Boolean, required: false },

package/components/checkbox-input/README.md

@@ -44,9 +44,7 @@ import CheckboxInput from 'sard-uniapp/components/checkbox-input/checkbox-input.
 
 ### CheckboxInputSlots
 
-| 插槽                   | 描述       | 属性       |
-| ---------------------- | ---------- | ---------- |
-| arrow <sup>1.22+</sup> | 自定义箭头 | () => void |
+继承 [`PopoutInputSlots`](./popout-input#PopoutInputSlots)
 
 ### CheckboxInputEmits
 

package/components/checkbox-input/checkbox-input.d.ts

@@ -27,9 +27,11 @@ declare const __VLS_component: import("vue").DefineComponent<CheckboxInputProps,
     resettable: boolean;
     placeholder: string;
     clearable: boolean;
+    internalPrepend: number;
     multiline: boolean;
     arrow: string;
     arrowFamily: string;
+    internalAppend: number;
     internalArrow: number;
     inputProps: import("../input/common.js").InputProps;
     checkedColor: string;

package/components/checkbox-input/checkbox-input.vue

@@ -10,11 +10,19 @@
     :root-style="rootStyle"
     :arrow="arrow"
     :internal-arrow="$slots.arrow ? 1 : 0"
+    :internal-prepend="$slots.prepend ? 1 : 0"
+    :internal-append="$slots.append ? 1 : 0"
     :input-props="inputProps"
     @clear="onClear"
     @click="show"
   >
-    <template v-if="$slots.arrow" #arrow>
+    <template #prepend>
+      <slot name="prepend"></slot>
+    </template>
+    <template #append>
+      <slot name="append"></slot>
+    </template>
+    <template #arrow>
       <slot name="arrow"></slot>
     </template>
     <sar-checkbox-popout
@@ -116,13 +124,13 @@ export default  _defineComponent({
     visible: { type: Boolean, required: false },
     title: { type: String, required: false },
     popoutClass: { type: String, required: false },
-    popoutStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+    popoutStyle: { type: null, required: false },
     showCheckAll: { type: Boolean, required: false },
     searchable: { type: Boolean, required: false },
     filterPlaceholder: { type: String, required: false },
     resettable: { type: Boolean, required: false },
     iconPosition: { type: String, required: false },
-    rootStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+    rootStyle: { type: null, required: false },
     rootClass: { type: String, required: false },
     modelValue: { type: Array, required: false },
     disabled: { type: Boolean, required: false },
@@ -140,6 +148,8 @@ export default  _defineComponent({
     multiline: { type: Boolean, required: false },
     arrow: { type: String, required: false },
     arrowFamily: { type: String, required: false },
+    internalPrepend: { type: Number, required: false },
+    internalAppend: { type: Number, required: false },
     internalArrow: { type: Number, required: false },
     inputProps: { type: Object, required: false }
   }, defaultCheckboxInputProps()),