vxe-pc-ui 3.15.28 → 3.16.0

package/es/checkbox/src/checkbox.js

@@ -1,217 +0,0 @@
-import { defineVxeComponent } from '../../ui/src/comp';
-import XEUtils from 'xe-utils';
-import { getFuncText } from '../../ui/src/utils';
-import { getConfig, createEvent, globalMixins, getIcon, renderEmptyElement } from '../../ui';
-import { createComponentLog } from '../../ui/src/log';
-const { warnLog } = createComponentLog('checkbox');
-export default {
-    name: 'VxeCheckbox',
-    mixins: [
-        globalMixins.sizeMixin
-    ],
-    props: {
-        value: [String, Number, Boolean],
-        /**
-         * 已废弃，被 checkedValue 替换
-         * @deprecated
-         */
-        label: {
-            type: [String, Number],
-            default: null
-        },
-        indeterminate: Boolean,
-        title: [String, Number],
-        checkedValue: {
-            type: [String, Number, Boolean],
-            default: true
-        },
-        uncheckedValue: {
-            type: [String, Number, Boolean],
-            default: false
-        },
-        content: [String, Number],
-        disabled: {
-            type: Boolean,
-            default: null
-        },
-        size: {
-            type: String,
-            default: () => getConfig().checkbox.size || getConfig().size
-        }
-    },
-    inject: {
-        $xeForm: {
-            default: null
-        },
-        formItemInfo: {
-            from: 'xeFormItemInfo',
-            default: null
-        },
-        $xeCheckboxGroup: {
-            default: null
-        }
-    },
-    data() {
-        const reactData = {};
-        return {
-            xID: XEUtils.uniqueId(),
-            reactData
-        };
-    },
-    computed: Object.assign(Object.assign({}, {}), { computeCheckValue() {
-            const $xeCheckbox = this;
-            const props = $xeCheckbox;
-            const { checkedValue, label } = props;
-            return XEUtils.isUndefined(checkedValue) ? label : checkedValue;
-        },
-        computeIsChecked() {
-            const $xeCheckbox = this;
-            const props = $xeCheckbox;
-            const $xeCheckboxGroup = $xeCheckbox.$xeCheckboxGroup;
-            const checkValue = $xeCheckbox.computeCheckValue;
-            if ($xeCheckboxGroup) {
-                return XEUtils.includes($xeCheckboxGroup.value, checkValue);
-            }
-            return props.value === props.checkedValue;
-        },
-        computeIsDisabled() {
-            const $xeCheckbox = this;
-            const props = $xeCheckbox;
-            const $xeCheckboxGroup = $xeCheckbox.$xeCheckboxGroup;
-            const { disabled } = props;
-            const isChecked = $xeCheckbox.computeIsChecked;
-            if (disabled === null) {
-                if ($xeCheckboxGroup) {
-                    const isGroupDisabled = $xeCheckboxGroup.computeIsDisabled;
-                    const isGroupReadonly = $xeCheckboxGroup.computeIsReadonly;
-                    const isGroupMaximize = $xeCheckboxGroup.computeIsMaximize;
-                    return isGroupDisabled || isGroupReadonly || (isGroupMaximize && !isChecked);
-                }
-            }
-            return disabled;
-        } }),
-    methods: {
-        //
-        // Method
-        //
-        dispatchEvent(type, params, evnt) {
-            const $xeCheckbox = this;
-            $xeCheckbox.$emit(type, createEvent(evnt, { $checkbox: $xeCheckbox }, params));
-        },
-        emitModel(value) {
-            const $xeCheckbox = this;
-            const { _events } = $xeCheckbox;
-            $xeCheckbox.$emit('input', value);
-            if (_events && _events.modelValue) {
-                $xeCheckbox.$emit('modelValue', value);
-            }
-            else {
-                $xeCheckbox.$emit('model-value', value);
-            }
-        },
-        changeEvent(evnt) {
-            const $xeCheckbox = this;
-            const props = $xeCheckbox;
-            const $xeCheckboxGroup = $xeCheckbox.$xeCheckboxGroup;
-            const $xeForm = $xeCheckbox.$xeForm;
-            const formItemInfo = $xeCheckbox.formItemInfo;
-            const { uncheckedValue } = props;
-            const isDisabled = $xeCheckbox.computeIsDisabled;
-            const checkValue = $xeCheckbox.computeCheckValue;
-            if (!isDisabled) {
-                const checked = evnt.target.checked;
-                if ($xeCheckboxGroup) {
-                    const value = checkValue;
-                    const params = { checked, value, label: value };
-                    $xeCheckboxGroup.handleChecked(params, evnt);
-                }
-                else {
-                    const value = checked ? checkValue : uncheckedValue;
-                    const params = { checked, value, label: value };
-                    $xeCheckbox.emitModel(value);
-                    $xeCheckbox.dispatchEvent('change', params, evnt);
-                    // 自动更新校验状态
-                    if ($xeForm && formItemInfo) {
-                        $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
-                    }
-                }
-            }
-        },
-        //
-        // Render
-        //
-        renderVN(h) {
-            const $xeCheckbox = this;
-            const props = $xeCheckbox;
-            const slots = $xeCheckbox.$scopedSlots;
-            const $xeCheckboxGroup = $xeCheckbox.$xeCheckboxGroup;
-            const { content } = props;
-            const vSize = $xeCheckbox.computeSize;
-            const isDisabled = $xeCheckbox.computeIsDisabled;
-            const isChecked = $xeCheckbox.computeIsChecked;
-            const checkValue = $xeCheckbox.computeCheckValue;
-            const indeterminate = !isChecked && props.indeterminate;
-            const defaultSlot = slots.default;
-            if ($xeCheckboxGroup) {
-                const isGroupReadonly = $xeCheckboxGroup.computeIsReadonly;
-                if (isGroupReadonly) {
-                    if (isChecked) {
-                        return h('label', {
-                            class: ['vxe-checkbox vxe-checkbox--view', {
-                                    [`size--${vSize}`]: vSize,
-                                    'is--readonly': isGroupReadonly
-                                }]
-                        }, [
-                            h('span', {
-                                class: 'vxe-checkbox--label'
-                            }, defaultSlot ? defaultSlot({}) : getFuncText(content))
-                        ]);
-                    }
-                    return renderEmptyElement($xeCheckbox);
-                }
-            }
-            return h('label', {
-                key: `${checkValue}`,
-                class: ['vxe-checkbox vxe-checkbox--default', {
-                        [`size--${vSize}`]: vSize,
-                        'is--indeterminate': indeterminate,
-                        'is--disabled': isDisabled,
-                        'is--checked': isChecked
-                    }],
-                attrs: {
-                    title: props.title
-                }
-            }, [
-                h('input', {
-                    class: 'vxe-checkbox--input',
-                    domProps: {
-                        checked: isChecked
-                    },
-                    attrs: {
-                        type: 'checkbox',
-                        disabled: isDisabled
-                    },
-                    on: {
-                        change: $xeCheckbox.changeEvent
-                    }
-                }),
-                h('span', {
-                    class: ['vxe-checkbox--icon', indeterminate ? getIcon().CHECKBOX_INDETERMINATE : (isChecked ? getIcon().CHECKBOX_CHECKED : (isDisabled ? getIcon().CHECKBOX_DISABLED_UNCHECKED : getIcon().CHECKBOX_UNCHECKED))]
-                }),
-                h('span', {
-                    class: 'vxe-checkbox--label'
-                }, defaultSlot ? defaultSlot({}) : getFuncText(content))
-            ]);
-        }
-    },
-    mounted() {
-        const $xeCheckbox = this;
-        const props = $xeCheckbox;
-        if (props.label !== null) {
-            warnLog('vxe.error.delProp', ['label', 'checked-value']);
-        }
-    },
-    render(h) {
-        return this.renderVN(h);
-    }
-};

package/es/checkbox/src/group.js

@@ -1,280 +0,0 @@
-import { defineVxeComponent } from '../../ui/src/comp';
-import XEUtils from 'xe-utils';
-import { getConfig, createEvent, globalMixins } from '../../ui';
-import VxeCheckboxComponent from './checkbox';
-function createReactData() {
-    return {};
-}
-function createInternalData() {
-    return {
-    // isLoaded: false
-    };
-}
-export default {
-    name: 'VxeCheckboxGroup',
-    mixins: [
-        globalMixins.sizeMixin
-    ],
-    props: {
-        value: Array,
-        options: Array,
-        optionProps: Object,
-        readonly: {
-            type: Boolean,
-            default: null
-        },
-        disabled: {
-            type: Boolean,
-            default: null
-        },
-        status: {
-            type: String,
-            default: () => getConfig().checkboxGroup.status
-        },
-        max: {
-            type: [String, Number],
-            default: null
-        },
-        size: {
-            type: String,
-            default: () => getConfig().checkboxGroup.size || getConfig().size
-        },
-        defaultConfig: Object
-    },
-    inject: {
-        $xeForm: {
-            default: null
-        },
-        formItemInfo: {
-            from: 'xeFormItemInfo',
-            default: null
-        }
-    },
-    provide() {
-        const $xeCheckboxGroup = this;
-        return {
-            $xeCheckboxGroup
-        };
-    },
-    data() {
-        const reactData = createReactData();
-        return Object.assign(Object.assign({}, {}), { xID: XEUtils.uniqueId(), reactData });
-    },
-    computed: Object.assign(Object.assign({}, {}), { computeIsReadonly() {
-            const $xeCheckboxGroup = this;
-            const props = $xeCheckboxGroup;
-            const $xeForm = $xeCheckboxGroup.$xeForm;
-            const { readonly } = props;
-            if (readonly === null) {
-                if ($xeForm) {
-                    return $xeForm.readonly;
-                }
-                return false;
-            }
-            return readonly;
-        },
-        computeIsDisabled() {
-            const $xeCheckboxGroup = this;
-            const props = $xeCheckboxGroup;
-            const $xeForm = $xeCheckboxGroup.$xeForm;
-            const { disabled } = props;
-            if (disabled === null) {
-                if ($xeForm) {
-                    return $xeForm.disabled;
-                }
-                return false;
-            }
-            return disabled;
-        },
-        computeIsMaximize() {
-            const $xeCheckboxGroup = this;
-            const props = $xeCheckboxGroup;
-            const { value, max } = props;
-            if (max) {
-                return (value ? value.length : 0) >= XEUtils.toNumber(max);
-            }
-            return false;
-        },
-        computeDefaultOpts() {
-            const $xeCheckboxGroup = this;
-            const props = $xeCheckboxGroup;
-            return Object.assign({}, props.defaultConfig);
-        },
-        computePropsOpts() {
-            const $xeCheckboxGroup = this;
-            const props = $xeCheckboxGroup;
-            return Object.assign({}, props.optionProps);
-        },
-        computeLabelField() {
-            const $xeCheckboxGroup = this;
-            const propsOpts = $xeCheckboxGroup.computePropsOpts;
-            return propsOpts.label || 'label';
-        },
-        computeValueField() {
-            const $xeCheckboxGroup = this;
-            const propsOpts = $xeCheckboxGroup.computePropsOpts;
-            return propsOpts.value || 'value';
-        },
-        computeIconField() {
-            const $xeCheckboxGroup = this;
-            const propsOpts = $xeCheckboxGroup.computePropsOpts;
-            return propsOpts.icon || 'icon';
-        },
-        computeTitleField() {
-            const $xeCheckboxGroup = this;
-            const propsOpts = $xeCheckboxGroup.computePropsOpts;
-            return propsOpts.title || 'title';
-        },
-        computeDisabledField() {
-            const $xeCheckboxGroup = this;
-            const propsOpts = $xeCheckboxGroup.computePropsOpts;
-            return propsOpts.disabled || 'disabled';
-        } }),
-    methods: {
-        //
-        // Method
-        //
-        dispatchEvent(type, params, evnt) {
-            const $xeCheckboxGroup = this;
-            $xeCheckboxGroup.$emit(type, createEvent(evnt, { $checkboxGroup: $xeCheckboxGroup }, params));
-        },
-        emitModel(value) {
-            const $xeCheckboxGroup = this;
-            const { _events } = $xeCheckboxGroup;
-            $xeCheckboxGroup.$emit('input', value);
-            if (_events && _events.modelValue) {
-                $xeCheckboxGroup.$emit('modelValue', value);
-            }
-            else {
-                $xeCheckboxGroup.$emit('model-value', value);
-            }
-        },
-        emitDefaultValue(value) {
-            const $xeCheckboxGroup = this;
-            $xeCheckboxGroup.emitModel(value);
-            $xeCheckboxGroup.dispatchEvent('default-change', { value }, null);
-        },
-        loadData(datas) {
-            const $xeCheckboxGroup = this;
-            const props = $xeCheckboxGroup;
-            const internalData = $xeCheckboxGroup.internalData;
-            const { isLoaded } = internalData;
-            const defaultOpts = $xeCheckboxGroup.computeDefaultOpts;
-            const valueField = $xeCheckboxGroup.computeValueField;
-            if (!isLoaded) {
-                const { selectMode } = defaultOpts;
-                if (datas.length > 0 && XEUtils.eqNull(props.value)) {
-                    if (selectMode === 'all') {
-                        $xeCheckboxGroup.$nextTick(() => {
-                            $xeCheckboxGroup.emitDefaultValue(datas.map(item => item[valueField]));
-                        });
-                    }
-                    else if (selectMode === 'first' || selectMode === 'last') {
-                        const selectItem = XEUtils[selectMode](datas);
-                        if (selectItem) {
-                            $xeCheckboxGroup.$nextTick(() => {
-                                if (XEUtils.eqNull(props.value)) {
-                                    $xeCheckboxGroup.emitDefaultValue([selectItem[valueField]]);
-                                }
-                            });
-                        }
-                    }
-                    internalData.isLoaded = true;
-                }
-            }
-            return $xeCheckboxGroup.$nextTick();
-        },
-        handleChecked(params, evnt) {
-            const $xeCheckboxGroup = this;
-            const props = $xeCheckboxGroup;
-            const $xeForm = $xeCheckboxGroup.$xeForm;
-            const formItemInfo = $xeCheckboxGroup.formItemInfo;
-            const { checked, label } = params;
-            const checklist = props.value || [];
-            const checkIndex = checklist.indexOf(label);
-            if (checked) {
-                if (checkIndex === -1) {
-                    checklist.push(label);
-                }
-            }
-            else {
-                checklist.splice(checkIndex, 1);
-            }
-            $xeCheckboxGroup.emitModel(checklist);
-            $xeCheckboxGroup.dispatchEvent('change', Object.assign({}, params, { checklist, value: checklist }), evnt);
-            // 自动更新校验状态
-            if ($xeForm && formItemInfo) {
-                $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, checklist);
-            }
-        },
-        //
-        // Render
-        //
-        renderVN(h) {
-            const $xeCheckboxGroup = this;
-            const props = $xeCheckboxGroup;
-            const slots = $xeCheckboxGroup.$scopedSlots;
-            const { status, options } = props;
-            const defaultSlot = slots.default;
-            const valueField = $xeCheckboxGroup.computeValueField;
-            const labelField = $xeCheckboxGroup.computeLabelField;
-            const disabledField = $xeCheckboxGroup.computeDisabledField;
-            const iconField = $xeCheckboxGroup.computeIconField;
-            const titleField = $xeCheckboxGroup.computeTitleField;
-            const isReadonly = $xeCheckboxGroup.computeIsReadonly;
-            const isDisabled = $xeCheckboxGroup.computeIsDisabled;
-            return h('div', {
-                class: ['vxe-checkbox-group', {
-                        [`theme--${status}`]: status,
-                        'is--readonly': isReadonly,
-                        'is--disabled': isDisabled
-                    }]
-            }, defaultSlot
-                ? defaultSlot({})
-                : (options
-                    ? options.map(item => {
-                        return h(VxeCheckboxComponent, {
-                            key: item[valueField],
-                            props: {
-                                checkedValue: item[valueField],
-                                content: item[labelField],
-                                icon: item[iconField],
-                                title: item[titleField],
-                                disabled: item[disabledField]
-                            }
-                        });
-                    })
-                    : []));
-        }
-    },
-    watch: {
-        options(val) {
-            const $xeCheckboxGroup = this;
-            $xeCheckboxGroup.loadData(val);
-        }
-    },
-    created() {
-        const $xeCheckboxGroup = this;
-        $xeCheckboxGroup.internalData = createInternalData();
-    },
-    mounted() {
-        const $xeCheckboxGroup = this;
-        const props = $xeCheckboxGroup;
-        $xeCheckboxGroup.$nextTick(() => {
-            const { options } = props;
-            if (options) {
-                $xeCheckboxGroup.loadData(options);
-            }
-        });
-    },
-    beforeDestroy() {
-        const $xeCheckboxGroup = this;
-        const reactData = $xeCheckboxGroup.reactData;
-        const internalData = $xeCheckboxGroup.internalData;
-        XEUtils.assign(reactData, createReactData());
-        XEUtils.assign(internalData, createInternalData());
-    },
-    render(h) {
-        return this.renderVN(h);
-    }
-};

package/es/checkbox/style.css

@@ -1,113 +0,0 @@
-.vxe-checkbox {
-  --vxe-ui-checkbox-current-font-size: var(--vxe-ui-font-size-default);
-  --vxe-ui-checkbox-current-margin-right: var(--vxe-ui-base-margin-gap-default);
-}
-.vxe-checkbox.size--medium {
-  --vxe-ui-checkbox-current-font-size: var(--vxe-ui-font-size-medium);
-  --vxe-ui-checkbox-current-margin-right: var(--vxe-ui-base-margin-gap-medium);
-}
-.vxe-checkbox.size--small {
-  --vxe-ui-checkbox-current-font-size: var(--vxe-ui-font-size-small);
-  --vxe-ui-checkbox-current-margin-right: var(--vxe-ui-base-margin-gap-small);
-}
-.vxe-checkbox.size--mini {
-  --vxe-ui-checkbox-current-font-size: var(--vxe-ui-font-size-mini);
-  --vxe-ui-checkbox-current-margin-right: var(--vxe-ui-base-margin-gap-mini);
-}
-
-/*checkbox-group*/
-.vxe-checkbox-group {
-  display: inline-flex;
-  vertical-align: middle;
-  line-height: 1;
-}
-
-.vxe-checkbox-slots {
-  display: none;
-}
-
-.vxe-checkbox--readonly {
-  color: var(--vxe-ui-font-color);
-  display: inline-flex;
-}
-
-/*checkbox*/
-.vxe-checkbox {
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  vertical-align: middle;
-  white-space: nowrap;
-  line-height: 1;
-  font-size: var(--vxe-ui-checkbox-current-font-size);
-}
-.vxe-checkbox {
-  cursor: pointer;
-}
-.vxe-checkbox .vxe-checkbox--icon {
-  font-size: 1.22em;
-}
-.vxe-checkbox .vxe-checkbox--icon {
-  color: var(--vxe-ui-input-border-color);
-  vertical-align: middle;
-  font-weight: 700;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.vxe-checkbox.is--checked, .vxe-checkbox.is--indeterminate {
-  color: var(--vxe-ui-font-primary-color);
-}
-.vxe-checkbox.is--checked .vxe-checkbox--icon, .vxe-checkbox.is--indeterminate .vxe-checkbox--icon {
-  color: var(--vxe-ui-font-primary-color);
-}
-.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon {
-  color: var(--vxe-ui-font-primary-color);
-}
-.vxe-checkbox.is--hidden {
-  cursor: default;
-}
-.vxe-checkbox.is--readonly {
-  cursor: auto;
-}
-.vxe-checkbox.is--disabled {
-  color: var(--vxe-ui-font-disabled-color);
-  cursor: not-allowed;
-}
-.vxe-checkbox.is--disabled .vxe-checkbox--icon {
-  color: var(--vxe-ui-input-disabled-color);
-}
-.vxe-checkbox .vxe-checkbox--label {
-  padding-left: 0.4em;
-  vertical-align: middle;
-}
-.vxe-checkbox > input[type=checkbox] {
-  position: absolute;
-  width: 0;
-  height: 0;
-  border: 0;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-}
-.vxe-checkbox:not(.is--disabled) > input:focus + .vxe-checkbox--icon {
-  color: var(--vxe-ui-font-primary-darken-color);
-}
-.vxe-checkbox .vxe-checkbox--label {
-  vertical-align: middle;
-  display: inline-block;
-  max-width: 50em;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.vxe-checkbox--default,
-.vxe-checkbox-group {
-  margin-right: var(--vxe-ui-checkbox-current-margin-right);
-}
-.vxe-checkbox--default:last-of-type,
-.vxe-checkbox-group:last-of-type {
-  margin-right: 0;
-}

package/es/checkbox/style.min.css

@@ -1 +0,0 @@
-.vxe-checkbox{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox.size--medium{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox.size--small{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox.size--mini{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-checkbox-group{display:inline-flex;vertical-align:middle;line-height:1}.vxe-checkbox-slots{display:none}.vxe-checkbox--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-checkbox{display:inline-flex;flex-direction:row;align-items:center;vertical-align:middle;white-space:nowrap;line-height:1;font-size:var(--vxe-ui-checkbox-current-font-size)}.vxe-checkbox{cursor:pointer}.vxe-checkbox .vxe-checkbox--icon{font-size:1.22em}.vxe-checkbox .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-checkbox.is--checked,.vxe-checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--checked .vxe-checkbox--icon,.vxe-checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--hidden{cursor:default}.vxe-checkbox.is--readonly{cursor:auto}.vxe-checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox .vxe-checkbox--label{vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox--default,.vxe-checkbox-group{margin-right:var(--vxe-ui-checkbox-current-margin-right)}.vxe-checkbox--default:last-of-type,.vxe-checkbox-group:last-of-type{margin-right:0}

package/es/checkbox-button/index.js

@@ -1,12 +0,0 @@
-import { VxeUI } from '@vxe-ui/core';
-import { dynamicApp } from '../dynamics';
-import VxeCheckboxButtonComponent from '../checkbox/src/button';
-export const VxeCheckboxButton = Object.assign(VxeCheckboxButtonComponent, {
-    install: function (app) {
-        app.component(VxeCheckboxButtonComponent.name, VxeCheckboxButtonComponent);
-    }
-});
-dynamicApp.use(VxeCheckboxButton);
-VxeUI.component(VxeCheckboxButtonComponent);
-export const CheckboxButton = VxeCheckboxButton;
-export default VxeCheckboxButton;