vxe-pc-ui 4.11.28 → 4.11.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -0
- package/es/backtop/index.js +12 -0
- package/es/backtop/src/backtop.js +231 -0
- package/es/backtop/style.css +90 -0
- package/es/backtop/style.min.css +1 -0
- package/es/cascader/index.js +12 -0
- package/es/cascader/src/cascader.js +669 -0
- package/es/cascader/style.css +168 -0
- package/es/cascader/style.min.css +1 -0
- package/es/components.js +18 -0
- package/es/icon/{iconfont.1767178201934.ttf → iconfont.1767491587367.ttf} +0 -0
- package/es/icon/iconfont.1767491587367.woff +0 -0
- package/es/icon/iconfont.1767491587367.woff2 +0 -0
- package/es/icon/style.css +9 -1
- package/es/icon/style.min.css +1 -1
- package/{lib/icon/style/iconfont.1767178201934.ttf → es/iconfont.1767491587367.ttf} +0 -0
- package/es/iconfont.1767491587367.woff +0 -0
- package/es/iconfont.1767491587367.woff2 +0 -0
- package/es/layout-body/src/layout-body.js +39 -6
- package/es/mention/index.js +12 -0
- package/es/mention/src/mention.js +51 -0
- package/es/mention/style.css +0 -0
- package/es/mention/style.min.css +0 -0
- package/es/segmented/index.js +12 -0
- package/es/segmented/src/segmented.js +228 -0
- package/es/segmented/style.css +197 -0
- package/es/segmented/style.min.css +1 -0
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/tabs/src/tabs.js +1 -4
- package/es/timeline/index.js +12 -0
- package/es/timeline/src/timeline-item.js +46 -0
- package/es/timeline/src/timeline.js +51 -0
- package/es/timeline/style.css +0 -0
- package/es/timeline/style.min.css +0 -0
- package/es/timeline-item/index.js +12 -0
- package/es/timeline-item/style.css +0 -0
- package/es/timeline-item/style.min.css +0 -0
- package/es/tour/index.js +12 -0
- package/es/tour/src/tour.js +51 -0
- package/es/tour/style.css +0 -0
- package/es/tour/style.min.css +0 -0
- package/es/ui/index.js +15 -2
- package/es/ui/src/log.js +1 -1
- package/es/vxe-backtop/index.js +3 -0
- package/es/vxe-backtop/style.css +90 -0
- package/es/vxe-backtop/style.min.css +1 -0
- package/es/vxe-cascader/index.js +3 -0
- package/es/vxe-cascader/style.css +168 -0
- package/es/vxe-cascader/style.min.css +1 -0
- package/es/vxe-icon/style.css +9 -1
- package/es/vxe-icon/style.min.css +1 -1
- package/es/vxe-mention/index.js +3 -0
- package/es/vxe-mention/style.css +0 -0
- package/es/vxe-mention/style.min.css +0 -0
- package/es/vxe-segmented/index.js +3 -0
- package/es/vxe-segmented/style.css +197 -0
- package/es/vxe-segmented/style.min.css +1 -0
- package/es/vxe-timeline/index.js +3 -0
- package/es/vxe-timeline/style.css +0 -0
- package/es/vxe-timeline/style.min.css +0 -0
- package/es/vxe-timeline-item/index.js +3 -0
- package/es/vxe-timeline-item/style.css +0 -0
- package/es/vxe-timeline-item/style.min.css +0 -0
- package/es/vxe-tour/index.js +3 -0
- package/es/vxe-tour/style.css +0 -0
- package/es/vxe-tour/style.min.css +0 -0
- package/lib/backtop/index.js +19 -0
- package/lib/backtop/index.min.js +1 -0
- package/lib/backtop/src/backtop.js +256 -0
- package/lib/backtop/src/backtop.min.js +1 -0
- package/lib/backtop/style/index.js +1 -0
- package/lib/backtop/style/style.css +90 -0
- package/lib/backtop/style/style.min.css +1 -0
- package/lib/cascader/index.js +19 -0
- package/lib/cascader/index.min.js +1 -0
- package/lib/cascader/src/cascader.js +723 -0
- package/lib/cascader/src/cascader.min.js +1 -0
- package/lib/cascader/style/index.js +1 -0
- package/lib/cascader/style/style.css +168 -0
- package/lib/cascader/style/style.min.css +1 -0
- package/lib/components.js +73 -1
- package/lib/components.min.js +1 -1
- package/lib/{iconfont.1767178201934.ttf → icon/style/iconfont.1767491587367.ttf} +0 -0
- package/lib/icon/style/iconfont.1767491587367.woff +0 -0
- package/lib/icon/style/iconfont.1767491587367.woff2 +0 -0
- package/lib/icon/style/style.css +9 -1
- package/lib/icon/style/style.min.css +9 -1
- package/{es/iconfont.1767178201934.ttf → lib/iconfont.1767491587367.ttf} +0 -0
- package/lib/iconfont.1767491587367.woff +0 -0
- package/lib/iconfont.1767491587367.woff2 +0 -0
- package/lib/index.umd.js +5263 -3740
- package/lib/index.umd.min.js +1 -1
- package/lib/layout-body/src/layout-body.js +34 -4
- package/lib/layout-body/src/layout-body.min.js +1 -1
- package/lib/mention/index.js +19 -0
- package/lib/mention/index.min.js +1 -0
- package/lib/mention/src/mention.js +62 -0
- package/lib/mention/src/mention.min.js +1 -0
- package/lib/mention/style/index.js +1 -0
- package/lib/mention/style/style.css +0 -0
- package/lib/mention/style/style.min.css +0 -0
- package/lib/segmented/index.js +19 -0
- package/lib/segmented/index.min.js +1 -0
- package/lib/segmented/src/segmented.js +245 -0
- package/lib/segmented/src/segmented.min.js +1 -0
- package/lib/segmented/style/index.js +1 -0
- package/lib/segmented/style/style.css +197 -0
- package/lib/segmented/style/style.min.css +1 -0
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/tabs/src/tabs.js +1 -5
- package/lib/tabs/src/tabs.min.js +1 -1
- package/lib/timeline/index.js +19 -0
- package/lib/timeline/index.min.js +1 -0
- package/lib/timeline/src/timeline-item.js +57 -0
- package/lib/timeline/src/timeline-item.min.js +1 -0
- package/lib/timeline/src/timeline.js +62 -0
- package/lib/timeline/src/timeline.min.js +1 -0
- package/lib/timeline/style/index.js +1 -0
- package/lib/timeline/style/style.css +0 -0
- package/lib/timeline/style/style.min.css +0 -0
- package/lib/timeline-item/index.js +19 -0
- package/lib/timeline-item/index.min.js +1 -0
- package/lib/timeline-item/style/index.js +1 -0
- package/lib/timeline-item/style/style.css +0 -0
- package/lib/timeline-item/style/style.min.css +0 -0
- package/lib/tour/index.js +19 -0
- package/lib/tour/index.min.js +1 -0
- package/lib/tour/src/tour.js +62 -0
- package/lib/tour/src/tour.min.js +1 -0
- package/lib/tour/style/index.js +1 -0
- package/lib/tour/style/style.css +0 -0
- package/lib/tour/style/style.min.css +0 -0
- package/lib/ui/index.js +15 -2
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/vxe-backtop/index.js +22 -0
- package/lib/vxe-backtop/index.min.js +1 -0
- package/lib/vxe-backtop/style/index.js +1 -0
- package/lib/vxe-backtop/style/style.css +90 -0
- package/lib/vxe-backtop/style/style.min.css +1 -0
- package/lib/vxe-cascader/index.js +22 -0
- package/lib/vxe-cascader/index.min.js +1 -0
- package/lib/vxe-cascader/style/index.js +1 -0
- package/lib/vxe-cascader/style/style.css +168 -0
- package/lib/vxe-cascader/style/style.min.css +1 -0
- package/lib/vxe-icon/style/style.css +9 -1
- package/lib/vxe-icon/style/style.min.css +1 -1
- package/lib/vxe-mention/index.js +22 -0
- package/lib/vxe-mention/index.min.js +1 -0
- package/lib/vxe-mention/style/index.js +1 -0
- package/lib/vxe-mention/style/style.css +0 -0
- package/lib/vxe-mention/style/style.min.css +0 -0
- package/lib/vxe-segmented/index.js +22 -0
- package/lib/vxe-segmented/index.min.js +1 -0
- package/lib/vxe-segmented/style/index.js +1 -0
- package/lib/vxe-segmented/style/style.css +197 -0
- package/lib/vxe-segmented/style/style.min.css +1 -0
- package/lib/vxe-timeline/index.js +22 -0
- package/lib/vxe-timeline/index.min.js +1 -0
- package/lib/vxe-timeline/style/index.js +1 -0
- package/lib/vxe-timeline/style/style.css +0 -0
- package/lib/vxe-timeline/style/style.min.css +0 -0
- package/lib/vxe-timeline-item/index.js +22 -0
- package/lib/vxe-timeline-item/index.min.js +1 -0
- package/lib/vxe-timeline-item/style/index.js +1 -0
- package/lib/vxe-timeline-item/style/style.css +0 -0
- package/lib/vxe-timeline-item/style/style.min.css +0 -0
- package/lib/vxe-tour/index.js +22 -0
- package/lib/vxe-tour/index.min.js +1 -0
- package/lib/vxe-tour/style/index.js +1 -0
- package/lib/vxe-tour/style/style.css +0 -0
- package/lib/vxe-tour/style/style.min.css +0 -0
- package/package.json +1 -1
- package/packages/backtop/index.ts +16 -0
- package/packages/backtop/src/backtop.ts +264 -0
- package/packages/cascader/index.ts +16 -0
- package/packages/cascader/src/cascader.ts +739 -0
- package/packages/components.ts +18 -0
- package/packages/layout-body/src/layout-body.ts +43 -9
- package/packages/mention/index.ts +16 -0
- package/packages/mention/src/mention.ts +71 -0
- package/packages/segmented/index.ts +16 -0
- package/packages/segmented/src/segmented.ts +264 -0
- package/packages/tabs/src/tabs.ts +1 -4
- package/packages/timeline/index.ts +16 -0
- package/packages/timeline/src/timeline-item.ts +67 -0
- package/packages/timeline/src/timeline.ts +71 -0
- package/packages/timeline-item/index.ts +16 -0
- package/packages/tour/index.ts +16 -0
- package/packages/tour/src/tour.ts +71 -0
- package/packages/ui/index.ts +15 -1
- package/styles/all.scss +7 -0
- package/styles/components/backtop.scss +111 -0
- package/styles/components/cascader.scss +140 -0
- package/styles/components/icon.scss +9 -2
- package/styles/components/mention.scss +0 -0
- package/styles/components/segmented.scss +216 -0
- package/styles/components/timeline-item.scss +0 -0
- package/styles/components/timeline.scss +0 -0
- package/styles/components/tour.scss +0 -0
- package/styles/icon/iconfont.ttf +0 -0
- package/styles/icon/iconfont.woff +0 -0
- package/styles/icon/iconfont.woff2 +0 -0
- package/styles/theme/base.scss +4 -0
- package/types/all.d.ts +21 -0
- package/types/components/backtop.d.ts +111 -0
- package/types/components/cascader.d.ts +255 -0
- package/types/components/icon.d.ts +2 -2
- package/types/components/layout-body.d.ts +9 -0
- package/types/components/list.d.ts +2 -2
- package/types/components/mention.d.ts +77 -0
- package/types/components/rate.d.ts +1 -1
- package/types/components/segmented.d.ts +123 -0
- package/types/components/select.d.ts +1 -1
- package/types/components/table.d.ts +4 -4
- package/types/components/timeline-item.d.ts +75 -0
- package/types/components/timeline.d.ts +77 -0
- package/types/components/tour.d.ts +77 -0
- package/types/components/tree-select.d.ts +1 -1
- package/types/components/tree.d.ts +1 -1
- package/types/ui/global-config.d.ts +14 -0
- package/types/ui/global-icon.d.ts +3 -0
- package/es/icon/iconfont.1767178201934.woff +0 -0
- package/es/icon/iconfont.1767178201934.woff2 +0 -0
- package/es/iconfont.1767178201934.woff +0 -0
- package/es/iconfont.1767178201934.woff2 +0 -0
- package/lib/icon/style/iconfont.1767178201934.woff +0 -0
- package/lib/icon/style/iconfont.1767178201934.woff2 +0 -0
- package/lib/iconfont.1767178201934.woff +0 -0
- package/lib/iconfont.1767178201934.woff2 +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.vxe-segmented{display:block;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-segmented--group{display:inline-flex;position:relative;background-color:var(--vxe-ui-segmented-item-background-color)}.vxe-segmented--inner{width:100%;position:relative;display:flex;flex-direction:row;white-space:nowrap}.vxe-segmented--item{display:block;padding:0 .8em;margin:0}.vxe-segmented--item:not(.is--disabled){cursor:pointer}.vxe-segmented--input{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none}.vxe-segmented--content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.4em 0;transition:color .3s}.vxe-segmented--label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-segmented--selected{display:none;position:absolute;top:0;left:0;width:0;height:100%;transition:all .3s;pointer-events:none}.vxe-segmented.type--round .vxe-segmented--group{border-radius:1em}.vxe-segmented.type--round .vxe-segmented--selected{border-radius:1em}.vxe-segmented.type--round .vxe-segmented--item:hover{border-radius:1em}.vxe-segmented.type--default .vxe-segmented--content,.vxe-segmented.type--round .vxe-segmented--content{min-height:2.2em;height:100%}.vxe-segmented.type--default .vxe-segmented--item:hover,.vxe-segmented.type--round .vxe-segmented--item:hover{background-color:var(--vxe-ui-segmented-item-hover-background-color)}.vxe-segmented.type--default .vxe-segmented--item.is--checked .vxe-segmented--content,.vxe-segmented.type--round .vxe-segmented--item.is--checked .vxe-segmented--content{color:#fff}.vxe-segmented.type--default .vxe-segmented--selected,.vxe-segmented.type--round .vxe-segmented--selected{background-color:var(--vxe-ui-font-primary-color)}.vxe-segmented.type--default.theme--primary .vxe-segmented--group,.vxe-segmented.type--round.theme--primary .vxe-segmented--group{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-segmented.type--default.theme--primary .vxe-segmented--selected,.vxe-segmented.type--round.theme--primary .vxe-segmented--selected{background-color:var(--vxe-ui-font-primary-color)}.vxe-segmented.type--default.theme--primary .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--primary .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default.theme--success .vxe-segmented--group,.vxe-segmented.type--round.theme--success .vxe-segmented--group{background-color:var(--vxe-ui-status-success-tinge-color)}.vxe-segmented.type--default.theme--success .vxe-segmented--selected,.vxe-segmented.type--round.theme--success .vxe-segmented--selected{background-color:var(--vxe-ui-status-success-color)}.vxe-segmented.type--default.theme--success .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--success .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default.theme--info .vxe-segmented--group,.vxe-segmented.type--round.theme--info .vxe-segmented--group{background-color:var(--vxe-ui-status-info-tinge-color)}.vxe-segmented.type--default.theme--info .vxe-segmented--selected,.vxe-segmented.type--round.theme--info .vxe-segmented--selected{background-color:var(--vxe-ui-status-info-color)}.vxe-segmented.type--default.theme--info .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--info .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default.theme--warning .vxe-segmented--group,.vxe-segmented.type--round.theme--warning .vxe-segmented--group{background-color:var(--vxe-ui-status-warning-tinge-color)}.vxe-segmented.type--default.theme--warning .vxe-segmented--selected,.vxe-segmented.type--round.theme--warning .vxe-segmented--selected{background-color:var(--vxe-ui-status-warning-color)}.vxe-segmented.type--default.theme--warning .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--warning .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default.theme--danger .vxe-segmented--group,.vxe-segmented.type--round.theme--danger .vxe-segmented--group{background-color:var(--vxe-ui-status-danger-tinge-color)}.vxe-segmented.type--default.theme--danger .vxe-segmented--selected,.vxe-segmented.type--round.theme--danger .vxe-segmented--selected{background-color:var(--vxe-ui-status-danger-color)}.vxe-segmented.type--default.theme--danger .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--danger .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default.theme--error .vxe-segmented--group,.vxe-segmented.type--round.theme--error .vxe-segmented--group{background-color:var(--vxe-ui-status-error-tinge-color)}.vxe-segmented.type--default.theme--error .vxe-segmented--selected,.vxe-segmented.type--round.theme--error .vxe-segmented--selected{background-color:var(--vxe-ui-status-error-color)}.vxe-segmented.type--default.theme--error .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--error .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default .vxe-segmented--group,.vxe-segmented.type--inside .vxe-segmented--group{border-radius:var(--vxe-ui-base-border-radius)}.vxe-segmented.type--default .vxe-segmented--selected,.vxe-segmented.type--inside .vxe-segmented--selected{border-radius:var(--vxe-ui-base-border-radius)}.vxe-segmented.type--inside .vxe-segmented--content{min-height:1.8em}.vxe-segmented.type--inside .vxe-segmented--inner{padding:.2em}.vxe-segmented.type--inside .vxe-segmented--item:hover .vxe-segmented--content{color:var(--vxe-ui-font-primary-color)}.vxe-segmented.type--inside .vxe-segmented--item.is--checked .vxe-segmented--content{color:var(--vxe-ui-font-primary-color)}.vxe-segmented.type--inside .vxe-segmented--selected{top:.2em;height:calc(100% - .4em);background-color:#fff}.vxe-segmented.type--inside.theme--primary .vxe-segmented--item.is--checked{color:var(--vxe-ui-font-primary-tinge-color)}.vxe-segmented.type--inside.theme--success .vxe-segmented--item.is--checked{color:var(--vxe-ui-status-success-tinge-color)}.vxe-segmented.type--inside.theme--info .vxe-segmented--item.is--checked{color:var(--vxe-ui-status-info-tinge-color)}.vxe-segmented.type--inside.theme--warning .vxe-segmented--item.is--checked{color:var(--vxe-ui-status-warning-tinge-color)}.vxe-segmented.type--inside.theme--danger .vxe-segmented--item.is--checked{color:var(--vxe-ui-status-danger-tinge-color)}.vxe-segmented.type--inside.theme--error .vxe-segmented--item.is--checked{color:var(--vxe-ui-status-error-tinge-color)}.vxe-segmented{font-size:var(--vxe-ui-font-size-default)}.vxe-segmented.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-segmented.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-segmented.size--mini{font-size:var(--vxe-ui-font-size-mini)}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.VxeBacktop = exports.Backtop = void 0;
|
|
7
|
+
var _core = require("@vxe-ui/core");
|
|
8
|
+
var _backtop = _interopRequireDefault(require("./src/backtop"));
|
|
9
|
+
var _dynamics = require("../dynamics");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
const VxeBacktop = exports.VxeBacktop = Object.assign({}, _backtop.default, {
|
|
12
|
+
install(app) {
|
|
13
|
+
app.component(_backtop.default.name, _backtop.default);
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
_dynamics.dynamicApp.use(VxeBacktop);
|
|
17
|
+
_core.VxeUI.component(_backtop.default);
|
|
18
|
+
const Backtop = exports.Backtop = VxeBacktop;
|
|
19
|
+
var _default = exports.default = VxeBacktop;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeBacktop=exports.Backtop=void 0;var _core=require("@vxe-ui/core"),_backtop=_interopRequireDefault(require("./src/backtop")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeBacktop=exports.VxeBacktop=Object.assign({},_backtop.default,{install(e){e.component(_backtop.default.name,_backtop.default)}}),Backtop=(_dynamics.dynamicApp.use(VxeBacktop),_core.VxeUI.component(_backtop.default),exports.Backtop=VxeBacktop);var _default=exports.default=VxeBacktop;
|
|
@@ -0,0 +1,256 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _vue = require("vue");
|
|
8
|
+
var _comp = require("../../ui/src/comp");
|
|
9
|
+
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
10
|
+
var _ui = require("../../ui");
|
|
11
|
+
var _log = require("../../ui/src/log");
|
|
12
|
+
var _dom = require("../../ui/src/dom");
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
+
function createInternalData() {
|
|
15
|
+
return {
|
|
16
|
+
targetEl: null
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
function createReactData() {
|
|
20
|
+
return {
|
|
21
|
+
showBtn: false
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
25
|
+
name: 'VxeBacktop',
|
|
26
|
+
props: {
|
|
27
|
+
target: String,
|
|
28
|
+
size: {
|
|
29
|
+
type: String,
|
|
30
|
+
default: () => (0, _ui.getConfig)().backtop.size || (0, _ui.getConfig)().size
|
|
31
|
+
},
|
|
32
|
+
circle: {
|
|
33
|
+
type: Boolean,
|
|
34
|
+
default: () => (0, _ui.getConfig)().backtop.circle
|
|
35
|
+
},
|
|
36
|
+
right: {
|
|
37
|
+
type: [String, Number],
|
|
38
|
+
default: () => (0, _ui.getConfig)().backtop.right
|
|
39
|
+
},
|
|
40
|
+
bottom: {
|
|
41
|
+
type: [String, Number],
|
|
42
|
+
default: () => (0, _ui.getConfig)().backtop.bottom
|
|
43
|
+
},
|
|
44
|
+
status: {
|
|
45
|
+
type: [String, Number],
|
|
46
|
+
default: () => (0, _ui.getConfig)().backtop.status
|
|
47
|
+
},
|
|
48
|
+
icon: {
|
|
49
|
+
type: String,
|
|
50
|
+
default: () => (0, _ui.getConfig)().backtop.icon
|
|
51
|
+
},
|
|
52
|
+
showIcon: {
|
|
53
|
+
type: Boolean,
|
|
54
|
+
default: () => (0, _ui.getConfig)().backtop.showIcon
|
|
55
|
+
},
|
|
56
|
+
content: {
|
|
57
|
+
type: [String, Number],
|
|
58
|
+
default: () => (0, _ui.getConfig)().backtop.content
|
|
59
|
+
},
|
|
60
|
+
showContent: {
|
|
61
|
+
type: Boolean,
|
|
62
|
+
default: () => (0, _ui.getConfig)().backtop.showContent
|
|
63
|
+
},
|
|
64
|
+
zIndex: {
|
|
65
|
+
type: [String, Number],
|
|
66
|
+
default: () => (0, _ui.getConfig)().backtop.zIndex
|
|
67
|
+
},
|
|
68
|
+
threshold: {
|
|
69
|
+
type: [String, Number],
|
|
70
|
+
default: () => (0, _ui.getConfig)().backtop.threshold
|
|
71
|
+
},
|
|
72
|
+
position: {
|
|
73
|
+
type: String,
|
|
74
|
+
default: () => (0, _ui.getConfig)().backtop.position
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
emits: ['click'],
|
|
78
|
+
setup(props, context) {
|
|
79
|
+
const {
|
|
80
|
+
slots,
|
|
81
|
+
emit
|
|
82
|
+
} = context;
|
|
83
|
+
const xID = _xeUtils.default.uniqueId();
|
|
84
|
+
const refElem = (0, _vue.ref)();
|
|
85
|
+
const {
|
|
86
|
+
computeSize
|
|
87
|
+
} = (0, _ui.useSize)(props);
|
|
88
|
+
const internalData = createInternalData();
|
|
89
|
+
const reactData = (0, _vue.reactive)(createReactData());
|
|
90
|
+
const refMaps = {
|
|
91
|
+
refElem
|
|
92
|
+
};
|
|
93
|
+
const computeWrapperStyle = (0, _vue.computed)(() => {
|
|
94
|
+
const {
|
|
95
|
+
right,
|
|
96
|
+
bottom,
|
|
97
|
+
zIndex
|
|
98
|
+
} = props;
|
|
99
|
+
const stys = {};
|
|
100
|
+
if (right) {
|
|
101
|
+
stys.right = (0, _dom.toCssUnit)(right);
|
|
102
|
+
}
|
|
103
|
+
if (bottom) {
|
|
104
|
+
stys.bottom = (0, _dom.toCssUnit)(bottom);
|
|
105
|
+
}
|
|
106
|
+
if (zIndex) {
|
|
107
|
+
stys.zIndex = zIndex;
|
|
108
|
+
}
|
|
109
|
+
return stys;
|
|
110
|
+
});
|
|
111
|
+
const computeMaps = {};
|
|
112
|
+
const $xeBacktop = {
|
|
113
|
+
xID,
|
|
114
|
+
props,
|
|
115
|
+
context,
|
|
116
|
+
internalData,
|
|
117
|
+
reactData,
|
|
118
|
+
getRefMaps: () => refMaps,
|
|
119
|
+
getComputeMaps: () => computeMaps
|
|
120
|
+
};
|
|
121
|
+
const dispatchEvent = (type, params, evnt) => {
|
|
122
|
+
emit(type, (0, _ui.createEvent)(evnt, {
|
|
123
|
+
$backtop: $xeBacktop
|
|
124
|
+
}, params));
|
|
125
|
+
};
|
|
126
|
+
const handleScrollEvent = evnt => {
|
|
127
|
+
const {
|
|
128
|
+
threshold
|
|
129
|
+
} = props;
|
|
130
|
+
const currentEl = evnt.currentTarget;
|
|
131
|
+
const scrollTop = currentEl.scrollTop;
|
|
132
|
+
reactData.showBtn = scrollTop > Math.max(1, _xeUtils.default.toNumber(threshold));
|
|
133
|
+
};
|
|
134
|
+
const handleToTop = () => {
|
|
135
|
+
const {
|
|
136
|
+
targetEl
|
|
137
|
+
} = internalData;
|
|
138
|
+
if (!targetEl) {
|
|
139
|
+
return;
|
|
140
|
+
}
|
|
141
|
+
const scrollTop = targetEl.scrollTop;
|
|
142
|
+
if (scrollTop > 0) {
|
|
143
|
+
requestAnimationFrame(handleToTop);
|
|
144
|
+
const currScrollTop = scrollTop - Math.max(12, scrollTop / 6);
|
|
145
|
+
targetEl.scrollTop = currScrollTop > 10 ? currScrollTop : 0;
|
|
146
|
+
}
|
|
147
|
+
};
|
|
148
|
+
const removeScrollEvent = () => {
|
|
149
|
+
const {
|
|
150
|
+
targetEl
|
|
151
|
+
} = internalData;
|
|
152
|
+
if (targetEl) {
|
|
153
|
+
targetEl.removeEventListener('scroll', handleScrollEvent);
|
|
154
|
+
}
|
|
155
|
+
};
|
|
156
|
+
const addScrollEvent = () => {
|
|
157
|
+
const {
|
|
158
|
+
targetEl
|
|
159
|
+
} = internalData;
|
|
160
|
+
if (targetEl) {
|
|
161
|
+
targetEl.addEventListener('scroll', handleScrollEvent, {
|
|
162
|
+
passive: true
|
|
163
|
+
});
|
|
164
|
+
}
|
|
165
|
+
};
|
|
166
|
+
const handleTargetElement = () => {
|
|
167
|
+
(0, _vue.nextTick)(() => {
|
|
168
|
+
const {
|
|
169
|
+
target
|
|
170
|
+
} = props;
|
|
171
|
+
if (!target) {
|
|
172
|
+
removeScrollEvent();
|
|
173
|
+
(0, _log.errLog)('vxe.error.reqProp', ['target']);
|
|
174
|
+
return;
|
|
175
|
+
}
|
|
176
|
+
if (_xeUtils.default.isString(target)) {
|
|
177
|
+
const tEl = document.querySelector(target);
|
|
178
|
+
if (!tEl) {
|
|
179
|
+
(0, _log.errLog)('vxe.error.errProp', [`target=${target}`, 'body']);
|
|
180
|
+
}
|
|
181
|
+
const {
|
|
182
|
+
targetEl
|
|
183
|
+
} = internalData;
|
|
184
|
+
if (targetEl !== tEl) {
|
|
185
|
+
removeScrollEvent();
|
|
186
|
+
internalData.targetEl = tEl;
|
|
187
|
+
addScrollEvent();
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
});
|
|
191
|
+
};
|
|
192
|
+
const clickEvent = evnt => {
|
|
193
|
+
handleToTop();
|
|
194
|
+
dispatchEvent('click', {}, evnt);
|
|
195
|
+
};
|
|
196
|
+
const tagMethods = {
|
|
197
|
+
dispatchEvent
|
|
198
|
+
};
|
|
199
|
+
const tagPrivateMethods = {};
|
|
200
|
+
Object.assign($xeBacktop, tagMethods, tagPrivateMethods);
|
|
201
|
+
const renderVN = () => {
|
|
202
|
+
const {
|
|
203
|
+
circle,
|
|
204
|
+
position,
|
|
205
|
+
status,
|
|
206
|
+
icon,
|
|
207
|
+
showIcon,
|
|
208
|
+
content,
|
|
209
|
+
showContent
|
|
210
|
+
} = props;
|
|
211
|
+
const {
|
|
212
|
+
showBtn
|
|
213
|
+
} = reactData;
|
|
214
|
+
const wrapperStyle = computeWrapperStyle.value;
|
|
215
|
+
const vSize = computeSize.value;
|
|
216
|
+
const defaultSlot = slots.default;
|
|
217
|
+
return (0, _vue.h)('div', {
|
|
218
|
+
ref: refElem,
|
|
219
|
+
class: ['vxe-backtop', position === 'fixed' ? 'is--' + position : 'is--absolute', {
|
|
220
|
+
[`size--${vSize}`]: vSize,
|
|
221
|
+
[`theme--${status}`]: status,
|
|
222
|
+
'is--circle': circle,
|
|
223
|
+
'is--visible': showBtn
|
|
224
|
+
}],
|
|
225
|
+
style: wrapperStyle,
|
|
226
|
+
onClick: clickEvent
|
|
227
|
+
}, [(0, _vue.h)('div', {
|
|
228
|
+
class: 'vxe-backtop--inner'
|
|
229
|
+
}, [defaultSlot ? defaultSlot({}) : [showIcon ? (0, _vue.h)('div', {
|
|
230
|
+
class: 'vxe-backtop--icon'
|
|
231
|
+
}, [(0, _vue.h)('i', {
|
|
232
|
+
class: icon || (0, _ui.getIcon)().BACKTOP_TOP
|
|
233
|
+
})]) : (0, _ui.renderEmptyElement)($xeBacktop), showContent ? (0, _vue.h)('div', {
|
|
234
|
+
class: 'vxe-backtop--content'
|
|
235
|
+
}, `${content || ''}`) : (0, _ui.renderEmptyElement)($xeBacktop)]])]);
|
|
236
|
+
};
|
|
237
|
+
(0, _vue.watch)(() => props.target, () => {
|
|
238
|
+
handleTargetElement();
|
|
239
|
+
});
|
|
240
|
+
(0, _vue.onMounted)(() => {
|
|
241
|
+
handleTargetElement();
|
|
242
|
+
});
|
|
243
|
+
(0, _vue.onBeforeUnmount)(() => {
|
|
244
|
+
removeScrollEvent();
|
|
245
|
+
_xeUtils.default.assign(reactData, createReactData());
|
|
246
|
+
});
|
|
247
|
+
(0, _vue.onUnmounted)(() => {
|
|
248
|
+
_xeUtils.default.assign(internalData, createInternalData());
|
|
249
|
+
});
|
|
250
|
+
$xeBacktop.renderVN = renderVN;
|
|
251
|
+
return $xeBacktop;
|
|
252
|
+
},
|
|
253
|
+
render() {
|
|
254
|
+
return this.renderVN();
|
|
255
|
+
}
|
|
256
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_log=require("../../ui/src/log"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createInternalData(){return{targetEl:null}}function createReactData(){return{showBtn:!1}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeBacktop",props:{target:String,size:{type:String,default:()=>(0,_ui.getConfig)().backtop.size||(0,_ui.getConfig)().size},circle:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.circle},right:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.right},bottom:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.bottom},status:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.status},icon:{type:String,default:()=>(0,_ui.getConfig)().backtop.icon},showIcon:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.showIcon},content:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.content},showContent:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.showContent},zIndex:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.zIndex},threshold:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.threshold},position:{type:String,default:()=>(0,_ui.getConfig)().backtop.position}},emits:["click"],setup(g,e){const{slots:p,emit:o}=e;var t=_xeUtils.default.uniqueId();const d=(0,_vue.ref)(),_=(0,_ui.useSize)(g)["computeSize"],r=createInternalData(),f=(0,_vue.reactive)(createReactData()),i={refElem:d},v=(0,_vue.computed)(()=>{var{right:e,bottom:t,zIndex:r}=g,o={};return e&&(o.right=(0,_dom.toCssUnit)(e)),t&&(o.bottom=(0,_dom.toCssUnit)(t)),r&&(o.zIndex=r),o}),a={},m={xID:t,props:g,context:e,internalData:r,reactData:f,getRefMaps:()=>i,getComputeMaps:()=>a},n=(e,t,r)=>{o(e,(0,_ui.createEvent)(r,{$backtop:m},t))},u=e=>{var t=g["threshold"],e=e.currentTarget.scrollTop;f.showBtn=e>Math.max(1,_xeUtils.default.toNumber(t))},s=()=>{var e,t=r["targetEl"];t&&0<(e=t.scrollTop)&&(requestAnimationFrame(s),e=e-Math.max(12,e/6),t.scrollTop=10<e?e:0)},c=()=>{var e=r["targetEl"];e&&e.removeEventListener("scroll",u)},l=()=>{(0,_vue.nextTick)(()=>{var e,t=g["target"];t?_xeUtils.default.isString(t)&&(t=((e=document.querySelector(t))||(0,_log.errLog)("vxe.error.errProp",["target="+t,"body"]),r)["targetEl"],t!==e)&&(c(),r.targetEl=e,t=r.targetEl)&&t.addEventListener("scroll",u,{passive:!0}):(c(),(0,_log.errLog)("vxe.error.reqProp",["target"]))})},b=e=>{s(),n("click",{},e)};t={dispatchEvent:n};Object.assign(m,t,{});return(0,_vue.watch)(()=>g.target,()=>{l()}),(0,_vue.onMounted)(()=>{l()}),(0,_vue.onBeforeUnmount)(()=>{c(),_xeUtils.default.assign(f,createReactData())}),(0,_vue.onUnmounted)(()=>{_xeUtils.default.assign(r,createInternalData())}),m.renderVN=()=>{var{circle:e,position:t,status:r,icon:o,showIcon:i,content:a,showContent:n}=g,u=f["showBtn"],s=v.value,c=_.value,l=p.default;return(0,_vue.h)("div",{ref:d,class:["vxe-backtop","fixed"===t?"is--"+t:"is--absolute",{["size--"+c]:c,["theme--"+r]:r,"is--circle":e,"is--visible":u}],style:s,onClick:b},[(0,_vue.h)("div",{class:"vxe-backtop--inner"},[l?l({}):[i?(0,_vue.h)("div",{class:"vxe-backtop--icon"},[(0,_vue.h)("i",{class:o||(0,_ui.getIcon)().BACKTOP_TOP})]):(0,_ui.renderEmptyElement)(m),n?(0,_vue.h)("div",{class:"vxe-backtop--content"},""+(a||"")):(0,_ui.renderEmptyElement)(m)]])])},m},render(){return this.renderVN()}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
require('./style.css')
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
.vxe-backtop {
|
|
2
|
+
display: inline-flex;
|
|
3
|
+
position: absolute;
|
|
4
|
+
opacity: 0;
|
|
5
|
+
right: 1.6em;
|
|
6
|
+
bottom: 1.6em;
|
|
7
|
+
color: var(--vxe-ui-font-color);
|
|
8
|
+
font-family: var(--vxe-ui-font-family);
|
|
9
|
+
background-color: var(--vxe-ui-layout-background-color);
|
|
10
|
+
border-radius: var(--vxe-ui-base-border-radius);
|
|
11
|
+
transition: all 0.3s;
|
|
12
|
+
cursor: pointer;
|
|
13
|
+
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
|
|
14
|
+
z-index: 9;
|
|
15
|
+
}
|
|
16
|
+
.vxe-backtop.is--visible {
|
|
17
|
+
opacity: 1;
|
|
18
|
+
}
|
|
19
|
+
.vxe-backtop.is--circle {
|
|
20
|
+
border-radius: 50%;
|
|
21
|
+
}
|
|
22
|
+
.vxe-backtop.is--circle .vxe-backtop--inner {
|
|
23
|
+
border-radius: 50%;
|
|
24
|
+
}
|
|
25
|
+
.vxe-backtop.is--fixed {
|
|
26
|
+
position: fixed;
|
|
27
|
+
}
|
|
28
|
+
.vxe-backtop.is--absolute {
|
|
29
|
+
position: absolute;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.vxe-backtop--inner {
|
|
33
|
+
min-width: 3em;
|
|
34
|
+
min-height: 3em;
|
|
35
|
+
padding: 0.4em;
|
|
36
|
+
display: flex;
|
|
37
|
+
text-align: center;
|
|
38
|
+
flex-direction: column;
|
|
39
|
+
align-items: center;
|
|
40
|
+
justify-content: center;
|
|
41
|
+
border-radius: var(--vxe-ui-base-border-radius);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.vxe-backtop:hover {
|
|
45
|
+
color: var(--vxe-ui-font-primary-color);
|
|
46
|
+
}
|
|
47
|
+
.vxe-backtop:hover .vxe-backtop--inner {
|
|
48
|
+
background-color: rgba(0, 0, 0, 0.1);
|
|
49
|
+
}
|
|
50
|
+
.vxe-backtop.theme--primary {
|
|
51
|
+
color: #fff;
|
|
52
|
+
background-color: var(--vxe-ui-font-primary-color);
|
|
53
|
+
}
|
|
54
|
+
.vxe-backtop.theme--success {
|
|
55
|
+
color: #fff;
|
|
56
|
+
background-color: var(--vxe-ui-status-success-color);
|
|
57
|
+
}
|
|
58
|
+
.vxe-backtop.theme--info {
|
|
59
|
+
color: #fff;
|
|
60
|
+
background-color: var(--vxe-ui-status-info-color);
|
|
61
|
+
}
|
|
62
|
+
.vxe-backtop.theme--warning {
|
|
63
|
+
color: #fff;
|
|
64
|
+
background-color: var(--vxe-ui-status-warning-color);
|
|
65
|
+
}
|
|
66
|
+
.vxe-backtop.theme--danger {
|
|
67
|
+
color: #fff;
|
|
68
|
+
background-color: var(--vxe-ui-status-danger-color);
|
|
69
|
+
}
|
|
70
|
+
.vxe-backtop.theme--error {
|
|
71
|
+
color: #fff;
|
|
72
|
+
background-color: var(--vxe-ui-status-error-color);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.vxe-backtop--icon {
|
|
76
|
+
font-size: 1.4em;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.vxe-backtop {
|
|
80
|
+
font-size: var(--vxe-ui-font-size-default);
|
|
81
|
+
}
|
|
82
|
+
.vxe-backtop.size--medium {
|
|
83
|
+
font-size: var(--vxe-ui-font-size-medium);
|
|
84
|
+
}
|
|
85
|
+
.vxe-backtop.size--small {
|
|
86
|
+
font-size: var(--vxe-ui-font-size-small);
|
|
87
|
+
}
|
|
88
|
+
.vxe-backtop.size--mini {
|
|
89
|
+
font-size: var(--vxe-ui-font-size-mini);
|
|
90
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
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)}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.VxeCascader = exports.Cascader = void 0;
|
|
7
|
+
var _core = require("@vxe-ui/core");
|
|
8
|
+
var _cascader = _interopRequireDefault(require("./src/cascader"));
|
|
9
|
+
var _dynamics = require("../dynamics");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
const VxeCascader = exports.VxeCascader = Object.assign({}, _cascader.default, {
|
|
12
|
+
install(app) {
|
|
13
|
+
app.component(_cascader.default.name, _cascader.default);
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
_dynamics.dynamicApp.use(VxeCascader);
|
|
17
|
+
_core.VxeUI.component(_cascader.default);
|
|
18
|
+
const Cascader = exports.Cascader = VxeCascader;
|
|
19
|
+
var _default = exports.default = VxeCascader;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeCascader=exports.Cascader=void 0;var _core=require("@vxe-ui/core"),_cascader=_interopRequireDefault(require("./src/cascader")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeCascader=exports.VxeCascader=Object.assign({},_cascader.default,{install(e){e.component(_cascader.default.name,_cascader.default)}}),Cascader=(_dynamics.dynamicApp.use(VxeCascader),_core.VxeUI.component(_cascader.default),exports.Cascader=VxeCascader);var _default=exports.default=VxeCascader;
|