cnhis-design-vue 3.1.18-beta.8 → 3.1.19-beta.0

package/es/components/form-config/src/utils/index2.js

@@ -12,7 +12,7 @@ function layoutWidthEnum2Column(layoutWidthEnum) {
     ONE_SIX: 4,
     ONE_EIGHT: 3
   };
-  return transferMap[layoutWidthEnum] || 12;
+  return transferMap[layoutWidthEnum] || 24;
 }
 const hovering = ref();
 function bindHover(fieldItem) {

package/es/components/form-config/style/index.css

@@ -1,158 +1 @@
-.form-config {
-  display: flex;
-  justify-content: space-between;
-}
-.form-config__material {
-  padding: 16px;
-  box-sizing: border-box;
-  flex-shrink: 0;
-  border-radius: 8px;
-  width: 200px;
-}
-.form-config__materialHeader {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 40px;
-}
-.form-config__materialContent {
-  padding: 16px;
-  box-sizing: border-box;
-  flex-shrink: 0;
-  border-radius: 8px;
-  border: 1px dashed rgba(128, 128, 128, 0.35);
-  overflow-y: auto;
-  max-height: var(--max-height);
-  min-height: 200px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.form-config__materialContentItem {
-  cursor: move;
-  justify-content: flex-start;
-  grid-column: span var(--item-column) / span var(--item-column);
-}
-.form-config__displayWrapper {
-  padding: 16px;
-  box-sizing: border-box;
-  flex-shrink: 0;
-  border-radius: 8px;
-  min-width: 400px;
-  flex: 1;
-  padding: 16px 0;
-}
-.form-config__displayHeader {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 40px;
-}
-.form-config__displayContent {
-  padding: 16px;
-  box-sizing: border-box;
-  flex-shrink: 0;
-  border-radius: 8px;
-  border: 1px dashed rgba(128, 128, 128, 0.35);
-  overflow-y: auto;
-  max-height: var(--max-height);
-  height: fit-content;
-  display: grid !important;
-  grid-template-columns: repeat(24, minmax(0px, 1fr));
-  gap: 8px;
-}
-.form-config__displayContentItem {
-  grid-column: span var(--item-column) / span var(--item-column);
-  position: relative;
-}
-.form-config__config {
-  padding: 16px;
-  box-sizing: border-box;
-  flex-shrink: 0;
-  border-radius: 8px;
-  width: 240px;
-}
-.form-config__configHeader {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 40px;
-}
-.form-config__configContent {
-  padding: 16px;
-  box-sizing: border-box;
-  flex-shrink: 0;
-  border-radius: 8px;
-  border: 1px dashed rgba(128, 128, 128, 0.35);
-  overflow-y: auto;
-  border: none;
-  max-height: var(--max-height);
-}
-.form-config__renderer {
-  cursor: move;
-  width: 100%;
-  height: 100%;
-  justify-content: flex-start;
-}
-.form-config__renderer--default {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  padding: 8px 0;
-  box-sizing: border-box;
-  user-select: none;
-  position: relative;
-}
-.form-config__renderer--complex {
-  border: 1px dashed skyblue;
-  border-radius: 8px;
-  padding: 8px;
-}
-.form-config__renderer--complexHeader {
-  display: flex;
-  justify-content: center;
-  padding: 8px;
-  margin-top: -8px;
-  position: relative;
-}
-.form-config__renderer--complex--grid {
-  display: grid !important;
-  grid-template-columns: repeat(24, minmax(0px, 1fr));
-  gap: 8px;
-  grid-column: span var(--item-column) / span var(--item-column);
-}
-.form-config__renderer--complex--flex {
-  display: flex;
-}
-.form-config .is-disabled {
-  background: #e5e5e5 !important;
-}
-.form-config .is-required {
-  padding-left: 16px !important;
-}
-.form-config .is-required::before {
-  position: absolute;
-  content: '*';
-  left: 8px;
-  color: red;
-}
-.form-config .is-active {
-  color: #5585f5 !important;
-}
-.form-config .is-choosing {
-  box-shadow: #5585f5 0 0 0 2px !important;
-  opacity: 0.7;
-}
-.form-config .is-choosing-area {
-  background: rgba(128, 128, 128, 0.1);
-}
-.form-config [is-hovering='true'] .form-config__renderer--closeButton {
-  visibility: visible;
-}
-.form-config .form-config__renderer--closeButton {
-  position: absolute;
-  visibility: hidden;
-  top: 50%;
-  transform: translateY(-50%);
-  right: 4px;
-}
+.form-config{display:flex;justify-content:space-between}.form-config__material{border-radius:8px;box-sizing:border-box;flex-shrink:0;padding:16px;width:200px}.form-config__materialHeader{align-items:center;display:flex;height:40px;justify-content:space-between}.form-config__materialContent{border:1px dashed hsla(0,0%,50%,.35);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;gap:8px;max-height:var(--max-height);min-height:200px;overflow-y:auto;padding:16px}.form-config__materialContentItem{cursor:move;grid-column:span var(--item-column) /span var(--item-column);justify-content:flex-start}.form-config__displayWrapper{border-radius:8px;box-sizing:border-box;flex-shrink:0;flex:1;min-width:400px;padding:16px 0}.form-config__displayHeader{align-items:center;display:flex;height:40px;justify-content:space-between}.form-config__displayContent{border:1px dashed hsla(0,0%,50%,.35);border-radius:8px;box-sizing:border-box;display:grid!important;flex-shrink:0;gap:8px;grid-template-columns:repeat(24,minmax(0,1fr));height:fit-content;max-height:var(--max-height);overflow-y:auto;padding:16px}.form-config__displayContentItem{grid-column:span var(--item-column) /span var(--item-column);position:relative}.form-config__config{border-radius:8px;box-sizing:border-box;flex-shrink:0;padding:16px;width:240px}.form-config__configHeader{align-items:center;display:flex;height:40px;justify-content:space-between}.form-config__configContent{border:none;border-radius:8px;box-sizing:border-box;flex-shrink:0;max-height:var(--max-height);overflow-y:auto;padding:16px}.form-config__renderer{cursor:move;justify-content:flex-start;width:100%}.form-config__renderer--default{align-items:center;box-sizing:border-box;display:flex;padding:8px 0;position:relative;user-select:none;width:100%}.form-config__renderer--complex{border:1px dashed skyblue;border-radius:8px;padding:8px}.form-config__renderer--complexHeader{display:flex;justify-content:center;margin-top:-8px;padding:8px;position:relative}.form-config__renderer--complex--grid{display:grid!important;gap:8px;grid-column:span var(--item-column) /span var(--item-column);grid-template-columns:repeat(24,minmax(0,1fr))}.form-config__renderer--complex--flex{display:flex}.form-config .is-disabled{background:#e5e5e5!important}.form-config .is-required{padding-left:16px!important}.form-config .is-required:before{color:red;content:"*";left:8px;position:absolute}.form-config .is-active{color:#5585f5!important}.form-config .is-choosing{box-shadow:0 0 0 2px #5585f5!important;opacity:.7}.form-config .is-choosing-area{background:hsla(0,0%,50%,.1)}.form-config [is-hovering=true] .form-config__renderer--closeButton{visibility:visible}.form-config .form-config__renderer--closeButton{position:absolute;right:4px;top:50%;transform:translateY(-50%);visibility:hidden}