function html2() {
  return `
  <div class="row">
    <div class="col">
      <span class="label">构件名称</span>
      <input class="input" name="name" disabled="disabled">
    </div>
  </div>
  <div class="row">
    <div class="col">
      <span class="label">选择状态</span>
      <select class="input input-select" name="state-select">
        <option value="0" style="color: #000;">重置</option>
        <option value="1" style="color: #f00;">已完成</option>
        <option value="2" style="color: #0f0;">未完成</option>
        <option value="3" style="color: #00f;">修建中</option>
      </select>
    </div>
  </div>
  <div class="divide">
    <div class="line"></div>
    <p>自定义属性</p>
    <div class="line"></div>
  </div>
  <div class="property">
  </div>
  `
}
function css2() {
  return `
  .YJ-custom-base-dialog>.content {
    width: 440px;
  }
  .YJ-custom-base-dialog>.content .row .label {
    flex: 0 0 110px;
  }
  .col:first-child {
    margin-right: 10px;
  }
  .col:last-child {
    margin-left: 10px;
  }
  .YJ-custom-base-dialog>.content .divide {
    position: relative;
    display: flex;
    align-items: center;
    margin: 20px 0;
  }
  .YJ-custom-base-dialog>.content .divide .line{
    height: 1px;
    background: #ddd;
    flex: 1;
  }
  .YJ-custom-base-dialog>.content .divide p{
    margin: 0 10px;
  }
  .YJ-custom-base-dialog>.content .property .property-item .btn{
    font-size: 24px;
    line-height: 20px;
    padding: 2px 0;
  }
  .YJ-custom-base-dialog>.content .property .property-item .input_lable {
    flex: 0 0 115px;
    border: none;
    margin-right: 15px;
    text-align: right;
  }
  .YJ-custom-base-dialog>.content .property .property-item:first-child .delete{
    display: none
  }
  .YJ-custom-base-dialog>.content .property .property-item .add{
    display: none;
  }
  .YJ-custom-base-dialog>.content .property .property-item:last-child .add{
    display: inline-block;
  }
`
}

export { html2, css2 }