代码生成预览支持复制内容

RuoYi

2022-04-25 17950a3254f2367dea76f978c6e862341ce50306

代码生成预览支持复制内容

 src/directive/common/copyText.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,66 @@
/**

* v-copyText å¤åˆ¶æ–‡æœ¬å†…容

* Copyright (c) 2022 ruoyi

*/



export default {

  beforeMount(el, { value, arg }) {

    if (arg === "callback") {

      el.$copyCallback = value;

    } else {

      el.$copyValue = value;

      const handler = () => {

        copyTextToClipboard(el.$copyValue);

        if (el.$copyCallback) {

          el.$copyCallback(el.$copyValue);

        }

      };

      el.addEventListener("click", handler);

      el.$destroyCopy = () => el.removeEventListener("click", handler);

    }

  }

}



function copyTextToClipboard(input, { target = document.body } = {}) {

  const element = document.createElement('textarea');

  const previouslyFocusedElement = document.activeElement;



  element.value = input;



  // Prevent keyboard from showing on mobile

  element.setAttribute('readonly', '');



  element.style.contain = 'strict';

  element.style.position = 'absolute';

  element.style.left = '-9999px';

  element.style.fontSize = '12pt'; // Prevent zooming on iOS



  const selection = document.getSelection();

  const originalRange = selection.rangeCount > 0 && selection.getRangeAt(0);



  target.append(element);

  element.select();



  // Explicit selection workaround for iOS

  element.selectionStart = 0;

  element.selectionEnd = input.length;



  let isSuccess = false;

  try {

    isSuccess = document.execCommand('copy');

  } catch { }



  element.remove();



  if (originalRange) {

    selection.removeAllRanges();

    selection.addRange(originalRange);

  }



  // Get the focus back on the previously focused element, if any

  if (previouslyFocusedElement) {

    previouslyFocusedElement.focus();

  }



  return isSuccess;

}


 src/directive/index.js

@@ -1,7 +1,9 @@
import hasRole from './permission/hasRole'

import hasPermi from './permission/hasPermi'

import copyText from './common/copyText'



export default function directive(app){

  app.directive('hasRole', hasRole)

  app.directive('hasPermi', hasPermi)

  app.directive('copyText', copyText)

}

 src/views/tool/gen/index.vue

@@ -163,6 +163,7 @@
          :name="key.substring(key.lastIndexOf('/')+1,key.indexOf('.vm'))"

          :key="key"

        >

          <el-link :underline="false" icon="DocumentCopy" v-copyText="value" v-copyText:callback="copyTextSuccess" style="float:right">&nbsp;复制</el-link>

          <pre>{{ value }}</pre>

        </el-tab-pane>

      </el-tabs>

@@ -274,6 +275,10 @@
    preview.value.activeName = "domain.java";

  });

}

/** å¤åˆ¶ä»£ç æˆåŠŸ */

function copyTextSuccess() {

  proxy.$modal.msgSuccess("复制成功");

}

// å¤šé€‰æ¡†é€‰ä¸­æ•°æ®

function handleSelectionChange(selection) {

  ids.value = selection.map(item => item.tableId);