import { b as bemMixin } from "./bem.js";
import { n as normalizeComponent, aX as isFlowTemplet } from "./index.js";
import { W as Watermark } from "./index18.js";
var __$_require_d9f846dc__ = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjQ0OTc0IDExLjUyODNDOS42NjU5NiAxMS43MTM3IDEwIDExLjU2IDEwIDExLjI3NTNWNC43MjQ3NEMxMCA0LjQzOTk2IDkuNjY1OTYgNC4yODYzMiA5LjQ0OTc0IDQuNDcxNjVMNS42Mjg2IDcuNzQ2OTFDNS40NzM0IDcuODc5OTUgNS40NzM0IDguMTIwMDUgNS42Mjg2IDguMjUzMDlMOS40NDk3NCAxMS41MjgzWiIgZmlsbD0iIzYzNkM3OCIvPgo8cmVjdCB4PSIzIiB5PSI0LjUiIHdpZHRoPSIxLjUiIGhlaWdodD0iNyIgcng9IjAuNzUiIGZpbGw9IiM2MzZDNzgiLz4KPC9zdmc+Cg==";
var __$_require_3a80dcdf__ = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjQ0OTc0IDExLjUyODNDOS42NjU5NiAxMS43MTM3IDEwIDExLjU2IDEwIDExLjI3NTNWNC43MjQ3NEMxMCA0LjQzOTk2IDkuNjY1OTYgNC4yODYzMiA5LjQ0OTc0IDQuNDcxNjVMNS42Mjg2IDcuNzQ2OTFDNS40NzM0IDcuODc5OTUgNS40NzM0IDguMTIwMDUgNS42Mjg2IDguMjUzMDlMOS40NDk3NCAxMS41MjgzWiIgZmlsbD0iIzYzNkM3OCIvPgo8L3N2Zz4K";
var __$_require_16177530__ = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDYuMzMzMzNWMi42NjY2N0MyIDIuMjk4NDggMi4yOTg0OCAyIDIuNjY2NjcgMkg2VjMuMzMzMzNIMy4zMzMzM1Y2LjMzMzMzSDJaTTIgMTAuMzMzM0gzLjMzMzMzVjEyLjY2NjdINlYxNEgyLjY2NjY3QzIuMjk4NDggMTQgMiAxMy43MDE1IDIgMTMuMzMzM1YxMC4zMzMzWk0xNCA2LjMzMzMzSDEyLjY2NjdWMy4zMzMzM0gxMFYySDEzLjMzMzNDMTMuNzAxNSAyIDE0IDIuMjk4NDggMTQgMi42NjY2N1Y2LjMzMzMzWk0xNCAxMC4zMzMzVjEzLjMzMzNDMTQgMTMuNzAxNSAxMy43MDE1IDE0IDEzLjMzMzMgMTRIMTBWMTIuNjY2N0gxMi42NjY3VjEwLjMzMzNIMTRaIiBmaWxsPSIjNjM2Qzc4Ii8+Cjwvc3ZnPgo=";
var render$2 = function() {
  var _vm = this;
  var _h = _vm.$createElement;
  var _c = _vm._self._c || _h;
  return _c("div", {
    class: _vm.bem()
  }, [_vm.total > 1 ? _c("div", {
    class: _vm.bem("page-bar")
  }, [_c("img", {
    class: _vm.bem("page-bar__preview"),
    attrs: {
      "src": __$_require_d9f846dc__
    },
    on: {
      "click": function($event) {
        return _vm.toggleLayout(0);
      }
    }
  }), _c("img", {
    attrs: {
      "src": __$_require_3a80dcdf__
    },
    on: {
      "click": function($event) {
        return _vm.toggleLayout(-1);
      }
    }
  }), _c("div", {
    class: _vm.bem("page-bar__number")
  }, [_c("b", [_vm._v(_vm._s(_vm.activedIndex + 1))]), _vm._v(" / " + _vm._s(_vm.total) + " ")]), _c("img", {
    class: _vm.bem("page-bar__next"),
    attrs: {
      "src": __$_require_3a80dcdf__
    },
    on: {
      "click": function($event) {
        return _vm.toggleLayout(1);
      }
    }
  })]) : _vm._e(), _vm.total > 1 ? _c("div", {
    class: _vm.bem("line")
  }) : _vm._e(), _c("div", {
    class: _vm.bem("full"),
    on: {
      "click": _vm.handleFullClick
    }
  }, [!_vm.isFullScreen ? _c("img", {
    class: _vm.bem("full__icon"),
    attrs: {
      "src": __$_require_16177530__
    }
  }) : _vm._e(), _c("span", [_vm._v(_vm._s(_vm.isFullScreen ? "\u9000\u51FA\u5168\u5C4F" : "\u5168\u5C4F\u9884\u89C8"))])])]);
};
var staticRenderFns$2 = [];
var paginationControl_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => '.em-pagination-control{height:36px;line-height:36px;padding:0 15px;background:rgba(239,241,246,.9);border:1px solid rgba(0,0,0,.08);border-radius:4px;display:flex;justify-content:center;align-items:center;user-select:none;font-size:12px}.em-pagination-control__page-bar{display:flex;align-items:center}.em-pagination-control__page-bar>img{cursor:pointer}.em-pagination-control__page-bar__preview{margin-right:10px}.em-pagination-control__page-bar__number{margin:0 16px;font-size:12px;color:#636c7899}.em-pagination-control__page-bar__number>b{font-weight:500;font-size:14px;color:#636c78}.em-pagination-control__page-bar__next{transform:rotate(180deg)}.em-pagination-control__line{margin:0 18px;width:1px;height:16px;background-color:#636c784d}.em-pagination-control__full{display:flex;align-items:center;font-size:#636c78;cursor:pointer}.em-pagination-control__full__icon{margin-right:4px}body{min-width:1200px;overflow:overlay;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0)}body::-webkit-scrollbar{width:7px}body::-webkit-scrollbar-thumb{background-color:#000000b3;border:1px solid #fff;border-radius:10rem}body::-webkit-scrollbar-track-piece:start,body::-webkit-scrollbar-track-piece:end{background:transparent}ul{padding:0;list-style:none}.tofh{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[id^=HUABAN],[class^=HUABAN],[id^=ZCOOL],[class^=ZCOOL],[id^=lvye],[class^=lvye],[id^=xmt-],[class^=xmt-]{display:none!important}body>iframe[src="chrome-extension://gpdjojdkbbmdfjfahjcgigfpmkopogic/html/grid.html"],body>iframe[src="chrome-extension://gpdjojdkbbmdfjfahjcgigfpmkopogic/html/search.html"]{visibility:hidden!important;transform:translate(-10000px)!important}.eui-popup-base{z-index:2100!important}.eui-tabs__header{border-bottom-width:1px!important}.gda-btn:not(.gda-btn-sm){min-width:88px}.gda-btn>.gdaicon{font-size:20px;vertical-align:-.1em}.gda-btn svg{vertical-align:bottom}.gda-btn.disabled,.gda-btn[disabled]{cursor:default}.gda-dropdown-menu{box-shadow:0 2px 8px #00000029}.gda-dropdown-menu-item{padding:10px 12px;line-height:20px}.gda-dropdown-menu-item>.gdaicon:first-child{font-size:20px;vertical-align:bottom}.gda-dropdown-menu-item:hover,.gda-dropdown-menu-submenu-title:hover{background:#f6f7f9}.gda-dropdown-menu-item-disabled:hover,.gda-dropdown-menu-submenu-title-disabled:hover{background-color:#fff}.gda-modal-header{padding:18px 24px;border-bottom:none}.gda-modal-title{line-height:24px}.gda-modal-close-x{width:60px;height:60px;line-height:60px}.gda-modal-footer{border-top:none}.gda-form-item-label{font-weight:700}.gda-form-horizontal .gda-form-item{margin-bottom:10px}.gda-form-horizontal .gda-form-item-label{font-weight:700;line-height:48px}.gda-pagination-item,.gda-pagination-item:focus,.gda-pagination-item:hover,.gda-pagination-prev .gda-pagination-item-link,.gda-pagination-next .gda-pagination-item-link{color:#444950;background-color:#f0f3f4;border:none}.gda-pagination-item-active,.gda-pagination-item-active:focus,.gda-pagination-item-active:hover{background:#2254f4;border:none}.gda-pagination-item-active a,.gda-pagination-item-active:focus a,.gda-pagination-item-active:hover a{color:#fff}.gda-pagination-prev.gda-pagination-disabled .gda-pagination-item-link,.gda-pagination-next.gda-pagination-disabled .gda-pagination-item-link{opacity:.3}.gda-pagination-prev:focus .gda-pagination-item-link,.gda-pagination-next:focus .gda-pagination-item-link,.gda-pagination-prev:hover .gda-pagination-item-link,.gda-pagination-next:hover .gda-pagination-item-link{color:#444950}.gda-tree li,.gda-tree li:first-child,.gda-tree li:last-child{padding:0}.gda-tree-child-tree>li:first-child{padding-top:0}:root .gda-tree li span.gda-tree-switcher.gda-tree-switcher_close .gda-tree-switcher-icon,:root .gda-tree li span.gda-tree-switcher.gda-tree-switcher_open .gda-tree-switcher-icon{font-size:16px;vertical-align:-3px}.gda-tree.gda-tree-directory>li span.gda-tree-node-content-wrapper:hover:before,.gda-tree.gda-tree-directory .gda-tree-child-tree>li span.gda-tree-node-content-wrapper:hover:before{border-radius:4px}.gda-tree .gda-tree-treenode-checkbox-checked .gda-tree-checkbox-checked:after{display:none}\n')();
const __vue2_script$2 = {
  name: "em-pagination-control",
  mixins: [bemMixin],
  props: {
    total: {
      type: Number,
      default: 0
    },
    activedIndex: {
      type: Number,
      default: 0
    },
    isFullScreen: {
      type: Boolean,
      default: false
    }
  },
  methods: {
    toggleLayout(index2) {
      let nextIndex = (this.activedIndex + index2 + this.total) % this.total;
      if (!index2) {
        nextIndex = 0;
      }
      this.$emit("toggle", nextIndex);
    },
    handleFullClick() {
      this.$emit("fullChange", !this.isFullScreen);
    }
  }
};
const __cssModules$2 = {};
var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, null, null, null);
function __vue2_injectStyles$2(context) {
  for (let o in __cssModules$2) {
    this[o] = __cssModules$2[o];
  }
}
var PaginationControl = /* @__PURE__ */ function() {
  return __component__$2.exports;
}();
var __$_require_8c1a20c2__ = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzgiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCA3OCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNy45MDgxIDBIMjkuNzk4M0wzMC4zNzU1IDEuNDYyOTRIMzcuNzYzMlYzLjA1NjI1VjQuOTI0NzZIMzYuMTkwNFYzLjA1NjI1SDIzLjE3NTNWNC45MjQ3NkgyMS42MDI1VjEuNDc3NDNIMjEuNzAzNVYxLjQ2Mjk0SDI4LjQ4NTJMMjcuOTA4MSAwWk0xMS41MiAwLjE2NDE1NEg5LjYyODg5TDEwLjIwNjMgMS42MTQxN0g1Ljk2MjEyVjAuNjY2NjM2TDAuNTc3NDQ1IDEuNTQyMzlWMi45OTI0MUwyLjg0MzkxIDIuNjMzNVY0Ljk4Nzk4SDAuNTc3NDQ1VjYuNDM4SDIuNTExODhMMCAxNC40MjAzSDEuNDcyNDhMMi44NDM5MSAxMC4xMTMzVjE2LjQxNTlINC40MTc0NVY2LjQzOEg1Ljk2MjEyVjQuOTg3OThINC40MTc0NVYyLjM3NTA4TDUuOTYyMTIgMi4xMTY2NlYzLjE5MzRIMTcuMTUwMVYxLjYxNDE3SDEyLjA5NzVMMTEuNTIgMC4xNjQxNTRaTTMwLjM2MjggMTQuNDk5NFYxMC45NjY2SDM1LjkzODdWOS40MDc2N0gzMC4zNjI4VjYuOTc2MjRIMzUuOTM4N1Y1LjQxNzI3SDIzLjYyNTFWNi45NzYyNEgyOC43OFYxNC4wMjc0QzI2LjEzNzIgMTIuOTk3NiAyNS4wMDQ2IDExLjIwOTggMjQuODU5NCAxMC45NjY2QzI1LjA0ODEgOS45MjI1NiAyNS4wOTE3IDkuMDc4NzEgMjUuMTA2MiA4LjY0OTYzSDIzLjYyNTFDMjMuNjEwNiA5LjA3ODcxIDIzLjU1MjUgOS45NTExNiAyMy4zNDkyIDEwLjk5NTJDMjMuMTc0OSAxMS44MzkxIDIyLjkyODEgMTIuNjExNCAyMi42Mzc3IDEzLjMxMjNDMjIuMjc0NiAxNC4xNTYxIDIxLjgxIDE0Ljg3MTIgMjEuMjcyNyAxNS40NDMzTDIyLjQ3NzkgMTYuNDAxNkMyMy4wNzMzIDE1LjcxNTEgMjMuNTgxNSAxNC44OTk4IDIzLjk4ODEgMTMuOTcwMkMyNC4xMzMzIDEzLjY1NTUgMjQuMjQ5NSAxMy4zMTIzIDI0LjM2NTYgMTIuOTY5QzI1LjM1MzEgMTQuMDI3NCAyNy4xMzkxIDE1LjQyOSAyOS45ODUyIDE2LjAyOTdDMzEuNzI3NyAxNi40MDE2IDM0Ljc2MjYgMTYuNDE1OSAzNy4xMTQ5IDE2LjQxNTlIMzcuNTUwNkgzNy45MjgxVjE0Ljg1NjlIMzcuNTUwNkwzNy4xNzExIDE0Ljg1NDZDMzQuOTc4OSAxNC44NDE2IDMxLjkzOTQgMTQuODIzNSAzMC4zNjI4IDE0LjQ5OTRaTTY0LjQ4MTcgNy4zNDExMVY1Ljc0NTU3SDYwLjg0OTlWNy4zNDExMUg2Mi44ODM3VjE0LjI4OVYxNC45MTI3VjE2LjA4NzZMNjYuOTUxNCAxMy45Njk5VjEyLjE3MTJMNjQuNDgxNyAxMy40NjIyVjcuMzQxMTFaTTczLjMzMjggNS44NTg3MUg3OFY3LjQzNjU0SDczLjMzMjhWMTYuNDE1OUg3MS42MTg2VjcuNDM2NTRINjYuOTUxNFY1Ljg1ODcxSDcxLjYxODZWMC4xNjQxNTRINzMuMzMyOFY1Ljg1ODcxWk02NS45NjE5IDQuMjY4MTFMNjQuNDczNiAwLjY1NjYxNkg2Mi40OTg5TDYzLjk4NzMgNC4yNjgxMUg2NS45NjE5Wk00NC44Njg2IDcuMjIzVjcuMzM4ODhWMTMuNDY1OUw0Ny4zMjc3IDEyLjE3NjdWMTMuOTcyOEw0My4yNzc0IDE2LjA4NzZWMTQuOTcyM1YxNC4yOTE1VjcuMzM4ODhINDAuNzMxNVY1Ljc0NTU3SDQ0Ljg2ODZWNy4yMjNaTTU1LjkwOTMgMC40OTI0NjJINTQuMzI4NUg1MC43MTc1SDQ5LjQ5OTNINDkuMTIyMkM0OS4wNzg3IDIuNzgyMjYgNDguMzM5MSA0Ljc0MjkxIDQ3LjY1NzUgNi4wNzM4Nkg0OS40NzAzQzUwLjEzNzQgNC41NDI1NSA1MC40NTY0IDMuMDY4NDkgNTAuNjAxNSAxLjk1MjIxSDU0LjMyODVWNC41MjgyNFY1LjY4NzQ1VjYuMDczODZINTcuODgxNlY0LjUyODI0SDU1LjkwOTNWMC40OTI0NjJaTTU1LjkwMDIgMTEuMDk5N0M1Ny4yMDU0IDkuMjUwNjQgNTcuNTY3OSA3LjYzMjcgNTcuNjExNCA3LjM4NzEySDU2LjM5MzJINDguOTI0Nkg0OC4wNTQ0TDQ4LjA1ODEgNy40MDI1N0M0OC4xMjY2IDcuNjk0MTcgNDguNTAwMyA5LjI4NTcyIDQ5LjgwOTIgMTEuMDk5N0M1MC4zMzEzIDExLjgyMiA1MC45MjU5IDEyLjQ3MjEgNTEuNTkzIDEzLjA3ODhDNTAuNDkwOCAxMy43ODY3IDQ5LjIyOTEgMTQuMzUwMSA0Ny44MjI0IDE0Ljc2OVYxNi40MTU4QzQ5LjczNjcgMTUuODk1OCA1MS40MzM1IDE1LjEzMDIgNTIuODgzNyAxNC4xMDQ1QzU0LjM0ODQgMTUuMTMwMiA1Ni4wODg3IDE1LjkxMDIgNTguMDQ2NSAxNi40MTU4VjE0Ljc2OUM1Ni41OTYzIDE0LjM1MDEgNTUuMzA1NiAxMy43ODY3IDU0LjE1OTkgMTMuMDY0NEM1NC44MTI1IDEyLjQ1NzYgNTUuMzkyNiAxMS44MDc2IDU1LjkwMDIgMTEuMDk5N1pNNTEuMDQxOSAxMC4xNDYzQzUwLjcyMjkgOS43MTI4OSA1MC40NzYzIDkuMjkzOTYgNTAuMjczMyA4LjkxODM2SDU1LjQyMTZDNTUuMjMzMSA5LjI5Mzk2IDU0Ljk4NjUgOS43MTI4OSA1NC42ODIgMTAuMTQ2M0M1NC4xNzQ0IDEwLjg2ODYgNTMuNTY1MyAxMS41MTg2IDUyLjg4MzcgMTIuMTEwOUM1Mi4xODc2IDExLjUxODYgNTEuNTY0IDEwLjg2ODYgNTEuMDQxOSAxMC4xNDYzWk00Ni4zMzgzIDQuMjY4MTFMNDQuODQ5OSAwLjY1NjYxNkg0Mi44NzUzTDQ0LjM2MzYgNC4yNjgxMUg0Ni4zMzgzWk0xNC40NDQ0IDYuMDAwMzNWNy42ODM1SDE1LjU3M0gxNy4xNTAxVjkuMjY1OTZWMTYuNDE1OEgxNS41NzNWOS4yNjU5NkgxNC40NDQ0VjEzLjAzNTFWMTQuNjAzMkg4LjYyNzgyVjE0LjQzMDZWOS4yNTE1OEg3LjUxMzcxVjE2LjQwMTRINS45MzY1OFY5LjI1MTU4VjcuNjgzNUg3LjUxMzcxSDguNjI3ODJWNi4wMDAzM1Y0LjQzMjI1SDEwLjEzMjZIMTIuOTM5NkgxNC40NDQ0VjYuMDAwMzNaTTEyLjkzOTYgNi4wMDAzN0gxMC4xMzI2VjcuNjgzNTNIMTIuOTM5NlY2LjAwMDM3Wk0xMi45Mzk2IDEzLjAyMDdIMTAuMTMyNlY5LjI1MTU5SDEyLjkzOTZWMTMuMDIwN1oiIGZpbGw9IiM5REEzQUMiLz4KPC9zdmc+Cg==";
var render$1 = function() {
  var _vm = this;
  var _h = _vm.$createElement;
  var _c = _vm._self._c || _h;
  return _c("div", {
    class: _vm.bem()
  }, [_c("a", {
    attrs: {
      "href": "/",
      "target": "_blank"
    }
  }, [_c("img", {
    class: _vm.bem("logo"),
    attrs: {
      "src": __$_require_8c1a20c2__
    }
  })]), _c("PaginationControl", {
    class: _vm.bem("pagination"),
    attrs: {
      "total": _vm.total,
      "activedIndex": _vm.activedIndex,
      "isFullScreen": _vm.isFullScreen
    },
    on: {
      "toggle": function($event) {
        return _vm.$emit("toggle", $event);
      },
      "fullChange": function($event) {
        return _vm.$emit("fullChange", $event);
      }
    }
  })], 1);
};
var staticRenderFns$1 = [];
var index_vue_vue_type_style_index_0_lang$1 = /* @__PURE__ */ (() => '.design-view-footer{width:100%;height:36px;position:absolute;bottom:0;z-index:10;padding:10px 16px;background-color:#fff}.design-view-footer__logo{height:16px;position:absolute;top:10px;cursor:pointer}.design-view-footer__pagination{position:absolute;right:0;bottom:0;background-color:#fff0;border-color:#fff0}body{min-width:1200px;overflow:overlay;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0)}body::-webkit-scrollbar{width:7px}body::-webkit-scrollbar-thumb{background-color:#000000b3;border:1px solid #fff;border-radius:10rem}body::-webkit-scrollbar-track-piece:start,body::-webkit-scrollbar-track-piece:end{background:transparent}ul{padding:0;list-style:none}.tofh{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[id^=HUABAN],[class^=HUABAN],[id^=ZCOOL],[class^=ZCOOL],[id^=lvye],[class^=lvye],[id^=xmt-],[class^=xmt-]{display:none!important}body>iframe[src="chrome-extension://gpdjojdkbbmdfjfahjcgigfpmkopogic/html/grid.html"],body>iframe[src="chrome-extension://gpdjojdkbbmdfjfahjcgigfpmkopogic/html/search.html"]{visibility:hidden!important;transform:translate(-10000px)!important}.eui-popup-base{z-index:2100!important}.eui-tabs__header{border-bottom-width:1px!important}.gda-btn:not(.gda-btn-sm){min-width:88px}.gda-btn>.gdaicon{font-size:20px;vertical-align:-.1em}.gda-btn svg{vertical-align:bottom}.gda-btn.disabled,.gda-btn[disabled]{cursor:default}.gda-dropdown-menu{box-shadow:0 2px 8px #00000029}.gda-dropdown-menu-item{padding:10px 12px;line-height:20px}.gda-dropdown-menu-item>.gdaicon:first-child{font-size:20px;vertical-align:bottom}.gda-dropdown-menu-item:hover,.gda-dropdown-menu-submenu-title:hover{background:#f6f7f9}.gda-dropdown-menu-item-disabled:hover,.gda-dropdown-menu-submenu-title-disabled:hover{background-color:#fff}.gda-modal-header{padding:18px 24px;border-bottom:none}.gda-modal-title{line-height:24px}.gda-modal-close-x{width:60px;height:60px;line-height:60px}.gda-modal-footer{border-top:none}.gda-form-item-label{font-weight:700}.gda-form-horizontal .gda-form-item{margin-bottom:10px}.gda-form-horizontal .gda-form-item-label{font-weight:700;line-height:48px}.gda-pagination-item,.gda-pagination-item:focus,.gda-pagination-item:hover,.gda-pagination-prev .gda-pagination-item-link,.gda-pagination-next .gda-pagination-item-link{color:#444950;background-color:#f0f3f4;border:none}.gda-pagination-item-active,.gda-pagination-item-active:focus,.gda-pagination-item-active:hover{background:#2254f4;border:none}.gda-pagination-item-active a,.gda-pagination-item-active:focus a,.gda-pagination-item-active:hover a{color:#fff}.gda-pagination-prev.gda-pagination-disabled .gda-pagination-item-link,.gda-pagination-next.gda-pagination-disabled .gda-pagination-item-link{opacity:.3}.gda-pagination-prev:focus .gda-pagination-item-link,.gda-pagination-next:focus .gda-pagination-item-link,.gda-pagination-prev:hover .gda-pagination-item-link,.gda-pagination-next:hover .gda-pagination-item-link{color:#444950}.gda-tree li,.gda-tree li:first-child,.gda-tree li:last-child{padding:0}.gda-tree-child-tree>li:first-child{padding-top:0}:root .gda-tree li span.gda-tree-switcher.gda-tree-switcher_close .gda-tree-switcher-icon,:root .gda-tree li span.gda-tree-switcher.gda-tree-switcher_open .gda-tree-switcher-icon{font-size:16px;vertical-align:-3px}.gda-tree.gda-tree-directory>li span.gda-tree-node-content-wrapper:hover:before,.gda-tree.gda-tree-directory .gda-tree-child-tree>li span.gda-tree-node-content-wrapper:hover:before{border-radius:4px}.gda-tree .gda-tree-treenode-checkbox-checked .gda-tree-checkbox-checked:after{display:none}\n')();
const __vue2_script$1 = {
  name: "design-view-footer",
  components: { PaginationControl },
  mixins: [bemMixin],
  props: {
    total: {
      type: Number,
      default: 0
    },
    activedIndex: {
      type: Number,
      default: 0
    },
    isFullScreen: {
      type: Boolean,
      default: false
    }
  }
};
const __cssModules$1 = {};
var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, null, null, null);
function __vue2_injectStyles$1(context) {
  for (let o in __cssModules$1) {
    this[o] = __cssModules$1[o];
  }
}
var Footer = /* @__PURE__ */ function() {
  return __component__$1.exports;
}();
var render = function() {
  var _vm = this;
  var _h = _vm.$createElement;
  var _c = _vm._self._c || _h;
  return _c("div", {
    ref: "container",
    class: _vm.bem()
  }, [_c("div", {
    class: _vm.bem("inner", {
      full: _vm.isFullScreen
    }),
    style: _vm.innerStyle
  }, [_vm.renderView.activity ? _c("AcitivityView", {
    attrs: {
      "initEditor": _vm.editor,
      "templetContent": _vm.templetContent,
      "editorOptions": _vm.editorOptions,
      "activedIndex": _vm.activedIndex,
      "isFlowTemplet": _vm.isFlowTemplet
    },
    on: {
      "editorReady": _vm.onEditorReady
    }
  }) : _vm._e(), _vm.renderView.static ? _c("StaticView", {
    attrs: {
      "preview": _vm.templet.preview,
      "activedIndex": _vm.activedIndex,
      "isFlowTemplet": _vm.isFlowTemplet
    }
  }) : _vm._e(), _vm.renderView.webpage ? _c("WebpageView", {
    attrs: {
      "webpage": _vm.webpage,
      "initEditor": _vm.editor,
      "templetContent": _vm.templetContent,
      "isFullScreen": _vm.isFullScreen
    },
    on: {
      "fullChange": _vm.onFullScreenChange,
      "editorReady": _vm.onEditorReady
    }
  }) : _vm._e(), _vm.watermarkUrl ? _c("Watermark", {
    attrs: {
      "watermarkUrl": _vm.watermarkUrl
    }
  }) : _vm._e()], 1), !_vm.renderView.webpage && !_vm.onlyPagination ? _c("Footer", {
    attrs: {
      "total": _vm.totalPage,
      "activedIndex": _vm.activedIndex,
      "isFullScreen": _vm.isFullScreen
    },
    on: {
      "toggle": _vm.handleToggle,
      "fullChange": _vm.onFullScreenChange
    }
  }) : _vm._e(), !_vm.renderView.webpage && _vm.onlyPagination ? _c("PaginationControl", {
    class: _vm.bem("pagination"),
    attrs: {
      "total": _vm.totalPage,
      "activedIndex": _vm.activedIndex,
      "isFullScreen": _vm.isFullScreen
    },
    on: {
      "toggle": _vm.handleToggle,
      "fullChange": _vm.onFullScreenChange
    }
  }) : _vm._e()], 1);
};
var staticRenderFns = [];
var index_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => '.em-editor-templet-view{position:relative;width:100%;height:100%;min-height:350px}.em-editor-templet-view__inner{position:absolute;left:0;right:0;top:0;bottom:0;overflow:auto;background-color:#f6f7f9}.em-editor-templet-view__inner--full{background-color:#000}.em-editor-templet-view__pagination{position:absolute;right:10px;bottom:10px;z-index:10}body{min-width:1200px;overflow:overlay;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0)}body::-webkit-scrollbar{width:7px}body::-webkit-scrollbar-thumb{background-color:#000000b3;border:1px solid #fff;border-radius:10rem}body::-webkit-scrollbar-track-piece:start,body::-webkit-scrollbar-track-piece:end{background:transparent}ul{padding:0;list-style:none}.tofh{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[id^=HUABAN],[class^=HUABAN],[id^=ZCOOL],[class^=ZCOOL],[id^=lvye],[class^=lvye],[id^=xmt-],[class^=xmt-]{display:none!important}body>iframe[src="chrome-extension://gpdjojdkbbmdfjfahjcgigfpmkopogic/html/grid.html"],body>iframe[src="chrome-extension://gpdjojdkbbmdfjfahjcgigfpmkopogic/html/search.html"]{visibility:hidden!important;transform:translate(-10000px)!important}.eui-popup-base{z-index:2100!important}.eui-tabs__header{border-bottom-width:1px!important}.gda-btn:not(.gda-btn-sm){min-width:88px}.gda-btn>.gdaicon{font-size:20px;vertical-align:-.1em}.gda-btn svg{vertical-align:bottom}.gda-btn.disabled,.gda-btn[disabled]{cursor:default}.gda-dropdown-menu{box-shadow:0 2px 8px #00000029}.gda-dropdown-menu-item{padding:10px 12px;line-height:20px}.gda-dropdown-menu-item>.gdaicon:first-child{font-size:20px;vertical-align:bottom}.gda-dropdown-menu-item:hover,.gda-dropdown-menu-submenu-title:hover{background:#f6f7f9}.gda-dropdown-menu-item-disabled:hover,.gda-dropdown-menu-submenu-title-disabled:hover{background-color:#fff}.gda-modal-header{padding:18px 24px;border-bottom:none}.gda-modal-title{line-height:24px}.gda-modal-close-x{width:60px;height:60px;line-height:60px}.gda-modal-footer{border-top:none}.gda-form-item-label{font-weight:700}.gda-form-horizontal .gda-form-item{margin-bottom:10px}.gda-form-horizontal .gda-form-item-label{font-weight:700;line-height:48px}.gda-pagination-item,.gda-pagination-item:focus,.gda-pagination-item:hover,.gda-pagination-prev .gda-pagination-item-link,.gda-pagination-next .gda-pagination-item-link{color:#444950;background-color:#f0f3f4;border:none}.gda-pagination-item-active,.gda-pagination-item-active:focus,.gda-pagination-item-active:hover{background:#2254f4;border:none}.gda-pagination-item-active a,.gda-pagination-item-active:focus a,.gda-pagination-item-active:hover a{color:#fff}.gda-pagination-prev.gda-pagination-disabled .gda-pagination-item-link,.gda-pagination-next.gda-pagination-disabled .gda-pagination-item-link{opacity:.3}.gda-pagination-prev:focus .gda-pagination-item-link,.gda-pagination-next:focus .gda-pagination-item-link,.gda-pagination-prev:hover .gda-pagination-item-link,.gda-pagination-next:hover .gda-pagination-item-link{color:#444950}.gda-tree li,.gda-tree li:first-child,.gda-tree li:last-child{padding:0}.gda-tree-child-tree>li:first-child{padding-top:0}:root .gda-tree li span.gda-tree-switcher.gda-tree-switcher_close .gda-tree-switcher-icon,:root .gda-tree li span.gda-tree-switcher.gda-tree-switcher_open .gda-tree-switcher-icon{font-size:16px;vertical-align:-3px}.gda-tree.gda-tree-directory>li span.gda-tree-node-content-wrapper:hover:before,.gda-tree.gda-tree-directory .gda-tree-child-tree>li span.gda-tree-node-content-wrapper:hover:before{border-radius:4px}.gda-tree .gda-tree-treenode-checkbox-checked .gda-tree-checkbox-checked:after{display:none}\n')();
const __vue2_script = {
  name: "em-editor-templet-view",
  components: {
    Footer,
    Watermark,
    PaginationControl,
    StaticView: () => import(
      /* webpackChunkName: "editor-templet-vue-static" */
      "./static.js"
    ),
    AcitivityView: () => import(
      /* webpackChunkName: "editor-templet-vue-acitivity" */
      "./activity.js"
    ),
    WebpageView: () => import(
      /* webpackChunkName: "editor-templet-vue-webpage" */
      "./index40.js"
    )
  },
  mixins: [bemMixin],
  props: {
    editor: {
      type: [Object, Function],
      required: true
    },
    templet: {
      type: Object,
      required: true
    },
    editorOptions: {
      type: Object,
      default: () => ({})
    },
    pure: {
      type: Boolean,
      default: false
    },
    onlyPagination: {
      type: Boolean,
      default: true
    },
    webpage: {
      type: Object,
      default: () => null
    },
    watermarkUrl: {
      type: String,
      default: ""
    }
  },
  data() {
    return {
      acitivityVisible: true,
      isFullScreen: false,
      activedIndex: 0
    };
  },
  computed: {
    templetContent() {
      const { templet } = this;
      return templet && typeof templet.content === "string" ? JSON.parse(templet.content) : templet.content;
    },
    isFlowTemplet() {
      const { templet, templetContent } = this;
      return isFlowTemplet(templet) && (templetContent == null ? void 0 : templetContent.layouts.length) > 1;
    },
    totalPage() {
      const { templetContent, isFlowTemplet: isFlowTemplet2 } = this;
      if (isFlowTemplet2)
        return 1;
      return templetContent ? templetContent.layouts.length : 0;
    },
    renderView() {
      const isH5Template = ["web_page", "h5_bargraph"].includes(this.templet.type);
      return {
        webpage: isH5Template,
        activity: !isH5Template && this.activity && this.acitivityVisible,
        static: !isH5Template && !this.activity
      };
    },
    activity() {
      const { pure, templet } = this;
      return !pure || !templet.preview;
    },
    innerStyle() {
      return this.onlyPagination ? {} : { bottom: "36px" };
    }
  },
  watch: {
    "templet.id"(n, o) {
      if (n !== o) {
        this.resetTempletView();
      }
    }
  },
  mounted() {
    const onFullScreenChange = () => {
      this.isFullScreen = !!document.fullscreenElement;
    };
    const onVisibilityChange = () => {
      if (this.isFullScreen && document.hidden) {
        this.onFullScreenChange(false);
      }
    };
    document.addEventListener("fullscreenchange", onFullScreenChange);
    document.addEventListener("visibilitychange", onVisibilityChange);
    this.$once("hook:beforeDestroy", () => {
      document.removeEventListener("fullscreenchange", onFullScreenChange);
      document.removeEventListener("visibilitychange", onVisibilityChange);
    });
  },
  methods: {
    onEditorReady(editor) {
      this.$emit("editorReady", editor);
    },
    onFullScreenChange(isFullScreen) {
      isFullScreen ? this.enterFullScreenPreview(this.$refs.container) : this.exitFullScreenPreview();
      this.$emit("fullChange", isFullScreen);
    },
    handleToggle(index2) {
      this.activedIndex = index2;
    },
    enterFullScreenPreview(el) {
      el = el || window.document;
      const rfs = el.requestFullscreen || el.mozRequestFullScreen || el.webkitRequestFullscreen || el.msRequestFullscreen;
      if (typeof rfs !== "undefined" && rfs) {
        rfs.call(el);
      }
      this.isFullScreen = true;
    },
    exitFullScreenPreview(el) {
      el = el || window.document;
      const cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen;
      if (typeof cfs !== "undefined" && cfs) {
        cfs.call(el);
      }
      this.isFullScreen = false;
    },
    resetTempletView() {
      this.acitivityVisible = false;
      this.$nextTick(() => {
        this.acitivityVisible = true;
      });
    }
  }
};
const __cssModules = {};
var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, null, null, null);
function __vue2_injectStyles(context) {
  for (let o in __cssModules) {
    this[o] = __cssModules[o];
  }
}
var index = /* @__PURE__ */ function() {
  return __component__.exports;
}();
var index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  "default": index
}, Symbol.toStringTag, { value: "Module" }));
export { __$_require_3a80dcdf__ as _, __$_require_16177530__ as a, index$1 as i };
