vxe-pc-ui 3.0.1 → 3.0.2

package/es/calendar/style.css

@@ -0,0 +1,247 @@
+.vxe-calendar {
+  display: inline-flex;
+  flex-direction: column;
+  width: 100%;
+  height: 38em;
+  border: 1px solid var(--vxe-ui-base-popup-border-color);
+  border-radius: var(--vxe-ui-base-border-radius);
+}
+.vxe-calendar.type--date .vxe-calendar--body td {
+  width: 14.28571%;
+}
+.vxe-calendar.type--week .vxe-calendar--body td {
+  width: 12%;
+}
+.vxe-calendar.type--week .vxe-calendar--body td:first-child {
+  width: 14%;
+}
+.vxe-calendar.type--quarter .vxe-calendar--body td {
+  width: 50%;
+}
+.vxe-calendar.type--month .vxe-calendar--body td, .vxe-calendar.type--year .vxe-calendar--body td {
+  width: 25%;
+}
+
+.vxe-calendar--confirm {
+  outline: 0;
+  border: 1px solid var(--vxe-ui-input-border-color);
+  border-radius: var(--vxe-ui-base-border-radius);
+  cursor: pointer;
+  color: var(--vxe-ui-input-date-time-confirm-button-color);
+  border-color: var(--vxe-ui-font-primary-color);
+  background-color: var(--vxe-ui-font-primary-color);
+  padding: 0 0.5em;
+}
+.vxe-calendar--confirm:hover {
+  background-color: var(--vxe-ui-font-primary-lighten-color);
+  border-color: var(--vxe-ui-font-primary-lighten-color);
+}
+.vxe-calendar--confirm:active {
+  background-color: var(--vxe-ui-font-primary-darken-color);
+  border-color: var(--vxe-ui-font-primary-darken-color);
+}
+
+.vxe-calendar--header {
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: row;
+  padding: var(--vxe-ui-layout-padding-default);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  border-bottom: 1px solid var(--vxe-ui-input-border-color);
+}
+.vxe-calendar--header .vxe-calendar--type-wrapper {
+  flex-grow: 1;
+}
+.vxe-calendar--header .vxe-calendar--btn-wrapper {
+  flex-shrink: 0;
+  text-align: center;
+}
+
+.vxe-calendar--btn-wrapper {
+  display: flex;
+  flex-direction: row;
+}
+
+.vxe-calendar--btn.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: no-drop;
+}
+.vxe-calendar--btn:not(.is--disabled) {
+  cursor: pointer;
+}
+.vxe-calendar--btn:not(.is--disabled):hover {
+  background-color: #fff;
+}
+.vxe-calendar--btn:not(.is--disabled):active {
+  background-color: #fff;
+}
+
+.vxe-calendar--body {
+  position: relative;
+  flex-grow: 1;
+  overflow: hidden;
+}
+.vxe-calendar--body table {
+  border: 0;
+  width: 100%;
+  height: 100%;
+  border-spacing: 0;
+  border-collapse: separate;
+  text-align: center;
+  table-layout: fixed;
+}
+
+.vxe-calendar--view-th {
+  font-weight: 700;
+}
+
+.vxe-calendar--view-td {
+  font-weight: normal;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  transition: all 0.1s ease-in-out;
+}
+.vxe-calendar--view-td.is--prev, .vxe-calendar--view-td.is--next {
+  color: var(--vxe-ui-font-disabled-color);
+}
+.vxe-calendar--view-td.is--prev .vxe-calendar--date-label,
+.vxe-calendar--view-td.is--prev .vxe-calendar--date-festival, .vxe-calendar--view-td.is--next .vxe-calendar--date-label,
+.vxe-calendar--view-td.is--next .vxe-calendar--date-festival {
+  color: var(--vxe-ui-font-disabled-color);
+}
+.vxe-calendar--view-td.is--now:not(.is--selected).is--current {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-calendar--view-td.is--now:not(.is--selected).is--current .vxe-calendar--date-label,
+.vxe-calendar--view-td.is--now:not(.is--selected).is--current .vxe-calendar--date-festival {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-calendar--view-td.is--hover {
+  background-color: var(--vxe-ui-base-hover-background-color);
+}
+.vxe-calendar--view-td.is--selected {
+  color: var(--vxe-ui-calendar-selected-color);
+  background-color: var(--vxe-ui-font-primary-color);
+}
+.vxe-calendar--view-td.is--selected.is--prev, .vxe-calendar--view-td.is--selected.is--next {
+  background-color: var(--vxe-ui-font-primary-lighten-color);
+}
+.vxe-calendar--view-td.is--selected .vxe-calendar--date-label,
+.vxe-calendar--view-td.is--selected .vxe-calendar--date-festival {
+  color: var(--vxe-ui-calendar-festival-selected-color);
+}
+.vxe-calendar--view-td.is--selected .vxe-calendar--date-label.is-notice:before {
+  background-color: var(--vxe-ui-calendar-notice-selected-background-color);
+}
+.vxe-calendar--view-td:not(.is--disabled) {
+  cursor: pointer;
+}
+.vxe-calendar--view-td.is--disabled {
+  cursor: no-drop;
+  color: var(--vxe-ui-input-disabled-color);
+  background-color: var(--vxe-ui-input-disabled-background-color);
+}
+.vxe-calendar--view-td.is--disabled .vxe-calendar--date-label,
+.vxe-calendar--view-td.is--disabled .vxe-calendar--date-festival {
+  color: var(--vxe-ui-input-disabled-color);
+}
+
+.vxe-calendar--date-label,
+.vxe-calendar--date-festival {
+  display: block;
+  overflow: hidden;
+}
+
+.vxe-calendar--date-label {
+  position: relative;
+}
+.vxe-calendar--date-label.is-notice:before {
+  content: "";
+  position: absolute;
+  width: 4px;
+  height: 4px;
+  left: 0.8em;
+  top: 0.1em;
+  transform: translateX(-50%);
+  border-radius: 100%;
+  background-color: var(--vxe-ui-input-date-notice-background-color);
+}
+
+.vxe-calendar--date-label--extra {
+  position: absolute;
+  right: 0.1em;
+  top: -0.2em;
+  transform: scale(0.9);
+  color: var(--vxe-ui-input-date-extra-color);
+}
+.vxe-calendar--date-label--extra.is-important {
+  color: var(--vxe-ui-input-date-extra-important-color);
+}
+
+.vxe-calendar--date-festival {
+  color: var(--vxe-ui-input-date-festival-color);
+  height: 14px;
+  line-height: 1;
+  overflow: hidden;
+}
+.vxe-calendar--date-festival.is-important {
+  color: var(--vxe-ui-input-date-festival-important-color);
+}
+
+.vxe-calendar--date-festival--label {
+  display: block;
+  transform: scale(0.8);
+}
+
+@keyframes festivalOverlap2 {
+  0%, 45%, 100% {
+    transform: translateY(0);
+  }
+  50%, 95% {
+    transform: translateY(-14px);
+  }
+}
+@keyframes festivalOverlap3 {
+  0%, 20%, 100% {
+    transform: translateY(0);
+  }
+  25%, 45%, 75%, 95% {
+    transform: translateY(-14px);
+  }
+  50%, 70% {
+    transform: translateY(-28px);
+  }
+}
+.vxe-calendar--date-festival--overlap {
+  display: block;
+  font-size: 12px;
+}
+.vxe-calendar--date-festival--overlap.overlap--2 {
+  animation: festivalOverlap2 6s infinite ease-in-out;
+}
+.vxe-calendar--date-festival--overlap.overlap--3 {
+  animation: festivalOverlap3 9s infinite ease-in-out;
+}
+.vxe-calendar--date-festival--overlap > span {
+  height: 14px;
+  display: block;
+  transform: scale(0.8);
+}
+
+.vxe-calendar {
+  font-size: var(--vxe-ui-font-size-default);
+}
+.vxe-calendar.size--medium {
+  font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-calendar.size--small {
+  font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-calendar.size--mini {
+  font-size: var(--vxe-ui-font-size-mini);
+}

package/es/calendar/style.min.css

@@ -0,0 +1 @@
+.vxe-calendar{display:inline-flex;flex-direction:column;width:100%;height:38em;border:1px solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-calendar.type--date .vxe-calendar--body td{width:14.28571%}.vxe-calendar.type--week .vxe-calendar--body td{width:12%}.vxe-calendar.type--week .vxe-calendar--body td:first-child{width:14%}.vxe-calendar.type--quarter .vxe-calendar--body td{width:50%}.vxe-calendar.type--month .vxe-calendar--body td,.vxe-calendar.type--year .vxe-calendar--body td{width:25%}.vxe-calendar--confirm{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer;color:var(--vxe-ui-input-date-time-confirm-button-color);border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color);padding:0 .5em}.vxe-calendar--confirm:hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-calendar--confirm:active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-calendar--header{flex-shrink:0;display:flex;flex-direction:row;padding:var(--vxe-ui-layout-padding-default);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-calendar--header .vxe-calendar--type-wrapper{flex-grow:1}.vxe-calendar--header .vxe-calendar--btn-wrapper{flex-shrink:0;text-align:center}.vxe-calendar--btn-wrapper{display:flex;flex-direction:row}.vxe-calendar--btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-calendar--btn:not(.is--disabled){cursor:pointer}.vxe-calendar--btn:not(.is--disabled):hover{background-color:#fff}.vxe-calendar--btn:not(.is--disabled):active{background-color:#fff}.vxe-calendar--body{position:relative;flex-grow:1;overflow:hidden}.vxe-calendar--body table{border:0;width:100%;height:100%;border-spacing:0;border-collapse:separate;text-align:center;table-layout:fixed}.vxe-calendar--view-th{font-weight:700}.vxe-calendar--view-td{font-weight:400;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .1s ease-in-out}.vxe-calendar--view-td.is--next,.vxe-calendar--view-td.is--prev{color:var(--vxe-ui-font-disabled-color)}.vxe-calendar--view-td.is--next .vxe-calendar--date-festival,.vxe-calendar--view-td.is--next .vxe-calendar--date-label,.vxe-calendar--view-td.is--prev .vxe-calendar--date-festival,.vxe-calendar--view-td.is--prev .vxe-calendar--date-label{color:var(--vxe-ui-font-disabled-color)}.vxe-calendar--view-td.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-calendar--view-td.is--now:not(.is--selected).is--current .vxe-calendar--date-festival,.vxe-calendar--view-td.is--now:not(.is--selected).is--current .vxe-calendar--date-label{color:var(--vxe-ui-font-primary-color)}.vxe-calendar--view-td.is--hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-calendar--view-td.is--selected{color:var(--vxe-ui-calendar-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-calendar--view-td.is--selected.is--next,.vxe-calendar--view-td.is--selected.is--prev{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-calendar--view-td.is--selected .vxe-calendar--date-festival,.vxe-calendar--view-td.is--selected .vxe-calendar--date-label{color:var(--vxe-ui-calendar-festival-selected-color)}.vxe-calendar--view-td.is--selected .vxe-calendar--date-label.is-notice:before{background-color:var(--vxe-ui-calendar-notice-selected-background-color)}.vxe-calendar--view-td:not(.is--disabled){cursor:pointer}.vxe-calendar--view-td.is--disabled{cursor:no-drop;color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-calendar--view-td.is--disabled .vxe-calendar--date-festival,.vxe-calendar--view-td.is--disabled .vxe-calendar--date-label{color:var(--vxe-ui-input-disabled-color)}.vxe-calendar--date-festival,.vxe-calendar--date-label{display:block;overflow:hidden}.vxe-calendar--date-label{position:relative}.vxe-calendar--date-label.is-notice:before{content:"";position:absolute;width:4px;height:4px;left:.8em;top:.1em;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-calendar--date-label--extra{position:absolute;right:.1em;top:-.2em;transform:scale(.9);color:var(--vxe-ui-input-date-extra-color)}.vxe-calendar--date-label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-calendar--date-festival{color:var(--vxe-ui-input-date-festival-color);height:14px;line-height:1;overflow:hidden}.vxe-calendar--date-festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-calendar--date-festival--label{display:block;transform:scale(.8)}@keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@keyframes festivalOverlap3{0%,100%,20%{transform:translateY(0)}25%,45%,75%,95%{transform:translateY(-14px)}50%,70%{transform:translateY(-28px)}}.vxe-calendar--date-festival--overlap{display:block;font-size:12px}.vxe-calendar--date-festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-calendar--date-festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-calendar--date-festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-calendar{font-size:var(--vxe-ui-font-size-default)}.vxe-calendar.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-calendar.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-calendar.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/es/checkbox/src/checkbox.js

@@ -84,6 +84,11 @@ export default defineVxeComponent({
             const $xeCheckbox = this;
             $xeCheckbox.$emit(type, createEvent(evnt, { $checkbox: $xeCheckbox }, params));
         },
+        emitModel(value) {
+            const $xeCheckbox = this;
+            $xeCheckbox.$emit('modelValue', value);
+            $xeCheckbox.$emit('input', value);
+        },
         changeEvent(evnt) {
             const $xeCheckbox = this;
             const props = $xeCheckbox;
@@ -100,7 +105,7 @@ export default defineVxeComponent({
                     $xeCheckboxGroup.handleChecked(params, evnt);
                 }
                 else {
-                    $xeCheckbox.$emit('input', value);
+                    $xeCheckbox.emitModel(value);
                     $xeCheckbox.dispatchEvent('change', params, evnt);
                     // 自动更新校验状态
                     if ($xeForm && formItemInfo) {

package/es/checkbox/src/group.js

@@ -96,6 +96,11 @@ export default defineVxeComponent({
             const $xeCheckboxGroup = this;
             $xeCheckboxGroup.$emit(type, createEvent(evnt, { $checkboxGroup: $xeCheckboxGroup }, params));
         },
+        emitModel(value) {
+            const $xeCheckboxGroup = this;
+            $xeCheckboxGroup.$emit('modelValue', value);
+            $xeCheckboxGroup.$emit('input', value);
+        },
         handleChecked(params, evnt) {
             const $xeCheckboxGroup = this;
             const props = $xeCheckboxGroup;
@@ -112,7 +117,7 @@ export default defineVxeComponent({
             else {
                 checklist.splice(checkIndex, 1);
             }
-            $xeCheckboxGroup.$emit('input', checklist);
+            $xeCheckboxGroup.emitModel(checklist);
             $xeCheckboxGroup.dispatchEvent('change', Object.assign({ checklist }, params), evnt);
             // 自动更新校验状态
             if ($xeForm && formItemInfo) {

package/es/collapse/index.js

@@ -0,0 +1,12 @@
+import { VxeUI } from '@vxe-ui/core';
+import VxeCollapseComponent from './src/collapse';
+import { dynamicApp } from '../dynamics';
+export const VxeCollapse = Object.assign({}, VxeCollapseComponent, {
+    install(app) {
+        app.component(VxeCollapseComponent.name, VxeCollapseComponent);
+    }
+});
+dynamicApp.use(VxeCollapse);
+VxeUI.component(VxeCollapseComponent);
+export const Collapse = VxeCollapse;
+export default VxeCollapse;

package/es/collapse/src/collapse-pane.js

@@ -0,0 +1,39 @@
+import { defineVxeComponent } from '../../ui/src/comp';
+import XEUtils from 'xe-utils';
+import { createEvent } from '../../ui';
+export default defineVxeComponent({
+    name: 'VxeCollapsePane',
+    props: {},
+    data() {
+        const xID = XEUtils.uniqueId();
+        const reactData = {};
+        return {
+            xID,
+            reactData
+        };
+    },
+    methods: {
+        //
+        // Method
+        //
+        dispatchEvent(type, params, evnt) {
+            const $xeCollapsePane = this;
+            $xeCollapsePane.$emit(type, createEvent(evnt, { $collapsePane: $xeCollapsePane }, params));
+        },
+        //
+        // Render
+        //
+        renderVN(h) {
+            const $xeCollapsePane = this;
+            const slots = $xeCollapsePane.$scopedSlots;
+            const defaultSlot = slots.default;
+            return h('div', {
+                ref: 'refElem',
+                class: ['vxe-collapse-pane']
+            }, defaultSlot ? defaultSlot({}) : []);
+        }
+    },
+    render(h) {
+        return this.renderVN(h);
+    }
+});

package/es/collapse/src/collapse.js

@@ -0,0 +1,39 @@
+import { defineVxeComponent } from '../../ui/src/comp';
+import XEUtils from 'xe-utils';
+import { createEvent } from '../../ui';
+export default defineVxeComponent({
+    name: 'VxeCollapse',
+    props: {},
+    data() {
+        const xID = XEUtils.uniqueId();
+        const reactData = {};
+        return {
+            xID,
+            reactData
+        };
+    },
+    methods: {
+        //
+        // Method
+        //
+        dispatchEvent(type, params, evnt) {
+            const $xeCollapse = this;
+            $xeCollapse.$emit(type, createEvent(evnt, { $collapse: $xeCollapse }, params));
+        },
+        //
+        // Render
+        //
+        renderVN(h) {
+            const $xeCollapse = this;
+            const slots = $xeCollapse.$scopedSlots;
+            const defaultSlot = slots.default;
+            return h('div', {
+                ref: 'refElem',
+                class: ['vxe-collapse']
+            }, defaultSlot ? defaultSlot({}) : []);
+        }
+    },
+    render(h) {
+        return this.renderVN(h);
+    }
+});

package/es/collapse-pane/index.js

@@ -0,0 +1,12 @@
+import { VxeUI } from '@vxe-ui/core';
+import VxeCollapsePaneComponent from '../collapse/src/collapse-pane';
+import { dynamicApp } from '../dynamics';
+export const VxeCollapsePane = Object.assign({}, VxeCollapsePaneComponent, {
+    install(app) {
+        app.component(VxeCollapsePaneComponent.name, VxeCollapsePaneComponent);
+    }
+});
+dynamicApp.use(VxeCollapsePane);
+VxeUI.component(VxeCollapsePaneComponent);
+export const CollapsePane = VxeCollapsePane;
+export default VxeCollapsePane;

package/es/components.js

@@ -7,22 +7,22 @@ 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 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';
@@ -38,7 +38,7 @@ 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';
@@ -63,8 +63,8 @@ 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,22 +76,22 @@ const components = [
     VxeBreadcrumbItem,
     VxeButton,
     VxeButtonGroup,
-    // VxeCalendar,
+    VxeCalendar,
     VxeCard,
     VxeCarousel,
     VxeCarouselItem,
     VxeCheckbox,
     VxeCheckboxGroup,
     VxeCol,
-    // VxeCollapse,
-    // VxeCollapsePane,
+    VxeCollapse,
+    VxeCollapsePane,
     VxeCountdown,
     VxeDatePicker,
     VxeDrawer,
-    // VxeForm,
+    VxeForm,
     // VxeFormDesign,
-    // VxeFormGather,
-    // VxeFormItem,
+    VxeFormGather,
+    VxeFormItem,
     // VxeFormView,
     VxeIcon,
     VxeIconPicker,
@@ -107,7 +107,7 @@ const components = [
     VxeLink,
     // VxeListDesign,
     // VxeListView,
-    // VxeList,
+    VxeList,
     VxeLoading,
     VxeMenu,
     VxeModal,
@@ -132,8 +132,8 @@ const components = [
     VxeTextarea,
     VxeTip,
     VxeTooltip,
-    // VxeTree,
-    // VxeTreeSelect,
+    VxeTree,
+    VxeTreeSelect,
     VxeUpload
 ];
 export function install(app, options) {
@@ -161,22 +161,22 @@ 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 './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';
@@ -192,7 +192,7 @@ 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';
@@ -217,6 +217,6 @@ 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

@@ -639,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;
@@ -678,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);
                 // 自动更新校验状态
@@ -704,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);
@@ -755,7 +759,7 @@ export default defineVxeComponent({
             if (isDatePickerType) {
                 $xeDatePicker.hidePanel();
             }
-            $xeDatePicker.emitModel('', evnt);
+            $xeDatePicker.handleChange('', evnt);
             $xeDatePicker.dispatchEvent('clear', { value }, evnt);
         },
         clickSuffixEvent(evnt) {
@@ -886,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' });
                 }
             }
         },
@@ -920,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;
                         }
@@ -952,7 +956,7 @@ export default defineVxeComponent({
                     }
                 }
                 else {
-                    $xeDatePicker.emitModel('', { type: 'check' });
+                    $xeDatePicker.handleChange('', { type: 'check' });
                 }
             }
         },
@@ -962,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) {
@@ -1269,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 {