vxe-pc-ui 3.6.49 → 3.7.0

package/styles/components/list-design.scss

@@ -1,113 +0,0 @@
-.vxe-list-design {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  color: var(--vxe-ui-font-color);
-  font-family: var(--vxe-ui-font-family);
-  overflow: auto;
-}
-
-.vxe-list-design {
-  font-size: var(--vxe-ui-font-size-default);
-  &.size--medium {
-    font-size: var(--vxe-ui-font-size-medium);
-  }
-  &.size--small {
-    font-size: var(--vxe-ui-font-size-small);
-  }
-  &.size--mini {
-    font-size: var(--vxe-ui-font-size-mini);
-  }
-}
-
-.vxe-list-design--body {
-  display: flex;
-  flex-direction: row;
-  flex-grow: 1;
-  overflow: hidden;
-}
-
-.vxe-list-design--header {
-  flex-shrink: 0;
-  padding: 0 var(--vxe-ui-layout-padding-default);
-}
-
-.vxe-list-design--setting {
-  width: 300px;
-  flex-shrink: 0;
-  padding: var(--vxe-ui-layout-padding-default);
-  border-radius: var(--vxe-ui-base-border-radius);
-  overflow: auto;
-}
-
-.vxe-list-design--preview {
-  flex-grow: 1;
-  overflow: auto;
-  padding: var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-half);
-}
-.vxe-list-design--preview-wrapper {
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  padding: var(--vxe-ui-layout-padding-default) 0;
-  background-color: var(--vxe-ui-layout-background-color);
-  border-radius: var(--vxe-ui-base-border-radius);
-  border: 1px solid var(--vxe-ui-input-border-color);
-}
-
-.vxe-list-design--setting-form {
-  height: 100%;
-  background-color: var(--vxe-ui-layout-background-color);
-  border: 1px solid var(--vxe-ui-input-border-color);
-}
-.vxe-list-design--setting-form-tabs {
-  height: 100%;
-}
-
-.vxe-list-design--preview-title {
-  font-weight: 700;
-  padding: var(--vxe-ui-layout-padding-default);
-}
-.vxe-list-design--preview-search,
-.vxe-list-design--preview-table {
-  padding: var(--vxe-ui-layout-padding-default);
-}
-
-.vxe-form-design--widget-form-item-devices-item {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  margin-bottom: var(--vxe-ui-layout-padding-default);
-}
-.vxe-form-design--widget-form-item-devices-left {
-  flex-shrink: 0;
-  width: 86px;
-  padding: 0 var(--vxe-ui-layout-padding-default);
-}
-.vxe-form-design--widget-form-item-devices-select {
-  flex-grow: 1;
-}
-
-.vxe-form-design--widget-form-item-render-view-item {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  height: 2.6em;
-  padding: 0 var(--vxe-ui-layout-padding-default);
-  border: 1px solid var(--vxe-ui-input-border-color);
-  border-radius: var(--vxe-ui-base-border-radius);
-}
-
-.vxe-list-design--preview-search {
-  .vxe-form--item-content {
-    &::after {
-      content: "";
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      z-index: 1;
-    }
-  }
-}

package/styles/components/list-item/list-item-all.scss

@@ -1,3 +0,0 @@
-@use './list-item-field-search.scss';
-@use './list-item-field-column.scss';
-@use './list-item-field-configs.scss';

package/styles/components/list-item/list-item-field-column.scss

@@ -1,19 +0,0 @@
-@use '../../helpers/baseMixin.scss';
-
-.vxe-list-design--field-checkbox-option {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  flex-grow: 1;
-  @include baseMixin.createCheckboxIcon();
-}
-.vxe-list-design--field-option-inner {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  height: 1.8em;
-  padding: 0 0.5em;
-  &:hover {
-    background-color: var(--vxe-ui-base-hover-background-color);
-  }
-}

package/styles/components/list-item/list-item-field-configs.scss

@@ -1,43 +0,0 @@
-.vxe-list-design--field-configs-wrapper {
-  .vxe-list-design--field-configs-item {
-    display: flex;
-    flex-direction: row;
-    border: 1px solid var(--vxe-ui-input-border-color);
-    border-radius: var(--vxe-ui-base-border-radius);
-    padding: 0 var(--vxe-ui-layout-padding-default);
-    margin-top: 0.5em;
-    &:first-child {
-      margin-top: 0;
-    }
-    &:hover {
-      background-color: var(--vxe-ui-font-primary-hover-color);
-    }
-  }
-  .vxe-list-design--field-configs-item-title {
-    flex-grow: 1;
-    padding: 0 0.2em;
-    width: 100px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .vxe-list-design--field-configs-item-icon,
-  .vxe-list-design--field-configs-item-btn {
-    flex-shrink: 0
-  }
-  .vxe-list-design--field-configs-item-icon {
-    padding: 0 0.2em;
-  }
-}
-
-.vxe-list-design--field-configs-item,
-.vxe-list-design--field-configs-empty-data {
-  line-height: 2.3em;
-}
-.vxe-list-design--field-configs-empty-data {
-  text-align: center;
-  color: var(--vxe-ui-input-placeholder-color);
-  border: 1px solid var(--vxe-ui-input-border-color);
-  border-radius: var(--vxe-ui-base-border-radius);
-  padding: 0 var(--vxe-ui-layout-padding-default);
-}

package/styles/components/list-item/list-item-field-search.scss

@@ -1,81 +0,0 @@
-@use '../../helpers/baseMixin.scss';
-
-.vxe-list-design--field-search-popup {
-  border-bottom: 1px solid var(--vxe-ui-list-design-table-border-color);
-  table {
-    width: 100%;
-    border: 0;
-    table-layout: fixed;
-    word-break: break-all;
-    border-spacing: 0;
-    border-collapse: separate;
-    th {
-      position: sticky;
-      top: 0;
-      text-align: left;
-      border-top: 1px solid var(--vxe-ui-list-design-table-border-color);
-      border-bottom: 1px solid var(--vxe-ui-list-design-table-border-color);
-      border-left: 1px solid var(--vxe-ui-list-design-table-border-color);
-      background-color: var(--vxe-ui-list-design-table-header-background-color);
-      z-index: 7;
-    }
-    td {
-      border-top: 1px solid var(--vxe-ui-list-design-table-border-color);
-      border-left: 1px solid var(--vxe-ui-list-design-table-border-color);
-    }
-    tr {
-      &:first-child {
-        td {
-          border-top: 0;
-        }
-      }
-      &:hover {
-        background-color: var(--vxe-ui-font-primary-hover-color);
-      }
-    }
-    th,
-    td {
-      height: 44px;
-      padding: 0 0.6em;
-      &:last-child {
-        border-right: 1px solid var(--vxe-ui-list-design-table-border-color);
-      }
-    }
-  }
-}
-.vxe-list-design--field-search-checkbox-option {
-  @include baseMixin.createCheckboxIcon();
-}
-.vxe-list-design--field-search-checkbox-option {
-  padding-right: 0.4em;
-  flex-shrink: 0;
-  user-select: none;
-}
-.vxe-list-design--field-search-option-item {
-  &.col--visible {
-    text-align: center;
-  }
-}
-
-
-.vxe-list-design--search-item-list {
-  .vxe-list-design--search-item {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    height: 1.8em;
-    padding: 0 0.5em;
-    &:hover {
-      background-color: var(--vxe-ui-base-hover-background-color);
-    }
-  }
-  .vxe-list-design--search-item-title {
-    flex-grow: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .vxe-list-design--search-item-btn {
-    flex-shrink: 0;
-  }
-}

package/styles/components/list-view.scss

@@ -1,16 +0,0 @@
-.vxe-list-view {
-  position: relative;
-  color: var(--vxe-ui-font-color);
-  font-family: var(--vxe-ui-font-family);
-  overflow: auto;
-  &.is--loading {
-    .vxe-list-view--body {
-      visibility: hidden;
-    }
-  }
-}
-.vxe-list-view--body,
-.vxe-list-view--grid-wrapper {
-  height: 100%;
-  overflow: auto;
-}

package/styles/components/widget-form/widget-form-all.scss

@@ -1,6 +0,0 @@
-@use './widget-form-empty.scss';
-@use './widget-form-input.scss';
-@use './widget-form-textarea.scss';
-@use './widget-form-select.scss';
-@use './widget-form-row.scss';
-@use './widget-form-subtable.scss';

package/styles/components/widget-form/widget-form-empty.scss

@@ -1,7 +0,0 @@
-.vxe-form-design--widget-form-empty-data {
-  text-align: center;
-  color: var(--vxe-ui-input-placeholder-color);
-  border: 1px solid var(--vxe-ui-input-border-color);
-  border-radius: var(--vxe-ui-base-border-radius);
-  padding: var(--vxe-ui-layout-padding-double);
-}

package/styles/components/widget-form/widget-form-row.scss

@@ -1,88 +0,0 @@
-.vxe-form-design--widget-row-form-row {
-  border: 1px solid var( --vxe-ui-input-border-color);
-  margin-bottom: var(--vxe-ui-layout-padding-default);
-  border-radius: var(--vxe-ui-base-border-radius);
-  cursor: pointer;
-  &:hover {
-    border-color: var(--vxe-ui-font-primary-color);
-  }
-  &.is--active {
-    border-color: var(--vxe-ui-font-primary-color);
-    color: var(--vxe-ui-layout-background-color);
-    .vxe-form-design--widget-row-form-col {
-      div {
-        background: var(--vxe-ui-font-primary-color);
-      }
-    }
-  }
-}
-.vxe-form-design--widget-row-form-col {
-  padding: var(--vxe-ui-layout-padding-default);
-  & > div {
-    line-height: 24px;
-    background: var(--vxe-ui-font-tinge-color);
-    text-align: center;
-    border-radius: var(--vxe-ui-base-border-radius);
-  }
-}
-
-.vxe-form-design--widget-row-view {
-  position: relative;
-  height: 100%;
-  padding: var(--vxe-ui-layout-padding-default);
-}
-.vxe-form-design--widget-row-view-item-inner {
-  position: relative;
-  height: 100%;
-  min-height: 78px;
-  padding: 0;
-  border: 1px solid transparent;
-  cursor: grabbing;
-  &::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 1;
-  }
-  &:not(.is--empty) {
-    &:hover {
-      background-color: var(--vxe-ui-form-design-sub-widget-hover-background-color);
-      .vxe-form-design--widget-row-view-empty {
-        background-color: transparent;
-      }
-    }
-  }
-  &.is--active {
-    border: 1px dashed var(--vxe-ui-font-primary-color);
-    background-color: var(--vxe-ui-base-active-background-color);
-  }
-  &.is--drag,
-  &.is--sort {
-    background-color: var(--vxe-ui-base-drag-background-color);
-  }
-}
-
-.vxe-form-design--widget-row-view-empty {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  width: 100%;
-  padding: var(--vxe-ui-layout-padding-default);
-  color: var(--vxe-ui-font-placeholder-color);
-  border: 2px dashed var(--vxe-ui-input-border-color);
-  font-size: 0.95em;
-  background-color: var(--vxe-ui-layout-background-color);
-}
-.vxe-form-design--preview-item {
-  &.widget-row {
-    padding: 0 var(--vxe-ui-layout-padding-default);
-    &::after {
-      display: none;
-    }
-  }
-}

package/styles/components/widget-form/widget-form-subtable.scss

@@ -1,204 +0,0 @@
-@use '../../helpers/baseMixin.scss';
-
-.vxe-form-design--widget-subtable-view {
-  display: flex;
-  flex-direction: row;
-  max-width: 100%;
-  border-radius: var(--vxe-ui-base-border-radius);
-  overflow-y: hidden;
-  overflow-x: auto;
-}
-.vxe-form-design--widget-subtable-view-box {
-  border: 1px solid var(--vxe-ui-input-border-color);
-  border-width: 1px 1px 1px 0;
-  display: inline-flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-}
-.vxe-form-design--widget-subtable-view-left {
-  position: sticky;
-  left: 0;
-  top: 0;
-  display: flex;
-  flex-shrink: 0;
-  box-shadow: 8px 0px 10px -5px rgba(0,0,0,.12);
-  border-radius: var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius);
-  z-index: 5;
-}
-.vxe-form-design--widget-subtable-view-right {
-  flex-grow: 1;
-}
-.vxe-form-design--widget-subtable-col {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  min-width: 54px;
-  text-align: center;
-  border-top: 1px solid var(--vxe-ui-input-border-color);
-  border-right: 1px solid var(--vxe-ui-input-border-color);
-  border-bottom: 1px solid var(--vxe-ui-input-border-color);
-  background-color: var(--vxe-ui-layout-background-color);
-  &:first-child {
-    border-left: 1px solid var(--vxe-ui-input-border-color);
-    border-radius: var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius);
-  }
-  &::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 1;
-  }
-}
-.vxe-form-design--widget-subtable-head {
-  flex-shrink: 0;
-  height: 2.8em;
-  line-height: 2.8em;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  padding: 0 var(--vxe-ui-layout-padding-default);
-  border-bottom: 1px solid var(--vxe-ui-input-border-color);
-}
-.vxe-form-design--widget-subtable-body {
-  flex-grow: 1;
-  padding: var(--vxe-ui-layout-padding-default);
-}
-.vxe-form-design--widget-subtable-head,
-.vxe-form-design--widget-subtable-body {
-  width: 100%;
-}
-.vxe-form-design--widget-subtable-body,
-.vxe-form-design--widget-subtable-view-empty {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-}
-
-.vxe-form-design--widget-subtable-view-wrapper {
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  background-color: var(--vxe-ui-layout-background-color);
-  border-radius: 0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0;
-  &::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    border: 1px solid var(--vxe-ui-input-border-color);
-    z-index: 1;
-    pointer-events: none;
-  }
-}
-.vxe-form-design--widget-subtable-view-list {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  & > .vxe-form-design--widget-subtable-view-item {
-    border-right: 1px solid var(--vxe-ui-input-border-color);
-    .vxe-form-design--preview-item-operate {
-      top: 0.4em;
-    }
-  }
-}
-.vxe-form-design--widget-subtable-view-list-move {
-  @include baseMixin.createAnimationTransition(transform, 0.35s);
-}
-
-.vxe-form-design--widget-subtable-view-item {
-  position: relative;
-  min-width: 200px;
-  cursor: grabbing;
-  &:hover {
-    background-color: var(--vxe-ui-form-design-sub-widget-hover-background-color);
-  }
-  &.is--active {
-    background: var(--vxe-ui-base-active-background-color);
-    &::before {
-      content: "";
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      border: 1px dashed var(--vxe-ui-font-primary-color);
-      pointer-events: none;
-      z-index: 2;
-    }
-  }
-}
-.vxe-form-design--widget-subtable-view-item-box {
-  height: 100%;
-  &::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 1;
-  }
-}
-
-.vxe-form-design--widget-subtable-view-empty {
-  flex-grow: 1;
-  color: var(--vxe-ui-font-placeholder-color);
-  padding: 0 var(--vxe-ui-layout-padding-threefold);
-  min-height: 78px;
-  min-width: 200px;
-  cursor: default;
-}
-
-.vxe-form-design--widget-subtable-form-item {
-  overflow: hidden;
-}
-.vxe-form-design--widget-subtable-view-item-wrapper {
-  height: 100%;
-  .vxe-form--item {
-    &.is--vertical {
-      padding: 0;
-      .vxe-form--item-title {
-        height: 2.8em;
-        line-height: 2.8em;
-        padding: 0 var(--vxe-ui-layout-padding-default);
-      }
-      .vxe-form--item-content {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        padding: 0 var(--vxe-ui-layout-padding-default);
-      }
-    }
-  }
-  .vxe-form--item-title {
-    border-bottom: 1px solid var(--vxe-ui-input-border-color);
-  }
-}
-
-.vxe-form-design--preview-item {
-  &.widget-subtable {
-    padding: 0 var(--vxe-ui-layout-padding-double);
-    &::after {
-      display: none;
-    }
-  }
-  .vxe-form-design--preview-item-view {
-    .vxe-form-design--widget-subtable-form-item {
-      & > .vxe-form--item-content {
-        padding: 0;
-      }
-    }
-    .vxe-form--group-content {
-      align-items: unset;
-    }
-  }
-}

package/styles/components/widget-item/widget-item-all.scss

@@ -1,4 +0,0 @@
-@use './widget-item-devices.scss';
-@use './widget-item-layout.scss';
-@use './widget-item-data-source.scss';
-@use './widget-item-prop-list.scss';

package/styles/components/widget-item/widget-item-data-source.scss

@@ -1,110 +0,0 @@
-@use '../../helpers/baseMixin.scss';
-
-.vxe-form-design--widget-form-item-data-source-wrapper {
-  max-height: 30vh;
-  min-height: 140px;
-  overflow: auto;
-}
-.vxe-form-design--widget-form-item-data-source-type {
-  margin-bottom: 16px;
-}
-.vxe-form-design--widget-form-item-data-source-option {
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  padding: var(--vxe-ui-layout-padding-half) 0;
-  &::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: var(--vxe-ui-layout-padding-half);
-    width: var(--vxe-ui-layout-padding-default);
-    height: 100%;
-    border: 1px dotted var(--vxe-ui-base-popup-border-color);
-    border-width: 0 0 0 1px;
-  }
-  &::after {
-    content: "";
-    position: absolute;
-    top: 50%;
-    left: var(--vxe-ui-layout-padding-half);
-    width: var(--vxe-ui-layout-padding-default);
-    height: 0;
-    border-top: 1px dotted var(--vxe-ui-base-popup-border-color);
-  }
-  &.is--first {
-    &::before {
-      top: 50%;
-      height: 50%;
-    }
-  }
-  &.is--last {
-    &::before {
-      height: 50%;
-    }
-  }
-  .vxe-button {
-    flex-shrink: 0;
-  }
-  .vxe-form-design--widget-expand-btn {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    width: 2em;
-    i {
-      cursor: pointer;
-      background-color: var(--vxe-ui-layout-background-color);
-      @include baseMixin.createAnimationTransition(transform, 0.1s);
-      z-index: 2;
-    }
-  }
-}
-.vxe-form-design--widget-form-item-data-source-sub-option {
-  position: relative;
-  &::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: var(--vxe-ui-layout-padding-half);
-    width: var(--vxe-ui-layout-padding-default);
-    height: 100%;
-    border: 1px dotted var(--vxe-ui-base-popup-border-color);
-    border-width: 0 0 0 1px;
-  }
-  &:last-child {
-    &::before {
-      display: none;
-    }
-  }
-  .vxe-form-design--widget-form-item-data-source-option {
-    padding-left: var(--vxe-ui-layout-padding-double);
-    &:first-child {
-      &::before {
-        top: 0;
-        height: 50%;
-      }
-    }
-    &::before {
-      top: -50%;
-      left: calc(var(--vxe-ui-layout-padding-double) + 0.5em);
-      width: var(--vxe-ui-layout-padding-default);
-      height: 100%;
-    }
-    &::after {
-      left: calc(var(--vxe-ui-layout-padding-double) + 0.5em);
-    }
-  }
-}
-
-.vxe-form-design--widget-form-item-data-source-popup {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  overflow: auto;
-  & > .vxe-textarea {
-    flex-grow: 1;
-    .vxe-textarea--inner {
-      height: 100%;
-    }
-  }
-}