@ibiz-template/vue3-components 0.7.41-alpha.98 → 0.7.41-alpha.99

package/dist/map-chart-nwkjjlMK.js

@@ -1 +0,0 @@
-System.register(["vue","ramda","@ibiz-template/vue3-util","@ibiz-template/runtime","echarts"],function(e){"use strict";var t,a,o,r,i,n,s,l,c,p,u,d;return{setters:[function(e){t=e.ref,a=e.onMounted,o=e.onUnmounted,r=e.defineComponent,i=e.createVNode,n=e.computed},function(e){s=e.mergeDeepWithKey,l=e.isNil},function(e){c=e.useNamespace},function(e){p=e.MapController},function(e){u=e.init,d=e.registerMap}],execute:function(){const m={strAreaCode:!1,visualMap:{text:[ibiz.i18n.t("component.mapChart.high"),ibiz.i18n.t("component.mapChart.low")],min:0,max:100,rangeColor:["#90d1e7","#fff600","#ff5200"]},areaColor:"#87cefa",areaBorderColor:"#FFF",hoverAreaColor:"#fbdb2f",pointSymbol:"pin",jsonBaseUrl:"".concat(ibiz.env.assetsUrl,"/json/map"),defaultAreaCode:1e5};function f(e,r,i,n){const s=new Map,l=t(""),c=t([]);let p;const m=t();let f;const v=async e=>{if(s.has(e))return;const t=await async function(e,t){return(await ibiz.net.axios({url:"".concat(e,"/").concat(t,".json")})).data}(r.value.jsonBaseUrl,e);s.set(e,(e=>{const t={cityNames:{},noChild:1===e.features.length};return e.features.forEach(e=>{const{adcode:a,name:o}=e.properties;t.cityNames[a]=o}),t})(t)),d(e,t)},h=()=>{if(l.value){const e=i(l.value);p.setOption(e),p.resize()}},y=async(t,a=!1)=>{if(!a){const a=r.value.strAreaCode?"".concat(t):Number(t);await e.onMapChange(a)}const o="".concat(t);s.has(o)||await v(o),l.value=o,c.value.push(o),h()},b=()=>{null==p||p.resize()};return a(()=>{p=u(m.value),window.addEventListener("resize",b),m.value&&ResizeObserver&&(f=new ResizeObserver(()=>{b()}),f.observe(m.value)),p.on("click",e=>{if("series"===e.componentType){if("scatter"===e.seriesType)return void n("pointClick",e.data);"map"===e.seriesType&&(e.data&&n("areaClick",e.data),e.name!==l.value&&y(e.name))}}),p.on("mouseover",function(e){if("series"===e.componentType&&"scatter"===e.seriesType){const t=e.dataIndex,a=p.getOption(),o=a.series[e.seriesIndex].data,r=a.series[e.seriesIndex].symbolSize;o[t].symbolSize=r+10,p.setOption(a)}}),p.on("mouseout",function(e){if("series"===e.componentType&&"scatter"===e.seriesType){const t=e.dataIndex,a=p.getOption();delete a.series[e.seriesIndex].data[t].symbolSize,p.setOption(a)}})}),o(()=>{window.removeEventListener("resize",b),null==f||f.disconnect()}),{chartRef:m,historyNames:c,currentName:l,changeMap:y,getCityName:e=>{const t=s.get(l.value);if(t)return t.cityNames[e]},goBack:()=>{if(c.value.length>1){c.value.pop();const e=c.value.pop();y(e)}},refresh:h}}const v=r({name:"IBizMapChart",props:{areaData:{type:Array},pointData:{type:Array},options:{type:Object,default:()=>({})},controller:{type:p,required:!0}},setup(e,{emit:t}){const o=c("map-chart"),r=n(()=>s((e,t,a)=>l(a)?t:a,m,e.options)),i=(t,a)=>"area"===a&&e.areaData?e.areaData.find(e=>e._id===t):"point"===a&&e.pointData?e.pointData.find(e=>e._id===t):void 0,{chartRef:p,historyNames:u,changeMap:d,getCityName:v,goBack:h}=f(e.controller,r,t=>{const{visualMap:a,pointSymbol:o,areaColor:n,hoverAreaColor:s,areaBorderColor:l}=r.value,c=e.areaData||[],p=e.pointData||[];return{geo:{map:t},tooltip:{trigger:"item",textStyle:{color:"#fff",fontSize:12},backgroundColor:"rgba(0, 0, 0, 0.47)",borderWidth:0,extraCssText:"backdrop-filter: blur(3px);"},visualMap:{min:a.min,max:a.max,text:a.text,realtime:!1,hoverLink:!1,inRange:{color:a.rangeColor}},series:[{type:"map",map:t,nameProperty:"adcodeStr",itemStyle:{areaColor:n,borderColor:l,borderWidth:2},emphasis:{itemStyle:{areaColor:s}},tooltip:{formatter:e=>{if(!e.data)return;const t=i(e.data._id,"area");return t?t._tooltip:void 0}},label:{show:!0,color:"#000000",fontSize:14,formatter:e=>v(e.name)},select:{disabled:!0},data:c.map(e=>({name:"".concat(e._areaCode),value:e._value,_id:e._id}))},{type:"scatter",coordinateSystem:"geo",symbol:o,symbolSize:20,visualMap:!1,itemStyle:{color:"#FF1D00"},label:{show:!0,color:"#000000",fontSize:14,textShadowBlur:0,formatter:e=>{const t=i(e.data._id,"point");return null==t?void 0:t._text},position:"left",offset:[10,-15]},tooltip:{formatter:e=>{const t=i(e.data._id,"point");return null==t?void 0:t._tooltip}},data:p.map(e=>({_id:e._id,symbol:e._symbol?"image://".concat(e._symbol):void 0,value:[Number(e._longitude),Number(e._latitude)],visualMap:!1}))}]}},(e,a)=>{switch(e){case"pointClick":t("pointClick",i(a._id,"point"));break;case"areaClick":t("areaClick",i(a._id,"area"))}});return a(()=>{d(r.value.defaultAreaCode,!0)}),{ns:o,chartRef:p,historyNames:u,goBack:h}},render(){return i("div",{class:this.ns.b()},[i("div",{class:this.ns.e("chart"),ref:"chartRef"},null),this.historyNames.length>1&&i("div",{class:this.ns.e("goback"),onClick:()=>{this.goBack()}},[ibiz.i18n.t("app.return")])])}});e({IBizMapChart:v,default:v})}}});

package/dist/map-chart-user-D2lgUtGX.js

@@ -1 +0,0 @@
-System.register(["vue","ramda","@ibiz-template/vue3-util","@ibiz-template/runtime","@ibiz-template/core","lodash-es","echarts"],function(e){"use strict";var t,a,o,r,n,s,l,i,c,u,d,p,m,v,f,b,h,y,g;return{setters:[function(e){t=e.ref,a=e.onMounted,o=e.onUnmounted,r=e.defineComponent,n=e.createVNode,s=e.resolveComponent,l=e.computed,i=e.onBeforeUnmount},function(e){c=e.mergeDeepLeft,u=e.mergeDeepWithKey,d=e.isNil},function(e){p=e.useNamespace},function(e){m=e.MapController,v=e.getAreaLevelByCode},function(e){f=e.listenJSEvent,b=e.NOOP},function(e){h=e.toNumber},function(e){y=e.init,g=e.registerMap}],execute:function(){const C={strAreaCode:!1,visualMap:{text:[ibiz.i18n.t("component.mapChart.high"),ibiz.i18n.t("component.mapChart.low")],min:0,max:100,rangeColor:["#90d1e7","#fff600","#ff5200"]},areaColor:"#87cefa",areaBorderColor:"#FFF",hoverAreaColor:"#fbdb2f",pointSymbol:"pin",jsonBaseUrl:"".concat(ibiz.env.assetsUrl,"/json/map"),defaultAreaCode:1e5,bottom:20,top:20},_=e=>{const t=[];return e._color&&t.push("color:".concat(e._color)),e._bgcolor&&t.push("background:".concat(e._bgcolor)),e._borderColor&&t.push("border-color:".concat(e._borderColor)),e._borderWidth&&t.push("border-width:".concat(e._borderWidth,"px")),e._borderWidth&&e._borderColor&&t.push("border-style:solid"),t.join(";")},N=(e,t,a=[],o=[])=>"area"===t?o.find(t=>t._id===e):"point"===t?a.find(t=>t._id===e):void 0,z=e=>{let t=e;const a=window.getComputedStyle(document.documentElement);return a&&(t=a.getPropertyValue(e)||t),t},x=e=>{const{pointSymbol:t}=e,a=p("map-chart-user"),o=z(a.cssVarName("color-danger")),r=z(a.cssVarName("font-size-header-4"));return{type:"scatter",coordinateSystem:"geo",symbol:t,symbolSize:Number(r.slice(0,2)),visualMap:!1,itemStyle:{color:o}}},w=(e,t)=>{const a={},o=p("map-chart-user"),r=z(o.cssVarName("color-text-1")),n=z(o.cssVarName("font-size-regular"));return a.label={show:!0,color:r,fontSize:Number(n.slice(0,2)),textShadowBlur:0,formatter:a=>{if(!a.data)return;const o=N(a.data._id,"point",e,t);return null==o?void 0:o._text},position:"left",offset:[10,-15]},a.tooltip={formatter:a=>{if(!a.data)return;const r=N(a.data._id,"point",e,t);if(!r)return;const{_deData:n}=r;let s=n.srfmajortext;r._value&&(s="".concat(n.srfmajortext,": ").concat(r._value)),r._tooltip&&(s=r._tooltip);const l=_(r);return'<div style="'.concat(l,'" class="').concat(r._className," ").concat(o.e("popper"),'">').concat(s,"</div>")},padding:0},a.data=e.map(e=>{let t;return e._symbol&&(t="image://".concat(e._symbol)),{_id:e._id,symbol:t,value:[Number(e._longitude),Number(e._latitude)],visualMap:!1}}),a},S=e=>{const{areaColor:t,areaBorderColor:a,hoverAreaColor:o}=e;return{type:"map",nameProperty:"adcodeStr",itemStyle:{areaColor:t,borderColor:a,borderWidth:2},emphasis:{itemStyle:{areaColor:o}}}},D=(e,t,a,o=[])=>{const r={},n=p("map-chart-user"),s=z(n.cssVarName("color-text-1")),l=z(n.cssVarName("font-size-regular"));return r.map=e,r.label={show:!0,color:s,fontSize:Number(l.slice(0,2)),formatter:e=>o.cityNames[e.name]},r.tooltip={formatter:e=>{if(!e.data)return;const o=N(e.data._id,"area",t,a);if(!o||!o._tooltip&&!o._value)return;const{_deData:r}=o;let s=r.srfmajortext;o._value&&(s="".concat(r.srfmajortext,": ").concat(o._value)),o._tooltip&&(s=o._tooltip);const l=_(o);return'<div style="'.concat(l,'" class="').concat(o._className," ").concat(n.e("popper"),'">').concat(s,"</div>")},padding:0},r.data=a.map(e=>({name:"".concat(e._areaCode),value:e._value,_id:e._id,deData:e})),r.select={disabled:!0},r};function M(e,r,n){const s=new Map,l=t(""),i=t([]),c=new Map,u=t(!1);let d;const p=t();let m;const v=async t=>{e.options=t,await e.evt.emit("onBeforeUpdate",{data:t}),d.setOption(t,!0)},b=async e=>{if(s.has(e))return;const t=await async function(e,t){return(await ibiz.net.axios({url:"".concat(e,"/").concat(t,".json")})).data}(r.value.jsonBaseUrl,e);s.set(e,(e=>{const t={cityNames:{},noChild:1===e.features.length};return e.features.forEach(e=>{const{adcode:a,name:o,level:r}=e.properties;t.cityNames[a]=o,c.set(a,r)}),t})(t)),g(e,t)},C=()=>s.get(l.value),_=()=>{if(l.value){const e=n(l.value);v(e),d.resize()}},z=async(t,a,o=!1)=>{const r="".concat(t);if(s.has(r)||await b(r),o){const t=c.get(h(a))||"";e.state.areaLevel=t}else await e.onMapChange(a);l.value=r,e.state.mapInfo=C(),i.value.push(r),_()},x=f(window,"resize",()=>{d&&d.resize()});return a(()=>{d=y(p.value),e.chart=d,p.value&&ResizeObserver&&(m=new ResizeObserver(()=>{null==d||d.resize()}),m.observe(p.value)),d.on("click",t=>{if("series"===t.componentType){if("scatter"===t.seriesType){if(!t.data)return;u.value=!0;const{pointData:a,areaData:o}=e.state,r=N(t.data._id,"point",a,o);return r&&e.onPointClick(r),void(u.value=!1)}if("map"===t.seriesType){u.value=!0;const a=r.value.strAreaCode?"".concat(t.name):Number(t.name),o=c.get(h(a))||"",{pointData:n,areaData:s,enabledDrillDown:i,mdctrlActiveMode:d}=e.state;if(t.data){const r=N(t.data._id,"area",n,s);r&&e.onAreaClick(r,a,o)}t.name!==l.value&&i&&2!==d&&(h(a)>h(e.state.areaCode)&&e.evt.emit("onDrillDown",{data:{areaCode:a}}),e.state.areaCode=a,e.state.areaLevel=o||"",z(t.name,a)),u.value=!1}}}),d.on("dblclick",t=>{const{enabledDrillDown:a,mdctrlActiveMode:o}=e.state;if("series"===t.componentType&&"map"===t.seriesType&&2===o&&a){u.value=!0;const a=r.value.strAreaCode?"".concat(t.name):Number(t.name),o=c.get(h(a))||"";h(a)>h(e.state.areaCode)&&e.evt.emit("onDrillDown",{data:{areaCode:a}}),e.state.areaCode=a,e.state.areaLevel=o,t.name!==l.value&&z(t.name,a),u.value=!1}}),d.on("mouseover",function(t){if(e.evt.emit("onMouseOver",{data:t}),"series"===t.componentType&&"scatter"===t.seriesType){const e=t.dataIndex,a=d.getOption(),o=a.series[t.seriesIndex].data,r=a.series[t.seriesIndex].symbolSize;o[e].symbolSize=r+10,v(a)}}),d.on("mouseout",function(t){if(e.evt.emit("onMouseOut",{data:t}),"series"===t.componentType&&"scatter"===t.seriesType){const e=t.dataIndex,a=d.getOption();delete a.series[t.seriesIndex].data[e].symbolSize,v(a)}})}),o(()=>{x(),null==m||m.disconnect()}),{chartRef:p,historyNames:i,currentName:l,processing:u,areaLevelMap:c,changeMap:z,getCityInfo:C,goBack:async()=>{if(i.value.length>1){i.value.pop();const t=i.value.pop(),a=r.value.strAreaCode?"".concat(t):Number(t),o=c.get(h(a))||"";e.state.areaCode=a,e.state.areaLevel=o,z(t,a)}},refresh:_}}const k=r({name:"IBizMapChartUser",props:{areaData:{type:Array},pointData:{type:Array},options:{type:Object,default:()=>({})},controller:{type:m,required:!0}},setup(e){const o=p("map-chart-user"),r=e.controller;let n=C;const s=t(),m=t(!1);if(r.controlParams.defaultopts){const e=JSON.parse(r.controlParams.defaultopts);n=c(e,n)}const y=l(()=>u((e,t,a)=>d(a)?t:a,n,e.options));let g=b;const{chartRef:_,historyNames:N,processing:k,areaLevelMap:A,changeMap:B,getCityInfo:F,goBack:L}=M(e.controller,y,t=>{const a=e.areaData||[],o=e.pointData||[],r=(()=>{const e=p("map-chart-user"),t=z(e.cssVarName("color-text-1")),a=z(e.cssVarName("font-size-regular")),o=z(e.cssVarName("color-bg-0"));return{trigger:"item",textStyle:{color:t,fontSize:Number(a.slice(0,2))},backgroundColor:o,borderWidth:0,extraCssText:"backdrop-filter: blur(3px);"}})(),n=(e=>{const{visualMap:t}=e;return{min:t.min,max:t.max,text:t.text,realtime:!1,hoverLink:!1,inRange:{color:t.rangeColor}}})(y.value),s=F(),l={...x(y.value),...w(o,a)},{top:i,bottom:c}=y.value;return{geo:{map:t,top:i,bottom:c},tooltip:r,visualMap:n,series:[{top:i,bottom:c,...S(y.value),...D(t,o,a,s)},l]}});a(()=>{const e=y.value.defaultAreaCode,t=r.state.strAreaCode?"".concat(e):Number(e);r.state.areaCode=t,r.state.areaLevel=v(t.toString()),B(e,t,!0),r.evt.on("onDrillDown",async e=>{if(!k.value){const{data:t}=e,a=t.areaCode,o=r.state.strAreaCode?"".concat(a):Number(a),n=A.get(h(o))||"";r.state.areaCode=o,r.state.areaLevel=n,await B(a,a)}}),r.evt.on("onBackClick",()=>{k.value||L()}),g=f(window,"resize",()=>{m.value&&(m.value=ibiz.fullscreenUtil.isFullScreen)})}),i(()=>{g!==b&&g()});return{ns:o,c:r,mapRef:s,chartRef:_,historyNames:N,isFull:m,onBack:async()=>{k.value=!0,await r.evt.emit("onBackClick",void 0),L(),k.value=!1},toggleFullScreen:()=>{s.value&&(m.value?ibiz.fullscreenUtil.closeElementFullscreen():ibiz.fullscreenUtil.openElementFullscreen(s.value),m.value=!m.value)}}},render(){const{enabledFullScreen:e}=this.c.state;return n("div",{class:this.ns.b(),ref:"mapRef"},[e?n(s("el-button"),{type:"info",class:this.ns.e("fullscreen"),onClick:this.toggleFullScreen,title:this.isFull?ibiz.i18n.t("app.cancelFullscreen"):ibiz.i18n.t("app.fullscreen")},{default:()=>[n("ion-icon",{name:this.isFull?"contract-outline":"expand-outline"},null)]}):null,n("div",{class:this.ns.e("chart"),ref:"chartRef"},null),this.historyNames.length>1&&n("div",{class:this.ns.e("goback"),onClick:()=>{this.onBack()}},[ibiz.i18n.t("app.return")])])}});e({IBizMapChartUser:k,default:k})}}});

package/es/control/calendar/components/calendar-flatten/calendar-flatten.css

@@ -1 +0,0 @@
-.ibiz-calendar-flatten{display:flex;flex-direction:column;gap:var(--ibiz-spacing-tight);width:100%;height:100%}.ibiz-calendar-flatten__header{display:flex;flex-shrink:0;align-items:center;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-calendar-flatten__header--left{flex-shrink:0;min-width:300px}.ibiz-calendar-flatten__header--centre{display:flex;flex-grow:1;gap:var(--ibiz-spacing-tight);align-items:center;justify-content:center}.ibiz-calendar-flatten__header--right{flex-shrink:0}.ibiz-calendar-flatten__body{display:flex;flex-grow:1;flex-wrap:wrap;gap:var(--ibiz-spacing-tight);overflow:auto}.ibiz-calendar-flatten__month-calendar{width:366px;border:1px solid var(--ibiz-color-border)}.ibiz-calendar-flatten__month-calendar .el-calendar__header{display:flex;justify-content:center}.ibiz-calendar-flatten__month-calendar .el-calendar__body{padding:var(--ibiz-spacing-tight)}.ibiz-calendar-flatten__month-calendar .el-calendar-table .el-calendar-day{width:50px;height:50px;padding:0}.ibiz-calendar-flatten__month-calendar .el-calendar-table td.is-selected{background-color:transparent}.ibiz-calendar-flatten__date{display:flex;flex-direction:column;gap:var(--ibiz-spacing-extra-tight);align-items:center;justify-content:center;width:100%;height:100%;padding:4px}.ibiz-calendar-flatten__date--day{flex-shrink:0}.ibiz-calendar-flatten__date--mark{display:flex;flex-grow:1;flex-wrap:wrap;gap:var(--ibiz-spacing-extra-tight);justify-content:center;overflow:hidden}.ibiz-calendar-flatten__dot{width:4px;height:4px;border-radius:50%}.ibiz-calendar-flatten__legend{display:flex;gap:var(--ibiz-spacing-extra-tight);align-items:center;cursor:pointer}.ibiz-calendar-flatten__legend--dot{width:16px;height:16px;border-radius:50%}.ibiz-calendar-flatten__popover{max-height:300px;overflow:auto}.ibiz-calendar-flatten__event .ibiz-control-calendar-item{width:126px;height:auto}.ibiz-calendar-flatten__event .ibiz-control-calendar-item.is-active{color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}

package/es/control/calendar/components/calendar-flatten/index.mjs

@@ -1,9 +0,0 @@
-import { withInstall } from '@ibiz-template/vue3-util';
-import { CalendarFlatten } from './calendar-flatten.mjs';
-
-"use strict";
-const IBizCalendarFlatten = withInstall(CalendarFlatten, (v) => {
-  v.component(CalendarFlatten.name, CalendarFlatten);
-});
-
-export { IBizCalendarFlatten, IBizCalendarFlatten as default };

package/lib/control/calendar/components/calendar-flatten/calendar-flatten.css

@@ -1 +0,0 @@
-.ibiz-calendar-flatten{display:flex;flex-direction:column;gap:var(--ibiz-spacing-tight);width:100%;height:100%}.ibiz-calendar-flatten__header{display:flex;flex-shrink:0;align-items:center;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-calendar-flatten__header--left{flex-shrink:0;min-width:300px}.ibiz-calendar-flatten__header--centre{display:flex;flex-grow:1;gap:var(--ibiz-spacing-tight);align-items:center;justify-content:center}.ibiz-calendar-flatten__header--right{flex-shrink:0}.ibiz-calendar-flatten__body{display:flex;flex-grow:1;flex-wrap:wrap;gap:var(--ibiz-spacing-tight);overflow:auto}.ibiz-calendar-flatten__month-calendar{width:366px;border:1px solid var(--ibiz-color-border)}.ibiz-calendar-flatten__month-calendar .el-calendar__header{display:flex;justify-content:center}.ibiz-calendar-flatten__month-calendar .el-calendar__body{padding:var(--ibiz-spacing-tight)}.ibiz-calendar-flatten__month-calendar .el-calendar-table .el-calendar-day{width:50px;height:50px;padding:0}.ibiz-calendar-flatten__month-calendar .el-calendar-table td.is-selected{background-color:transparent}.ibiz-calendar-flatten__date{display:flex;flex-direction:column;gap:var(--ibiz-spacing-extra-tight);align-items:center;justify-content:center;width:100%;height:100%;padding:4px}.ibiz-calendar-flatten__date--day{flex-shrink:0}.ibiz-calendar-flatten__date--mark{display:flex;flex-grow:1;flex-wrap:wrap;gap:var(--ibiz-spacing-extra-tight);justify-content:center;overflow:hidden}.ibiz-calendar-flatten__dot{width:4px;height:4px;border-radius:50%}.ibiz-calendar-flatten__legend{display:flex;gap:var(--ibiz-spacing-extra-tight);align-items:center;cursor:pointer}.ibiz-calendar-flatten__legend--dot{width:16px;height:16px;border-radius:50%}.ibiz-calendar-flatten__popover{max-height:300px;overflow:auto}.ibiz-calendar-flatten__event .ibiz-control-calendar-item{width:126px;height:auto}.ibiz-calendar-flatten__event .ibiz-control-calendar-item.is-active{color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}

package/lib/control/calendar/components/calendar-flatten/index.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue3Util = require('@ibiz-template/vue3-util');
-var calendarFlatten = require('./calendar-flatten.cjs');
-
-"use strict";
-const IBizCalendarFlatten = vue3Util.withInstall(calendarFlatten.CalendarFlatten, (v) => {
-  v.component(calendarFlatten.CalendarFlatten.name, calendarFlatten.CalendarFlatten);
-});
-
-exports.IBizCalendarFlatten = IBizCalendarFlatten;
-exports.default = IBizCalendarFlatten;