const treeStyleTpl = `
/* 全局样式-!important请谨慎使用，优先增加选择器的权重 */
/* 面板尺寸 背景颜色，宽度，高度*/
        [class^="l-select__dropdown-inner_"]{
            /* width: 560px !important; */
            /*  height: 300px !important; */
          }
          /* 勾选的样式，颜色 */
        .l_tree_lable.l-is-checked .l-checkbox__input {
          /*  border-color: green !important; */
          /*  background-color: green !important; */
      }

/* 单个样式-请使用id唯一选择器来限制,应用到当前图元*/
  /* 
    #0b8ec2f .[这里请使用具体的class]{
    background-color: red !important;
   }
   */
`
const cascadeStyleTpl = `
/* 全局样式-!important请谨慎使用，优先增加选择器的权重 */
/* 面板尺寸 背景颜色，宽度，高度*/
        [class^="l-cascade-dropdown-"]{
            /* width: 560px !important;*/
            /* height:300px !important;*/
          }
        /* 勾选的样式，颜色 */
        .l-cascader-checkbox.l-is-checked .l-cascader-checkbox-input {
            /* border-color: green !important;*/
            /* background-color: green !important;*/
        }

        /* 单个样式 请使用id唯一选择器来限制，应用到当前图元*/
  /* 
    #0b8ec2f .[这里请使用具体的class]{
    background-color: red !important;
   }
   */
`
const dateStyleTpl = `
/* 面板尺寸 背景颜色，宽度，高度*/
        [class^="l-date-picker__panel_"]{
            /* width: 560px !important;*/
            /* height:300px !important;*/
          }
    

  /* 单个样式 请使用id唯一选择器来限制，应用到当前图元*/
  /* 
    #0b8ec2f .[这里请使用具体的class]{
    background-color: red !important;
   }
   */
`
const dateRangeTpl = `
/* 面板尺寸 背景颜色，宽度，高度*/
        [class^="l-date-range-picker__panel_"]{
            /* width: 560px !important;*/
            /* height:300px !important;*/
          }
        /* 勾选的样式，颜色 */

  /* 单个样式 请使用id唯一选择器来限制，应用到当前图元*/
  /* 
    #0b8ec2f .[这里请使用具体的class]{
    background-color: red !important;
   }
   */
`
export const styleMap = {
  treeFilterDom: treeStyleTpl,
  cascadeFilterDom: cascadeStyleTpl,
  datePickerDom: dateStyleTpl,
  dateRangePickerDom: dateRangeTpl,
}
export const filterShapes = ['treeFilterDom', 'cascadeFilterDom', 'datePickerDom', 'dateRangePickerDom'];