{"version":3,"file":"upload.mjs","sources":["../../../../src/components/photo-list/src/upload.vue"],"sourcesContent":["<template>\r\n  <div\r\n    class=\"tkc_upload\"\r\n    :class=\"['tkc_upload_' + size, { tkc_upload_disabled: disabled }]\"\r\n    @click=\"clickUploadHandler\"\r\n  >\r\n    <div class=\"tkc_upload_icon\">\r\n      <svg class=\"cusicon-plus\" aria-hidden=\"true\">\r\n        <use xlink:href=\"#cusicon-plus\" />\r\n      </svg>\r\n    </div>\r\n    <div v-if=\"size == 'large'\" class=\"tkc_upload_label\">{{ label }}</div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import vueUtils from '../../../utils/vue_utils';\r\n  export default {\r\n    name: 'UploadComponent',\r\n    props: {\r\n      disabled: Boolean,\r\n      label: {\r\n        type: String,\r\n        default: '点击添加图片',\r\n      },\r\n      size: {\r\n        type: String,\r\n        default: 'normal',\r\n        validator(value) {\r\n          return vueUtils.oneOf(value, ['mini', 'normal', 'large']);\r\n        },\r\n      },\r\n    },\r\n    methods: {\r\n      clickUploadHandler() {\r\n        if (this.disabled) return;\r\n        this.$emit('upload');\r\n      },\r\n    },\r\n  };\r\n</script>\r\n\r\n<style lang=\"less\">\r\n  @import '../../../themes';\r\n\r\n  .tkc_upload {\r\n    box-sizing: border-box;\r\n    width: 78px;\r\n    height: 78px;\r\n    border: 1px dashed #ccc;\r\n    line-height: 76px;\r\n    color: #666;\r\n    cursor: pointer;\r\n    text-align: center;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .tkc_upload:hover {\r\n    border-color: @primary-color;\r\n    color: @primary-color;\r\n    .tkc_upload_icon {\r\n      color: @primary-color;\r\n    }\r\n  }\r\n\r\n  .tkc_upload_disabled {\r\n    cursor: not-allowed;\r\n    &:after {\r\n      background-color: #f7f7f7;\r\n    }\r\n  }\r\n\r\n  .tkc_upload_disabled:hover {\r\n    border-color: #ccc;\r\n  }\r\n\r\n  .tkc_upload_icon {\r\n    display: inline-block;\r\n    width: 32px;\r\n    height: 35px;\r\n    vertical-align: middle;\r\n    position: relative;\r\n\r\n    .cusicon-plus {\r\n      top: 0;\r\n      left: 0;\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100%;\r\n      fill: currentColor;\r\n      overflow: hidden;\r\n    }\r\n  }\r\n\r\n  .tkc_upload_disabled:hover .tkc_upload_icon {\r\n    .cusicon-plus {\r\n      color: #666;\r\n    }\r\n  }\r\n\r\n  .tkc_upload_large {\r\n    width: auto;\r\n    float: none !important;\r\n  }\r\n\r\n  .tkc_upload_large .tkc_upload_icon {\r\n    width: 25px;\r\n    height: 25px;\r\n  }\r\n\r\n  .tkc_upload_large:hover .tkc_upload_icon {\r\n    color: @primary-color;\r\n  }\r\n\r\n  .tkc_upload_label {\r\n    display: none;\r\n  }\r\n\r\n  .tkc_upload_large .tkc_upload_label {\r\n    display: inline-block;\r\n    height: 32px;\r\n    margin-left: 10px;\r\n    line-height: 32px;\r\n    font-size: 13px;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  .tkc_upload_mini {\r\n    width: 100%;\r\n    height: 100%;\r\n    line-height: 0;\r\n  }\r\n\r\n  .tkc_upload_mini .tkc_upload_icon {\r\n    width: 100%;\r\n    height: 100%;\r\n    .cusicon-plus {\r\n      color: #666;\r\n    }\r\n  }\r\n\r\n  .tkc_upload_mini:hover .tkc_upload_icon {\r\n    .cusicon-plus {\r\n      color: @primary-color;\r\n    }\r\n  }\r\n</style>\r\n"],"names":["vueUtils","_createElementVNode","_createElementBlock","_normalizeClass","_toDisplayString"],"mappings":";;;;;AAiBE,MAAK,SAAU,GAAA;IACb,IAAI,EAAE,iBAAiB;AACvB,IAAA,KAAK,EAAE;AACL,MAAA,QAAQ,EAAE,OAAO;AACjB,MAAA,KAAK,EAAE;QACL,IAAI,EAAE,MAAM;AACZ,QAAA,OAAO,EAAE,QAAQ;OAClB;MACD,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;AACZ,QAAA,OAAO,EAAE,QAAQ;AACjB,QAAA,SAAS,CAAC,KAAK,EAAE;UACf,OAAOA,KAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;SAC1D;OACF;KACF;AACD,IAAA,OAAO,EAAE;AACP,MAAA,kBAAkB,GAAG;QACnB,IAAI,IAAI,CAAC,QAAQ,EAAE,OAAM;AACzB,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;OACrB;KACF;GACF,CAAA;;gCAjCCC,kBAIM,CAAA,KAAA,EAAA,EAJD,KAAK,EAAC,iBAAiB,EAAA,EAAA;eAC1BA,kBAEM,CAAA,KAAA,EAAA;AAFD,IAAA,KAAK,EAAC,cAAc;AAAC,IAAA,aAAW,EAAC,MAAM;;iBAC1CA,kBAAkC,CAAA,KAAA,EAAA,EAA7B,YAAU,EAAC,eAAe,EAAA,CAAA;;;;;AAGP,EAAA,KAAK,EAAC,kBAAkB;;;;uBAVtDC,kBAWM,CAAA,KAAA,EAAA;AAVJ,IAAA,KAAK,EAACC,cAAA,CAAA,CAAA,YAAY,EACO,CAAA,aAAA,GAAA,MAAA,CAAA,IAAI,yBAAyB,MAAQ,CAAA,QAAA,EAAA,CAAA,CAAA,CAAA;AAC7D,IAAA,OAAK,0CAAE,QAAkB,CAAA,kBAAA,IAAA,QAAA,CAAA,kBAAA,CAAA,GAAA,IAAA,CAAA,CAAA,CAAA;;IAE1B,UAIM;KACK,MAAI,CAAA,IAAA,IAAA,OAAA;sBAAfD,kBAAsE,CAAA,KAAA,EAAtE,UAAsE,EAAAE,eAAA,CAAd,MAAK,CAAA,KAAA,CAAA,EAAA,CAAA,YAAA;;;;;;;;"}