vxe-pc-ui 4.15.20 → 4.15.21
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/dist/all.esm.js +102 -54
- package/dist/style.css +1 -1
- package/dist/style.min.css +1 -1
- package/es/checkbox/src/button.js +9 -1
- package/es/checkbox/src/checkbox.js +27 -7
- package/es/icon/style.css +1 -1
- package/es/radio/src/button.js +27 -15
- package/es/radio/src/radio.js +27 -15
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/lib/checkbox/src/button.js +10 -0
- package/lib/checkbox/src/button.min.js +1 -1
- package/lib/checkbox/src/checkbox.js +37 -10
- package/lib/checkbox/src/checkbox.min.js +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/index.umd.js +111 -62
- package/lib/index.umd.min.js +1 -1
- package/lib/radio/src/button.js +31 -25
- package/lib/radio/src/button.min.js +1 -1
- package/lib/radio/src/radio.js +31 -25
- package/lib/radio/src/radio.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/ui/index.js +1 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/package.json +1 -1
- package/packages/checkbox/src/button.ts +11 -1
- package/packages/checkbox/src/checkbox.ts +30 -7
- package/packages/radio/src/button.ts +30 -15
- package/packages/radio/src/radio.ts +30 -15
- package/types/components/checkbox-button.d.ts +3 -0
- package/types/components/checkbox.d.ts +6 -1
- package/types/components/radio-button.d.ts +3 -1
- package/types/components/radio.d.ts +6 -1
- /package/es/icon/{iconfont.1782978164206.ttf → iconfont.1783046335286.ttf} +0 -0
- /package/es/icon/{iconfont.1782978164206.woff → iconfont.1783046335286.woff} +0 -0
- /package/es/icon/{iconfont.1782978164206.woff2 → iconfont.1783046335286.woff2} +0 -0
- /package/es/{iconfont.1782978164206.ttf → iconfont.1783046335286.ttf} +0 -0
- /package/es/{iconfont.1782978164206.woff → iconfont.1783046335286.woff} +0 -0
- /package/es/{iconfont.1782978164206.woff2 → iconfont.1783046335286.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1782978164206.ttf → iconfont.1783046335286.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1782978164206.woff → iconfont.1783046335286.woff} +0 -0
- /package/lib/icon/style/{iconfont.1782978164206.woff2 → iconfont.1783046335286.woff2} +0 -0
- /package/lib/{iconfont.1782978164206.ttf → iconfont.1783046335286.ttf} +0 -0
- /package/lib/{iconfont.1782978164206.woff → iconfont.1783046335286.woff} +0 -0
- /package/lib/{iconfont.1782978164206.woff2 → iconfont.1783046335286.woff2} +0 -0
package/lib/radio/src/button.js
CHANGED
|
@@ -9,7 +9,11 @@ var _comp = require("../../ui/src/comp");
|
|
|
9
9
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
10
10
|
var _utils = require("../../ui/src/utils");
|
|
11
11
|
var _ui = require("../../ui");
|
|
12
|
+
var _log = require("../../ui/src/log");
|
|
12
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
const {
|
|
15
|
+
warnLog
|
|
16
|
+
} = (0, _log.createComponentLog)('radio-button');
|
|
13
17
|
var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
14
18
|
name: 'VxeRadioButton',
|
|
15
19
|
props: {
|
|
@@ -35,6 +39,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
35
39
|
},
|
|
36
40
|
/**
|
|
37
41
|
* 已废弃,被 checkedValue 替换
|
|
42
|
+
* @deprecated
|
|
38
43
|
*/
|
|
39
44
|
label: {
|
|
40
45
|
type: [String, Number, Boolean],
|
|
@@ -61,6 +66,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
61
66
|
context,
|
|
62
67
|
reactData
|
|
63
68
|
};
|
|
69
|
+
const computeCheckValue = (0, _vue.computed)(() => {
|
|
70
|
+
const {
|
|
71
|
+
checkedValue,
|
|
72
|
+
label
|
|
73
|
+
} = props;
|
|
74
|
+
return _xeUtils.default.isUndefined(checkedValue) ? label : checkedValue;
|
|
75
|
+
});
|
|
64
76
|
const computeIsDisabled = (0, _vue.computed)(() => {
|
|
65
77
|
const {
|
|
66
78
|
disabled
|
|
@@ -84,13 +96,12 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
84
96
|
const computeStrict = (0, _vue.computed)(() => {
|
|
85
97
|
return $xeRadioGroup ? $xeRadioGroup.props.strict : props.strict;
|
|
86
98
|
});
|
|
87
|
-
const
|
|
88
|
-
const
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
return $xeRadioGroup ? $xeRadioGroup.props.modelValue === radioValue : props.modelValue === radioValue;
|
|
99
|
+
const computeIsChecked = (0, _vue.computed)(() => {
|
|
100
|
+
const checkValue = computeCheckValue.value;
|
|
101
|
+
if ($xeRadioGroup) {
|
|
102
|
+
return $xeRadioGroup.props.modelValue === checkValue;
|
|
103
|
+
}
|
|
104
|
+
return props.modelValue === checkValue;
|
|
94
105
|
});
|
|
95
106
|
const dispatchEvent = (type, params, evnt) => {
|
|
96
107
|
emit(type, (0, _ui.createEvent)(evnt, {
|
|
@@ -129,40 +140,30 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
129
140
|
const changeEvent = evnt => {
|
|
130
141
|
const isDisabled = computeIsDisabled.value;
|
|
131
142
|
if (!isDisabled) {
|
|
132
|
-
const
|
|
133
|
-
|
|
134
|
-
checkedValue
|
|
135
|
-
} = props;
|
|
136
|
-
const radioValue = _xeUtils.default.isUndefined(checkedValue) ? label : checkedValue;
|
|
137
|
-
handleValue(radioValue, evnt);
|
|
143
|
+
const checkValue = computeCheckValue.value;
|
|
144
|
+
handleValue(checkValue, evnt);
|
|
138
145
|
}
|
|
139
146
|
};
|
|
140
147
|
const clickEvent = evnt => {
|
|
141
148
|
const isDisabled = computeIsDisabled.value;
|
|
142
149
|
const isStrict = computeStrict.value;
|
|
143
150
|
if (!isDisabled && !isStrict) {
|
|
144
|
-
const
|
|
145
|
-
|
|
146
|
-
checkedValue
|
|
147
|
-
} = props;
|
|
148
|
-
const radioValue = _xeUtils.default.isUndefined(checkedValue) ? label : checkedValue;
|
|
149
|
-
if (radioValue === ($xeRadioGroup ? $xeRadioGroup.props.modelValue : props.modelValue)) {
|
|
151
|
+
const isChecked = computeIsChecked.value;
|
|
152
|
+
if (isChecked) {
|
|
150
153
|
handleValue(null, evnt);
|
|
151
154
|
}
|
|
152
155
|
}
|
|
153
156
|
};
|
|
154
157
|
const renderVN = () => {
|
|
155
158
|
const {
|
|
156
|
-
label,
|
|
157
159
|
icon,
|
|
158
|
-
content
|
|
159
|
-
checkedValue
|
|
160
|
+
content
|
|
160
161
|
} = props;
|
|
161
|
-
const radioValue = _xeUtils.default.isUndefined(checkedValue) ? label : checkedValue;
|
|
162
162
|
const vSize = computeSize.value;
|
|
163
163
|
const isDisabled = computeIsDisabled.value;
|
|
164
164
|
const name = computeName.value;
|
|
165
|
-
const isChecked =
|
|
165
|
+
const isChecked = computeIsChecked.value;
|
|
166
|
+
const checkValue = computeCheckValue.value;
|
|
166
167
|
const defaultSlot = slots.default;
|
|
167
168
|
if ($xeRadioGroup) {
|
|
168
169
|
const {
|
|
@@ -190,7 +191,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
190
191
|
}
|
|
191
192
|
}
|
|
192
193
|
return (0, _vue.h)('label', {
|
|
193
|
-
key:
|
|
194
|
+
key: `${checkValue}`,
|
|
194
195
|
class: ['vxe-radio vxe-radio--button', {
|
|
195
196
|
[`size--${vSize}`]: vSize,
|
|
196
197
|
'is--disabled': isDisabled
|
|
@@ -216,6 +217,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
216
217
|
class: 'vxe-radio--button-content'
|
|
217
218
|
}, (0, _utils.getFuncText)(content)) : (0, _ui.renderEmptyElement)($xeRadioButton)])]);
|
|
218
219
|
};
|
|
220
|
+
(0, _vue.onMounted)(() => {
|
|
221
|
+
if (props.label !== null) {
|
|
222
|
+
warnLog('vxe.error.delProp', ['label', 'checked-value']);
|
|
223
|
+
}
|
|
224
|
+
});
|
|
219
225
|
$xeRadioButton.renderVN = renderVN;
|
|
220
226
|
return renderVN;
|
|
221
227
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadioButton",props:{modelValue:[String,Number,Boolean],checkedValue:{type:[String,Number,Boolean],default:void 0},title:[String,Number],content:[String,Number],icon:String,disabled:{type:Boolean,default:null},strict:{type:Boolean,default:()=>(0,_ui.getConfig)().radioButton.strict},size:{type:String,default:()=>(0,_ui.getConfig)().radioButton.size||(0,_ui.getConfig)().size},label:{type:[String,Number,Boolean],default:null}},emits:["update:modelValue","change"],setup(d,e){let{slots:s,emit:l}=e,a=(0,_vue.inject)("$xeForm",null),
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let warnLog=(0,_log.createComponentLog)("radio-button").warnLog;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadioButton",props:{modelValue:[String,Number,Boolean],checkedValue:{type:[String,Number,Boolean],default:void 0},title:[String,Number],content:[String,Number],icon:String,disabled:{type:Boolean,default:null},strict:{type:Boolean,default:()=>(0,_ui.getConfig)().radioButton.strict},size:{type:String,default:()=>(0,_ui.getConfig)().radioButton.size||(0,_ui.getConfig)().size},label:{type:[String,Number,Boolean],default:null}},emits:["update:modelValue","change"],setup(d,e){let{slots:s,emit:l}=e,a=(0,_vue.inject)("$xeForm",null),n=(0,_vue.inject)("xeFormItemInfo",null),c=(0,_vue.inject)("$xeRadioGroup",null);var t=_xeUtils.default.uniqueId(),u=(0,_vue.reactive)({});let v=(0,_ui.useSize)(d).computeSize,p={xID:t,props:d,context:e,reactData:u},_=(0,_vue.computed)(()=>{var{checkedValue:e,label:t}=d;return _xeUtils.default.isUndefined(e)?t:e}),m=(0,_vue.computed)(()=>{var e,t,u=d.disabled;if(null===u&&c)return{computeIsDisabled:e,computeIsReadonly:t}=c.getComputeMaps(),e=e.value,t=t.value,e||t;return u}),b=(0,_vue.computed)(()=>c?c.name:null),i=(0,_vue.computed)(()=>(c?c.props:d).strict),g=(0,_vue.computed)(()=>{var e=_.value;return c?c.props.modelValue===e:d.modelValue===e}),r=(e,t,u)=>{l(e,(0,_ui.createEvent)(u,{$radioGroup:c},t))};t={dispatchEvent:r};Object.assign(p,t,{});let o=(e,t)=>{var u=d.content;c?c.handleChecked({label:e,checkedValue:e,checkedLabel:u},t):(l("update:modelValue",e),r("change",{value:e,label:e,checkedValue:e,checkedLabel:u},t),a&&n&&a.triggerItemEvent(t,n.itemConfig.field,e))},x=e=>{var t;m.value||(t=_.value,o(t,e))},f=e=>{var t=m.value,u=i.value;t||u||g.value&&o(null,e)};e=()=>{var{icon:e,content:t}=d,u=v.value,l=m.value,a=b.value,n=g.value,i=_.value,r=s.default;if(c){var o=c.getComputeMaps().computeIsReadonly,o=o.value;if(o)return n?(0,_vue.h)("label",{class:["vxe-radio vxe-radio--button-view",{["size--"+u]:u,"is--readonly":o}]},[(0,_vue.h)("span",{class:"vxe-radio--label"},r?r({}):[e?(0,_vue.h)("span",{class:"vxe-radio--button-icon"},[(0,_vue.h)("i",{class:e})]):(0,_ui.renderEmptyElement)(p),t?(0,_vue.h)("span",{class:"vxe-radio--button-content"},(0,_utils.getFuncText)(t)):(0,_ui.renderEmptyElement)(p)])]):(0,_ui.renderEmptyElement)(p)}return(0,_vue.h)("label",{key:""+i,class:["vxe-radio vxe-radio--button",{["size--"+u]:u,"is--disabled":l}],title:d.title},[(0,_vue.h)("input",{class:"vxe-radio--input",type:"radio",name:a,checked:n,disabled:l,onChange:x,onClick:f}),(0,_vue.h)("span",{class:["vxe-radio--label",{"is--disabled":l}]},r?r({}):[e?(0,_vue.h)("span",{class:"vxe-radio--button-icon"},[(0,_vue.h)("i",{class:e})]):(0,_ui.renderEmptyElement)(p),t?(0,_vue.h)("span",{class:"vxe-radio--button-content"},(0,_utils.getFuncText)(t)):(0,_ui.renderEmptyElement)(p)])])};return(0,_vue.onMounted)(()=>{null!==d.label&&warnLog("vxe.error.delProp",["label","checked-value"])}),p.renderVN=e}});
|
package/lib/radio/src/radio.js
CHANGED
|
@@ -9,7 +9,11 @@ var _comp = require("../../ui/src/comp");
|
|
|
9
9
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
10
10
|
var _utils = require("../../ui/src/utils");
|
|
11
11
|
var _ui = require("../../ui");
|
|
12
|
+
var _log = require("../../ui/src/log");
|
|
12
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
const {
|
|
15
|
+
warnLog
|
|
16
|
+
} = (0, _log.createComponentLog)('radio');
|
|
13
17
|
var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
14
18
|
name: 'VxeRadio',
|
|
15
19
|
props: {
|
|
@@ -35,6 +39,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
35
39
|
},
|
|
36
40
|
/**
|
|
37
41
|
* 已废弃,被 checkedValue 替换
|
|
42
|
+
* @deprecated
|
|
38
43
|
*/
|
|
39
44
|
label: {
|
|
40
45
|
type: [String, Number, Boolean],
|
|
@@ -61,6 +66,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
61
66
|
const {
|
|
62
67
|
computeSize
|
|
63
68
|
} = (0, _ui.useSize)(props);
|
|
69
|
+
const computeCheckValue = (0, _vue.computed)(() => {
|
|
70
|
+
const {
|
|
71
|
+
checkedValue,
|
|
72
|
+
label
|
|
73
|
+
} = props;
|
|
74
|
+
return _xeUtils.default.isUndefined(checkedValue) ? label : checkedValue;
|
|
75
|
+
});
|
|
64
76
|
const computeIsDisabled = (0, _vue.computed)(() => {
|
|
65
77
|
const {
|
|
66
78
|
disabled
|
|
@@ -84,13 +96,12 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
84
96
|
const computeStrict = (0, _vue.computed)(() => {
|
|
85
97
|
return $xeRadioGroup ? $xeRadioGroup.props.strict : props.strict;
|
|
86
98
|
});
|
|
87
|
-
const
|
|
88
|
-
const
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
return $xeRadioGroup ? $xeRadioGroup.props.modelValue === radioValue : props.modelValue === radioValue;
|
|
99
|
+
const computeIsChecked = (0, _vue.computed)(() => {
|
|
100
|
+
const checkValue = computeCheckValue.value;
|
|
101
|
+
if ($xeRadioGroup) {
|
|
102
|
+
return $xeRadioGroup.props.modelValue === checkValue;
|
|
103
|
+
}
|
|
104
|
+
return props.modelValue === checkValue;
|
|
94
105
|
});
|
|
95
106
|
const handleValue = (checkedValue, evnt) => {
|
|
96
107
|
const {
|
|
@@ -119,24 +130,16 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
119
130
|
const changeEvent = evnt => {
|
|
120
131
|
const isDisabled = computeIsDisabled.value;
|
|
121
132
|
if (!isDisabled) {
|
|
122
|
-
const
|
|
123
|
-
|
|
124
|
-
checkedValue
|
|
125
|
-
} = props;
|
|
126
|
-
const radioValue = _xeUtils.default.isUndefined(checkedValue) ? label : checkedValue;
|
|
127
|
-
handleValue(radioValue, evnt);
|
|
133
|
+
const checkValue = computeCheckValue.value;
|
|
134
|
+
handleValue(checkValue, evnt);
|
|
128
135
|
}
|
|
129
136
|
};
|
|
130
137
|
const clickEvent = evnt => {
|
|
131
138
|
const isDisabled = computeIsDisabled.value;
|
|
132
139
|
const isStrict = computeStrict.value;
|
|
133
140
|
if (!isDisabled && !isStrict) {
|
|
134
|
-
const
|
|
135
|
-
|
|
136
|
-
checkedValue
|
|
137
|
-
} = props;
|
|
138
|
-
const radioValue = _xeUtils.default.isUndefined(checkedValue) ? label : checkedValue;
|
|
139
|
-
if (radioValue === ($xeRadioGroup ? $xeRadioGroup.props.modelValue : props.modelValue)) {
|
|
141
|
+
const isChecked = computeIsChecked.value;
|
|
142
|
+
if (isChecked) {
|
|
140
143
|
handleValue(null, evnt);
|
|
141
144
|
}
|
|
142
145
|
}
|
|
@@ -153,15 +156,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
153
156
|
Object.assign($xeRadio, radioMethods, radioPrivateMethods);
|
|
154
157
|
const renderVN = () => {
|
|
155
158
|
const {
|
|
156
|
-
|
|
157
|
-
content,
|
|
158
|
-
checkedValue
|
|
159
|
+
content
|
|
159
160
|
} = props;
|
|
160
|
-
const radioValue = _xeUtils.default.isUndefined(checkedValue) ? label : checkedValue;
|
|
161
161
|
const vSize = computeSize.value;
|
|
162
162
|
const isDisabled = computeIsDisabled.value;
|
|
163
163
|
const name = computeName.value;
|
|
164
|
-
const isChecked =
|
|
164
|
+
const isChecked = computeIsChecked.value;
|
|
165
|
+
const checkValue = computeCheckValue.value;
|
|
165
166
|
const defaultSlot = slots.default;
|
|
166
167
|
if ($xeRadioGroup) {
|
|
167
168
|
const {
|
|
@@ -183,7 +184,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
183
184
|
}
|
|
184
185
|
}
|
|
185
186
|
return (0, _vue.h)('label', {
|
|
186
|
-
key:
|
|
187
|
+
key: `${checkValue}`,
|
|
187
188
|
class: ['vxe-radio vxe-radio--default', {
|
|
188
189
|
[`size--${vSize}`]: vSize,
|
|
189
190
|
'is--checked': isChecked,
|
|
@@ -204,6 +205,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
204
205
|
class: 'vxe-radio--label'
|
|
205
206
|
}, defaultSlot ? defaultSlot({}) : (0, _utils.getFuncText)(content))]);
|
|
206
207
|
};
|
|
208
|
+
(0, _vue.onMounted)(() => {
|
|
209
|
+
if (props.label !== null) {
|
|
210
|
+
warnLog('vxe.error.delProp', ['label', 'checked-value']);
|
|
211
|
+
}
|
|
212
|
+
});
|
|
207
213
|
$xeRadio.renderVN = renderVN;
|
|
208
214
|
return $xeRadio;
|
|
209
215
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadio",props:{modelValue:[String,Number,Boolean],checkedValue:{type:[String,Number,Boolean],default:void 0},title:[String,Number],content:[String,Number],disabled:{type:Boolean,default:null},name:String,strict:{type:Boolean,default:()=>(0,_ui.getConfig)().radio.strict},size:{type:String,default:()=>(0,_ui.getConfig)().radio.size||(0,_ui.getConfig)().size},label:{type:[String,Number,Boolean],default:null}},emits:["update:modelValue","change"],setup(
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let warnLog=(0,_log.createComponentLog)("radio").warnLog;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadio",props:{modelValue:[String,Number,Boolean],checkedValue:{type:[String,Number,Boolean],default:void 0},title:[String,Number],content:[String,Number],disabled:{type:Boolean,default:null},name:String,strict:{type:Boolean,default:()=>(0,_ui.getConfig)().radio.strict},size:{type:String,default:()=>(0,_ui.getConfig)().radio.size||(0,_ui.getConfig)().size},label:{type:[String,Number,Boolean],default:null}},emits:["update:modelValue","change"],setup(n,e){let{slots:d,emit:l}=e,a=(0,_vue.inject)("$xeForm",null),r=(0,_vue.inject)("xeFormItemInfo",null),c=(0,_vue.inject)("$xeRadioGroup",null);var u=_xeUtils.default.uniqueId(),t=(0,_vue.reactive)({});let s={xID:u,props:n,context:e,reactData:t},v=(0,_ui.useSize)(n).computeSize,p=(0,_vue.computed)(()=>{var{checkedValue:e,label:u}=n;return _xeUtils.default.isUndefined(e)?u:e}),_=(0,_vue.computed)(()=>{var e,u,t=n.disabled;if(null===t&&c)return{computeIsDisabled:e,computeIsReadonly:u}=c.getComputeMaps(),e=e.value,u=u.value,e||u;return t}),m=(0,_vue.computed)(()=>(c||n).name),i=(0,_vue.computed)(()=>(c?c.props:n).strict),g=(0,_vue.computed)(()=>{var e=p.value;return c?c.props.modelValue===e:n.modelValue===e}),o=(e,u)=>{var t=n.content;c?c.handleChecked({label:e,checkedValue:e,checkedLabel:t},u):(l("update:modelValue",e),b("change",{value:e,label:e,checkedValue:e,checkedLabel:t},u),a&&r&&a.triggerItemEvent(u,r.itemConfig.field,e))},f=e=>{var u;_.value||(u=p.value,o(u,e))},x=e=>{var u=_.value,t=i.value;u||t||g.value&&o(null,e)},b=(e,u,t)=>{l(e,(0,_ui.createEvent)(t,{$radio:s},u))};u={dispatchEvent:b};Object.assign(s,u,{});return(0,_vue.onMounted)(()=>{null!==n.label&&warnLog("vxe.error.delProp",["label","checked-value"])}),s.renderVN=()=>{var e=n.content,u=v.value,t=_.value,l=m.value,a=g.value,r=p.value,i=d.default;if(c){var o=c.getComputeMaps().computeIsReadonly,o=o.value;if(o)return a?(0,_vue.h)("label",{class:["vxe-radio vxe-radio--view",{["size--"+u]:u,"is--readonly":o}]},[(0,_vue.h)("span",{class:"vxe-checkbox--label"},i?i({}):(0,_utils.getFuncText)(e))]):(0,_ui.renderEmptyElement)(s)}return(0,_vue.h)("label",{key:""+r,class:["vxe-radio vxe-radio--default",{["size--"+u]:u,"is--checked":a,"is--disabled":t}],title:n.title},[(0,_vue.h)("input",{class:"vxe-radio--input",type:"radio",name:l,checked:a,disabled:t,onChange:f,onClick:x}),(0,_vue.h)("span",{class:["vxe-radio--icon",a?(0,_ui.getIcon)().RADIO_CHECKED:t?(0,_ui.getIcon)().RADIO_DISABLED_UNCHECKED:(0,_ui.getIcon)().RADIO_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-radio--label"},i?i({}):(0,_utils.getFuncText)(e))])},s},render(){return this.renderVN()}});
|