wui-print/dist/print-designer-api/print-global-style/print-form-component.less

前端打印插件，包含打印设计器、打印表单、打印API

// 输入框
.print-form_input {
  position: relative;
  &:extend(.break);
}
// 多行输入框
.print-form_textarea {
  position: relative;
  line-height: 1.3;
  &:extend(.break);
}
// 单选框
.print-form_radio-group {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  --wui-printing-radio-border: 1px solid #969696;
  &.print-form_radio-group--large {
    --wui-printing-radio-font-size: 14px;
    --wui-printing-radio-icon-width: 14px;
    --wui-printing-radio-icon-height: 14px;
  }
  &.print-form_radio-group--default {
    --wui-printing-radio-font-size: 14px;
    --wui-printing-radio-icon-width: 14px;
    --wui-printing-radio-icon-height: 14px;
  }
  &.print-form_radio-group--small {
    --wui-printing-radio-font-size: 12px;
    --wui-printing-radio-icon-width: 12px;
    --wui-printing-radio-icon-height: 12px;
  }
  .print-form_radio {
    display: flex;
    flex-flow: row;
    align-items: center;
    margin-right: 10px;
    &:last-of-type {
      margin-right: 0;
    }
    .print-form_radio-icon {
      width: var(--wui-printing-radio-icon-width);
      height: var(--wui-printing-radio-icon-height);
      border: var(--wui-printing-radio-border);
      border-radius: 50%;
    }
    .print-form_radio-label {
      padding-left: 8px;
      font-size: var(--wui-printing-radio-font-size);
    }
  }
  .print-form_radio.print-form_radio--active {
    .print-form_radio-icon {
      position: relative;
      background: var(--wui-printing-color--primary);
      border-color: var(--wui-printing-color--primary);
      &::after {
        content: "";
        background-color: #fff;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        position: absolute;
        left: 4px;
        top: 4px;
      }
    }
  }
}
// 多选框
.print-form_checkbox-group {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  --wui-printing-checkbox-border: 1px solid #969696;
  &.print-form_checkbox-group--large {
    --wui-printing-checkbox-font-size: 14px;
    --wui-printing-checkbox-icon-width: 14px;
    --wui-printing-checkbox-icon-height: 14px;
  }
  &.print-form_checkbox-group--default {
    --wui-printing-checkbox-font-size: 14px;
    --wui-printing-checkbox-icon-width: 14px;
    --wui-printing-checkbox-icon-height: 14px;
  }
  &.print-form_checkbox-group--small {
    --wui-printing-checkbox-font-size: 12px;
    --wui-printing-checkbox-icon-width: 12px;
    --wui-printing-checkbox-icon-height: 12px;
  }
  .print-form_checkbox {
    display: flex;
    flex-flow: row;
    align-items: center;
    margin-right: 10px;
    &:last-of-type {
      margin-right: 0;
    }
    .print-form_checkbox-icon {
      width: var(--wui-printing-checkbox-icon-width);
      height: var(--wui-printing-checkbox-icon-height);
      border: var(--wui-printing-checkbox-border);
      border-radius: 2px;
    }
    .print-form_checkbox-label {
      padding-left: 8px;
      font-size: var(--wui-printing-checkbox-font-size);
    }
  }
  .print-form_checkbox.print-form_checkbox--active {
    .print-form_checkbox-icon {
      position: relative;
      background: var(--wui-printing-color--primary);
      border-color: var(--wui-printing-color--primary);
      &::after {
        content: "✔";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        line-height: 12px;
        font-size: 10px;
        color: #fff;
      }
    }
  }
}
// 选择器
.print-form_select {
  position: relative;
}
// 日期时间
.print-form_datetime {
  position: relative;
}