

<script>
/* eslint-disable */
// sd-skip-auto-import
import{Message}from"ant-design-vue";import util from"./util";import components from"./_import-components/sd-preview-non-flow-btn-import";var _render=function e(){var t=this,r=t._self._c;return r("span",[r("a-button",{attrs:{icon:"desktop",type:"link"},on:{click:t.preview}},[t._v("PC端预览")]),r("a-modal",{attrs:{width:t.formProps.attrFD.modalProps&&t.formProps.attrFD.modalProps.width||800+150*t.formProps.attrFD.columns,title:t.formProps.tableTxt,"destroy-on-close":"","ok-text":"保存"},on:{ok:t.okClick},model:{value:t.showPreview,callback:function(e){t.showPreview=e},expression:"showPreview"}},[r("sd-non-flow-render",{ref:"render",attrs:{fields:t.formData.fields,"form-props":t.formData.head}})],1)],1)};var staticRenderFns=[];_render._withStripped=true;export default{name:"SdPreviewNonFlowBtn",components:components,mixins:[util.mixin],data(){return{showPreview:false,formData:{}}},methods:{okClick(){this.$refs.render.validateFields().then((e=>{if(e)Message.info("此按钮仅供查看视觉效果，并没有实际的功能")}))},preview(){util.getPreviewData(this.designer.componentInstancesWithHiddenFlag,this.formProps).then((e=>{this.formData=e;this.showPreview=true}))}},render:_render,staticRenderFns:staticRenderFns};</script>

<style module lang="scss">
@use '@/common/design' as *;
</style>
