vxe-pc-ui 4.6.49 → 4.7.0

package/styles/components/form-design.scss

@@ -1,294 +0,0 @@
-@use '../helpers/baseMixin.scss';
-@use './widget-form/widget-form-all.scss';
-@use './widget-item/widget-item-all.scss';
-
-.vxe-form-design {
-  display: flex;
-  flex-direction: column;
-  color: var(--vxe-ui-font-color);
-  font-family: var(--vxe-ui-font-family);
-}
-
-.vxe-form-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-form-design--body {
-  display: flex;
-  flex-direction: row;
-  flex-grow: 1;
-  overflow: hidden;
-}
-
-.vxe-form-design--header {
-  flex-shrink: 0;
-  padding: 0 var(--vxe-ui-layout-padding-default);
-}
-.vxe-form-design--header-wrapper {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  width: 100%;
-  min-height: 3em;
-  border: 1px solid var(--vxe-ui-input-border-color);
-  border-radius: var(--vxe-ui-base-border-radius);
-}
-.vxe-form-design--header-left,
-.vxe-form-design--header-right {
-  flex-shrink: 0;
-}
-.vxe-form-design--header-middle {
-  flex-grow: 1;
-}
-.vxe-form-design--header-right {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  .vxe-form-design--header-extra,
-  .vxe-form-design--header-setting {
-    flex-shrink: 0;
-  }
-}
-
-.vxe-form-design--layout-style {
-  display: flex;
-  flex-direction: row;
-  height: 100%;
-  overflow: hidden;
-}
-.vxe-form-design--layout-style-preview {
-  flex-grow: 1;
-  padding-right: var(--vxe-ui-layout-padding-default);
-  overflow: hidden;
-  & > .vxe-form-view {
-    height: 100%;
-    width: 100%;
-    border: 1px solid var(--vxe-ui-input-border-color);
-    border-radius: var(--vxe-ui-base-border-radius);
-    overflow: auto;
-  }
-  &.is--mobile {
-    & > .vxe-form-view {
-      width: 400px;
-      margin: 0 auto;
-    }
-  }
-  .vxe-form-design--widget-render-form-item {
-    &.widget-subtable {
-      & > .vxe-form--item-content {
-        &::after {
-          display: none;
-        }
-      }
-      .vxe-body--column {
-        .vxe-cell {
-          &::after {
-            content: "";
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            z-index: 3;
-          }
-        }
-      }
-    }
-    & > .vxe-form--item-content {
-      &::after {
-        content: "";
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        z-index: 1;
-      }
-    }
-  }
-}
-.vxe-form-design--layout-style-setting {
-  flex-shrink: 0;
-  width: 300px;
-  border: 1px solid var(--vxe-ui-input-border-color);
-  border-radius: var(--vxe-ui-base-border-radius);
-  background-color: var(--vxe-ui-layout-background-color);
-  z-index: 1;
-  overflow: auto;
-}
-
-.vxe-form-design--widget {
-  width: 280px;
-  flex-shrink: 0;
-  overflow: auto;
-}
-
-.vxe-form-design--widget,
-.vxe-form-design--setting {
-  padding: var(--vxe-ui-layout-padding-default);
-  border-radius: var(--vxe-ui-base-border-radius);
-}
-
-.vxe-form-design--setting {
-  width: 300px;
-  flex-shrink: 0;
-  overflow: auto;
-}
-
-.vxe-form-design--preview {
-  flex-grow: 1;
-  overflow: auto;
-  padding: var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-half);
-  user-select: none;
-}
-.vxe-form-design--preview-wrapper {
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  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-form-design--preview-place-widget {
-  height: 1em;
-}
-
-.vxe-form-design--widget-list {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-}
-.vxe-form-design--widget-title {
-  font-weight: 700;
-  padding: var(--vxe-ui-layout-padding-half) 0 var(--vxe-ui-layout-padding-half) var(--vxe-ui-layout-padding-half);
-}
-.vxe-form-design--widget-group {
-  border-radius: var(--vxe-ui-base-border-radius);
-  padding: var(--vxe-ui-layout-padding-default);
-  margin-bottom: var(--vxe-ui-layout-padding-default);
-  background-color: var(--vxe-ui-layout-background-color);
-  border: 1px solid var(--vxe-ui-input-border-color);
-}
-.vxe-form-design--widget-item {
-  width: 50%;
-  padding: var(--vxe-ui-layout-padding-half);
-}
-.vxe-form-design--widget-box {
-  position: relative;
-  height: 32px;
-  line-height: 32px;
-  font-size: var(--vxe-ui-form-design-widget-item-font-size);
-  padding: 0 var(--vxe-ui-layout-padding-half);
-  border-radius: var(--vxe-ui-base-border-radius);
-  border: 1px solid var(--vxe-ui-input-border-color);
-  background-color: var(--vxe-ui-layout-background-color);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  cursor: grabbing;
-  user-select: none;
-  &:hover {
-    border-color: var(--vxe-ui-font-primary-lighten-color);
-    background-color: var(--vxe-ui-base-active-background-color);
-    .vxe-form-design--widget-item-add {
-      display: block;
-    }
-  }
-}
-.vxe-form-design--widget-item-icon {
-  padding: 0 0.2em;
-}
-.vxe-form-design--widget-item-name {
-  padding-left: var(--vxe-ui-layout-padding-half);
-}
-.vxe-form-design--widget-item-add {
-  display: none;
-  position: absolute;
-  top: 0;
-  right: var(--vxe-ui-layout-padding-default);
-  width: 1em;
-  height: 100%;
-  cursor: pointer;
-  &:hover {
-    color: var(--vxe-ui-font-primary-color);
-  }
-}
-
-.vxe-form-design--preview-list {
-  width: 100%;
-}
-
-.vxe-form-design--preview-list-move {
-  @include baseMixin.createAnimationTransition(transform, 0.35s);
-}
-
-.vxe-form-design--preview-item {
-  position: relative;
-  display: block;
-  padding: var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-double);
-  border: 1px solid transparent;
-  cursor: grabbing;
-  &::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 1;
-  }
-  &:hover {
-    background-color: var(--vxe-ui-form-design-widget-hover-background-color);
-  }
-  &.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--preview-item-view {
-  width: 100%;
-}
-.vxe-form-design--preview-item-operate {
-  position: absolute;
-  top: calc(var(--vxe-ui-layout-padding-default) * -1);
-  right: var(--vxe-ui-layout-padding-default);
-  z-index: 3;
-}
-
-.vxe-form-design--setting-form {
-  height: 100%;
-  background-color: var(--vxe-ui-layout-background-color);
-  border: 1px solid var(--vxe-ui-input-border-color);
-}
-.vxe-form-design--setting-form-tabs {
-  height: 100%;
-}
-
-.vxe-form-design {
-  .vxe-form--item {
-    &.vxe-form-design--widget-render-form-item {
-      padding: 0;
-    }
-  }
-  .vxe-form--item-inner {
-    height: 100%;
-  }
-  .vxe-form--item-title-content {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-}

package/styles/components/form-view.scss

@@ -1,3 +0,0 @@
-.vxe-form-view {
-  background-color: var(--vxe-ui-layout-background-color);
-}

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;
-    }
-  }
-}