rx-compo 1.0.63 → 1.0.64
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/RxCheckboxGroup/components/RxCheckboxComponents.vue.d.ts +4 -0
- package/es/components/RxCheckboxGroup/index.d.ts +4 -0
- package/es/components/RxCheckboxGroup/index.js +1 -0
- package/es/components/RxCheckboxGroup/src/RxCheckboxGroup.d.ts +158 -0
- package/es/components/RxCheckboxGroup/src/RxCheckboxGroup.vue.d.ts +302 -0
- package/es/components/RxCheckboxGroup/src/hooks/useCheckboxGroup.d.ts +12 -0
- package/es/components/RxCheckboxGroup/src/hooks/useController.d.ts +6 -0
- package/lib/components/RxCheckboxGroup/components/RxCheckboxComponents.vue.d.ts +4 -0
- package/lib/components/RxCheckboxGroup/index.d.ts +4 -0
- package/lib/components/RxCheckboxGroup/index.js +1 -0
- package/lib/components/RxCheckboxGroup/src/RxCheckboxGroup.d.ts +158 -0
- package/lib/components/RxCheckboxGroup/src/RxCheckboxGroup.vue.d.ts +302 -0
- package/lib/components/RxCheckboxGroup/src/hooks/useCheckboxGroup.d.ts +12 -0
- package/lib/components/RxCheckboxGroup/src/hooks/useController.d.ts +6 -0
- package/package.json +1 -1
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {
|
|
2
|
+
rxCheckBoxSlots: string[];
|
|
3
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
4
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{withInstall as e}from"rx-compo/es/utils/with-install";import{computed as o,ref as t,nextTick as l,defineComponent as n,resolveComponent as s,openBlock as c,createBlock as r,normalizeProps as u,mergeProps as a,createSlots as i,renderList as p,withCtx as x,renderSlot as h,guardReactiveProps as m,createElementBlock as d,Fragment as f,createCommentVNode as k,createVNode as C,createTextVNode as g,toDisplayString as b,normalizeClass as y,resolveDynamicComponent as R,createElementVNode as T,normalizeStyle as v}from"vue";import{IxPropTypes as B}from"rx-compo/es/utils";import{ElCheckboxGroup as O,ElRow as A,ElCol as $}from"element-plus";import{map as _}from"lodash-es";import{useVModel as w}from"@vueuse/core";import{RxTooltip as V}from"rx-compo/es/components/RxTooltip";import{RxScrollbar as S}from"rx-compo/es/components/RxScrollbar";import{useTextOverflow as j}from"rx-compo/es/utils/useTextOverflow";import{RxCheckbox as G}from"rx-compo/es/components/RxCheckbox";import{RxCheckboxButton as M}from"rx-compo/es/components/RxCheckboxButton";const I={modelValue:B.array(),RxCheckboxAll:B.bool.def(!1),RxCheckboxAllText:B.string.def("全选"),checkBoxOptions:{type:Array,default:[]},toolTipFormatter:{type:Function,default:null},toolTipConfig:{type:Object,default:{placement:"top"}},gutter:B.number,justify:{type:String,default:"start"},baseColProps:{type:Object,default:()=>({xl:4,lg:6,md:8,sm:12,xs:24})},isButton:B.bool.def(!1),rxCheckBoxAttr:{type:Object,default:{}}};var F=n({name:"RxCheckboxComponents",components:{RxCheckbox:G,RxCheckboxButton:M},setup:(e,{slots:o})=>({rxCheckBoxSlots:Object.keys(o)})});F.render=function(e,o,t,l,n,d){const f=s("rx-checkbox-button"),k=s("rx-checkbox");return e.$attrs.isButton?(c(),r(f,u(a({key:0},e.$attrs.isButton)),i({_:2},[p(e.rxCheckBoxSlots,(o=>({name:o,fn:x((t=>[h(e.$slots,`${o}`,u(m(t)))]))})))]),1040)):(c(),r(k,u(a({key:1},e.$attrs)),i({_:2},[p(e.rxCheckBoxSlots,(o=>({name:o,fn:x((t=>[h(e.$slots,`${o}`,u(m(t)))]))})))]),1040))},F.__file="packages/components/RxCheckboxGroup/components/RxCheckboxComponents.vue";var H=n({name:"RxCheckboxGroup",components:{ElCheckboxGroup:O,ElRow:A,ElCol:$,RxCheckboxComponents:F,RxScrollbar:S,RxTooltip:V},props:I,setup(e,{emit:n}){const s=w(e,"modelValue",n),{isIndeterminate:c,checkAll:r,checkBoxOptionsComputed:u,itemsRef:a,setItemRef:i,handleCheckAllChange:p,handleCheckedChange:x}=function(e,l){const n=o((()=>e.checkBoxOptions||[])),s=t([]),c=t(!0),r=t(!1);return{isIndeterminate:c,checkAll:r,checkboxGroupValue:l,itemsRef:s,checkBoxOptionsComputed:n,setItemRef:e=>{e&&s.value.push(e)},handleCheckAllChange:e=>{l.value=e?_(n.value,(e=>e.label)):[],c.value=!1},handleCheckedChange:e=>{const o=e.length;r.value=o===n.value.length,c.value=o>0&&o<n.value.length}}}(e,s),{rxToolTipConfig:h,updateRxToolTipConfig:m}=function(e){const o=t();return{rxToolTipConfig:o,updateRxToolTipConfig:function(t,l){const{toolTipConfig:n}=e,{width:s}=t.getBoundingClientRect(),c={width:`${s}px`,maxHeight:(null==n?void 0:n.maxHeight)?n.maxHeight:"80px"};o.value=Object.assign(Object.assign({},n),{style:c})}}}(e),{isOverflowed:d,handleMouseenter:f}=function(e,o){const{isOverflowed:t,checkOverflowCustom:n}=j("RxCheckbox");return{itemsRef:e,isOverflowed:t,handleMouseenter:function(t){const s=e.value[t].$el;n(s),l((()=>o(s)))}}}(a,m);return{isIndeterminate:c,checkboxGroupValue:s,checkAll:r,rxToolTipConfig:h,isOverflowed:d,itemsRef:a,checkBoxOptionsComputed:u,setItemRef:i,handleMouseenter:f,handleCheckAllChange:p,handleCheckedChange:x}}});const E={key:0,class:"rx-checkbox-group"};H.render=function(e,o,t,l,n,i){const B=s("RxCheckboxComponents"),O=s("rx-scrollbar"),A=s("rx-tooltip"),$=s("el-col"),_=s("el-row"),w=s("el-checkbox-group");return c(),d(f,null,[e.RxCheckboxAll?(c(),d("div",E,[k(" 自定义全选按钮 "),e.$slots.checkAllSlots?h(e.$slots,"checkAllSlots",{key:0}):(c(),d(f,{key:1},[k(" 默认全选按钮 "),C(B,{modelValue:e.checkAll,"onUpdate:modelValue":o[0]||(o[0]=o=>e.checkAll=o),isButton:!1,indeterminate:e.isIndeterminate,onChange:e.handleCheckAllChange},{default:x((()=>[g(b(e.RxCheckboxAllText),1)])),_:1},8,["modelValue","indeterminate","onChange"])],2112))])):k("v-if",!0),C(w,a({...e.$attrs,...e.$props},{modelValue:e.checkboxGroupValue,"onUpdate:modelValue":o[1]||(o[1]=o=>e.checkboxGroupValue=o),onChange:e.handleCheckedChange,class:"rx-checkbox-group"}),{default:x((()=>[k(" 模板默认插槽 "),e.$slots.default?h(e.$slots,"default",{key:0}):(c(),d(f,{key:1},[k(" 配置 "),C(_,{gutter:e.gutter,type:"flex",class:y(`justify-${e.justify}`)},{default:x((()=>[(c(!0),d(f,null,p(e.checkBoxOptionsComputed,((o,t)=>(c(),r($,a({key:t,ref_for:!0,ref:e.setItemRef,style:`${o.colStyle||""}`,class:`${o.colClass||""}`},o.colProps||e.baseColProps),{default:x((()=>[k(" 溢出隐藏 "),e.isOverflowed?(c(),r(A,u(a({key:0},e.rxToolTipConfig)),{content:x((()=>[k(" checkBoxOptions[index].slots options可自定义配置h函数模板 "),o.toolTipSlots?(c(),r(R(o.toolTipSlots.call(null,o)),u(a({key:0},o)),null,16)):e.toolTipFormatter?(c(),d(f,{key:1},[k(" props toolTipFormatter 通配h函数模板 "),(c(),r(R(e.toolTipFormatter.call(null,o)),u(m(o)),null,16))],2112)):(c(),d(f,{key:2},[k(" 默认渲染模板 "),T("div",{style:v(e.rxToolTipConfig.style)},[C(O,{"max-height":e.rxToolTipConfig.style.maxHeight},{default:x((()=>[g(b(o?.toolTipContent),1)])),_:2},1032,["max-height"])],4)],2112))])),default:x((()=>[C(B,a({...e.rxCheckBoxAttr,...o},{isButton:e.isButton,onMouseenter:o=>e.handleMouseenter(t)}),null,16,["isButton","onMouseenter"])])),_:2},1040)):(c(),d(f,{key:1},[k(" 默认checkbox "),C(B,a({...e.rxCheckBoxAttr,...o},{isButton:e.isButton,onMouseenter:o=>e.handleMouseenter(t)}),null,16,["isButton","onMouseenter"])],2112))])),_:2},1040,["style","class"])))),128))])),_:1},8,["gutter","class"])],64))])),_:3},16,["modelValue","onChange"])],64)},H.__file="packages/components/RxCheckboxGroup/src/RxCheckboxGroup.vue";const P=e(H);export{P as RxCheckboxGroup,P as default};
|
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
import type { ExtractPropTypes, DefineComponent, PropType } from 'vue';
|
|
2
|
+
import type { RxCheckboxPropsType, RxCheckboxButtonPropsType } from 'rx-compo/es/components';
|
|
3
|
+
declare type RxCheckBoxComponents = RxCheckboxPropsType & RxCheckboxButtonPropsType;
|
|
4
|
+
export interface ColObject {
|
|
5
|
+
span?: number;
|
|
6
|
+
offset?: number;
|
|
7
|
+
}
|
|
8
|
+
export interface ColProps {
|
|
9
|
+
tag?: string;
|
|
10
|
+
span?: number;
|
|
11
|
+
offset?: number;
|
|
12
|
+
pull?: number;
|
|
13
|
+
push?: number;
|
|
14
|
+
xs?: number | ColObject;
|
|
15
|
+
sm?: number | ColObject;
|
|
16
|
+
md?: number | ColObject;
|
|
17
|
+
lg?: number | ColObject;
|
|
18
|
+
xl?: number | ColObject;
|
|
19
|
+
}
|
|
20
|
+
export interface CheckBoxType extends RxCheckBoxComponents {
|
|
21
|
+
toolTipContent?: string;
|
|
22
|
+
toolTipSlots?: Function;
|
|
23
|
+
colProps?: ColProps;
|
|
24
|
+
colStyle?: string;
|
|
25
|
+
colClass?: string;
|
|
26
|
+
label: string;
|
|
27
|
+
}
|
|
28
|
+
export declare const RxCheckboxGroupProps: {
|
|
29
|
+
modelValue: import("vue-types").VueTypeValidableDef<unknown[]>;
|
|
30
|
+
RxCheckboxAll: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
31
|
+
default: boolean;
|
|
32
|
+
};
|
|
33
|
+
RxCheckboxAllText: import("vue-types").VueTypeValidableDef<string> & {
|
|
34
|
+
default: string;
|
|
35
|
+
};
|
|
36
|
+
checkBoxOptions: {
|
|
37
|
+
type: PropType<CheckBoxType[]>;
|
|
38
|
+
default: any[];
|
|
39
|
+
};
|
|
40
|
+
toolTipFormatter: {
|
|
41
|
+
type: FunctionConstructor;
|
|
42
|
+
default: any;
|
|
43
|
+
};
|
|
44
|
+
toolTipConfig: {
|
|
45
|
+
type: PropType<{} & {
|
|
46
|
+
readonly disabled?: boolean;
|
|
47
|
+
readonly onClick?: Function;
|
|
48
|
+
readonly style?: import("vue").StyleValue;
|
|
49
|
+
readonly id?: string;
|
|
50
|
+
readonly popperClass?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | {
|
|
51
|
+
[x: string]: boolean;
|
|
52
|
+
} | (string | {
|
|
53
|
+
[x: string]: boolean;
|
|
54
|
+
} | (string | {
|
|
55
|
+
[x: string]: boolean;
|
|
56
|
+
} | (string | {
|
|
57
|
+
[x: string]: boolean;
|
|
58
|
+
} | (string | {
|
|
59
|
+
[x: string]: boolean;
|
|
60
|
+
} | (string | {
|
|
61
|
+
[x: string]: boolean;
|
|
62
|
+
} | (string | {
|
|
63
|
+
[x: string]: boolean;
|
|
64
|
+
} | (string | {
|
|
65
|
+
[x: string]: boolean;
|
|
66
|
+
} | (string | {
|
|
67
|
+
[x: string]: boolean;
|
|
68
|
+
} | (string | {
|
|
69
|
+
[x: string]: boolean;
|
|
70
|
+
} | (string | any[] | {
|
|
71
|
+
[x: string]: boolean;
|
|
72
|
+
})[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>;
|
|
73
|
+
readonly popperOptions?: unknown;
|
|
74
|
+
readonly zIndex?: number;
|
|
75
|
+
readonly onBlur?: Function;
|
|
76
|
+
readonly onFocus?: Function;
|
|
77
|
+
readonly onMouseleave?: Function;
|
|
78
|
+
readonly onMouseenter?: Function;
|
|
79
|
+
readonly onKeydown?: Function;
|
|
80
|
+
readonly visible?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean>, unknown, unknown>;
|
|
81
|
+
readonly effect?: string;
|
|
82
|
+
readonly teleported?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
83
|
+
readonly persistent?: boolean;
|
|
84
|
+
openDelay?: number;
|
|
85
|
+
visibleArrow?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
86
|
+
readonly hideAfter?: number;
|
|
87
|
+
showArrow?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
88
|
+
readonly appendTo?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | HTMLElement>, unknown, unknown>;
|
|
89
|
+
readonly content?: string;
|
|
90
|
+
readonly rawContent?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
91
|
+
readonly ariaLabel?: string;
|
|
92
|
+
readonly transition?: string;
|
|
93
|
+
readonly className?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | {
|
|
94
|
+
[x: string]: boolean;
|
|
95
|
+
} | (string | {
|
|
96
|
+
[x: string]: boolean;
|
|
97
|
+
} | (string | {
|
|
98
|
+
[x: string]: boolean;
|
|
99
|
+
} | (string | {
|
|
100
|
+
[x: string]: boolean;
|
|
101
|
+
} | (string | {
|
|
102
|
+
[x: string]: boolean;
|
|
103
|
+
} | (string | {
|
|
104
|
+
[x: string]: boolean;
|
|
105
|
+
} | (string | {
|
|
106
|
+
[x: string]: boolean;
|
|
107
|
+
} | (string | {
|
|
108
|
+
[x: string]: boolean;
|
|
109
|
+
} | (string | {
|
|
110
|
+
[x: string]: boolean;
|
|
111
|
+
} | (string | {
|
|
112
|
+
[x: string]: boolean;
|
|
113
|
+
} | (string | any[] | {
|
|
114
|
+
[x: string]: boolean;
|
|
115
|
+
})[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>;
|
|
116
|
+
readonly enterable?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
117
|
+
readonly pure?: boolean;
|
|
118
|
+
readonly popperStyle?: import("vue").StyleValue;
|
|
119
|
+
readonly referenceEl?: HTMLElement;
|
|
120
|
+
readonly stopPopperMouseEvent?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
121
|
+
readonly boundariesPadding?: number;
|
|
122
|
+
readonly fallbackPlacements?: import("element-plus").Placement;
|
|
123
|
+
readonly gpuAcceleration?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
124
|
+
readonly offset?: number;
|
|
125
|
+
readonly placement?: import("element-plus/es/utils").BuildPropType<StringConstructor, import("element-plus").Placement, unknown>;
|
|
126
|
+
readonly strategy?: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
|
|
127
|
+
readonly showAfter?: number;
|
|
128
|
+
readonly trigger?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"focus" | "hover" | "click" | "contextmenu" | ("focus" | "hover" | "click" | "contextmenu")[]>, unknown, unknown>;
|
|
129
|
+
readonly virtualRef?: import("element-plus").Measurable;
|
|
130
|
+
readonly virtualTriggering?: boolean;
|
|
131
|
+
readonly onContextmenu?: Function;
|
|
132
|
+
readonly open?: boolean;
|
|
133
|
+
} & ScrollbarMaxHeight>;
|
|
134
|
+
default: {
|
|
135
|
+
placement: string;
|
|
136
|
+
};
|
|
137
|
+
};
|
|
138
|
+
gutter: import("vue-types").VueTypeValidableDef<number>;
|
|
139
|
+
justify: {
|
|
140
|
+
type: StringConstructor;
|
|
141
|
+
default: string;
|
|
142
|
+
};
|
|
143
|
+
baseColProps: {
|
|
144
|
+
type: PropType<ColProps>;
|
|
145
|
+
default: () => ColProps;
|
|
146
|
+
};
|
|
147
|
+
isButton: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
148
|
+
default: boolean;
|
|
149
|
+
};
|
|
150
|
+
rxCheckBoxAttr: {
|
|
151
|
+
type: PropType<RxCheckBoxComponents>;
|
|
152
|
+
default: {};
|
|
153
|
+
};
|
|
154
|
+
};
|
|
155
|
+
export declare type RxCheckboxGroupPropsType = ExtractPropTypes<typeof RxCheckboxGroupProps>;
|
|
156
|
+
export declare type RxCheckboxGroupComponent = DefineComponent<typeof RxCheckboxGroupProps>;
|
|
157
|
+
export declare type RxCheckboxGroupInstance = InstanceType<DefineComponent<typeof RxCheckboxGroupProps>>;
|
|
158
|
+
export {};
|
|
@@ -0,0 +1,302 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
modelValue: import("vue-types").VueTypeValidableDef<unknown[]>;
|
|
3
|
+
RxCheckboxAll: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
4
|
+
default: boolean;
|
|
5
|
+
};
|
|
6
|
+
RxCheckboxAllText: import("vue-types").VueTypeValidableDef<string> & {
|
|
7
|
+
default: string;
|
|
8
|
+
};
|
|
9
|
+
checkBoxOptions: {
|
|
10
|
+
type: import("vue").PropType<import("./RxCheckboxGroup").CheckBoxType[]>;
|
|
11
|
+
default: any[];
|
|
12
|
+
};
|
|
13
|
+
toolTipFormatter: {
|
|
14
|
+
type: FunctionConstructor;
|
|
15
|
+
default: any;
|
|
16
|
+
};
|
|
17
|
+
toolTipConfig: {
|
|
18
|
+
type: import("vue").PropType<{} & {
|
|
19
|
+
readonly disabled?: boolean;
|
|
20
|
+
readonly onClick?: Function;
|
|
21
|
+
readonly style?: import("vue").StyleValue;
|
|
22
|
+
readonly id?: string;
|
|
23
|
+
readonly popperClass?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | {
|
|
24
|
+
[x: string]: boolean;
|
|
25
|
+
} | (string | {
|
|
26
|
+
[x: string]: boolean;
|
|
27
|
+
} | (string | {
|
|
28
|
+
[x: string]: boolean;
|
|
29
|
+
} | (string | {
|
|
30
|
+
[x: string]: boolean;
|
|
31
|
+
} | (string | {
|
|
32
|
+
[x: string]: boolean;
|
|
33
|
+
} | (string | {
|
|
34
|
+
[x: string]: boolean;
|
|
35
|
+
} | (string | {
|
|
36
|
+
[x: string]: boolean;
|
|
37
|
+
} | (string | {
|
|
38
|
+
[x: string]: boolean;
|
|
39
|
+
} | (string | {
|
|
40
|
+
[x: string]: boolean;
|
|
41
|
+
} | (string | {
|
|
42
|
+
[x: string]: boolean;
|
|
43
|
+
} | (string | any[] | {
|
|
44
|
+
[x: string]: boolean;
|
|
45
|
+
})[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>;
|
|
46
|
+
readonly popperOptions?: unknown;
|
|
47
|
+
readonly zIndex?: number;
|
|
48
|
+
readonly onBlur?: Function;
|
|
49
|
+
readonly onFocus?: Function;
|
|
50
|
+
readonly onMouseleave?: Function;
|
|
51
|
+
readonly onMouseenter?: Function;
|
|
52
|
+
readonly onKeydown?: Function;
|
|
53
|
+
readonly visible?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean>, unknown, unknown>;
|
|
54
|
+
readonly effect?: string;
|
|
55
|
+
readonly teleported?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
56
|
+
readonly persistent?: boolean;
|
|
57
|
+
openDelay?: number;
|
|
58
|
+
visibleArrow?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
59
|
+
readonly hideAfter?: number;
|
|
60
|
+
showArrow?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
61
|
+
readonly appendTo?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | HTMLElement>, unknown, unknown>;
|
|
62
|
+
readonly content?: string;
|
|
63
|
+
readonly rawContent?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
64
|
+
readonly ariaLabel?: string;
|
|
65
|
+
readonly transition?: string;
|
|
66
|
+
readonly className?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | {
|
|
67
|
+
[x: string]: boolean;
|
|
68
|
+
} | (string | {
|
|
69
|
+
[x: string]: boolean;
|
|
70
|
+
} | (string | {
|
|
71
|
+
[x: string]: boolean;
|
|
72
|
+
} | (string | {
|
|
73
|
+
[x: string]: boolean;
|
|
74
|
+
} | (string | {
|
|
75
|
+
[x: string]: boolean;
|
|
76
|
+
} | (string | {
|
|
77
|
+
[x: string]: boolean;
|
|
78
|
+
} | (string | {
|
|
79
|
+
[x: string]: boolean;
|
|
80
|
+
} | (string | {
|
|
81
|
+
[x: string]: boolean;
|
|
82
|
+
} | (string | {
|
|
83
|
+
[x: string]: boolean;
|
|
84
|
+
} | (string | {
|
|
85
|
+
[x: string]: boolean;
|
|
86
|
+
} | (string | any[] | {
|
|
87
|
+
[x: string]: boolean;
|
|
88
|
+
})[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>;
|
|
89
|
+
readonly enterable?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
90
|
+
readonly pure?: boolean;
|
|
91
|
+
readonly popperStyle?: import("vue").StyleValue;
|
|
92
|
+
readonly referenceEl?: HTMLElement;
|
|
93
|
+
readonly stopPopperMouseEvent?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
94
|
+
readonly boundariesPadding?: number;
|
|
95
|
+
readonly fallbackPlacements?: import("element-plus").Placement;
|
|
96
|
+
readonly gpuAcceleration?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
97
|
+
readonly offset?: number;
|
|
98
|
+
readonly placement?: import("element-plus/es/utils").BuildPropType<StringConstructor, import("element-plus").Placement, unknown>;
|
|
99
|
+
readonly strategy?: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
|
|
100
|
+
readonly showAfter?: number;
|
|
101
|
+
readonly trigger?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"focus" | "hover" | "click" | "contextmenu" | ("focus" | "hover" | "click" | "contextmenu")[]>, unknown, unknown>;
|
|
102
|
+
readonly virtualRef?: import("element-plus").Measurable;
|
|
103
|
+
readonly virtualTriggering?: boolean;
|
|
104
|
+
readonly onContextmenu?: Function;
|
|
105
|
+
readonly open?: boolean;
|
|
106
|
+
} & ScrollbarMaxHeight>;
|
|
107
|
+
default: {
|
|
108
|
+
placement: string;
|
|
109
|
+
};
|
|
110
|
+
};
|
|
111
|
+
gutter: import("vue-types").VueTypeValidableDef<number>;
|
|
112
|
+
justify: {
|
|
113
|
+
type: StringConstructor;
|
|
114
|
+
default: string;
|
|
115
|
+
};
|
|
116
|
+
baseColProps: {
|
|
117
|
+
type: import("vue").PropType<import("./RxCheckboxGroup").ColProps>;
|
|
118
|
+
default: () => import("./RxCheckboxGroup").ColProps;
|
|
119
|
+
};
|
|
120
|
+
isButton: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
121
|
+
default: boolean;
|
|
122
|
+
};
|
|
123
|
+
rxCheckBoxAttr: {
|
|
124
|
+
type: import("vue").PropType<{
|
|
125
|
+
modelValue: string | number | boolean;
|
|
126
|
+
} & {
|
|
127
|
+
slots?: Function;
|
|
128
|
+
} & {
|
|
129
|
+
modelValue: string | number | boolean;
|
|
130
|
+
} & {
|
|
131
|
+
slots?: Function;
|
|
132
|
+
}>;
|
|
133
|
+
default: {};
|
|
134
|
+
};
|
|
135
|
+
}, {
|
|
136
|
+
isIndeterminate: import("vue").Ref<boolean>;
|
|
137
|
+
checkboxGroupValue: import("vue").Ref<unknown[]> | import("vue").WritableComputedRef<unknown[]>;
|
|
138
|
+
checkAll: import("vue").Ref<boolean>;
|
|
139
|
+
rxToolTipConfig: import("vue").Ref<any>;
|
|
140
|
+
isOverflowed: import("vue").Ref<boolean>;
|
|
141
|
+
itemsRef: any;
|
|
142
|
+
checkBoxOptionsComputed: import("vue").ComputedRef<import("./RxCheckboxGroup").CheckBoxType[]>;
|
|
143
|
+
setItemRef: (el: any) => void;
|
|
144
|
+
handleMouseenter: (index: number) => void;
|
|
145
|
+
handleCheckAllChange: (val: any) => void;
|
|
146
|
+
handleCheckedChange: (value: any) => void;
|
|
147
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
148
|
+
modelValue: import("vue-types").VueTypeValidableDef<unknown[]>;
|
|
149
|
+
RxCheckboxAll: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
150
|
+
default: boolean;
|
|
151
|
+
};
|
|
152
|
+
RxCheckboxAllText: import("vue-types").VueTypeValidableDef<string> & {
|
|
153
|
+
default: string;
|
|
154
|
+
};
|
|
155
|
+
checkBoxOptions: {
|
|
156
|
+
type: import("vue").PropType<import("./RxCheckboxGroup").CheckBoxType[]>;
|
|
157
|
+
default: any[];
|
|
158
|
+
};
|
|
159
|
+
toolTipFormatter: {
|
|
160
|
+
type: FunctionConstructor;
|
|
161
|
+
default: any;
|
|
162
|
+
};
|
|
163
|
+
toolTipConfig: {
|
|
164
|
+
type: import("vue").PropType<{} & {
|
|
165
|
+
readonly disabled?: boolean;
|
|
166
|
+
readonly onClick?: Function;
|
|
167
|
+
readonly style?: import("vue").StyleValue;
|
|
168
|
+
readonly id?: string;
|
|
169
|
+
readonly popperClass?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | {
|
|
170
|
+
[x: string]: boolean;
|
|
171
|
+
} | (string | {
|
|
172
|
+
[x: string]: boolean;
|
|
173
|
+
} | (string | {
|
|
174
|
+
[x: string]: boolean;
|
|
175
|
+
} | (string | {
|
|
176
|
+
[x: string]: boolean;
|
|
177
|
+
} | (string | {
|
|
178
|
+
[x: string]: boolean;
|
|
179
|
+
} | (string | {
|
|
180
|
+
[x: string]: boolean;
|
|
181
|
+
} | (string | {
|
|
182
|
+
[x: string]: boolean;
|
|
183
|
+
} | (string | {
|
|
184
|
+
[x: string]: boolean;
|
|
185
|
+
} | (string | {
|
|
186
|
+
[x: string]: boolean;
|
|
187
|
+
} | (string | {
|
|
188
|
+
[x: string]: boolean;
|
|
189
|
+
} | (string | any[] | {
|
|
190
|
+
[x: string]: boolean;
|
|
191
|
+
})[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>;
|
|
192
|
+
readonly popperOptions?: unknown;
|
|
193
|
+
readonly zIndex?: number;
|
|
194
|
+
readonly onBlur?: Function;
|
|
195
|
+
readonly onFocus?: Function;
|
|
196
|
+
readonly onMouseleave?: Function;
|
|
197
|
+
readonly onMouseenter?: Function;
|
|
198
|
+
readonly onKeydown?: Function;
|
|
199
|
+
readonly visible?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean>, unknown, unknown>;
|
|
200
|
+
readonly effect?: string;
|
|
201
|
+
readonly teleported?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
202
|
+
readonly persistent?: boolean;
|
|
203
|
+
openDelay?: number;
|
|
204
|
+
visibleArrow?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
205
|
+
readonly hideAfter?: number;
|
|
206
|
+
showArrow?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
207
|
+
readonly appendTo?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | HTMLElement>, unknown, unknown>;
|
|
208
|
+
readonly content?: string;
|
|
209
|
+
readonly rawContent?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
210
|
+
readonly ariaLabel?: string;
|
|
211
|
+
readonly transition?: string;
|
|
212
|
+
readonly className?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | {
|
|
213
|
+
[x: string]: boolean;
|
|
214
|
+
} | (string | {
|
|
215
|
+
[x: string]: boolean;
|
|
216
|
+
} | (string | {
|
|
217
|
+
[x: string]: boolean;
|
|
218
|
+
} | (string | {
|
|
219
|
+
[x: string]: boolean;
|
|
220
|
+
} | (string | {
|
|
221
|
+
[x: string]: boolean;
|
|
222
|
+
} | (string | {
|
|
223
|
+
[x: string]: boolean;
|
|
224
|
+
} | (string | {
|
|
225
|
+
[x: string]: boolean;
|
|
226
|
+
} | (string | {
|
|
227
|
+
[x: string]: boolean;
|
|
228
|
+
} | (string | {
|
|
229
|
+
[x: string]: boolean;
|
|
230
|
+
} | (string | {
|
|
231
|
+
[x: string]: boolean;
|
|
232
|
+
} | (string | any[] | {
|
|
233
|
+
[x: string]: boolean;
|
|
234
|
+
})[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>;
|
|
235
|
+
readonly enterable?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
236
|
+
readonly pure?: boolean;
|
|
237
|
+
readonly popperStyle?: import("vue").StyleValue;
|
|
238
|
+
readonly referenceEl?: HTMLElement;
|
|
239
|
+
readonly stopPopperMouseEvent?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
240
|
+
readonly boundariesPadding?: number;
|
|
241
|
+
readonly fallbackPlacements?: import("element-plus").Placement;
|
|
242
|
+
readonly gpuAcceleration?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
243
|
+
readonly offset?: number;
|
|
244
|
+
readonly placement?: import("element-plus/es/utils").BuildPropType<StringConstructor, import("element-plus").Placement, unknown>;
|
|
245
|
+
readonly strategy?: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
|
|
246
|
+
readonly showAfter?: number;
|
|
247
|
+
readonly trigger?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"focus" | "hover" | "click" | "contextmenu" | ("focus" | "hover" | "click" | "contextmenu")[]>, unknown, unknown>;
|
|
248
|
+
readonly virtualRef?: import("element-plus").Measurable;
|
|
249
|
+
readonly virtualTriggering?: boolean;
|
|
250
|
+
readonly onContextmenu?: Function;
|
|
251
|
+
readonly open?: boolean;
|
|
252
|
+
} & ScrollbarMaxHeight>;
|
|
253
|
+
default: {
|
|
254
|
+
placement: string;
|
|
255
|
+
};
|
|
256
|
+
};
|
|
257
|
+
gutter: import("vue-types").VueTypeValidableDef<number>;
|
|
258
|
+
justify: {
|
|
259
|
+
type: StringConstructor;
|
|
260
|
+
default: string;
|
|
261
|
+
};
|
|
262
|
+
baseColProps: {
|
|
263
|
+
type: import("vue").PropType<import("./RxCheckboxGroup").ColProps>;
|
|
264
|
+
default: () => import("./RxCheckboxGroup").ColProps;
|
|
265
|
+
};
|
|
266
|
+
isButton: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
267
|
+
default: boolean;
|
|
268
|
+
};
|
|
269
|
+
rxCheckBoxAttr: {
|
|
270
|
+
type: import("vue").PropType<{
|
|
271
|
+
modelValue: string | number | boolean;
|
|
272
|
+
} & {
|
|
273
|
+
slots?: Function;
|
|
274
|
+
} & {
|
|
275
|
+
modelValue: string | number | boolean;
|
|
276
|
+
} & {
|
|
277
|
+
slots?: Function;
|
|
278
|
+
}>;
|
|
279
|
+
default: {};
|
|
280
|
+
};
|
|
281
|
+
}>>, {
|
|
282
|
+
toolTipConfig: {
|
|
283
|
+
placement: string;
|
|
284
|
+
};
|
|
285
|
+
justify: string;
|
|
286
|
+
baseColProps: import("./RxCheckboxGroup").ColProps;
|
|
287
|
+
isButton: boolean;
|
|
288
|
+
RxCheckboxAll: boolean;
|
|
289
|
+
RxCheckboxAllText: string;
|
|
290
|
+
checkBoxOptions: import("./RxCheckboxGroup").CheckBoxType[];
|
|
291
|
+
toolTipFormatter: Function;
|
|
292
|
+
rxCheckBoxAttr: {
|
|
293
|
+
modelValue: string | number | boolean;
|
|
294
|
+
} & {
|
|
295
|
+
slots?: Function;
|
|
296
|
+
} & {
|
|
297
|
+
modelValue: string | number | boolean;
|
|
298
|
+
} & {
|
|
299
|
+
slots?: Function;
|
|
300
|
+
};
|
|
301
|
+
}>;
|
|
302
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
import { RxCheckboxGroupPropsType, CheckBoxType } from '../RxCheckboxGroup';
|
|
3
|
+
export declare function useCheckboxGroup(props: RxCheckboxGroupPropsType, checkboxGroupValue: Ref<any>): {
|
|
4
|
+
isIndeterminate: Ref<boolean>;
|
|
5
|
+
checkAll: Ref<boolean>;
|
|
6
|
+
checkboxGroupValue: Ref<any>;
|
|
7
|
+
itemsRef: any;
|
|
8
|
+
checkBoxOptionsComputed: import("vue").ComputedRef<CheckBoxType[]>;
|
|
9
|
+
setItemRef: (el: any) => void;
|
|
10
|
+
handleCheckAllChange: (val: any) => void;
|
|
11
|
+
handleCheckedChange: (value: any) => void;
|
|
12
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {
|
|
2
|
+
rxCheckBoxSlots: string[];
|
|
3
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
4
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("rx-compo/lib/utils/with-install"),o=require("vue"),t=require("rx-compo/lib/utils"),l=require("element-plus"),n=require("lodash-es"),r=require("@vueuse/core"),c=require("rx-compo/lib/components/RxTooltip"),s=require("rx-compo/lib/components/RxScrollbar"),a=require("rx-compo/lib/utils/useTextOverflow"),i=require("rx-compo/lib/components/RxCheckbox"),p=require("rx-compo/lib/components/RxCheckboxButton");const u={modelValue:t.IxPropTypes.array(),RxCheckboxAll:t.IxPropTypes.bool.def(!1),RxCheckboxAllText:t.IxPropTypes.string.def("全选"),checkBoxOptions:{type:Array,default:[]},toolTipFormatter:{type:Function,default:null},toolTipConfig:{type:Object,default:{placement:"top"}},gutter:t.IxPropTypes.number,justify:{type:String,default:"start"},baseColProps:{type:Object,default:()=>({xl:4,lg:6,md:8,sm:12,xs:24})},isButton:t.IxPropTypes.bool.def(!1),rxCheckBoxAttr:{type:Object,default:{}}};var m=o.defineComponent({name:"RxCheckboxComponents",components:{RxCheckbox:i.RxCheckbox,RxCheckboxButton:p.RxCheckboxButton},setup:(e,{slots:o})=>({rxCheckBoxSlots:Object.keys(o)})});m.render=function(e,t,l,n,r,c){const s=o.resolveComponent("rx-checkbox-button"),a=o.resolveComponent("rx-checkbox");return e.$attrs.isButton?(o.openBlock(),o.createBlock(s,o.normalizeProps(o.mergeProps({key:0},e.$attrs.isButton)),o.createSlots({_:2},[o.renderList(e.rxCheckBoxSlots,(t=>({name:t,fn:o.withCtx((l=>[o.renderSlot(e.$slots,`${t}`,o.normalizeProps(o.guardReactiveProps(l)))]))})))]),1040)):(o.openBlock(),o.createBlock(a,o.normalizeProps(o.mergeProps({key:1},e.$attrs)),o.createSlots({_:2},[o.renderList(e.rxCheckBoxSlots,(t=>({name:t,fn:o.withCtx((l=>[o.renderSlot(e.$slots,`${t}`,o.normalizeProps(o.guardReactiveProps(l)))]))})))]),1040))},m.__file="packages/components/RxCheckboxGroup/components/RxCheckboxComponents.vue";var x=o.defineComponent({name:"RxCheckboxGroup",components:{ElCheckboxGroup:l.ElCheckboxGroup,ElRow:l.ElRow,ElCol:l.ElCol,RxCheckboxComponents:m,RxScrollbar:s.RxScrollbar,RxTooltip:c.RxTooltip},props:u,setup(e,{emit:t}){const l=r.useVModel(e,"modelValue",t),{isIndeterminate:c,checkAll:s,checkBoxOptionsComputed:i,itemsRef:p,setItemRef:u,handleCheckAllChange:m,handleCheckedChange:x}=function(e,t){const l=o.computed((()=>e.checkBoxOptions||[])),r=o.ref([]),c=o.ref(!0),s=o.ref(!1);return{isIndeterminate:c,checkAll:s,checkboxGroupValue:t,itemsRef:r,checkBoxOptionsComputed:l,setItemRef:e=>{e&&r.value.push(e)},handleCheckAllChange:e=>{t.value=e?n.map(l.value,(e=>e.label)):[],c.value=!1},handleCheckedChange:e=>{const o=e.length;s.value=o===l.value.length,c.value=o>0&&o<l.value.length}}}(e,l),{rxToolTipConfig:h,updateRxToolTipConfig:d}=function(e){const t=o.ref();return{rxToolTipConfig:t,updateRxToolTipConfig:function(o,l){const{toolTipConfig:n}=e,{width:r}=o.getBoundingClientRect(),c={width:`${r}px`,maxHeight:(null==n?void 0:n.maxHeight)?n.maxHeight:"80px"};t.value=Object.assign(Object.assign({},n),{style:c})}}}(e),{isOverflowed:k,handleMouseenter:C}=function(e,t){const{isOverflowed:l,checkOverflowCustom:n}=a.useTextOverflow("RxCheckbox");return{itemsRef:e,isOverflowed:l,handleMouseenter:function(l){const r=e.value[l].$el;n(r),o.nextTick((()=>t(r)))}}}(p,d);return{isIndeterminate:c,checkboxGroupValue:l,checkAll:s,rxToolTipConfig:h,isOverflowed:k,itemsRef:p,checkBoxOptionsComputed:i,setItemRef:u,handleMouseenter:C,handleCheckAllChange:m,handleCheckedChange:x}}});const h={key:0,class:"rx-checkbox-group"};x.render=function(e,t,l,n,r,c){const s=o.resolveComponent("RxCheckboxComponents"),a=o.resolveComponent("rx-scrollbar"),i=o.resolveComponent("rx-tooltip"),p=o.resolveComponent("el-col"),u=o.resolveComponent("el-row"),m=o.resolveComponent("el-checkbox-group");return o.openBlock(),o.createElementBlock(o.Fragment,null,[e.RxCheckboxAll?(o.openBlock(),o.createElementBlock("div",h,[o.createCommentVNode(" 自定义全选按钮 "),e.$slots.checkAllSlots?o.renderSlot(e.$slots,"checkAllSlots",{key:0}):(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[o.createCommentVNode(" 默认全选按钮 "),o.createVNode(s,{modelValue:e.checkAll,"onUpdate:modelValue":t[0]||(t[0]=o=>e.checkAll=o),isButton:!1,indeterminate:e.isIndeterminate,onChange:e.handleCheckAllChange},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(e.RxCheckboxAllText),1)])),_:1},8,["modelValue","indeterminate","onChange"])],2112))])):o.createCommentVNode("v-if",!0),o.createVNode(m,o.mergeProps({...e.$attrs,...e.$props},{modelValue:e.checkboxGroupValue,"onUpdate:modelValue":t[1]||(t[1]=o=>e.checkboxGroupValue=o),onChange:e.handleCheckedChange,class:"rx-checkbox-group"}),{default:o.withCtx((()=>[o.createCommentVNode(" 模板默认插槽 "),e.$slots.default?o.renderSlot(e.$slots,"default",{key:0}):(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[o.createCommentVNode(" 配置 "),o.createVNode(u,{gutter:e.gutter,type:"flex",class:o.normalizeClass(`justify-${e.justify}`)},{default:o.withCtx((()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.checkBoxOptionsComputed,((t,l)=>(o.openBlock(),o.createBlock(p,o.mergeProps({key:l,ref_for:!0,ref:e.setItemRef,style:`${t.colStyle||""}`,class:`${t.colClass||""}`},t.colProps||e.baseColProps),{default:o.withCtx((()=>[o.createCommentVNode(" 溢出隐藏 "),e.isOverflowed?(o.openBlock(),o.createBlock(i,o.normalizeProps(o.mergeProps({key:0},e.rxToolTipConfig)),{content:o.withCtx((()=>[o.createCommentVNode(" checkBoxOptions[index].slots options可自定义配置h函数模板 "),t.toolTipSlots?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(t.toolTipSlots.call(null,t)),o.normalizeProps(o.mergeProps({key:0},t)),null,16)):e.toolTipFormatter?(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[o.createCommentVNode(" props toolTipFormatter 通配h函数模板 "),(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.toolTipFormatter.call(null,t)),o.normalizeProps(o.guardReactiveProps(t)),null,16))],2112)):(o.openBlock(),o.createElementBlock(o.Fragment,{key:2},[o.createCommentVNode(" 默认渲染模板 "),o.createElementVNode("div",{style:o.normalizeStyle(e.rxToolTipConfig.style)},[o.createVNode(a,{"max-height":e.rxToolTipConfig.style.maxHeight},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(t?.toolTipContent),1)])),_:2},1032,["max-height"])],4)],2112))])),default:o.withCtx((()=>[o.createVNode(s,o.mergeProps({...e.rxCheckBoxAttr,...t},{isButton:e.isButton,onMouseenter:o=>e.handleMouseenter(l)}),null,16,["isButton","onMouseenter"])])),_:2},1040)):(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[o.createCommentVNode(" 默认checkbox "),o.createVNode(s,o.mergeProps({...e.rxCheckBoxAttr,...t},{isButton:e.isButton,onMouseenter:o=>e.handleMouseenter(l)}),null,16,["isButton","onMouseenter"])],2112))])),_:2},1040,["style","class"])))),128))])),_:1},8,["gutter","class"])],64))])),_:3},16,["modelValue","onChange"])],64)},x.__file="packages/components/RxCheckboxGroup/src/RxCheckboxGroup.vue";const d=e.withInstall(x);exports.RxCheckboxGroup=d,exports.default=d;
|
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
import type { ExtractPropTypes, DefineComponent, PropType } from 'vue';
|
|
2
|
+
import type { RxCheckboxPropsType, RxCheckboxButtonPropsType } from 'rx-compo/es/components';
|
|
3
|
+
declare type RxCheckBoxComponents = RxCheckboxPropsType & RxCheckboxButtonPropsType;
|
|
4
|
+
export interface ColObject {
|
|
5
|
+
span?: number;
|
|
6
|
+
offset?: number;
|
|
7
|
+
}
|
|
8
|
+
export interface ColProps {
|
|
9
|
+
tag?: string;
|
|
10
|
+
span?: number;
|
|
11
|
+
offset?: number;
|
|
12
|
+
pull?: number;
|
|
13
|
+
push?: number;
|
|
14
|
+
xs?: number | ColObject;
|
|
15
|
+
sm?: number | ColObject;
|
|
16
|
+
md?: number | ColObject;
|
|
17
|
+
lg?: number | ColObject;
|
|
18
|
+
xl?: number | ColObject;
|
|
19
|
+
}
|
|
20
|
+
export interface CheckBoxType extends RxCheckBoxComponents {
|
|
21
|
+
toolTipContent?: string;
|
|
22
|
+
toolTipSlots?: Function;
|
|
23
|
+
colProps?: ColProps;
|
|
24
|
+
colStyle?: string;
|
|
25
|
+
colClass?: string;
|
|
26
|
+
label: string;
|
|
27
|
+
}
|
|
28
|
+
export declare const RxCheckboxGroupProps: {
|
|
29
|
+
modelValue: import("vue-types").VueTypeValidableDef<unknown[]>;
|
|
30
|
+
RxCheckboxAll: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
31
|
+
default: boolean;
|
|
32
|
+
};
|
|
33
|
+
RxCheckboxAllText: import("vue-types").VueTypeValidableDef<string> & {
|
|
34
|
+
default: string;
|
|
35
|
+
};
|
|
36
|
+
checkBoxOptions: {
|
|
37
|
+
type: PropType<CheckBoxType[]>;
|
|
38
|
+
default: any[];
|
|
39
|
+
};
|
|
40
|
+
toolTipFormatter: {
|
|
41
|
+
type: FunctionConstructor;
|
|
42
|
+
default: any;
|
|
43
|
+
};
|
|
44
|
+
toolTipConfig: {
|
|
45
|
+
type: PropType<{} & {
|
|
46
|
+
readonly disabled?: boolean;
|
|
47
|
+
readonly onClick?: Function;
|
|
48
|
+
readonly style?: import("vue").StyleValue;
|
|
49
|
+
readonly id?: string;
|
|
50
|
+
readonly popperClass?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | {
|
|
51
|
+
[x: string]: boolean;
|
|
52
|
+
} | (string | {
|
|
53
|
+
[x: string]: boolean;
|
|
54
|
+
} | (string | {
|
|
55
|
+
[x: string]: boolean;
|
|
56
|
+
} | (string | {
|
|
57
|
+
[x: string]: boolean;
|
|
58
|
+
} | (string | {
|
|
59
|
+
[x: string]: boolean;
|
|
60
|
+
} | (string | {
|
|
61
|
+
[x: string]: boolean;
|
|
62
|
+
} | (string | {
|
|
63
|
+
[x: string]: boolean;
|
|
64
|
+
} | (string | {
|
|
65
|
+
[x: string]: boolean;
|
|
66
|
+
} | (string | {
|
|
67
|
+
[x: string]: boolean;
|
|
68
|
+
} | (string | {
|
|
69
|
+
[x: string]: boolean;
|
|
70
|
+
} | (string | any[] | {
|
|
71
|
+
[x: string]: boolean;
|
|
72
|
+
})[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>;
|
|
73
|
+
readonly popperOptions?: unknown;
|
|
74
|
+
readonly zIndex?: number;
|
|
75
|
+
readonly onBlur?: Function;
|
|
76
|
+
readonly onFocus?: Function;
|
|
77
|
+
readonly onMouseleave?: Function;
|
|
78
|
+
readonly onMouseenter?: Function;
|
|
79
|
+
readonly onKeydown?: Function;
|
|
80
|
+
readonly visible?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean>, unknown, unknown>;
|
|
81
|
+
readonly effect?: string;
|
|
82
|
+
readonly teleported?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
83
|
+
readonly persistent?: boolean;
|
|
84
|
+
openDelay?: number;
|
|
85
|
+
visibleArrow?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
86
|
+
readonly hideAfter?: number;
|
|
87
|
+
showArrow?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
88
|
+
readonly appendTo?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | HTMLElement>, unknown, unknown>;
|
|
89
|
+
readonly content?: string;
|
|
90
|
+
readonly rawContent?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
91
|
+
readonly ariaLabel?: string;
|
|
92
|
+
readonly transition?: string;
|
|
93
|
+
readonly className?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | {
|
|
94
|
+
[x: string]: boolean;
|
|
95
|
+
} | (string | {
|
|
96
|
+
[x: string]: boolean;
|
|
97
|
+
} | (string | {
|
|
98
|
+
[x: string]: boolean;
|
|
99
|
+
} | (string | {
|
|
100
|
+
[x: string]: boolean;
|
|
101
|
+
} | (string | {
|
|
102
|
+
[x: string]: boolean;
|
|
103
|
+
} | (string | {
|
|
104
|
+
[x: string]: boolean;
|
|
105
|
+
} | (string | {
|
|
106
|
+
[x: string]: boolean;
|
|
107
|
+
} | (string | {
|
|
108
|
+
[x: string]: boolean;
|
|
109
|
+
} | (string | {
|
|
110
|
+
[x: string]: boolean;
|
|
111
|
+
} | (string | {
|
|
112
|
+
[x: string]: boolean;
|
|
113
|
+
} | (string | any[] | {
|
|
114
|
+
[x: string]: boolean;
|
|
115
|
+
})[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>;
|
|
116
|
+
readonly enterable?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
117
|
+
readonly pure?: boolean;
|
|
118
|
+
readonly popperStyle?: import("vue").StyleValue;
|
|
119
|
+
readonly referenceEl?: HTMLElement;
|
|
120
|
+
readonly stopPopperMouseEvent?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
121
|
+
readonly boundariesPadding?: number;
|
|
122
|
+
readonly fallbackPlacements?: import("element-plus").Placement;
|
|
123
|
+
readonly gpuAcceleration?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
124
|
+
readonly offset?: number;
|
|
125
|
+
readonly placement?: import("element-plus/es/utils").BuildPropType<StringConstructor, import("element-plus").Placement, unknown>;
|
|
126
|
+
readonly strategy?: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
|
|
127
|
+
readonly showAfter?: number;
|
|
128
|
+
readonly trigger?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"focus" | "hover" | "click" | "contextmenu" | ("focus" | "hover" | "click" | "contextmenu")[]>, unknown, unknown>;
|
|
129
|
+
readonly virtualRef?: import("element-plus").Measurable;
|
|
130
|
+
readonly virtualTriggering?: boolean;
|
|
131
|
+
readonly onContextmenu?: Function;
|
|
132
|
+
readonly open?: boolean;
|
|
133
|
+
} & ScrollbarMaxHeight>;
|
|
134
|
+
default: {
|
|
135
|
+
placement: string;
|
|
136
|
+
};
|
|
137
|
+
};
|
|
138
|
+
gutter: import("vue-types").VueTypeValidableDef<number>;
|
|
139
|
+
justify: {
|
|
140
|
+
type: StringConstructor;
|
|
141
|
+
default: string;
|
|
142
|
+
};
|
|
143
|
+
baseColProps: {
|
|
144
|
+
type: PropType<ColProps>;
|
|
145
|
+
default: () => ColProps;
|
|
146
|
+
};
|
|
147
|
+
isButton: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
148
|
+
default: boolean;
|
|
149
|
+
};
|
|
150
|
+
rxCheckBoxAttr: {
|
|
151
|
+
type: PropType<RxCheckBoxComponents>;
|
|
152
|
+
default: {};
|
|
153
|
+
};
|
|
154
|
+
};
|
|
155
|
+
export declare type RxCheckboxGroupPropsType = ExtractPropTypes<typeof RxCheckboxGroupProps>;
|
|
156
|
+
export declare type RxCheckboxGroupComponent = DefineComponent<typeof RxCheckboxGroupProps>;
|
|
157
|
+
export declare type RxCheckboxGroupInstance = InstanceType<DefineComponent<typeof RxCheckboxGroupProps>>;
|
|
158
|
+
export {};
|
|
@@ -0,0 +1,302 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
modelValue: import("vue-types").VueTypeValidableDef<unknown[]>;
|
|
3
|
+
RxCheckboxAll: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
4
|
+
default: boolean;
|
|
5
|
+
};
|
|
6
|
+
RxCheckboxAllText: import("vue-types").VueTypeValidableDef<string> & {
|
|
7
|
+
default: string;
|
|
8
|
+
};
|
|
9
|
+
checkBoxOptions: {
|
|
10
|
+
type: import("vue").PropType<import("./RxCheckboxGroup").CheckBoxType[]>;
|
|
11
|
+
default: any[];
|
|
12
|
+
};
|
|
13
|
+
toolTipFormatter: {
|
|
14
|
+
type: FunctionConstructor;
|
|
15
|
+
default: any;
|
|
16
|
+
};
|
|
17
|
+
toolTipConfig: {
|
|
18
|
+
type: import("vue").PropType<{} & {
|
|
19
|
+
readonly disabled?: boolean;
|
|
20
|
+
readonly onClick?: Function;
|
|
21
|
+
readonly style?: import("vue").StyleValue;
|
|
22
|
+
readonly id?: string;
|
|
23
|
+
readonly popperClass?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | {
|
|
24
|
+
[x: string]: boolean;
|
|
25
|
+
} | (string | {
|
|
26
|
+
[x: string]: boolean;
|
|
27
|
+
} | (string | {
|
|
28
|
+
[x: string]: boolean;
|
|
29
|
+
} | (string | {
|
|
30
|
+
[x: string]: boolean;
|
|
31
|
+
} | (string | {
|
|
32
|
+
[x: string]: boolean;
|
|
33
|
+
} | (string | {
|
|
34
|
+
[x: string]: boolean;
|
|
35
|
+
} | (string | {
|
|
36
|
+
[x: string]: boolean;
|
|
37
|
+
} | (string | {
|
|
38
|
+
[x: string]: boolean;
|
|
39
|
+
} | (string | {
|
|
40
|
+
[x: string]: boolean;
|
|
41
|
+
} | (string | {
|
|
42
|
+
[x: string]: boolean;
|
|
43
|
+
} | (string | any[] | {
|
|
44
|
+
[x: string]: boolean;
|
|
45
|
+
})[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>;
|
|
46
|
+
readonly popperOptions?: unknown;
|
|
47
|
+
readonly zIndex?: number;
|
|
48
|
+
readonly onBlur?: Function;
|
|
49
|
+
readonly onFocus?: Function;
|
|
50
|
+
readonly onMouseleave?: Function;
|
|
51
|
+
readonly onMouseenter?: Function;
|
|
52
|
+
readonly onKeydown?: Function;
|
|
53
|
+
readonly visible?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean>, unknown, unknown>;
|
|
54
|
+
readonly effect?: string;
|
|
55
|
+
readonly teleported?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
56
|
+
readonly persistent?: boolean;
|
|
57
|
+
openDelay?: number;
|
|
58
|
+
visibleArrow?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
59
|
+
readonly hideAfter?: number;
|
|
60
|
+
showArrow?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
61
|
+
readonly appendTo?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | HTMLElement>, unknown, unknown>;
|
|
62
|
+
readonly content?: string;
|
|
63
|
+
readonly rawContent?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
64
|
+
readonly ariaLabel?: string;
|
|
65
|
+
readonly transition?: string;
|
|
66
|
+
readonly className?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | {
|
|
67
|
+
[x: string]: boolean;
|
|
68
|
+
} | (string | {
|
|
69
|
+
[x: string]: boolean;
|
|
70
|
+
} | (string | {
|
|
71
|
+
[x: string]: boolean;
|
|
72
|
+
} | (string | {
|
|
73
|
+
[x: string]: boolean;
|
|
74
|
+
} | (string | {
|
|
75
|
+
[x: string]: boolean;
|
|
76
|
+
} | (string | {
|
|
77
|
+
[x: string]: boolean;
|
|
78
|
+
} | (string | {
|
|
79
|
+
[x: string]: boolean;
|
|
80
|
+
} | (string | {
|
|
81
|
+
[x: string]: boolean;
|
|
82
|
+
} | (string | {
|
|
83
|
+
[x: string]: boolean;
|
|
84
|
+
} | (string | {
|
|
85
|
+
[x: string]: boolean;
|
|
86
|
+
} | (string | any[] | {
|
|
87
|
+
[x: string]: boolean;
|
|
88
|
+
})[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>;
|
|
89
|
+
readonly enterable?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
90
|
+
readonly pure?: boolean;
|
|
91
|
+
readonly popperStyle?: import("vue").StyleValue;
|
|
92
|
+
readonly referenceEl?: HTMLElement;
|
|
93
|
+
readonly stopPopperMouseEvent?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
94
|
+
readonly boundariesPadding?: number;
|
|
95
|
+
readonly fallbackPlacements?: import("element-plus").Placement;
|
|
96
|
+
readonly gpuAcceleration?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
97
|
+
readonly offset?: number;
|
|
98
|
+
readonly placement?: import("element-plus/es/utils").BuildPropType<StringConstructor, import("element-plus").Placement, unknown>;
|
|
99
|
+
readonly strategy?: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
|
|
100
|
+
readonly showAfter?: number;
|
|
101
|
+
readonly trigger?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"focus" | "hover" | "click" | "contextmenu" | ("focus" | "hover" | "click" | "contextmenu")[]>, unknown, unknown>;
|
|
102
|
+
readonly virtualRef?: import("element-plus").Measurable;
|
|
103
|
+
readonly virtualTriggering?: boolean;
|
|
104
|
+
readonly onContextmenu?: Function;
|
|
105
|
+
readonly open?: boolean;
|
|
106
|
+
} & ScrollbarMaxHeight>;
|
|
107
|
+
default: {
|
|
108
|
+
placement: string;
|
|
109
|
+
};
|
|
110
|
+
};
|
|
111
|
+
gutter: import("vue-types").VueTypeValidableDef<number>;
|
|
112
|
+
justify: {
|
|
113
|
+
type: StringConstructor;
|
|
114
|
+
default: string;
|
|
115
|
+
};
|
|
116
|
+
baseColProps: {
|
|
117
|
+
type: import("vue").PropType<import("./RxCheckboxGroup").ColProps>;
|
|
118
|
+
default: () => import("./RxCheckboxGroup").ColProps;
|
|
119
|
+
};
|
|
120
|
+
isButton: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
121
|
+
default: boolean;
|
|
122
|
+
};
|
|
123
|
+
rxCheckBoxAttr: {
|
|
124
|
+
type: import("vue").PropType<{
|
|
125
|
+
modelValue: string | number | boolean;
|
|
126
|
+
} & {
|
|
127
|
+
slots?: Function;
|
|
128
|
+
} & {
|
|
129
|
+
modelValue: string | number | boolean;
|
|
130
|
+
} & {
|
|
131
|
+
slots?: Function;
|
|
132
|
+
}>;
|
|
133
|
+
default: {};
|
|
134
|
+
};
|
|
135
|
+
}, {
|
|
136
|
+
isIndeterminate: import("vue").Ref<boolean>;
|
|
137
|
+
checkboxGroupValue: import("vue").Ref<unknown[]> | import("vue").WritableComputedRef<unknown[]>;
|
|
138
|
+
checkAll: import("vue").Ref<boolean>;
|
|
139
|
+
rxToolTipConfig: import("vue").Ref<any>;
|
|
140
|
+
isOverflowed: import("vue").Ref<boolean>;
|
|
141
|
+
itemsRef: any;
|
|
142
|
+
checkBoxOptionsComputed: import("vue").ComputedRef<import("./RxCheckboxGroup").CheckBoxType[]>;
|
|
143
|
+
setItemRef: (el: any) => void;
|
|
144
|
+
handleMouseenter: (index: number) => void;
|
|
145
|
+
handleCheckAllChange: (val: any) => void;
|
|
146
|
+
handleCheckedChange: (value: any) => void;
|
|
147
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
148
|
+
modelValue: import("vue-types").VueTypeValidableDef<unknown[]>;
|
|
149
|
+
RxCheckboxAll: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
150
|
+
default: boolean;
|
|
151
|
+
};
|
|
152
|
+
RxCheckboxAllText: import("vue-types").VueTypeValidableDef<string> & {
|
|
153
|
+
default: string;
|
|
154
|
+
};
|
|
155
|
+
checkBoxOptions: {
|
|
156
|
+
type: import("vue").PropType<import("./RxCheckboxGroup").CheckBoxType[]>;
|
|
157
|
+
default: any[];
|
|
158
|
+
};
|
|
159
|
+
toolTipFormatter: {
|
|
160
|
+
type: FunctionConstructor;
|
|
161
|
+
default: any;
|
|
162
|
+
};
|
|
163
|
+
toolTipConfig: {
|
|
164
|
+
type: import("vue").PropType<{} & {
|
|
165
|
+
readonly disabled?: boolean;
|
|
166
|
+
readonly onClick?: Function;
|
|
167
|
+
readonly style?: import("vue").StyleValue;
|
|
168
|
+
readonly id?: string;
|
|
169
|
+
readonly popperClass?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | {
|
|
170
|
+
[x: string]: boolean;
|
|
171
|
+
} | (string | {
|
|
172
|
+
[x: string]: boolean;
|
|
173
|
+
} | (string | {
|
|
174
|
+
[x: string]: boolean;
|
|
175
|
+
} | (string | {
|
|
176
|
+
[x: string]: boolean;
|
|
177
|
+
} | (string | {
|
|
178
|
+
[x: string]: boolean;
|
|
179
|
+
} | (string | {
|
|
180
|
+
[x: string]: boolean;
|
|
181
|
+
} | (string | {
|
|
182
|
+
[x: string]: boolean;
|
|
183
|
+
} | (string | {
|
|
184
|
+
[x: string]: boolean;
|
|
185
|
+
} | (string | {
|
|
186
|
+
[x: string]: boolean;
|
|
187
|
+
} | (string | {
|
|
188
|
+
[x: string]: boolean;
|
|
189
|
+
} | (string | any[] | {
|
|
190
|
+
[x: string]: boolean;
|
|
191
|
+
})[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>;
|
|
192
|
+
readonly popperOptions?: unknown;
|
|
193
|
+
readonly zIndex?: number;
|
|
194
|
+
readonly onBlur?: Function;
|
|
195
|
+
readonly onFocus?: Function;
|
|
196
|
+
readonly onMouseleave?: Function;
|
|
197
|
+
readonly onMouseenter?: Function;
|
|
198
|
+
readonly onKeydown?: Function;
|
|
199
|
+
readonly visible?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean>, unknown, unknown>;
|
|
200
|
+
readonly effect?: string;
|
|
201
|
+
readonly teleported?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
202
|
+
readonly persistent?: boolean;
|
|
203
|
+
openDelay?: number;
|
|
204
|
+
visibleArrow?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
205
|
+
readonly hideAfter?: number;
|
|
206
|
+
showArrow?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
207
|
+
readonly appendTo?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | HTMLElement>, unknown, unknown>;
|
|
208
|
+
readonly content?: string;
|
|
209
|
+
readonly rawContent?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
210
|
+
readonly ariaLabel?: string;
|
|
211
|
+
readonly transition?: string;
|
|
212
|
+
readonly className?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | {
|
|
213
|
+
[x: string]: boolean;
|
|
214
|
+
} | (string | {
|
|
215
|
+
[x: string]: boolean;
|
|
216
|
+
} | (string | {
|
|
217
|
+
[x: string]: boolean;
|
|
218
|
+
} | (string | {
|
|
219
|
+
[x: string]: boolean;
|
|
220
|
+
} | (string | {
|
|
221
|
+
[x: string]: boolean;
|
|
222
|
+
} | (string | {
|
|
223
|
+
[x: string]: boolean;
|
|
224
|
+
} | (string | {
|
|
225
|
+
[x: string]: boolean;
|
|
226
|
+
} | (string | {
|
|
227
|
+
[x: string]: boolean;
|
|
228
|
+
} | (string | {
|
|
229
|
+
[x: string]: boolean;
|
|
230
|
+
} | (string | {
|
|
231
|
+
[x: string]: boolean;
|
|
232
|
+
} | (string | any[] | {
|
|
233
|
+
[x: string]: boolean;
|
|
234
|
+
})[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>;
|
|
235
|
+
readonly enterable?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
236
|
+
readonly pure?: boolean;
|
|
237
|
+
readonly popperStyle?: import("vue").StyleValue;
|
|
238
|
+
readonly referenceEl?: HTMLElement;
|
|
239
|
+
readonly stopPopperMouseEvent?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
240
|
+
readonly boundariesPadding?: number;
|
|
241
|
+
readonly fallbackPlacements?: import("element-plus").Placement;
|
|
242
|
+
readonly gpuAcceleration?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
243
|
+
readonly offset?: number;
|
|
244
|
+
readonly placement?: import("element-plus/es/utils").BuildPropType<StringConstructor, import("element-plus").Placement, unknown>;
|
|
245
|
+
readonly strategy?: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
|
|
246
|
+
readonly showAfter?: number;
|
|
247
|
+
readonly trigger?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"focus" | "hover" | "click" | "contextmenu" | ("focus" | "hover" | "click" | "contextmenu")[]>, unknown, unknown>;
|
|
248
|
+
readonly virtualRef?: import("element-plus").Measurable;
|
|
249
|
+
readonly virtualTriggering?: boolean;
|
|
250
|
+
readonly onContextmenu?: Function;
|
|
251
|
+
readonly open?: boolean;
|
|
252
|
+
} & ScrollbarMaxHeight>;
|
|
253
|
+
default: {
|
|
254
|
+
placement: string;
|
|
255
|
+
};
|
|
256
|
+
};
|
|
257
|
+
gutter: import("vue-types").VueTypeValidableDef<number>;
|
|
258
|
+
justify: {
|
|
259
|
+
type: StringConstructor;
|
|
260
|
+
default: string;
|
|
261
|
+
};
|
|
262
|
+
baseColProps: {
|
|
263
|
+
type: import("vue").PropType<import("./RxCheckboxGroup").ColProps>;
|
|
264
|
+
default: () => import("./RxCheckboxGroup").ColProps;
|
|
265
|
+
};
|
|
266
|
+
isButton: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
267
|
+
default: boolean;
|
|
268
|
+
};
|
|
269
|
+
rxCheckBoxAttr: {
|
|
270
|
+
type: import("vue").PropType<{
|
|
271
|
+
modelValue: string | number | boolean;
|
|
272
|
+
} & {
|
|
273
|
+
slots?: Function;
|
|
274
|
+
} & {
|
|
275
|
+
modelValue: string | number | boolean;
|
|
276
|
+
} & {
|
|
277
|
+
slots?: Function;
|
|
278
|
+
}>;
|
|
279
|
+
default: {};
|
|
280
|
+
};
|
|
281
|
+
}>>, {
|
|
282
|
+
toolTipConfig: {
|
|
283
|
+
placement: string;
|
|
284
|
+
};
|
|
285
|
+
justify: string;
|
|
286
|
+
baseColProps: import("./RxCheckboxGroup").ColProps;
|
|
287
|
+
isButton: boolean;
|
|
288
|
+
RxCheckboxAll: boolean;
|
|
289
|
+
RxCheckboxAllText: string;
|
|
290
|
+
checkBoxOptions: import("./RxCheckboxGroup").CheckBoxType[];
|
|
291
|
+
toolTipFormatter: Function;
|
|
292
|
+
rxCheckBoxAttr: {
|
|
293
|
+
modelValue: string | number | boolean;
|
|
294
|
+
} & {
|
|
295
|
+
slots?: Function;
|
|
296
|
+
} & {
|
|
297
|
+
modelValue: string | number | boolean;
|
|
298
|
+
} & {
|
|
299
|
+
slots?: Function;
|
|
300
|
+
};
|
|
301
|
+
}>;
|
|
302
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
import { RxCheckboxGroupPropsType, CheckBoxType } from '../RxCheckboxGroup';
|
|
3
|
+
export declare function useCheckboxGroup(props: RxCheckboxGroupPropsType, checkboxGroupValue: Ref<any>): {
|
|
4
|
+
isIndeterminate: Ref<boolean>;
|
|
5
|
+
checkAll: Ref<boolean>;
|
|
6
|
+
checkboxGroupValue: Ref<any>;
|
|
7
|
+
itemsRef: any;
|
|
8
|
+
checkBoxOptionsComputed: import("vue").ComputedRef<CheckBoxType[]>;
|
|
9
|
+
setItemRef: (el: any) => void;
|
|
10
|
+
handleCheckAllChange: (val: any) => void;
|
|
11
|
+
handleCheckedChange: (value: any) => void;
|
|
12
|
+
};
|