| 1 |
- (window.webpackJsonp=window.webpackJsonp||[]).push([[0],{1747:function(e,n,t){"use strict";var o=t(34),a=t.n(o),i=t(56),s=t.n(i),r=function(){var e=this.$createElement;return(this._self._c||e)("div",{staticClass:"component-error"},[this._v("组件加载失败，可尝试强制刷新页面（Ctrl+F5）或点击左侧组件标题进行重新加载")])};r._withStripped=!0;var d=t(11);var l=function(e){t(1930)},c=Object(d.a)({data:function(){return{}},mounted:function(){this.$emit("errored")}},r,[],!1,l,"data-v-28e3ac88",null);c.options.__file="src\\system-components\\ui-component-load\\load-error.vue";var p=c.exports,u=t(195),m={goods_sn:"269004202",goods_title:"Asymmetric Striped Slit Shirt Dress - Dark Gree",goods_img:t.n(u).a,tsk_price:9.99,shop_price:9.99,market_price:19.99,discount:50,promotions:['<span>BUY <em class="special fb">1</em> GET 1 <em class="special fb ml5" data-orgp="">99%</em> OFF</span>','<span>BUY <em class="special fb">1</em> GET 1 <em class="special fb ml5" data-orgp="">99%</em> OFF</span>']},v=[m,m,m,m],g={props:{id:{required:!0},uikey:{type:String,required:!0,default:"U000001"},template:{type:String,required:!0,default:"template1"},vdc:{type:Object}},components:{ErrorComponent:p},data:function(){return{module:null}},computed:{env:function(){return this.$store.state.page.env},component:function(){return this.vdc},datas:function(){var e=this;if(this.component.is_loaded_config&&this.component.hasOwnProperty("config")){var n={};return s()(this.component.config.datas).map((function(t){n[t]=e.component.config.datas[t].value})),n}return this.component.remote_data||{}},styles:function(){var e=this;if(this.component.is_loaded_config&&this.component.hasOwnProperty("config")){var n={};return s()(this.component.config.styles).map((function(t){n[t]=e.component.config.styles[t].value})),n}return this.component.remote_style||{}},goodsSKU:function(){var e=this,n=this.$store.state.page.goodsSKU.filter((function(n){return Number(n.component_id)===Number(e.id)}));return this.datas.hasOwnProperty("goods")&&0===n.length&&n.push({}),1===this.env&&n.map((function(e){0==e.hasOwnProperty("goodsInfo")&&(e.goodsInfo=[]),e.goodsInfo.length<=0&&(e.goodsInfo=[].concat(v))})),n},remote_data_loaded:function(){return this.$store.state.page.remote_data_loaded},languages:function(){return this.$store.state.page.languages||{}}},methods:{after_componnet_loaded:function(){},after_componnet_errored:function(){this.$emit("reload")}},created:function(){var e=this;try{this.module=function(){return{component:t(1932)("./"+e.uikey+"/m/index.vue"),error:p}}}catch(e){console.log(e)}}},h=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{ref:"dom",attrs:{id:e.id,"data-key":e.uikey,"data-theme":e.template}},[e.component?t(e.module,{tag:"component",attrs:{id:e.id,styles:e.styles,datas:e.datas,languages:e.languages},on:{errored:e.after_componnet_errored,loaded:e.after_componnet_loaded}},[e._t("default")],2):e._e()],1)};h._withStripped=!0;var _=function(e){t(1928)},f=Object(d.a)(g,h,[],!1,_,"data-v-fad10972",null);f.options.__file="src\\system-components\\ui-component-load\\index.vue";var x={props:["vdc","isPanel"],components:{loadComponent:f.exports},data:function(){return{isRouterAlive:!0,mouse_hover_id:0,component_module:null,dataset:{datas:{},styles:{}}}},computed:{layouts:function(){return this.$store.state.page.layouts},design_selected_id:function(){return this.$store.state.design.selected_vdc.id},show_component_form:function(){return this.$store.state.design.show_component_form},in_drag:function(){return this.$store.state.design.preview_in_drag}},methods:{reload:function(){var e=this;this.isRouterAlive=!1,this.$nextTick((function(){return e.isRouterAlive=!0}))},handle_component_delete:function(){this.$emit("onDelete")},handle_component_select:function(){this.$store.dispatch("design/form_open",this.vdc)},handle_component_hover:function(e){if(1==this.isPanel)return!1;this.mouse_hover_id=e},handle_component_leave:function(){if(1==this.isPanel)return!1;this.mouse_hover_id=""}}},b=function(){var e=this,n=e.$createElement,t=e._self._c||n;return e.vdc?t("div",{staticClass:"component-controller"},[t("div",{staticClass:"controller-title",on:{click:e.reload}},[e._v("\n "+e._s(e.vdc.component_title)+"\n ")]),e._v(" "),t("div",{staticClass:"controller-aside"},[t("button",{staticClass:"button-remove",on:{click:e.handle_component_delete}},[t("i",{staticClass:"iconfont icon-ht_operation_delete"})])]),e._v(" "),e.isPanel?[t("div",{staticClass:"controller-panel",on:{click:e.handle_component_select}},[e._v("\n 拖拽区域\n ")]),e._v(" "),t("load-component",{attrs:{vdc:e.vdc,id:e.vdc.id,uikey:e.vdc.component_key,template:e.vdc.template_name||"template1"}},[e._t("default")],2)]:t("div",{class:{"design-component":!0,"is-active":e.design_selected_id===e.vdc.id&&""===e.show_component_form,"is-hover":0==e.in_drag&&e.mouse_hover_id===e.vdc.id,"is-panel":e.isPanel},on:{click:e.handle_component_select,mouseenter:function(n){return e.handle_component_hover(e.vdc.id)},mouseleave:e.handle_component_leave}},[e.isRouterAlive?t("load-component",{attrs:{vdc:e.vdc,id:e.vdc.id,uikey:e.vdc.component_key,template:e.vdc.template_name||"template1"},on:{reload:e.reload}},[e._t("default")],2):e._e()],1)],2):e._e()};b._withStripped=!0;var y=function(e){t(1926)},U=Object(d.a)(x,b,[],!1,y,"data-v-1a3dca49",null);U.options.__file="src\\views\\design\\layout-preview\\controller.vue";var k,w=U.exports,$=t(284),A=t.n($),C=t(75),O=t.n(C),P=t(102),S=t.n(P),z=t(9),D=t.n(z),E={props:{tasks:{required:!0,type:Array},isPanel:{type:Boolean,default:!1}},components:{controller:w,draggable:a.a},data:function(){return{before_drag_tasks:[]}},name:"nested-draggable",methods:{handle_drag_start:function(){this.before_drag_tasks=[].concat(D()(this.tasks))},handle_drag_change:(k=S()(O.a.mark((function e(n){var t;return O.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n.hasOwnProperty("added")&&(t=n.added.element.hasOwnProperty("tasks"),1==this.isPanel&&1==t?this.$emit("update:tasks",[].concat(D()(this.before_drag_tasks))):(this.before_drag_tasks=[].concat(D()(this.tasks)),this.$store.dispatch("design/form_open",n.added.element))),this.$emit("update-layouts",this.tasks);case 2:case"end":return e.stop()}}),e,this)}))),function(e){return k.apply(this,arguments)}),updateLayouts:function(){this.$emit("update-layouts",this.tasks)},handleDeleteComponent:function(e){var n=this;this.$confirm({title:"确认删除该组件？",onOk:function(){n.tasks.splice(e,1),n.$store.dispatch("design/form_close",{num:"2"}),n.$message.success("删除组件成功")}})}}},N=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("draggable",{class:{dragArea:!0,"is-panel":e.isPanel},attrs:{list:e.tasks,tag:"ul",group:"people"},on:{start:e.handle_drag_start,change:e.handle_drag_change}},e._l(e.tasks,(function(n,o){return t("li",{key:n.id},[t("controller",{attrs:{vdc:n,isPanel:!!n.tasks},on:{onDelete:function(n){return e.handleDeleteComponent(o)}}},[t("nested-draggable",{attrs:{isPanel:!!n.tasks,tasks:n.tasks},on:{"update:tasks":function(t){return e.$set(n,"tasks",t)},"update-layouts":e.updateLayouts}})],1)],1)})),0)};N._withStripped=!0;var B=function(e){t(1933)},j=Object(d.a)(E,N,[],!1,B,"data-v-1e7bf4a4",null);j.options.__file="src\\views\\design\\layout-preview\\nested.vue";var F=j.exports,I={components:{draggable:a.a,controller:w,nexted:F},props:["previewData"],data:function(){return{dragOptions:{group:"description",disabled:!1,touchStartThreshold:5,ghostClass:"sortable-ghost",dragClass:"sortable-drag",filter:".controller-title, .controller-aside"},layouts:[],images:{emptyImage:A.a}}},computed:{components:{get:function(){return this.previewData||this.$store.state.page.components||[]},set:function(e){this.$store.dispatch("design/page_update_layout_v2",e)}},text_direction:function(){var e=this.$store.state.page.info.lang||"en";return["he"].includes(e)?"rtl":"ltr"}},methods:{updateLayouts:function(e){var n="",t=e.filter((function(e){return"U_topmenu"===e.component_key}));if(1===t.length&&e.length>1&&"U_topmenu"!==e[0].component_key){for(var o={},a=0;a<e.length;a++)"U_topmenu"===e[a].component_key&&(o=e.splice(a,1)[0]);e.unshift(o),this.$message.error("顶部菜单组件只能放在最顶部")}t.length>1&&(n=Number(t[0].id.slice(1))>Number(t[1].id.slice(1))?t[0].id:t[1].id,this.$message.error("顶部菜单组件只能放一个"));var i=e.filter((function(e){return"U_selfpick"===e.component_key}));if(i.length>1&&(n=Number(i[0].id.slice(1))>Number(i[1].id.slice(1))?i[0].id:i[1].id,this.$message.error("社区团购组件只能放一个")),3==this.fun.getKey("page_sort")){var s=e.filter((function(e){return"U_suspendbutton"===e.component_key}));s.length>1&&(n=Number(s[0].id.slice(1))>Number(s[1].id.slice(1))?s[0].id:s[1].id,this.$message.error("悬浮按钮组件只能放一个"))}for(var r=0;r<e.length;r++)e[r].id===n&&e.splice(r,1);this.$store.dispatch("design/page_update_layout_v2",e)},handle_drag_start:function(){this.$store.state.design.preview_in_drag=!0},handle_drag_end:function(){this.$store.state.design.preview_in_drag=!1},handle_release_selected:function(){this.$store.dispatch("design/form_close",{num:"2"})}}},L=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{class:"design-layout-preview page-site-zf "+e.text_direction,attrs:{id:"design-middle-layout"},on:{click:function(n){return n.target!==n.currentTarget?null:e.handle_release_selected(n)}}},[t("div",{staticClass:"main-layout is-app",class:{"is-empty":e.layouts.length<=0}},[t("div",{staticClass:"controller-title"},[e._v("\n iphone8屏幕高度------\n ")]),e._v(" "),t("nexted",{attrs:{tasks:e.components},on:{"update:tasks":function(n){e.components=n},"update-layouts":e.updateLayouts}}),e._v(" "),e.components.length<=0?t("div",{staticClass:"is-empty"},[t("img",{attrs:{src:e.images.emptyImage}}),e._v("\n 哎哟，您还没有放置组件哦~ "),t("br"),e._v(" 赶紧拖动组件到这里设置吧\n ")]):e._e()],1)])};L._withStripped=!0;var T=function(e){t(1922),t(1924)},q=Object(d.a)(I,L,[],!1,T,"data-v-35978735",null);q.options.__file="src\\views\\design\\layout-preview\\index.vue";n.a=q.exports},1922:function(e,n,t){var o=t(1923);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);(0,t(19).default)("6eb0bb13",o,!1,{})},1923:function(e,n,t){(e.exports=t(16)(!1)).push([e.i,'\n.design-layout-preview[data-v-35978735] {\n position: relative;\n width: 100%;\n height: 100%;\n min-height: 100%;\n padding-top: 114px;\n padding-bottom: 100px;\n overflow-y: scroll;\n}\n.design-layout-preview .main-layout[data-v-35978735] {\n position: relative;\n margin: 0 auto;\n width: 375px;\n min-height: 667px;\n background: #fff;\n box-shadow: -10px 20px 30px 0px rgba(192, 197, 205, 0.8);\n}\n.design-layout-preview .main-layout.is-empty .is-empty[data-v-35978735] {\n display: block;\n}\n.design-layout-preview .main-layout .is-empty[data-v-35978735] {\n position: absolute;\n left: 0px;\n top: 240px;\n right: 0px;\n display: none;\n text-align: center;\n color: rgba(92, 162, 232, 0.46);\n font-size: 14px;\n}\n.design-layout-preview .main-layout .is-empty img[data-v-35978735] {\n width: 190px;\n height: 125px;\n margin: 0 auto;\n display: block;\n}\n.design-layout-preview .dragArea[data-v-35978735] {\n min-height: 667px;\n}\n.design-layout-preview .dragArea > span[data-v-35978735] {\n display: block;\n min-height: 667px;\n}\n.flip-list-move[data-v-35978735] {\n transition: transform 0.5s;\n}\n.list-group-item[data-v-35978735] {\n position: relative;\n}\n.list-group-item.is-hover[data-v-35978735]:before {\n position: absolute;\n content: " ";\n left: 0px;\n bottom: 0px;\n top: 0px;\n right: 0px;\n border: dashed 2px #29ba9c;\n}\n.list-group-item.is-hover .component-controller[data-v-35978735] {\n display: block;\n}\n.list-group-item.is-active[data-v-35978735]::before {\n position: absolute;\n content: " ";\n left: 0px;\n bottom: 0px;\n top: 0px;\n right: 0px;\n border: solid 3px #29ba9c;\n}\n',""])},1924:function(e,n,t){var o=t(1925);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);(0,t(19).default)("d686f55e",o,!1,{})},1925:function(e,n,t){(e.exports=t(16)(!1)).push([e.i,'\n.design-layout-preview .main-layout .dragArea > .sortable-ghost {\n position: relative;\n list-style: none;\n width: 100%;\n height: 100px;\n line-height: 100px;\n text-align: center;\n background: rgba(64, 158, 255, 0.3) !important;\n cursor: move;\n}\n.design-layout-preview .main-layout .dragArea > .sortable-ghost i,\n.design-layout-preview .main-layout .dragArea > .sortable-ghost p,\n.design-layout-preview .main-layout .dragArea > .sortable-ghost .component-box,\n.design-layout-preview .main-layout .dragArea > .sortable-ghost > .dragArea {\n display: none;\n}\n.design-layout-preview .main-layout .dragArea > .sortable-ghost > * {\n display: none;\n}\n.design-layout-preview .main-layout .dragArea > .sortable-ghost:before {\n position: absolute;\n content: " ";\n left: 0px;\n bottom: 0px;\n top: 0px;\n right: 0px;\n border: 3px solid #29ba9c;\n}\n.design-layout-preview .main-layout .dragArea > .sortable-ghost:after {\n top: 0px;\n content: "\\6211\\8981\\5728\\8FD9\\91CC";\n}\n.controller-title {\n position: absolute;\n top: 655px;\n right: 100%;\n word-break: keep-all;\n white-space: nowrap;\n}\n.debuger-info {\n background: #333;\n color: #fff;\n padding: 10px;\n}\n.debuger-info label {\n font-weight: bold;\n}\n.debuger-info p {\n margin: 0px;\n margin-bottom: 10px;\n}\n',""])},1926:function(e,n,t){var o=t(1927);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);(0,t(19).default)("3ce17d60",o,!1,{})},1927:function(e,n,t){(e.exports=t(16)(!1)).push([e.i,'\n.design-component[data-v-1a3dca49] {\n position: relative;\n overflow: hidden;\n}\n.design-component[data-v-1a3dca49]:before {\n display: none;\n position: absolute;\n content: " ";\n left: 0px;\n bottom: 0px;\n top: 0px;\n right: 0px;\n border: dashed 2px #29ba9c;\n z-index: 2;\n}\n.design-component[data-v-1a3dca49]:hover::before {\n display: block;\n}\n.design-component.is-active[data-v-1a3dca49]::before {\n border: solid 3px #29ba9c;\n display: block;\n}\n.design-component.is-panel[data-v-1a3dca49] {\n background-color: rgba(78, 255, 235, 0.2);\n}\n.component-controller[data-v-1a3dca49] {\n position: relative;\n}\n.component-controller:hover .controller-aside[data-v-1a3dca49] {\n display: block;\n}\n.controller-panel[data-v-1a3dca49] {\n background-color: #29ba9c;\n color: #fff;\n height: 40px;\n line-height: 40px;\n padding-left: 14px;\n cursor: pointer;\n}\n.controller-aside[data-v-1a3dca49] {\n display: none;\n position: absolute;\n left: 100%;\n padding-left: 8px;\n}\n.controller-aside > button[data-v-1a3dca49] {\n outline: none;\n border: none;\n width: 36px;\n height: 36px;\n background: #fff;\n box-shadow: -1px 2px 6px 0px #bcc3ce;\n border-radius: 36px;\n cursor: pointer;\n color: #AEB1B3;\n}\n.controller-aside > button i[data-v-1a3dca49] {\n font-size: 23px;\n}\n.controller-aside > button[data-v-1a3dca49]:hover {\n color: #29ba9c;\n}\n.controller-title[data-v-1a3dca49] {\n position: absolute;\n right: 100%;\n top: 0px;\n height: 32px;\n line-height: 32px;\n background: rgba(255, 255, 255, 0.4);\n border-radius: 16px;\n padding: 0 16px;\n word-break: keep-all;\n white-space: nowrap;\n font-size: 14px;\n transform: translateX(-8px);\n color: #6B7075;\n cursor: pointer;\n}\n',""])},1928:function(e,n,t){var o=t(1929);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);(0,t(19).default)("001cbf48",o,!1,{})},1929:function(e,n,t){(e.exports=t(16)(!1)).push([e.i,"\n.custom-transition .lazy-component-enter[data-v-fad10972] {\r\n opacity: 0;\n}\n.custom-transition .lazy-component-enter-to[data-v-fad10972] {\r\n opacity: 1;\n}\n.custom-transition .lazy-component-enter-active[data-v-fad10972] {\r\n transition: all 0.5s;\n}\n.custom-transition .lazy-component-leave[data-v-fad10972] {\r\n opacity: 1;\n}\n.custom-transition .lazy-component-leave-to[data-v-fad10972] {\r\n opacity: 0;\n}\n.custom-transition .lazy-component-leave-active[data-v-fad10972] {\r\n transition: all 0.5s;\n}\r\n",""])},1930:function(e,n,t){var o=t(1931);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);(0,t(19).default)("1696f959",o,!1,{})},1931:function(e,n,t){(e.exports=t(16)(!1)).push([e.i,"\n.component-error[data-v-28e3ac88] {\n height: 100px;\n text-align: center;\n line-height: 100px;\n background: #f1f1f1;\n color: #333;\n}\n",""])},1932:function(e,n,t){var o={"./L000001/m/index.vue":[2451,59],"./U000248/m/index.vue":[2449,22],"./U000251/m/index.vue":[2452,67],"./U_article/m/index.vue":[1007],"./U_backup/m/index.vue":[2453,34],"./U_banneradv/m/index.vue":[2454,76],"./U_blank/m/index.vue":[2455,49],"./U_bonuspool/m/index.vue":[2456,77],"./U_bottomSuspendButton/m/index.vue":[2457,28],"./U_button/m/index.vue":[1021],"./U_cartSettlement/m/index.vue":[2458,50],"./U_categorySort/m/index.vue":[2459,37],"./U_community/m/index.vue":[1017],"./U_couponStore/m/index.vue":[2460,72],"./U_coupons/m/index.vue":[2461,44],"./U_cpsappsearch/m/index.vue":[2462,69],"./U_cpsrush/m/index.vue":[2463,32],"./U_cpssearch/m/index.vue":[2464,40],"./U_cube/m/index.vue":[1014],"./U_deposit/m/index.vue":[2465,26],"./U_form/m/index.vue":[2466,45],"./U_goods/m/index.vue":[1008],"./U_goodscps/m/index.vue":[2467,39],"./U_goodscpslist/m/index.vue":[2468,71],"./U_goodsgroup/m/index.vue":[1010],"./U_goodsnearby/m/index.vue":[1012],"./U_goodsrush/m/index.vue":[1009],"./U_goodstores/m/index.vue":[2469,46],"./U_headline/m/index.vue":[2470,33],"./U_homedata/m/index.vue":[2450,23],"./U_lawyer/m/index.vue":[2471,62],"./U_line/m/index.vue":[2472,56],"./U_livestreaming/m/index.vue":[1015],"./U_location/m/index.vue":[2473,53],"./U_lottery/m/index.vue":[1018],"./U_maps/m/index.vue":[2474,47],"./U_memberYs/m/index.vue":[2475,30],"./U_memberasset/m/index.vue":[2476,70],"./U_memberdata/m/index.vue":[2477,52],"./U_membermarket/m/index.vue":[2478,1,75],"./U_membermerchant/m/index.vue":[2479,9],"./U_memberorder/m/index.vue":[2480,21],"./U_memberrights/m/index.vue":[2481,17],"./U_membertool/m/index.vue":[2482,11],"./U_membertop/m/index.vue":[2483,36],"./U_moretabcontrol/m/index.vue":[2484,54],"./U_newBlindBox/m/index.vue":[2485,35],"./U_notice/m/index.vue":[2486,74],"./U_richtext/m/index.vue":[2487,60],"./U_scanpicture/m/index.vue":[2488,48],"./U_search/m/index.vue":[2489,64],"./U_selfpick/m/index.vue":[2490,68],"./U_shopfor/m/index.vue":[2491,65],"./U_shortvideo/m/index.vue":[1016],"./U_signin/m/index.vue":[2492,78],"./U_simplegraph/m/index.vue":[1013],"./U_slideshow/m/index.vue":[2493,27],"./U_staff/m/index.vue":[2494,42],"./U_stargroup/m/index.vue":[1020],"./U_storebalance/m/index.vue":[2495,57],"./U_stores/m/index.vue":[1019],"./U_storesranking/m/index.vue":[2496,43],"./U_suspendbutton/m/index.vue":[2497,38],"./U_tabcontrol/m/index.vue":[2498,79],"./U_taskPackage/m/index.vue":[2499,19],"./U_title/m/index.vue":[2500,73],"./U_todayrecommend/m/index.vue":[2501,31],"./U_topmenu/m/index.vue":[2502,29],"./U_video/m/index.vue":[2503,63],"./U_wechatcode/m/index.vue":[2504,41],"./U_ywmgroup/m/index.vue":[1011]};function a(e){if(!t.o(o,e))return Promise.resolve().then((function(){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}));var n=o[e],a=n[0];return Promise.all(n.slice(1).map(t.e)).then((function(){return t(a)}))}a.keys=function(){return Object.keys(o)},a.id=1932,e.exports=a},1933:function(e,n,t){var o=t(1934);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);(0,t(19).default)("36342a4c",o,!1,{})},1934:function(e,n,t){(e.exports=t(16)(!1)).push([e.i,"\nul.dragArea[data-v-1e7bf4a4] {\n padding-left: 0px;\n list-style: none;\n}\nul.dragArea.is-panel[data-v-1e7bf4a4] {\n min-height: 100px;\n padding: 10px;\n background-color: rgba(64, 158, 255, 0.2);\n}\n",""])}}]);
|
