{"version":3,"file":"editor.mjs","sources":["../../../../src/components/photo-list/src/editor.vue"],"sourcesContent":["<template>\r\n  <div class=\"tkc_editor\" :class=\"{ tkc_editor__disabled: disabled, tkc_editor__warning: warning }\">\r\n    <slot></slot>\r\n    <div\r\n      class=\"tkc_editor_layer\"\r\n      :class=\"active ? 'tkc_editor_layer--active' : null\"\r\n      @click=\"clickLayerHandler\"\r\n    >\r\n      <i\r\n        v-for=\"(btnName, index) in data\"\r\n        :key=\"index\"\r\n        class=\"tkc_editor_item\"\r\n        :class=\"'tkc_editor_' + btnName\"\r\n        @click.stop=\"clickItemHandler(btnName)\"\r\n      >\r\n        <svg :class=\"`cusicon-${btnName}`\" aria-hidden=\"true\">\r\n          <use :xlink:href=\"`#cusicon-${btnName}`\" />\r\n        </svg>\r\n      </i>\r\n      <i\r\n        v-for=\"(btnName, index) in activeData\"\r\n        :key=\"index\"\r\n        class=\"tkc_editor_item\"\r\n        :class=\"['tkc_editor_' + btnName, 'tkc_editor_item--active']\"\r\n        @click.stop=\"clickItemHandler(btnName)\"\r\n      >\r\n      </i>\r\n      <slot name=\"data\" class-name=\"tkc_editor_item\"></slot>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'EditorComponent',\r\n    props: {\r\n      data: {\r\n        type: Array,\r\n        default() {\r\n          return ['close', 'editor', 'checked'];\r\n        },\r\n      },\r\n      activeData: {\r\n        type: Array,\r\n        default() {\r\n          return [];\r\n        },\r\n      },\r\n      disabled: Boolean,\r\n      warning: Boolean,\r\n    },\r\n    computed: {\r\n      list() {\r\n        return this.data.concat(this.activeData);\r\n      },\r\n      active() {\r\n        return this.activeData.length > 0;\r\n      },\r\n    },\r\n    methods: {\r\n      clickItemHandler(btnName) {\r\n        if (!this.disabled) {\r\n          this.$emit(btnName);\r\n        }\r\n      },\r\n      clickLayerHandler(e) {\r\n        if (!this.disabled) {\r\n          this.$emit('click', e);\r\n        }\r\n      },\r\n    },\r\n  };\r\n</script>\r\n\r\n<style lang=\"less\">\r\n  @import '../../../themes';\r\n  .tkc_editor {\r\n    position: relative;\r\n    height: 100%;\r\n  }\r\n\r\n  .tkc_editor_layer {\r\n    display: none;\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 1px solid @primary-color;\r\n    left: 0;\r\n    top: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .tkc_editor_layer--active {\r\n    display: block;\r\n  }\r\n\r\n  .tkc_editor__warning .tkc_editor_layer {\r\n    border: 1px solid #ff5414;\r\n  }\r\n\r\n  .tkc_editor__disabled .tkc_editor_layer {\r\n    display: none;\r\n  }\r\n\r\n  .tkc_editor:hover .tkc_editor_layer {\r\n    display: block;\r\n  }\r\n\r\n  .tkc_editor__disabled:hover .tkc_editor_layer {\r\n    display: none;\r\n  }\r\n\r\n  .tkc_editor_layer--active .tkc_editor_item {\r\n    display: none;\r\n  }\r\n\r\n  .tkc_editor:hover .tkc_editor_item {\r\n    display: flex;\r\n  }\r\n\r\n  .tkc_editor_item--active {\r\n    display: none;\r\n  }\r\n\r\n  .tkc_editor_close {\r\n    width: 16px;\r\n    height: 16px;\r\n    position: absolute;\r\n    top: -5px;\r\n    right: -7px;\r\n    cursor: pointer;\r\n    background-color: #ff0000;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border-radius: 50%;\r\n    color: #fff;\r\n\r\n    .cusicon-close {\r\n      width: 12px;\r\n      height: 12px;\r\n      fill: currentColor;\r\n      overflow: hidden;\r\n    }\r\n  }\r\n\r\n  .tkc_editor_editor {\r\n    width: 23px;\r\n    height: 23px;\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n    cursor: pointer;\r\n    background-color: @primary-color;\r\n    color: #fff;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    .cusicon-editor {\r\n      width: 18px;\r\n      height: 18px;\r\n      fill: currentColor;\r\n      overflow: hidden;\r\n    }\r\n  }\r\n\r\n  .tkc_editor_checked {\r\n    width: 23px;\r\n    height: 15px;\r\n    position: absolute;\r\n    display: none;\r\n    right: 0;\r\n    bottom: 0;\r\n    cursor: pointer;\r\n    background-color: @primary-color;\r\n    color: #fff;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    .cusicon-checked {\r\n      width: 16px;\r\n      height: 14px;\r\n      fill: currentColor;\r\n      overflow: hidden;\r\n      margin-left: 2px;\r\n    }\r\n  }\r\n\r\n  .tkc_photo_list_editor {\r\n    &:hover {\r\n      .tkc_editor_layer {\r\n        .tkc_editor_checked {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .photo-selected {\r\n    .tkc_photo_list_editor {\r\n      .tkc_editor_layer {\r\n        opacity: 1;\r\n        display: block;\r\n        .tkc_editor_close {\r\n          display: none;\r\n        }\r\n        .tkc_editor_checked {\r\n          display: flex;\r\n        }\r\n        .tkc_editor_editor {\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      &:hover {\r\n        .tkc_editor_layer {\r\n          .tkc_editor_editor {\r\n            display: flex;\r\n          }\r\n          .tkc_editor_checked {\r\n            display: none;\r\n          }\r\n          .tkc_editor_close {\r\n            display: flex;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n</style>\r\n"],"names":["_createElementBlock","_normalizeClass","_renderSlot","_createElementVNode","_openBlock","_Fragment","_renderList","_withModifiers"],"mappings":"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"}