mixdashboards 1.0.71 → 1.0.73

package/dist/photo-D67wLRkY.cjs

@@ -0,0 +1 @@
+"use strict";var Y=Object.defineProperty,ee=Object.defineProperties;var te=Object.getOwnPropertyDescriptors;var F=Object.getOwnPropertySymbols;var oe=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable;var T=(e,t,o)=>t in e?Y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,b=(e,t)=>{for(var o in t||(t={}))oe.call(t,o)&&T(e,o,t[o]);if(F)for(var o of F(t))ae.call(t,o)&&T(e,o,t[o]);return e},L=(e,t)=>ee(e,te(t));var s=(e,t,o)=>new Promise((l,a)=>{var d=f=>{try{r(o.next(f))}catch(v){a(v)}},h=f=>{try{r(o.throw(f))}catch(v){a(v)}},r=f=>f.done?l(f.value):Promise.resolve(f.value).then(d,h);r((o=o.apply(e,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ie=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/button/style/css");const i=require("vue"),re=require("./vue-i18n-BvHMBi_b.cjs"),ne=require("./BaseComponent-Chnv4fBT.cjs"),y=require("./index-DVqMfQVc.cjs"),A=require("./materialFileUrl-DfPNm265.cjs"),I=require("element-plus"),q=require("./ele-bmp-icon-BBI0-SX7.cjs");process.env.NODE_ENV;process.env.NODE_ENV;process.env.NODE_ENV;process.env.NODE_ENV;const le=Symbol(process.env.NODE_ENV!=="production"?"route location":"");process.env.NODE_ENV;function se(e){return i.inject(le)}const U=e=>{const t=typeof e=="string"?Number(e):e;return t===0||t===200},ce=(e,t)=>{if(e&&String(e).trim()){const o=String(e).trim();if(o.startsWith("http://")||o.startsWith("https://"))try{return new URL(o).pathname||""}catch(l){return o}return o.startsWith("/")?o:`/${o}`}return t?`/yunfiles/material/file/${t}`:""},de={uploadFile(e){return s(this,null,function*(){var l;const t=new FormData;t.append("file",e);const o=yield y.api.upload(t,!0);if(U(o.code)&&((l=o.result)!=null&&l.url))return o.result.url;throw new Error(o.msg||"文件上传失败")})},uploadMaterialGetPath(e,t){return s(this,null,function*(){var d,h;const l={material_data:e.includes(",")?e.split(",")[1]:e,material_type:t||"png"},a=yield y.api.post("upload_material",l,!0);if(U(a.code)&&a.result){const r=a.result,f=ce(r.material_path||r.relative_path||"",r.file_id);if(f)return L(b({},r),{material_path:f,material_size:(h=(d=r.material_size)!=null?d:r.file_size)!=null?h:0,material_type:r.material_type||r.mime_type||t||"png",name:r.name||r.file_name||""})}throw new Error(a.info||a.msg||"上传原图获取路径失败")})},createMaterial(e){return s(this,null,function*(){var o;const t=yield y.api.post("create_dashboard_material",e,!0);if(U(t.code)&&((o=t.result)!=null&&o.uid))return t.result;throw new Error(t.info||t.msg||"创建素材失败")})},uploadAndCreateMaterial(o){return s(this,arguments,function*(e,t={}){var h;const l=((h=e.name.split(".").pop())==null?void 0:h.toLowerCase())||"png",a=yield this._fileToBase64(e),d=yield this.uploadMaterialGetPath(a,l);if(d.uid)return{uid:d.uid};throw new Error("upload_material 未返回 uid")})},_fileToBase64(e){return new Promise((t,o)=>{const l=new FileReader;l.onload=()=>t(l.result),l.onerror=()=>o(new Error("文件读取失败")),l.readAsDataURL(e)})},getMaterialList(){return s(this,arguments,function*(e={}){const t=b({page_index:e.page_index||1,page_size:e.page_size||20,order_by:e.order_by||"created",order_type:e.order_type||"desc"},e);return yield y.api.post("get_dashboard_material_list",t)})},getMyMaterialList(){return s(this,arguments,function*(e={}){const t=b({page_index:e.page_index||1,page_size:e.page_size||20,order_by:e.order_by||"created",order_type:e.order_type||"desc"},e);return yield y.api.post("get_my_dashboard_material_list",t)})},getMaterialItem(e){return s(this,null,function*(){return yield y.api.post("get_dashboard_material_item",{uid:e})})},updateMaterial(e){return s(this,null,function*(){return yield y.api.post("update_dashboard_material",e,!0)})},deleteMaterial(e){return s(this,null,function*(){return yield y.api.post("delete_dashboard_material",{uid:e},!0)})},deleteMaterialByPath(e){return s(this,null,function*(){var o;if(!e||!String(e).trim())return;const t=String(e).replace(/^\//,"");try{const l=yield this.getMyMaterialList({page_index:1,page_size:10,where_and:JSON.stringify([["material_path","=",t]])}),a=(o=l==null?void 0:l.result)==null?void 0:o.data;Array.isArray(a)&&a.length>0&&a[0].uid&&(yield this.deleteMaterial(a[0].uid))}catch(l){}})}},W={_buildWhereAnd(e){return JSON.stringify(e.filter(([,,t])=>t!=null))},_isEmptyId(e){return e==null||String(e).trim()===""},_isComponentLevel(e){return!this._isEmptyId(e.component_id)},_isLayerLevel(e){return this._isEmptyId(e.component_id)&&!this._isEmptyId(e.layer_id)},_isSheetLevel(e){return this._isEmptyId(e.component_id)&&this._isEmptyId(e.layer_id)&&!this._isEmptyId(e.sheet_id)},_isDashboardLevel(e){return this._isEmptyId(e.component_id)&&this._isEmptyId(e.layer_id)&&this._isEmptyId(e.sheet_id)},_listRelations(e){return s(this,null,function*(){var o;const t=yield this.getMaterialRelationList({page_index:1,page_size:999,where_and:e});return((o=t==null?void 0:t.result)==null?void 0:o.data)||[]})},_deleteByUid(e,t){return s(this,null,function*(){t&&(yield this.deleteMaterialRelation({dashboard_record_uid:e,uid:t}))})},_deleteByRelation(e){return s(this,null,function*(){e!=null&&e.dashboard_record_uid&&(yield this.deleteMaterialRelation({dashboard_record_uid:e.dashboard_record_uid,dashboard_id:e.dashboard_id,sheet_id:e.sheet_id,layer_id:e.layer_id,component_id:e.component_id,uid:e.uid}))})},_deleteRelationList(e,t){return s(this,null,function*(){for(const o of t)yield this._deleteByUid(e,o.uid)})},createMaterialRelation(e){return s(this,null,function*(){return yield y.api.post("create_dashboard_materials_relation",e,!0)})},deleteMaterialRelation(e){return s(this,null,function*(){return yield y.api.post("delete_dashboard_materials_relation",e,!0)})},getMaterialRelationList(){return s(this,arguments,function*(e={}){const t=b({page_index:e.page_index||1,page_size:e.page_size||20,order_by:e.order_by||"created",order_type:e.order_type||"desc"},e);return!e.order_by&&!e.order_type&&e.order?t.order=e.order:delete t.order,yield y.api.post("get_my_dashboard_materials_relation_list",t)})},getMaterialRelationsByDashboard(o){return s(this,arguments,function*(e,t={}){const l=JSON.stringify([["dashboard_record_uid","=",e]]);return yield this.getMaterialRelationList(L(b({},t),{where_and:l}))})},getMaterialRelationByComponent(l,a){return s(this,arguments,function*(e,t,o={}){const d=JSON.stringify([["dashboard_record_uid","=",e],["component_id","=",t]]);return yield this.getMaterialRelationList(L(b({},o),{where_and:d}))})},getRelationsByMaterial(e){return s(this,null,function*(){var l;if(!e)return[];const t=JSON.stringify([["material_uid","=",e]]),o=yield this.getMaterialRelationList({page_index:1,page_size:999,where_and:t});return((l=o==null?void 0:o.result)==null?void 0:l.data)||[]})},getMaterialUsageSummary(e){return s(this,null,function*(){const t=yield this.getRelationsByMaterial(e),o=new Set;return t.forEach(l=>{const a=String(l.dashboard_record_uid||"").trim();a&&o.add(a)}),{relationCount:t.length,dashboardCount:o.size,relations:t}})},deleteAllRelationsByMaterial(e){return s(this,null,function*(){const t=yield this.getRelationsByMaterial(e);for(const o of t)!(o!=null&&o.uid)||!(o!=null&&o.dashboard_record_uid)||(yield this.deleteMaterialRelation({dashboard_record_uid:o.dashboard_record_uid,uid:o.uid}));return t.length})},deleteAllRelationsByDashboard(e){return s(this,null,function*(){return yield this.deleteRelationsByDashboardHierarchy(e)})},deleteRelationByComponent(e,t){return s(this,null,function*(){return yield this.deleteMaterialRelation({dashboard_record_uid:e,component_id:t})})},deleteComponentRelations(e,t,o,l){return s(this,null,function*(){if(!e||!t||!o||!l)return;const a=this._buildWhereAnd([["dashboard_record_uid","=",e],["sheet_id","=",t],["layer_id","=",o],["component_id","=",l]]),d=yield this._listRelations(a);for(const h of d)yield this._deleteByRelation(h)})},deleteLayerLevelRelations(e,t,o){return s(this,null,function*(){if(!e||!t||!o)return;const l=this._buildWhereAnd([["dashboard_record_uid","=",e],["sheet_id","=",t],["layer_id","=",o]]),d=(yield this._listRelations(l)).filter(h=>this._isLayerLevel(h));for(const h of d)yield this._deleteByRelation(h)})},deleteSheetLevelRelations(e,t){return s(this,null,function*(){if(!e||!t)return;const o=this._buildWhereAnd([["dashboard_record_uid","=",e],["sheet_id","=",t]]),a=(yield this._listRelations(o)).filter(d=>this._isSheetLevel(d));for(const d of a)yield this._deleteByRelation(d)})},deleteDashboardLevelRelations(e){return s(this,null,function*(){if(!e)return;const t=this._buildWhereAnd([["dashboard_record_uid","=",e]]),l=(yield this._listRelations(t)).filter(a=>this._isDashboardLevel(a));for(const a of l)yield this._deleteByRelation(a)})},deleteRelationsByLayerHierarchy(e,t,o){return s(this,null,function*(){if(!e||!t||!o)return;const l=this._buildWhereAnd([["dashboard_record_uid","=",e],["sheet_id","=",t],["layer_id","=",o]]),a=yield this._listRelations(l),d=a.filter(r=>this._isComponentLevel(r)),h=a.filter(r=>this._isLayerLevel(r));for(const r of d)yield this._deleteByRelation(r);for(const r of h)yield this._deleteByRelation(r)})},deleteRelationsBySheetHierarchy(e,t){return s(this,null,function*(){if(!e||!t)return;const o=this._buildWhereAnd([["dashboard_record_uid","=",e],["sheet_id","=",t]]),l=yield this._listRelations(o),a=l.filter(r=>this._isComponentLevel(r)),d=l.filter(r=>this._isLayerLevel(r)),h=l.filter(r=>this._isSheetLevel(r));for(const r of a)yield this._deleteByRelation(r);for(const r of d)yield this._deleteByRelation(r);for(const r of h)yield this._deleteByRelation(r)})},deleteRelationsByDashboardHierarchy(e){return s(this,null,function*(){if(!e)return;const t=this._buildWhereAnd([["dashboard_record_uid","=",e]]),o=yield this._listRelations(t),l=o.filter(r=>this._isComponentLevel(r)),a=o.filter(r=>this._isLayerLevel(r)),d=o.filter(r=>this._isSheetLevel(r)),h=o.filter(r=>this._isDashboardLevel(r));for(const r of l)yield this._deleteByRelation(r);for(const r of a)yield this._deleteByRelation(r);for(const r of d)yield this._deleteByRelation(r);for(const r of h)yield this._deleteByRelation(r)})}},ue=i.ref(!1),he=i.ref("all");function _e(e="all"){return he.value=e,ue.value=!0,new Promise(t=>{})}const pe={class:"mix-body"},me={class:"upload-content"},ye={viewBox:"0 0 24 24",width:"48",height:"48",fill:"currentColor",style:{opacity:"0.5"}},fe={class:"upload-text"},ge={key:0,class:"upload-actions"},ve={key:1,class:"viewer-container"},we={key:0,class:"file-info"},be={class:"file-name"},Re=["title"],Me=["src","alt"],Ne={DEFAULT_ICON:q.DEFAULT_ICON,ACTIVE_ICON:q.ACTIVE_ICON,NAME_CN:"图片查看器",NAME_EN:"Photo Viewer",ORDER:2,PLATFORM:["pc","screen","mobile"]},Le={imageDisplayMode:{value:"center",type:"select",options:[{label:"component.photo.center",value:"center"},{label:"component.photo.tile",value:"tile"},{label:"component.photo.stretch",value:"stretch"}],label:"component.options.imageDisplayMode"},fileUrl:{value:"",type:"string",label:"component.options.fileUrl",placeholder:"请上传素材"},fileName:{value:"",type:"string",label:"component.options.fileName",placeholder:"请上传素材"},materialUid:{value:"",type:"string",label:"component.options.materialUid",placeholder:"素材UID"}},Ee=[],Se=[],Be=[],Ce=null,Ae={DEFAULT:Ne,OPTIONS:Le,DATA:Ee,PARAMS:Se,SOURCE:Be,COMMON:Ce},Ue=i.defineComponent(L(b({},Ae),{__name:"photo",props:{conf:{type:Object,default:()=>({})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(e){const{t}=re.useI18n(),o=y.useCounterStore(),l=se(),a=e;class d extends ne.BaseComponent{extractStyles(){return{imageDisplayMode:this.getOptionValue("imageDisplayMode","center"),radiusSize:this.getOptionValue("radiusSize",0)}}init(){this.Style.value=this.extractStyles(),this.applyTheme(),j()}}const h=new d(a,"photo");h.setupLifecycle();const r=h.getStyle(),f=i.ref(null),v=i.ref(""),p=i.ref(""),R=i.ref(""),k=i.ref(!1),D=i.ref(!1),$=n=>A.buildMaterialFileUrlByMaterialPath(n),j=()=>s(null,null,function*(){var c,u,_;const{conf:n}=a;(u=(c=n==null?void 0:n.options)==null?void 0:c.fileUrl)!=null&&u.value&&(v.value=$(n.options.fileUrl.value),yield V(),R.value=((_=n.options.fileName)==null?void 0:_.value)||"")}),P=n=>{n&&n.startsWith("blob:")&&URL.revokeObjectURL(n)},V=()=>s(null,null,function*(){if(v.value)try{const n=y.resolveHttpAuthTokenForFetch();if(!n){p.value="";return}const c=A.encodeMaterialFileRequestUrl(v.value),u=yield fetch(c,{mode:"cors",credentials:"include",headers:{Authorization:`Bearer ${n}`}});if(!u.ok)throw new Error(`load image failed: ${u.status}`);const _=yield u.blob(),g=URL.createObjectURL(_);P(p.value),p.value=g}catch(n){console.error("[Photo] 拉取图片失败:",n),P(p.value),p.value=""}}),H=i.computed(()=>({width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"})),J=i.computed(()=>{var c;const n=(c=r==null?void 0:r.value)==null?void 0:c.imageDisplayMode;return n==="tile"?{display:"none"}:n==="stretch"?{width:"100%",height:"100%",objectFit:"fill"}:{width:"100%",height:"100%",objectFit:"contain"}}),G=i.computed(()=>{var n;return((n=r==null?void 0:r.value)==null?void 0:n.imageDisplayMode)!=="tile"||!p.value?{}:{width:"100%",height:"100%",backgroundImage:`url(${p.value})`,backgroundRepeat:"repeat",backgroundPosition:"center center"}}),O=i.computed(()=>{const n=l.params.id;return n?String(n):""}),x=n=>{var u;const c=((u=o.pageData)==null?void 0:u.sheets)||[];for(const _ of c){const g=_.id,M=_.caption||_.name||_.id,E=_.layers||[];for(const w of E){const S=w.id,B=w.caption||w.name||w.id,C=w.components||[];for(const m of C)if((m==null?void 0:m.id)===n){const N=m.caption||m.name||m.id;return{sheetId:g,layerId:S,sheetName:M,layerName:B,componentName:N}}}}return{sheetId:"",layerId:"",sheetName:"",layerName:"",componentName:""}},Z=n=>s(null,null,function*(){var g;if(!O.value)return;const c=a.uid||((g=a.conf)==null?void 0:g.id);if(!c||!n)return;const{sheetId:u,layerId:_}=x(c);try{yield W.deleteComponentRelations(O.value,u,_,c),yield W.createMaterialRelation({dashboard_record_uid:O.value,material_uid:n,sheet_id:u||void 0,layer_id:_||void 0,component_id:c})}catch(M){console.warn("[Photo] 同步素材关联失败:",M)}}),z=()=>s(null,null,function*(){try{const n=yield _e("image");if(n){if(console.log("[Photo] 选中的素材:",n),console.log("[Photo] material_path:",n.material_path),console.log("[Photo] thumbnail:",n.thumbnail),console.log("[Photo] file_id:",n.file_id),!n.material_path){I.ElMessage.warning("该素材缺少 material_path，无法获取原图"),console.warn("[Photo] 素材缺少 material_path");return}const c=String(n.material_path).trim(),u=A.buildMaterialFileUrlByMaterialPath(c);console.log("[Photo] 原图URL:",u),v.value=u,yield V(),R.value=n.name,a.conf&&a.conf.options&&(a.conf.options.fileUrl||(a.conf.options.fileUrl={value:"",type:"string",label:""}),a.conf.options.fileName||(a.conf.options.fileName={value:"",type:"string",label:""}),a.conf.options.materialUid||(a.conf.options.materialUid={value:"",type:"string",label:""}),a.conf.options.fileUrl.value=c,a.conf.options.fileName.value=n.name,a.conf.options.materialUid.value=n.uid,console.log("[Photo] 配置已保存:",{fileUrl:a.conf.options.fileUrl.value,fileName:a.conf.options.fileName.value,materialUid:a.conf.options.materialUid.value})),console.log("[Photo] uploadedFileUrl.value:",p.value),I.ElMessage.success(t("component.photo.materialSelected")||"素材选择成功"),yield Z(n.uid)}else console.log("[Photo] 用户取消选择")}catch(n){console.error("[Photo] 素材选择失败:",n),I.ElMessage.error("素材选择失败")}}),K=()=>{P(p.value),p.value="",v.value="",R.value="",a.mode!=="preview"&&z()},Q=()=>{k.value=!1,f.value,console.log("图片加载成功")},X=n=>{var g,M,E,w,S,B,C;if(console.error("图片加载失败:",n),k.value||D.value)return;const c=a.uid||((g=a.conf)==null?void 0:g.id)||"",u=c?x(c):null;u&&(u.sheetName||u.layerName||u.componentName)?`${u.sheetName||"-"}${u.layerName||"-"}${u.componentName||"-"}`:R.value;const _=String(((w=(E=(M=a.conf)==null?void 0:M.options)==null?void 0:E.materialUid)==null?void 0:w.value)||((C=(B=(S=a.conf)==null?void 0:S.options)==null?void 0:B.imageUid)==null?void 0:C.value)||"").trim();_&&(D.value=!0,de.getMaterialItem(_).then(m=>{if(U(m==null?void 0:m.code)&&(m!=null&&m.result)){const N=m.result;N!=null&&N.material_path&&(v.value=A.buildMaterialFileUrlByMaterialPath(String(N.material_path).trim()),V());return}k.value=!0}).catch(()=>{}).finally(()=>{D.value=!1}))};return i.onMounted(()=>{}),i.onBeforeUnmount(()=>{p.value&&p.value.startsWith("blob:")&&URL.revokeObjectURL(p.value)}),(n,c)=>{var _,g;const u=ie.ElButton;return i.openBlock(),i.createElementBlock("div",{class:"mix-component",style:i.normalizeStyle({borderRadius:`${i.unref(r).radiusSize}px`})},[i.createElementVNode("div",pe,[p.value?(i.openBlock(),i.createElementBlock("div",ve,[a.mode!=="preview"?(i.openBlock(),i.createElementBlock("div",we,[i.createElementVNode("span",be,i.toDisplayString(R.value),1),i.createElementVNode("button",{class:"change-file-btn",onClick:K,title:i.unref(t)("component.photo.changeFile")||"更换文件"},[...c[1]||(c[1]=[i.createElementVNode("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"currentColor"},[i.createElementVNode("path",{d:"M12,6V9L16,5L12,1V4A8,8 0 0,0 4,12C4,13.57 4.46,15.03 5.24,16.26L6.7,14.8C6.25,13.97 6,13 6,12A6,6 0 0,1 12,6M18.76,7.74L17.3,9.2C17.74,10.04 18,11 18,12A6,6 0 0,1 12,18V15L8,19L12,23V20A8,8 0 0,0 20,12C20,10.43 19.54,8.97 18.76,7.74Z"})],-1)])],8,Re)])):i.createCommentVNode("",!0),i.createElementVNode("div",{class:"image-container",style:i.normalizeStyle(H.value)},[i.createElementVNode("img",{ref_key:"imageRef",ref:f,src:p.value,alt:R.value,style:i.normalizeStyle(J.value),onLoad:Q,onError:X},null,44,Me),((g=(_=i.unref(r))==null?void 0:_.value)==null?void 0:g.imageDisplayMode)==="tile"?(i.openBlock(),i.createElementBlock("div",{key:0,class:"tiled-background",style:i.normalizeStyle(G.value)},null,4)):i.createCommentVNode("",!0)],4)])):(i.openBlock(),i.createElementBlock("div",{key:0,class:i.normalizeClass(["upload-area",{"preview-mode":a.mode==="preview"}])},[i.createElementVNode("div",me,[(i.openBlock(),i.createElementBlock("svg",ye,[...c[0]||(c[0]=[i.createElementVNode("path",{d:"M8.5,13.5L11,16.5L14.5,12L19,18H5M21,19V5C21,3.89 20.1,3 19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19Z"},null,-1)])])),i.createElementVNode("p",fe,i.toDisplayString(a.mode==="preview"?"未上传素材":i.unref(t)("component.photo.selectFromLibrary")||"从素材库选择"),1),a.mode!=="preview"?(i.openBlock(),i.createElementBlock("div",ge,[i.createVNode(u,{type:"primary",size:"small",onClick:z},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(t)("component.photo.selectFromLibrary")||"从素材库选择"),1)]),_:1})])):i.createCommentVNode("",!0)])],2))]),i.renderSlot(n.$slots,"default",{},void 0,!0)],4)}}})),ke=y._export_sfc(Ue,[["__scopeId","data-v-57314f5b"]]);exports.default=ke;

package/dist/{pie-CSLVJv0Y.cjs → pie-BeRwVkTk.cjs}

@@ -1,2 +1,2 @@
-"use strict";var $=Object.defineProperty,I=Object.defineProperties;var N=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var C=(r,a,c)=>a in r?$(r,a,{enumerable:!0,configurable:!0,writable:!0,value:c}):r[a]=c,d=(r,a)=>{for(var c in a||(a={}))A.call(a,c)&&C(r,c,a[c]);if(w)for(var c of w(a))j.call(a,c)&&C(r,c,a[c]);return r},f=(r,a)=>I(r,N(a));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),b=require("./index-D8dh_6Qd.cjs"),k=require("./EChartComponentBase-D4wMej9X.cjs"),z=require("./titleStyle-NSnz6cUg.cjs"),S=require("./ele-pie-icon-BNhXPoUT.cjs"),y=require("./installCanvasRenderer-CyhM1Qpl.cjs"),B=require("./install-DV5cEgNV.cjs"),R=require("./install-CltTFs4e.cjs"),T=require("./install-nDY6w-GK.cjs"),D={class:"mix-body"},q=["id"],P={DEFAULT_ICON:S.DEFAULT_ICON,ACTIVE_ICON:S.ACTIVE_ICON,NAME_CN:"饼状图",NAME_EN:"Pie",ORDER:1},M={titleColor:"#111",textColor:"#111",bgColor:"#fff",radiusSize:8,textSize:12,type:{value:"pie",type:"radio",option:[{value:"pie",label:"component.options.pie_type_pie"},{value:"circle",label:"component.options.pie_type_circle"}],label:"component.options.pie_type"},radius:{value:50,type:"number",label:"component.options.pie_radius",dependent:"type",repel:"circle"},inside:{value:40,type:"number",label:"component.options.pie_inside",dependent:"type",repel:"pie"},outside:{value:75,type:"number",label:"component.options.pie_outside",dependent:"type",repel:"pie"},isHideTitle:!1,showLabel:!1,showLegend:!0,orient:{value:"horizontal",type:"radio",option:[{value:"horizontal",label:"component.options.orient_horizontal"},{value:"vertical",label:"component.options.orient_vertical"}],label:"component.options.orient",dependent:"showLegend"},showValue:!0,showRate:!1,wrap:!1,wrapByte:{value:5,type:"number",label:"component.options.pie_wrapByte",dependent:"wrap"}},H=[{name:"参数一",fv:"",object_id:"",color:"#4162ff"},{name:"参数二",fv:"",object_id:"",color:"#3bbc6a"},{name:"参数三",fv:"",object_id:"",color:"#e24359"}],U=["name","fv","object_id","color"],F=["mosaic","statistics","calculate"],G={useAlias:!1,multiObject:!1,source:"mosaic"},K={DEFAULT:P,OPTIONS:M,DATA:H,PARAMS:U,SOURCE:F,COMMON:G},X=l.defineComponent(f(d({},K),{__name:"pie",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(r){y.use([B.install,R.install,y.install,y.install$1,T.install]);const a=r,c=b.useLinkStore(),_={horizontal:{orient:"horizontal",bottom:"5%",left:"center"},vertical:{orient:"vertical",right:"5%",top:"5%"}};class V extends k.EChartComponentBase{initChart(){var e,o;super.initChart(),this.props.mode==="preview"&&((e=this.chartObj)==null||e.off("click"),(o=this.chartObj)==null||o.on("click",t=>{var i,s,p,u,h,O;const n=t==null?void 0:t.name;if(typeof n=="string"&&n){const L=((s=(i=this.props.conf)==null?void 0:i.options)==null?void 0:s.linkChannel)==="custom"?(u=(p=this.props.conf)==null?void 0:p.options)==null?void 0:u.customChannel:(O=(h=this.props.conf)==null?void 0:h.options)==null?void 0:O.linkChannel;c.publish(L||"pie","pie",{objectId:"",deviceId:"",type:"select",fieldKey:n,fv:d({key:n},t),source:"pie"})}}))}extractStyles(){return f(d({},super.extractStyles()),{type:this.getOptionValue("type","pie"),radius:this.getOptionValue("radius",50),inside:this.getOptionValue("inside",40),outside:this.getOptionValue("outside",75),showLabel:this.getOptionValue("showLabel",!1),showLegend:this.getOptionValue("showLegend",!0),orient:this.getOptionValue("orient","horizontal"),showValue:this.getOptionValue("showValue",!0),showRate:this.getOptionValue("showRate",!1),wrap:this.getOptionValue("wrap",!1),wrapByte:this.getOptionValue("wrapByte",5)})}getChartOption(){const e=this.Style.value,{data:o,name:t}=this.props.conf,n=o.map((i,s)=>i.color||b.COLORS[s]);return{title:{show:!1,text:t||"",x:"center"},color:n,tooltip:{trigger:"item",formatter:"{a} <br/>{b} : {c} ({d}%)"},legend:f(d({show:e.showLegend},_[e.orient]),{data:o.map(i=>i.name),textStyle:{color:e.textColor}}),series:this.formatSeries()}}formatSeries(){const e=this.Style.value,{data:o,name:t}=this.props.conf,n=o.map(s=>({value:0,name:s.name})),i=e.type==="pie"?`${e.radius}%`:[`${e.inside}%`,`${e.outside}%`];return[{name:t,type:"pie",radius:i,center:["50%","40%"],data:n,emphasis:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"},label:{color:e.textColor,lineHeight:16,fontSize:e.textSize,formatter:s=>this.formatLabel(s)}}]}formatLabel(e){const o=this.Style.value;let t=e.name;return o.showValue&&o.showRate?t=`${e.name}: ${e.value}(${e.percent}%)`:o.showValue?t=`${e.name}: ${e.value}`:o.showRate&&(t=`${e.name}${e.percent}%`),this.insertBreaks(t)}insertBreaks(e){const o=this.Style.value;if(!o.wrap)return e;const t=o.wrapByte||5;let n="",i=0,s=0;for(const p of e)p.charCodeAt(0)>=19968&&p.charCodeAt(0)<=40959?(s++,i+=2):i+=1,n+=p,(s>=t||i>=t*2)&&(n+=`
-`,s=0,i=0);return n}setHistoryData(e){if(!e||!(e!=null&&e.length))return;const o=this.chartObj.getOption();o.series[0].data.forEach((t,n)=>{var i;t.value=(i=e[n].data[0])!=null?i:0}),this.updateChart(o)}setSocketData(e){if(!e||!this.chartObj)return;const{data:o}=this.props.conf,t=this.chartObj.getOption();o.forEach((n,i)=>{var p,u,h;const s=this.extractDataValue(e,n.fv);(h=(u=(p=t.series)==null?void 0:p[0])==null?void 0:u.data)!=null&&h[i]&&(t.series[0].data[i].value=s!=null?s:0)}),this.updateChart(t)}}const m=new V(a,"pie");m.setupLifecycle();const v=m.getStyle(),E=m.getEchartId(),x=l.computed(()=>z.generateTitleStyle(a.conf.options));return(g,e)=>(l.openBlock(),l.createElementBlock("div",{class:"mix-component",style:l.normalizeStyle({background:l.unref(v).bgColor,borderRadius:`${l.unref(v).radiusSize}px`})},[l.createElementVNode("div",{class:"mix-title",style:l.normalizeStyle(x.value)},l.toDisplayString(r.conf.caption||r.conf.name),5),l.createElementVNode("div",D,[l.createElementVNode("div",{class:"w-full h-full",id:l.unref(E)},null,8,q)]),l.renderSlot(g.$slots,"default",{},void 0,!0)],4))}})),J=b._export_sfc(X,[["__scopeId","data-v-c1c90a37"]]);exports.default=J;
+"use strict";var $=Object.defineProperty,A=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var N=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var C=(r,a,c)=>a in r?$(r,a,{enumerable:!0,configurable:!0,writable:!0,value:c}):r[a]=c,d=(r,a)=>{for(var c in a||(a={}))N.call(a,c)&&C(r,c,a[c]);if(w)for(var c of w(a))j.call(a,c)&&C(r,c,a[c]);return r},f=(r,a)=>A(r,I(a));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),b=require("./index-DVqMfQVc.cjs");require("element-plus");const k=require("./EChartComponentBase-dLE5F7Tt.cjs"),z=require("./titleStyle-NSnz6cUg.cjs"),S=require("./ele-pie-icon-BNhXPoUT.cjs"),y=require("./installCanvasRenderer-CyhM1Qpl.cjs"),R=require("./install-DV5cEgNV.cjs"),B=require("./install-CltTFs4e.cjs"),T=require("./install-nDY6w-GK.cjs"),q={class:"mix-body"},D=["id"],P={DEFAULT_ICON:S.DEFAULT_ICON,ACTIVE_ICON:S.ACTIVE_ICON,NAME_CN:"饼状图",NAME_EN:"Pie",ORDER:1,PLATFORM:["pc","screen","mobile"]},M={titleColor:"#111",textColor:"#111",bgColor:"#fff",radiusSize:8,textSize:12,type:{value:"pie",type:"radio",option:[{value:"pie",label:"component.options.pie_type_pie"},{value:"circle",label:"component.options.pie_type_circle"}],label:"component.options.pie_type"},radius:{value:50,type:"number",label:"component.options.pie_radius",dependent:"type",repel:"circle"},inside:{value:40,type:"number",label:"component.options.pie_inside",dependent:"type",repel:"pie"},outside:{value:75,type:"number",label:"component.options.pie_outside",dependent:"type",repel:"pie"},isHideTitle:!1,showLabel:!1,showLegend:!0,orient:{value:"horizontal",type:"radio",option:[{value:"horizontal",label:"component.options.orient_horizontal"},{value:"vertical",label:"component.options.orient_vertical"}],label:"component.options.orient",dependent:"showLegend"},showValue:!0,showRate:!1,wrap:!1,wrapByte:{value:5,type:"number",label:"component.options.pie_wrapByte",dependent:"wrap"}},H=[{name:"参数一",fv:"",object_id:"",color:"#4162ff"},{name:"参数二",fv:"",object_id:"",color:"#3bbc6a"},{name:"参数三",fv:"",object_id:"",color:"#e24359"}],F=["name","fv","object_id","color"],U=["mosaic","statistics","calculate"],G={useAlias:!1,multiObject:!1,source:"mosaic"},K={DEFAULT:P,OPTIONS:M,DATA:H,PARAMS:F,SOURCE:U,COMMON:G},X=l.defineComponent(f(d({},K),{__name:"pie",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(r){y.use([R.install,B.install,y.install,y.install$1,T.install]);const a=r,c=b.useLinkStore(),_={horizontal:{orient:"horizontal",bottom:"5%",left:"center"},vertical:{orient:"vertical",right:"5%",top:"5%"}};class V extends k.EChartComponentBase{initChart(){var e,o;super.initChart(),this.props.mode==="preview"&&((e=this.chartObj)==null||e.off("click"),(o=this.chartObj)==null||o.on("click",t=>{var i,s,p,u,h,O;const n=t==null?void 0:t.name;if(typeof n=="string"&&n){const x=((s=(i=this.props.conf)==null?void 0:i.options)==null?void 0:s.linkChannel)==="custom"?(u=(p=this.props.conf)==null?void 0:p.options)==null?void 0:u.customChannel:(O=(h=this.props.conf)==null?void 0:h.options)==null?void 0:O.linkChannel;c.publish(x||"pie","pie",{objectId:"",deviceId:"",type:"select",fieldKey:n,fv:d({key:n},t),source:"pie"})}}))}extractStyles(){return f(d({},super.extractStyles()),{type:this.getOptionValue("type","pie"),radius:this.getOptionValue("radius",50),inside:this.getOptionValue("inside",40),outside:this.getOptionValue("outside",75),showLabel:this.getOptionValue("showLabel",!1),showLegend:this.getOptionValue("showLegend",!0),orient:this.getOptionValue("orient","horizontal"),showValue:this.getOptionValue("showValue",!0),showRate:this.getOptionValue("showRate",!1),wrap:this.getOptionValue("wrap",!1),wrapByte:this.getOptionValue("wrapByte",5)})}getChartOption(){const e=this.Style.value,{data:o,name:t}=this.props.conf,n=o.map((i,s)=>i.color||b.COLORS[s]);return{title:{show:!1,text:t||"",x:"center"},color:n,tooltip:{trigger:"item",formatter:"{a} <br/>{b} : {c} ({d}%)"},legend:f(d({show:e.showLegend},_[e.orient]),{data:o.map(i=>i.name),textStyle:{color:e.textColor}}),series:this.formatSeries()}}formatSeries(){const e=this.Style.value,{data:o,name:t}=this.props.conf,n=o.map(s=>({value:0,name:s.name})),i=e.type==="pie"?`${e.radius}%`:[`${e.inside}%`,`${e.outside}%`];return[{name:t,type:"pie",radius:i,center:["50%","40%"],data:n,emphasis:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"},label:{color:e.textColor,lineHeight:16,fontSize:e.textSize,formatter:s=>this.formatLabel(s)}}]}formatLabel(e){const o=this.Style.value;let t=e.name;return o.showValue&&o.showRate?t=`${e.name}: ${e.value}(${e.percent}%)`:o.showValue?t=`${e.name}: ${e.value}`:o.showRate&&(t=`${e.name}${e.percent}%`),this.insertBreaks(t)}insertBreaks(e){const o=this.Style.value;if(!o.wrap)return e;const t=o.wrapByte||5;let n="",i=0,s=0;for(const p of e)p.charCodeAt(0)>=19968&&p.charCodeAt(0)<=40959?(s++,i+=2):i+=1,n+=p,(s>=t||i>=t*2)&&(n+=`
+`,s=0,i=0);return n}setHistoryData(e){if(!e||!(e!=null&&e.length))return;const o=this.chartObj.getOption();o.series[0].data.forEach((t,n)=>{var i;t.value=(i=e[n].data[0])!=null?i:0}),this.updateChart(o)}setSocketData(e){if(!e||!this.chartObj)return;const{data:o}=this.props.conf,t=this.chartObj.getOption();o.forEach((n,i)=>{var p,u,h;const s=this.extractDataValue(e,n.fv);(h=(u=(p=t.series)==null?void 0:p[0])==null?void 0:u.data)!=null&&h[i]&&(t.series[0].data[i].value=s!=null?s:0)}),this.updateChart(t)}}const m=new V(a,"pie");m.setupLifecycle();const v=m.getStyle(),E=m.getEchartId(),L=l.computed(()=>z.generateTitleStyle(a.conf.options));return(g,e)=>(l.openBlock(),l.createElementBlock("div",{class:"mix-component",style:l.normalizeStyle({background:l.unref(v).bgColor,borderRadius:`${l.unref(v).radiusSize}px`})},[l.createElementVNode("div",{class:"mix-title",style:l.normalizeStyle(L.value)},l.toDisplayString(r.conf.caption||r.conf.name),5),l.createElementVNode("div",q,[l.createElementVNode("div",{class:"w-full h-full",id:l.unref(E)},null,8,D)]),l.renderSlot(g.$slots,"default",{},void 0,!0)],4))}})),J=b._export_sfc(X,[["__scopeId","data-v-2c38f04d"]]);exports.default=J;

package/dist/{pie-C9MU90ON.js → pie-bNKhq6ak.js}

@@ -10,21 +10,23 @@ var O = (l, a, r) => a in l ? L(l, a, { enumerable: !0, configurable: !0, writab
       j.call(a, r) && O(l, r, a[r]);
   return l;
 }, d = (l, a) => $(l, k(a));
-import { defineComponent as z, computed as B, openBlock as I, createElementBlock as N, normalizeStyle as _, unref as m, createElementVNode as y, toDisplayString as R, renderSlot as D } from "vue";
-import { k as T, C as H, _ as M } from "./index-Bdq33405.js";
-import { E as P } from "./EChartComponentBase-CAabYXSj.js";
-import { g as U } from "./titleStyle-BT5GlpAb.js";
-import { A as F, D as G } from "./ele-pie-icon-RPfHJxqp.js";
+import { defineComponent as z, computed as R, openBlock as B, createElementBlock as I, normalizeStyle as _, unref as m, createElementVNode as y, toDisplayString as N, renderSlot as D } from "vue";
+import { k as T, C as M, _ as P } from "./index-DwPJu6XM.js";
+import "element-plus";
+import { E as H } from "./EChartComponentBase-cFfawl6h.js";
+import { g as F } from "./titleStyle-BT5GlpAb.js";
+import { A as U, D as G } from "./ele-pie-icon-RPfHJxqp.js";
 import { u as K, i as X, a as q } from "./installCanvasRenderer-CLT2hquJ.js";
 import { i as J } from "./install-CBde4hAM.js";
 import { i as Q } from "./install-hfre7yvV.js";
 import { i as W } from "./install-BzdOSCzO.js";
 const Y = { class: "mix-body" }, Z = ["id"], ee = {
   DEFAULT_ICON: G,
-  ACTIVE_ICON: F,
+  ACTIVE_ICON: U,
   NAME_CN: "饼状图",
   NAME_EN: "Pie",
-  ORDER: 1
+  ORDER: 1,
+  PLATFORM: ["pc", "screen", "mobile"]
 }, te = {
   titleColor: "#111",
   textColor: "#111",
@@ -111,7 +113,7 @@ const Y = { class: "mix-body" }, Z = ["id"], ee = {
       horizontal: { orient: "horizontal", bottom: "5%", left: "center" },
       vertical: { orient: "vertical", right: "5%", top: "5%" }
     };
-    class C extends P {
+    class C extends H {
       initChart() {
         var e, o;
         super.initChart(), this.props.mode === "preview" && ((e = this.chartObj) == null || e.off("click"), (o = this.chartObj) == null || o.on("click", (t) => {
@@ -147,7 +149,7 @@ const Y = { class: "mix-body" }, Z = ["id"], ee = {
       }
       getChartOption() {
         const e = this.Style.value, { data: o, name: t } = this.props.conf, n = o.map(
-          (i, s) => i.color || H[s]
+          (i, s) => i.color || M[s]
         );
         return {
           title: { show: !1, text: t || "", x: "center" },
@@ -220,8 +222,8 @@ const Y = { class: "mix-body" }, Z = ["id"], ee = {
     }
     const f = new C(a, "pie");
     f.setupLifecycle();
-    const b = f.getStyle(), V = f.getEchartId(), x = B(() => U(a.conf.options));
-    return (g, e) => (I(), N("div", {
+    const b = f.getStyle(), V = f.getEchartId(), x = R(() => F(a.conf.options));
+    return (g, e) => (B(), I("div", {
       class: "mix-component",
       style: _({
         background: m(b).bgColor,
@@ -231,7 +233,7 @@ const Y = { class: "mix-body" }, Z = ["id"], ee = {
       y("div", {
         class: "mix-title",
         style: _(x.value)
-      }, R(l.conf.caption || l.conf.name), 5),
+      }, N(l.conf.caption || l.conf.name), 5),
       y("div", Y, [
         y("div", {
           class: "w-full h-full",
@@ -241,7 +243,7 @@ const Y = { class: "mix-body" }, Z = ["id"], ee = {
       D(g.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-})), ge = /* @__PURE__ */ M(le, [["__scopeId", "data-v-c1c90a37"]]);
+})), ve = /* @__PURE__ */ P(le, [["__scopeId", "data-v-2c38f04d"]]);
 export {
-  ge as default
+  ve as default
 };

package/dist/{placeholder-CRARTMF4.js → placeholder-_iK4rVyU.js}

@@ -12,7 +12,7 @@ var $ = (o, e, r) => e in o ? q(o, e, { enumerable: !0, configurable: !0, writab
 }, D = (o, e) => G(o, H(e));
 import { defineComponent as Q, computed as w, ref as X, useTemplateRef as Y, onMounted as Z, nextTick as U, onBeforeUnmount as ee, watch as te, openBlock as h, createElementBlock as m, normalizeStyle as R, createElementVNode as p, toDisplayString as i, createCommentVNode as b, createTextVNode as oe, renderSlot as le } from "vue";
 import { A as ae, D as re } from "./ele-box-icon-Brlhb3oN.js";
-import { _ as de } from "./index-Bdq33405.js";
+import { _ as de } from "./index-DwPJu6XM.js";
 const ne = ["data-placeholder-id", "data-placeholder-name", "data-x", "data-y", "data-w", "data-h"], ce = {
   key: 0,
   class: "mix-placeholder__label"
@@ -25,22 +25,23 @@ const ne = ["data-placeholder-id", "data-placeholder-name", "data-x", "data-y",
 }, me = { class: "mix-placeholder__pixel-pos" }, pe = {
   key: 1,
   class: "mix-placeholder__desc"
-}, ve = {
+}, fe = {
   key: 0,
   class: "mix-placeholder__name-runtime"
-}, fe = {
+}, ve = {
   DEFAULT_ICON: re,
   ACTIVE_ICON: ae,
-  NAME_CN: "占位符",
+  NAME_CN: "占位组件",
   NAME_EN: "Placeholder",
   // 排在通用组件最末尾，避免和高频组件抢位
-  ORDER: 99
+  ORDER: 99,
+  PLATFORM: ["pc", "screen", "mobile"]
 }, be = {
-  // 占位符的业务名称，宿主前端通过它来匹配区域
+  // 占位组件的业务名称，宿主前端通过它来匹配区域
   placeholderName: {
     value: "",
     type: "string",
-    label: "占位符名称"
+    label: "占位组件名称"
   },
   // 描述文字（仅在编辑模式下展示，便于辨识）
   description: {
@@ -99,7 +100,7 @@ const ne = ["data-placeholder-id", "data-placeholder-name", "data-x", "data-y",
     type: "checkbox",
     label: "运行时显示边框"
   }
-}, ye = [], xe = {}, _e = { DEFAULT: fe, OPTIONS: be, SOURCE: ye, COMMON: xe }, we = /* @__PURE__ */ Q(D(B({}, _e), {
+}, ye = [], xe = {}, _e = { DEFAULT: ve, OPTIONS: be, SOURCE: ye, COMMON: xe }, we = /* @__PURE__ */ Q(D(B({}, _e), {
   __name: "placeholder",
   props: {
     conf: {
@@ -156,7 +157,7 @@ const ne = ["data-placeholder-id", "data-placeholder-name", "data-x", "data-y",
       borderWidth: `${Math.max(1, d.value.borderWidth)}px`,
       borderRadius: `${d.value.radiusSize}px`,
       backgroundColor: "transparent"
-    })), v = X(null), E = Y("rootRef"), I = () => {
+    })), f = X(null), E = Y("rootRef"), I = () => {
       const t = E.value;
       if (!t) return { gridItem: null, canvas: null };
       const l = t.closest(".vgl-item") || t.closest(".vue-grid-item"), a = t.closest(".canvas");
@@ -165,7 +166,7 @@ const ne = ["data-placeholder-id", "data-placeholder-name", "data-x", "data-y",
       const { gridItem: t, canvas: l } = I();
       if (!t || !l) return;
       const a = t.getBoundingClientRect(), n = l.getBoundingClientRect(), c = l.offsetWidth || 1, u = n.width / c || 1, s = u === 0 ? 1 : u;
-      v.value = {
+      f.value = {
         left: Math.round((a.left - n.left) / s),
         top: Math.round((a.top - n.top) / s),
         width: Math.round(a.width / s),
@@ -186,7 +187,7 @@ const ne = ["data-placeholder-id", "data-placeholder-name", "data-x", "data-y",
                   w: (y = (s = e.conf) == null ? void 0 : s.w) != null ? y : 0,
                   h: (_ = (x = e.conf) == null ? void 0 : x.h) != null ? _ : 0
                 },
-                pixel: v.value,
+                pixel: f.value,
                 mode: e.mode
               }
             })
@@ -194,17 +195,17 @@ const ne = ["data-placeholder-id", "data-placeholder-name", "data-x", "data-y",
         } catch (N) {
         }
     };
-    let f = null;
+    let v = null;
     return Z(() => {
       U(() => {
         S(), C("registered");
         const { gridItem: t } = I();
-        t && typeof ResizeObserver != "undefined" && (f = new ResizeObserver(() => {
+        t && typeof ResizeObserver != "undefined" && (v = new ResizeObserver(() => {
           S(), C("updated");
-        }), f.observe(t));
+        }), v.observe(t));
       });
     }), ee(() => {
-      f == null || f.disconnect(), f = null, C("unregistered");
+      v == null || v.disconnect(), v = null, C("unregistered");
     }), te(
       () => {
         var t, l, a, n, c;
@@ -217,7 +218,7 @@ const ne = ["data-placeholder-id", "data-placeholder-name", "data-x", "data-y",
       },
       { deep: !0 }
     ), (t, l) => {
-      var a, n, c, u, s, y, x, _, N, O, M, W, z, F, L, P, T;
+      var a, n, c, u, s, y, x, _, N, O, M, F, L, P, T, W, z;
       return h(), m("div", {
         ref_key: "rootRef",
         ref: E,
@@ -237,18 +238,18 @@ const ne = ["data-placeholder-id", "data-placeholder-name", "data-x", "data-y",
         }, [
           d.value.showLabel ? (h(), m("div", ce, [
             p("div", ie, [
-              l[0] || (l[0] = p("span", { class: "mix-placeholder__tag" }, "占位符", -1)),
+              l[0] || (l[0] = p("span", { class: "mix-placeholder__tag" }, "占位组件", -1)),
               g.value ? (h(), m("span", se, i(g.value), 1)) : b("", !0)
             ]),
             p("div", ue, [
               p("span", null, "x:" + i((M = (O = o.conf) == null ? void 0 : O.x) != null ? M : 0), 1),
-              p("span", null, "y:" + i((z = (W = o.conf) == null ? void 0 : W.y) != null ? z : 0), 1),
-              p("span", null, "w:" + i((L = (F = o.conf) == null ? void 0 : F.w) != null ? L : 0), 1),
-              p("span", null, "h:" + i((T = (P = o.conf) == null ? void 0 : P.h) != null ? T : 0), 1)
+              p("span", null, "y:" + i((L = (F = o.conf) == null ? void 0 : F.y) != null ? L : 0), 1),
+              p("span", null, "w:" + i((T = (P = o.conf) == null ? void 0 : P.w) != null ? T : 0), 1),
+              p("span", null, "h:" + i((z = (W = o.conf) == null ? void 0 : W.h) != null ? z : 0), 1)
             ]),
-            v.value ? (h(), m("div", he, [
-              oe(i(v.value.width) + "px × " + i(v.value.height) + "px ", 1),
-              p("span", me, "@(" + i(v.value.left) + ", " + i(v.value.top) + ")", 1)
+            f.value ? (h(), m("div", he, [
+              oe(i(f.value.width) + "px × " + i(f.value.height) + "px ", 1),
+              p("span", me, "@(" + i(f.value.left) + ", " + i(f.value.top) + ")", 1)
             ])) : b("", !0),
             d.value.description ? (h(), m("div", pe, i(d.value.description), 1)) : b("", !0)
           ])) : b("", !0)
@@ -257,13 +258,13 @@ const ne = ["data-placeholder-id", "data-placeholder-name", "data-x", "data-y",
           class: "mix-placeholder__frame mix-placeholder__frame--runtime",
           style: R(j.value)
         }, [
-          d.value.showLabel && g.value ? (h(), m("span", ve, i(g.value), 1)) : b("", !0)
+          d.value.showLabel && g.value ? (h(), m("span", fe, i(g.value), 1)) : b("", !0)
         ], 4)) : b("", !0),
         le(t.$slots, "default", {}, void 0, !0)
       ], 12, ne);
     };
   }
-})), Re = /* @__PURE__ */ de(we, [["__scopeId", "data-v-3a1bcd36"]]);
+})), Re = /* @__PURE__ */ de(we, [["__scopeId", "data-v-d6ad7f4c"]]);
 export {
   Re as default
 };

package/dist/placeholder-zByzfWaH.cjs

@@ -0,0 +1 @@
+"use strict";var P=Object.defineProperty,A=Object.defineProperties;var W=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var O=(l,t,r)=>t in l?P(l,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):l[t]=r,M=(l,t)=>{for(var r in t||(t={}))$.call(t,r)&&O(l,r,t[r]);if(D)for(var r of D(t))U.call(t,r)&&O(l,r,t[r]);return l},T=(l,t)=>A(l,W(t));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),z=require("./ele-box-icon-NZ0BTjhm.cjs"),j=require("./index-DVqMfQVc.cjs"),q=["data-placeholder-id","data-placeholder-name","data-x","data-y","data-w","data-h"],G={key:0,class:"mix-placeholder__label"},H={class:"mix-placeholder__title"},J={key:0,class:"mix-placeholder__name"},K={class:"mix-placeholder__meta"},Q={key:0,class:"mix-placeholder__pixel"},X={class:"mix-placeholder__pixel-pos"},Y={key:1,class:"mix-placeholder__desc"},Z={key:0,class:"mix-placeholder__name-runtime"},ee={DEFAULT_ICON:z.DEFAULT_ICON,ACTIVE_ICON:z.ACTIVE_ICON,NAME_CN:"占位组件",NAME_EN:"Placeholder",ORDER:99,PLATFORM:["pc","screen","mobile"]},te={placeholderName:{value:"",type:"string",label:"占位组件名称"},description:{value:"",type:"string",label:"描述"},bgColor:{value:"rgba(64, 158, 255, 0.08)",type:"color",label:"填充色"},borderColor:{value:"#409EFF",type:"color",label:"边框颜色"},borderWidth:{value:2,type:"number",label:"边框宽度",min:0,max:10},borderStyle:{value:"dashed",type:"radio",label:"边框样式",option:[{label:"实线",value:"solid"},{label:"虚线",value:"dashed"},{label:"点线",value:"dotted"}]},radiusSize:{value:4,type:"number",label:"圆角",min:0,max:50},showLabel:{value:!0,type:"checkbox",label:"显示标签"},showInPreview:{value:!1,type:"checkbox",label:"运行时显示边框"}},oe=[],le={},ae={DEFAULT:ee,OPTIONS:te,SOURCE:oe,COMMON:le},ne=e.defineComponent(T(M({},ae),{__name:"placeholder",props:{conf:{type:Object,default:()=>({})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(l){const t=l,r=(o,a)=>{var c,i;const n=(i=(c=t.conf)==null?void 0:c.options)==null?void 0:i[o];return n==null?a:typeof n=="object"&&"value"in n?n.value:n},d=e.computed(()=>({placeholderName:r("placeholderName",""),description:r("description",""),bgColor:r("bgColor","rgba(64, 158, 255, 0.08)"),borderColor:r("borderColor","#409EFF"),borderWidth:Number(r("borderWidth",2))||0,borderStyle:r("borderStyle","dashed"),radiusSize:Number(r("radiusSize",4))||0,showLabel:r("showLabel",!0)!==!1,showInPreview:r("showInPreview",!1)===!0})),_=e.computed(()=>{var o,a;return d.value.placeholderName||((o=t.conf)==null?void 0:o.name)||((a=t.conf)==null?void 0:a.id)||""}),b=e.computed(()=>{var o,a;return d.value.placeholderName||((o=t.conf)==null?void 0:o.caption)||((a=t.conf)==null?void 0:a.name)||""}),F=e.computed(()=>({backgroundColor:d.value.bgColor,borderColor:d.value.borderColor,borderStyle:d.value.borderStyle,borderWidth:`${d.value.borderWidth}px`,borderRadius:`${d.value.radiusSize}px`})),L=e.computed(()=>({borderColor:d.value.borderColor,borderStyle:d.value.borderStyle,borderWidth:`${Math.max(1,d.value.borderWidth)}px`,borderRadius:`${d.value.radiusSize}px`,backgroundColor:"transparent"})),m=e.ref(null),S=e.useTemplateRef("rootRef"),N=()=>{const o=S.value;if(!o)return{gridItem:null,canvas:null};const a=o.closest(".vgl-item")||o.closest(".vue-grid-item"),n=o.closest(".canvas");return{gridItem:a,canvas:n}},x=()=>{const{gridItem:o,canvas:a}=N();if(!o||!a)return;const n=o.getBoundingClientRect(),c=a.getBoundingClientRect(),i=a.offsetWidth||1,u=c.width/i||1,s=u===0?1:u;m.value={left:Math.round((n.left-c.left)/s),top:Math.round((n.top-c.top)/s),width:Math.round(n.width/s),height:Math.round(n.height/s)}},y=o=>{var a,n,c,i,u,s,h,v,f;if(typeof window!="undefined")try{window.dispatchEvent(new CustomEvent(`mix-placeholder:${o}`,{detail:{id:((a=t.conf)==null?void 0:a.id)||"",name:_.value,grid:{x:(c=(n=t.conf)==null?void 0:n.x)!=null?c:0,y:(u=(i=t.conf)==null?void 0:i.y)!=null?u:0,w:(h=(s=t.conf)==null?void 0:s.w)!=null?h:0,h:(f=(v=t.conf)==null?void 0:v.h)!=null?f:0},pixel:m.value,mode:t.mode}}))}catch(g){}};let p=null;return e.onMounted(()=>{e.nextTick(()=>{x(),y("registered");const{gridItem:o}=N();o&&typeof ResizeObserver!="undefined"&&(p=new ResizeObserver(()=>{x(),y("updated")}),p.observe(o))})}),e.onBeforeUnmount(()=>{p==null||p.disconnect(),p=null,y("unregistered")}),e.watch(()=>{var o,a,n,c,i;return[(o=t.conf)==null?void 0:o.x,(a=t.conf)==null?void 0:a.y,(n=t.conf)==null?void 0:n.w,(c=t.conf)==null?void 0:c.h,(i=t.conf)==null?void 0:i.options,t.mode]},()=>{e.nextTick(()=>{x(),y("updated")})},{deep:!0}),(o,a)=>{var n,c,i,u,s,h,v,f,g,w,C,E,k,B,R,I,V;return e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:S,class:"mix-placeholder",style:e.normalizeStyle({pointerEvents:l.mode==="edit"?"auto":void 0}),"data-placeholder-id":((n=l.conf)==null?void 0:n.id)||"","data-placeholder-name":_.value,"data-x":(i=(c=l.conf)==null?void 0:c.x)!=null?i:0,"data-y":(s=(u=l.conf)==null?void 0:u.y)!=null?s:0,"data-w":(v=(h=l.conf)==null?void 0:h.w)!=null?v:0,"data-h":(g=(f=l.conf)==null?void 0:f.h)!=null?g:0},[l.mode==="edit"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"mix-placeholder__frame mix-placeholder__frame--edit",style:e.normalizeStyle(F.value)},[d.value.showLabel?(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("div",H,[a[0]||(a[0]=e.createElementVNode("span",{class:"mix-placeholder__tag"},"占位组件",-1)),b.value?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(b.value),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",K,[e.createElementVNode("span",null,"x:"+e.toDisplayString((C=(w=l.conf)==null?void 0:w.x)!=null?C:0),1),e.createElementVNode("span",null,"y:"+e.toDisplayString((k=(E=l.conf)==null?void 0:E.y)!=null?k:0),1),e.createElementVNode("span",null,"w:"+e.toDisplayString((R=(B=l.conf)==null?void 0:B.w)!=null?R:0),1),e.createElementVNode("span",null,"h:"+e.toDisplayString((V=(I=l.conf)==null?void 0:I.h)!=null?V:0),1)]),m.value?(e.openBlock(),e.createElementBlock("div",Q,[e.createTextVNode(e.toDisplayString(m.value.width)+"px × "+e.toDisplayString(m.value.height)+"px ",1),e.createElementVNode("span",X,"@("+e.toDisplayString(m.value.left)+", "+e.toDisplayString(m.value.top)+")",1)])):e.createCommentVNode("",!0),d.value.description?(e.openBlock(),e.createElementBlock("div",Y,e.toDisplayString(d.value.description),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],4)):d.value.showInPreview?(e.openBlock(),e.createElementBlock("div",{key:1,class:"mix-placeholder__frame mix-placeholder__frame--runtime",style:e.normalizeStyle(L.value)},[d.value.showLabel&&b.value?(e.openBlock(),e.createElementBlock("span",Z,e.toDisplayString(b.value),1)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{},void 0,!0)],12,q)}}})),re=j._export_sfc(ne,[["__scopeId","data-v-d6ad7f4c"]]);exports.default=re;