vxe-pc-ui 0.4.0 → 1.0.2

package/es/anchor/style.css

@@ -1,5 +1,7 @@
 .vxe-anchor {
   position: relative;
+  color: var(--vxe-ui-font-color);
+  font-family: var(--vxe-ui-font-family);
 }
 
 .vxe-anchor--marker {

package/es/anchor/style.min.css

@@ -1 +1 @@
-.vxe-anchor{position:relative}.vxe-anchor--marker{position:absolute;left:0;top:0;width:.2em;height:1.5em;padding:.25em 0;transition:all .35s ease-in-out}.vxe-anchor--marker::before{display:block;content:"";height:100%;width:100%;border-radius:1em;background-color:var(--vxe-ui-anchor-link-active-color)}.vxe-anchor-link{position:relative;padding-left:.6em}.vxe-anchor-link.is--active>.vxe-anchor-link--item{color:var(--vxe-ui-anchor-link-active-color)}.vxe-anchor-link--item{display:block;height:1.5em;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;color:var(--vxe-ui-anchor-link-color)}
+.vxe-anchor{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-anchor--marker{position:absolute;left:0;top:0;width:.2em;height:1.5em;padding:.25em 0;transition:all .35s ease-in-out}.vxe-anchor--marker::before{display:block;content:"";height:100%;width:100%;border-radius:1em;background-color:var(--vxe-ui-anchor-link-active-color)}.vxe-anchor-link{position:relative;padding-left:.6em}.vxe-anchor-link.is--active>.vxe-anchor-link--item{color:var(--vxe-ui-anchor-link-active-color)}.vxe-anchor-link--item{display:block;height:1.5em;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;color:var(--vxe-ui-anchor-link-color)}

package/es/breadcrumb/style.css

@@ -1,5 +1,6 @@
 .vxe-breadcrumb {
   color: var(--vxe-ui-breadcrumb-item-color);
+  font-family: var(--vxe-ui-font-family);
 }
 
 .vxe-breadcrumb-item {

package/es/breadcrumb/style.min.css

@@ -1 +1 @@
-.vxe-breadcrumb{color:var(--vxe-ui-breadcrumb-item-color)}.vxe-breadcrumb-item{display:inline-block;color:var(--vxe-ui-breadcrumb-color)}.vxe-breadcrumb-item:last-child .vxe-breadcrumb-item--content{color:var(--vxe-ui-breadcrumb-current-item-color)}.vxe-breadcrumb-item:last-child .vxe-breadcrumb-item--separator{display:none}.vxe-breadcrumb-item--separator{margin:0 .6em;color:var(--vxe-ui-font-placeholder-color)}
+.vxe-breadcrumb{color:var(--vxe-ui-breadcrumb-item-color);font-family:var(--vxe-ui-font-family)}.vxe-breadcrumb-item{display:inline-block;color:var(--vxe-ui-breadcrumb-color)}.vxe-breadcrumb-item:last-child .vxe-breadcrumb-item--content{color:var(--vxe-ui-breadcrumb-current-item-color)}.vxe-breadcrumb-item:last-child .vxe-breadcrumb-item--separator{display:none}.vxe-breadcrumb-item--separator{margin:0 .6em;color:var(--vxe-ui-font-placeholder-color)}

package/es/button-group/style.css

@@ -0,0 +1,3 @@
+.vxe-button-group {
+  display: inline-flex;
+}

package/es/button-group/style.min.css

@@ -0,0 +1 @@
+.vxe-button-group{display:inline-flex}

package/es/calendar/index.js

@@ -0,0 +1,10 @@
+import VxeCalendarComponent from './src/calendar';
+import { dynamicApp } from '../dynamics';
+const VxeCalendar = Object.assign({}, VxeCalendarComponent, {
+    install(app) {
+        app.component(VxeCalendarComponent.name, VxeCalendarComponent);
+    }
+});
+dynamicApp.component(VxeCalendarComponent.name, VxeCalendarComponent);
+export const Calendar = VxeCalendar;
+export default VxeCalendar;

package/es/calendar/src/calendar.js

@@ -0,0 +1,37 @@
+import { defineComponent, ref, h, reactive } from 'vue';
+import XEUtils from 'xe-utils';
+export default defineComponent({
+    name: 'VxeCalendar',
+    props: {},
+    emits: [],
+    setup(props, context) {
+        const { slots } = context;
+        const xID = XEUtils.uniqueId();
+        const refElem = ref();
+        const reactData = reactive({});
+        const refMaps = {
+            refElem
+        };
+        const computeMaps = {};
+        const $xeCalendar = {
+            xID,
+            props,
+            context,
+            reactData,
+            getRefMaps: () => refMaps,
+            getComputeMaps: () => computeMaps
+        };
+        const renderVN = () => {
+            const defaultSlot = slots.default;
+            return h('div', {
+                ref: refElem,
+                class: ['vxe-calendar']
+            }, defaultSlot ? defaultSlot({}) : []);
+        };
+        $xeCalendar.renderVN = renderVN;
+        return $xeCalendar;
+    },
+    render() {
+        return this.renderVN();
+    }
+});

package/es/card/index.js

@@ -0,0 +1,10 @@
+import VxeCardComponent from './src/card';
+import { dynamicApp } from '../dynamics';
+const VxeCard = Object.assign({}, VxeCardComponent, {
+    install(app) {
+        app.component(VxeCardComponent.name, VxeCardComponent);
+    }
+});
+dynamicApp.component(VxeCardComponent.name, VxeCardComponent);
+export const Card = VxeCard;
+export default VxeCard;

package/es/card/src/card.js

@@ -0,0 +1,37 @@
+import { defineComponent, ref, h, reactive } from 'vue';
+import XEUtils from 'xe-utils';
+export default defineComponent({
+    name: 'VxeCard',
+    props: {},
+    emits: [],
+    setup(props, context) {
+        const { slots } = context;
+        const xID = XEUtils.uniqueId();
+        const refElem = ref();
+        const reactData = reactive({});
+        const refMaps = {
+            refElem
+        };
+        const computeMaps = {};
+        const $xeCard = {
+            xID,
+            props,
+            context,
+            reactData,
+            getRefMaps: () => refMaps,
+            getComputeMaps: () => computeMaps
+        };
+        const renderVN = () => {
+            const defaultSlot = slots.default;
+            return h('div', {
+                ref: refElem,
+                class: ['vxe-card']
+            }, defaultSlot ? defaultSlot({}) : []);
+        };
+        $xeCard.renderVN = renderVN;
+        return $xeCard;
+    },
+    render() {
+        return this.renderVN();
+    }
+});

package/es/checkbox/src/checkbox.js

@@ -22,7 +22,7 @@ export default defineComponent({
     ],
     setup(props, context) {
         const { slots, emit } = context;
-        const $xeform = inject('$xeForm', null);
+        const $xeForm = inject('$xeForm', null);
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
         const $xecheckbox = {
@@ -66,8 +66,8 @@ export default defineComponent({
                     emit('update:modelValue', value);
                     checkboxMethods.dispatchEvent('change', params, evnt);
                     // 自动更新校验状态
-                    if ($xeform && formItemInfo) {
-                        $xeform.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+                    if ($xeForm && formItemInfo) {
+                        $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
                     }
                 }
             }

package/es/checkbox/src/group.js

@@ -19,7 +19,7 @@ export default defineComponent({
     ],
     setup(props, context) {
         const { slots, emit } = context;
-        const $xeform = inject('$xeForm', null);
+        const $xeForm = inject('$xeForm', null);
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
         const computeIsMaximize = computed(() => {
@@ -75,8 +75,8 @@ export default defineComponent({
                 emit('update:modelValue', checklist);
                 $xeCheckboxGroup.dispatchEvent('change', Object.assign({ checklist }, params), evnt);
                 // 自动更新校验状态
-                if ($xeform && formItemInfo) {
-                    $xeform.triggerItemEvent(evnt, formItemInfo.itemConfig.field, checklist);
+                if ($xeForm && formItemInfo) {
+                    $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, checklist);
                 }
             }
         };

package/es/checkbox/style.css

@@ -62,14 +62,14 @@
           appearance: none;
 }
 .vxe-checkbox.is--indeterminate > input:not(:checked) + .vxe-checkbox--icon {
-  color: var(--vxe-primary-color);
+  color: var(--vxe-ui-font-primary-color);
 }
 .vxe-checkbox:not(.is--disabled) > input:focus + .vxe-checkbox--icon {
-  color: var(--vxe-primary-color);
-  box-shadow: 0 0 0.2em 0 var(--vxe-primary-color);
+  color: var(--vxe-ui-font-primary-color);
+  box-shadow: 0 0 0.2em 0 var(--vxe-ui-font-primary-color);
 }
 .vxe-checkbox:not(.is--disabled):hover > input + .vxe-checkbox--icon {
-  border-color: var(--vxe-primary-color);
+  border-color: var(--vxe-ui-font-primary-color);
 }
 .vxe-checkbox.is--disabled {
   cursor: not-allowed;
@@ -78,7 +78,7 @@
   color: var(--vxe-ui-input-disabled-color);
 }
 .vxe-checkbox.is--disabled > input + .vxe-checkbox--icon + .vxe-checkbox--label {
-  color: var(--vxe-font-disabled-color);
+  color: var(--vxe-ui-font-disabled-color);
 }
 .vxe-checkbox.is--disabled > input:checked + .vxe-checkbox--icon {
   color: var(--vxe-ui-input-disabled-color);
@@ -94,14 +94,14 @@
 }
 
 .vxe-checkbox {
-  font-size: var(--vxe-font-size);
+  font-size: var(--vxe-ui-font-size);
 }
 .vxe-checkbox.size--medium {
-  font-size: var(--vxe-font-size-medium);
+  font-size: var(--vxe-ui-font-size-medium);
 }
 .vxe-checkbox.size--small {
-  font-size: var(--vxe-font-size-small);
+  font-size: var(--vxe-ui-font-size-small);
 }
 .vxe-checkbox.size--mini {
-  font-size: var(--vxe-font-size-mini);
+  font-size: var(--vxe-ui-font-size-mini);
 }

package/es/checkbox/style.min.css

@@ -1 +1 @@
-.vxe-checkbox-group{display:inline-block;vertical-align:middle;line-height:1}.vxe-checkbox{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-checkbox .vxe-checkbox--icon{font-size:1.34em}.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;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){cursor:pointer}.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--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:.5em;vertical-align:middle}.vxe-checkbox+.vxe-checkbox{margin-left:10px}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox.is--indeterminate>input:not(:checked)+.vxe-checkbox--icon{color:var(--vxe-primary-color)}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{color:var(--vxe-primary-color);box-shadow:0 0 .2em 0 var(--vxe-primary-color)}.vxe-checkbox:not(.is--disabled):hover>input+.vxe-checkbox--icon{border-color:var(--vxe-primary-color)}.vxe-checkbox.is--disabled{cursor:not-allowed}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon+.vxe-checkbox--label{color:var(--vxe-font-disabled-color)}.vxe-checkbox.is--disabled>input:checked+.vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox{font-size:var(--vxe-font-size)}.vxe-checkbox.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-checkbox.size--small{font-size:var(--vxe-font-size-small)}.vxe-checkbox.size--mini{font-size:var(--vxe-font-size-mini)}
+.vxe-checkbox-group{display:inline-block;vertical-align:middle;line-height:1}.vxe-checkbox{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-checkbox .vxe-checkbox--icon{font-size:1.34em}.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;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){cursor:pointer}.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--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:.5em;vertical-align:middle}.vxe-checkbox+.vxe-checkbox{margin-left:10px}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox.is--indeterminate>input:not(:checked)+.vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color);box-shadow:0 0 .2em 0 var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled):hover>input+.vxe-checkbox--icon{border-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--disabled{cursor:not-allowed}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon+.vxe-checkbox--label{color:var(--vxe-ui-font-disabled-color)}.vxe-checkbox.is--disabled>input:checked+.vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox{font-size:var(--vxe-ui-font-size)}.vxe-checkbox.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-checkbox.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-checkbox.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/es/collapse/index.js

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

package/es/collapse/src/collapse.js

@@ -0,0 +1,37 @@
+import { defineComponent, ref, h, reactive } from 'vue';
+import XEUtils from 'xe-utils';
+export default defineComponent({
+    name: 'VxeCollapse',
+    props: {},
+    emits: [],
+    setup(props, context) {
+        const { slots } = context;
+        const xID = XEUtils.uniqueId();
+        const refElem = ref();
+        const reactData = reactive({});
+        const refMaps = {
+            refElem
+        };
+        const computeMaps = {};
+        const $xeCollapse = {
+            xID,
+            props,
+            context,
+            reactData,
+            getRefMaps: () => refMaps,
+            getComputeMaps: () => computeMaps
+        };
+        const renderVN = () => {
+            const defaultSlot = slots.default;
+            return h('div', {
+                ref: refElem,
+                class: ['vxe-collapse']
+            }, defaultSlot ? defaultSlot({}) : []);
+        };
+        $xeCollapse.renderVN = renderVN;
+        return $xeCollapse;
+    },
+    render() {
+        return this.renderVN();
+    }
+});

package/es/collapse-pane/index.js

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

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

@@ -0,0 +1,37 @@
+import { defineComponent, ref, h, reactive } from 'vue';
+import XEUtils from 'xe-utils';
+export default defineComponent({
+    name: 'VxeCollapsePane',
+    props: {},
+    emits: [],
+    setup(props, context) {
+        const { slots } = context;
+        const xID = XEUtils.uniqueId();
+        const refElem = ref();
+        const reactData = reactive({});
+        const refMaps = {
+            refElem
+        };
+        const computeMaps = {};
+        const $xeCollapsePane = {
+            xID,
+            props,
+            context,
+            reactData,
+            getRefMaps: () => refMaps,
+            getComputeMaps: () => computeMaps
+        };
+        const renderVN = () => {
+            const defaultSlot = slots.default;
+            return h('div', {
+                ref: refElem,
+                class: ['vxe-collapse-pane']
+            }, defaultSlot ? defaultSlot({}) : []);
+        };
+        $xeCollapsePane.renderVN = renderVN;
+        return $xeCollapsePane;
+    },
+    render() {
+        return this.renderVN();
+    }
+});

package/es/components.js

@@ -6,13 +6,20 @@ import VxeBreadcrumb from './breadcrumb';
 import VxeBreadcrumbItem from './breadcrumb-item';
 import VxeButton from './button';
 import VxeButtonGroup from './button-group';
+import VxeCalendar from './calendar';
+import VxeCard from './card';
 import VxeCheckbox from './checkbox';
 import VxeCheckboxGroup from './checkbox-group';
 import VxeCol from './col';
+import VxeCollapse from './collapse';
+import VxeCollapsePane from './collapse-pane';
+import VxeDateInput from './date-input';
+import VxeDrawer from './drawer';
 import VxeForm from './form';
 import VxeFormDesign from './form-design';
 import VxeFormGather from './form-gather';
 import VxeFormItem from './form-item';
+import VxeFormView from './form-view';
 import VxeIcon from './icon';
 import VxeInput from './input';
 import VxeLayoutAside from './layout-aside';
@@ -21,12 +28,16 @@ import VxeLayoutContainer from './layout-container';
 import VxeLayoutFooter from './layout-footer';
 import VxeLayoutHeader from './layout-header';
 import VxeListDesign from './list-design';
+import VxeListView from './list-view';
 import VxeList from './list';
 import VxeLoading from './loading';
+import VxeMenu from './menu';
 import VxeModal 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 VxePulldown from './pulldown';
 import VxeRadio from './radio';
 import VxeRadioButton from './radio-button';
@@ -38,6 +49,9 @@ import VxeTabPane from './tab-pane';
 import VxeTabs from './tabs';
 import VxeTextarea from './textarea';
 import VxeTooltip from './tooltip';
+import VxeTree from './tree';
+import VxeTreeSelect from './tree-select';
+import VxeUpload from './upload';
 import zhCN from './locale/lang/zh-CN';
 // 默认中文
 setConfig({
@@ -50,13 +64,20 @@ const components = [
     VxeBreadcrumbItem,
     VxeButton,
     VxeButtonGroup,
+    VxeCalendar,
+    VxeCard,
     VxeCheckbox,
     VxeCheckboxGroup,
     VxeCol,
+    VxeCollapse,
+    VxeCollapsePane,
+    VxeDateInput,
+    VxeDrawer,
     VxeForm,
     VxeFormDesign,
     VxeFormGather,
     VxeFormItem,
+    VxeFormView,
     VxeIcon,
     VxeInput,
     VxeLayoutAside,
@@ -65,12 +86,16 @@ const components = [
     VxeLayoutFooter,
     VxeLayoutHeader,
     VxeListDesign,
+    VxeListView,
     VxeList,
     VxeLoading,
+    VxeMenu,
     VxeModal,
+    VxeNumberInput,
     VxeOptgroup,
     VxeOption,
     VxePager,
+    VxePasswordInput,
     VxePulldown,
     VxeRadio,
     VxeRadioButton,
@@ -81,7 +106,10 @@ const components = [
     VxeTabPane,
     VxeTabs,
     VxeTextarea,
-    VxeTooltip
+    VxeTooltip,
+    VxeTree,
+    VxeTreeSelect,
+    VxeUpload
 ];
 export function install(app, options) {
     setConfig(options);
@@ -95,13 +123,20 @@ export * from './breadcrumb';
 export * from './breadcrumb-item';
 export * from './button';
 export * from './button-group';
+export * from './calendar';
+export * from './card';
 export * from './checkbox';
 export * from './checkbox-group';
 export * from './col';
+export * from './collapse';
+export * from './collapse-pane';
+export * from './date-input';
+export * from './drawer';
 export * from './form';
 export * from './form-design';
 export * from './form-gather';
 export * from './form-item';
+export * from './form-view';
 export * from './icon';
 export * from './input';
 export * from './layout-aside';
@@ -110,12 +145,16 @@ export * from './layout-container';
 export * from './layout-footer';
 export * from './layout-header';
 export * from './list-design';
+export * from './list-view';
 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 './pulldown';
 export * from './radio';
 export * from './radio-button';
@@ -127,3 +166,6 @@ export * from './tab-pane';
 export * from './tabs';
 export * from './textarea';
 export * from './tooltip';
+export * from './tree';
+export * from './tree-select';
+export * from './upload';

package/es/date-input/index.js

@@ -0,0 +1,10 @@
+import VxeDateInputComponent from './src/date-input';
+import { dynamicApp } from '../dynamics';
+const VxeDateInput = Object.assign({}, VxeDateInputComponent, {
+    install(app) {
+        app.component(VxeDateInputComponent.name, VxeDateInputComponent);
+    }
+});
+dynamicApp.component(VxeDateInputComponent.name, VxeDateInputComponent);
+export const DateInput = VxeDateInput;
+export default VxeDateInput;

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

@@ -0,0 +1,37 @@
+import { defineComponent, ref, h, reactive } from 'vue';
+import XEUtils from 'xe-utils';
+export default defineComponent({
+    name: 'VxeDateInput',
+    props: {},
+    emits: [],
+    setup(props, context) {
+        const { slots } = context;
+        const xID = XEUtils.uniqueId();
+        const refElem = ref();
+        const reactData = reactive({});
+        const refMaps = {
+            refElem
+        };
+        const computeMaps = {};
+        const $xeDateInput = {
+            xID,
+            props,
+            context,
+            reactData,
+            getRefMaps: () => refMaps,
+            getComputeMaps: () => computeMaps
+        };
+        const renderVN = () => {
+            const defaultSlot = slots.default;
+            return h('div', {
+                ref: refElem,
+                class: ['vxe-date-input']
+            }, defaultSlot ? defaultSlot({}) : []);
+        };
+        $xeDateInput.renderVN = renderVN;
+        return $xeDateInput;
+    },
+    render() {
+        return this.renderVN();
+    }
+});

package/es/drawer/index.js

@@ -0,0 +1,62 @@
+import XEUtils from 'xe-utils';
+import VxeDrawerComponent, { allActiveDrawers } from './src/drawer';
+import VxeCore from '../ui/src/core';
+import { dynamicApp, dynamicStore, checkDynamic } from '../dynamics';
+function openDrawer(options) {
+    // 使用动态组件渲染动态弹框
+    checkDynamic();
+    return new Promise(resolve => {
+        if (options && options.id && allActiveDrawers.some(comp => comp.props.id === options.id)) {
+            resolve('exist');
+        }
+        else {
+            const _onHide = options.onHide;
+            const drawerOpts = Object.assign(options, {
+                key: XEUtils.uniqueId(),
+                modelValue: true,
+                onHide(params) {
+                    const drawerList = dynamicStore.drawers;
+                    if (_onHide) {
+                        _onHide(params);
+                    }
+                    dynamicStore.drawers = drawerList.filter(item => item.key !== drawerOpts.key);
+                    resolve(params.type);
+                }
+            });
+            dynamicStore.drawers.push(drawerOpts);
+        }
+    });
+}
+function getDrawer(id) {
+    return XEUtils.find(allActiveDrawers, $drawer => $drawer.props.id === id);
+}
+/**
+ * 全局关闭动态的活动窗口（只能用于关闭动态的创建的活动窗口）
+ * 如果传 id 则关闭指定的窗口
+ * 如果不传则关闭所有窗口
+ */
+function closeDrawer(id) {
+    const drawers = id ? [getDrawer(id)] : allActiveDrawers;
+    const restPromises = [];
+    drawers.forEach($drawer => {
+        if ($drawer) {
+            restPromises.push($drawer.close());
+        }
+    });
+    return Promise.all(restPromises);
+}
+const DrawerController = {
+    get: getDrawer,
+    close: closeDrawer,
+    open: openDrawer
+};
+export const drawer = DrawerController;
+export const VxeDrawer = Object.assign(VxeDrawerComponent, {
+    install: function (app) {
+        app.component(VxeDrawerComponent.name, VxeDrawerComponent);
+        VxeCore.drawer = DrawerController;
+    }
+});
+dynamicApp.component(VxeDrawerComponent.name, VxeDrawerComponent);
+export const Drawer = VxeDrawer;
+export default VxeDrawer;