vxe-pc-ui 4.11.28 → 4.11.30

package/es/tabs/src/tabs.js

@@ -114,14 +114,11 @@ export default defineVxeComponent({
                 };
         });
         const computeWrapperStyle = computed(() => {
-            const { width, height } = props;
+            const { width } = props;
             const stys = {};
             if (width) {
                 stys.width = toCssUnit(width);
             }
-            if (height) {
-                stys.height = toCssUnit(height);
-            }
             return stys;
         });
         const computeCloseOpts = computed(() => {

package/es/timeline/index.js

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

package/es/timeline/src/timeline-item.js

@@ -0,0 +1,46 @@
+import { ref, h, reactive } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
+import XEUtils from 'xe-utils';
+import { createEvent } from '../../ui';
+export default defineVxeComponent({
+    name: 'VxeTimelineItem',
+    props: {},
+    emits: [],
+    setup(props, context) {
+        const { emit } = context;
+        const xID = XEUtils.uniqueId();
+        const refElem = ref();
+        const reactData = reactive({});
+        const refMaps = {
+            refElem
+        };
+        const computeMaps = {};
+        const $xeTimelineItem = {
+            xID,
+            props,
+            context,
+            reactData,
+            getRefMaps: () => refMaps,
+            getComputeMaps: () => computeMaps
+        };
+        const dispatchEvent = (type, params, evnt) => {
+            emit(type, createEvent(evnt, { $timelineItem: $xeTimelineItem }, params));
+        };
+        const tagMethods = {
+            dispatchEvent
+        };
+        const tagPrivateMethods = {};
+        Object.assign($xeTimelineItem, tagMethods, tagPrivateMethods);
+        const renderVN = () => {
+            return h('div', {
+                ref: refElem,
+                class: 'vxe-timeline-item'
+            });
+        };
+        $xeTimelineItem.renderVN = renderVN;
+        return $xeTimelineItem;
+    },
+    render() {
+        return this.renderVN();
+    }
+});

package/es/timeline/src/timeline.js

@@ -0,0 +1,51 @@
+import { ref, h, reactive } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
+import XEUtils from 'xe-utils';
+import { getConfig, createEvent } from '../../ui';
+export default defineVxeComponent({
+    name: 'VxeTimeline',
+    props: {
+        size: {
+            type: String,
+            default: () => getConfig().timeline.size || getConfig().size
+        }
+    },
+    emits: [],
+    setup(props, context) {
+        const { emit } = context;
+        const xID = XEUtils.uniqueId();
+        const refElem = ref();
+        const reactData = reactive({});
+        const refMaps = {
+            refElem
+        };
+        const computeMaps = {};
+        const $xeTimeline = {
+            xID,
+            props,
+            context,
+            reactData,
+            getRefMaps: () => refMaps,
+            getComputeMaps: () => computeMaps
+        };
+        const dispatchEvent = (type, params, evnt) => {
+            emit(type, createEvent(evnt, { $timeline: $xeTimeline }, params));
+        };
+        const tagMethods = {
+            dispatchEvent
+        };
+        const tagPrivateMethods = {};
+        Object.assign($xeTimeline, tagMethods, tagPrivateMethods);
+        const renderVN = () => {
+            return h('div', {
+                ref: refElem,
+                class: 'vxe-timeline'
+            });
+        };
+        $xeTimeline.renderVN = renderVN;
+        return $xeTimeline;
+    },
+    render() {
+        return this.renderVN();
+    }
+});

package/es/timeline-item/index.js

@@ -0,0 +1,12 @@
+import { VxeUI } from '@vxe-ui/core';
+import VxeTimelineItemComponent from '../timeline/src/timeline-item';
+import { dynamicApp } from '../dynamics';
+export const VxeTimelineItem = Object.assign({}, VxeTimelineItemComponent, {
+    install(app) {
+        app.component(VxeTimelineItemComponent.name, VxeTimelineItemComponent);
+    }
+});
+dynamicApp.use(VxeTimelineItem);
+VxeUI.component(VxeTimelineItemComponent);
+export const TimelineItem = VxeTimelineItem;
+export default VxeTimelineItem;

package/es/tour/index.js

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

package/es/tour/src/tour.js

@@ -0,0 +1,51 @@
+import { ref, h, reactive } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
+import XEUtils from 'xe-utils';
+import { getConfig, createEvent } from '../../ui';
+export default defineVxeComponent({
+    name: 'VxeTour',
+    props: {
+        size: {
+            type: String,
+            default: () => getConfig().tour.size || getConfig().size
+        }
+    },
+    emits: [],
+    setup(props, context) {
+        const { emit } = context;
+        const xID = XEUtils.uniqueId();
+        const refElem = ref();
+        const reactData = reactive({});
+        const refMaps = {
+            refElem
+        };
+        const computeMaps = {};
+        const $xeTour = {
+            xID,
+            props,
+            context,
+            reactData,
+            getRefMaps: () => refMaps,
+            getComputeMaps: () => computeMaps
+        };
+        const dispatchEvent = (type, params, evnt) => {
+            emit(type, createEvent(evnt, { $tour: $xeTour }, params));
+        };
+        const tagMethods = {
+            dispatchEvent
+        };
+        const tagPrivateMethods = {};
+        Object.assign($xeTour, tagMethods, tagPrivateMethods);
+        const renderVN = () => {
+            return h('div', {
+                ref: refElem,
+                class: 'vxe-tour'
+            });
+        };
+        $xeTour.renderVN = renderVN;
+        return $xeTour;
+    },
+    render() {
+        return this.renderVN();
+    }
+});

package/es/ui/index.js

@@ -1,7 +1,7 @@
 import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
 import { dynamicApp } from '../dynamics';
 import { warnLog } from './src/log';
-export const version = "4.11.28";
+export const version = "4.11.30";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 export function config(options) {
@@ -19,6 +19,11 @@ setConfig({
     anchor: {},
     anchorLink: {},
     avatar: {},
+    backtop: {
+        showIcon: true,
+        showContent: true,
+        threshold: 20
+    },
     badge: {},
     breadcrumb: {
         separator: '/'
@@ -51,6 +56,9 @@ setConfig({
         interval: 5000
     },
     carouselItem: {},
+    cascader: {
+        autoClose: true
+    },
     checkbox: {},
     checkboxButton: {},
     checkboxGroup: {},
@@ -288,6 +296,7 @@ setConfig({
     rate: {},
     result: {},
     row: {},
+    segmented: {},
     select: {
         multiCharOverflow: 8,
         remoteConfig: {
@@ -352,6 +361,8 @@ setConfig({
     textarea: {
         resize: 'none'
     },
+    timeline: {},
+    timelineItem: {},
     tip: {},
     tooltip: {
         // size: null,
@@ -613,7 +624,9 @@ setIcon({
     SPLIT_TOP_ACTION: iconPrefix + 'arrow-up',
     SPLIT_BOTTOM_ACTION: iconPrefix + 'arrow-down',
     SPLIT_LEFT_ACTION: iconPrefix + 'arrow-left',
-    SPLIT_RIGHT_ACTION: iconPrefix + 'arrow-right'
+    SPLIT_RIGHT_ACTION: iconPrefix + 'arrow-right',
+    // backtop
+    BACKTOP_TOP: iconPrefix + 'top'
 });
 export * from '@vxe-ui/core';
 export default VxeUI;

package/es/ui/src/log.js

@@ -1,4 +1,4 @@
 import { log } from '@vxe-ui/core';
-const version = `ui v${"4.11.28"}`;
+const version = `ui v${"4.11.30"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/es/vxe-backtop/index.js

@@ -0,0 +1,3 @@
+import VxeBacktop from '../backtop';
+export * from '../backtop';
+export default VxeBacktop;

package/es/vxe-backtop/style.css

@@ -0,0 +1,90 @@
+.vxe-backtop {
+  display: inline-flex;
+  position: absolute;
+  opacity: 0;
+  right: 1.6em;
+  bottom: 1.6em;
+  color: var(--vxe-ui-font-color);
+  font-family: var(--vxe-ui-font-family);
+  background-color: var(--vxe-ui-layout-background-color);
+  border-radius: var(--vxe-ui-base-border-radius);
+  transition: all 0.3s;
+  cursor: pointer;
+  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
+  z-index: 9;
+}
+.vxe-backtop.is--visible {
+  opacity: 1;
+}
+.vxe-backtop.is--circle {
+  border-radius: 50%;
+}
+.vxe-backtop.is--circle .vxe-backtop--inner {
+  border-radius: 50%;
+}
+.vxe-backtop.is--fixed {
+  position: fixed;
+}
+.vxe-backtop.is--absolute {
+  position: absolute;
+}
+
+.vxe-backtop--inner {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0.4em;
+  display: flex;
+  text-align: center;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--vxe-ui-base-border-radius);
+}
+
+.vxe-backtop:hover {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-backtop:hover .vxe-backtop--inner {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+.vxe-backtop.theme--primary {
+  color: #fff;
+  background-color: var(--vxe-ui-font-primary-color);
+}
+.vxe-backtop.theme--success {
+  color: #fff;
+  background-color: var(--vxe-ui-status-success-color);
+}
+.vxe-backtop.theme--info {
+  color: #fff;
+  background-color: var(--vxe-ui-status-info-color);
+}
+.vxe-backtop.theme--warning {
+  color: #fff;
+  background-color: var(--vxe-ui-status-warning-color);
+}
+.vxe-backtop.theme--danger {
+  color: #fff;
+  background-color: var(--vxe-ui-status-danger-color);
+}
+.vxe-backtop.theme--error {
+  color: #fff;
+  background-color: var(--vxe-ui-status-error-color);
+}
+
+.vxe-backtop--icon {
+  font-size: 1.4em;
+}
+
+.vxe-backtop {
+  font-size: var(--vxe-ui-font-size-default);
+}
+.vxe-backtop.size--medium {
+  font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-backtop.size--small {
+  font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-backtop.size--mini {
+  font-size: var(--vxe-ui-font-size-mini);
+}

package/es/vxe-backtop/style.min.css

@@ -0,0 +1 @@
+.vxe-backtop{display:inline-flex;position:absolute;opacity:0;right:1.6em;bottom:1.6em;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);transition:all .3s;cursor:pointer;box-shadow:0 0 6px rgba(0,0,0,.3);z-index:9}.vxe-backtop.is--visible{opacity:1}.vxe-backtop.is--circle{border-radius:50%}.vxe-backtop.is--circle .vxe-backtop--inner{border-radius:50%}.vxe-backtop.is--fixed{position:fixed}.vxe-backtop.is--absolute{position:absolute}.vxe-backtop--inner{min-width:3em;min-height:3em;padding:.4em;display:flex;text-align:center;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--vxe-ui-base-border-radius)}.vxe-backtop:hover{color:var(--vxe-ui-font-primary-color)}.vxe-backtop:hover .vxe-backtop--inner{background-color:rgba(0,0,0,.1)}.vxe-backtop.theme--primary{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.vxe-backtop.theme--success{color:#fff;background-color:var(--vxe-ui-status-success-color)}.vxe-backtop.theme--info{color:#fff;background-color:var(--vxe-ui-status-info-color)}.vxe-backtop.theme--warning{color:#fff;background-color:var(--vxe-ui-status-warning-color)}.vxe-backtop.theme--danger{color:#fff;background-color:var(--vxe-ui-status-danger-color)}.vxe-backtop.theme--error{color:#fff;background-color:var(--vxe-ui-status-error-color)}.vxe-backtop--icon{font-size:1.4em}.vxe-backtop{font-size:var(--vxe-ui-font-size-default)}.vxe-backtop.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-backtop.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-backtop.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/es/vxe-cascader/index.js

@@ -0,0 +1,3 @@
+import VxeCascader from '../cascader';
+export * from '../cascader';
+export default VxeCascader;

package/es/vxe-cascader/style.css

@@ -0,0 +1,168 @@
+.vxe-cascader {
+  position: relative;
+  display: inline-block;
+  width: 180px;
+  color: var(--vxe-ui-font-color);
+  text-align: left;
+}
+.vxe-cascader > .vxe-input .vxe-input--inner {
+  cursor: pointer;
+}
+.vxe-cascader.is--filterable .vxe-cascader-tree--wrapper {
+  padding-top: 0;
+}
+.vxe-cascader.is--filterable .vxe-cascader--panel-header {
+  border-top: 1px solid var(--vxe-ui-base-popup-border-color);
+}
+.vxe-cascader.is--disabled > .vxe-input .vxe-input--inner {
+  cursor: no-drop;
+}
+.vxe-cascader.is--loading > .vxe-input .vxe-input--inner {
+  cursor: progress;
+}
+.vxe-cascader > .vxe-input {
+  width: 100%;
+}
+.vxe-cascader > .vxe-input .vxe-input--suffix-icon > i {
+  display: inline-block;
+  transition: transform 0.2s ease-in-out;
+}
+.vxe-cascader.is--active:not(.is--filter) > .vxe-input {
+  border-color: var(--vxe-ui-font-primary-color);
+}
+
+.vxe-cascader--readonly {
+  color: var(--vxe-ui-font-color);
+  display: inline-flex;
+}
+
+.vxe-cascader--panel {
+  pointer-events: none;
+  display: none;
+  position: absolute;
+  left: 0;
+  padding: 4px 0;
+  color: var(--vxe-ui-font-color);
+  text-align: left;
+}
+.vxe-cascader--panel:not(.is--transfer) {
+  min-width: 100%;
+}
+.vxe-cascader--panel.is--transfer {
+  position: fixed;
+}
+.vxe-cascader--panel.ani--leave {
+  display: block;
+  opacity: 0;
+  transform: scaleY(0.5);
+  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+  transform-origin: center top;
+  backface-visibility: hidden;
+}
+.vxe-cascader--panel.ani--leave[placement=top] {
+  transform-origin: center bottom;
+}
+.vxe-cascader--panel.ani--enter {
+  opacity: 1;
+  transform: scaleY(1);
+}
+.vxe-cascader--panel.ani--enter > div::after {
+  display: none;
+}
+.vxe-cascader--panel > div::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
+.vxe-cascader--panel-search {
+  display: block;
+}
+.vxe-cascader--panel-search .vxe-cascader-search--input {
+  width: 100%;
+}
+
+.vxe-cascader--header-button {
+  display: flex;
+  flex-direction: row;
+  white-space: nowrap;
+}
+
+.vxe-cascader--header-total {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  padding-left: 0.8em;
+}
+
+.vxe-cascader--header-btns {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  justify-content: right;
+}
+
+.vxe-cascader--panel-wrapper {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  border-radius: var(--vxe-ui-base-border-radius);
+  border: 1px solid var(--vxe-ui-base-popup-border-color);
+  box-shadow: var(--vxe-ui-base-popup-box-shadow);
+  background-color: var(--vxe-ui-layout-background-color);
+  pointer-events: auto;
+}
+
+.vxe-cascader--panel-search {
+  display: block;
+  padding: var(--vxe-ui-layout-padding-default);
+}
+.vxe-cascader--panel-search .vxe-cascader-search--input {
+  width: 100%;
+}
+
+.vxe-cascader--panel-header {
+  border-bottom: 1px solid var(--vxe-ui-base-popup-border-color);
+}
+
+.vxe-cascader--panel-footer {
+  border-top: 1px solid var(--vxe-ui-base-popup-border-color);
+}
+
+.vxe-cascader--panel-header,
+.vxe-cascader--panel-footer {
+  padding: 4px 0;
+}
+
+.vxe-cascader-tree--wrapper {
+  position: relative;
+  overflow: auto;
+  padding: var(--vxe-ui-layout-padding-default);
+  outline: 0;
+}
+
+.vxe-cascader,
+.vxe-cascader--panel {
+  font-size: var(--vxe-ui-font-size-default);
+}
+.vxe-cascader.size--medium,
+.vxe-cascader--panel.size--medium {
+  font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-cascader.size--small,
+.vxe-cascader--panel.size--small {
+  font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-cascader.size--mini,
+.vxe-cascader--panel.size--mini {
+  font-size: var(--vxe-ui-font-size-mini);
+}

package/es/vxe-cascader/style.min.css

@@ -0,0 +1 @@
+.vxe-cascader{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-cascader>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-cascader.is--filterable .vxe-cascader-tree--wrapper{padding-top:0}.vxe-cascader.is--filterable .vxe-cascader--panel-header{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-cascader.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-cascader>.vxe-input{width:100%}.vxe-cascader>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-cascader.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-cascader--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-cascader--panel{pointer-events:none;display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-cascader--panel:not(.is--transfer){min-width:100%}.vxe-cascader--panel.is--transfer{position:fixed}.vxe-cascader--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-cascader--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-cascader--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-cascader--panel.ani--enter>div::after{display:none}.vxe-cascader--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-cascader--panel-search{display:block}.vxe-cascader--panel-search .vxe-cascader-search--input{width:100%}.vxe-cascader--header-button{display:flex;flex-direction:row;white-space:nowrap}.vxe-cascader--header-total{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;padding-left:.8em}.vxe-cascader--header-btns{display:flex;flex-direction:row;flex-grow:1;justify-content:right}.vxe-cascader--panel-wrapper{display:flex;flex-direction:column;position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color);pointer-events:auto}.vxe-cascader--panel-search{display:block;padding:var(--vxe-ui-layout-padding-default)}.vxe-cascader--panel-search .vxe-cascader-search--input{width:100%}.vxe-cascader--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader--panel-footer,.vxe-cascader--panel-header{padding:4px 0}.vxe-cascader-tree--wrapper{position:relative;overflow:auto;padding:var(--vxe-ui-layout-padding-default);outline:0}.vxe-cascader,.vxe-cascader--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-cascader--panel.size--medium,.vxe-cascader.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-cascader--panel.size--small,.vxe-cascader.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-cascader--panel.size--mini,.vxe-cascader.size--mini{font-size:var(--vxe-ui-font-size-mini)}