vxe-pc-ui 3.0.0 → 3.0.1

package/es/vxe-select/style.css

@@ -0,0 +1,207 @@
+.vxe-select {
+  position: relative;
+  display: inline-block;
+  width: 180px;
+  color: var(--vxe-ui-font-color);
+  text-align: left;
+}
+.vxe-select > .vxe-input .vxe-input--inner {
+  cursor: pointer;
+}
+.vxe-select.is--disabled > .vxe-input .vxe-input--inner {
+  cursor: no-drop;
+}
+.vxe-select.is--loading > .vxe-input .vxe-input--inner {
+  cursor: progress;
+}
+.vxe-select > .vxe-input {
+  width: 100%;
+}
+.vxe-select > .vxe-input .vxe-input--suffix-icon > i {
+  display: inline-block;
+  transition: transform 0.2s ease-in-out;
+}
+.vxe-select.is--active:not(.is--filter) > .vxe-input {
+  border-color: var(--vxe-ui-font-primary-color);
+}
+
+.vxe-select--readonly {
+  color: var(--vxe-ui-font-color);
+  display: inline-flex;
+}
+
+.vxe-select-slots {
+  display: none;
+}
+
+.vxe-select--panel {
+  display: none;
+  position: absolute;
+  left: 0;
+  padding: 4px 0;
+  color: var(--vxe-ui-font-color);
+  text-align: left;
+}
+.vxe-select--panel:not(.is--transfer) {
+  min-width: 100%;
+}
+.vxe-select--panel.is--transfer {
+  position: fixed;
+}
+.vxe-select--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-select--panel.ani--leave[placement=top] {
+  transform-origin: center bottom;
+}
+.vxe-select--panel.ani--enter {
+  opacity: 1;
+  transform: scaleY(1);
+}
+
+.vxe-select--panel-search {
+  display: block;
+}
+.vxe-select--panel-search .vxe-select-search--input {
+  width: 100%;
+}
+
+.vxe-select--panel-wrapper {
+  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);
+}
+
+.vxe-select--panel-header {
+  border-bottom: 1px solid var(--vxe-ui-base-popup-border-color);
+}
+
+.vxe-select--panel-footer {
+  border-top: 1px solid var(--vxe-ui-base-popup-border-color);
+}
+
+.vxe-select--panel-header,
+.vxe-select--panel-footer {
+  padding: 4px 0;
+}
+
+.vxe-select-option--wrapper {
+  position: relative;
+  overflow-x: hidden;
+  overflow-y: auto;
+  outline: 0;
+  padding: 4px 0;
+  max-height: 18em;
+}
+
+.vxe-optgroup .vxe-optgroup--title {
+  padding: 0 6px;
+  color: var(--vxe-ui-select-title-color);
+  font-size: 12px;
+}
+
+.vxe-optgroup--wrapper .vxe-select-option {
+  padding: 0 20px;
+}
+
+.vxe-select-option {
+  padding: 0 0.6em;
+  max-width: 600px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.vxe-select-option.is--selected {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-select-option:not(.is--disabled) {
+  cursor: pointer;
+}
+.vxe-select-option:not(.is--disabled).is--hover {
+  background-color: var(--vxe-ui-base-hover-background-color);
+}
+.vxe-select-option.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: no-drop;
+}
+
+.vxe-select--search-icon {
+  margin-right: 0.5em;
+}
+
+.vxe-select--search-loading,
+.vxe-select--empty-placeholder {
+  padding: 0 0.6em;
+  text-align: center;
+  color: var(--vxe-ui-select-empty-color);
+}
+
+.vxe-select,
+.vxe-select--panel {
+  font-size: var(--vxe-ui-font-size-default);
+}
+.vxe-select.size--medium,
+.vxe-select--panel.size--medium {
+  font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-select.size--small,
+.vxe-select--panel.size--small {
+  font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-select.size--mini,
+.vxe-select--panel.size--mini {
+  font-size: var(--vxe-ui-font-size-mini);
+}
+
+.vxe-select--panel .vxe-optgroup--title,
+.vxe-select--panel .vxe-select-option {
+  height: var(--vxe-ui-select-option-height-default);
+}
+.vxe-select--panel .vxe-optgroup--title,
+.vxe-select--panel .vxe-select-option,
+.vxe-select--panel .vxe-select--search-loading,
+.vxe-select--panel .vxe-select--empty-placeholder {
+  line-height: var(--vxe-ui-select-option-height-default);
+}
+.vxe-select--panel.size--medium .vxe-optgroup--title,
+.vxe-select--panel.size--medium .vxe-select-option {
+  height: var(--vxe-ui-select-option-height-medium);
+}
+.vxe-select--panel.size--medium .vxe-optgroup--title,
+.vxe-select--panel.size--medium .vxe-select-option,
+.vxe-select--panel.size--medium .vxe-select--search-loading,
+.vxe-select--panel.size--medium .vxe-select--empty-placeholder {
+  line-height: var(--vxe-ui-select-option-height-medium);
+}
+.vxe-select--panel.size--small .vxe-optgroup--title,
+.vxe-select--panel.size--small .vxe-select-option {
+  height: var(--vxe-ui-select-option-height-small);
+}
+.vxe-select--panel.size--small .vxe-optgroup--title,
+.vxe-select--panel.size--small .vxe-select-option,
+.vxe-select--panel.size--small .vxe-select--search-loading,
+.vxe-select--panel.size--small .vxe-select--empty-placeholder {
+  line-height: var(--vxe-ui-select-option-height-small);
+}
+.vxe-select--panel.size--mini .vxe-optgroup--title,
+.vxe-select--panel.size--mini .vxe-select-option {
+  height: var(--vxe-ui-select-option-height-mini);
+}
+.vxe-select--panel.size--mini .vxe-optgroup--title,
+.vxe-select--panel.size--mini .vxe-select-option,
+.vxe-select--panel.size--mini .vxe-select--search-loading,
+.vxe-select--panel.size--mini .vxe-select--empty-placeholder {
+  line-height: var(--vxe-ui-select-option-height-mini);
+}

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

@@ -0,0 +1 @@
+.vxe-select{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--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-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-select--panel-search{display:block}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{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)}.vxe-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer,.vxe-select--panel-header{padding:4px 0}.vxe-select-option--wrapper{position:relative;overflow-x:hidden;overflow-y:auto;outline:0;padding:4px 0;max-height:18em}.vxe-optgroup .vxe-optgroup--title{padding:0 6px;color:var(--vxe-ui-select-title-color);font-size:12px}.vxe-optgroup--wrapper .vxe-select-option{padding:0 20px}.vxe-select-option{padding:0 .6em;max-width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-select-option.is--selected{color:var(--vxe-ui-font-primary-color)}.vxe-select-option:not(.is--disabled){cursor:pointer}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-ui-select-empty-color)}.vxe-select,.vxe-select--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select-option{height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel.size--medium .vxe-optgroup--title,.vxe-select--panel.size--medium .vxe-select-option{height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--medium .vxe-optgroup--title,.vxe-select--panel.size--medium .vxe-select--empty-placeholder,.vxe-select--panel.size--medium .vxe-select--search-loading,.vxe-select--panel.size--medium .vxe-select-option{line-height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--small .vxe-optgroup--title,.vxe-select--panel.size--small .vxe-select-option{height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--small .vxe-optgroup--title,.vxe-select--panel.size--small .vxe-select--empty-placeholder,.vxe-select--panel.size--small .vxe-select--search-loading,.vxe-select--panel.size--small .vxe-select-option{line-height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--mini .vxe-optgroup--title,.vxe-select--panel.size--mini .vxe-select-option{height:var(--vxe-ui-select-option-height-mini)}.vxe-select--panel.size--mini .vxe-optgroup--title,.vxe-select--panel.size--mini .vxe-select--empty-placeholder,.vxe-select--panel.size--mini .vxe-select--search-loading,.vxe-select--panel.size--mini .vxe-select-option{line-height:var(--vxe-ui-select-option-height-mini)}

package/es/vxe-tab-pane/index.js

@@ -0,0 +1,3 @@
+import VxeTabPane from '../tab-pane';
+export * from '../tab-pane';
+export default VxeTabPane;

package/es/vxe-tabs/index.js

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

package/es/vxe-tabs/style.css

@@ -0,0 +1,342 @@
+.vxe-tabs {
+  display: flex;
+  flex-direction: column;
+  color: var(--vxe-ui-font-color);
+  font-family: var(--vxe-ui-font-family);
+}
+.vxe-tabs.is--padding .vxe-tabs-pane--item {
+  padding: var(--vxe-ui-layout-padding-default);
+}
+.vxe-tabs.trigger--default .vxe-tabs-header--item {
+  cursor: pointer;
+}
+.vxe-tabs.trigger--default .vxe-tabs-header--item:hover .vxe-tabs-header--item-name {
+  color: var(--vxe-ui-font-primary-color);
+}
+
+.vxe-tabs-header {
+  display: flex;
+  flex-direction: row;
+}
+
+.vxe-tabs-header--bar {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 2em;
+  border: 1px solid var(--vxe-ui-input-border-color);
+  cursor: pointer;
+}
+.vxe-tabs-header--bar::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  width: 1px;
+  height: 100%;
+  background-color: var(--vxe-ui-input-border-color);
+  z-index: 3;
+}
+.vxe-tabs-header--bar:focus {
+  color: var(--vxe-ui-font-darken-color);
+}
+.vxe-tabs-header--bar:hover {
+  color: var(--vxe-ui-font-primary-lighten-color);
+  background-color: var(--vxe-ui-font-tinge-color);
+}
+.vxe-tabs-header--bar:active {
+  color: var(--vxe-ui-font-primary-darken-color);
+}
+
+.vxe-tabs-header--left-bar {
+  border-right: 0;
+  box-shadow: 8px 0px 10px -5px var(--vxe-ui-tabs-bar-scrolling-box-shadow-color);
+}
+.vxe-tabs-header--left-bar::after {
+  right: -1px;
+}
+
+.vxe-tabs-header--right-bar {
+  border-left: 0;
+  box-shadow: -8px 0px 10px -5px var(--vxe-ui-tabs-bar-scrolling-box-shadow-color);
+}
+.vxe-tabs-header--right-bar::after {
+  left: -1px;
+}
+
+.vxe-tabs-header--extra {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  border-bottom: 1px solid var(--vxe-ui-input-border-color);
+}
+
+.vxe-tabs-header--wrapper {
+  position: relative;
+  flex-grow: 1;
+}
+.vxe-tabs-header--wrapper::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 1px;
+  background-color: var(--vxe-ui-input-border-color);
+  z-index: 0;
+}
+
+.vxe-tabs-header--item-wrapper {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  overflow-y: hidden;
+  overflow-x: auto;
+  outline: 0;
+}
+
+.vxe-tabs-header--item {
+  position: relative;
+  flex-shrink: 0;
+  padding: 0 0.5em;
+}
+.vxe-tabs-header--item.is--active {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-tabs-header--item.align--left {
+  text-align: left;
+}
+.vxe-tabs-header--item.align--center {
+  text-align: center;
+}
+.vxe-tabs-header--item.align--right {
+  text-align: right;
+}
+
+.vxe-tabs-header--item-inner {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.vxe-tabs-header--item-content {
+  flex-grow: 1;
+}
+
+.vxe-tabs-header--item-icon {
+  padding: 0 0.6em;
+}
+.vxe-tabs-header--item-icon + .vxe-tabs-header--item-name {
+  padding-left: 0;
+}
+
+.vxe-tabs-header--item-name {
+  padding: 0 0.6em;
+}
+
+.vxe-tabs-header--close-btn {
+  font-size: 0.8em;
+  border-radius: 50%;
+  width: 1.5em;
+  height: 1.5em;
+  line-height: 1.5em;
+  text-align: center;
+}
+.vxe-tabs-header--close-btn:hover {
+  color: var(--vxe-ui-font-color);
+  background: var(--vxe-ui-tabs-close-hover-background-color);
+}
+.vxe-tabs-header--close-btn:active {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-tabs-header--close-btn > i {
+  font-size: 1em;
+}
+
+.vxe-tabs-header--item-inner {
+  transition: color 0.1s ease-in-out;
+}
+
+.vxe-tabs-pane {
+  flex-grow: 1;
+  overflow: hidden;
+}
+
+.vxe-tabs-pane--item {
+  display: none;
+  height: 100%;
+  overflow: auto;
+  outline: 0;
+}
+.vxe-tabs-pane--item.is--visible {
+  display: block;
+}
+
+.vxe-tabs-header--active-line {
+  display: none;
+}
+.vxe-tabs-header--active-line.type--default {
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 2px;
+  width: 4px;
+  background-color: var(--vxe-ui-font-primary-color);
+  z-index: 2;
+  transition: all 0.3s ease-in-out;
+}
+.vxe-tabs-header--active-line.type--card {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 4px;
+  border: 1px solid var(--vxe-ui-font-primary-color);
+  pointer-events: none;
+  z-index: 1;
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
+  transition: color, left 0.3s ease-in-out;
+}
+.vxe-tabs-header--active-line.type--border-card {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 4px;
+  border-left: 1px solid var(--vxe-ui-input-border-color);
+  border-right: 1px solid var(--vxe-ui-input-border-color);
+  pointer-events: none;
+  z-index: 1;
+}
+
+.vxe-tabs--default,
+.vxe-tabs--card,
+.vxe-tabs--border-card,
+.vxe-tabs--round-card {
+  border-radius: var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;
+  background-color: var(--vxe-ui-layout-background-color);
+}
+
+.vxe-tabs--default .vxe-tabs-header--item-inner {
+  border-bottom: 2px solid transparent;
+}
+
+.vxe-tabs--card .vxe-tabs-header--bar {
+  border-top: 0;
+}
+.vxe-tabs--card .vxe-tabs-header--left-bar {
+  border-left: 0;
+}
+.vxe-tabs--card .vxe-tabs-header--right-bar {
+  border-right: 0;
+}
+.vxe-tabs--card .vxe-tabs-header {
+  border-radius: var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;
+  border-top: 1px solid var(--vxe-ui-input-border-color);
+  border-left: 1px solid var(--vxe-ui-input-border-color);
+  border-right: 1px solid var(--vxe-ui-input-border-color);
+}
+.vxe-tabs--card .vxe-tabs-header .vxe-tabs-header--wrapper {
+  border-radius: var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;
+}
+.vxe-tabs--card .vxe-tabs-header--item {
+  border-left: 1px solid var(--vxe-ui-input-border-color);
+}
+.vxe-tabs--card .vxe-tabs-header--item:first-child {
+  border-left: 0;
+}
+.vxe-tabs--card .vxe-tabs-header--item:last-child {
+  border-right: 1px solid var(--vxe-ui-input-border-color);
+}
+
+.vxe-tabs--border-card .vxe-tabs-header--item-wrapper {
+  z-index: 2;
+}
+.vxe-tabs--border-card .vxe-tabs-header--bar {
+  border-top: 0;
+}
+.vxe-tabs--border-card .vxe-tabs-header--left-bar {
+  border-left: 0;
+}
+.vxe-tabs--border-card .vxe-tabs-header--right-bar {
+  border-right: 0;
+}
+.vxe-tabs--border-card.is--padding .vxe-tabs-pane--item, .vxe-tabs--border-card.is--height .vxe-tabs-pane--item {
+  border-bottom: 1px solid var(--vxe-ui-input-border-color);
+  border-left: 1px solid var(--vxe-ui-input-border-color);
+  border-right: 1px solid var(--vxe-ui-input-border-color);
+}
+.vxe-tabs--border-card .vxe-tabs-pane--item.has--content {
+  border-bottom: 1px solid var(--vxe-ui-input-border-color);
+  border-left: 1px solid var(--vxe-ui-input-border-color);
+  border-right: 1px solid var(--vxe-ui-input-border-color);
+}
+.vxe-tabs--border-card .vxe-tabs-header {
+  border-top: 1px solid var(--vxe-ui-input-border-color);
+  border-left: 1px solid var(--vxe-ui-input-border-color);
+  border-right: 1px solid var(--vxe-ui-input-border-color);
+  background-color: var(--vxe-ui-tabs-card-header-background-color);
+}
+.vxe-tabs--border-card .vxe-tabs-header .vxe-tabs-header--wrapper {
+  border-radius: var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;
+}
+.vxe-tabs--border-card .vxe-tabs-header--item.is--active {
+  background-color: var(--vxe-ui-layout-background-color);
+}
+
+.vxe-tabs--round-card .vxe-tabs-header--item-wrapper {
+  z-index: 2;
+}
+.vxe-tabs--round-card .vxe-tabs-header--item {
+  position: relative;
+  z-index: 2;
+  margin: 0 2px;
+  border-top: 1px solid var(--vxe-ui-input-border-color);
+  border-left: 1px solid var(--vxe-ui-input-border-color);
+  border-right: 1px solid var(--vxe-ui-input-border-color);
+  border-radius: var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;
+  background-color: rgba(0, 0, 0, 0.02);
+  transition: color 0.3s ease-in-out;
+}
+.vxe-tabs--round-card .vxe-tabs-header--item.is--active {
+  background-color: var(--vxe-ui-layout-background-color);
+}
+.vxe-tabs--round-card .vxe-tabs-header--item:first-child {
+  margin-left: 0;
+}
+.vxe-tabs--round-card .vxe-tabs-header--item:last-child {
+  margin-right: 0;
+}
+.vxe-tabs--round-card.is--padding .vxe-tabs-pane--item, .vxe-tabs--round-card.is--height .vxe-tabs-pane--item {
+  border-bottom: 1px solid var(--vxe-ui-input-border-color);
+  border-left: 1px solid var(--vxe-ui-input-border-color);
+  border-right: 1px solid var(--vxe-ui-input-border-color);
+}
+.vxe-tabs--round-card .vxe-tabs-pane--item.has--content {
+  border-bottom: 1px solid var(--vxe-ui-input-border-color);
+  border-left: 1px solid var(--vxe-ui-input-border-color);
+  border-right: 1px solid var(--vxe-ui-input-border-color);
+}
+.vxe-tabs--round-card .vxe-tabs-pane {
+  background-color: var(--vxe-ui-layout-background-color);
+}
+
+.vxe-tabs .vxe-tabs-header--wrapper {
+  height: var(--vxe-ui-tabs-header-height-default);
+  overflow: hidden;
+}
+.vxe-tabs .vxe-tabs-header--item-inner {
+  height: var(--vxe-ui-tabs-header-height-default);
+}
+.vxe-tabs .vxe-tabs-header--active-line.type--card {
+  height: calc(var(--vxe-ui-tabs-header-height-default) - 1px);
+}
+.vxe-tabs .vxe-tabs-header--active-line.type--border-card {
+  height: calc(var(--vxe-ui-tabs-header-height-default) + 1px);
+  line-height: calc(var(--vxe-ui-tabs-header-height-default) + 1px);
+}

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

@@ -0,0 +1 @@
+.vxe-tabs{display:flex;flex-direction:column;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tabs.is--padding .vxe-tabs-pane--item{padding:var(--vxe-ui-layout-padding-default)}.vxe-tabs.trigger--default .vxe-tabs-header--item{cursor:pointer}.vxe-tabs.trigger--default .vxe-tabs-header--item:hover .vxe-tabs-header--item-name{color:var(--vxe-ui-font-primary-color)}.vxe-tabs-header{display:flex;flex-direction:row}.vxe-tabs-header--bar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;width:2em;border:1px solid var(--vxe-ui-input-border-color);cursor:pointer}.vxe-tabs-header--bar::after{content:"";position:absolute;top:0;width:1px;height:100%;background-color:var(--vxe-ui-input-border-color);z-index:3}.vxe-tabs-header--bar:focus{color:var(--vxe-ui-font-darken-color)}.vxe-tabs-header--bar:hover{color:var(--vxe-ui-font-primary-lighten-color);background-color:var(--vxe-ui-font-tinge-color)}.vxe-tabs-header--bar:active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-tabs-header--left-bar{border-right:0;box-shadow:8px 0 10px -5px var(--vxe-ui-tabs-bar-scrolling-box-shadow-color)}.vxe-tabs-header--left-bar::after{right:-1px}.vxe-tabs-header--right-bar{border-left:0;box-shadow:-8px 0 10px -5px var(--vxe-ui-tabs-bar-scrolling-box-shadow-color)}.vxe-tabs-header--right-bar::after{left:-1px}.vxe-tabs-header--extra{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--wrapper{position:relative;flex-grow:1}.vxe-tabs-header--wrapper::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--vxe-ui-input-border-color);z-index:0}.vxe-tabs-header--item-wrapper{position:relative;display:flex;flex-direction:row;overflow-y:hidden;overflow-x:auto;outline:0}.vxe-tabs-header--item{position:relative;flex-shrink:0;padding:0 .5em}.vxe-tabs-header--item.is--active{color:var(--vxe-ui-font-primary-color)}.vxe-tabs-header--item.align--left{text-align:left}.vxe-tabs-header--item.align--center{text-align:center}.vxe-tabs-header--item.align--right{text-align:right}.vxe-tabs-header--item-inner{display:flex;flex-direction:row;align-items:center}.vxe-tabs-header--item-content{flex-grow:1}.vxe-tabs-header--item-icon{padding:0 .6em}.vxe-tabs-header--item-icon+.vxe-tabs-header--item-name{padding-left:0}.vxe-tabs-header--item-name{padding:0 .6em}.vxe-tabs-header--close-btn{font-size:.8em;border-radius:50%;width:1.5em;height:1.5em;line-height:1.5em;text-align:center}.vxe-tabs-header--close-btn:hover{color:var(--vxe-ui-font-color);background:var(--vxe-ui-tabs-close-hover-background-color)}.vxe-tabs-header--close-btn:active{color:var(--vxe-ui-font-primary-color)}.vxe-tabs-header--close-btn>i{font-size:1em}.vxe-tabs-header--item-inner{transition:color .1s ease-in-out}.vxe-tabs-pane{flex-grow:1;overflow:hidden}.vxe-tabs-pane--item{display:none;height:100%;overflow:auto;outline:0}.vxe-tabs-pane--item.is--visible{display:block}.vxe-tabs-header--active-line{display:none}.vxe-tabs-header--active-line.type--default{display:block;position:absolute;bottom:0;left:0;height:2px;width:4px;background-color:var(--vxe-ui-font-primary-color);z-index:2;transition:all .3s ease-in-out}.vxe-tabs-header--active-line.type--card{display:block;position:absolute;top:0;left:0;width:4px;border:1px solid var(--vxe-ui-font-primary-color);pointer-events:none;z-index:1;box-shadow:0 0 8px rgba(0,0,0,.1);transition:color,left .3s ease-in-out}.vxe-tabs-header--active-line.type--border-card{display:block;position:absolute;top:0;left:0;width:4px;border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color);pointer-events:none;z-index:1}.vxe-tabs--border-card,.vxe-tabs--card,.vxe-tabs--default,.vxe-tabs--round-card{border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs--default .vxe-tabs-header--item-inner{border-bottom:2px solid transparent}.vxe-tabs--card .vxe-tabs-header--bar{border-top:0}.vxe-tabs--card .vxe-tabs-header--left-bar{border-left:0}.vxe-tabs--card .vxe-tabs-header--right-bar{border-right:0}.vxe-tabs--card .vxe-tabs-header{border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;border-top:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--card .vxe-tabs-header .vxe-tabs-header--wrapper{border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0}.vxe-tabs--card .vxe-tabs-header--item{border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--card .vxe-tabs-header--item:first-child{border-left:0}.vxe-tabs--card .vxe-tabs-header--item:last-child{border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--border-card .vxe-tabs-header--item-wrapper{z-index:2}.vxe-tabs--border-card .vxe-tabs-header--bar{border-top:0}.vxe-tabs--border-card .vxe-tabs-header--left-bar{border-left:0}.vxe-tabs--border-card .vxe-tabs-header--right-bar{border-right:0}.vxe-tabs--border-card.is--height .vxe-tabs-pane--item,.vxe-tabs--border-card.is--padding .vxe-tabs-pane--item{border-bottom:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--border-card .vxe-tabs-pane--item.has--content{border-bottom:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--border-card .vxe-tabs-header{border-top:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-tabs-card-header-background-color)}.vxe-tabs--border-card .vxe-tabs-header .vxe-tabs-header--wrapper{border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0}.vxe-tabs--border-card .vxe-tabs-header--item.is--active{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs--round-card .vxe-tabs-header--item-wrapper{z-index:2}.vxe-tabs--round-card .vxe-tabs-header--item{position:relative;z-index:2;margin:0 2px;border-top:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;background-color:rgba(0,0,0,.02);transition:color .3s ease-in-out}.vxe-tabs--round-card .vxe-tabs-header--item.is--active{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs--round-card .vxe-tabs-header--item:first-child{margin-left:0}.vxe-tabs--round-card .vxe-tabs-header--item:last-child{margin-right:0}.vxe-tabs--round-card.is--height .vxe-tabs-pane--item,.vxe-tabs--round-card.is--padding .vxe-tabs-pane--item{border-bottom:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--round-card .vxe-tabs-pane--item.has--content{border-bottom:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--round-card .vxe-tabs-pane{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs .vxe-tabs-header--wrapper{height:var(--vxe-ui-tabs-header-height-default);overflow:hidden}.vxe-tabs .vxe-tabs-header--item-inner{height:var(--vxe-ui-tabs-header-height-default)}.vxe-tabs .vxe-tabs-header--active-line.type--card{height:calc(var(--vxe-ui-tabs-header-height-default) - 1px)}.vxe-tabs .vxe-tabs-header--active-line.type--border-card{height:calc(var(--vxe-ui-tabs-header-height-default) + 1px);line-height:calc(var(--vxe-ui-tabs-header-height-default) + 1px)}

package/lib/button/src/button.js

@@ -108,6 +108,9 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
     $xeModal: {
       default: null
     },
+    $xeDrawer: {
+      default: null
+    },
     $xeTable: {
       default: null
     },

package/lib/button/src/button.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_comp=require("../../ui/src/comp"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeButton",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{type:String,mode:String,className:[String,Function],popupClassName:[String,Function],size:{type:String,default:function(){return(0,_ui.getConfig)().button.size||(0,_ui.getConfig)().size}},name:[String,Number],routerLink:Object,permissionCode:[String,Number],content:String,placement:String,status:String,title:String,icon:String,round:Boolean,circle:Boolean,disabled:Boolean,loading:Boolean,trigger:{type:String,default:function(){return(0,_ui.getConfig)().button.trigger}},align:String,destroyOnClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().button.destroyOnClose}},transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeTable:{default:null},$xeForm:{default:null},$xeButtonGroup:{default:null}},data:function(){var e={showTime:void 0};return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,visiblePanel:!1,visibleAnimate:!1,isActivated:!1,panelIndex:0,panelStyle:{},panelPlacement:""},internalData:e}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.transfer,n=e.$xeTable,i=e.$xeModal,o=e.$xeDrawer,e=e.$xeForm;if(null===t){var r=(0,_ui.getConfig)().button.transfer;if(_xeUtils.default.isBoolean(r))return r;if(n||i||o||e)return!0}return t},computeBtnDisabled:function(){var e=this.disabled,t=this.computePermissionInfo;return e||t.disabled},computeIsFormBtn:function(){var e=this.type;return!!e&&-1<["submit","reset","button"].indexOf(e)},computeBtnMode:function(){var e=this.type,t=this.mode,n=this.$xeButtonGroup;return"text"===t||"text"===e||n&&"text"===n.mode?"text":"button"},computeBtnStatus:function(){var e=this.status,t=this.$xeButtonGroup;return e||(t?t.status:"")},computeBtnRound:function(){var e=this.round,t=this.$xeButtonGroup;return e||!!t&&t.round},computeBtnCircle:function(){var e=this.circle,t=this.$xeButtonGroup;return e||!!t&&t.circle}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$button:this},t))},openPanel:function(){var e=this,t=this,n=t.reactData,i=t.internalData,o=t.trigger,r=t.computeBtnTransfer,a=t.$refs.refBtnPanel;return a&&(a.dataset.active="Y",n.initialized||(n.initialized=!0,r&&document.body.appendChild(a)),i.showTime=setTimeout(function(){"Y"===a.dataset.active?e.mouseenterDropdownEvent():n.visibleAnimate=!1},"click"===o?50:250)),t.$nextTick()},closePanel:function(){var e=this.reactData,t=this.internalData,n=this.$refs.refBtnPanel;return clearTimeout(t.showTime),n?(n.dataset.active="N",setTimeout(function(){"Y"!==n.dataset.active&&(e.visiblePanel=!1,setTimeout(function(){"Y"!==n.dataset.active&&(e.visibleAnimate=!1)},350))},100)):(e.visibleAnimate=!1,e.visiblePanel=!1),this.$nextTick()},focus:function(){var e=this.$refs.refButton;return e&&e.focus(),this.$nextTick()},blur:function(){var e=this.$refs.refButton;return e&&e.blur(),this.$nextTick()},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){var m=this;return this.$nextTick().then(function(){var e,t,n,i,o,r,a,s,u=m.reactData,l=m.placement,c=u.panelIndex,d=m.$refs.refButton,f=m.$refs.refBtnPanel,p=m.computeBtnTransfer;if(f&&d)return e=d.offsetHeight,t=d.offsetWidth,n=f.offsetHeight,f=f.offsetWidth,c={zIndex:c},s=(d=(0,_dom.getAbsolutePos)(d)).top,i=d.boundingTop,o=d.visibleHeight,r=d.visibleWidth,a="bottom",p?(p=s+e,"top"===l?(a="top",p=s-n):l||(o<i+e+n+5&&(a="top",p=s-n),p<5&&(a="bottom",p=s+e)),r<(s=d.left+t-f)+f+5&&(s-=s+f+5-r),s<5&&(s=5),Object.assign(c,{left:"".concat(s,"px"),right:"auto",top:"".concat(p,"px"),minWidth:"".concat(t,"px")})):"top"===l?(a="top",c.bottom="".concat(e,"px")):l||o<i+e+n&&5<i-e-n&&(a="top",c.bottom="".concat(e,"px")),u.panelStyle=c,u.panelPlacement=a,m.$nextTick()})},clickEvent:function(e){var t=this.$xeButtonGroup;t?t.handleClick({name:this.name},e):this.dispatchEvent("click",{$event:e},e)},mousedownDropdownEvent:function(e){0===e.button&&e.stopPropagation()},clickDropdownEvent:function(e){var t=this.reactData,n=e.currentTarget,i=this.$refs.refBtnPanel,n=(0,_dom.getEventTargetNode)(e,n,"vxe-button"),o=n.flag,n=n.targetElem;o&&(i&&(i.dataset.active="N"),t.visiblePanel=!1,setTimeout(function(){i&&"Y"===i.dataset.active||(t.visibleAnimate=!1)},350),this.dispatchEvent("dropdown-click",{name:n.getAttribute("name"),$event:e},e))},mouseenterDropdownEvent:function(){var e=this,t=this.reactData,n=this.$refs.refBtnPanel;n&&(n.dataset.active="Y",t.visibleAnimate=!0,setTimeout(function(){"Y"===n.dataset.active&&(t.visiblePanel=!0,e.updateZindex(),e.updatePlacement(),setTimeout(function(){t.visiblePanel&&e.updatePlacement()},50))},20))},mouseenterTargetEvent:function(e){this.openPanel(),this.mouseenterEvent(e)},mouseleaveTargetEvent:function(e){this.closePanel(),this.mouseleaveEvent(e)},mouseenterEvent:function(e){this.dispatchEvent("mouseenter",{},e)},mouseleaveEvent:function(e){this.dispatchEvent("mouseleave",{},e)},clickTargetEvent:function(e){var t=this.reactData;"click"===this.trigger&&(t.visiblePanel?this.closePanel():this.openPanel()),this.clickEvent(e)},mouseleaveDropdownEvent:function(){this.closePanel()},handleGlobalMousewheelEvent:function(e){var t=this.reactData,n=this.$refs.refBtnPanel;t.visiblePanel&&!(0,_dom.getEventTargetNode)(e,n).flag&&this.closePanel()},handleGlobalMousedownEvent:function(e){var t,n=this.reactData,i=this.computeBtnDisabled,o=n.visiblePanel;i||(i=this.$refs.refElem,t=this.$refs.refBtnPanel,n.isActivated=(0,_dom.getEventTargetNode)(e,i).flag||(0,_dom.getEventTargetNode)(e,t).flag,o&&!n.isActivated&&this.closePanel())},renderContent:function(e){var t=this.$scopedSlots,n=this.content,i=this.icon,o=this.loading,r=t.icon,t=t.default,a=[];return o?a.push(e("i",{class:["vxe-button--loading-icon",(0,_ui.getIcon)().BUTTON_LOADING]})):r?a.push(e("span",{class:"vxe-button--custom-icon"},r.call(this,{}))):i&&a.push(e("i",{class:["vxe-button--icon",i]})),t?a.push(e("span",{class:"vxe-button--content"},t.call(this,{}))):n&&a.push(e("span",{class:"vxe-button--content"},(0,_utils.getFuncText)(n))),a},renderVN:function(e){var t,n,i=this,o=i.$scopedSlots,r=i.reactData,a=i.className,s=i.popupClassName,u=i.align,l=i.trigger,c=i.title,d=i.routerLink,f=i.type,p=i.destroyOnClose,m=i.name,v=i.loading,b=r.initialized,h=r.visiblePanel,g=i.computeIsFormBtn,_=i.computeBtnMode,y=i.computeBtnStatus,x=i.computeBtnRound,P=i.computeBtnCircle,E=i.computeBtnDisabled,B=i.computeSize,o=o.dropdowns;return i.computePermissionInfo.visible?o?(t={},n={},"hover"===l&&(t.mouseenter=i.mouseenterTargetEvent,t.mouseleave=i.mouseleaveTargetEvent,n.mouseenter=i.mouseenterDropdownEvent,n.mouseleave=i.mouseleaveDropdownEvent),e("div",{ref:"refElem",class:["vxe-button--dropdown",a?_xeUtils.default.isFunction(a)?a({$button:i}):a:"",_defineProperty(_defineProperty({},"size--".concat(B),B),"is--active",h)]},[d?e("router-link",{ref:"refButton",class:["vxe-button","vxe-button--link","type--".concat(_),u?"align--".concat(u):"",a?_xeUtils.default.isFunction(a)?a({$button:i}):a:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(B),B),"theme--".concat(y),y),"is--round",x),"is--circle",P),"is--disabled",E||v),"is--loading",v)],attrs:{title:c,name:m,type:g?f:"button",disabled:E||v,to:d},on:Object.assign({click:i.clickTargetEvent},t),scopedSlots:{default:function(){return i.renderContent(e).concat([e("i",{class:"vxe-button--dropdown-arrow ".concat((0,_ui.getIcon)().BUTTON_DROPDOWN)})])}}}):e("button",{ref:"refButton",class:["vxe-button","type--".concat(_),u?"align--".concat(u):"",a?_xeUtils.default.isFunction(a)?a({$button:i}):a:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(B),B),"theme--".concat(y),y),"is--round",x),"is--circle",P),"is--disabled",E||v),"is--loading",v)],attrs:{title:c,name:m,type:g?f:"button",disabled:E||v},on:Object.assign({click:i.clickTargetEvent},t)},i.renderContent(e).concat([e("i",{class:"vxe-button--dropdown-arrow ".concat((0,_ui.getIcon)().BUTTON_DROPDOWN)})])),e("div",Object.assign({ref:"refBtnPanel",class:["vxe-button--dropdown-panel",s?_xeUtils.default.isFunction(s)?s({$button:i}):s:"",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(B),B),"ani--leave",r.visibleAnimate),"ani--enter",h)],attrs:{placement:r.panelPlacement},style:r.panelStyle},n),b?[e("div",{class:"vxe-button--dropdown-wrapper",on:{mousedown:i.mousedownDropdownEvent,click:i.clickDropdownEvent}},p&&!h?[]:o.call(i,{}))]:[])])):d?e("router-link",{ref:"refButton",class:["vxe-button","vxe-button--link","type--".concat(_),u?"align--".concat(u):"",a?_xeUtils.default.isFunction(a)?a({$button:i}):a:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(B),B),"theme--".concat(y),y),"is--round",x),"is--circle",P),"is--disabled",E||v),"is--loading",v)],props:{title:c,name:m,type:g?f:"button",disabled:E||v,to:d},on:{click:i.clickEvent,mouseenter:i.mouseenterEvent,mouseleave:i.mouseleaveEvent},scopedSlots:{default:function(){return i.renderContent(e)}}}):e("button",{ref:"refButton",class:["vxe-button","type--".concat(_),u?"align--".concat(u):"",a?_xeUtils.default.isFunction(a)?a({$button:i}):a:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(B),B),"theme--".concat(y),y),"is--round",x),"is--circle",P),"is--disabled",E||v),"is--loading",v)],attrs:{title:c,name:m,type:g?f:"button",disabled:E||v},on:{click:i.clickEvent,mouseenter:i.mouseenterEvent,mouseleave:i.mouseleaveEvent}},i.renderContent(e)):(0,_ui.renderEmptyElement)(i)}},mounted:function(){var e=this;"development"===process.env.NODE_ENV&&"text"===e.type&&(0,_log.warnLog)("vxe.error.delProp",["type=text","mode=text"]),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent)},beforeDestroy:function(){var e=this.$refs.refBtnPanel;e&&e.parentNode&&e.parentNode.removeChild(e)},destroyed:function(){_ui.globalEvents.off(this,"mousewheel"),_ui.globalEvents.off(this,"mousedown")},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_comp=require("../../ui/src/comp"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeButton",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{type:String,mode:String,className:[String,Function],popupClassName:[String,Function],size:{type:String,default:function(){return(0,_ui.getConfig)().button.size||(0,_ui.getConfig)().size}},name:[String,Number],routerLink:Object,permissionCode:[String,Number],content:String,placement:String,status:String,title:String,icon:String,round:Boolean,circle:Boolean,disabled:Boolean,loading:Boolean,trigger:{type:String,default:function(){return(0,_ui.getConfig)().button.trigger}},align:String,destroyOnClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().button.destroyOnClose}},transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},$xeButtonGroup:{default:null}},data:function(){var e={showTime:void 0};return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,visiblePanel:!1,visibleAnimate:!1,isActivated:!1,panelIndex:0,panelStyle:{},panelPlacement:""},internalData:e}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.transfer,n=e.$xeTable,i=e.$xeModal,o=e.$xeDrawer,e=e.$xeForm;if(null===t){var r=(0,_ui.getConfig)().button.transfer;if(_xeUtils.default.isBoolean(r))return r;if(n||i||o||e)return!0}return t},computeBtnDisabled:function(){var e=this.disabled,t=this.computePermissionInfo;return e||t.disabled},computeIsFormBtn:function(){var e=this.type;return!!e&&-1<["submit","reset","button"].indexOf(e)},computeBtnMode:function(){var e=this.type,t=this.mode,n=this.$xeButtonGroup;return"text"===t||"text"===e||n&&"text"===n.mode?"text":"button"},computeBtnStatus:function(){var e=this.status,t=this.$xeButtonGroup;return e||(t?t.status:"")},computeBtnRound:function(){var e=this.round,t=this.$xeButtonGroup;return e||!!t&&t.round},computeBtnCircle:function(){var e=this.circle,t=this.$xeButtonGroup;return e||!!t&&t.circle}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$button:this},t))},openPanel:function(){var e=this,t=this,n=t.reactData,i=t.internalData,o=t.trigger,r=t.computeBtnTransfer,a=t.$refs.refBtnPanel;return a&&(a.dataset.active="Y",n.initialized||(n.initialized=!0,r&&document.body.appendChild(a)),i.showTime=setTimeout(function(){"Y"===a.dataset.active?e.mouseenterDropdownEvent():n.visibleAnimate=!1},"click"===o?50:250)),t.$nextTick()},closePanel:function(){var e=this.reactData,t=this.internalData,n=this.$refs.refBtnPanel;return clearTimeout(t.showTime),n?(n.dataset.active="N",setTimeout(function(){"Y"!==n.dataset.active&&(e.visiblePanel=!1,setTimeout(function(){"Y"!==n.dataset.active&&(e.visibleAnimate=!1)},350))},100)):(e.visibleAnimate=!1,e.visiblePanel=!1),this.$nextTick()},focus:function(){var e=this.$refs.refButton;return e&&e.focus(),this.$nextTick()},blur:function(){var e=this.$refs.refButton;return e&&e.blur(),this.$nextTick()},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){var m=this;return this.$nextTick().then(function(){var e,t,n,i,o,r,a,s,u=m.reactData,l=m.placement,c=u.panelIndex,d=m.$refs.refButton,f=m.$refs.refBtnPanel,p=m.computeBtnTransfer;if(f&&d)return e=d.offsetHeight,t=d.offsetWidth,n=f.offsetHeight,f=f.offsetWidth,c={zIndex:c},s=(d=(0,_dom.getAbsolutePos)(d)).top,i=d.boundingTop,o=d.visibleHeight,r=d.visibleWidth,a="bottom",p?(p=s+e,"top"===l?(a="top",p=s-n):l||(o<i+e+n+5&&(a="top",p=s-n),p<5&&(a="bottom",p=s+e)),r<(s=d.left+t-f)+f+5&&(s-=s+f+5-r),s<5&&(s=5),Object.assign(c,{left:"".concat(s,"px"),right:"auto",top:"".concat(p,"px"),minWidth:"".concat(t,"px")})):"top"===l?(a="top",c.bottom="".concat(e,"px")):l||o<i+e+n&&5<i-e-n&&(a="top",c.bottom="".concat(e,"px")),u.panelStyle=c,u.panelPlacement=a,m.$nextTick()})},clickEvent:function(e){var t=this.$xeButtonGroup;t?t.handleClick({name:this.name},e):this.dispatchEvent("click",{$event:e},e)},mousedownDropdownEvent:function(e){0===e.button&&e.stopPropagation()},clickDropdownEvent:function(e){var t=this.reactData,n=e.currentTarget,i=this.$refs.refBtnPanel,n=(0,_dom.getEventTargetNode)(e,n,"vxe-button"),o=n.flag,n=n.targetElem;o&&(i&&(i.dataset.active="N"),t.visiblePanel=!1,setTimeout(function(){i&&"Y"===i.dataset.active||(t.visibleAnimate=!1)},350),this.dispatchEvent("dropdown-click",{name:n.getAttribute("name"),$event:e},e))},mouseenterDropdownEvent:function(){var e=this,t=this.reactData,n=this.$refs.refBtnPanel;n&&(n.dataset.active="Y",t.visibleAnimate=!0,setTimeout(function(){"Y"===n.dataset.active&&(t.visiblePanel=!0,e.updateZindex(),e.updatePlacement(),setTimeout(function(){t.visiblePanel&&e.updatePlacement()},50))},20))},mouseenterTargetEvent:function(e){this.openPanel(),this.mouseenterEvent(e)},mouseleaveTargetEvent:function(e){this.closePanel(),this.mouseleaveEvent(e)},mouseenterEvent:function(e){this.dispatchEvent("mouseenter",{},e)},mouseleaveEvent:function(e){this.dispatchEvent("mouseleave",{},e)},clickTargetEvent:function(e){var t=this.reactData;"click"===this.trigger&&(t.visiblePanel?this.closePanel():this.openPanel()),this.clickEvent(e)},mouseleaveDropdownEvent:function(){this.closePanel()},handleGlobalMousewheelEvent:function(e){var t=this.reactData,n=this.$refs.refBtnPanel;t.visiblePanel&&!(0,_dom.getEventTargetNode)(e,n).flag&&this.closePanel()},handleGlobalMousedownEvent:function(e){var t,n=this.reactData,i=this.computeBtnDisabled,o=n.visiblePanel;i||(i=this.$refs.refElem,t=this.$refs.refBtnPanel,n.isActivated=(0,_dom.getEventTargetNode)(e,i).flag||(0,_dom.getEventTargetNode)(e,t).flag,o&&!n.isActivated&&this.closePanel())},renderContent:function(e){var t=this.$scopedSlots,n=this.content,i=this.icon,o=this.loading,r=t.icon,t=t.default,a=[];return o?a.push(e("i",{class:["vxe-button--loading-icon",(0,_ui.getIcon)().BUTTON_LOADING]})):r?a.push(e("span",{class:"vxe-button--custom-icon"},r.call(this,{}))):i&&a.push(e("i",{class:["vxe-button--icon",i]})),t?a.push(e("span",{class:"vxe-button--content"},t.call(this,{}))):n&&a.push(e("span",{class:"vxe-button--content"},(0,_utils.getFuncText)(n))),a},renderVN:function(e){var t,n,i=this,o=i.$scopedSlots,r=i.reactData,a=i.className,s=i.popupClassName,u=i.align,l=i.trigger,c=i.title,d=i.routerLink,f=i.type,p=i.destroyOnClose,m=i.name,v=i.loading,b=r.initialized,h=r.visiblePanel,g=i.computeIsFormBtn,_=i.computeBtnMode,y=i.computeBtnStatus,x=i.computeBtnRound,P=i.computeBtnCircle,E=i.computeBtnDisabled,B=i.computeSize,o=o.dropdowns;return i.computePermissionInfo.visible?o?(t={},n={},"hover"===l&&(t.mouseenter=i.mouseenterTargetEvent,t.mouseleave=i.mouseleaveTargetEvent,n.mouseenter=i.mouseenterDropdownEvent,n.mouseleave=i.mouseleaveDropdownEvent),e("div",{ref:"refElem",class:["vxe-button--dropdown",a?_xeUtils.default.isFunction(a)?a({$button:i}):a:"",_defineProperty(_defineProperty({},"size--".concat(B),B),"is--active",h)]},[d?e("router-link",{ref:"refButton",class:["vxe-button","vxe-button--link","type--".concat(_),u?"align--".concat(u):"",a?_xeUtils.default.isFunction(a)?a({$button:i}):a:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(B),B),"theme--".concat(y),y),"is--round",x),"is--circle",P),"is--disabled",E||v),"is--loading",v)],attrs:{title:c,name:m,type:g?f:"button",disabled:E||v,to:d},on:Object.assign({click:i.clickTargetEvent},t),scopedSlots:{default:function(){return i.renderContent(e).concat([e("i",{class:"vxe-button--dropdown-arrow ".concat((0,_ui.getIcon)().BUTTON_DROPDOWN)})])}}}):e("button",{ref:"refButton",class:["vxe-button","type--".concat(_),u?"align--".concat(u):"",a?_xeUtils.default.isFunction(a)?a({$button:i}):a:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(B),B),"theme--".concat(y),y),"is--round",x),"is--circle",P),"is--disabled",E||v),"is--loading",v)],attrs:{title:c,name:m,type:g?f:"button",disabled:E||v},on:Object.assign({click:i.clickTargetEvent},t)},i.renderContent(e).concat([e("i",{class:"vxe-button--dropdown-arrow ".concat((0,_ui.getIcon)().BUTTON_DROPDOWN)})])),e("div",Object.assign({ref:"refBtnPanel",class:["vxe-button--dropdown-panel",s?_xeUtils.default.isFunction(s)?s({$button:i}):s:"",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(B),B),"ani--leave",r.visibleAnimate),"ani--enter",h)],attrs:{placement:r.panelPlacement},style:r.panelStyle},n),b?[e("div",{class:"vxe-button--dropdown-wrapper",on:{mousedown:i.mousedownDropdownEvent,click:i.clickDropdownEvent}},p&&!h?[]:o.call(i,{}))]:[])])):d?e("router-link",{ref:"refButton",class:["vxe-button","vxe-button--link","type--".concat(_),u?"align--".concat(u):"",a?_xeUtils.default.isFunction(a)?a({$button:i}):a:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(B),B),"theme--".concat(y),y),"is--round",x),"is--circle",P),"is--disabled",E||v),"is--loading",v)],props:{title:c,name:m,type:g?f:"button",disabled:E||v,to:d},on:{click:i.clickEvent,mouseenter:i.mouseenterEvent,mouseleave:i.mouseleaveEvent},scopedSlots:{default:function(){return i.renderContent(e)}}}):e("button",{ref:"refButton",class:["vxe-button","type--".concat(_),u?"align--".concat(u):"",a?_xeUtils.default.isFunction(a)?a({$button:i}):a:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(B),B),"theme--".concat(y),y),"is--round",x),"is--circle",P),"is--disabled",E||v),"is--loading",v)],attrs:{title:c,name:m,type:g?f:"button",disabled:E||v},on:{click:i.clickEvent,mouseenter:i.mouseenterEvent,mouseleave:i.mouseleaveEvent}},i.renderContent(e)):(0,_ui.renderEmptyElement)(i)}},mounted:function(){var e=this;"development"===process.env.NODE_ENV&&"text"===e.type&&(0,_log.warnLog)("vxe.error.delProp",["type=text","mode=text"]),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent)},beforeDestroy:function(){var e=this.$refs.refBtnPanel;e&&e.parentNode&&e.parentNode.removeChild(e)},destroyed:function(){_ui.globalEvents.off(this,"mousewheel"),_ui.globalEvents.off(this,"mousedown")},render:function(e){return this.renderVN(e)}});

package/lib/carousel/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxeCarousel = exports.Carousel = void 0;
+var _core = require("@vxe-ui/core");
+var _carousel = _interopRequireDefault(require("./src/carousel"));
+var _dynamics = require("../dynamics");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var VxeCarousel = exports.VxeCarousel = Object.assign({}, _carousel.default, {
+  install: function install(app) {
+    app.component(_carousel.default.name, _carousel.default);
+  }
+});
+_dynamics.dynamicApp.use(VxeCarousel);
+_core.VxeUI.component(_carousel.default);
+var Carousel = exports.Carousel = VxeCarousel;
+var _default = exports.default = VxeCarousel;