vxe-pc-ui 3.0.0 → 3.0.2

package/es/components.js

@@ -7,29 +7,29 @@ import VxeBreadcrumb from './breadcrumb';
 import VxeBreadcrumbItem from './breadcrumb-item';
 import VxeButton from './button';
 import VxeButtonGroup from './button-group';
-// import VxeCalendar from './calendar'
+import VxeCalendar from './calendar';
 import VxeCard from './card';
-// import VxeCarousel from './carousel'
-// import VxeCarouselItem from './carousel-item'
-// import VxeCheckbox from './checkbox'
-// import VxeCheckboxGroup from './checkbox-group'
+import VxeCarousel from './carousel';
+import VxeCarouselItem from './carousel-item';
+import VxeCheckbox from './checkbox';
+import VxeCheckboxGroup from './checkbox-group';
 import VxeCol from './col';
-// import VxeCollapse from './collapse'
-// import VxeCollapsePane from './collapse-pane'
+import VxeCollapse from './collapse';
+import VxeCollapsePane from './collapse-pane';
 import VxeCountdown from './countdown';
 import VxeDatePicker from './date-picker';
 import VxeDrawer, { DrawerController } from './drawer';
-// import VxeForm from './form'
+import VxeForm from './form';
 // import VxeFormDesign from './form-design'
-// import VxeFormGather from './form-gather'
-// import VxeFormItem from './form-item'
+import VxeFormGather from './form-gather';
+import VxeFormItem from './form-item';
 // import VxeFormView from './form-view'
 import VxeIcon from './icon';
-// import VxeIconPicker from './icon-picker'
+import VxeIconPicker from './icon-picker';
 import VxeImage from './image';
 import VxeImageGroup from './image-group';
 import VxeImagePreview from './image-preview';
-// import VxeInput from './input'
+import VxeInput from './input';
 import VxeLayoutAside from './layout-aside';
 import VxeLayoutBody from './layout-body';
 import VxeLayoutContainer from './layout-container';
@@ -38,15 +38,15 @@ import VxeLayoutHeader from './layout-header';
 import VxeLink from './link';
 // import VxeListDesign from './list-design'
 // import VxeListView from './list-view'
-// import VxeList from './list'
+import VxeList from './list';
 import VxeLoading, { LoadingController } from './loading';
 import VxeMenu from './menu';
 import VxeModal, { ModalController } from './modal';
 import VxeNumberInput from './number-input';
-// import VxeOptgroup from './optgroup'
-// import VxeOption from './option'
-// import VxePager from './pager'
-// import VxePasswordInput from './password-input'
+import VxeOptgroup from './optgroup';
+import VxeOption from './option';
+import VxePager from './pager';
+import VxePasswordInput from './password-input';
 import VxePrintPageBreak from './print-page-break';
 import VxePrint from './print';
 import VxePulldown from './pulldown';
@@ -54,17 +54,17 @@ import VxeRadio from './radio';
 import VxeRadioButton from './radio-button';
 import VxeRadioGroup from './radio-group';
 import VxeRow from './row';
-// import VxeSelect from './select'
+import VxeSelect from './select';
 import VxeSwitch from './switch';
-// import VxeTabPane from './tab-pane'
-// import VxeTabs from './tabs'
+import VxeTabPane from './tab-pane';
+import VxeTabs from './tabs';
 import VxeTag from './tag';
 import VxeText from './text';
 import VxeTextarea from './textarea';
 import VxeTip from './tip';
 import VxeTooltip from './tooltip';
-// import VxeTree from './tree'
-// import VxeTreeSelect from './tree-select'
+import VxeTree from './tree';
+import VxeTreeSelect from './tree-select';
 import VxeUpload from './upload';
 import { saveLocalFile, readLocalFile } from './upload/src/util';
 import { printHtml } from './print/src/util';
@@ -76,29 +76,29 @@ const components = [
     VxeBreadcrumbItem,
     VxeButton,
     VxeButtonGroup,
-    // VxeCalendar,
+    VxeCalendar,
     VxeCard,
-    // VxeCarousel,
-    // VxeCarouselItem,
-    // VxeCheckbox,
-    // VxeCheckboxGroup,
+    VxeCarousel,
+    VxeCarouselItem,
+    VxeCheckbox,
+    VxeCheckboxGroup,
     VxeCol,
-    // VxeCollapse,
-    // VxeCollapsePane,
+    VxeCollapse,
+    VxeCollapsePane,
     VxeCountdown,
     VxeDatePicker,
     VxeDrawer,
-    // VxeForm,
+    VxeForm,
     // VxeFormDesign,
-    // VxeFormGather,
-    // VxeFormItem,
+    VxeFormGather,
+    VxeFormItem,
     // VxeFormView,
     VxeIcon,
-    // VxeIconPicker,
+    VxeIconPicker,
     VxeImage,
     VxeImageGroup,
     VxeImagePreview,
-    // VxeInput,
+    VxeInput,
     VxeLayoutAside,
     VxeLayoutBody,
     VxeLayoutContainer,
@@ -107,15 +107,15 @@ const components = [
     VxeLink,
     // VxeListDesign,
     // VxeListView,
-    // VxeList,
+    VxeList,
     VxeLoading,
     VxeMenu,
     VxeModal,
     VxeNumberInput,
-    // VxeOptgroup,
-    // VxeOption,
-    // VxePager,
-    // VxePasswordInput,
+    VxeOptgroup,
+    VxeOption,
+    VxePager,
+    VxePasswordInput,
     VxePrintPageBreak,
     VxePrint,
     VxePulldown,
@@ -123,17 +123,17 @@ const components = [
     VxeRadioButton,
     VxeRadioGroup,
     VxeRow,
-    // VxeSelect,
+    VxeSelect,
     VxeSwitch,
-    // VxeTabPane,
-    // VxeTabs,
+    VxeTabPane,
+    VxeTabs,
     VxeTag,
     VxeText,
     VxeTextarea,
     VxeTip,
     VxeTooltip,
-    // VxeTree,
-    // VxeTreeSelect,
+    VxeTree,
+    VxeTreeSelect,
     VxeUpload
 ];
 export function install(app, options) {
@@ -161,29 +161,29 @@ export * from './breadcrumb';
 export * from './breadcrumb-item';
 export * from './button';
 export * from './button-group';
-// export * from './calendar'
+export * from './calendar';
 export * from './card';
-// export * from './carousel'
-// export * from './carousel-item'
-// export * from './checkbox'
-// export * from './checkbox-group'
+export * from './carousel';
+export * from './carousel-item';
+export * from './checkbox';
+export * from './checkbox-group';
 export * from './col';
-// export * from './collapse'
-// export * from './collapse-pane'
+export * from './collapse';
+export * from './collapse-pane';
 export * from './countdown';
 export * from './date-picker';
 export * from './drawer';
-// export * from './form'
+export * from './form';
 // export * from './form-design'
-// export * from './form-gather'
-// export * from './form-item'
+export * from './form-gather';
+export * from './form-item';
 // export * from './form-view'
 export * from './icon';
-// export * from './icon-picker'
+export * from './icon-picker';
 export * from './image';
 export * from './image-group';
 export * from './image-preview';
-// export * from './input'
+export * from './input';
 export * from './layout-aside';
 export * from './layout-body';
 export * from './layout-container';
@@ -192,15 +192,15 @@ export * from './layout-header';
 export * from './link';
 // export * from './list-design'
 // export * from './list-view'
-// export * from './list'
+export * from './list';
 export * from './loading';
 export * from './menu';
 export * from './modal';
 export * from './number-input';
-// export * from './optgroup'
-// export * from './option'
-// export * from './pager'
-// export * from './password-input'
+export * from './optgroup';
+export * from './option';
+export * from './pager';
+export * from './password-input';
 export * from './print-page-break';
 export * from './print';
 export * from './pulldown';
@@ -208,15 +208,15 @@ export * from './radio';
 export * from './radio-button';
 export * from './radio-group';
 export * from './row';
-// export * from './select'
+export * from './select';
 export * from './switch';
-// export * from './tab-pane'
-// export * from './tabs'
+export * from './tab-pane';
+export * from './tabs';
 export * from './tag';
 export * from './text';
 export * from './textarea';
 export * from './tip';
 export * from './tooltip';
-// export * from './tree'
-// export * from './tree-select'
+export * from './tree';
+export * from './tree-select';
 export * from './upload';

package/es/date-picker/src/date-picker.js

@@ -103,6 +103,9 @@ export default defineVxeComponent({
         $xeModal: {
             default: null
         },
+        $xeDrawer: {
+            default: null
+        },
         $xeTable: {
             default: null
         },
@@ -636,6 +639,10 @@ export default defineVxeComponent({
             const $xeDatePicker = this;
             $xeDatePicker.$emit(type, createEvent(evnt, { $datePicker: $xeDatePicker }, params));
         },
+        emitModel(value) {
+            const $xeDatePicker = this;
+            $xeDatePicker.$emit('modelValue', value);
+        },
         focus() {
             const $xeDatePicker = this;
             const reactData = $xeDatePicker.reactData;
@@ -675,14 +682,14 @@ export default defineVxeComponent({
             const { inputValue } = reactData;
             $xeDatePicker.dispatchEvent(evnt.type, { value: inputValue }, evnt);
         },
-        emitModel(value, evnt) {
+        handleChange(value, evnt) {
             const $xeDatePicker = this;
             const props = $xeDatePicker;
             const reactData = $xeDatePicker.reactData;
             const $xeForm = $xeDatePicker.$xeForm;
             const formItemInfo = $xeDatePicker.formItemInfo;
             reactData.inputValue = value;
-            $xeDatePicker.$emit('modelValue', value);
+            $xeDatePicker.emitModel(value);
             if (XEUtils.toValueString(props.value) !== value) {
                 $xeDatePicker.dispatchEvent('change', { value }, evnt);
                 // 自动更新校验状态
@@ -701,7 +708,7 @@ export default defineVxeComponent({
             reactData.inputValue = value;
             if (!isDatePickerType) {
                 if (inpImmediate) {
-                    $xeDatePicker.emitModel(value, evnt);
+                    $xeDatePicker.handleChange(value, evnt);
                 }
                 else {
                     $xeDatePicker.dispatchEvent('input', { value }, evnt);
@@ -752,7 +759,7 @@ export default defineVxeComponent({
             if (isDatePickerType) {
                 $xeDatePicker.hidePanel();
             }
-            $xeDatePicker.emitModel('', evnt);
+            $xeDatePicker.handleChange('', evnt);
             $xeDatePicker.dispatchEvent('clear', { value }, evnt);
         },
         clickSuffixEvent(evnt) {
@@ -883,22 +890,22 @@ export default defineVxeComponent({
                             datetimeRest.push(item);
                         }
                     });
-                    $xeDatePicker.emitModel(datetimeRest.map(date => XEUtils.toDateString(date, dateValueFormat)).join(','), { type: 'update' });
+                    $xeDatePicker.handleChange(datetimeRest.map(date => XEUtils.toDateString(date, dateValueFormat)).join(','), { type: 'update' });
                 }
                 else {
                     // 如果是日期类型
                     if (dateMultipleValue.some(val => XEUtils.isEqual(val, inpVal))) {
-                        $xeDatePicker.emitModel(dateMultipleValue.filter(val => !XEUtils.isEqual(val, inpVal)).join(','), { type: 'update' });
+                        $xeDatePicker.handleChange(dateMultipleValue.filter(val => !XEUtils.isEqual(val, inpVal)).join(','), { type: 'update' });
                     }
                     else {
-                        $xeDatePicker.emitModel(dateMultipleValue.concat([inpVal]).join(','), { type: 'update' });
+                        $xeDatePicker.handleChange(dateMultipleValue.concat([inpVal]).join(','), { type: 'update' });
                     }
                 }
             }
             else {
                 // 如果为单选
                 if (!XEUtils.isEqual(props.value, inpVal)) {
-                    $xeDatePicker.emitModel(inpVal, { type: 'update' });
+                    $xeDatePicker.handleChange(inpVal, { type: 'update' });
                 }
             }
         },
@@ -917,7 +924,7 @@ export default defineVxeComponent({
                         if (type === 'time') {
                             inpDateVal = XEUtils.toDateString(inpDateVal, dateLabelFormat);
                             if (inputValue !== inpDateVal) {
-                                $xeDatePicker.emitModel(inpDateVal, { type: 'check' });
+                                $xeDatePicker.handleChange(inpDateVal, { type: 'check' });
                             }
                             reactData.inputValue = inpDateVal;
                         }
@@ -949,7 +956,7 @@ export default defineVxeComponent({
                     }
                 }
                 else {
-                    $xeDatePicker.emitModel('', { type: 'check' });
+                    $xeDatePicker.handleChange('', { type: 'check' });
                 }
             }
         },
@@ -959,7 +966,7 @@ export default defineVxeComponent({
             const { inputValue } = reactData;
             const inpImmediate = $xeDatePicker.computeInpImmediate;
             if (!inpImmediate) {
-                $xeDatePicker.emitModel(inputValue, evnt);
+                $xeDatePicker.handleChange(inputValue, evnt);
             }
             $xeDatePicker.afterCheckValue();
             if (!reactData.visiblePanel) {
@@ -1266,11 +1273,11 @@ export default defineVxeComponent({
                                 datetimeRest.push(item);
                             }
                         });
-                        $xeDatePicker.emitModel(datetimeRest.map(date => XEUtils.toDateString(date, dateValueFormat)).join(','), { type: 'update' });
+                        $xeDatePicker.handleChange(datetimeRest.map(date => XEUtils.toDateString(date, dateValueFormat)).join(','), { type: 'update' });
                     }
                     else {
                         // 如果是日期类型
-                        $xeDatePicker.emitModel(dateMultipleValue.join(','), { type: 'update' });
+                        $xeDatePicker.handleChange(dateMultipleValue.join(','), { type: 'update' });
                     }
                 }
                 else {

package/es/drawer/src/drawer.js

@@ -128,6 +128,11 @@ export default defineVxeComponent({
             const $xeDrawer = this;
             $xeDrawer.$emit(type, createEvent(evnt, { $drawer: $xeDrawer }, params));
         },
+        emitModel(value) {
+            const $xeDrawer = this;
+            $xeDrawer.$emit('modelValue', value);
+            $xeDrawer.$emit('input', value);
+        },
         open() {
             const $xeDrawer = this;
             return $xeDrawer.openDrawer();
@@ -180,7 +185,7 @@ export default defineVxeComponent({
                         $xeDrawer.dispatchEvent('before-hide', params, null);
                         setTimeout(() => {
                             reactData.visible = false;
-                            $xeDrawer.$emit('input', false);
+                            $xeDrawer.emitModel(false);
                             $xeDrawer.dispatchEvent('hide', params, null);
                         }, 200);
                     }
@@ -234,7 +239,7 @@ export default defineVxeComponent({
                         }
                         const type = '';
                         const params = { type };
-                        $xeDrawer.$emit('input', true);
+                        $xeDrawer.emitModel(true);
                         $xeDrawer.dispatchEvent('show', params, null);
                     });
                 }, 10);
@@ -286,14 +291,14 @@ export default defineVxeComponent({
             return [
                 h('div', {
                     class: 'vxe-drawer--header-title'
-                }, titleSlot ? getSlotVNs(titleSlot({ $drawer: $xeDrawer })) : (title ? getFuncText(title) : getI18n('vxe.alert.title'))),
+                }, titleSlot ? getSlotVNs(titleSlot({ $drawer: $xeDrawer }, h)) : (title ? getFuncText(title) : getI18n('vxe.alert.title'))),
                 h('div', {
                     class: 'vxe-drawer--header-right'
                 }, [
                     cornerSlot
                         ? h('div', {
                             class: 'vxe-drawer--corner-wrapper'
-                        }, getSlotVNs(cornerSlot({ $drawer: $xeDrawer })))
+                        }, getSlotVNs(cornerSlot({ $drawer: $xeDrawer }, h)))
                         : renderEmptyElement($xeDrawer),
                     showClose
                         ? h('div', {
@@ -324,7 +329,7 @@ export default defineVxeComponent({
                     class: ['vxe-drawer--header', {
                             'is--ellipsis': showTitleOverflow
                         }]
-                }, headerSlot ? getSlotVNs(headerSlot({ $drawer: $xeDrawer })) : $xeDrawer.renderTitles(h));
+                }, headerSlot ? getSlotVNs(headerSlot({ $drawer: $xeDrawer }, h)) : $xeDrawer.renderTitles(h));
             }
             return renderEmptyElement($xeDrawer);
         },
@@ -342,19 +347,19 @@ export default defineVxeComponent({
                 leftSlot
                     ? h('div', {
                         class: 'vxe-drawer--body-left'
-                    }, getSlotVNs(leftSlot({ $drawer: $xeDrawer })))
+                    }, getSlotVNs(leftSlot({ $drawer: $xeDrawer }, h)))
                     : renderEmptyElement($xeDrawer),
                 h('div', {
                     class: 'vxe-drawer--body-default'
                 }, [
                     h('div', {
                         class: 'vxe-drawer--content'
-                    }, defaultSlot ? getSlotVNs(defaultSlot({ $drawer: $xeDrawer })) : getFuncText(content))
+                    }, defaultSlot ? getSlotVNs(defaultSlot({ $drawer: $xeDrawer }, h)) : getFuncText(content))
                 ]),
                 rightSlot
                     ? h('div', {
                         class: 'vxe-drawer--body-right'
-                    }, getSlotVNs(rightSlot({ $drawer: $xeDrawer })))
+                    }, getSlotVNs(rightSlot({ $drawer: $xeDrawer }, h)))
                     : renderEmptyElement($xeDrawer),
                 h(VxeLoadingComponent, {
                     class: 'vxe-drawer--loading',
@@ -402,10 +407,10 @@ export default defineVxeComponent({
             }, [
                 h('div', {
                     class: 'vxe-drawer--footer-left'
-                }, lfSlot ? getSlotVNs(lfSlot({ $drawer: $xeDrawer })) : []),
+                }, lfSlot ? getSlotVNs(lfSlot({ $drawer: $xeDrawer }, h)) : []),
                 h('div', {
                     class: 'vxe-drawer--footer-right'
-                }, rfSlot ? getSlotVNs(rfSlot({ $drawer: $xeDrawer })) : btnVNs)
+                }, rfSlot ? getSlotVNs(rfSlot({ $drawer: $xeDrawer }, h)) : btnVNs)
             ]);
         },
         renderFooter(h) {
@@ -417,7 +422,7 @@ export default defineVxeComponent({
             if (props.showFooter) {
                 return h('div', {
                     class: 'vxe-drawer--footer'
-                }, footerSlot ? getSlotVNs(footerSlot({ $drawer: $xeDrawer })) : [$xeDrawer.renderDefaultFooter(h)]);
+                }, footerSlot ? getSlotVNs(footerSlot({ $drawer: $xeDrawer }, h)) : [$xeDrawer.renderDefaultFooter(h)]);
             }
             return renderEmptyElement($xeDrawer);
         },
@@ -460,7 +465,7 @@ export default defineVxeComponent({
                         asideSlot
                             ? h('div', {
                                 class: 'vxe-drawer--aside'
-                            }, getSlotVNs(asideSlot({ $drawer: $xeDrawer })))
+                            }, getSlotVNs(asideSlot({ $drawer: $xeDrawer }, h)))
                             : renderEmptyElement($xeDrawer),
                         h('div', {
                             class: 'vxe-drawer--container'

package/es/form/index.js

@@ -0,0 +1,13 @@
+import { VxeUI } from '@vxe-ui/core';
+import VxeFormComponent from './src/form';
+import { dynamicApp } from '../dynamics';
+import './render';
+export const VxeForm = Object.assign(VxeFormComponent, {
+    install(app) {
+        app.component(VxeFormComponent.name, VxeFormComponent);
+    }
+});
+dynamicApp.use(VxeForm);
+VxeUI.component(VxeFormComponent);
+export const Form = VxeForm;
+export default VxeForm;